matcha-components 19.63.0 → 19.65.0

package/fesm2022/matcha-components.mjs

@@ -843,14 +843,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
 
 class MatchaCardComponent {
     constructor() {
+        this._color = 'surface';
         this.blockquote = 'none';
-        this.color = 'surface';
         this.blockquoteColor = null;
         this.class = '';
-        this.alpha = false;
-        this.tint = false;
-        this.loading = false;
+        this._alpha = false;
+        this._tint = false;
+        this._loading = false;
+    }
+    get color() { return this._color; }
+    set color(v) { this._color = v || 'surface'; }
+    get colorAttr() {
+        return this.color;
     }
+    get alpha() { return this._alpha; }
+    set alpha(v) { this._alpha = v === 'false' ? false : !!v; }
+    get tint() { return this._tint; }
+    set tint(v) { this._tint = v === 'false' ? false : !!v; }
+    get loading() { return this._loading; }
+    set loading(v) { this._loading = v === 'false' ? false : !!v; }
     get classes() {
         let backgroundColor = '';
         let blockquoteColor = '';
@@ -882,14 +893,17 @@ class MatchaCardComponent {
         return this.blockquote === 'left' || this.blockquote === 'right';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaCardComponent, isStandalone: false, selector: "matcha-card", inputs: { blockquote: "blockquote", color: "color", blockquoteColor: "blockquoteColor", class: "class", alpha: "alpha", tint: "tint", loading: "loading" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaCardComponent, isStandalone: false, selector: "matcha-card", inputs: { color: "color", blockquote: "blockquote", blockquoteColor: "blockquoteColor", class: "class", alpha: "alpha", tint: "tint", loading: "loading" }, host: { properties: { "attr.color": "this.colorAttr", "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'matcha-card', standalone: false, template: "<ng-content></ng-content>\n" }]
-        }], propDecorators: { blockquote: [{
+        }], propDecorators: { color: [{
                 type: Input
-            }], color: [{
+            }], colorAttr: [{
+                type: HostBinding,
+                args: ['attr.color']
+            }], blockquote: [{
                 type: Input
             }], blockquoteColor: [{
                 type: Input