matcha-components 20.158.0 → 20.159.0

package/fesm2022/matcha-components.mjs

@@ -8478,10 +8478,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class MatchaOptionComponent {
+    get disabled() { return this._disabled; }
+    set disabled(value) {
+        this._disabled = value !== false && value !== 'false';
+    }
+    get disabledAttr() {
+        return this.disabled ? 'true' : null;
+    }
+    get disabledClass() {
+        return this.disabled;
+    }
     constructor(parent, elRef) {
         this.parent = parent;
         this.elRef = elRef;
-        this.disabled = false;
+        this._disabled = false;
         this.selected = false;
         // ✅ EventEmitters para uso standalone
         this.optionClick = new EventEmitter();
@@ -8552,7 +8562,7 @@ class MatchaOptionComponent {
         return this.elRef.nativeElement.textContent?.trim() || '';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaOptionComponent, deps: [{ token: MATCHA_OPTION_PARENT, optional: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaOptionComponent, isStandalone: false, selector: "matcha-option", inputs: { value: "value", disabled: "disabled" }, outputs: { optionClick: "optionClick", optionSelect: "optionSelect" }, host: { attributes: { "role": "option", "tabindex": "0" }, listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.aria-selected": "this.selected" }, classAttribute: "matcha-option" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaOptionComponent, isStandalone: false, selector: "matcha-option", inputs: { value: "value", disabled: "disabled" }, outputs: { optionClick: "optionClick", optionSelect: "optionSelect" }, host: { attributes: { "role": "option", "tabindex": "0" }, listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "attr.disabled": "this.disabledAttr", "class.matcha-disabled": "this.disabledClass", "attr.aria-selected": "this.selected" }, classAttribute: "matcha-option" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaOptionComponent, decorators: [{
             type: Component,
@@ -8575,6 +8585,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.matcha-disabled']
             }], selected: [{
                 type: HostBinding,
                 args: ['attr.aria-selected']