matcha-components 19.30.0 → 19.33.0

package/fesm2022/matcha-components.mjs

@@ -1,10 +1,11 @@
 import * as i0 from '@angular/core';
-import { ElementRef, Renderer2, Component, Inject, Input, EventEmitter, Output, ContentChild, ContentChildren, HostBinding, HostListener, Directive, NgModule } from '@angular/core';
+import { ElementRef, Renderer2, Component, Inject, Input, EventEmitter, Output, ContentChild, ContentChildren, HostBinding, HostListener, Directive, forwardRef, NgModule } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
 import { Subscription, Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 
 class MatchaButtonComponent {
     constructor(_elementRef, _renderer) {
@@ -1556,11 +1557,11 @@ class MatchaLabelComponent {
         this.color = 'blue-grey';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaLabelComponent, isStandalone: false, selector: "matcha-label", inputs: { color: "color" }, ngImport: i0, template: "<label\n    class=\"d-flex d-flex-align-center position-relative text-nowrap px-8 fs-12 lh-18 fw-400 color-{{color}}\"\n    style=\"transform: translateY(-8px);\">\n    <ng-content></ng-content>\n    <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">*</span>\n    <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaLabelComponent, isStandalone: false, selector: "matcha-label", inputs: { color: "color" }, ngImport: i0, template: "<label\n    class=\"d-flex d-flex-align-center position-relative text-nowrap px-8 fs-12 lh-18 fw-700 color-{{color}}\"\n    style=\"transform: translateY(-8px);\">\n    <ng-content></ng-content>\n    <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">*</span>\n    <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaLabelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-label', standalone: false, template: "<label\n    class=\"d-flex d-flex-align-center position-relative text-nowrap px-8 fs-12 lh-18 fw-400 color-{{color}}\"\n    style=\"transform: translateY(-8px);\">\n    <ng-content></ng-content>\n    <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">*</span>\n    <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>" }]
+            args: [{ selector: 'matcha-label', standalone: false, template: "<label\n    class=\"d-flex d-flex-align-center position-relative text-nowrap px-8 fs-12 lh-18 fw-700 color-{{color}}\"\n    style=\"transform: translateY(-8px);\">\n    <ng-content></ng-content>\n    <!-- <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">*</span>\n    <span class=\"pl-4 fs-10 fw-400 lh-16 matcha-color-placeholder\">(Opcional)</span> -->\n</label>" }]
         }], propDecorators: { color: [{
                 type: Input
             }] } });
@@ -1574,6 +1575,161 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
             args: [{ selector: 'matcha-error', standalone: false, template: "<p class=\"w-100-p color-red fs-12 lh-16 flex-row flex-align-center gap-4 m-0\">\n    <matcha-icon name=\"action_sign_warning-out\" size=\"sm\"></matcha-icon>\n    <ng-content></ng-content>\n</p>" }]
         }] });
 
