diff --git a/ide/src/base-ui/checkbox/LitCheckBox.ts b/ide/src/base-ui/checkbox/LitCheckBox.ts
index 757e5642734bab909015e233413d651e72cd9aa3..0e79fea302021ddb6dd40afb3134e2c7b57b6573 100644
--- a/ide/src/base-ui/checkbox/LitCheckBox.ts
+++ b/ide/src/base-ui/checkbox/LitCheckBox.ts
@@ -20,7 +20,19 @@ export class LitCheckBox extends BaseElement {
private checkbox: HTMLInputElement | undefined;
static get observedAttributes() {
- return ['checked', 'value'];
+ return ['checked', 'value','disabled'];
+ }
+
+ get disabled() {
+ return this.getAttribute('disabled') !== null;
+ }
+
+ set disabled(value) {
+ if (value === null || value === false) {
+ this.removeAttribute('disabled');
+ } else {
+ this.setAttribute('disabled', '');
+ }
}
get indeterminate() {
@@ -126,6 +138,9 @@ export class LitCheckBox extends BaseElement {
height: 94%;
transform: scale(0);
}
+ :host([disabled]){
+ pointer-events: none;
+ }