matcha-components 20.67.0 → 20.69.0

package/fesm2022/matcha-components.mjs

@@ -9649,6 +9649,11 @@ class MatchaChipComponent {
         /** Evento emitido quando o chip é destruído */
         this.destroyed = new EventEmitter();
     }
+    ngOnInit() {
+        // Aplica as classes CSS diretamente no elemento
+        const element = this._elementRef.nativeElement;
+        element.classList.add('matcha-chip', 'radius-full', 'd-flex', 'align-items-center', 'gap-8', 'px-14', 'py-10', 'h-20');
+    }
     ngAfterViewInit() {
         this._setupChipRemoveDirective();
     }
@@ -9758,7 +9763,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
             }] } });
 
 class MatchaChipListComponent {
-    constructor() {
+    /** Se a chip list está desabilitada */
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = value;
+        this._updateChipsDisabledState();
+    }
+    /** Valor(es) selecionado(s) */
+    get value() {
+        return this._value;
+    }
+    set value(newValue) {
+        this._value = newValue;
+        this._updateChipsSelectionState();
+    }
+    get isDisabled() { return this.disabled; }
+    get ariaMultiselectable() { return this.multiple ? 'true' : null; }
+    get ariaDisabled() { return this.disabled.toString(); }
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
         /** Se múltiplos chips podem ser selecionados */
         this.multiple = false;
         /** Se os chips podem ser selecionados */
@@ -9778,25 +9803,11 @@ class MatchaChipListComponent {
         this.onChange = () => { };
         this.onTouched = () => { };
     }
-    /** Se a chip list está desabilitada */
-    get disabled() {
-        return this._disabled;
-    }
-    set disabled(value) {
-        this._disabled = value;
-        this._updateChipsDisabledState();
-    }
-    /** Valor(es) selecionado(s) */
-    get value() {
-        return this._value;
-    }
-    set value(newValue) {
-        this._value = newValue;
-        this._updateChipsSelectionState();
+    ngOnInit() {
+        // Aplica as classes CSS diretamente no elemento
+        const element = this._elementRef.nativeElement;
+        element.classList.add('matcha-chip-list');
     }
-    get isDisabled() { return this.disabled; }
-    get ariaMultiselectable() { return this.multiple ? 'true' : null; }
-    get ariaDisabled() { return this.disabled.toString(); }
     ngAfterContentInit() {
         this._setupChipListeners();
         this._updateChipsSelectionState();
@@ -9975,7 +9986,7 @@ class MatchaChipListComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MatchaChipListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MatchaChipListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MatchaChipListComponent, isStandalone: false, selector: "matcha-chip-list", inputs: { multiple: "multiple", selectable: "selectable", disabled: "disabled", value: "value", orientation: "orientation" }, outputs: { change: "change", removed: "removed" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class.matcha-chip-list": "this.chipListClass", "class.matcha-chip-list-disabled": "this.isDisabled", "attr.role": "this.role", "attr.aria-multiselectable": "this.ariaMultiselectable", "attr.aria-disabled": "this.ariaDisabled" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -9993,7 +10004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
                             multi: true
                         }
                     ], template: "<div class=\"matcha-chip-list-wrapper\" [class.matcha-chip-list-vertical]=\"orientation === 'vertical'\">\n  <ng-content></ng-content>\n</div>" }]
-        }], propDecorators: { multiple: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { multiple: [{
                 type: Input
             }], selectable: [{
                 type: Input