angular-matecu 2.0.12 → 3.0.1

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+Versión 3.0
+
+## Standalone components
+
+- Se cambiaron todos los componentes a tipo standalone. El uso de módulos queda obsoleto y sera removido en futuras versiones
+
+## TopbarLayout
+
+- Se quito el boton de navegación pricipal, input navMenu y output clickNavMenu fueron removidos
+- Se quito el boton de navegación pricipal, input actionMenu y output clickActionMenu fueron removidos
+- Se elimino componente matecu-topbar-actions queda en su lugar matecu-topbar-action que se puede utilizar en multiple ocaciones
+- Es obligatorio agrupar todos los elementos del topbar excepto matecu-topbar-body dentro del elemento matecu-topbar-header-row
+- Es obligatorio importar MatSnackBarModule para usar el componente matecu-alert-snack-bar

package/README.md

@@ -7,7 +7,11 @@ Libreria con complementos y utilidades  para el desarrollo de aps
 
     npm install angular-matecu
 
+Para versiones de angular menores a 15 utilizar la versión ^2.0
 
+    npm install angular-matecu@^2.0
+
+ver [CHANGELOG](CHANGELOG.md)
 ## matecu-spinner (Componente)
  
 
@@ -15,9 +19,9 @@ Componente que genera un spinner que se puede utilizar para indicar que la app e
 
 ### Uso:
 
-Importar módulo
+Importar componente o módulo
 
-    import { MatecuSpinnerModule } from 'angular-matecu';
+    import { MatecuSpinnerComponent } from 'angular-matecu';
 
 Agregar a la plantilla de algún componente 
 
@@ -67,9 +71,9 @@ Métodos:
 
 ### Uso:
 
-Importar módulo
+Importar componente o módulo
 
-    import { MatecuAlertBoxModule } from 'angular-matecu';
+    import { MatecuAlertBoxComponent } from 'angular-matecu';
 
 Agregar a la plantilla de algún componente 
 
@@ -89,7 +93,6 @@ Dialogo de alerta o confirmación
 
 Importar módulo
 
-    import { MatecuAlertBoxModule } from 'angular-matecu';
 
 En el componente
 
@@ -124,9 +127,18 @@ Servicio para abrir dialogos snackBar con titulos con colores para Error, Succes
 
 ### Uso
 
-Importar en el módulo.
+Importar en el módulo MatecuAlertBoxModule en app.module
 
     import { MatecuAlertBoxModule } from 'angular-matecu';
+    @NgModule({
+     imports: [
+        ...
+        MatecuAlertBoxModule
+        ...
+      ],
+        ...
+    })
+    export class AppModule { }        
 
 En el componente
 
@@ -151,63 +163,76 @@ En el componente
 
 ### Uso:
 
-Importar módulo
+Importar módulo o componentes
 
     import { MatecuTopbarLayoutModule } from 'angular-matecu';
+    // o
+    import {MatecuTopbarLayoutComponent} from 'angular-matecu';
+    import {MatecuTopbarSearchComponent} from 'angular-matecu';
+    import {MatecuTopbarActionsComponent} from 'angular-matecu';
 
 
 Agregar a la plantilla de algún componente:
 
-        <matecu-topbar-layout
-            [prominent]="false"
-            [actionMenu]="true"
-            [navMenu]="trueu"
-            (clickNavMenu)="clickNavMenu()"
-            (clickActionMenu)="clickActionMenu()"
-        >
-        <matecu-topbar-title>Topbar Layout</matecu-topbar-title>
-  
-        <matecu-topbar-fab (clickAction)="clickFabButton()">
-            <mat-icon>add</mat-icon>
-        </matecu-topbar-fab>
-
-        <matecu-topbar-actions>
-            <mat-icon>notifications</mat-icon>
-        </matecu-topbar-actions>
-        <matecu-topbar-search (whenSearchChanges)="searching($event)">
-        </matecu-topbar-search>
-        <matecu-topbar-body #tobarBody>
-            Contenido de la página
-            .....
-            <button (click)="tobarBody.scrollTop()">
-                Regresar al inicio
-            </button>
-        </matecu-topbar-body>
+        <matecu-topbar-layout [prominent]="false">
+            <matecu-topbar-header-row>
+                <matecu-topbar-title>Topbar Layout</matecu-topbar-title>
+
+                <matecu-topbar-fab (clickAction)="clickFabButton()">
+                    <mat-icon>add</mat-icon>
+                </matecu-topbar-fab>
+
+                <matecu-topbar-action>
+                    <mat-icon>notifications</mat-icon>
+                </matecu-topbar-action>
+                <matecu-topbar-action position="left">
+                    <mat-icon>menu</mat-icon>
+                </matecu-topbar-action>
+                <matecu-topbar-search (whenSearchChanges)="searching($event)">
+                </matecu-topbar-search>
+                <matecu-topbar-body #tobarBody>
+                    Contenido de la página
+                    .....
+                    <button (click)="tobarBody.scrollTop()">
+                        Regresar al inicio
+                    </button>
+                </matecu-topbar-body>
+            </matecu-topbar-header-row>
         </matecu-topbar-layout>
 
 Propiedades:
 
 - Input() prominent: (boolean) Establece si la barra es prominente o no (default false)
-- Input() actionMenu: (boolean) Muestra el botón para más acciones (default false)
-- Input() navMenu: (boolean) Muestra el botón para la barra de navegación o menú (default false)
-- Output()  clickNavMenu: (function) Acción que se ejecuta en el evento click del botón de menu (opcional).
-- Output()  clickActionMenu: (function) Acción que se ejecuta en el evento click del botón de más acciones (opcional).
+
 
 ## Componentes adicionales
 
+## matecu-topbar-header-row
+
+Componente para agregar los elementos del encabezado (requerido si hay elementos en el encabezado).
+
+El encabezado puede tener 2 de estos elementos si este es el caso se debe agregar el atributo position con los valores first y second según corresponda
+
+    <matecu-topbar-header-row position="first"><matecu-topbar-header-row>
+    <matecu-topbar-header-row position="second"><matecu-topbar-header-row>
+
+
 ### matecu-topbar-title: 
 
 Componente para agregar título a la barra (opcional)
 ### matecu-topbar-fab: 
 Componente para agregar el contenido del botón pricipal (opcional)
+Solo debe haber uno de estos componentes, si hay dos encabezados colocarlo en la segunda fila
 
 Propiedades
 
 - Input() color: Similar a la propiedad del mismo nombre de los componentes de angular-material
 - Input() extended: (boolean) Determina si el boton va a ser mas largo de lo normal (default false)
 
-### matecu-topbar-actions
-Componente  para agregar otras acciones en la barra
+### matecu-topbar-action
+Componente  para agregar otras acciones en la barra (opcional)
+Pueden agregárse multiples elementos de este tipo.
+Utilizar el atributo position para cambiar ubicación, valores permitidos right|left|after-fab|before-search valor predeterminado right
 
 ### matecu-topbar-search
 Componente para agregar un campo de búsqueda
