matcha-components 18.3.7 → 18.3.9

package/fesm2022/matcha-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ElementRef, Renderer2, Component, Inject, Input, EventEmitter, Output, HostListener, Injectable, ContentChildren, Directive, NgModule } from '@angular/core';
+import { ElementRef, Renderer2, Component, Inject, Input, EventEmitter, Output, HostListener, Directive, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
@@ -736,127 +736,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['mouseleave', ['$event']]
             }] } });
 
-// matcha-step.component.ts
-class MatchaStepComponent {
-    constructor() {
-        this.active = false; // Define se o step está ativo
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaStepComponent, selector: "matcha-step", inputs: { title: "title" }, ngImport: i0, template: "<ng-container *ngIf=\"active\">\n    <ng-content></ng-content>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matcha-step', template: "<ng-container *ngIf=\"active\">\n    <ng-content></ng-content>\n</ng-container>\n" }]
-        }], propDecorators: { title: [{
-                type: Input
-            }] } });
-
-// matcha-stepper.service.ts
-class MatchaStepperService {
-    constructor() {
-        // Estado atual e steps armazenados
-        this.currentStep = 0;
-        this.steps = [];
-        // Evento para notificar alterações no step atual
-        this.stepChanged = new EventEmitter();
-    }
-    setSteps(steps) {
-        this.steps = steps;
-    }
-    setCurrentStep(index) {
-        if (index >= 0 && index < this.steps.length) {
-            // Marca o step como visitado
-            this.steps[index].visited = true;
-            this.currentStep = index;
-            // Emite o novo índice para quem estiver escutando
-            this.stepChanged.emit(index);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-// matcha-stepper.component.ts
-class MatchaStepperComponent {
-    constructor(stepperService) {
-        this.stepperService = stepperService;
-        this.currentStepIndex = 0;
-    }
-    ngAfterContentInit() {
-        // Cria os dados dos steps com a flag visited definida como false
-        const stepsData = this.steps.map(step => ({
-            title: step.title,
-            visited: false
-        }));
-        this.stepperService.setSteps(stepsData);
-        this.activateStep(0);
-    }
-    next() {
-        if (this.currentStepIndex < this.steps.length - 1) {
-            this.activateStep(this.currentStepIndex + 1);
-        }
-    }
-    previous() {
-        if (this.currentStepIndex > 0) {
-            this.activateStep(this.currentStepIndex - 1);
-        }
-    }
-    activateStep(index) {
-        // Atualiza a visibilidade dos steps
-        this.steps.forEach((step, i) => step.active = i === index);
-        this.currentStepIndex = index;
-        // Atualiza o serviço com o novo step atual
-        this.stepperService.setCurrentStep(index);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperComponent, deps: [{ token: MatchaStepperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaStepperComponent, selector: "matcha-stepper", queries: [{ propertyName: "steps", predicate: MatchaStepComponent }], ngImport: i0, template: "<div class=\"matcha-stepper-header\">\n    <ng-content select=\"[matcha-stepper-header]\"></ng-content>\n</div>\n\n<div class=\"matcha-stepper-content\">\n    <ng-content></ng-content> <!-- Renderiza os steps -->\n</div>\n\n<div class=\"matcha-stepper-footer\">\n    <button (click)=\"previous()\" [disabled]=\"currentStepIndex === 0\">Voltar</button>\n    <button (click)=\"next()\" [disabled]=\"currentStepIndex === steps.length - 1\">Avan\u00E7ar</button>\n    <ng-content select=\"[matcha-stepper-footer]\"></ng-content>\n</div>\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matcha-stepper', template: "<div class=\"matcha-stepper-header\">\n    <ng-content select=\"[matcha-stepper-header]\"></ng-content>\n</div>\n\n<div class=\"matcha-stepper-content\">\n    <ng-content></ng-content> <!-- Renderiza os steps -->\n</div>\n\n<div class=\"matcha-stepper-footer\">\n    <button (click)=\"previous()\" [disabled]=\"currentStepIndex === 0\">Voltar</button>\n    <button (click)=\"next()\" [disabled]=\"currentStepIndex === steps.length - 1\">Avan\u00E7ar</button>\n    <ng-content select=\"[matcha-stepper-footer]\"></ng-content>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: MatchaStepperService }], propDecorators: { steps: [{
-                type: ContentChildren,
-                args: [MatchaStepComponent]
-            }] } });
-
-class MatchaStepperPaginationComponent {
-    constructor(stepperService) {
-        this.stepperService = stepperService;
-        this.steps = [];
-        this.currentStep = 0;
-    }
-    ngOnInit() {
-        // Inicializa os steps a partir do serviço
-        this.steps = this.stepperService.steps;
-        this.currentStep = this.stepperService.currentStep;
-        // Inscreve-se para receber notificações quando o step mudar
-        this.subscription = this.stepperService.stepChanged.subscribe(index => {
-            this.currentStep = index;
-        });
-    }
-    goToStep(index) {
-        this.stepperService.setCurrentStep(index);
-    }
-    ngOnDestroy() {
-        // Limpa a inscrição ao destruir o componente
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperPaginationComponent, deps: [{ token: MatchaStepperService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaStepperPaginationComponent, selector: "matcha-stepper-pagination", ngImport: i0, template: "<div class=\"pagination\">\n    <div class=\"step-item\" *ngFor=\"let step of steps; let i = index\" [class.active]=\"i === currentStep\"\n        [class.visited]=\"step.visited && i !== currentStep\" (click)=\"goToStep(i)\">\n        <div class=\"square p-8 blue\"></div>\n        <div class=\"title\" *ngIf=\"i === currentStep\">{{ step.title }}</div>\n    </div>\n</div>\n", styles: [".pagination{display:flex;align-items:center;gap:12px;padding:12px}.step-item{cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease-in-out}.step-item:hover{transform:scale(1.1)}.step-item .square{width:16px;height:16px;background-color:#ccc;border:1px solid #aaa;transition:background-color .3s}.step-item .title{margin-top:4px;font-size:12px;color:#333;text-align:center}.step-item.active .square{background-color:#6200ea}.step-item.visited:not(.active) .square{background-color:#8e24aa}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperPaginationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matcha-stepper-pagination', template: "<div class=\"pagination\">\n    <div class=\"step-item\" *ngFor=\"let step of steps; let i = index\" [class.active]=\"i === currentStep\"\n        [class.visited]=\"step.visited && i !== currentStep\" (click)=\"goToStep(i)\">\n        <div class=\"square p-8 blue\"></div>\n        <div class=\"title\" *ngIf=\"i === currentStep\">{{ step.title }}</div>\n    </div>\n</div>\n", styles: [".pagination{display:flex;align-items:center;gap:12px;padding:12px}.step-item{cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease-in-out}.step-item:hover{transform:scale(1.1)}.step-item .square{width:16px;height:16px;background-color:#ccc;border:1px solid #aaa;transition:background-color .3s}.step-item .title{margin-top:4px;font-size:12px;color:#333;text-align:center}.step-item.active .square{background-color:#6200ea}.step-item.visited:not(.active) .square{background-color:#8e24aa}\n"] }]
-        }], ctorParameters: () => [{ type: MatchaStepperService }] });
-
 class MatchaToolbarComponent {
     constructor() {
         this.isMobileScreen = false;
@@ -1030,34 +909,34 @@ class MatchaTooltipDirective {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaTooltipDirective, selector: "[matcha-tooltip], [matchaTooltip]", inputs: { tooltipText: ["matcha-tooltip-text", "tooltipText"], tooltipDisabled: ["matcha-tooltip-disabled", "tooltipDisabled"], preferAbove: ["matcha-tooltip-above", "preferAbove"], preferBelow: ["matcha-tooltip-below", "preferBelow"], preferLeft: ["matcha-tooltip-left", "preferLeft"], preferRight: ["matcha-tooltip-right", "preferRight"], tooltipEnableClose: ["tooltip-enable-close", "tooltipEnableClose"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaTooltipDirective, selector: "[matchaTooltip]", inputs: { tooltipText: ["matchaTooltipText", "tooltipText"], tooltipDisabled: ["matchaTooltipDisabled", "tooltipDisabled"], preferAbove: ["matchaTooltipAbove", "preferAbove"], preferBelow: ["matchaTooltipBelow", "preferBelow"], preferLeft: ["matchaTooltipLeft", "preferLeft"], preferRight: ["matchaTooltipRight", "preferRight"], tooltipEnableClose: ["matchaTooltipEnableClose", "tooltipEnableClose"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[matcha-tooltip], [matchaTooltip]',
+                    selector: '[matchaTooltip]',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tooltipText: [{
                 type: Input,
-                args: ['matcha-tooltip-text']
+                args: ['matchaTooltipText']
             }], tooltipDisabled: [{
                 type: Input,
-                args: ['matcha-tooltip-disabled']
+                args: ['matchaTooltipDisabled']
             }], preferAbove: [{
                 type: Input,
-                args: ['matcha-tooltip-above']
+                args: ['matchaTooltipAbove']
             }], preferBelow: [{
                 type: Input,
-                args: ['matcha-tooltip-below']
+                args: ['matchaTooltipBelow']
             }], preferLeft: [{
                 type: Input,
-                args: ['matcha-tooltip-left']
+                args: ['matchaTooltipLeft']
             }], preferRight: [{
                 type: Input,
-                args: ['matcha-tooltip-right']
+                args: ['matchaTooltipRight']
             }], tooltipEnableClose: [{
                 type: Input,
-                args: ['tooltip-enable-close']
+                args: ['matchaTooltipEnableClose']
             }], onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter']
@@ -1083,11 +962,11 @@ class MatchaToolbarButtonComponent {
         this.buttonClick.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaToolbarButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaToolbarButtonComponent, selector: "matcha-toolbar-button", inputs: { icon: "icon", toolbarButtonTooltip: ["toolbar-button-tooltip", "toolbarButtonTooltip"] }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\" toolbar-button-tooltip=\"TOOLTIP-AQUI\">\n    TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-button>\n-->\n<button matcha-button outline=\"true\" size=\"small\" color=\"placeholder\" icon=\"true\" class=\"mt-16 mt-md-0\"\n    matcha-tooltip [matcha-tooltip-text]=\"toolbarButtonTooltip\" (click)=\"emitButtonClick()\">\n    <span [class]=\"classes\"></span>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaButtonComponent, selector: "[matcha-button]", inputs: ["size", "size-xs", "size-sm", "size-md", "size-lg", "size-xl", "color", "basic", "outline", "pill", "icon", "link"] }, { kind: "directive", type: MatchaTooltipDirective, selector: "[matcha-tooltip], [matchaTooltip]", inputs: ["matcha-tooltip-text", "matcha-tooltip-disabled", "matcha-tooltip-above", "matcha-tooltip-below", "matcha-tooltip-left", "matcha-tooltip-right", "tooltip-enable-close"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaToolbarButtonComponent, selector: "matcha-toolbar-button", inputs: { icon: "icon", toolbarButtonTooltip: ["toolbar-button-tooltip", "toolbarButtonTooltip"] }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- HOW TO USE:\n<matcha-toolbar-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\" toolbar-button-tooltip=\"TOOLTIP-AQUI\">\n    TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-button>\n-->\n<button matcha-button outline=\"true\" size=\"small\" color=\"placeholder\" icon=\"true\" class=\"mt-16 mt-md-0\"\n    matchaTooltip [matchaTooltipText]=\"toolbarButtonTooltip\" (click)=\"emitButtonClick()\">\n    <span [class]=\"classes\"></span>\n</button>\n", styles: [""], dependencies: [{ kind: "component", type: MatchaButtonComponent, selector: "[matcha-button]", inputs: ["size", "size-xs", "size-sm", "size-md", "size-lg", "size-xl", "color", "basic", "outline", "pill", "icon", "link"] }, { kind: "directive", type: MatchaTooltipDirective, selector: "[matchaTooltip]", inputs: ["matchaTooltipText", "matchaTooltipDisabled", "matchaTooltipAbove", "matchaTooltipBelow", "matchaTooltipLeft", "matchaTooltipRight", "matchaTooltipEnableClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaToolbarButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-toolbar-button', template: "<!-- HOW TO USE:\n<matcha-toolbar-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\" toolbar-button-tooltip=\"TOOLTIP-AQUI\">\n    TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-button>\n-->\n<button matcha-button outline=\"true\" size=\"small\" color=\"placeholder\" icon=\"true\" class=\"mt-16 mt-md-0\"\n    matcha-tooltip [matcha-tooltip-text]=\"toolbarButtonTooltip\" (click)=\"emitButtonClick()\">\n    <span [class]=\"classes\"></span>\n</button>\n" }]
+            args: [{ selector: 'matcha-toolbar-button', template: "<!-- HOW TO USE:\n<matcha-toolbar-button (buttonClick)=\"FUN\u00C7\u00C3O-AO-CLICAR-AQUI\" toolbar-button-tooltip=\"TOOLTIP-AQUI\">\n    TEXTO DO BOT\u00C3O AQUI\n</matcha-toolbar-button>\n-->\n<button matcha-button outline=\"true\" size=\"small\" color=\"placeholder\" icon=\"true\" class=\"mt-16 mt-md-0\"\n    matchaTooltip [matchaTooltipText]=\"toolbarButtonTooltip\" (click)=\"emitButtonClick()\">\n    <span [class]=\"classes\"></span>\n</button>\n" }]
         }], propDecorators: { icon: [{
                 type: Input,
                 args: ['icon']
@@ -1170,6 +1049,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class MatchaTooltipModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaTooltipDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaTooltipDirective],
+                }]
+        }] });
+
 class MatchaModalModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaModalModule, declarations: [MatchaModalHeaderComponent,
@@ -1179,7 +1072,8 @@ class MatchaModalModule {
             MatchaModalComponent], imports: [CommonModule,
             MatchaIconModule,
             MatchaTitleModule,
-            MatchaDividerModule], exports: [MatchaModalHeaderComponent,
+            MatchaDividerModule,
+            MatchaTooltipModule], exports: [MatchaModalHeaderComponent,
             MatchaModalContentComponent,
             MatchaModalFooterComponent,
             MatchaModalOptionsComponent,
@@ -1187,7 +1081,8 @@ class MatchaModalModule {
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaModalModule, imports: [CommonModule,
             MatchaIconModule,
             MatchaTitleModule,
-            MatchaDividerModule] }); }
+            MatchaDividerModule,
+            MatchaTooltipModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaModalModule, decorators: [{
             type: NgModule,
@@ -1203,7 +1098,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CommonModule,
                         MatchaIconModule,
                         MatchaTitleModule,
-                        MatchaDividerModule
+                        MatchaDividerModule,
+                        MatchaTooltipModule
                     ],
                     exports: [
                         MatchaModalHeaderComponent,
@@ -1257,20 +1153,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MatchaTooltipModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, declarations: [MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaTooltipDirective],
-                    imports: [CommonModule],
-                    exports: [MatchaTooltipDirective],
-                }]
-        }] });
-
 class MatchaToolbarModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaToolbarModule, declarations: [MatchaToolbarComponent,
@@ -2169,34 +2051,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MatchaStepperModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperModule, declarations: [MatchaStepComponent,
-            MatchaStepperComponent,
-            MatchaStepperPaginationComponent], imports: [CommonModule], exports: [MatchaStepComponent,
-            MatchaStepperComponent,
-            MatchaStepperPaginationComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MatchaStepComponent,
-                        MatchaStepperComponent,
-                        MatchaStepperPaginationComponent
-                    ],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [
-                        MatchaStepComponent,
-                        MatchaStepperComponent,
-                        MatchaStepperPaginationComponent
-                    ]
-                }]
-        }] });
-
 class MatchaTableDirective {
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
@@ -2344,7 +2198,6 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
-            MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
             MatchaTooltipModule,
@@ -2379,7 +2232,6 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
-            MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
             MatchaTooltipModule,
@@ -2415,7 +2267,6 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
-            MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
             MatchaTooltipModule,
@@ -2450,7 +2301,6 @@ class MatchaComponentsModule {
             MatchaSliderModule,
             MatchaSnackBarModule,
             MatchaSortHeaderModule,
-            MatchaStepperModule,
             MatchaTableModule,
             MatchaTabsModule,
             MatchaTooltipModule,
@@ -2494,7 +2344,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatchaSliderModule,
                         MatchaSnackBarModule,
                         MatchaSortHeaderModule,
-                        MatchaStepperModule,
                         MatchaTableModule,
                         MatchaTabsModule,
                         MatchaTooltipModule,
@@ -2532,7 +2381,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatchaSliderModule,
                         MatchaSnackBarModule,
                         MatchaSortHeaderModule,
-                        MatchaStepperModule,
                         MatchaTableModule,
                         MatchaTabsModule,
                         MatchaTooltipModule,
@@ -2541,23 +2389,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MatchaStepperDirective {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-stepper');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: MatchaStepperDirective, selector: "[matchaStepper]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaStepperDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matchaStepper]'
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
-
 /*
  * Public API Surface of matcha-components
  */
@@ -2577,5 +2408,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxDirective, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldDirective, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaIconComponent, MatchaIconModule, MatchaInputDirective, MatchaInputModule, 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, MatchaStepComponent, MatchaStepperComponent, MatchaStepperDirective, MatchaStepperModule, MatchaStepperPaginationComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
+export { MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxDirective, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDividerComponent, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldDirective, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaIconComponent, MatchaIconModule, MatchaInputDirective, MatchaInputModule, 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 };
 //# sourceMappingURL=matcha-components.mjs.map