matcha-components 20.168.0 → 20.170.0

package/fesm2022/matcha-components.mjs

@@ -8944,6 +8944,8 @@ class MatchaAutocompleteComponent {
         this.closed = new EventEmitter();
         this.cleared = new EventEmitter();
         this.autoSelected = new EventEmitter();
+        this.optionSelected = new EventEmitter();
+        this.openedChange = new EventEmitter();
         this.open = false;
         this.activeIndex = -1;
     }
@@ -8988,6 +8990,7 @@ class MatchaAutocompleteComponent {
         this.panel.openPanel();
         this.resetActive();
         this.opened.emit();
+        this.openedChange.emit(true);
     }
     closePanel() {
         if (!this.open)
@@ -8997,6 +9000,7 @@ class MatchaAutocompleteComponent {
         this.updateSelectedStates();
         this.panel.closePanel();
         this.closed.emit();
+        this.openedChange.emit(false);
     }
     togglePanel() {
         if (this.disabled)
@@ -9063,6 +9067,12 @@ class MatchaAutocompleteComponent {
             value: option.value,
             displayText: displayText
         });
+        // Emitir evento de seleção compatível com MatAutocompleteSelectedEvent
+        this.optionSelected.emit({
+            option: {
+                value: option.value
+            }
+        });
         // Fechamos painel automaticamente
         this.closePanel();
         // Forçar detecção de mudanças para garantir que o painel seja fechado
@@ -9126,7 +9136,7 @@ class MatchaAutocompleteComponent {
         return null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAutocompleteComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaAutocompleteComponent, isStandalone: false, selector: "matcha-autocomplete", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", disabled: "disabled", autoSelectOnBlur: "autoSelectOnBlur", displayWith: "displayWith", displayProperty: "displayProperty", showClearButton: "showClearButton", clearButtonIcon: "clearButtonIcon", clearButtonAriaLabel: "clearButtonAriaLabel" }, outputs: { opened: "opened", closed: "closed", cleared: "cleared", autoSelected: "autoSelected" }, host: { properties: { "class.matcha-autocomplete-disabled": "this.hostDisabledClass", "attr.disabled": "this.hostDisabledAttr" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaAutocompleteComponent, isStandalone: false, selector: "matcha-autocomplete", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", disabled: "disabled", autoSelectOnBlur: "autoSelectOnBlur", displayWith: "displayWith", displayProperty: "displayProperty", showClearButton: "showClearButton", clearButtonIcon: "clearButtonIcon", clearButtonAriaLabel: "clearButtonAriaLabel" }, outputs: { opened: "opened", closed: "closed", cleared: "cleared", autoSelected: "autoSelected", optionSelected: "optionSelected", openedChange: "openedChange" }, host: { properties: { "class.matcha-autocomplete-disabled": "this.hostDisabledClass", "attr.disabled": "this.hostDisabledAttr" } }, providers: [
             {
                 provide: MATCHA_OPTION_PARENT,
                 useExisting: forwardRef(() => MatchaAutocompleteComponent)
@@ -9181,6 +9191,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 type: Output
             }], autoSelected: [{
                 type: Output
+            }], optionSelected: [{
+                type: Output
+            }], openedChange: [{
+                type: Output
             }] } });
 
 class MatchaSelectComponent {
@@ -11296,6 +11310,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() {
@@ -11329,7 +11350,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;
@@ -11481,7 +11502,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,
@@ -11492,6 +11513,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']