matcha-components 18.0.46 → 18.2.0

package/fesm2022/matcha-components.mjs

@@ -736,6 +736,202 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['mouseleave', ['$event']]
             }] } });
 
+class MatchaTooltipComponent {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.tooltipText = '';
+        this.tooltipDisabled = false;
+        // Inputs para displayência de posição (true = displayência ativa)
+        this.displayAbove = false;
+        this.displayBelow = false;
+        this.displayLeft = false;
+        this.displayRight = false;
+        // Input para exibir botão de fechar (útil para mobile)
+        this.tooltipEnableClose = false;
+        this.tooltipElement = null;
+        this.documentClickListener = null;
+    }
+    // Para desktop: usamos mouseenter se não estivermos no modo "close-enabled"
+    onMouseEnter() {
+        if (this.tooltipEnableClose) {
+            // Se estiver em modo de clique/tap para mobile, não abre via hover.
+            return;
+        }
+        if (this.tooltipDisabled || this.tooltipElement || !this.tooltipText) {
+            return;
+        }
+        this.createTooltip();
+    }
+    // Em modo desktop, fecha ao sair do hover, exceto se tooltipEnableClose for true
+    onMouseLeave() {
+        if (!this.tooltipEnableClose && this.tooltipElement) {
+            this.destroyTooltip();
+        }
+    }
+    // Para mobile ou quando tooltipEnableClose está ativo, abrimos o tooltip com clique/tap
+    onClick(event) {
+        if (!this.tooltipEnableClose) {
+            // Se não estiver no modo de fechar com clique, ignora o click
+            return;
+        }
+        event.stopPropagation();
+        // Se o tooltip já estiver aberto, não faz nada (ou pode implementar toggle)
+        if (!this.tooltipElement && !this.tooltipDisabled && this.tooltipText) {
+            this.createTooltip();
+        }
+    }
+    createTooltip() {
+        // Cria o tooltip e adiciona a classe base
+        this.tooltipElement = this.renderer.createElement('div');
+        this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content');
+        // Define o texto do tooltip (aqui não usamos innerHTML, permitindo que o botão seja inserido depois)
+        this.tooltipElement.textContent = this.tooltipText;
+        // Define estilos iniciais para posicionamento e medição
+        this.renderer.setStyle(this.tooltipElement, 'position', 'absolute');
+        this.renderer.setStyle(this.tooltipElement, 'top', '0');
+        this.renderer.setStyle(this.tooltipElement, 'left', '0');
+        this.renderer.setStyle(this.tooltipElement, 'visibility', 'hidden');
+        this.renderer.appendChild(document.body, this.tooltipElement);
+        // Se tooltipEnableClose estiver true, adiciona o botão de fechar
+        if (this.tooltipEnableClose) {
+            const closeButton = this.renderer.createElement('div');
+            this.renderer.addClass(closeButton, 'matcha-tooltip-close');
+            // O botão de fechar fica dentro do tooltip
+            this.renderer.appendChild(this.tooltipElement, closeButton);
+            // Ao clicar no botão X, fecha o tooltip
+            this.renderer.listen(closeButton, 'click', (e) => {
+                e.stopPropagation();
+                this.destroyTooltip();
+            });
+            // Adiciona listener global para fechar o tooltip quando clicar fora dele
+            this.documentClickListener = this.renderer.listen('document', 'click', (e) => {
+                if (this.tooltipElement && !this.tooltipElement.contains(e.target)) {
+                    this.destroyTooltip();
+                }
+            });
+        }
+        // Medidas para posicionamento
+        const margin = 8;
+        const hostRect = this.el.nativeElement.getBoundingClientRect();
+        const tooltipRect = this.tooltipElement.getBoundingClientRect();
+        // Verifica se há espaço suficiente para cada posição
+        const hasSpaceAbove = hostRect.top >= tooltipRect.height + margin;
+        const hasSpaceBelow = (window.innerHeight - hostRect.bottom) >= tooltipRect.height + margin;
+        const hasSpaceLeft = hostRect.left >= tooltipRect.width + margin;
+        const hasSpaceRight = (window.innerWidth - hostRect.right) >= tooltipRect.width + margin;
+        // Determina a posição desejada com base na displayência do usuário e disponibilidade
+        let chosenPosition = 'above';
+        if (this.displayAbove && hasSpaceAbove) {
+            chosenPosition = 'above';
+        }
+        else if (this.displayBelow && hasSpaceBelow) {
+            chosenPosition = 'below';
+        }
+        else if (this.displayLeft && hasSpaceLeft) {
+            chosenPosition = 'left';
+        }
+        else if (this.displayRight && hasSpaceRight) {
+            chosenPosition = 'right';
+        }
+        else {
+            chosenPosition = hasSpaceAbove ? 'above' : (hasSpaceBelow ? 'below' : 'above');
+        }
+        // Calcula a posição (top e left) de acordo com a posição escolhida
+        let top = 0;
+        let left = 0;
+        switch (chosenPosition) {
+            case 'above':
+                top = hostRect.top + window.scrollY - tooltipRect.height - margin;
+                left = hostRect.left + window.scrollX + (hostRect.width - tooltipRect.width) / 2;
+                break;
+            case 'below':
+                top = hostRect.bottom + window.scrollY + margin;
+                left = hostRect.left + window.scrollX + (hostRect.width - tooltipRect.width) / 2;
+                break;
+            case 'left':
+                top = hostRect.top + window.scrollY + (hostRect.height - tooltipRect.height) / 2;
+                left = hostRect.left + window.scrollX - tooltipRect.width - margin;
+                break;
+            case 'right':
+                top = hostRect.top + window.scrollY + (hostRect.height - tooltipRect.height) / 2;
+                left = hostRect.right + window.scrollX + margin;
+                break;
+        }
+        // Ajusta horizontalmente para não ultrapassar os limites da tela
+        if (left < margin) {
+            left = margin;
+        }
+        else if (left + tooltipRect.width > window.innerWidth - margin) {
+            left = window.innerWidth - tooltipRect.width - margin;
+        }
+        // Aplica os estilos calculados e torna o tooltip visível
+        this.renderer.setStyle(this.tooltipElement, 'top', `${top}px`);
+        this.renderer.setStyle(this.tooltipElement, 'left', `${left}px`);
+        this.renderer.setStyle(this.tooltipElement, 'visibility', 'visible');
+        // Adiciona classes específicas para customizar a seta de acordo com a posição
+        this.renderer.removeClass(this.tooltipElement, 'matcha-tooltip-content_below');
+        this.renderer.removeClass(this.tooltipElement, 'matcha-tooltip-content_left');
+        this.renderer.removeClass(this.tooltipElement, 'matcha-tooltip-content_right');
+        if (chosenPosition === 'below') {
+            this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content_below');
+        }
+        else if (chosenPosition === 'left') {
+            this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content_left');
+        }
+        else if (chosenPosition === 'right') {
+            this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content_right');
+        }
+        // Para a posição 'above', mantém o estilo padrão
+    }
+    destroyTooltip() {
+        if (this.tooltipElement) {
+            this.renderer.removeChild(document.body, this.tooltipElement);
+            this.tooltipElement = null;
+        }
+        if (this.documentClickListener) {
+            this.documentClickListener(); // Remove o listener global
+            this.documentClickListener = null;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MatchaTooltipComponent, selector: "matcha-tooltip", inputs: { tooltipText: ["matcha-tooltip", "tooltipText"], tooltipDisabled: ["tooltip-disabled", "tooltipDisabled"], displayAbove: ["display-above", "displayAbove"], displayBelow: ["display-below", "displayBelow"], displayLeft: ["display-left", "displayLeft"], displayRight: ["display-right", "displayRight"], tooltipEnableClose: ["tooltip-enable-close", "tooltipEnableClose"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick($event)" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-tooltip', template: "<ng-content></ng-content>\n" }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tooltipText: [{
+                type: Input,
+                args: ['matcha-tooltip']
+            }], tooltipDisabled: [{
+                type: Input,
+                args: ['tooltip-disabled']
+            }], displayAbove: [{
+                type: Input,
+                args: ['display-above']
+            }], displayBelow: [{
+                type: Input,
+                args: ['display-below']
+            }], displayLeft: [{
+                type: Input,
+                args: ['display-left']
+            }], displayRight: [{
+                type: Input,
+                args: ['display-right']
+            }], tooltipEnableClose: [{
+                type: Input,
+                args: ['tooltip-enable-close']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
 class MatchaIconModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaIconModule, declarations: [MatchaIconComponent], imports: [CommonModule], exports: [MatchaIconComponent] }); }
@@ -869,6 +1065,261 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class MatchaTooltipDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.tooltipText = '';
+        this.tooltipDisabled = false;
+        this.preferAbove = false;
+        this.preferBelow = false;
+        this.preferLeft = false;
+        this.preferRight = false;
+        this.tooltipEnableClose = false;
+        this.tooltipElement = null;
+        this.documentClickListener = null;
+    }
+    onMouseEnter() {
+        if (this.tooltipEnableClose) {
+            // Em modo de clique/tap, não abre via hover
+            return;
+        }
+        if (this.tooltipDisabled || this.tooltipElement || !this.tooltipText) {
+            return;
+        }
+        this.createTooltip();
+    }
+    onMouseLeave() {
+        if (!this.tooltipEnableClose && this.tooltipElement) {
+            this.destroyTooltip();
+        }
+    }
+    onClick(event) {
+        if (!this.tooltipEnableClose) {
+            return;
+        }
+        event.stopPropagation();
+        if (!this.tooltipElement && !this.tooltipDisabled && this.tooltipText) {
+            this.createTooltip();
+        }
+    }
+    createTooltip() {
+        // Cria o tooltip e adiciona a classe base
+        this.tooltipElement = this.renderer.createElement('div');
+        this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content');
+        // Define o conteúdo do tooltip
+        this.tooltipElement.textContent = this.tooltipText;
+        // Define estilos iniciais para medição
+        this.renderer.setStyle(this.tooltipElement, 'position', 'absolute');
+        this.renderer.setStyle(this.tooltipElement, 'top', '0');
+        this.renderer.setStyle(this.tooltipElement, 'left', '0');
+        this.renderer.setStyle(this.tooltipElement, 'visibility', 'hidden');
+        this.renderer.appendChild(document.body, this.tooltipElement);
+        // Se tooltipEnableClose estiver ativo, adiciona o botão de fechar
+        if (this.tooltipEnableClose) {
+            const closeButton = this.renderer.createElement('div');
+            this.renderer.addClass(closeButton, 'matcha-tooltip-close');
+            this.renderer.appendChild(this.tooltipElement, closeButton);
+            this.renderer.listen(closeButton, 'click', (e) => {
+                e.stopPropagation();
+                this.destroyTooltip();
+            });
+            this.documentClickListener = this.renderer.listen('document', 'click', (e) => {
+                if (this.tooltipElement && !this.tooltipElement.contains(e.target)) {
+                    this.destroyTooltip();
+                }
+            });
+        }
+        // Medidas e cálculo de posição
+        const margin = 8;
+        const hostRect = this.el.nativeElement.getBoundingClientRect();
+        const tooltipRect = this.tooltipElement.getBoundingClientRect();
+        const hasSpaceAbove = hostRect.top >= tooltipRect.height + margin;
+        const hasSpaceBelow = (window.innerHeight - hostRect.bottom) >= tooltipRect.height + margin;
+        const hasSpaceLeft = hostRect.left >= tooltipRect.width + margin;
+        const hasSpaceRight = (window.innerWidth - hostRect.right) >= tooltipRect.width + margin;
+        let chosenPosition = 'above';
+        if (this.preferAbove && hasSpaceAbove) {
+            chosenPosition = 'above';
+        }
+        else if (this.preferBelow && hasSpaceBelow) {
+            chosenPosition = 'below';
+        }
+        else if (this.preferLeft && hasSpaceLeft) {
+            chosenPosition = 'left';
+        }
+        else if (this.preferRight && hasSpaceRight) {
+            chosenPosition = 'right';
+        }
+        else {
+            chosenPosition = hasSpaceAbove ? 'above' : (hasSpaceBelow ? 'below' : 'above');
+        }
+        let top = 0;
+        let left = 0;
+        switch (chosenPosition) {
+            case 'above':
+                top = hostRect.top + window.scrollY - tooltipRect.height - margin;
+                left = hostRect.left + window.scrollX + (hostRect.width - tooltipRect.width) / 2;
+                break;
+            case 'below':
+                top = hostRect.bottom + window.scrollY + margin;
+                left = hostRect.left + window.scrollX + (hostRect.width - tooltipRect.width) / 2;
+                break;
+            case 'left':
+                top = hostRect.top + window.scrollY + (hostRect.height - tooltipRect.height) / 2;
+                left = hostRect.left + window.scrollX - tooltipRect.width - margin;
+                break;
+            case 'right':
+                top = hostRect.top + window.scrollY + (hostRect.height - tooltipRect.height) / 2;
+                left = hostRect.right + window.scrollX + margin;
+                break;
+        }
+        if (left < margin) {
+            left = margin;
+        }
+        else if (left + tooltipRect.width > window.innerWidth - margin) {
+            left = window.innerWidth - tooltipRect.width - margin;
+        }
+        this.renderer.setStyle(this.tooltipElement, 'top', `${top}px`);
+        this.renderer.setStyle(this.tooltipElement, 'left', `${left}px`);
+        this.renderer.setStyle(this.tooltipElement, 'visibility', 'visible');
+        this.renderer.removeClass(this.tooltipElement, 'matcha-tooltip-content_below');
+        this.renderer.removeClass(this.tooltipElement, 'matcha-tooltip-content_left');
+        this.renderer.removeClass(this.tooltipElement, 'matcha-tooltip-content_right');
+        if (chosenPosition === 'below') {
+            this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content_below');
+        }
+        else if (chosenPosition === 'left') {
+            this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content_left');
+        }
+        else if (chosenPosition === 'right') {
+            this.renderer.addClass(this.tooltipElement, 'matcha-tooltip-content_right');
+        }
+    }
+    destroyTooltip() {
+        if (this.tooltipElement) {
+            this.renderer.removeChild(document.body, this.tooltipElement);
+            this.tooltipElement = null;
+        }
+        if (this.documentClickListener) {
+            this.documentClickListener();
+            this.documentClickListener = null;
+        }
+    }
+    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]", inputs: { tooltipText: ["matcha-tooltip", "tooltipText"], tooltipDisabled: ["tooltip-disabled", "tooltipDisabled"], preferAbove: ["display-above", "preferAbove"], preferBelow: ["display-below", "preferBelow"], preferLeft: ["display-left", "preferLeft"], preferRight: ["display-right", "preferRight"], tooltipEnableClose: ["tooltip-enable-close", "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]' // Usado como atributo
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tooltipText: [{
+                type: Input,
+                args: ['matcha-tooltip']
+            }], tooltipDisabled: [{
+                type: Input,
+                args: ['tooltip-disabled']
+            }], preferAbove: [{
+                type: Input,
+                args: ['display-above']
+            }], preferBelow: [{
+                type: Input,
+                args: ['display-below']
+            }], preferLeft: [{
+                type: Input,
+                args: ['display-left']
+            }], preferRight: [{
+                type: Input,
+                args: ['display-right']
+            }], tooltipEnableClose: [{
+                type: Input,
+                args: ['tooltip-enable-close']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+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: [MatchaTooltipComponent, MatchaTooltipDirective], imports: [CommonModule], exports: [MatchaTooltipComponent, 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: [MatchaTooltipComponent, MatchaTooltipDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaTooltipComponent, MatchaTooltipDirective],
+                }]
+        }] });
+
+class MatchaElevationDirective {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+        this.elevation = 0; // Valor padrão para elevação é 0
+    }
+    ngOnChanges() {
+        // Remove qualquer classe de elevação existente
+        for (let i = 0; i <= 24; i++) {
+            this._renderer.removeClass(this._elementRef.nativeElement, `elevation-z-${i}`);
+        }
+        // Adiciona a classe de elevação correspondente
+        if (this.elevation >= 1 && this.elevation <= 24) {
+            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-${this.elevation}`);
+        }
+        else {
+            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationDirective, 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: MatchaElevationDirective, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elevation]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { elevation: [{
+                type: Input,
+                args: ['elevation']
+            }] } });
+
+class MatchaElevationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaElevationDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaElevationDirective],
+                }]
+        }] });
+
+class MatchaGridModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaGridComponent],
+                    imports: [CommonModule],
+                    exports: [MatchaGridComponent],
+                }]
+        }] });
+
 class MatchaAutocompleteDirective {
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
@@ -1142,52 +1593,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MatchaElevationDirective {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        this.elevation = 0; // Valor padrão para elevação é 0
-    }
-    ngOnChanges() {
-        // Remove qualquer classe de elevação existente
-        for (let i = 0; i <= 24; i++) {
-            this._renderer.removeClass(this._elementRef.nativeElement, `elevation-z-${i}`);
-        }
-        // Adiciona a classe de elevação correspondente
-        if (this.elevation >= 1 && this.elevation <= 24) {
-            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-${this.elevation}`);
-        }
-        else {
-            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationDirective, 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: MatchaElevationDirective, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[elevation]',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { elevation: [{
-                type: Input,
-                args: ['elevation']
-            }] } });
-
-class MatchaElevationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaElevationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaElevationDirective],
-                    imports: [CommonModule],
-                    exports: [MatchaElevationDirective],
-                }]
-        }] });
-
 class MatchaExpansionDirective {
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
@@ -1772,37 +2177,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MatchaTooltipDirective {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-        //this._elementRef.nativeElement.style.backgroundColor = 'grey';
-        this._renderer.addClass(this._elementRef.nativeElement, 'matcha-tooltip');
-    }
-    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: "[matchaTooltip]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaTooltipDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matchaTooltip]'
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
-
-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 MatchaTreeDirective {
     constructor(_elementRef, _renderer) {
         this._elementRef = _elementRef;
@@ -2116,20 +2490,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-class MatchaGridModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MatchaGridModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MatchaGridComponent],
-                    imports: [CommonModule],
-                    exports: [MatchaGridComponent],
-                }]
-        }] });
-
 /*
  * Public API Surface of matcha-components
  */
@@ -2149,5 +2509,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, MatchaStepperDirective, MatchaStepperModule, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, 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, MatchaStepperDirective, MatchaStepperModule, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTitleModule, MatchaTooltipComponent, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
 //# sourceMappingURL=matcha-components.mjs.map