matcha-components 20.169.0 → 20.172.0

package/fesm2022/matcha-components.mjs

@@ -2947,6 +2947,9 @@ class MatchaSlideToggleComponent {
         const newCheckedState = value === '' ? true : !!value;
         if (newCheckedState !== this._checked) {
             this._checked = newCheckedState;
+            // Força a detecção imediata para sincronizar o DOM do input interno
+            // especialmente útil quando o pai reverte o estado no mesmo ciclo
+            this.cdr.detectChanges();
         }
     }
     get checked() {
@@ -3008,10 +3011,14 @@ class MatchaSlideToggleComponent {
         }
         const inputElement = event.target;
         const newCheckedState = inputElement.checked;
+        // Suprime completamente o evento nativo para evitar interferência no pai
+        // e evitar disparos duplos quando o componente emite seu próprio evento
+        event.preventDefault();
+        event.stopImmediatePropagation();
         this._checked = newCheckedState;
         this.onChange(newCheckedState);
         this.onTouched();
-        this.change.emit({ checked: newCheckedState });
+        this.change.emit({ source: this, checked: newCheckedState });
         // Marca para detecção após mudança (necessário para OnPush)
         this.cdr.markForCheck();
     }
@@ -11310,6 +11317,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class MatchaTooltipDirective {
+    get tooltipText() { return this._tooltipText; }
+    set tooltipText(v) {
+        this._tooltipText = v;
+    }
+    get tooltipTextAttr() {
+        return this.tooltipText;
+    }
     get tooltipDisabled() { return this._tooltipDisabled; }
     set tooltipDisabled(v) { this._tooltipDisabled = v === 'false' ? false : !!v; }
     get tooltipDisabledAttr() {
@@ -11343,7 +11357,7 @@ class MatchaTooltipDirective {
     constructor(el, renderer) {
         this.el = el;
         this.renderer = renderer;
-        this.tooltipText = '';
+        this._tooltipText = '';
         this._tooltipDisabled = false;
         this._preferAbove = false;
         this._preferBelow = false;
@@ -11495,7 +11509,7 @@ class MatchaTooltipDirective {
         this.destroyTooltip();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MatchaTooltipDirective, isStandalone: false, selector: "[matchaTooltip]", inputs: { tooltipText: ["matchaTooltip", "tooltipText"], tooltipDisabled: ["matchaTooltipDisabled", "tooltipDisabled"], preferAbove: ["matchaTooltipAbove", "preferAbove"], preferBelow: ["matchaTooltipBelow", "preferBelow"], preferLeft: ["matchaTooltipLeft", "preferLeft"], preferRight: ["matchaTooltipRight", "preferRight"], tooltipEnableClose: ["matchaTooltipEnableClose", "tooltipEnableClose"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" }, properties: { "attr.tooltip-disabled": "this.tooltipDisabledAttr", "attr.tooltip-above": "this.preferAboveAttr", "attr.tooltip-below": "this.preferBelowAttr", "attr.tooltip-left": "this.preferLeftAttr", "attr.tooltip-right": "this.preferRightAttr", "attr.tooltip-enable-close": "this.tooltipEnableCloseAttr" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MatchaTooltipDirective, isStandalone: false, selector: "[matchaTooltip]", inputs: { tooltipText: ["matchaTooltip", "tooltipText"], tooltipDisabled: ["matchaTooltipDisabled", "tooltipDisabled"], preferAbove: ["matchaTooltipAbove", "preferAbove"], preferBelow: ["matchaTooltipBelow", "preferBelow"], preferLeft: ["matchaTooltipLeft", "preferLeft"], preferRight: ["matchaTooltipRight", "preferRight"], tooltipEnableClose: ["matchaTooltipEnableClose", "tooltipEnableClose"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" }, properties: { "attr.matchaTooltip": "this.tooltipTextAttr", "attr.tooltip-disabled": "this.tooltipDisabledAttr", "attr.tooltip-above": "this.preferAboveAttr", "attr.tooltip-below": "this.preferBelowAttr", "attr.tooltip-left": "this.preferLeftAttr", "attr.tooltip-right": "this.preferRightAttr", "attr.tooltip-enable-close": "this.tooltipEnableCloseAttr" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
             type: Directive,
@@ -11506,6 +11520,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tooltipText: [{
                 type: Input,
                 args: ['matchaTooltip']
+            }], tooltipTextAttr: [{
+                type: HostBinding,
+                args: ['attr.matchaTooltip']
             }], tooltipDisabled: [{
                 type: Input,
                 args: ['matchaTooltipDisabled']