matcha-components 20.166.0 → 20.168.0

package/fesm2022/matcha-components.mjs

@@ -9221,6 +9221,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 +9365,7 @@ class MatchaSelectComponent {
         this.setActiveIndexFromSelectedValue();
         this.updateSelectedStates();
         this.opened.emit();
+        this.openedChange.emit(true);
     }
     closePanel() {
         if (!this.open)
@@ -9373,6 +9375,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 +9441,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 +9502,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 +9585,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 +9632,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']
@@ -12276,6 +12281,9 @@ class MatchaAutocompleteTriggerDirective {
     get hostDisabled() {
         return !!(this.disabled || this.panel?.disabled || this.ngControl?.control?.disabled);
     }
+    get autocompleteOff() {
+        return 'off';
+    }
     ngAfterViewInit() {
         if (!this.panel) {
             throw new Error('Você precisa passar uma referência para <matcha-autocomplete> ex: [matchaAutocomplete]="auto"');
@@ -12590,7 +12598,7 @@ class MatchaAutocompleteTriggerDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAutocompleteTriggerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MatchaAutocompleteTriggerDirective, isStandalone: false, selector: "[matchaAutocomplete]", inputs: { panel: ["matchaAutocomplete", "panel"], disabled: "disabled" }, host: { listeners: { "click": "onClick()", "focus": "onFocus()", "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)", "document:click": "onDocClick($event)" }, properties: { "disabled": "this.hostDisabled" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: MatchaAutocompleteTriggerDirective, isStandalone: false, selector: "[matchaAutocomplete]", inputs: { panel: ["matchaAutocomplete", "panel"], disabled: "disabled" }, host: { listeners: { "click": "onClick()", "focus": "onFocus()", "input": "onInput($event)", "blur": "onBlur()", "keydown": "onKeydown($event)", "document:click": "onDocClick($event)" }, properties: { "disabled": "this.hostDisabled", "attr.autocomplete": "this.autocompleteOff" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaAutocompleteTriggerDirective, decorators: [{
             type: Directive,
@@ -12606,6 +12614,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }], hostDisabled: [{
                 type: HostBinding,
                 args: ['disabled']
+            }], autocompleteOff: [{
+                type: HostBinding,
+                args: ['attr.autocomplete']
             }], onClick: [{
                 type: HostListener,
                 args: ['click']