matcha-components 19.26.0 → 19.27.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
@@ -1388,24 +1395,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 +1922,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 +1983,8 @@ class MatchaModalModule {
             MatchaIconModule,
             MatchaTitleModule,
             MatchaDividerModule,
-            MatchaTooltipModule], exports: [MatchaModalHeaderComponent,
+            MatchaTooltipModule,
+            MatchaElevationModule], exports: [MatchaModalHeaderComponent,
             MatchaModalContentComponent,
             MatchaModalFooterComponent,
             MatchaModalOptionsComponent,
@@ -1935,7 +1993,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 +2011,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImpor
                         MatchaIconModule,
                         MatchaTitleModule,
                         MatchaDividerModule,
-                        MatchaTooltipModule
+                        MatchaTooltipModule,
+                        MatchaElevationModule
                     ],
                     exports: [
                         MatchaModalHeaderComponent,
@@ -2035,53 +2095,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] }); }