matcha-components 20.264.0 → 20.265.0

package/fesm2022/matcha-components.mjs

@@ -3611,6 +3611,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }] });
 
 class MatchaCheckboxComponent {
+    get colorAttr() {
+        return this._color;
+    }
+    get color() {
+        return this._color;
+    }
+    set color(value) {
+        this._color = value || 'accent';
+    }
     get indeterminate() {
         return this._indeterminate;
     }
@@ -3623,6 +3632,9 @@ class MatchaCheckboxComponent {
             this.cdr.markForCheck();
         }
     }
+    get disabledAttr() {
+        return this._disabled ? '' : null;
+    }
     get disabled() {
         return this._disabled;
     }
@@ -3661,7 +3673,7 @@ class MatchaCheckboxComponent {
     }
     constructor(cdr) {
         this.cdr = cdr;
-        this.color = 'accent';
+        this._color = 'accent';
         this._indeterminate = false;
         this._disabled = false;
         this._checked = false;
@@ -3689,7 +3701,7 @@ class MatchaCheckboxComponent {
         this.cdr.markForCheck();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: MatchaCheckboxComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.19", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", change: "change" }, host: { properties: { "attr.color": "this.colorAttr", "attr.disabled": "this.disabledAttr" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MatchaCheckboxComponent),
@@ -3709,10 +3721,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { inputElement: [{
                 type: ViewChild,
                 args: ['input', { static: true }]
+            }], colorAttr: [{
+                type: HostBinding,
+                args: ['attr.color']
             }], color: [{
                 type: Input
             }], indeterminate: [{
                 type: Input
+            }], disabledAttr: [{
+                type: HostBinding,
+                args: ['attr.disabled']
             }], disabled: [{
                 type: Input
             }], checked: [{