matcha-components 19.134.0 → 19.136.0

package/fesm2022/matcha-components.mjs

@@ -639,6 +639,183 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Output
             }] } });
 
+/*
+HOW TO USE ---------------------------------------------------------
+TEMPLATE:
+<!-- Elemento sentinela para detectar o scroll -->
+<option disabled style="height: 1px; padding: 0; margin: 0;">
+    <!-- Esse <div> não precisa ter conteúdo visual; ele apenas será observado -->
+    <div infiniteScroll (scrolledToEnd)="onScrolledToEnd()"></div>
+</option>
+*/
+class MatchaLazyloadComponent {
+    constructor(element) {
+        this.element = element;
+        // Evento que será disparado quando o elemento entrar na área visível
+        this.scrolledToEnd = new EventEmitter();
+    }
+    ngOnInit() {
+        // Configura o observer para disparar quando 10% do elemento estiver visível
+        const options = {
+            root: null, // Usa a viewport
+            rootMargin: '0px',
+            threshold: 0.1
+        };
+        this.observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    this.scrolledToEnd.emit();
+                }
+            });
+        }, options);
+        this.observer.observe(this.element.nativeElement);
+    }
+    ngOnDestroy() {
+        this.observer.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaLazyloadComponent, isStandalone: false, selector: "matcha-lazyload", outputs: { scrolledToEnd: "scrolledToEnd" }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-lazyload', standalone: false, template: "<ng-content></ng-content>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolledToEnd: [{
+                type: Output
+            }] } });
+
+class MatchaLazyloadDataComponent {
+    constructor(element) {
+        this.element = element;
+        /**
+         * Lista inicial (opcional) para iniciar a agregação.
+         */
+        this.initialList = [];
+        /**
+         * Threshold para o Intersection Observer (padrão: 0.1 = 10% do elemento visível).
+         */
+        this.threshold = 0.1;
+        /**
+         * Emite a lista acumulada de itens.
+         */
+        this.aggregatedData = new EventEmitter();
+        /**
+         * Emite o item exato, quando a aggregatedData tiver um único item igual ao searchTerm.
+         */
+        this.exactMatch = new EventEmitter();
+        this.aggregatedList = [];
+        this.currentPage = 0;
+        // Subscription para as chamadas do loadData
+        this.dataSubscription = new Subscription();
+        // Subscription exclusiva para o debounce do searchTerm
+        this.searchSubscription = new Subscription();
+        // Subject para aplicar debounce no searchTerm
+        this.searchTermSubject = new Subject();
+    }
+    ngOnInit() {
+        this.initialize();
+        // Configura o Intersection Observer para carregamento via scroll
+        const options = {
+            root: null,
+            rootMargin: '0px',
+            threshold: this.threshold
+        };
+        this.observer = new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    this.loadNextPage();
+                }
+            });
+        }, options);
+        this.observer.observe(this.element.nativeElement);
+        // Inscreve para receber alterações do searchTerm com debounce
+        this.searchSubscription = this.searchTermSubject.pipe(debounceTime(300)).subscribe(() => {
+            // Reseta e carrega a primeira página após o debounce
+            this.resetData();
+            this.loadNextPage();
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes['resetKey'] && !changes['resetKey'].firstChange) {
+            this.resetData();
+        }
+        if (changes['searchTerm'] && !changes['searchTerm'].firstChange) {
+            // Emite o novo valor para o Subject e aguarda o debounce
+            this.searchTermSubject.next(changes['searchTerm'].currentValue);
+        }
+    }
+    /**
+     * Inicializa ou reinicializa a lista agregada e o contador de página.
+     */
+    initialize() {
+        this.aggregatedList = [...this.initialList];
+        this.currentPage = 0;
+        this.aggregatedData.emit(this.aggregatedList);
+        this.checkExactMatch();
+    }
+    /**
+     * Reseta apenas as assinaturas e o estado dos dados (não a inscrição do searchTerm).
+     */
+    resetData() {
+        // Cancela as assinaturas das chamadas de loadData
+        this.dataSubscription.unsubscribe();
+        this.dataSubscription = new Subscription();
+        // Re-inicializa a lista e o contador
+        this.initialize();
+    }
+    /**
+     * Carrega a próxima página de dados utilizando a função loadData.
+     */
+    loadNextPage() {
+        if (!this.loadData) {
+            return;
+        }
+        this.currentPage++;
+        const dataObservable = this.loadData(this.currentPage);
+        const sub = dataObservable.subscribe(data => {
+            if (data && data.length) {
+                this.aggregatedList = [...this.aggregatedList, ...data];
+                this.aggregatedData.emit(this.aggregatedList);
+                this.checkExactMatch();
+            }
+        });
+        this.dataSubscription.add(sub);
+    }
+    /**
+     * Verifica se a lista agregada possui exatamente um item e se esse item é igual ao searchTerm.
+     * Se sim, emite o output exactMatch com esse item.
+     */
+    checkExactMatch() {
+        if (this.aggregatedList.length === 1 && this.aggregatedList[0] === this.searchTerm) {
+            this.exactMatch.emit(this.aggregatedList[0]);
+        }
+    }
+    ngOnDestroy() {
+        this.observer.disconnect();
+        this.dataSubscription.unsubscribe();
+        this.searchSubscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaLazyloadDataComponent, isStandalone: false, selector: "matcha-lazyload-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadDataComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-lazyload-data', standalone: false, template: "<ng-content></ng-content>\n", styles: [":host{height:1px;opacity:0}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { loadData: [{
+                type: Input
+            }], initialList: [{
+                type: Input
+            }], threshold: [{
+                type: Input
+            }], resetKey: [{
+                type: Input
+            }], searchTerm: [{
+                type: Input
+            }], aggregatedData: [{
+                type: Output
+            }], exactMatch: [{
+                type: Output
+            }] } });
+
 class MatchaButtonComponent {
     get colorAttr() {
         return this.color;
@@ -1858,6 +2035,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 args: ['size-xl']
             }] } });
 
