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; + }