matcha-components 19.70.0 → 19.72.0

package/fesm2022/matcha-components.mjs

@@ -1963,138 +1963,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
             }] } });
 
 class MatchaTabItemComponent {
-    constructor(_render) {
-        this._render = _render;
-        this.active = false;
-        this.selected = new EventEmitter();
-    }
-    ngAfterContentInit() {
-        if (!this.innerButton) {
-            return;
-        }
-        /* considera <button … active-item> como ativo */
-        if (this.innerButton.nativeElement.hasAttribute('active-item')) {
-            this.active = true;
-        }
-        this._render.listen(this.innerButton.nativeElement, 'click', () => this.onClick());
+    constructor() {
+        this.title = '';
+        this.icon = '';
+        this._active = false;
     }
-    onClick() {
-        this.selected.emit();
+    set active(value) {
+        this._active = value === '' || value === true || value === 'true';
     }
-    setActiveState(isActive, inactiveColor, inactiveType) {
-        this.active = isActive;
-        if (this.innerButton) {
-            /* liga/desliga atributo visual */
-            if (isActive) {
-                this._render.setAttribute(this.innerButton.nativeElement, 'active-item', 'true');
-            }
-            else {
-                this._render.removeAttribute(this.innerButton.nativeElement, 'active-item');
-            }
-        }
+    get active() {
+        return this._active;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabItemComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: MatchaTabItemComponent, isStandalone: false, selector: "matcha-tab-item", inputs: { active: "active" }, outputs: { selected: "selected" }, queries: [{ propertyName: "innerButton", first: true, predicate: MatchaButtonComponent, descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: MatchaTabItemComponent, isStandalone: false, selector: "matcha-tab", inputs: { title: "title", icon: "icon", active: "active" }, ngImport: i0, template: "<ng-content *ngIf=\"active\"></ng-content>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-tab-item', standalone: false, template: "<ng-content></ng-content>\n" }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { active: [{
+            args: [{ selector: 'matcha-tab', standalone: false, template: "<ng-content *ngIf=\"active\"></ng-content>\n" }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], active: [{
                 type: Input
-            }], selected: [{
-                type: Output
-            }], innerButton: [{
-                type: ContentChild,
-                args: [MatchaButtonComponent, { static: true, read: ElementRef }]
             }] } });
 
 class MatchaTabsComponent {
     constructor() {
-        /* entradas originais */
-        this._multiple = false;
-        this._disabled = false;
-        this._required = false;
-        this.inactiveColor = 'disabled';
-        this.inactiveType = 'basic';
-        this._gap = 16;
+        this.activeTabIndex = 0;
+        this.tabSelected = new EventEmitter();
     }
-    get multiple() { return this._multiple; }
-    set multiple(v) { this._multiple = v === 'false' ? false : !!v; }
-    get disabled() { return this._disabled; }
-    set disabled(v) { this._disabled = v === 'false' ? false : !!v; }
-    get isDisabled() { return this.disabled || null; }
-    get required() { return this._required; }
-    set required(v) { this._required = v === 'false' ? false : !!v; }
-    set gap(v) { const n = +v; this._gap = isNaN(n) ? 16 : n; }
-    get gapClass() { return `gap-${this._gap}`; }
-    /* ────────────────────────────────────── */
     ngAfterContentInit() {
-        /* se algum veio com [active] / active-item usa-o, senão o primeiro */
-        const preset = this.tabItems.find(i => i.active);
-        this.tabItems.forEach((item, idx) => {
-            const isActive = preset ? item === preset : idx === 0;
-            item.setActiveState(isActive, this.inactiveColor, this.inactiveType);
-            item.selected.subscribe(() => this.onItemSelected(item));
-        });
-    }
-    onItemSelected(selectedItem) {
-        // Se required é true e é a última tab ativa, não permite desativar
-        if (this.required) {
-            const activeTabs = this.tabItems.filter(item => item.active);
-            if (activeTabs.length === 1 && activeTabs[0] === selectedItem) {
-                return;
-            }
+        const activeTabs = this.tabs.filter(tab => tab.active);
+        if (activeTabs.length === 0 && this.tabs.first) {
+            this.selectTabByIndex(this.activeTabIndex);
         }
-        // Se multiple é true, permite ativar/desativar livremente
-        if (this.multiple) {
-            selectedItem.setActiveState(!selectedItem.active, this.inactiveColor, this.inactiveType);
+    }
+    selectTab(tab) {
+        if (tab.active)
             return;
+        const tabsArray = this.tabs.toArray();
+        tabsArray.forEach(t => t.active = false);
+        tab.active = true;
+        const index = tabsArray.indexOf(tab);
+        this.tabSelected.emit(index);
+    }
+    selectTabByIndex(index) {
+        if (index >= 0 && index < this.tabs.length) {
+            const tab = this.tabs.toArray()[index];
+            this.selectTab(tab);
+        }
+    }
+    handleKeyboardEvent(event) {
+        const tabsArray = this.tabs.toArray();
+        const currentIndex = tabsArray.findIndex(tab => tab.active);
+        if (event.key === 'ArrowRight') {
+            const nextIndex = (currentIndex + 1) % tabsArray.length;
+            this.selectTabByIndex(nextIndex);
         }
-        // Se multiple é false
-        if (selectedItem.active) {
-            // Se a tab já está ativa, permite desselecionar
-            selectedItem.setActiveState(false, this.inactiveColor, this.inactiveType);
+        else if (event.key === 'ArrowLeft') {
+            const prevIndex = (currentIndex - 1 + tabsArray.length) % tabsArray.length;
+            this.selectTabByIndex(prevIndex);
         }
-        else {
-            // Se está selecionando uma nova tab, desativa todas as outras
-            this.tabItems.forEach(item => item.setActiveState(item === selectedItem, this.inactiveColor, this.inactiveType));
+        else if (event.key === 'Home') {
+            this.selectTabByIndex(0);
+        }
+        else if (event.key === 'End') {
+            this.selectTabByIndex(tabsArray.length - 1);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: MatchaTabsComponent, isStandalone: false, selector: "matcha-tabs", inputs: { multiple: "multiple", disabled: "disabled", required: "required", inactiveColor: "inactiveColor", inactiveType: "inactiveType", gap: "gap" }, host: { properties: { "attr.disabled": "this.isDisabled" } }, queries: [{ propertyName: "tabItems", predicate: MatchaTabItemComponent }], ngImport: i0, template: "<div class=\"button-group d-flex flex-wrap\" [ngClass]=\"gapClass\" role=\"group\"><ng-content></ng-content></div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: MatchaTabsComponent, isStandalone: false, selector: "matcha-tabs", inputs: { activeTabIndex: "activeTabIndex" }, outputs: { tabSelected: "tabSelected" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)" } }, queries: [{ propertyName: "tabs", predicate: MatchaTabItemComponent }], ngImport: i0, template: "<div class=\"flex-column gap-24 w-100-p\">\n  <nav class=\"button-group grid-2 grid-sm-3 grid-md-6 gap-8 list-style-none pl-0\" role=\"tablist\">\n    <button *ngFor=\"let tab of tabs; let i = index\" (click)=\"selectTabByIndex(i)\" \n            [attr.aria-selected]=\"tab.active\" \n            [attr.aria-controls]=\"'tab-content-' + i\" \n            [ngClass]=\"{'active': tab.active}\"\n            class=\"\n              border-color-{{tab.active?'accent':'surface'}} background-surface\n              cursor-pointer w-100-p b-2 radius-8 p-8 flex-column flex-align-center gap-4 flex-space-between\"\n            role=\"tab\"\n            tabindex=\"{{tab.active ? 0 : -1}}\">\n      <matcha-icon [name]=\"tab.icon\" color=\"accent\" size=\"md\"></matcha-icon>\n      <span class=\"text-label fw-900 fs-14 lh-16 line-clamp-2\">\n        {{ tab.title }}\n      </span>\n    </button>\n  </nav>\n\n  <div>\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }], animations: [...createAnimations] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-tabs', standalone: false, template: "<div class=\"button-group d-flex flex-wrap\" [ngClass]=\"gapClass\" role=\"group\"><ng-content></ng-content></div>\n" }]
-        }], propDecorators: { multiple: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], isDisabled: [{
-                type: HostBinding,
-                args: ['attr.disabled']
-            }], required: [{
-                type: Input
-            }], inactiveColor: [{
-                type: Input
-            }], inactiveType: [{
-                type: Input
-            }], gap: [{
-                type: Input
-            }], tabItems: [{
+            args: [{ selector: 'matcha-tabs', animations: [...createAnimations], standalone: false, template: "<div class=\"flex-column gap-24 w-100-p\">\n  <nav class=\"button-group grid-2 grid-sm-3 grid-md-6 gap-8 list-style-none pl-0\" role=\"tablist\">\n    <button *ngFor=\"let tab of tabs; let i = index\" (click)=\"selectTabByIndex(i)\" \n            [attr.aria-selected]=\"tab.active\" \n            [attr.aria-controls]=\"'tab-content-' + i\" \n            [ngClass]=\"{'active': tab.active}\"\n            class=\"\n              border-color-{{tab.active?'accent':'surface'}} background-surface\n              cursor-pointer w-100-p b-2 radius-8 p-8 flex-column flex-align-center gap-4 flex-space-between\"\n            role=\"tab\"\n            tabindex=\"{{tab.active ? 0 : -1}}\">\n      <matcha-icon [name]=\"tab.icon\" color=\"accent\" size=\"md\"></matcha-icon>\n      <span class=\"text-label fw-900 fs-14 lh-16 line-clamp-2\">\n        {{ tab.title }}\n      </span>\n    </button>\n  </nav>\n\n  <div>\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }], propDecorators: { tabs: [{
                 type: ContentChildren,
                 args: [MatchaTabItemComponent]
+            }], activeTabIndex: [{
+                type: Input
+            }], tabSelected: [{
+                type: Output
+            }], handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
             }] } });
 
-class TipTextComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TipTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.13", type: TipTextComponent, isStandalone: false, selector: "tip-text", ngImport: i0, template: "<p>tip-text works!</p>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TipTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tip-text', standalone: false, template: "<p>tip-text works!</p>\n" }]
-        }] });
-
 class MatchaTooltipDirective {
     constructor(el, renderer) {
         this.el = el;
@@ -3542,9 +3497,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
 class MatchaTabsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabsModule, declarations: [MatchaTabsComponent, MatchaTabItemComponent], imports: [CommonModule,
-            MatchaTooltipModule], exports: [MatchaTabsComponent, MatchaTabItemComponent] }); }
+            MatchaTooltipModule,
+            MatchaIconModule], exports: [MatchaTabsComponent, MatchaTabItemComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabsModule, imports: [CommonModule,
-            MatchaTooltipModule] }); }
+            MatchaTooltipModule,
+            MatchaIconModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaTabsModule, decorators: [{
             type: NgModule,
@@ -3552,7 +3509,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
                     declarations: [MatchaTabsComponent, MatchaTabItemComponent],
                     imports: [
                         CommonModule,
-                        MatchaTooltipModule
+                        MatchaTooltipModule,
+                        MatchaIconModule,
                     ],
                     exports: [MatchaTabsComponent, MatchaTabItemComponent]
                 }]
