matcha-components 20.167.0 → 20.169.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 {
@@ -9221,6 +9235,7 @@ class MatchaSelectComponent {
         this.opened = new EventEmitter();
         this.closed = new EventEmitter();
         this.selectionChange = new EventEmitter();
+        this.openedChange = new EventEmitter();
         this.open = false;
         this.activeIndex = -1;
         // ControlValueAccessor properties
@@ -9364,6 +9379,7 @@ class MatchaSelectComponent {
         this.setActiveIndexFromSelectedValue();
         this.updateSelectedStates();
         this.opened.emit();
+        this.openedChange.emit(true);
     }
     closePanel() {
         if (!this.open)
@@ -9373,6 +9389,7 @@ class MatchaSelectComponent {
         this.updateSelectedStates();
         this.panel.closePanel();
         this.closed.emit();
+        this.openedChange.emit(false);
         // Marcar como touched quando o painel fecha (importante para validação)
         this.onTouched();
     }
@@ -9438,8 +9455,8 @@ class MatchaSelectComponent {
         });
         // Notificar a diretiva sobre a seleção
         this.notifyDirectiveOfSelection(option.value);
-        // Emitir evento de mudança de seleção
-        this.selectionChange.emit(option.value);
+        // Emitir evento de mudança de seleção (compatível com MatSelectChange)
+        this.selectionChange.emit({ source: this, value: option.value });
         // Notificar o Angular Forms sobre a mudança
         this.onChange(option.value);
         this.onTouched();
@@ -9499,8 +9516,8 @@ class MatchaSelectComponent {
         });
         // Notificar a diretiva sobre a seleção antes de fechar o painel
         this.notifyDirectiveOfSelection(option.value);
-        // Emitir evento de mudança de seleção
-        this.selectionChange.emit(option.value);
+        // Emitir evento de mudança de seleção (compatível com MatSelectChange)
+        this.selectionChange.emit({ source: this, value: option.value });
         // Notificar o Angular Forms sobre a mudança
         this.onChange(option.value);
         this.onTouched();
@@ -9582,7 +9599,7 @@ class MatchaSelectComponent {
         this.cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaSelectComponent, 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: MatchaSelectComponent, isStandalone: false, selector: "matcha-select", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", placeholder: "placeholder", disabled: "disabled" }, outputs: { opened: "opened", closed: "closed", selectionChange: "selectionChange" }, host: { properties: { "class.matcha-select-disabled": "this.hostDisabledClass", "attr.disabled": "this.hostDisabledAttr" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaSelectComponent, isStandalone: false, selector: "matcha-select", inputs: { placement: "placement", maxHeight: "maxHeight", minWidth: "minWidth", placeholder: "placeholder", disabled: "disabled" }, outputs: { opened: "opened", closed: "closed", selectionChange: "selectionChange", openedChange: "openedChange" }, host: { properties: { "class.matcha-select-disabled": "this.hostDisabledClass", "attr.disabled": "this.hostDisabledAttr" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => MatchaSelectComponent),
@@ -9629,6 +9646,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 type: Output
             }], selectionChange: [{
                 type: Output
+            }], openedChange: [{
+                type: Output
             }], hostDisabledClass: [{
                 type: HostBinding,
                 args: ['class.matcha-select-disabled']