+class MatchaRippleDirective {
+    constructor(el) {
+        this.el = el;
+        this.rippleColor = 'rgba(0, 0, 0, 0.5)'; // Cor padrão do efeito
+        this.ripples = [];
+        // Garantir que o elemento tenha position relative
+        this.el.nativeElement.style.position = 'relative';
+        this.el.nativeElement.style.overflow = 'hidden';
+    }
+    onMouseDown(event) {
+        const target = this.el.nativeElement;
+        const rect = target.getBoundingClientRect();
+        const ripple = document.createElement('span');
+        ripple.className = 'ripple';
+        // Definir o tamanho do ripple baseado no maior lado do elemento
+        const size = Math.max(target.offsetWidth, target.offsetHeight);
+        ripple.style.height = ripple.style.width = size * 2 + 'px';
+        // Aplicar estilo básico ao ripple
+        ripple.style.backgroundColor = this.rippleColor;
+        ripple.style.position = 'absolute';
+        ripple.style.borderRadius = '50%';
+        ripple.style.opacity = '0.5';
+        ripple.style.transform = 'scale(0)';
+        ripple.style.transition = 'transform 0.6s, opacity 0.6s';
+        ripple.style.pointerEvents = 'none';
+        const top = event.pageY - rect.top - size + window.scrollY;
+        const left = event.pageX - rect.left - size + window.scrollX;
+        ripple.style.top = top + 'px';
+        ripple.style.left = left + 'px';
+        target.appendChild(ripple);
+        this.ripples.push(ripple);
+        // Inicia a animação no próximo frame
+        requestAnimationFrame(() => {
+            ripple.style.transform = 'scale(2)';
+            ripple.style.opacity = '0';
+        });
+        // Remove o ripple após a animação
+        setTimeout(() => {
+            if (ripple && ripple.parentElement) {
+                ripple.parentElement.removeChild(ripple);
+                this.ripples = this.ripples.filter(r => r !== ripple);
+            }
+        }, 600);
+    }
+    ngOnDestroy() {
+        // Limpa todos os ripples quando o componente é destruído
+        this.ripples.forEach(ripple => {
+            if (ripple && ripple.parentElement) {
+                ripple.parentElement.removeChild(ripple);
+            }
+        });
+        this.ripples = [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaRippleDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: MatchaRippleDirective, isStandalone: false, selector: "[matchaRipple]", inputs: { rippleColor: "rippleColor" }, host: { listeners: { "mousedown": "onMouseDown($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaRippleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[matchaRipple]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rippleColor: [{
+                type: Input
+            }], onMouseDown: [{
+                type: HostListener,
+                args: ['mousedown', ['$event']]
+            }] } });
+
+class MatchaCheckboxComponent {
+    constructor() {
+        this.color = 'accent';
+        this.indeterminate = false;
+        this._labelClicable = false;
+        this._disabled = false;
+        this._checked = false;
+        this.change = new EventEmitter();
+        // ControlValueAccessor methods
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    set labelClicable(value) {
+        this._labelClicable = value != null && `${value}` !== 'false';
+    }
+    get labelClicable() {
+        return this._labelClicable;
+    }
+    set disabled(value) {
+        // Converte 'false' (string) ou false (boolean) para false, e qualquer outro valor para true.
+        this._disabled = value != null && `${value}` !== 'false';
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    get checked() {
+        return this._checked;
+    }
+    set checked(value) {
+        if (value !== this._checked) {
+            this._checked = value;
+            this.onChange(this._checked);
+        }
+    }
+    writeValue(value) {
+        this._checked = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onInputChange(event) {
+        if (this.disabled)
+            return;
+        const input = event.target;
+        this.checked = input.checked;
+        this.onTouched();
+        this.change.emit({ checked: this.checked });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaCheckboxComponent, isStandalone: false, selector: "matcha-checkbox", inputs: { color: "color", indeterminate: "indeterminate", labelClicable: "labelClicable", disabled: "disabled", checked: "checked" }, outputs: { change: "change" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => MatchaCheckboxComponent),
+                multi: true
+            }
+        ], ngImport: i0, template: "<label\n    class=\"matcha-checkbox flex-align-center\"\n    [class.matcha-checkbox-disabled]=\"disabled\">\n    <div\n        class=\"matcha-checkbox-container p-8 flex-center-center radius-full cursor-pointer\"\n        matchaRipple>\n        <input\n            type=\"checkbox\"\n            class=\"matcha-checkbox-input\"\n            [checked]=\"checked\"\n            [disabled]=\"disabled\"\n            [indeterminate]=\"indeterminate\"\n            (change)=\"onInputChange($event)\">\n    </div>\n\n    <span class=\"matcha-checkbox-label fw-500 fs-16 lh-20\">\n        <ng-content></ng-content>\n    </span>\n</label>", styles: [""], dependencies: [{ kind: "directive", type: MatchaRippleDirective, selector: "[matchaRipple]", inputs: ["rippleColor"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-checkbox', standalone: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => MatchaCheckboxComponent),
+                            multi: true
+                        }
+                    ], template: "<label\n    class=\"matcha-checkbox flex-align-center\"\n    [class.matcha-checkbox-disabled]=\"disabled\">\n    <div\n        class=\"matcha-checkbox-container p-8 flex-center-center radius-full cursor-pointer\"\n        matchaRipple>\n        <input\n            type=\"checkbox\"\n            class=\"matcha-checkbox-input\"\n            [checked]=\"checked\"\n            [disabled]=\"disabled\"\n            [indeterminate]=\"indeterminate\"\n            (change)=\"onInputChange($event)\">\n    </div>\n\n    <span class=\"matcha-checkbox-label fw-500 fs-16 lh-20\">\n        <ng-content></ng-content>\n    </span>\n</label>" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], labelClicable: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], change: [{
+                type: Output
+            }] } });
+
 class MatchaTooltipDirective {
     constructor(el, renderer) {
         this.el = el;
@@ -2314,35 +2470,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 }]
         }] });
 