+class MatchaSpinnerComponent {
+    set progress(value) {
+        this._progress = Number(value);
+    }
+    get progress() {
+        return this._progress;
+    }
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this._progress = 0;
+        this.color = 'accent';
+        this.size = null;
+        this.sizeXs = null;
+        this.sizeSm = null;
+        this.sizeMd = null;
+        this.sizeLg = null;
+        this.sizeXl = null;
+        // Valores fixos baseados no hard coded que funciona
+        this.diameter = 66;
+        this.center = 33;
+        this.radius = 30;
+        this.strokeWidth = 5;
+    }
+    ngOnInit() {
+        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-spinner');
+        this.setSize();
+    }
+    setSize() {
+        const sizes = ['tiny', 'small', 'medium', 'large', 'huge'];
+        sizes.forEach(size => {
+            this._renderer.removeClass(this._elementRef.nativeElement, `matcha-spinner-${size}`);
+        });
+        if (this.size) {
+            this._renderer.addClass(this._elementRef.nativeElement, `matcha-spinner-${this.size}`);
+        }
+    }
+    get circumference() {
+        return 2 * Math.PI * this.radius;
+    }
+    get dashOffset() {
+        const progress = Math.min(Math.max(Number(this.progress), 0), 100);
+        return this.circumference - (progress / 100) * this.circumference;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinnerComponent, deps: [{ token: ElementRef }, { token: Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaSpinnerComponent, isStandalone: false, selector: "matcha-spinner", inputs: { progress: "progress", color: "color", size: "size", sizeXs: ["size-xs", "sizeXs"], sizeSm: ["size-sm", "sizeSm"], sizeMd: ["size-md", "sizeMd"], sizeLg: ["size-lg", "sizeLg"], sizeXl: ["size-xl", "sizeXl"] }, ngImport: i0, template: "<div\n  class=\"matcha-spinner\"\n  role=\"progressbar\"\n  [attr.aria-valuemin]=\"0\"\n  [attr.aria-valuemax]=\"100\"\n  [attr.aria-valuenow]=\"progress\"\n>\n  <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\" class=\"spinner\">\n    <circle\n      class=\"spinner-placeholder\"\n      [attr.cx]=\"center\"\n      [attr.cy]=\"center\"\n      [attr.r]=\"radius\"\n      [attr.stroke-width]=\"strokeWidth\"\n      stroke-linecap=\"round\"\n    />\n    <circle\n      class=\"spinner-progress path\"\n      [attr.cx]=\"center\"\n      [attr.cy]=\"center\"\n      [attr.r]=\"radius\"\n      [attr.stroke-width]=\"strokeWidth\"\n      [attr.stroke]=\"color\"\n      [attr.stroke-dasharray]=\"circumference\"\n      [attr.stroke-dashoffset]=\"dashOffset\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n</div>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-spinner', standalone: false, template: "<div\n  class=\"matcha-spinner\"\n  role=\"progressbar\"\n  [attr.aria-valuemin]=\"0\"\n  [attr.aria-valuemax]=\"100\"\n  [attr.aria-valuenow]=\"progress\"\n>\n  <svg [attr.viewBox]=\"'0 0 ' + diameter + ' ' + diameter\" class=\"spinner\">\n    <circle\n      class=\"spinner-placeholder\"\n      [attr.cx]=\"center\"\n      [attr.cy]=\"center\"\n      [attr.r]=\"radius\"\n      [attr.stroke-width]=\"strokeWidth\"\n      stroke-linecap=\"round\"\n    />\n    <circle\n      class=\"spinner-progress path\"\n      [attr.cx]=\"center\"\n      [attr.cy]=\"center\"\n      [attr.r]=\"radius\"\n      [attr.stroke-width]=\"strokeWidth\"\n      [attr.stroke]=\"color\"\n      [attr.stroke-dasharray]=\"circumference\"\n      [attr.stroke-dashoffset]=\"dashOffset\"\n      stroke-linecap=\"round\"\n    />\n  </svg>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef, decorators: [{
+                    type: Inject,
+                    args: [ElementRef]
+                }] }, { type: i0.Renderer2, decorators: [{
+                    type: Inject,
+                    args: [Renderer2]
+                }] }], propDecorators: { progress: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], size: [{
+                type: Input,
+                args: ['size']
+            }], sizeXs: [{
+                type: Input,
+                args: ['size-xs']
+            }], sizeSm: [{
+                type: Input,
+                args: ['size-sm']
+            }], sizeMd: [{
+                type: Input,
+                args: ['size-md']
+            }], sizeLg: [{
+                type: Input,
+                args: ['size-lg']
+            }], sizeXl: [{
+                type: Input,
+                args: ['size-xl']
+            }] } });
+
 class MatchaHintTextComponent {
     constructor() {
         this.type = 'error';
@@ -3638,6 +3895,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }] });
 