@@ -218,6 +243,7 @@ Propiedades
 - Input() debounceTime: (number) El tiempo en milisegundos de espera antes de emitir el evento de que el valor del input a cambiado (default 500)
 - Output() cleanWhenClose: (boolean) Determina si se quita el valor del input cuando se cierra en módo mobil (default true)
 - Input() inputType: ('text'|'search') El tipo de input que se va a utilizar (default 'text')
+- Input() value : Valor inicial para el input puede utilizarse dos vías [(value)]=value
 - Output() whenSearchChanges: (function) Acción que se ejecuta cuando el valor del input cambia requiere una función con un parametro tipo string (valor del input)
 
 

package/esm2020/lib/components/matecu-alert-box/matecu-alert-box.component.mjs

@@ -0,0 +1,67 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, Input } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { MatecuAlertBoxType } from '../../types/matecu-altert-box-type';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/icon";
+export class MatecuAlertBoxComponent {
+    constructor() {
+        this.classNameBase = 'matecu-alert-box';
+        this.alertIcon = false;
+        this.className = this.classNameBase;
+    }
+    get color() {
+        return this.alertColor;
+    }
+    set color(value) {
+        this.alertColor = value;
+        if (!!value) {
+            this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
+        }
+        else {
+            this.className = this.classNameBase;
+        }
+        this.updateIcon();
+    }
+    get icon() {
+        return this.alertIcon;
+    }
+    set icon(value) {
+        this.alertIcon = value;
+    }
+    ngOnInit() { }
+    updateIcon() {
+        switch (this.color) {
+            case MatecuAlertBoxType.danger:
+                this.iconValue = 'dangerous';
+                break;
+            case MatecuAlertBoxType.warning:
+                this.iconValue = 'warning';
+                break;
+            case MatecuAlertBoxType.success:
+                this.iconValue = 'check_circle';
+                break;
+            case MatecuAlertBoxType.info:
+                this.iconValue = 'info';
+                break;
+            default:
+                this.iconValue = null;
+                break;
+        }
+    }
+}
+MatecuAlertBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuAlertBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuAlertBoxComponent, isStandalone: true, selector: "matecu-alert-box", inputs: { color: "color", icon: "icon" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"icon && iconValue\">\n  <div class=\"matecu-alert-box__icon\">\n    <mat-icon>{{iconValue}}</mat-icon>\n  </div>\n</ng-container>\n<div class=\"matecu-alert-box__content\">\n  <ng-content>\n\n\n  </ng-content>\n</div>\n", styles: [":host.matecu-alert-box{display:flex;padding:1rem;border-radius:.25rem;position:relative;border:1px solid rgb(224,224,224);box-sizing:border-box;margin:1rem 0}:host.matecu-alert-box--success{color:#0f5032;background-color:#d2e6dc;border-color:#badccd}:host.matecu-alert-box--danger{color:#821e28;background-color:#f8d7da;border-color:#f5c2c7}:host.matecu-alert-box--warning{color:#644d03;background-color:#fff3cd;border-color:#ffecb4}:host.matecu-alert-box--info{color:#055160;background-color:#cff4fc;border-color:#b6effb}:host.matecu-alert-box .matecu-alert-box__icon{display:flex;margin-right:1rem}:host.matecu-alert-box .matecu-alert-box__content{align-self:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-alert-box', standalone: true, imports: [CommonModule, MatIconModule], template: "<ng-container *ngIf=\"icon && iconValue\">\n  <div class=\"matecu-alert-box__icon\">\n    <mat-icon>{{iconValue}}</mat-icon>\n  </div>\n</ng-container>\n<div class=\"matecu-alert-box__content\">\n  <ng-content>\n\n\n  </ng-content>\n</div>\n", styles: [":host.matecu-alert-box{display:flex;padding:1rem;border-radius:.25rem;position:relative;border:1px solid rgb(224,224,224);box-sizing:border-box;margin:1rem 0}:host.matecu-alert-box--success{color:#0f5032;background-color:#d2e6dc;border-color:#badccd}:host.matecu-alert-box--danger{color:#821e28;background-color:#f8d7da;border-color:#f5c2c7}:host.matecu-alert-box--warning{color:#644d03;background-color:#fff3cd;border-color:#ffecb4}:host.matecu-alert-box--info{color:#055160;background-color:#cff4fc;border-color:#b6effb}:host.matecu-alert-box .matecu-alert-box__icon{display:flex;margin-right:1rem}:host.matecu-alert-box .matecu-alert-box__content{align-self:center}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LWJveC9tYXRlY3UtYWxlcnQtYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtYm94L21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFTeEUsTUFBTSxPQUFPLHVCQUF1QjtJQXdCbEM7UUF2QkEsa0JBQWEsR0FBRyxrQkFBa0IsQ0FBQztRQUczQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBbUJKLGNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQ3JDLENBQUM7SUFuQmpCLElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBYSxLQUFLLENBQUMsS0FBcUQ7UUFDdEUsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLENBQUMsS0FBSyxFQUFFO1lBQ1gsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLEVBQUUsQ0FBQztTQUMxRTthQUFNO1lBQ0wsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1NBQ3JDO1FBQ0QsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFDRCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQWEsSUFBSSxDQUFDLEtBQWM7UUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7SUFDekIsQ0FBQztJQUlELFFBQVEsS0FBVyxDQUFDO0lBRVosVUFBVTtRQUNoQixRQUFRLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDbEIsS0FBSyxrQkFBa0IsQ0FBQyxNQUFNO2dCQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQztnQkFDN0IsTUFBTTtZQUNSLEtBQUssa0JBQWtCLENBQUMsT0FBTztnQkFDN0IsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7Z0JBQzNCLE1BQU07WUFDUixLQUFLLGtCQUFrQixDQUFDLE9BQU87Z0JBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsY0FBYyxDQUFDO2dCQUNoQyxNQUFNO1lBQ1IsS0FBSyxrQkFBa0IsQ0FBQyxJQUFJO2dCQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLE1BQU0sQ0FBQztnQkFDeEIsTUFBTTtZQUNSO2dCQUNFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUN0QixNQUFNO1NBQ1Q7SUFDSCxDQUFDOztvSEE5Q1UsdUJBQXVCO3dHQUF2Qix1QkFBdUIsMktDWnBDLG1QQVdBLHV0QkREWSxZQUFZLGtJQUFFLGFBQWE7MkZBRTFCLHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSxrQkFBa0IsY0FHaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGFBQWEsQ0FBQzswRUFVekIsS0FBSztzQkFBakIsS0FBSztnQkFZTyxJQUFJO3NCQUFoQixLQUFLO2dCQUdnQixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRCb3hUeXBlIH0gZnJvbSAnLi4vLi4vdHlwZXMvbWF0ZWN1LWFsdGVydC1ib3gtdHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS1hbGVydC1ib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LWFsZXJ0LWJveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1QWxlcnRCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBjbGFzc05hbWVCYXNlID0gJ21hdGVjdS1hbGVydC1ib3gnO1xuICBhbGVydENvbG9yPzogTWF0ZWN1QWxlcnRCb3hUeXBlIHwgdW5kZWZpbmVkIHwgc3RyaW5nIHwgbnVsbDtcbiAgaWNvblZhbHVlPzogc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZDtcbiAgcHJpdmF0ZSBhbGVydEljb24gPSBmYWxzZTtcbiAgZ2V0IGNvbG9yKCk6IE1hdGVjdUFsZXJ0Qm94VHlwZSB8IHVuZGVmaW5lZCB8IHN0cmluZyB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmFsZXJ0Q29sb3I7XG4gIH1cbiAgQElucHV0KCkgc2V0IGNvbG9yKHZhbHVlOiBNYXRlY3VBbGVydEJveFR5cGUgfCB1bmRlZmluZWQgfCBzdHJpbmcgfCBudWxsKSB7XG4gICAgdGhpcy5hbGVydENvbG9yID0gdmFsdWU7XG4gICAgaWYgKCEhdmFsdWUpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWVCYXNlfSAke3RoaXMuY2xhc3NOYW1lQmFzZX0tLSR7dmFsdWV9YDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5jbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZUJhc2U7XG4gICAgfVxuICAgIHRoaXMudXBkYXRlSWNvbigpO1xuICB9XG4gIGdldCBpY29uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFsZXJ0SWNvbjtcbiAgfVxuICBASW5wdXQoKSBzZXQgaWNvbih2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuYWxlcnRJY29uID0gdmFsdWU7XG4gIH1cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9IHRoaXMuY2xhc3NOYW1lQmFzZTtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIHByaXZhdGUgdXBkYXRlSWNvbigpOiB2b2lkIHtcbiAgICBzd2l0Y2ggKHRoaXMuY29sb3IpIHtcbiAgICAgIGNhc2UgTWF0ZWN1QWxlcnRCb3hUeXBlLmRhbmdlcjpcbiAgICAgICAgdGhpcy5pY29uVmFsdWUgPSAnZGFuZ2Vyb3VzJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIE1hdGVjdUFsZXJ0Qm94VHlwZS53YXJuaW5nOlxuICAgICAgICB0aGlzLmljb25WYWx1ZSA9ICd3YXJuaW5nJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIE1hdGVjdUFsZXJ0Qm94VHlwZS5zdWNjZXNzOlxuICAgICAgICB0aGlzLmljb25WYWx1ZSA9ICdjaGVja19jaXJjbGUnO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgTWF0ZWN1QWxlcnRCb3hUeXBlLmluZm86XG4gICAgICAgIHRoaXMuaWNvblZhbHVlID0gJ2luZm8nO1xuICAgICAgICBicmVhaztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHRoaXMuaWNvblZhbHVlID0gbnVsbDtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiaWNvbiAmJiBpY29uVmFsdWVcIj5cbiAgPGRpdiBjbGFzcz1cIm1hdGVjdS1hbGVydC1ib3hfX2ljb25cIj5cbiAgICA8bWF0LWljb24+e3tpY29uVmFsdWV9fTwvbWF0LWljb24+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG48ZGl2IGNsYXNzPVwibWF0ZWN1LWFsZXJ0LWJveF9fY29udGVudFwiPlxuICA8bmctY29udGVudD5cblxuXG4gIDwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

package/esm2020/lib/components/matecu-alert-dialog/matecu-alert-dialog.component.mjs

@@ -0,0 +1,54 @@
+import { CommonModule } from '@angular/common';
+import { Component, Inject } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import { MatIconModule } from '@angular/material/icon';
+import { MatecuAlertBoxComponent } from '../matecu-alert-box/matecu-alert-box.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+export class MatecuAlertDialogComponent {
+    constructor(dialogData, dialogRef) {
+        this.dialogData = dialogData;
+        this.dialogRef = dialogRef;
+        this.hasTitle = false;
+        this.hasDismissBtn = false;
+        this.hasActionBtn = false;
+        this.showActions = false;
+        this.setHasTitle();
+        this.setHasDismissBtn();
+        this.setHasActionBtn();
+        this.setShowActions();
+    }
+    ngOnInit() { }
+    activateAction() {
+        this.dialogRef.close(true);
+    }
+    setHasTitle() {
+        this.hasTitle = this.isValidString(this.dialogData.title);
+    }
+    setHasDismissBtn() {
+        this.hasDismissBtn = this.isValidString(this.dialogData.dismissText);
+    }
+    setHasActionBtn() {
+        this.hasActionBtn = this.isValidString(this.dialogData.action);
+    }
+    setShowActions() {
+        this.showActions = this.hasActionBtn || this.hasDismissBtn;
+    }
+    isValidString(str) {
+        const isValid = typeof str === 'string' && str.trim().length > 0;
+        return isValid;
+    }
+}
+MatecuAlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+MatecuAlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuAlertDialogComponent, isStandalone: true, selector: "matecu-alert-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n  <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n    {{dialogData.message}}\n  </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n  <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n    *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n  <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n    *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: ["color", "icon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-alert-dialog', standalone: true, imports: [CommonModule, MatDialogModule, MatIconModule, MatecuAlertBoxComponent, MatButtonModule], template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n  <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n    {{dialogData.message}}\n  </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n  <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n    *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n  <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n    *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LWRpYWxvZy9tYXRlY3UtYWxlcnQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtZGlhbG9nL21hdGVjdS1hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBUXpGLE1BQU0sT0FBTywwQkFBMEI7SUFLckMsWUFDa0MsVUFBaUMsRUFDMUQsU0FBbUQ7UUFEMUIsZUFBVSxHQUFWLFVBQVUsQ0FBdUI7UUFDMUQsY0FBUyxHQUFULFNBQVMsQ0FBMEM7UUFONUQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUtsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsUUFBUSxLQUFXLENBQUM7SUFFcEIsY0FBYztRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFDTyxnQkFBZ0I7UUFDdEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUNPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDN0QsQ0FBQztJQUNPLGFBQWEsQ0FBQyxHQUE4QjtRQUNsRCxNQUFNLE9BQU8sR0FBRyxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDakUsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs7dUhBckNVLDBCQUEwQixrQkFNM0IsZUFBZTsyR0FOZCwwQkFBMEIsK0VDZHZDLG1tQkFjQSxrR0RGWSxZQUFZLGtJQUFFLGVBQWUsK25CQUFFLGFBQWEsK0JBQUUsdUJBQXVCLHVGQUFFLGVBQWU7MkZBRXJGLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FHbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxDQUFDOzswQkFROUYsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZiwgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdGVjdUFsZXJ0RGlhbG9nRGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbGVydC1kaWFsb2cnO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRCb3hDb21wb25lbnQgfSBmcm9tICcuLi9tYXRlY3UtYWxlcnQtYm94L21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50JztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS1hbGVydC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS1hbGVydC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0RGlhbG9nTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRlY3VBbGVydEJveENvbXBvbmVudCwgTWF0QnV0dG9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VBbGVydERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGhhc1RpdGxlID0gZmFsc2U7XG4gIGhhc0Rpc21pc3NCdG4gPSBmYWxzZTtcbiAgaGFzQWN0aW9uQnRuID0gZmFsc2U7XG4gIHNob3dBY3Rpb25zID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGlhbG9nRGF0YTogTWF0ZWN1QWxlcnREaWFsb2dEYXRhLFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxNYXRlY3VBbGVydERpYWxvZ0NvbXBvbmVudD5cbiAgKSB7XG4gICAgdGhpcy5zZXRIYXNUaXRsZSgpO1xuICAgIHRoaXMuc2V0SGFzRGlzbWlzc0J0bigpO1xuICAgIHRoaXMuc2V0SGFzQWN0aW9uQnRuKCk7XG4gICAgdGhpcy5zZXRTaG93QWN0aW9ucygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICBhY3RpdmF0ZUFjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0cnVlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SGFzVGl0bGUoKTogdm9pZCB7XG4gICAgdGhpcy5oYXNUaXRsZSA9IHRoaXMuaXNWYWxpZFN0cmluZyh0aGlzLmRpYWxvZ0RhdGEudGl0bGUpO1xuICB9XG4gIHByaXZhdGUgc2V0SGFzRGlzbWlzc0J0bigpOiB2b2lkIHtcbiAgICB0aGlzLmhhc0Rpc21pc3NCdG4gPSB0aGlzLmlzVmFsaWRTdHJpbmcodGhpcy5kaWFsb2dEYXRhLmRpc21pc3NUZXh0KTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SGFzQWN0aW9uQnRuKCk6IHZvaWQge1xuICAgIHRoaXMuaGFzQWN0aW9uQnRuID0gdGhpcy5pc1ZhbGlkU3RyaW5nKHRoaXMuZGlhbG9nRGF0YS5hY3Rpb24pO1xuICB9XG4gIHByaXZhdGUgc2V0U2hvd0FjdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93QWN0aW9ucyA9IHRoaXMuaGFzQWN0aW9uQnRuIHx8IHRoaXMuaGFzRGlzbWlzc0J0bjtcbiAgfVxuICBwcml2YXRlIGlzVmFsaWRTdHJpbmcoc3RyOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKTogYm9vbGVhbiB7XG4gICAgY29uc3QgaXNWYWxpZCA9IHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnICYmIHN0ci50cmltKCkubGVuZ3RoID4gMDtcbiAgICByZXR1cm4gaXNWYWxpZDtcbiAgfVxufVxuIiwiPGgyIG1hdC1kaWFsb2ctdGl0bGUgKm5nSWY9XCJoYXNUaXRsZVwiPnt7ZGlhbG9nRGF0YS50aXRsZX19PC9oMj5cbjxtYXQtZGlhbG9nLWNvbnRlbnQ+XG5cbiAgPG1hdGVjdS1hbGVydC1ib3ggW2NvbG9yXT1cImRpYWxvZ0RhdGEudHlwZVwiIFtpY29uXT1cIiEhZGlhbG9nRGF0YS5pY29uXCI+XG4gICAge3tkaWFsb2dEYXRhLm1lc3NhZ2V9fVxuICA8L21hdGVjdS1hbGVydC1ib3g+XG5cbjwvbWF0LWRpYWxvZy1jb250ZW50PlxuPG1hdC1kaWFsb2ctYWN0aW9ucyAqbmdJZj1cInNob3dBY3Rpb25zXCIgYWxpZ249XCJlbmRcIj5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHRhYmluZGV4PVwiLTFcIiBtYXQtZGlhbG9nLWNsb3NlXG4gICAgKm5nSWY9XCJoYXNEaXNtaXNzQnRuXCI+e3tkaWFsb2dEYXRhLmRpc21pc3NUZXh0fX08L2J1dHRvbj5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHRhYmluZGV4PVwiLTJcIiAoY2xpY2spPVwiYWN0aXZhdGVBY3Rpb24oKVwiXG4gICAgKm5nSWY9XCJoYXNBY3Rpb25CdG5cIj57e2RpYWxvZ0RhdGEuYWN0aW9ufX08L2J1dHRvbj5cbjwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuIl19

package/esm2020/lib/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs

@@ -0,0 +1,43 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, Inject } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatSnackBarModule, MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/snack-bar";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+export class MatecuAlertSnackBarComponent {
+    constructor(data, snackBarRef) {
+        this.data = data;
+        this.snackBarRef = snackBarRef;
+        this.classNameBase = 'matecu-alert-snackbar';
+        this.className = this.classNameBase;
+        this.title = data.title;
+        this.message = data.message;
+        this.action = data.action;
+        this.color = data.type;
+    }
+    get color() {
+        return this.alertColor;
+    }
+    set color(value) {
+        this.alertColor = value;
+        this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
+    }
+    dismiss() {
+        this.snackBarRef.dismissWithAction();
+    }
+}
+MatecuAlertSnackBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
+MatecuAlertSnackBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuAlertSnackBarComponent, isStandalone: true, selector: "matecu-alert-snack-bar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div>\n    <strong>{{title}}</strong> &nbsp;\n    <span>{{message}}</span>\n</div>\n<div *ngIf=\"!!action?.length\">\n\n    <button mat-button color=\"accent\" (click)=\"dismiss()\">{{action}}</button>\n</div>", styles: [":host.matecu-alert-snackbar{display:flex;align-items:center}:host.matecu-alert-snackbar>*:not(:first-child){margin-left:10px}:host.matecu-alert-snackbar--success strong{color:#20db20}:host.matecu-alert-snackbar--danger strong{color:red}:host.matecu-alert-snackbar--warning strong{color:orange}:host.matecu-alert-snackbar--info strong{color:#07a0ed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuAlertSnackBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-alert-snack-bar', standalone: true, imports: [CommonModule, MatButtonModule, MatSnackBarModule], template: "<div>\n    <strong>{{title}}</strong> &nbsp;\n    <span>{{message}}</span>\n</div>\n<div *ngIf=\"!!action?.length\">\n\n    <button mat-button color=\"accent\" (click)=\"dismiss()\">{{action}}</button>\n</div>", styles: [":host.matecu-alert-snackbar{display:flex;align-items:center}:host.matecu-alert-snackbar>*:not(:first-child){margin-left:10px}:host.matecu-alert-snackbar--success strong{color:#20db20}:host.matecu-alert-snackbar--danger strong{color:red}:host.matecu-alert-snackbar--warning strong{color:orange}:host.matecu-alert-snackbar--info strong{color:#07a0ed}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }, { type: i1.MatSnackBarRef }]; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci9tYXRlY3UtYWxlcnQtc25hY2stYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtc25hY2stYmFyL21hdGVjdS1hbGVydC1zbmFjay1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFrQixrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQVdwRyxNQUFNLE9BQU8sNEJBQTRCO0lBZXZDLFlBQ3FDLElBQTZCLEVBQ3hELFdBQXlEO1FBRDlCLFNBQUksR0FBSixJQUFJLENBQXlCO1FBQ3hELGdCQUFXLEdBQVgsV0FBVyxDQUE4QztRQVpuRSxrQkFBYSxHQUFHLHVCQUF1QixDQUFDO1FBU2xCLGNBQVMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDO1FBSW5ELElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDNUIsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDO1FBQzFCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQztJQUV6QixDQUFDO0lBaEJELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLEVBQUUsQ0FBQztJQUMzRSxDQUFDO0lBWUQsT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUN2QyxDQUFDOzt5SEEzQlUsNEJBQTRCLGtCQWdCN0Isa0JBQWtCOzZHQWhCakIsNEJBQTRCLHVJQ2R6QyxtTkFPTSx1WkRLTSxZQUFZLGtJQUFFLGVBQWUsMlFBQUUsaUJBQWlCOzJGQUUvQyw0QkFBNEI7a0JBUHhDLFNBQVM7K0JBQ0Usd0JBQXdCLGNBR3RCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsaUJBQWlCLENBQUM7OzBCQWtCeEQsTUFBTTsyQkFBQyxrQkFBa0I7eUVBRk4sU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0U25hY2tCYXJNb2R1bGUsIE1hdFNuYWNrQmFyUmVmLCBNQVRfU05BQ0tfQkFSX0RBVEEgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbmFjay1iYXInO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRTbmFja0JhckRhdGEgfSBmcm9tICcuLi8uLi90eXBlcy9tYXRlY3UtYWxlcnQtc25hY2tiYXInO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRCb3hUeXBlIH0gZnJvbSAnLi4vLi4vdHlwZXMvbWF0ZWN1LWFsdGVydC1ib3gtdHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS1hbGVydC1zbmFjay1iYXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS1hbGVydC1zbmFjay1iYXIuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBNYXRTbmFja0Jhck1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1QWxlcnRTbmFja0JhckNvbXBvbmVudCB7XG5cbiAgdGl0bGU6IHN0cmluZztcbiAgbWVzc2FnZTogc3RyaW5nO1xuICBhY3Rpb24/OiBzdHJpbmc7XG4gIGNsYXNzTmFtZUJhc2UgPSAnbWF0ZWN1LWFsZXJ0LXNuYWNrYmFyJztcbiAgYWxlcnRDb2xvciE6IE1hdGVjdUFsZXJ0Qm94VHlwZTtcbiAgZ2V0IGNvbG9yKCk6IE1hdGVjdUFsZXJ0Qm94VHlwZSB7XG4gICAgcmV0dXJuIHRoaXMuYWxlcnRDb2xvcjtcbiAgfVxuICBzZXQgY29sb3IodmFsdWU6IE1hdGVjdUFsZXJ0Qm94VHlwZSkge1xuICAgIHRoaXMuYWxlcnRDb2xvciA9IHZhbHVlO1xuICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWVCYXNlfSAke3RoaXMuY2xhc3NOYW1lQmFzZX0tLSR7dmFsdWV9YDtcbiAgfVxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gdGhpcy5jbGFzc05hbWVCYXNlO1xuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KE1BVF9TTkFDS19CQVJfREFUQSkgcHVibGljIGRhdGE6IE1hdGVjdUFsZXJ0U25hY2tCYXJEYXRhLFxuICAgIHByaXZhdGUgc25hY2tCYXJSZWY6IE1hdFNuYWNrQmFyUmVmPE1hdGVjdUFsZXJ0U25hY2tCYXJDb21wb25lbnQ+KSB7XG4gICAgdGhpcy50aXRsZSA9IGRhdGEudGl0bGU7XG4gICAgdGhpcy5tZXNzYWdlID0gZGF0YS5tZXNzYWdlO1xuICAgIHRoaXMuYWN0aW9uID0gZGF0YS5hY3Rpb247XG4gICAgdGhpcy5jb2xvciA9IGRhdGEudHlwZTtcblxuICB9XG5cbiAgZGlzbWlzcygpOiB2b2lkIHtcbiAgICB0aGlzLnNuYWNrQmFyUmVmLmRpc21pc3NXaXRoQWN0aW9uKCk7XG4gIH1cblxuXG59XG4iLCI8ZGl2PlxuICAgIDxzdHJvbmc+e3t0aXRsZX19PC9zdHJvbmc+ICZuYnNwO1xuICAgIDxzcGFuPnt7bWVzc2FnZX19PC9zcGFuPlxuPC9kaXY+XG48ZGl2ICpuZ0lmPVwiISFhY3Rpb24/Lmxlbmd0aFwiPlxuXG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgKGNsaWNrKT1cImRpc21pc3MoKVwiPnt7YWN0aW9ufX08L2J1dHRvbj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/components/matecu-spinner/matecu-spinner.component.mjs

@@ -0,0 +1,58 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil, tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "../../services/matecu-spinner.service";
+import * as i2 from "@angular/common";
+export class MatecuSpinnerComponent {
+    constructor(spinnerService) {
+        this.spinnerService = spinnerService;
+        this.destroy$ = new Subject();
+        this.hiddenClass = 'matecu-spinner--hidden';
+        this.activeCache = false;
+        this.className = 'matecu-spinner';
+        this.color = '#2196F3';
+        this.global = false;
+        this.size = '70px';
+    }
+    get active() {
+        return this.activeCache;
+    }
+    set active(value) {
+        if (this.global) {
+            return;
+        }
+        this.activeCache = value;
+        this.className = value
+            ? this.className.replace(` ${this.hiddenClass}`, '')
+            : (this.className += ` ${this.hiddenClass}`);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        if (this.global) {
+            this.spinnerService.watch().pipe(tap(value => this.activeCache = value), takeUntil(this.destroy$)).subscribe();
+        }
+    }
+}
+MatecuSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuSpinnerComponent, deps: [{ token: i1.MatecuSpinnerService }], target: i0.ɵɵFactoryTarget.Component });
+MatecuSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuSpinnerComponent, isStandalone: true, selector: "matecu-spinner", inputs: { color: "color", global: "global", active: "active", size: "size" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"active\">\n    <svg xmlns:svg=\"http://www.w3.org/2000/svg\" [attr.width]=\"size\" [attr.height]=\"size\"\n    xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" viewBox=\"0 0 128 128\" xml:space=\"preserve\">\n    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"transparent\" />\n    <g>\n        <path class=\"matecu-spinner__100\" d=\"M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z\" [attr.fill]=\"color\"\n            fill-opacity=\"1\" />\n        <path class=\"matecu-spinner__30\" d=\"M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z\"\n            [attr.fill]=\"color\" fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__40\" d=\"M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.4\" />\n        <path class=\"matecu-spinner__50\" d=\"M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.5\" />\n        <path class=\"matecu-spinner__60\" d=\"M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.6\" />\n        <path class=\"matecu-spinner__70\" d=\"M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.7\" />\n        <path class=\"matecu-spinner__80\" d=\"M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.8\" />\n        <path class=\"matecu-spinner__90\" d=\"M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.9\" />\n        <animateTransform attributeName=\"transform\" type=\"rotate\"\n            values=\"0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64\"\n            calcMode=\"discrete\" dur=\"600ms\" repeatCount=\"indefinite\"></animateTransform>\n    </g>\n</svg>\n</ng-container>", styles: [".matecu-spinner{display:flex;align-items:center;justify-content:center}.matecu-spinner>svg{width:80px;height:80px}.matecu-spinner__hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-spinner', standalone: true, imports: [CommonModule], template: "<ng-container *ngIf=\"active\">\n    <svg xmlns:svg=\"http://www.w3.org/2000/svg\" [attr.width]=\"size\" [attr.height]=\"size\"\n    xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" viewBox=\"0 0 128 128\" xml:space=\"preserve\">\n    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"transparent\" />\n    <g>\n        <path class=\"matecu-spinner__100\" d=\"M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z\" [attr.fill]=\"color\"\n            fill-opacity=\"1\" />\n        <path class=\"matecu-spinner__30\" d=\"M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z\"\n            [attr.fill]=\"color\" fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__30\" d=\"M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.3\" />\n        <path class=\"matecu-spinner__40\" d=\"M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.4\" />\n        <path class=\"matecu-spinner__50\" d=\"M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.5\" />\n        <path class=\"matecu-spinner__60\" d=\"M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.6\" />\n        <path class=\"matecu-spinner__70\" d=\"M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.7\" />\n        <path class=\"matecu-spinner__80\" d=\"M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.8\" />\n        <path class=\"matecu-spinner__90\" d=\"M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z\" [attr.fill]=\"color\"\n            fill-opacity=\"0.9\" />\n        <animateTransform attributeName=\"transform\" type=\"rotate\"\n            values=\"0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64\"\n            calcMode=\"discrete\" dur=\"600ms\" repeatCount=\"indefinite\"></animateTransform>\n    </g>\n</svg>\n</ng-container>", styles: [".matecu-spinner{display:flex;align-items:center;justify-content:center}.matecu-spinner>svg{width:80px;height:80px}.matecu-spinner__hidden{display:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatecuSpinnerService }]; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }], color: [{
+                type: Input
+            }], global: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS1zcGlubmVyL21hdGVjdS1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3Utc3Bpbm5lci9tYXRlY3Utc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFTaEQsTUFBTSxPQUFPLHNCQUFzQjtJQXNCakMsWUFDVSxjQUFvQztRQUFwQyxtQkFBYyxHQUFkLGNBQWMsQ0FBc0I7UUFyQnRDLGFBQVEsR0FBRyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ3pCLGdCQUFXLEdBQUcsd0JBQXdCLENBQUM7UUFDdkMsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDTixjQUFTLEdBQUcsZ0JBQWdCLENBQUM7UUFDMUMsVUFBSyxHQUFHLFNBQVMsQ0FBQztRQUNsQixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBYWYsU0FBSSxHQUFHLE1BQU0sQ0FBQztJQUluQixDQUFDO0lBaEJMLElBQUksTUFBTTtRQUNSLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUMxQixDQUFDO0lBQ0QsSUFBYSxNQUFNLENBQUMsS0FBYztRQUNoQyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztRQUN6QixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUs7WUFDcEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxFQUFFLEVBQUUsQ0FBQztZQUNwRCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7SUFDakQsQ0FBQztJQU1ELFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDZixJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssRUFBRSxDQUFDLElBQUksQ0FDOUIsR0FBRyxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUMsRUFDdEMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FDekIsQ0FBQyxTQUFTLEVBQUUsQ0FBQztTQUNmO0lBQ0gsQ0FBQzs7bUhBcENVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDZNQ1puQyxpN0ZBa0NlLGtORHhCSCxZQUFZOzJGQUVYLHNCQUFzQjtrQkFQbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7MkdBT0QsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPO2dCQUNYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSU8sTUFBTTtzQkFBbEIsS0FBSztnQkFTRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IE1hdGVjdVNwaW5uZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvbWF0ZWN1LXNwaW5uZXIuc2VydmljZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3Utc3Bpbm5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3Utc3Bpbm5lci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS1zcGlubmVyLmNvbXBvbmVudC5jc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1U3Bpbm5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3QoKTtcbiAgcHJpdmF0ZSBoaWRkZW5DbGFzcyA9ICdtYXRlY3Utc3Bpbm5lci0taGlkZGVuJztcbiAgcHJpdmF0ZSBhY3RpdmVDYWNoZSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS1zcGlubmVyJztcbiAgQElucHV0KCkgY29sb3IgPSAnIzIxOTZGMyc7XG4gIEBJbnB1dCgpIGdsb2JhbCA9IGZhbHNlO1xuICBnZXQgYWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjdGl2ZUNhY2hlO1xuICB9XG4gIEBJbnB1dCgpIHNldCBhY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICBpZiAodGhpcy5nbG9iYWwpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5hY3RpdmVDYWNoZSA9IHZhbHVlO1xuICAgIHRoaXMuY2xhc3NOYW1lID0gdmFsdWVcbiAgICAgID8gdGhpcy5jbGFzc05hbWUucmVwbGFjZShgICR7dGhpcy5oaWRkZW5DbGFzc31gLCAnJylcbiAgICAgIDogKHRoaXMuY2xhc3NOYW1lICs9IGAgJHt0aGlzLmhpZGRlbkNsYXNzfWApO1xuICB9XG4gIEBJbnB1dCgpIHNpemUgPSAnNzBweCc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBzcGlubmVyU2VydmljZTogTWF0ZWN1U3Bpbm5lclNlcnZpY2UsXG4gICkgeyB9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5nbG9iYWwpIHtcbiAgICAgIHRoaXMuc3Bpbm5lclNlcnZpY2Uud2F0Y2goKS5waXBlKFxuICAgICAgICB0YXAodmFsdWUgPT4gdGhpcy5hY3RpdmVDYWNoZSA9IHZhbHVlKSxcbiAgICAgICAgdGFrZVVudGlsKHRoaXMuZGVzdHJveSQpXG4gICAgICApLnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGl2ZVwiPlxuICAgIDxzdmcgeG1sbnM6c3ZnPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBbYXR0ci53aWR0aF09XCJzaXplXCIgW2F0dHIuaGVpZ2h0XT1cInNpemVcIlxuICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB4bWxuczp4bGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIiB2ZXJzaW9uPVwiMS4wXCIgdmlld0JveD1cIjAgMCAxMjggMTI4XCIgeG1sOnNwYWNlPVwicHJlc2VydmVcIj5cbiAgICA8cmVjdCB4PVwiMFwiIHk9XCIwXCIgd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTAwJVwiIGZpbGw9XCJ0cmFuc3BhcmVudFwiIC8+XG4gICAgPGc+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzEwMFwiIGQ9XCJNMTIyLjUgNjkuMjVIOTYuNDdhMzMuMSAzMy4xIDAgMCAwIDAtMTAuNWgyNi4wNWE1LjI1IDUuMjUgMCAwIDEgMCAxMC41elwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMVwiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk0xMTIuMDQgOTcuODNMODkuNDcgODQuOGEzMy4xIDMzLjEgMCAwIDAgNS4yNS05LjFsMjIuNTcgMTMuMDNhNS4yNSA1LjI1IDAgMCAxLTUuMjggOS4xelwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC4zXCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fMzBcIiBkPVwiTTg4LjY4IDExNy4zNUw3NS42NSA5NC43OGEzMy4xIDMzLjEgMCAwIDAgOS4xLTUuMjVsMTMuMDIgMjIuNTdhNS4yNSA1LjI1IDAgMSAxLTkuMSA1LjI1elwiXG4gICAgICAgICAgICBbYXR0ci5maWxsXT1cImNvbG9yXCIgZmlsbC1vcGFjaXR5PVwiMC4zXCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fMzBcIiBkPVwiTTU4LjcgMTIyLjU3Vjk2LjVhMzMuMSAzMy4xIDAgMCAwIDEwLjUgMHYyNi4wN2E1LjI1IDUuMjUgMCAwIDEtMTAuNSAwelwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC4zXCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fMzBcIiBkPVwiTTMwLjEgMTEyLjFsMTMuMDQtMjIuNTdhMzMuMSAzMy4xIDAgMCAwIDkuMSA1LjI1TDM5LjIgMTE3LjM1YTUuMjUgNS4yNSAwIDEgMS05LjEtNS4yNXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk0xMC42IDg4Ljc0TDMzLjE2IDc1LjdhMzMuMSAzMy4xIDAgMCAwIDUuMjUgOS4xTDE1Ljg4IDk3LjgzYTUuMjUgNS4yNSAwIDEgMS01LjI1LTkuMXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzQwXCIgZD1cIk01LjM3IDU4Ljc1aDI2LjA2YTMzLjEgMzMuMSAwIDAgMCAwIDEwLjVINS4zN2E1LjI1IDUuMjUgMCAwIDEgMC0xMC41elwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC40XCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fNTBcIiBkPVwiTTE1Ljg1IDMwLjE3TDM4LjQgNDMuMmEzMy4xIDMzLjEgMCAwIDAtNS4yNCA5LjFMMTAuNiAzOS4yNWE1LjI1IDUuMjUgMCAxIDEgNS4yNS05LjF6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjVcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX182MFwiIGQ9XCJNMzkuMiAxMC42NWwxMy4wMyAyMi41N2EzMy4xIDMzLjEgMCAwIDAtOS4xIDUuMjVsLTEzLTIyLjU3YTUuMjUgNS4yNSAwIDEgMSA5LjEtNS4yNXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuNlwiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzcwXCIgZD1cIk02OS4yIDUuNDNWMzEuNWEzMy4xIDMzLjEgMCAwIDAtMTAuNSAwVjUuNDJhNS4yNSA1LjI1IDAgMSAxIDEwLjUgMHpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuN1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzgwXCIgZD1cIk05Ny43NyAxNS45TDg0Ljc1IDM4LjQ3YTMzLjEgMzMuMSAwIDAgMC05LjEtNS4yNWwxMy4wMy0yMi41N2E1LjI1IDUuMjUgMCAxIDEgOS4xIDUuMjV6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjhcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX185MFwiIGQ9XCJNMTE3LjMgMzkuMjZMOTQuNyA1Mi4zYTMzLjEgMzMuMSAwIDAgMC01LjI1LTkuMWwyMi41Ny0xMy4wM2E1LjI1IDUuMjUgMCAwIDEgNS4yNSA5LjF6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjlcIiAvPlxuICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPVwidHJhbnNmb3JtXCIgdHlwZT1cInJvdGF0ZVwiXG4gICAgICAgICAgICB2YWx1ZXM9XCIwIDY0IDY0OzMwIDY0IDY0OzYwIDY0IDY0OzkwIDY0IDY0OzEyMCA2NCA2NDsxNTAgNjQgNjQ7MTgwIDY0IDY0OzIxMCA2NCA2NDsyNDAgNjQgNjQ7MjcwIDY0IDY0OzMwMCA2NCA2NDszMzAgNjQgNjRcIlxuICAgICAgICAgICAgY2FsY01vZGU9XCJkaXNjcmV0ZVwiIGR1cj1cIjYwMG1zXCIgcmVwZWF0Q291bnQ9XCJpbmRlZmluaXRlXCI+PC9hbmltYXRlVHJhbnNmb3JtPlxuICAgIDwvZz5cbjwvc3ZnPlxuPC9uZy1jb250YWluZXI+Il19

package/esm2020/lib/components/matecu-topbar-action/matecu-topbar-action.component.mjs

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MatecuTopbarActionComponent {
+    constructor() { }
+    ngOnInit() { }
+}
+MatecuTopbarActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuTopbarActionComponent, isStandalone: true, selector: "matecu-topbar-action", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;min-height:64px;max-height:64px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-action', standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;min-height:64px;max-height:64px}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItYWN0aW9uL21hdGVjdS10b3BiYXItYWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWFjdGlvbi9tYXRlY3UtdG9wYmFyLWFjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVFsRCxNQUFNLE9BQU8sMkJBQTJCO0lBQ3RDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVEsS0FBVyxDQUFDOzt3SEFIVCwyQkFBMkI7NEdBQTNCLDJCQUEyQixnRkNSeEMsNkJBQ0E7MkZET2EsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNFLHNCQUFzQixjQUdwQixJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LXRvcGJhci1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtdG9wYmFyLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckFjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

package/esm2020/lib/components/matecu-topbar-body/matecu-topbar-body.component.mjs

@@ -0,0 +1,28 @@
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MatecuTopbarBodyComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.className = 'matecu-topbar-body';
+    }
+    ngOnInit() { }
+    scrollTop() {
+        const element = this.elementRef.nativeElement;
+        if (!!element) {
+            element.scroll({
+                top: 0,
+                behavior: 'smooth',
+            });
+        }
+    }
+}
+MatecuTopbarBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarBodyComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuTopbarBodyComponent, isStandalone: true, selector: "matecu-topbar-body", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;padding:0;padding-top:2rem;overflow-y:auto}@media screen and (max-width: 770px){:host{padding-bottom:80px}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-body', standalone: true, template: "<ng-content></ng-content>", styles: [":host{display:block;padding:0;padding-top:2rem;overflow-y:auto}@media screen and (max-width: 770px){:host{padding-bottom:80px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWJvZHkvbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWJvZHkvbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsV0FBVyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQVEzRSxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUFEcEIsY0FBUyxHQUFHLG9CQUFvQixDQUFDO0lBQ1QsQ0FBQztJQUUvQyxRQUFRLEtBQVcsQ0FBQztJQUVwQixTQUFTO1FBQ1AsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUM7UUFDOUMsSUFBSSxDQUFDLENBQUMsT0FBTyxFQUFFO1lBQ2IsT0FBTyxDQUFDLE1BQU0sQ0FBQztnQkFDYixHQUFHLEVBQUUsQ0FBQztnQkFDTixRQUFRLEVBQUUsUUFBUTthQUNuQixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7O3NIQWRVLHlCQUF5QjswR0FBekIseUJBQXlCLG1JQ1J0QywyQkFBeUI7MkZEUVoseUJBQXlCO2tCQU5yQyxTQUFTOytCQUNFLG9CQUFvQixjQUdsQixJQUFJO2lHQUdNLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLWJvZHknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1VG9wYmFyQm9keUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnbWF0ZWN1LXRvcGJhci1ib2R5JztcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIHNjcm9sbFRvcCgpOiB2b2lkIHtcbiAgICBjb25zdCBlbGVtZW50ID0gdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgaWYgKCEhZWxlbWVudCkge1xuICAgICAgZWxlbWVudC5zY3JvbGwoe1xuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGJlaGF2aW9yOiAnc21vb3RoJyxcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiJdfQ==

package/esm2020/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.mjs

@@ -0,0 +1,34 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+export class MatecuTopbarFabComponent {
+    constructor() {
+        this.color = 'accent';
+        this.extended = false;
+        this.clickAction = new EventEmitter();
+        this.className = 'matecu-topbar-fab';
+    }
+    ngOnInit() { }
+    onClickAction() {
+        this.clickAction.emit();
+    }
+}
+MatecuTopbarFabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarFabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuTopbarFabComponent, isStandalone: true, selector: "matecu-topbar-fab", inputs: { color: "color", extended: "extended" }, outputs: { clickAction: "clickAction" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "  <button type=\"button\" mat-fab [ngClass]=\"{'extended': extended}\" [color]=\"color\" (click)=\"onClickAction()\">\n    <ng-content></ng-content>\n  </button>\n", styles: [":host{display:flex;align-items:flex-end;height:100%;position:relative;z-index:2}:host button{transform:translateY(50%)}:host button.extended{border-radius:27px;height:55px;width:auto;padding:0 1rem!important}@media screen and (max-width: 768px){:host{height:auto;position:fixed;bottom:1rem;right:1rem;transform:initial}:host button{transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatFabButton, selector: "button[mat-fab]", inputs: ["disabled", "disableRipple", "color", "tabIndex", "extended"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarFabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-fab', standalone: true, imports: [CommonModule, MatButtonModule], template: "  <button type=\"button\" mat-fab [ngClass]=\"{'extended': extended}\" [color]=\"color\" (click)=\"onClickAction()\">\n    <ng-content></ng-content>\n  </button>\n", styles: [":host{display:flex;align-items:flex-end;height:100%;position:relative;z-index:2}:host button{transform:translateY(50%)}:host button.extended{border-radius:27px;height:55px;width:auto;padding:0 1rem!important}@media screen and (max-width: 768px){:host{height:auto;position:fixed;bottom:1rem;right:1rem;transform:initial}:host button{transform:translateY(0)}}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
+                type: Input
+            }], extended: [{
+                type: Input
+            }], clickAction: [{
+                type: Output
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1mYWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItZmFiL21hdGVjdS10b3BiYXItZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWZhYi9tYXRlY3UtdG9wYmFyLWZhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7O0FBUzNELE1BQU0sT0FBTyx3QkFBd0I7SUFJbkM7UUFIUyxVQUFLLEdBQUcsUUFBUSxDQUFDO1FBQ2pCLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDaEIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRzNCLGNBQVMsR0FBRyxtQkFBbUIsQ0FBQztJQUZ0QyxDQUFDO0lBR2pCLFFBQVEsS0FBVyxDQUFDO0lBRXBCLGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7O3FIQVhVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLDZOQ2xCckMscUtBR0EsZ2FEYVksWUFBWSw0SEFBRSxlQUFlOzJGQUU1Qix3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7MEVBRy9CLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBR2UsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItZmFiJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItZmFiLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1mYWIuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VUb3BiYXJGYWJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvciA9ICdhY2NlbnQnO1xuICBASW5wdXQoKSBleHRlbmRlZCA9IGZhbHNlO1xuICBAT3V0cHV0KCkgY2xpY2tBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdtYXRlY3UtdG9wYmFyLWZhYic7XG4gIG5nT25Jbml0KCk6IHZvaWQgeyB9XG5cbiAgb25DbGlja0FjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrQWN0aW9uLmVtaXQoKTtcbiAgfVxufVxuIiwiICA8YnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXQtZmFiIFtuZ0NsYXNzXT1cInsnZXh0ZW5kZWQnOiBleHRlbmRlZH1cIiBbY29sb3JdPVwiY29sb3JcIiAoY2xpY2spPVwib25DbGlja0FjdGlvbigpXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2J1dHRvbj5cbiJdfQ==

package/esm2020/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.mjs

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i0 from "@angular/core";
+export class MatecuTopbarHeaderRowComponent {
+}
+MatecuTopbarHeaderRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarHeaderRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarHeaderRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: MatecuTopbarHeaderRowComponent, isStandalone: true, selector: "matecu-topbar-header-row", ngImport: i0, template: "    <ng-content select=\"matecu-topbar-action[position='left']\"></ng-content>\n    <ng-content select=\"matecu-topbar-fab\"></ng-content>\n    <ng-content select=\"matecu-topbar-action[position='after-fab']\"></ng-content>\n    <ng-content select=\"matecu-topbar-title\"></ng-content>\n    <ng-content select=\"matecu-topbar-action[position='before-search']\"></ng-content>\n    <ng-content select=\"matecu-topbar-search\"></ng-content>\n    <ng-content select=\"matecu-topbar-action:not([position])\"></ng-content>\n    <ng-content select=\"matecu-topbar-action[position='right']\"></ng-content>", styles: [":host{display:flex;white-space:normal;justify-content:space-between;column-gap:1px;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatToolbarModule }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: MatecuTopbarHeaderRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-header-row', standalone: true, imports: [CommonModule, MatToolbarModule], template: "    <ng-content select=\"matecu-topbar-action[position='left']\"></ng-content>\n    <ng-content select=\"matecu-topbar-fab\"></ng-content>\n    <ng-content select=\"matecu-topbar-action[position='after-fab']\"></ng-content>\n    <ng-content select=\"matecu-topbar-title\"></ng-content>\n    <ng-content select=\"matecu-topbar-action[position='before-search']\"></ng-content>\n    <ng-content select=\"matecu-topbar-search\"></ng-content>\n    <ng-content select=\"matecu-topbar-action:not([position])\"></ng-content>\n    <ng-content select=\"matecu-topbar-action[position='right']\"></ng-content>", styles: [":host{display:flex;white-space:normal;justify-content:space-between;column-gap:1px;width:100%;height:100%}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cvbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cvbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDOztBQVM3RCxNQUFNLE9BQU8sOEJBQThCOzsySEFBOUIsOEJBQThCOytHQUE5Qiw4QkFBOEIsb0ZDWDNDLHVsQkFPNkUscUtEQWpFLFlBQVksOEJBQUUsZ0JBQWdCOzJGQUk3Qiw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdFRvb2xiYXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sYmFyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0VG9vbGJhck1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VUb3BiYXJIZWFkZXJSb3dDb21wb25lbnQge1xuXG59XG4iLCIgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWF0ZWN1LXRvcGJhci1hY3Rpb25bcG9zaXRpb249J2xlZnQnXVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWZhYlwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWFjdGlvbltwb3NpdGlvbj0nYWZ0ZXItZmFiJ11cIj48L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWF0ZWN1LXRvcGJhci10aXRsZVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWFjdGlvbltwb3NpdGlvbj0nYmVmb3JlLXNlYXJjaCddXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGVjdS10b3BiYXItc2VhcmNoXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGVjdS10b3BiYXItYWN0aW9uOm5vdChbcG9zaXRpb25dKVwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWFjdGlvbltwb3NpdGlvbj0ncmlnaHQnXVwiPjwvbmctY29udGVudD4iXX0=