-class MatchaCheckboxDirective {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-checkbox');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.4", type: MatchaCheckboxDirective, isStandalone: false, selector: "[matcha-checkbox]", ngImport: i0 }); }
+class MatchaRippleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaRippleModule, declarations: [MatchaRippleDirective], imports: [CommonModule], exports: [MatchaRippleDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaRippleModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxDirective, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaRippleModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: '[matcha-checkbox]',
-                    standalone: false
+                    declarations: [
+                        MatchaRippleDirective
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatchaRippleDirective
+                    ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+        }] });
 
 class MatchaCheckboxModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxDirective], exports: [MatchaCheckboxDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxModule, declarations: [MatchaCheckboxComponent], imports: [CommonModule, MatchaRippleModule], exports: [MatchaCheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxModule, imports: [CommonModule, MatchaRippleModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [MatchaCheckboxDirective],
-                    imports: [],
-                    exports: [MatchaCheckboxDirective],
+                    declarations: [
+                        MatchaCheckboxComponent,
+                    ],
+                    imports: [CommonModule, MatchaRippleModule],
+                    exports: [
+                        MatchaCheckboxComponent,
+                    ],
                 }]
         }] });
 
@@ -3067,7 +3229,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 
 class MatchaComponentsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [MatchaButtonGroupModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatchaButtonGroupModule,
             MatchaAccordionModule,
             MatchaFormFieldModule,
             MatchaInfiniteScrollModule,
@@ -3103,9 +3268,9 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaTableModule,
-            MatchaTabsModule,
             MatchaTooltipModule,
-            MatchaTreeModule], exports: [MatchaButtonGroupModule,
+            MatchaTreeModule,
+            MatchaRippleModule], exports: [MatchaButtonGroupModule,
             MatchaAccordionModule,
             MatchaFormFieldModule,
             MatchaInfiniteScrollModule,
@@ -3141,10 +3306,13 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaTableModule,
-            MatchaTabsModule,
             MatchaTooltipModule,
-            MatchaTreeModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaComponentsModule, imports: [MatchaButtonGroupModule,
+            MatchaTreeModule,
+            MatchaRippleModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaComponentsModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatchaButtonGroupModule,
             MatchaAccordionModule,
             MatchaFormFieldModule,
             MatchaInfiniteScrollModule,
@@ -3180,9 +3348,9 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaTableModule,
-            MatchaTabsModule,
             MatchaTooltipModule,
-            MatchaTreeModule, MatchaButtonGroupModule,
+            MatchaTreeModule,
+            MatchaRippleModule, MatchaButtonGroupModule,
             MatchaAccordionModule,
             MatchaFormFieldModule,
             MatchaInfiniteScrollModule,
@@ -3218,9 +3386,9 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaTableModule,
-            MatchaTabsModule,
             MatchaTooltipModule,
-            MatchaTreeModule] }); }
+            MatchaTreeModule,
+            MatchaRippleModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaComponentsModule, decorators: [{
             type: NgModule,
@@ -3229,6 +3397,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         MatchaOverflowDraggableComponent
                     ],
                     imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
                         MatchaButtonGroupModule,
                         MatchaAccordionModule,
                         MatchaFormFieldModule,
@@ -3265,9 +3436,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         MatchaSnackBarModule,
                         MatchaSortHeaderModule,
                         MatchaTableModule,
-                        MatchaTabsModule,
                         MatchaTooltipModule,
-                        MatchaTreeModule
+                        MatchaTreeModule,
+                        MatchaRippleModule
                     ],
                     exports: [
                         MatchaButtonGroupModule,
@@ -3306,9 +3477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         MatchaSnackBarModule,
                         MatchaSortHeaderModule,
                         MatchaTableModule,
-                        MatchaTabsModule,
                         MatchaTooltipModule,
-                        MatchaTreeModule
+                        MatchaTreeModule,
+                        MatchaRippleModule
                     ]
                 }]
         }] });
@@ -3332,5 +3503,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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, MatchaCheckboxDirective, 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, MatchaProgressSpinnerDirective, MatchaProgressSpinnerModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, 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, 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, MatchaProgressSpinnerDirective, MatchaProgressSpinnerModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
 //# sourceMappingURL=matcha-components.mjs.map