matcha-components 19.26.0 → 19.28.0

package/fesm2022/matcha-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ElementRef, Renderer2, Component, Inject, Input, EventEmitter, Output, ContentChild, ContentChildren, HostListener, Directive, NgModule } from '@angular/core';
+import { ElementRef, Renderer2, Component, Inject, Input, EventEmitter, Output, ContentChild, ContentChildren, HostBinding, HostListener, Directive, NgModule } from '@angular/core';
 import { animation, style, animate, trigger, transition, useAnimation, state, query, stagger, animateChild, sequence, group } from '@angular/animations';
 import { Subscription, Subject } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
@@ -248,12 +248,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 // button-group.component.ts
 class MatchaButtonGroupComponent {
     constructor() {
-        // Define se é possível selecionar múltiplos botões
-        this.multiple = false;
+        this._multiple = false;
         // Cores para os estados ativo e inativo
         this.activeColor = 'blue';
         this.inactiveColor = 'grey';
     }
+    get multiple() {
+        return this._multiple;
+    }
+    set multiple(value) {
+        // Converte string 'false' para boolean false
+        // Qualquer outro valor string será convertido para true
+        this._multiple = value === 'false' ? false : Boolean(value);
+    }
     ngAfterContentInit() {
         console.log(this.buttonItems, 'estou funcionando');
         // Inicializa cada button-item com o estado inativo
@@ -909,29 +916,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 
 class MatchaCardComponent {
     constructor() {
-        this.elevation = 0;
         this.blockquote = 'none';
         this.color = 'surface';
         this.blockquoteColor = null;
         this.class = '';
         this.alpha = false;
+        this.tint = false;
         this.loading = false;
     }
-    hasBlockquotePosition() {
-        return this.blockquote === 'left' || this.blockquote === 'right';
-    }
     get classes() {
-        const elevation = `elevation-z-${this.elevation}`;
         let backgroundColor = '';
         let blockquoteColor = '';
         let blockquotePosition = null;
         if (this.color === 'bg' || this.color === 'surface') {
-            if (this.alpha) {
-                backgroundColor = `background-${this.color}-alpha`;
-            }
-            else {
-                backgroundColor = `background-${this.color}`;
-            }
             if (this.hasBlockquotePosition()) {
                 blockquotePosition = `matcha-card-border-${this.blockquote}`;
                 blockquoteColor = this.blockquoteColor ? `border-color-${this.blockquoteColor}` : '';
@@ -942,12 +939,6 @@ class MatchaCardComponent {
             }
         }
         else {
-            if (this.alpha) {
-                backgroundColor = `background-${this.color}-alpha`;
-            }
-            else {
-                backgroundColor = `${this.color}`;
-            }
             if (this.hasBlockquotePosition()) {
                 blockquotePosition = `matcha-card-border-${this.blockquote}`;
                 blockquoteColor = this.color ? `border-color-${this.blockquoteColor}` : '';
@@ -957,18 +948,19 @@ class MatchaCardComponent {
                 blockquoteColor = '';
             }
         }
-        const activeClasses = `matcha-card ${elevation} ${blockquotePosition} ${blockquoteColor} ${backgroundColor} ${this.loading ? 'loading' : ''} ${this.class}`;
+        const activeClasses = `matcha-card ${blockquotePosition} ${blockquoteColor} ${backgroundColor} ${this.loading ? 'loading' : ''} ${this.class}`;
         return activeClasses;
     }
+    hasBlockquotePosition() {
+        return this.blockquote === 'left' || this.blockquote === 'right';
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaCardComponent, isStandalone: false, selector: "matcha-card", inputs: { elevation: "elevation", blockquote: "blockquote", color: "color", blockquoteColor: "blockquoteColor", class: "class", alpha: "alpha", loading: "loading" }, ngImport: i0, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaCardComponent, isStandalone: false, selector: "matcha-card", inputs: { blockquote: "blockquote", color: "color", blockquoteColor: "blockquoteColor", class: "class", alpha: "alpha", tint: "tint", loading: "loading" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-card', standalone: false, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { elevation: [{
-                type: Input
-            }], blockquote: [{
+            args: [{ selector: 'matcha-card', standalone: false, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { blockquote: [{
                 type: Input
             }], color: [{
                 type: Input
@@ -978,8 +970,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 type: Input
             }], alpha: [{
                 type: Input
+            }], tint: [{
+                type: Input
             }], loading: [{
                 type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
 class MatchaDividerComponent {
@@ -1388,24 +1385,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 
 class MatchaModalComponent {
     constructor() {
-        this.elevation = 0;
         this.class = '';
     }
     get classes() {
-        const elevation = `elevation-z-${this.elevation}`;
-        const activeClasses = `background-surface radius-8 ${elevation} ${this.class}`;
+        const activeClasses = `background-surface radius-8 flex-column ${this.class}`;
         return activeClasses;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaModalComponent, isStandalone: false, selector: "matcha-modal", inputs: { elevation: "elevation", class: "class" }, ngImport: i0, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: MatchaModalComponent, isStandalone: false, selector: "matcha-modal", inputs: { class: "class" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'matcha-modal', standalone: false, template: "<div [class]=\"classes\">\n    <ng-content></ng-content>\n</div>\n" }]
-        }], propDecorators: { elevation: [{
-                type: Input
-            }], class: [{
+        }], propDecorators: { class: [{
                 type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
 class MatchaMenuComponent {
@@ -1916,6 +1912,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 }]
         }] });
 
+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}`);
+        }
+        // Converte para número se for string
+        const elevationValue = typeof this.elevation === 'string'
+            ? parseInt(this.elevation, 10)
+            : this.elevation;
+        // Adiciona a classe de elevação correspondente
+        if (elevationValue >= 1 && elevationValue <= 24) {
+            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-${elevationValue}`);
+        }
+        else {
+            this._renderer.addClass(this._elementRef.nativeElement, `elevation-z-0`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", 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: "19.1.4", type: MatchaElevationDirective, isStandalone: false, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[elevation]',
+                    standalone: false
+                }]
+        }], 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: "19.1.4", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaElevationDirective],
+                    imports: [CommonModule],
+                    exports: [MatchaElevationDirective],
+                }]
+        }] });
+
 class MatchaModalModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaModalModule, declarations: [MatchaModalHeaderComponent,
@@ -1926,7 +1973,8 @@ class MatchaModalModule {
             MatchaIconModule,
             MatchaTitleModule,
             MatchaDividerModule,
-            MatchaTooltipModule], exports: [MatchaModalHeaderComponent,
+            MatchaTooltipModule,
+            MatchaElevationModule], exports: [MatchaModalHeaderComponent,
             MatchaModalContentComponent,
             MatchaModalFooterComponent,
             MatchaModalOptionsComponent,
@@ -1935,7 +1983,8 @@ class MatchaModalModule {
             MatchaIconModule,
             MatchaTitleModule,
             MatchaDividerModule,
-            MatchaTooltipModule] }); }
+            MatchaTooltipModule,
+            MatchaElevationModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaModalModule, decorators: [{
             type: NgModule,
@@ -1952,7 +2001,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         MatchaIconModule,
                         MatchaTitleModule,
                         MatchaDividerModule,
-                        MatchaTooltipModule
+                        MatchaTooltipModule,
+                        MatchaElevationModule
                     ],
                     exports: [
                         MatchaModalHeaderComponent,
@@ -1966,14 +2016,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
 
 class MatchaCardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule], exports: [MatchaCardComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardModule, imports: [CommonModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule,
+            MatchaElevationModule,
+            MatchaIconModule,
+            MatchaTitleModule,
+            MatchaDividerModule,
+            MatchaTooltipModule], exports: [MatchaCardComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardModule, imports: [CommonModule,
+            MatchaElevationModule,
+            MatchaIconModule,
+            MatchaTitleModule,
+            MatchaDividerModule,
+            MatchaTooltipModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaCardModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [MatchaCardComponent],
-                    imports: [CommonModule],
+                    imports: [
+                        CommonModule,
+                        MatchaElevationModule,
+                        MatchaIconModule,
+                        MatchaTitleModule,
+                        MatchaDividerModule,
+                        MatchaTooltipModule,
+                    ],
                     exports: [MatchaCardComponent],
                 }]
         }] });
@@ -2035,53 +2102,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                 }]
         }] });
 
-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: "19.1.4", 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: "19.1.4", type: MatchaElevationDirective, isStandalone: false, selector: "[elevation]", inputs: { elevation: "elevation" }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[elevation]',
-                    standalone: false
-                }]
-        }], 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: "19.1.4", ngImport: i0, type: MatchaElevationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationModule, declarations: [MatchaElevationDirective], imports: [CommonModule], exports: [MatchaElevationDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: MatchaElevationModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", 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: "19.1.4", ngImport: i0, type: MatchaGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.4", ngImport: i0, type: MatchaGridModule, declarations: [MatchaGridComponent], imports: [CommonModule], exports: [MatchaGridComponent] }); }