matcha-components 19.44.0 → 19.49.0

package/fesm2022/matcha-components.mjs

@@ -659,7 +659,7 @@ class MatchaAccordionItemComponent {
     constructor() {
         this._stretch = false;
         this._isOpen = false;
-        this.toggle = new EventEmitter();
+        this.opened = new EventEmitter();
     }
     set stretch(value) {
         this._stretch = value != null && `${value}` !== 'false';
@@ -674,14 +674,14 @@ class MatchaAccordionItemComponent {
         return this._isOpen;
     }
     ngOnInit() {
-        this.toggle.emit(this.isOpen);
+        this.opened.emit(this.isOpen);
     }
     toggleAccordion() {
         this.isOpen = !this.isOpen;
-        this.toggle.emit(this.isOpen);
+        this.opened.emit(this.isOpen);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch", isOpen: "isOpen" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div class=\"accordion-item flex-column overflow-hidden\">\n    <div class=\"accordion-header d-flex\">\n        <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n            <ng-content select=\"matcha-accordion-header\"></ng-content>\n        </div>\n    </div>\n    <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n        <ng-content select=\"matcha-accordion-content\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [""], animations: [...createAnimations] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch", isOpen: "isOpen" }, outputs: { opened: "opened" }, ngImport: i0, template: "<div class=\"accordion-item flex-column overflow-hidden\">\n    <div class=\"accordion-header d-flex\">\n        <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n            <ng-content select=\"matcha-accordion-header\"></ng-content>\n        </div>\n    </div>\n    <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n        <ng-content select=\"matcha-accordion-content\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [""], animations: [...createAnimations] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
             type: Component,
@@ -690,7 +690,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 type: Input
             }], isOpen: [{
                 type: Input
-            }], toggle: [{
+            }], opened: [{
                 type: Output
             }] } });
 
@@ -699,7 +699,6 @@ class MatchaAccordionComponent {
         this._multiple = false;
         this.openedChange = new EventEmitter();
     }
-    // Se multiple for true, permite abrir vários itens simultaneamente.
     set multiple(value) {
         // Converte 'false' (string) ou false (boolean) para false, e qualquer outro valor para true.
         this._multiple = value != null && `${value}` !== 'false';
@@ -709,8 +708,7 @@ class MatchaAccordionComponent {
     }
     ngAfterContentInit() {
         this.items.forEach(item => {
-            item.toggle.subscribe((isOpen) => {
-                console.log('Accordion: Item toggled, isOpen:', isOpen);
+            item.opened.subscribe((isOpen) => {
                 this.toggleItem(item);
                 this.openedChange.emit(isOpen);
             });
@@ -1778,6 +1776,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 type: Input
             }] } });
 
+class MatchaHintTextComponent {
+    constructor() {
+        this.type = 'error';
+        this.size = 'tiny';
+    }
+    get iconName() {
+        switch (this.type) {
+            case 'warning': return 'action_sign_warning-out';
+            case 'info': return 'info-out';
+            case 'success': return 'action_done';
+            default: return 'action_sign_warning-out';
+        }
+    }
+    get iconColor() {
+        switch (this.type) {
+            case 'warning': return 'yellow';
+            case 'info': return 'blue';
+            case 'success': return 'green';
+            default: return 'red';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaHintTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: MatchaHintTextComponent, isStandalone: false, selector: "matcha-hint-text", inputs: { type: "type", size: "size" }, ngImport: i0, template: "<div class=\"d-flex gap-4\">\n    <matcha-icon color=\"{{ iconColor }}\" name=\"{{ iconName }}\"> </matcha-icon>\n    <span class=\"text\"><ng-content></ng-content></span>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaHintTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-hint-text', standalone: false, template: "<div class=\"d-flex gap-4\">\n    <matcha-icon color=\"{{ iconColor }}\" name=\"{{ iconName }}\"> </matcha-icon>\n    <span class=\"text\"><ng-content></ng-content></span>\n</div>\n" }]
+        }], propDecorators: { type: [{
+                type: Input,
+                args: ['type']
+            }], size: [{
+                type: Input,
+                args: ['size']
+            }] } });
+
 class MatchaTooltipDirective {
     constructor(el, renderer) {
         this.el = el;
@@ -3255,6 +3288,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                 }]
         }] });
 
+class MatchaHintTextModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaHintTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: MatchaHintTextModule, declarations: [MatchaHintTextComponent], imports: [CommonModule,
+            MatchaIconModule], exports: [MatchaHintTextComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaHintTextModule, imports: [CommonModule,
+            MatchaIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaHintTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaHintTextComponent],
+                    imports: [
+                        CommonModule,
+                        MatchaIconModule,
+                    ],
+                    exports: [MatchaHintTextComponent],
+                }]
+        }] });
+
 class MatchaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.5", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
@@ -3298,7 +3350,8 @@ class MatchaComponentsModule {
             MatchaTooltipModule,
             MatchaTreeModule,
             MatchaRippleModule,
-            MatchaSpinModule], exports: [MatchaButtonGroupModule,
+            MatchaSpinModule,
+            MatchaHintTextModule], exports: [MatchaButtonGroupModule,
             MatchaAccordionModule,
             MatchaFormFieldModule,
             MatchaInfiniteScrollModule,
@@ -3336,7 +3389,8 @@ class MatchaComponentsModule {
             MatchaTooltipModule,
             MatchaTreeModule,
             MatchaRippleModule,
-            MatchaSpinModule] }); }
+            MatchaSpinModule,
+            MatchaHintTextModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -3378,7 +3432,8 @@ class MatchaComponentsModule {
             MatchaTooltipModule,
             MatchaTreeModule,
             MatchaRippleModule,
-            MatchaSpinModule, MatchaButtonGroupModule,
+            MatchaSpinModule,
+            MatchaHintTextModule, MatchaButtonGroupModule,
             MatchaAccordionModule,
             MatchaFormFieldModule,
             MatchaInfiniteScrollModule,
@@ -3416,7 +3471,8 @@ class MatchaComponentsModule {
             MatchaTooltipModule,
             MatchaTreeModule,
             MatchaRippleModule,
-            MatchaSpinModule] }); }
+            MatchaSpinModule,
+            MatchaHintTextModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: MatchaComponentsModule, decorators: [{
             type: NgModule,
@@ -3466,7 +3522,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         MatchaTooltipModule,
                         MatchaTreeModule,
                         MatchaRippleModule,
-                        MatchaSpinModule
+                        MatchaSpinModule,
+                        MatchaHintTextModule
                     ],
                     exports: [
                         MatchaButtonGroupModule,
@@ -3507,7 +3564,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
                         MatchaTooltipModule,
                         MatchaTreeModule,
                         MatchaRippleModule,
-                        MatchaSpinModule
+                        MatchaSpinModule,
+                        MatchaHintTextModule
                     ]
                 }]
         }] });
@@ -3531,5 +3589,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonComponent, MatchaButtonGroupComponent, MatchaButtonGroupModule, MatchaButtonItemComponent, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldComponent, MatchaFormFieldDirective, MatchaFormFieldModule, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaListDirective, MatchaListModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
+export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonComponent, MatchaButtonGroupComponent, MatchaButtonGroupModule, MatchaButtonItemComponent, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldComponent, MatchaFormFieldDirective, MatchaFormFieldModule, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaListDirective, MatchaListModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
 //# sourceMappingURL=matcha-components.mjs.map