matcha-components 20.149.0 → 20.151.0

package/index.d.ts

@@ -589,8 +589,9 @@ declare class MatchaToolbarCustomButtonComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaToolbarCustomButtonComponent, "matcha-toolbar-custom-button", never, {}, {}, never, ["*"], false, never>;
 }
 
-declare class MatchaFormFieldComponent implements AfterViewInit {
+declare class MatchaFormFieldComponent implements AfterViewInit, OnDestroy {
     private elementRef;
+    private cdr;
     color: 'red' | 'pink' | 'purple' | 'deep-purple' | 'indigo' | 'blue' | 'light-blue' | 'cyan' | 'teal' | 'green' | 'light-green' | 'lime' | 'yellow' | 'amber' | 'orange' | 'deep-orange' | 'primary' | 'accent' | 'warn' | 'brown' | 'grey' | 'blue-grey' | 'primary' | 'accent' | 'warn';
     size: string | null | undefined | 'tiny' | 'small' | 'medium' | 'large' | 'huge';
     sizeXs: string | null;
@@ -599,14 +600,26 @@ declare class MatchaFormFieldComponent implements AfterViewInit {
     sizeLg: string | null;
     sizeXl: string | null;
     controlDir?: FormControlName;
-    constructor(elementRef: ElementRef);
+    isDisabled: boolean;
+    private mutationObserver?;
+    private controlSubscription?;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     private generateDataCy;
     private convertToKebabCase;
     get control(): i3.FormControl<any> | undefined;
     get showError(): boolean;
+    /**
+     * Verifica se algum input filho está disabled
+     */
+    private checkDisabledState;
+    /**
+     * Configura observadores para detectar mudanças no estado disabled
+     */
+    private setupDisabledObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaFormFieldComponent, "matcha-form-field", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; }, {}, ["controlDir"], ["matcha-label", "*", "matcha-error", "matcha-autocomplete", "matcha-hint-text"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatchaFormFieldComponent, "matcha-form-field", never, { "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sizeXs": { "alias": "size-xs"; "required": false; }; "sizeSm": { "alias": "size-sm"; "required": false; }; "sizeMd": { "alias": "size-md"; "required": false; }; "sizeLg": { "alias": "size-lg"; "required": false; }; "sizeXl": { "alias": "size-xl"; "required": false; }; }, {}, ["controlDir"], ["matcha-label", "*", "matcha-autocomplete", "matcha-error", "matcha-hint-text"], false, never>;
 }
 
 declare class MatchaLabelComponent implements AfterViewInit {
@@ -1352,7 +1365,22 @@ declare class MatchaSelectComponent implements AfterContentInit, AfterViewInit,
     private activeIndex;
     private onChange;
     private onTouched;
-    isDisabled: boolean;
+    private isDisabledByForm;
+    /**
+     * Getter consolidado para verificar se o componente está disabled
+     * Combina o estado do @Input disabled com o estado do FormControl
+     */
+    get isCurrentlyDisabled(): boolean;
+    /**
+     * HostBinding para adicionar classe disabled no elemento raiz do componente
+     * Isso permite que o matcha-form-field detecte o estado disabled
+     */
+    get hostDisabledClass(): boolean;
+    /**
+     * HostBinding para adicionar atributo disabled no elemento raiz do componente
+     * Isso permite que o matcha-form-field detecte o estado disabled
+     */
+    get hostDisabledAttr(): string | null;
     constructor(elRef: ElementRef, renderer: Renderer2, cdr: ChangeDetectorRef);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -1385,6 +1413,13 @@ declare class MatchaSelectComponent implements AfterContentInit, AfterViewInit,
     writeValue(value: any): void;
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: () => void): void;
+    /**
+     * Garante que o painel está fechado quando o componente está disabled
+     */
+    private ensurePanelClosed;
+    /**
+     * ControlValueAccessor: Define o estado disabled do FormControl
+     */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatchaSelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatchaSelectComponent, "matcha-select", never, { "placement": { "alias": "placement"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; "selectionChange": "selectionChange"; }, ["options"], ["*"], false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "matcha-components",
-  "version": "20.149.0",
+  "version": "20.151.0",
   "peerDependencies": {},
   "dependencies": {
     "tslib": "^2.3.0"