matcha-components 20.193.0 → 20.195.0

package/fesm2022/matcha-components.mjs

@@ -1840,10 +1840,11 @@ class MatchaSelectModule {
             MatchaSelectTriggerDirective], imports: [CommonModule,
             MatchaOptionModule,
             MatchaPanelModule], exports: [MatchaSelectComponent,
-            MatchaSelectTriggerDirective] }); }
+            MatchaSelectTriggerDirective,
+            MatchaOptionModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectModule, imports: [CommonModule,
             MatchaOptionModule,
-            MatchaPanelModule] }); }
+            MatchaPanelModule, MatchaOptionModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaSelectModule, decorators: [{
             type: NgModule,
@@ -1859,7 +1860,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                     ],
                     exports: [
                         MatchaSelectComponent,
-                        MatchaSelectTriggerDirective
+                        MatchaSelectTriggerDirective,
+                        MatchaOptionModule
                     ]
                 }]
         }] });
@@ -13593,11 +13595,13 @@ class MatchaChipComponent {
         this.removed = new EventEmitter();
         /** Evento emitido quando o chip é destruído */
         this.destroyed = new EventEmitter();
+        this._hasCustomRemoveIcon = false;
     }
     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');
+        // Verifica conteúdo projetado antes do template renderizar o botão padrão
+        this._hasCustomRemoveIcon = element.querySelector('[matchaChipRemove]') !== null;
     }
     ngAfterViewInit() {
         this._setupChipRemoveDirective();
@@ -13673,11 +13677,11 @@ class MatchaChipComponent {
         this.destroyed.emit(this);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaChipComponent, isStandalone: false, selector: "matcha-chip", inputs: { color: "color", selected: "selected", selectable: "selectable", removable: "removable", disabled: "disabled", value: "value" }, outputs: { selectedChange: "selectedChange", removed: "removed", destroyed: "destroyed" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<span class=\"matcha-chip-content color-label\">\n  <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !hasCustomRemoveIcon()\">\n  <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n  <button \n    type=\"button\"\n    class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n    [disabled]=\"disabled\"\n    (click)=\"remove(); $event.stopPropagation()\"\n    tabindex=\"-1\"\n    aria-label=\"Remove\"\n    matchaChipRemove>\n    <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n  </button>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl", "direction"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatchaChipComponent, isStandalone: false, selector: "matcha-chip", inputs: { color: "color", selected: "selected", selectable: "selectable", removable: "removable", disabled: "disabled", value: "value" }, outputs: { selectedChange: "selectedChange", removed: "removed", destroyed: "destroyed" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<span class=\"matcha-chip-content color-label\">\n  <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !_hasCustomRemoveIcon\">\n  <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n  <button \n    type=\"button\"\n    class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n    [disabled]=\"disabled\"\n    (click)=\"remove(); $event.stopPropagation()\"\n    tabindex=\"-1\"\n    aria-label=\"Remove\"\n    matchaChipRemove>\n    <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n  </button>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl", "direction"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatchaChipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-chip', standalone: false, template: "<span class=\"matcha-chip-content color-label\">\n  <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !hasCustomRemoveIcon()\">\n  <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n  <button \n    type=\"button\"\n    class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n    [disabled]=\"disabled\"\n    (click)=\"remove(); $event.stopPropagation()\"\n    tabindex=\"-1\"\n    aria-label=\"Remove\"\n    matchaChipRemove>\n    <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n  </button>\n</ng-container>\n" }]
+            args: [{ selector: 'matcha-chip', standalone: false, template: "<span class=\"matcha-chip-content color-label\">\n  <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !_hasCustomRemoveIcon\">\n  <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n  <button \n    type=\"button\"\n    class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n    [disabled]=\"disabled\"\n    (click)=\"remove(); $event.stopPropagation()\"\n    tabindex=\"-1\"\n    aria-label=\"Remove\"\n    matchaChipRemove>\n    <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n  </button>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hostClasses: [{
                 type: HostBinding,
                 args: ['class']