+class MatchaLazyloadModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadModule, declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent], imports: [CommonModule], exports: [MatchaLazyloadComponent, MatchaLazyloadDataComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaLazyloadModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaLazyloadComponent, MatchaLazyloadDataComponent],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaLazyloadComponent, MatchaLazyloadDataComponent]
+                }]
+        }] });
+
 class MatchaElevationDirective {
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
@@ -4759,6 +5032,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 }]
         }] });
 
+class MatchaSpinnerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinnerModule, declarations: [MatchaSpinnerComponent], imports: [CommonModule], exports: [MatchaSpinnerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinnerModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaSpinnerComponent],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [MatchaSpinnerComponent]
+                }]
+        }] });
+
 class MatchaTableDirective {
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
@@ -5036,6 +5325,7 @@ class MatchaComponentsModule {
             MatchaHintTextModule,
             MatchaIconModule,
             MatchaInfiniteScrollModule,
+            MatchaLazyloadModule,
             MatchaInputModule,
             // MatchaInputPhoneModule,
             MatchaMasonryModule,
@@ -5052,6 +5342,7 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaSpinModule,
+            MatchaSpinnerModule,
             MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
@@ -5075,6 +5366,7 @@ class MatchaComponentsModule {
             MatchaHintTextModule,
             MatchaIconModule,
             MatchaInfiniteScrollModule,
+            MatchaLazyloadModule,
             MatchaInputModule,
             //  MatchaInputPhoneModule,
             MatchaMasonryModule,
@@ -5092,6 +5384,7 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaSpinModule,
+            MatchaSpinnerModule,
             MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
@@ -5120,6 +5413,7 @@ class MatchaComponentsModule {
             MatchaHintTextModule,
             MatchaIconModule,
             MatchaInfiniteScrollModule,
+            MatchaLazyloadModule,
             MatchaInputModule,
             // MatchaInputPhoneModule,
             MatchaMasonryModule,
@@ -5136,6 +5430,7 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaSpinModule,
+            MatchaSpinnerModule,
             MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
@@ -5159,6 +5454,7 @@ class MatchaComponentsModule {
             MatchaHintTextModule,
             MatchaIconModule,
             MatchaInfiniteScrollModule,
+            MatchaLazyloadModule,
             MatchaInputModule,
             //  MatchaInputPhoneModule,
             MatchaMasonryModule,
@@ -5176,6 +5472,7 @@ class MatchaComponentsModule {
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
             MatchaSpinModule,
+            MatchaSpinnerModule,
             MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
@@ -5210,6 +5507,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         MatchaHintTextModule,
                         MatchaIconModule,
                         MatchaInfiniteScrollModule,
+                        MatchaLazyloadModule,
                         MatchaInputModule,
                         // MatchaInputPhoneModule,
                         MatchaMasonryModule,
@@ -5226,6 +5524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         MatchaSnackBarModule,
                         MatchaSortHeaderModule,
                         MatchaSpinModule,
+                        MatchaSpinnerModule,
                         MatchaStepperModule,
                         MatchaTableModule,
                         MatchaTabsModule,
@@ -5251,6 +5550,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         MatchaHintTextModule,
                         MatchaIconModule,
                         MatchaInfiniteScrollModule,
+                        MatchaLazyloadModule,
                         MatchaInputModule,
                         //  MatchaInputPhoneModule,
                         MatchaMasonryModule,
@@ -5268,6 +5568,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         MatchaSnackBarModule,
                         MatchaSortHeaderModule,
                         MatchaSpinModule,
+                        MatchaSpinnerModule,
                         MatchaStepperModule,
                         MatchaTableModule,
                         MatchaTabsModule,
@@ -5344,5 +5645,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDropListComponent, MatchaDropListModule, 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, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOptionService, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
+export { MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaBadgeDirective, MatchaBadgeModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputDirective, MatchaInputModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuModule, MatchaMenuTriggerForDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOptionService, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaTabItemComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective };
 //# sourceMappingURL=matcha-components.mjs.map