@@ -3590,26 +3548,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
                 }]
         }] });
 
-class TipTextModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TipTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.13", ngImport: i0, type: TipTextModule, declarations: [TipTextComponent], imports: [CommonModule], exports: [TipTextComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TipTextModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: TipTextModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TipTextComponent,
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        TipTextComponent,
-                    ],
-                }]
-        }] });
-
 class MatchaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.13", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
@@ -3649,8 +3587,7 @@ class MatchaComponentsModule {
             MatchaTabsModule,
             MatchaTitleModule,
             MatchaTooltipModule,
-            MatchaTreeModule,
-            TipTextModule], exports: [MatchaAccordionModule,
+            MatchaTreeModule], exports: [MatchaAccordionModule,
             MatchaAutocompleteModule,
             MatchaBadgeModule,
             MatchaButtonModule,
@@ -3684,8 +3621,7 @@ class MatchaComponentsModule {
             MatchaTabsModule,
             MatchaTitleModule,
             MatchaTooltipModule,
-            MatchaTreeModule,
-            TipTextModule] }); }
+            MatchaTreeModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
@@ -3723,8 +3659,7 @@ class MatchaComponentsModule {
             MatchaTabsModule,
             MatchaTitleModule,
             MatchaTooltipModule,
-            MatchaTreeModule,
-            TipTextModule, MatchaAccordionModule,
+            MatchaTreeModule, MatchaAccordionModule,
             MatchaAutocompleteModule,
             MatchaBadgeModule,
             MatchaButtonModule,
@@ -3758,8 +3693,7 @@ class MatchaComponentsModule {
             MatchaTabsModule,
             MatchaTitleModule,
             MatchaTooltipModule,
-            MatchaTreeModule,
-            TipTextModule] }); }
+            MatchaTreeModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImport: i0, type: MatchaComponentsModule, decorators: [{
             type: NgModule,
@@ -3805,8 +3739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
                         MatchaTabsModule,
                         MatchaTitleModule,
                         MatchaTooltipModule,
-                        MatchaTreeModule,
-                        TipTextModule,
+                        MatchaTreeModule
                     ],
                     exports: [
                         MatchaAccordionModule,
@@ -3843,8 +3776,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
                         MatchaTabsModule,
                         MatchaTitleModule,
                         MatchaTooltipModule,
-                        MatchaTreeModule,
-                        TipTextModule,
+                        MatchaTreeModule
                     ]
                 }]
         }] });
@@ -3868,5 +3800,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, 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, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule, TipTextComponent, TipTextModule };
+export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, 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, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
 //# sourceMappingURL=matcha-components.mjs.map