matcha-components 20.152.0 → 20.154.0

package/fesm2022/matcha-components.mjs

@@ -2953,6 +2953,8 @@ class MatchaSlideToggleComponent {
     }
     writeValue(value) {
         this.checked = !!value;
+        // Marca para detecção quando o valor é escrito (necessário para OnPush)
+        this.cdr.markForCheck();
     }
     registerOnChange(fn) {
         this.onChange = fn;
@@ -2963,8 +2965,9 @@ class MatchaSlideToggleComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    constructor(elementRef) {
+    constructor(elementRef, cdr) {
         this.elementRef = elementRef;
+        this.cdr = cdr;
         this.color = 'accent';
         this._checked = false;
         this._disabled = false;
@@ -2981,6 +2984,10 @@ class MatchaSlideToggleComponent {
                 this.elementRef.nativeElement.removeAttribute('disabled');
             }
         }
+        if (changes['checked']) {
+            // Marca para detecção quando o checked muda (necessário para OnPush)
+            this.cdr.markForCheck();
+        }
     }
     ngAfterViewInit() {
         if (this.disabled) {
@@ -2998,8 +3005,10 @@ class MatchaSlideToggleComponent {
         this.onChange(newCheckedState);
         this.onTouched();
         this.change.emit({ checked: newCheckedState });
+        // Marca para detecção após mudança (necessário para OnPush)
+        this.cdr.markForCheck();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSlideToggleComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSlideToggleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaSlideToggleComponent, isStandalone: false, selector: "matcha-slide-toggle", inputs: { color: "color", checked: "checked", disabled: "disabled" }, outputs: { change: "change" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -3017,7 +3026,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                             multi: true,
                         },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<label\n  class=\"matcha-slide-toggle-wrapper flex-align-center\"\n  [class.matcha-slide-toggle-disabled]=\"disabled\"\n  >\n  <input\n    type=\"checkbox\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onInputChange($event)\"\n  />\n\n  <span class=\"matcha-slide-toggle-label ml-8 fw-500 fs-16 lh-20\">\n    <ng-content></ng-content>\n  </span>\n</label>\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { color: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { color: [{
                 type: Input
             }], checked: [{
                 type: Input