angular-matecu 4.0.2 → 4.0.3

package/esm2022/angular-matecu.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ndWxhci1tYXRlY3UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvYW5ndWxhci1tYXRlY3UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==

package/esm2022/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 {
+    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;
+    }
+    constructor() {
+        this.classNameBase = 'matecu-alert-box';
+        this.alertIcon = false;
+        this.className = this.classNameBase;
+    }
+    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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuAlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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: "17.1.1", 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: () => [], propDecorators: { color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LWJveC9tYXRlY3UtYWxlcnQtYm94LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtYm94L21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7QUFTeEUsTUFBTSxPQUFPLHVCQUF1QjtJQUtsQyxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQWEsS0FBSyxDQUFDLEtBQXFEO1FBQ3RFLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxDQUFDLEtBQUssRUFBRTtZQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksQ0FBQyxhQUFhLEtBQUssS0FBSyxFQUFFLENBQUM7U0FDMUU7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztTQUNyQztRQUNELElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBQ0QsSUFBSSxJQUFJO1FBQ04sT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFhLElBQUksQ0FBQyxLQUFjO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFFRDtRQXZCQSxrQkFBYSxHQUFHLGtCQUFrQixDQUFDO1FBRzNCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFtQkosY0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDckMsQ0FBQztJQUVqQixRQUFRLEtBQVcsQ0FBQztJQUVaLFVBQVU7UUFDaEIsUUFBUSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2xCLEtBQUssa0JBQWtCLENBQUMsTUFBTTtnQkFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxXQUFXLENBQUM7Z0JBQzdCLE1BQU07WUFDUixLQUFLLGtCQUFrQixDQUFDLE9BQU87Z0JBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO2dCQUMzQixNQUFNO1lBQ1IsS0FBSyxrQkFBa0IsQ0FBQyxPQUFPO2dCQUM3QixJQUFJLENBQUMsU0FBUyxHQUFHLGNBQWMsQ0FBQztnQkFDaEMsTUFBTTtZQUNSLEtBQUssa0JBQWtCLENBQUMsSUFBSTtnQkFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxNQUFNLENBQUM7Z0JBQ3hCLE1BQU07WUFDUjtnQkFDRSxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztnQkFDdEIsTUFBTTtTQUNUO0lBQ0gsQ0FBQzs4R0E5Q1UsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMktDWnBDLG1QQVdBLHV0QkREWSxZQUFZLGtJQUFFLGFBQWE7OzJGQUUxQix1QkFBdUI7a0JBUG5DLFNBQVM7K0JBQ0Usa0JBQWtCLGNBR2hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7d0RBVXpCLEtBQUs7c0JBQWpCLEtBQUs7Z0JBWU8sSUFBSTtzQkFBaEIsS0FBSztnQkFHZ0IsU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdGVjdUFsZXJ0Qm94VHlwZSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbHRlcnQtYm94LXR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtYWxlcnQtYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtYWxlcnQtYm94LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEljb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdUFsZXJ0Qm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY2xhc3NOYW1lQmFzZSA9ICdtYXRlY3UtYWxlcnQtYm94JztcbiAgYWxlcnRDb2xvcj86IE1hdGVjdUFsZXJ0Qm94VHlwZSB8IHVuZGVmaW5lZCB8IHN0cmluZyB8IG51bGw7XG4gIGljb25WYWx1ZT86IHN0cmluZyB8IG51bGwgfCB1bmRlZmluZWQ7XG4gIHByaXZhdGUgYWxlcnRJY29uID0gZmFsc2U7XG4gIGdldCBjb2xvcigpOiBNYXRlY3VBbGVydEJveFR5cGUgfCB1bmRlZmluZWQgfCBzdHJpbmcgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5hbGVydENvbG9yO1xuICB9XG4gIEBJbnB1dCgpIHNldCBjb2xvcih2YWx1ZTogTWF0ZWN1QWxlcnRCb3hUeXBlIHwgdW5kZWZpbmVkIHwgc3RyaW5nIHwgbnVsbCkge1xuICAgIHRoaXMuYWxlcnRDb2xvciA9IHZhbHVlO1xuICAgIGlmICghIXZhbHVlKSB7XG4gICAgICB0aGlzLmNsYXNzTmFtZSA9IGAke3RoaXMuY2xhc3NOYW1lQmFzZX0gJHt0aGlzLmNsYXNzTmFtZUJhc2V9LS0ke3ZhbHVlfWA7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gdGhpcy5jbGFzc05hbWVCYXNlO1xuICAgIH1cbiAgICB0aGlzLnVwZGF0ZUljb24oKTtcbiAgfVxuICBnZXQgaWNvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hbGVydEljb247XG4gIH1cbiAgQElucHV0KCkgc2V0IGljb24odmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmFsZXJ0SWNvbiA9IHZhbHVlO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZUJhc2U7XG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICBwcml2YXRlIHVwZGF0ZUljb24oKTogdm9pZCB7XG4gICAgc3dpdGNoICh0aGlzLmNvbG9yKSB7XG4gICAgICBjYXNlIE1hdGVjdUFsZXJ0Qm94VHlwZS5kYW5nZXI6XG4gICAgICAgIHRoaXMuaWNvblZhbHVlID0gJ2Rhbmdlcm91cyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBNYXRlY3VBbGVydEJveFR5cGUud2FybmluZzpcbiAgICAgICAgdGhpcy5pY29uVmFsdWUgPSAnd2FybmluZyc7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBNYXRlY3VBbGVydEJveFR5cGUuc3VjY2VzczpcbiAgICAgICAgdGhpcy5pY29uVmFsdWUgPSAnY2hlY2tfY2lyY2xlJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIE1hdGVjdUFsZXJ0Qm94VHlwZS5pbmZvOlxuICAgICAgICB0aGlzLmljb25WYWx1ZSA9ICdpbmZvJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICB0aGlzLmljb25WYWx1ZSA9IG51bGw7XG4gICAgICAgIGJyZWFrO1xuICAgIH1cbiAgfVxufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImljb24gJiYgaWNvblZhbHVlXCI+XG4gIDxkaXYgY2xhc3M9XCJtYXRlY3UtYWxlcnQtYm94X19pY29uXCI+XG4gICAgPG1hdC1pY29uPnt7aWNvblZhbHVlfX08L21hdC1pY29uPlxuICA8L2Rpdj5cbjwvbmctY29udGFpbmVyPlxuPGRpdiBjbGFzcz1cIm1hdGVjdS1hbGVydC1ib3hfX2NvbnRlbnRcIj5cbiAgPG5nLWNvbnRlbnQ+XG5cblxuICA8L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==

package/esm2022/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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuAlertDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { 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]  ", exportAs: ["matButton"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.MatDialogRef }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LWRpYWxvZy9tYXRlY3UtYWxlcnQtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtZGlhbG9nL21hdGVjdS1hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7Ozs7O0FBUXpGLE1BQU0sT0FBTywwQkFBMEI7SUFLckMsWUFDa0MsVUFBaUMsRUFDMUQsU0FBbUQ7UUFEMUIsZUFBVSxHQUFWLFVBQVUsQ0FBdUI7UUFDMUQsY0FBUyxHQUFULFNBQVMsQ0FBMEM7UUFONUQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixrQkFBYSxHQUFHLEtBQUssQ0FBQztRQUN0QixpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUtsQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN4QixDQUFDO0lBRUQsUUFBUSxLQUFXLENBQUM7SUFFcEIsY0FBYztRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFDTyxnQkFBZ0I7UUFDdEIsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVPLGVBQWU7UUFDckIsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDakUsQ0FBQztJQUNPLGNBQWM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxJQUFJLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDN0QsQ0FBQztJQUNPLGFBQWEsQ0FBQyxHQUE4QjtRQUNsRCxNQUFNLE9BQU8sR0FBRyxPQUFPLEdBQUcsS0FBSyxRQUFRLElBQUksR0FBRyxDQUFDLElBQUksRUFBRSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7UUFDakUsT0FBTyxPQUFPLENBQUM7SUFDakIsQ0FBQzs4R0FyQ1UsMEJBQTBCLGtCQU0zQixlQUFlO2tHQU5kLDBCQUEwQiwrRUNkdkMsbW1CQWNBLGtHREZZLFlBQVksa0lBQUUsZUFBZSwrbkJBQUUsYUFBYSwrQkFBRSx1QkFBdUIsdUZBQUUsZUFBZTs7MkZBRXJGLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FHbkIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsdUJBQXVCLEVBQUUsZUFBZSxDQUFDOzswQkFROUYsTUFBTTsyQkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZiwgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdGVjdUFsZXJ0RGlhbG9nRGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbGVydC1kaWFsb2cnO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRCb3hDb21wb25lbnQgfSBmcm9tICcuLi9tYXRlY3UtYWxlcnQtYm94L21hdGVjdS1hbGVydC1ib3guY29tcG9uZW50JztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS1hbGVydC1kaWFsb2cnLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS1hbGVydC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0RGlhbG9nTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRlY3VBbGVydEJveENvbXBvbmVudCwgTWF0QnV0dG9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VBbGVydERpYWxvZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGhhc1RpdGxlID0gZmFsc2U7XG4gIGhhc0Rpc21pc3NCdG4gPSBmYWxzZTtcbiAgaGFzQWN0aW9uQnRuID0gZmFsc2U7XG4gIHNob3dBY3Rpb25zID0gZmFsc2U7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGlhbG9nRGF0YTogTWF0ZWN1QWxlcnREaWFsb2dEYXRhLFxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxNYXRlY3VBbGVydERpYWxvZ0NvbXBvbmVudD5cbiAgKSB7XG4gICAgdGhpcy5zZXRIYXNUaXRsZSgpO1xuICAgIHRoaXMuc2V0SGFzRGlzbWlzc0J0bigpO1xuICAgIHRoaXMuc2V0SGFzQWN0aW9uQnRuKCk7XG4gICAgdGhpcy5zZXRTaG93QWN0aW9ucygpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7IH1cblxuICBhY3RpdmF0ZUFjdGlvbigpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSh0cnVlKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SGFzVGl0bGUoKTogdm9pZCB7XG4gICAgdGhpcy5oYXNUaXRsZSA9IHRoaXMuaXNWYWxpZFN0cmluZyh0aGlzLmRpYWxvZ0RhdGEudGl0bGUpO1xuICB9XG4gIHByaXZhdGUgc2V0SGFzRGlzbWlzc0J0bigpOiB2b2lkIHtcbiAgICB0aGlzLmhhc0Rpc21pc3NCdG4gPSB0aGlzLmlzVmFsaWRTdHJpbmcodGhpcy5kaWFsb2dEYXRhLmRpc21pc3NUZXh0KTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0SGFzQWN0aW9uQnRuKCk6IHZvaWQge1xuICAgIHRoaXMuaGFzQWN0aW9uQnRuID0gdGhpcy5pc1ZhbGlkU3RyaW5nKHRoaXMuZGlhbG9nRGF0YS5hY3Rpb24pO1xuICB9XG4gIHByaXZhdGUgc2V0U2hvd0FjdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93QWN0aW9ucyA9IHRoaXMuaGFzQWN0aW9uQnRuIHx8IHRoaXMuaGFzRGlzbWlzc0J0bjtcbiAgfVxuICBwcml2YXRlIGlzVmFsaWRTdHJpbmcoc3RyOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKTogYm9vbGVhbiB7XG4gICAgY29uc3QgaXNWYWxpZCA9IHR5cGVvZiBzdHIgPT09ICdzdHJpbmcnICYmIHN0ci50cmltKCkubGVuZ3RoID4gMDtcbiAgICByZXR1cm4gaXNWYWxpZDtcbiAgfVxufVxuIiwiPGgyIG1hdC1kaWFsb2ctdGl0bGUgKm5nSWY9XCJoYXNUaXRsZVwiPnt7ZGlhbG9nRGF0YS50aXRsZX19PC9oMj5cbjxtYXQtZGlhbG9nLWNvbnRlbnQ+XG5cbiAgPG1hdGVjdS1hbGVydC1ib3ggW2NvbG9yXT1cImRpYWxvZ0RhdGEudHlwZVwiIFtpY29uXT1cIiEhZGlhbG9nRGF0YS5pY29uXCI+XG4gICAge3tkaWFsb2dEYXRhLm1lc3NhZ2V9fVxuICA8L21hdGVjdS1hbGVydC1ib3g+XG5cbjwvbWF0LWRpYWxvZy1jb250ZW50PlxuPG1hdC1kaWFsb2ctYWN0aW9ucyAqbmdJZj1cInNob3dBY3Rpb25zXCIgYWxpZ249XCJlbmRcIj5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHRhYmluZGV4PVwiLTFcIiBtYXQtZGlhbG9nLWNsb3NlXG4gICAgKm5nSWY9XCJoYXNEaXNtaXNzQnRuXCI+e3tkaWFsb2dEYXRhLmRpc21pc3NUZXh0fX08L2J1dHRvbj5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNvbG9yPVwicHJpbWFyeVwiIHRhYmluZGV4PVwiLTJcIiAoY2xpY2spPVwiYWN0aXZhdGVBY3Rpb24oKVwiXG4gICAgKm5nSWY9XCJoYXNBY3Rpb25CdG5cIj57e2RpYWxvZ0RhdGEuYWN0aW9ufX08L2J1dHRvbj5cbjwvbWF0LWRpYWxvZy1hY3Rpb25zPlxuIl19

package/esm2022/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 {
+    get color() {
+        return this.alertColor;
+    }
+    set color(value) {
+        this.alertColor = value;
+        this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
+    }
+    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;
+    }
+    dismiss() {
+        this.snackBarRef.dismissWithAction();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuAlertSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatSnackBarModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }, { type: i1.MatSnackBarRef }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci9tYXRlY3UtYWxlcnQtc25hY2stYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtc25hY2stYmFyL21hdGVjdS1hbGVydC1zbmFjay1iYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFrQixrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDOzs7OztBQVdwRyxNQUFNLE9BQU8sNEJBQTRCO0lBT3ZDLElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsS0FBeUI7UUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLElBQUksSUFBSSxDQUFDLGFBQWEsS0FBSyxLQUFLLEVBQUUsQ0FBQztJQUMzRSxDQUFDO0lBRUQsWUFDcUMsSUFBNkIsRUFDeEQsV0FBeUQ7UUFEOUIsU0FBSSxHQUFKLElBQUksQ0FBeUI7UUFDeEQsZ0JBQVcsR0FBWCxXQUFXLENBQThDO1FBWm5FLGtCQUFhLEdBQUcsdUJBQXVCLENBQUM7UUFTbEIsY0FBUyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUM7UUFJbkQsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFDMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBRXpCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3ZDLENBQUM7OEdBM0JVLDRCQUE0QixrQkFnQjdCLGtCQUFrQjtrR0FoQmpCLDRCQUE0Qix1SUNkekMsbU5BT00sdVpES00sWUFBWSxrSUFBRSxlQUFlLDJOQUFFLGlCQUFpQjs7MkZBRS9DLDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDRSx3QkFBd0IsY0FHdEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsQ0FBQzs7MEJBa0J4RCxNQUFNOzJCQUFDLGtCQUFrQjtzRUFGTixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRTbmFja0Jhck1vZHVsZSwgTWF0U25hY2tCYXJSZWYsIE1BVF9TTkFDS19CQVJfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhcic7XG5pbXBvcnQgeyBNYXRlY3VBbGVydFNuYWNrQmFyRGF0YSB9IGZyb20gJy4uLy4uL3R5cGVzL21hdGVjdS1hbGVydC1zbmFja2Jhcic7XG5pbXBvcnQgeyBNYXRlY3VBbGVydEJveFR5cGUgfSBmcm9tICcuLi8uLi90eXBlcy9tYXRlY3UtYWx0ZXJ0LWJveC10eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3UtYWxlcnQtc25hY2stYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LWFsZXJ0LXNuYWNrLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGUsIE1hdFNuYWNrQmFyTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VBbGVydFNuYWNrQmFyQ29tcG9uZW50IHtcblxuICB0aXRsZTogc3RyaW5nO1xuICBtZXNzYWdlOiBzdHJpbmc7XG4gIGFjdGlvbj86IHN0cmluZztcbiAgY2xhc3NOYW1lQmFzZSA9ICdtYXRlY3UtYWxlcnQtc25hY2tiYXInO1xuICBhbGVydENvbG9yITogTWF0ZWN1QWxlcnRCb3hUeXBlO1xuICBnZXQgY29sb3IoKTogTWF0ZWN1QWxlcnRCb3hUeXBlIHtcbiAgICByZXR1cm4gdGhpcy5hbGVydENvbG9yO1xuICB9XG4gIHNldCBjb2xvcih2YWx1ZTogTWF0ZWN1QWxlcnRCb3hUeXBlKSB7XG4gICAgdGhpcy5hbGVydENvbG9yID0gdmFsdWU7XG4gICAgdGhpcy5jbGFzc05hbWUgPSBgJHt0aGlzLmNsYXNzTmFtZUJhc2V9ICR7dGhpcy5jbGFzc05hbWVCYXNlfS0tJHt2YWx1ZX1gO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZUJhc2U7XG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoTUFUX1NOQUNLX0JBUl9EQVRBKSBwdWJsaWMgZGF0YTogTWF0ZWN1QWxlcnRTbmFja0JhckRhdGEsXG4gICAgcHJpdmF0ZSBzbmFja0JhclJlZjogTWF0U25hY2tCYXJSZWY8TWF0ZWN1QWxlcnRTbmFja0JhckNvbXBvbmVudD4pIHtcbiAgICB0aGlzLnRpdGxlID0gZGF0YS50aXRsZTtcbiAgICB0aGlzLm1lc3NhZ2UgPSBkYXRhLm1lc3NhZ2U7XG4gICAgdGhpcy5hY3Rpb24gPSBkYXRhLmFjdGlvbjtcbiAgICB0aGlzLmNvbG9yID0gZGF0YS50eXBlO1xuXG4gIH1cblxuICBkaXNtaXNzKCk6IHZvaWQge1xuICAgIHRoaXMuc25hY2tCYXJSZWYuZGlzbWlzc1dpdGhBY3Rpb24oKTtcbiAgfVxuXG5cbn1cbiIsIjxkaXY+XG4gICAgPHN0cm9uZz57e3RpdGxlfX08L3N0cm9uZz4gJm5ic3A7XG4gICAgPHNwYW4+e3ttZXNzYWdlfX08L3NwYW4+XG48L2Rpdj5cbjxkaXYgKm5nSWY9XCIhIWFjdGlvbj8ubGVuZ3RoXCI+XG5cbiAgICA8YnV0dG9uIG1hdC1idXR0b24gY29sb3I9XCJhY2NlbnRcIiAoY2xpY2spPVwiZGlzbWlzcygpXCI+e3thY3Rpb259fTwvYnV0dG9uPlxuPC9kaXY+Il19

package/esm2022/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 {
+    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}`);
+    }
+    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';
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        if (this.global) {
+            this.spinnerService.watch().pipe(tap(value => this.activeCache = value), takeUntil(this.destroy$)).subscribe();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuSpinnerComponent, deps: [{ token: i1.MatecuSpinnerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", 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: "17.1.1", 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: () => [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS1zcGlubmVyL21hdGVjdS1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3Utc3Bpbm5lci9tYXRlY3Utc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFTaEQsTUFBTSxPQUFPLHNCQUFzQjtJQVFqQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQWEsTUFBTSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLO1lBQ3BCLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUM7WUFDcEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFHRCxZQUNVLGNBQW9DO1FBQXBDLG1CQUFjLEdBQWQsY0FBYyxDQUFzQjtRQXJCdEMsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFDekIsZ0JBQVcsR0FBRyx3QkFBd0IsQ0FBQztRQUN2QyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNOLGNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztRQUMxQyxVQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFhZixTQUFJLEdBQUcsTUFBTSxDQUFDO0lBSW5CLENBQUM7SUFDTCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFDRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQzlCLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDLEVBQ3RDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQ3pCLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDZjtJQUNILENBQUM7OEdBcENVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDZNQ1puQyxpN0ZBa0NlLGtORHhCSCxZQUFZOzsyRkFFWCxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBR2QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDO3lGQU9ELFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFDWCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUlPLE1BQU07c0JBQWxCLEtBQUs7Z0JBU0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBNYXRlY3VTcGlubmVyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21hdGVjdS1zcGlubmVyLnNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXNwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3Utc3Bpbm5lci5jb21wb25lbnQuY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVNwaW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0KCk7XG4gIHByaXZhdGUgaGlkZGVuQ2xhc3MgPSAnbWF0ZWN1LXNwaW5uZXItLWhpZGRlbic7XG4gIHByaXZhdGUgYWN0aXZlQ2FjaGUgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdtYXRlY3Utc3Bpbm5lcic7XG4gIEBJbnB1dCgpIGNvbG9yID0gJyMyMTk2RjMnO1xuICBASW5wdXQoKSBnbG9iYWwgPSBmYWxzZTtcbiAgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hY3RpdmVDYWNoZTtcbiAgfVxuICBASW5wdXQoKSBzZXQgYWN0aXZlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgaWYgKHRoaXMuZ2xvYmFsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYWN0aXZlQ2FjaGUgPSB2YWx1ZTtcbiAgICB0aGlzLmNsYXNzTmFtZSA9IHZhbHVlXG4gICAgICA/IHRoaXMuY2xhc3NOYW1lLnJlcGxhY2UoYCAke3RoaXMuaGlkZGVuQ2xhc3N9YCwgJycpXG4gICAgICA6ICh0aGlzLmNsYXNzTmFtZSArPSBgICR7dGhpcy5oaWRkZW5DbGFzc31gKTtcbiAgfVxuICBASW5wdXQoKSBzaXplID0gJzcwcHgnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc3Bpbm5lclNlcnZpY2U6IE1hdGVjdVNwaW5uZXJTZXJ2aWNlLFxuICApIHsgfVxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZ2xvYmFsKSB7XG4gICAgICB0aGlzLnNwaW5uZXJTZXJ2aWNlLndhdGNoKCkucGlwZShcbiAgICAgICAgdGFwKHZhbHVlID0+IHRoaXMuYWN0aXZlQ2FjaGUgPSB2YWx1ZSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKVxuICAgICAgKS5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJhY3RpdmVcIj5cbiAgICA8c3ZnIHhtbG5zOnN2Zz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgW2F0dHIud2lkdGhdPVwic2l6ZVwiIFthdHRyLmhlaWdodF09XCJzaXplXCJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgdmVyc2lvbj1cIjEuMFwiIHZpZXdCb3g9XCIwIDAgMTI4IDEyOFwiIHhtbDpzcGFjZT1cInByZXNlcnZlXCI+XG4gICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiBmaWxsPVwidHJhbnNwYXJlbnRcIiAvPlxuICAgIDxnPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX18xMDBcIiBkPVwiTTEyMi41IDY5LjI1SDk2LjQ3YTMzLjEgMzMuMSAwIDAgMCAwLTEwLjVoMjYuMDVhNS4yNSA1LjI1IDAgMCAxIDAgMTAuNXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjFcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX18zMFwiIGQ9XCJNMTEyLjA0IDk3LjgzTDg5LjQ3IDg0LjhhMzMuMSAzMy4xIDAgMCAwIDUuMjUtOS4xbDIyLjU3IDEzLjAzYTUuMjUgNS4yNSAwIDAgMS01LjI4IDkuMXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk04OC42OCAxMTcuMzVMNzUuNjUgOTQuNzhhMzMuMSAzMy4xIDAgMCAwIDkuMS01LjI1bDEzLjAyIDIyLjU3YTUuMjUgNS4yNSAwIDEgMS05LjEgNS4yNXpcIlxuICAgICAgICAgICAgW2F0dHIuZmlsbF09XCJjb2xvclwiIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk01OC43IDEyMi41N1Y5Ni41YTMzLjEgMzMuMSAwIDAgMCAxMC41IDB2MjYuMDdhNS4yNSA1LjI1IDAgMCAxLTEwLjUgMHpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk0zMC4xIDExMi4xbDEzLjA0LTIyLjU3YTMzLjEgMzMuMSAwIDAgMCA5LjEgNS4yNUwzOS4yIDExNy4zNWE1LjI1IDUuMjUgMCAxIDEtOS4xLTUuMjV6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjNcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX18zMFwiIGQ9XCJNMTAuNiA4OC43NEwzMy4xNiA3NS43YTMzLjEgMzMuMSAwIDAgMCA1LjI1IDkuMUwxNS44OCA5Ny44M2E1LjI1IDUuMjUgMCAxIDEtNS4yNS05LjF6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjNcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX180MFwiIGQ9XCJNNS4zNyA1OC43NWgyNi4wNmEzMy4xIDMzLjEgMCAwIDAgMCAxMC41SDUuMzdhNS4yNSA1LjI1IDAgMCAxIDAtMTAuNXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuNFwiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzUwXCIgZD1cIk0xNS44NSAzMC4xN0wzOC40IDQzLjJhMzMuMSAzMy4xIDAgMCAwLTUuMjQgOS4xTDEwLjYgMzkuMjVhNS4yNSA1LjI1IDAgMSAxIDUuMjUtOS4xelwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC41XCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fNjBcIiBkPVwiTTM5LjIgMTAuNjVsMTMuMDMgMjIuNTdhMzMuMSAzMy4xIDAgMCAwLTkuMSA1LjI1bC0xMy0yMi41N2E1LjI1IDUuMjUgMCAxIDEgOS4xLTUuMjV6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjZcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX183MFwiIGQ9XCJNNjkuMiA1LjQzVjMxLjVhMzMuMSAzMy4xIDAgMCAwLTEwLjUgMFY1LjQyYTUuMjUgNS4yNSAwIDEgMSAxMC41IDB6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjdcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX184MFwiIGQ9XCJNOTcuNzcgMTUuOUw4NC43NSAzOC40N2EzMy4xIDMzLjEgMCAwIDAtOS4xLTUuMjVsMTMuMDMtMjIuNTdhNS4yNSA1LjI1IDAgMSAxIDkuMSA1LjI1elwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC44XCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fOTBcIiBkPVwiTTExNy4zIDM5LjI2TDk0LjcgNTIuM2EzMy4xIDMzLjEgMCAwIDAtNS4yNS05LjFsMjIuNTctMTMuMDNhNS4yNSA1LjI1IDAgMCAxIDUuMjUgOS4xelwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC45XCIgLz5cbiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT1cInRyYW5zZm9ybVwiIHR5cGU9XCJyb3RhdGVcIlxuICAgICAgICAgICAgdmFsdWVzPVwiMCA2NCA2NDszMCA2NCA2NDs2MCA2NCA2NDs5MCA2NCA2NDsxMjAgNjQgNjQ7MTUwIDY0IDY0OzE4MCA2NCA2NDsyMTAgNjQgNjQ7MjQwIDY0IDY0OzI3MCA2NCA2NDszMDAgNjQgNjQ7MzMwIDY0IDY0XCJcbiAgICAgICAgICAgIGNhbGNNb2RlPVwiZGlzY3JldGVcIiBkdXI9XCI2MDBtc1wiIHJlcGVhdENvdW50PVwiaW5kZWZpbml0ZVwiPjwvYW5pbWF0ZVRyYW5zZm9ybT5cbiAgICA8L2c+XG48L3N2Zz5cbjwvbmctY29udGFpbmVyPiJdfQ==

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

@@ -0,0 +1,18 @@
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MatecuTopbarActionComponent {
+    constructor() {
+        this.className = 'matecu-topbar-action';
+    }
+    ngOnInit() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MatecuTopbarActionComponent, isStandalone: true, selector: "matecu-topbar-action", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{--mtb-bar-height: 64px;--mtb-action-padding: 10px;--mtb-action-margin: 0px}:host,.matecu-topbar-action{height:100%;display:flex;align-items:flex-start;max-height:var(--mtb-bar-height);padding:var(--mtb-action-padding);margin:var(--mtb-action-margin)}:host,:host *,.matecu-topbar-action,.matecu-topbar-action *{box-sizing:border-box;outline:none}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-action', standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{--mtb-bar-height: 64px;--mtb-action-padding: 10px;--mtb-action-margin: 0px}:host,.matecu-topbar-action{height:100%;display:flex;align-items:flex-start;max-height:var(--mtb-bar-height);padding:var(--mtb-action-padding);margin:var(--mtb-action-margin)}:host,:host *,.matecu-topbar-action,.matecu-topbar-action *{box-sizing:border-box;outline:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItYWN0aW9uL21hdGVjdS10b3BiYXItYWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWFjdGlvbi9tYXRlY3UtdG9wYmFyLWFjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFRL0QsTUFBTSxPQUFPLDJCQUEyQjtJQUV0QztRQURzQixjQUFTLEdBQUcsc0JBQXNCLENBQUM7SUFDMUMsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs4R0FKUiwyQkFBMkI7a0dBQTNCLDJCQUEyQixxSUNSeEMsNkJBQ0E7OzJGRE9hLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FHcEIsSUFBSTt3REFHTSxTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LXRvcGJhci1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtdG9wYmFyLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VUb3BiYXJBY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItYWN0aW9uJztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==

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

@@ -0,0 +1,17 @@
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MatecuTopbarBodyComponent {
+    constructor() {
+        this.className = 'matecu-topbar-body';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MatecuTopbarBodyComponent, isStandalone: true, selector: "matecu-topbar-body", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host,.matecu-topbar-body{display:block;padding:var(--mtb-body-padding, 30px);background-color:var(--mtb-body-background, auto);overflow-y:auto;padding-bottom:var(--mtb-body-padding-button, 60px)}:host,:host *,.matecu-topbar-body,.matecu-topbar-body *{box-sizing:border-box;outline:none}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-body', standalone: true, template: "<ng-content></ng-content>", styles: [":host,.matecu-topbar-body{display:block;padding:var(--mtb-body-padding, 30px);background-color:var(--mtb-body-background, auto);overflow-y:auto;padding-bottom:var(--mtb-body-padding-button, 60px)}:host,:host *,.matecu-topbar-body,.matecu-topbar-body *{box-sizing:border-box;outline:none}\n"] }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWJvZHkvbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWJvZHkvbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVF2RCxNQUFNLE9BQU8seUJBQXlCO0lBTnRDO1FBT3dCLGNBQVMsR0FBRyxvQkFBb0IsQ0FBQztLQUN4RDs4R0FGWSx5QkFBeUI7a0dBQXpCLHlCQUF5QixtSUNSdEMsMkJBQXlCOzsyRkRRWix5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBR2xCLElBQUk7OEJBR00sU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLWJvZHknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckJvZHlDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItYm9keSc7XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19

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

@@ -0,0 +1,43 @@
+import { CommonModule } from '@angular/common';
+import { Component, HostBinding, Input } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MatecuTopbarFabComponent {
+    constructor() {
+        this._mobileStyle = false;
+        this.mainClassName = 'matecu-topbar-fab';
+        this.display = true;
+        this.className = this.mainClassName;
+    }
+    get mobileStyle() {
+        return this._mobileStyle;
+    }
+    set mobileStyle(value) {
+        this._mobileStyle = value;
+        this.className = this.className.replace(/mobile-style/g, '').trim();
+        if (this._mobileStyle) {
+            this.className = `${this.className} mobile-style`;
+        }
+    }
+    get color() {
+        return this.display ? 'flex' : 'none';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MatecuTopbarFabComponent, isStandalone: true, selector: "matecu-topbar-fab", inputs: { display: "display", mobileStyle: "mobileStyle" }, host: { properties: { "class": "this.className", "style.display": "this.color" } }, ngImport: i0, template: "<ng-container *ngIf=\"display\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host,.matecu-topbar-fab{display:flex;align-self:flex-end;align-items:flex-start;transform:translateY(50%);transition:all .3s ease-in-out}:host,:host *,.matecu-topbar-fab,.matecu-topbar-fab *{box-sizing:border-box;outline:none}:host.mobile-style,.matecu-topbar-fab.mobile-style{position:absolute;transform:translate(0);bottom:var(--mtb-fab-mobile-bottom-position, 20px);right:var(--mtb-fab-mobile-right-position, 20px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarFabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-fab', standalone: true, imports: [CommonModule, MatButtonModule], template: "<ng-container *ngIf=\"display\">\n  <ng-content></ng-content>\n</ng-container>\n", styles: [":host,.matecu-topbar-fab{display:flex;align-self:flex-end;align-items:flex-start;transform:translateY(50%);transition:all .3s ease-in-out}:host,:host *,.matecu-topbar-fab,.matecu-topbar-fab *{box-sizing:border-box;outline:none}:host.mobile-style,.matecu-topbar-fab.mobile-style{position:absolute;transform:translate(0);bottom:var(--mtb-fab-mobile-bottom-position, 20px);right:var(--mtb-fab-mobile-right-position, 20px)}\n"] }]
+        }], propDecorators: { display: [{
+                type: Input
+            }], mobileStyle: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1mYWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItZmFiL21hdGVjdS10b3BiYXItZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWZhYi9tYXRlY3UtdG9wYmFyLWZhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBUzNELE1BQU0sT0FBTyx3QkFBd0I7SUFQckM7UUFRVSxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixrQkFBYSxHQUFHLG1CQUFtQixDQUFDO1FBQ25DLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFZRixjQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztLQUl0RDtJQWZDLElBQWEsV0FBVztRQUN0QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQWM7UUFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEUsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxlQUFlLENBQUM7U0FDbkQ7SUFDSCxDQUFDO0lBR0QsSUFBa0MsS0FBSztRQUNyQyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3hDLENBQUM7OEdBbEJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDZOQ1hyQyxrRkFHQSw4ZERNWSxZQUFZLGtJQUFFLGVBQWU7OzJGQUU1Qix3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBSy9CLE9BQU87c0JBQWYsS0FBSztnQkFDTyxXQUFXO3NCQUF2QixLQUFLO2dCQVdnQixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBQ2MsS0FBSztzQkFBdEMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLWZhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3UtdG9wYmFyLWZhYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS10b3BiYXItZmFiLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckZhYkNvbXBvbmVudCB7XG4gIHByaXZhdGUgX21vYmlsZVN0eWxlID0gZmFsc2U7XG4gIHByaXZhdGUgbWFpbkNsYXNzTmFtZSA9ICdtYXRlY3UtdG9wYmFyLWZhYic7XG4gIEBJbnB1dCgpIGRpc3BsYXkgPSB0cnVlO1xuICBASW5wdXQoKSBnZXQgbW9iaWxlU3R5bGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX21vYmlsZVN0eWxlO1xuICB9XG4gIHNldCBtb2JpbGVTdHlsZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX21vYmlsZVN0eWxlID0gdmFsdWU7XG4gICAgdGhpcy5jbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZS5yZXBsYWNlKC9tb2JpbGUtc3R5bGUvZywgJycpLnRyaW0oKTtcbiAgICBpZiAodGhpcy5fbW9iaWxlU3R5bGUpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWV9IG1vYmlsZS1zdHlsZWA7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9IHRoaXMubWFpbkNsYXNzTmFtZTtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5kaXNwbGF5JykgZ2V0IGNvbG9yKCkge1xuICAgIHJldHVybiB0aGlzLmRpc3BsYXkgPyAnZmxleCcgOiAnbm9uZSc7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuIl19

package/esm2022/lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component.mjs

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class MatecuTopbarHeaderColumnComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarHeaderColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MatecuTopbarHeaderColumnComponent, isStandalone: true, selector: "matecu-topbar-header-column", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px)}:host[right-row]{justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarHeaderColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-header-column', standalone: true, imports: [CommonModule], template: "<ng-content></ng-content>\n", styles: [":host{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px)}:host[right-row]{justify-content:flex-end}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1jb2x1bW4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1jb2x1bW4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVMvQyxNQUFNLE9BQU8saUNBQWlDOzhHQUFqQyxpQ0FBaUM7a0dBQWpDLGlDQUFpQyx1RkNWOUMsNkJBQ0EsMktES1ksWUFBWTs7MkZBSVgsaUNBQWlDO2tCQVA3QyxTQUFTOytCQUNFLDZCQUE2QixjQUMzQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItaGVhZGVyLWNvbHVtbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckhlYWRlckNvbHVtbkNvbXBvbmVudCB7fVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

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

@@ -0,0 +1,29 @@
+import { Component, HostBinding, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class MatecuTopbarHeaderRowComponent {
+    constructor() {
+        this.display = true;
+        this.className = 'matecu-topbar-header-row';
+    }
+    get color() {
+        return this.display ? 'flex' : 'none';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarHeaderRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MatecuTopbarHeaderRowComponent, isStandalone: true, selector: "matecu-topbar-header-row", inputs: { display: "display" }, host: { properties: { "class": "this.className", "style.display": "this.color" } }, ngImport: i0, template: "<ng-container *ngIf=\"display\">\n  <div\n    class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--left\"\n  >\n    <ng-content select=\"matecu-topbar-header-column[left-column]\"></ng-content>\n  </div>\n\n  <div\n    class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--right\"\n  >\n    <ng-content select=\"matecu-topbar-header-column[right-column]\"></ng-content>\n  </div>\n</ng-container>\n", styles: [":host{--mtb-row-padding: 0px;--mtb-row-margin: 0;--mtb-row-max-width: 100%;--mtb-row-min-width: 320px}:host,.matecu-topbar-header-row{padding:var(--mtb-row-padding);margin:var(--mtb-row-margin);display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;width:100%;height:100%;max-width:var(--mtb-row-max-width);min-width:var(--mtb-row-min-width)}:host,:host *,.matecu-topbar-header-row,.matecu-topbar-header-row *{box-sizing:border-box;outline:none}:host__column,.matecu-topbar-header-row__column{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px);align-items:flex-start}:host__column--right,.matecu-topbar-header-row__column--right{margin-left:auto;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatToolbarModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarHeaderRowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-header-row', standalone: true, imports: [CommonModule, MatToolbarModule], template: "<ng-container *ngIf=\"display\">\n  <div\n    class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--left\"\n  >\n    <ng-content select=\"matecu-topbar-header-column[left-column]\"></ng-content>\n  </div>\n\n  <div\n    class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--right\"\n  >\n    <ng-content select=\"matecu-topbar-header-column[right-column]\"></ng-content>\n  </div>\n</ng-container>\n", styles: [":host{--mtb-row-padding: 0px;--mtb-row-margin: 0;--mtb-row-max-width: 100%;--mtb-row-min-width: 320px}:host,.matecu-topbar-header-row{padding:var(--mtb-row-padding);margin:var(--mtb-row-margin);display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;width:100%;height:100%;max-width:var(--mtb-row-max-width);min-width:var(--mtb-row-min-width)}:host,:host *,.matecu-topbar-header-row,.matecu-topbar-header-row *{box-sizing:border-box;outline:none}:host__column,.matecu-topbar-header-row__column{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px);align-items:flex-start}:host__column--right,.matecu-topbar-header-row__column--right{margin-left:auto;justify-content:flex-end}\n"] }]
+        }], propDecorators: { display: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }], color: [{
+                type: HostBinding,
+                args: ['style.display']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cvbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cvbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQVM3RCxNQUFNLE9BQU8sOEJBQThCO0lBUDNDO1FBUVcsWUFBTyxHQUFHLElBQUksQ0FBQztRQUNGLGNBQVMsR0FBRywwQkFBMEIsQ0FBQztLQUk5RDtJQUhDLElBQWtDLEtBQUs7UUFDckMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN4QyxDQUFDOzhHQUxVLDhCQUE4QjtrR0FBOUIsOEJBQThCLHdNQ1gzQywyYkFhQSxxd0JETlksWUFBWSxrSUFBRSxnQkFBZ0I7OzJGQUk3Qiw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQzs4QkFLaEMsT0FBTztzQkFBZixLQUFLO2dCQUNnQixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBQ2MsS0FBSztzQkFBdEMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItaGVhZGVyLXJvdycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFRvb2xiYXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckhlYWRlclJvd0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRpc3BsYXkgPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItaGVhZGVyLXJvdyc7XG4gIEBIb3N0QmluZGluZygnc3R5bGUuZGlzcGxheScpIGdldCBjb2xvcigpIHtcbiAgICByZXR1cm4gdGhpcy5kaXNwbGF5ID8gJ2ZsZXgnIDogJ25vbmUnO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZGlzcGxheVwiPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbiBtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbi0tbGVmdFwiXG4gID5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1jb2x1bW5bbGVmdC1jb2x1bW5dXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbiBtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbi0tcmlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uW3JpZ2h0LWNvbHVtbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=

package/esm2022/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs

@@ -0,0 +1,112 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, HostBinding, Input, Output, ViewChild, } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { fromEvent, Subject } from 'rxjs';
+import { takeUntil, tap } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+export class MatecuTopbarLayoutComponent {
+    get scrolled() {
+        return this._scrolled;
+    }
+    set scrolled(value) {
+        this._scrolled = value;
+        this.className = this.className.replace(/scrolled/g, '').trim();
+        if (this.scrolled) {
+            this.className = `${this.className} scrolled`;
+        }
+    }
+    get prominent() {
+        return this._prominent;
+    }
+    set prominent(value) {
+        this._prominent = value;
+        this.className = this.className.replace(/prominent/g, '').trim();
+        if (this.prominent) {
+            this.className = `${this.className} prominent`;
+        }
+    }
+    constructor(elementRef, changeDetector, zone) {
+        this.elementRef = elementRef;
+        this.changeDetector = changeDetector;
+        this.zone = zone;
+        this._scrolled = false;
+        this._prominent = false;
+        this.destroy$ = new Subject();
+        this.mobileStyle = false;
+        this.mobileStyleChange = new EventEmitter();
+        this.mobileWidth = 768;
+        this.whenResize = new EventEmitter();
+        this.className = 'matecu-topbar-layout';
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    spyScroll(scrollabe) {
+        if (!scrollabe) {
+            return;
+        }
+        const maxScrollHeight = scrollabe.scrollHeight;
+        const scrollableHeight = scrollabe.clientHeight;
+        if (scrollableHeight > maxScrollHeight) {
+            return;
+        }
+        const scrollPosition = scrollabe.scrollTop;
+        this.scrolled = scrollPosition > 20;
+    }
+    ngAfterViewInit() {
+        const layoutElement = this.elementRef.nativeElement;
+        const resizeObserver = new ResizeObserver(() => {
+            const width = layoutElement?.clientWidth;
+            if (!width) {
+                return;
+            }
+            this.mobileStyle = width <= this.mobileWidth;
+            this.zone.run(() => {
+                this.mobileStyleChange.emit(this.mobileStyle);
+                this.whenResize.emit(width);
+            });
+        });
+        resizeObserver.observe(layoutElement);
+        this.destroy$.pipe(tap(() => resizeObserver.disconnect())).subscribe();
+        if (this.bodyElement) {
+            fromEvent(this.bodyElement.nativeElement, 'scroll')
+                .pipe(tap(() => this.spyScroll(this.bodyElement?.nativeElement)), takeUntil(this.destroy$))
+                .subscribe();
+        }
+    }
+    scrollTop() {
+        if (!this.bodyElement) {
+            return;
+        }
+        this.bodyElement.nativeElement.scroll({
+            top: 0,
+            behavior: 'smooth',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarLayoutComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MatecuTopbarLayoutComponent, isStandalone: true, selector: "matecu-topbar-layout", inputs: { mobileStyle: "mobileStyle", mobileWidth: "mobileWidth", prominent: "prominent" }, outputs: { mobileStyleChange: "mobileStyleChange", whenResize: "whenResize" }, host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "bodyElement", first: true, predicate: ["mtbBody"], descendants: true }], ngImport: i0, template: "<div class=\"matecu-topbar-layout__bar\">\n  <ng-content select=\"matecu-topbar-header-row[first-row]\"></ng-content>\n  <ng-content select=\"matecu-topbar-header-row[second-row]\"></ng-content>\n</div>\n<div class=\"matecu-topbar-layout__body\" #mtbBody>\n  <ng-content select=\"matecu-topbar-body\"></ng-content>\n</div>\n", styles: [":host,.matecu-topbar-layout{position:relative;display:grid;grid-template-rows:auto 1fr;box-sizing:border-box;border:var(--mtb-border, none);margin:var(--mtb-margin, 0px);padding:0;width:var(--mtb-width, 100%);height:var(--mtb-height, 100vh);overflow:hidden}:host *,.matecu-topbar-layout *{box-sizing:border-box}:host__bar,.matecu-topbar-layout__bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--mtb-primary-color, #3f51b5);color:var(--mtb-bar-color, #fff);width:100%;padding:0;margin:0;min-height:var(--mtb-bar-height, 64px);transition:all .3s}:host__body,.matecu-topbar-layout__body{padding:0;margin:0;overflow-y:auto}:host.prominent .matecu-topbar-layout__bar,.matecu-topbar-layout.prominent .matecu-topbar-layout__bar{min-height:var(--mtb-bar-prominent-height, 128px)}:host.scrolled .matecu-topbar-layout__bar,.matecu-topbar-layout.scrolled .matecu-topbar-layout__bar{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;min-height:var(--mtb-bar-height, 64px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MatecuTopbarLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matecu-topbar-layout', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatToolbarModule], template: "<div class=\"matecu-topbar-layout__bar\">\n  <ng-content select=\"matecu-topbar-header-row[first-row]\"></ng-content>\n  <ng-content select=\"matecu-topbar-header-row[second-row]\"></ng-content>\n</div>\n<div class=\"matecu-topbar-layout__body\" #mtbBody>\n  <ng-content select=\"matecu-topbar-body\"></ng-content>\n</div>\n", styles: [":host,.matecu-topbar-layout{position:relative;display:grid;grid-template-rows:auto 1fr;box-sizing:border-box;border:var(--mtb-border, none);margin:var(--mtb-margin, 0px);padding:0;width:var(--mtb-width, 100%);height:var(--mtb-height, 100vh);overflow:hidden}:host *,.matecu-topbar-layout *{box-sizing:border-box}:host__bar,.matecu-topbar-layout__bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--mtb-primary-color, #3f51b5);color:var(--mtb-bar-color, #fff);width:100%;padding:0;margin:0;min-height:var(--mtb-bar-height, 64px);transition:all .3s}:host__body,.matecu-topbar-layout__body{padding:0;margin:0;overflow-y:auto}:host.prominent .matecu-topbar-layout__bar,.matecu-topbar-layout.prominent .matecu-topbar-layout__bar{min-height:var(--mtb-bar-prominent-height, 128px)}:host.scrolled .matecu-topbar-layout__bar,.matecu-topbar-layout.scrolled .matecu-topbar-layout__bar{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;min-height:var(--mtb-bar-height, 64px)}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { mobileStyle: [{
+                type: Input
+            }], mobileStyleChange: [{
+                type: Output
+            }], mobileWidth: [{
+                type: Input
+            }], whenResize: [{
+                type: Output
+            }], prominent: [{
+                type: Input
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }], bodyElement: [{
+                type: ViewChild,
+                args: ['mtbBody']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItbGF5b3V0L21hdGVjdS10b3BiYXItbGF5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWxheW91dC9tYXRlY3UtdG9wYmFyLWxheW91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUdMLFNBQVMsRUFFVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFHTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFRaEQsTUFBTSxPQUFPLDJCQUEyQjtJQUd0QyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDaEUsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxXQUFXLENBQUM7U0FDL0M7SUFDSCxDQUFDO0lBTUQsSUFBYSxTQUFTO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBSSxTQUFTLENBQUMsS0FBYztRQUMxQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztRQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNqRSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLFlBQVksQ0FBQztTQUNoRDtJQUNILENBQUM7SUFJRCxZQUNVLFVBQXNCLEVBQ3RCLGNBQWlDLEVBQ2pDLElBQVk7UUFGWixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLG1CQUFjLEdBQWQsY0FBYyxDQUFtQjtRQUNqQyxTQUFJLEdBQUosSUFBSSxDQUFRO1FBakNkLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQVduQixhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQUM5QixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNuQixzQkFBaUIsR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFDO1FBQ2pELGdCQUFXLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBVzVCLGNBQVMsR0FBRyxzQkFBc0IsQ0FBQztJQU90RCxDQUFDO0lBQ0osV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBQ08sU0FBUyxDQUFDLFNBQXNCO1FBQ3RDLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDZCxPQUFPO1NBQ1I7UUFDRCxNQUFNLGVBQWUsR0FBRyxTQUFTLENBQUMsWUFBWSxDQUFDO1FBQy9DLE1BQU0sZ0JBQWdCLEdBQUcsU0FBUyxDQUFDLFlBQVksQ0FBQztRQUNoRCxJQUFJLGdCQUFnQixHQUFHLGVBQWUsRUFBRTtZQUN0QyxPQUFPO1NBQ1I7UUFDRCxNQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsU0FBUyxDQUFDO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsY0FBYyxHQUFHLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBQ0QsZUFBZTtRQUNiLE1BQU0sYUFBYSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDO1FBQ3BELE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFDLEdBQUcsRUFBRTtZQUM3QyxNQUFNLEtBQUssR0FBRyxhQUFhLEVBQUUsV0FBVyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxLQUFLLEVBQUU7Z0JBQ1YsT0FBTzthQUNSO1lBQ0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQztZQUM3QyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO2dCQUM5QyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM5QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ0gsY0FBYyxDQUFDLE9BQU8sQ0FBQyxhQUFjLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQztRQUN2RSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDcEIsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxFQUFFLFFBQVEsQ0FBQztpQkFDaEQsSUFBSSxDQUNILEdBQUcsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsYUFBYyxDQUFDLENBQUMsRUFDM0QsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FDekI7aUJBQ0EsU0FBUyxFQUFFLENBQUM7U0FDaEI7SUFDSCxDQUFDO0lBQ0QsU0FBUztRQUNQLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQztZQUNwQyxHQUFHLEVBQUUsQ0FBQztZQUNOLFFBQVEsRUFBRSxRQUFRO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBcEZVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLHdaQzFCeEMsc1VBT0EsNmtDRGlCWSxZQUFZLDhCQUFFLGVBQWUsOEJBQUUsYUFBYSw4QkFBRSxnQkFBZ0I7OzJGQUU3RCwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBR3BCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixDQUFDO29JQWdCaEUsV0FBVztzQkFBbkIsS0FBSztnQkFDSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0UsV0FBVztzQkFBbkIsS0FBSztnQkFDSSxVQUFVO3NCQUFuQixNQUFNO2dCQUNNLFNBQVM7c0JBQXJCLEtBQUs7Z0JBVWdCLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFDRSxXQUFXO3NCQUFoQyxTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbGJhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRUb29sYmFyTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1VG9wYmFyTGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBfc2Nyb2xsZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBfcHJvbWluZW50ID0gZmFsc2U7XG4gIGdldCBzY3JvbGxlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fc2Nyb2xsZWQ7XG4gIH1cbiAgc2V0IHNjcm9sbGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2Nyb2xsZWQgPSB2YWx1ZTtcbiAgICB0aGlzLmNsYXNzTmFtZSA9IHRoaXMuY2xhc3NOYW1lLnJlcGxhY2UoL3Njcm9sbGVkL2csICcnKS50cmltKCk7XG4gICAgaWYgKHRoaXMuc2Nyb2xsZWQpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWV9IHNjcm9sbGVkYDtcbiAgICB9XG4gIH1cbiAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIEBJbnB1dCgpIG1vYmlsZVN0eWxlID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBtb2JpbGVTdHlsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQElucHV0KCkgbW9iaWxlV2lkdGggPSA3Njg7XG4gIEBPdXRwdXQoKSB3aGVuUmVzaXplID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBJbnB1dCgpIGdldCBwcm9taW5lbnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3Byb21pbmVudDtcbiAgfVxuICBzZXQgcHJvbWluZW50KHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fcHJvbWluZW50ID0gdmFsdWU7XG4gICAgdGhpcy5jbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZS5yZXBsYWNlKC9wcm9taW5lbnQvZywgJycpLnRyaW0oKTtcbiAgICBpZiAodGhpcy5wcm9taW5lbnQpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWV9IHByb21pbmVudGA7XG4gICAgfVxuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnbWF0ZWN1LXRvcGJhci1sYXlvdXQnO1xuICBAVmlld0NoaWxkKCdtdGJCb2R5JykgYm9keUVsZW1lbnQ/OiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHpvbmU6IE5nWm9uZVxuICApIHt9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuICBwcml2YXRlIHNweVNjcm9sbChzY3JvbGxhYmU6IEhUTUxFbGVtZW50KSB7XG4gICAgaWYgKCFzY3JvbGxhYmUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgbWF4U2Nyb2xsSGVpZ2h0ID0gc2Nyb2xsYWJlLnNjcm9sbEhlaWdodDtcbiAgICBjb25zdCBzY3JvbGxhYmxlSGVpZ2h0ID0gc2Nyb2xsYWJlLmNsaWVudEhlaWdodDtcbiAgICBpZiAoc2Nyb2xsYWJsZUhlaWdodCA+IG1heFNjcm9sbEhlaWdodCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBzY3JvbGxQb3NpdGlvbiA9IHNjcm9sbGFiZS5zY3JvbGxUb3A7XG4gICAgdGhpcy5zY3JvbGxlZCA9IHNjcm9sbFBvc2l0aW9uID4gMjA7XG4gIH1cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGxheW91dEVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICBjb25zdCB3aWR0aCA9IGxheW91dEVsZW1lbnQ/LmNsaWVudFdpZHRoO1xuICAgICAgaWYgKCF3aWR0aCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB0aGlzLm1vYmlsZVN0eWxlID0gd2lkdGggPD0gdGhpcy5tb2JpbGVXaWR0aDtcbiAgICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgICB0aGlzLm1vYmlsZVN0eWxlQ2hhbmdlLmVtaXQodGhpcy5tb2JpbGVTdHlsZSk7XG4gICAgICAgIHRoaXMud2hlblJlc2l6ZS5lbWl0KHdpZHRoKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICAgIHJlc2l6ZU9ic2VydmVyLm9ic2VydmUobGF5b3V0RWxlbWVudCEpO1xuICAgIHRoaXMuZGVzdHJveSQucGlwZSh0YXAoKCkgPT4gcmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpKSkuc3Vic2NyaWJlKCk7XG4gICAgaWYgKHRoaXMuYm9keUVsZW1lbnQpIHtcbiAgICAgIGZyb21FdmVudCh0aGlzLmJvZHlFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdzY3JvbGwnKVxuICAgICAgICAucGlwZShcbiAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5zcHlTY3JvbGwodGhpcy5ib2R5RWxlbWVudD8ubmF0aXZlRWxlbWVudCEpKSxcbiAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JClcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG4gIHNjcm9sbFRvcCgpIHtcbiAgICBpZiAoIXRoaXMuYm9keUVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5ib2R5RWxlbWVudC5uYXRpdmVFbGVtZW50LnNjcm9sbCh7XG4gICAgICB0b3A6IDAsXG4gICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWxheW91dF9fYmFyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGVjdS10b3BiYXItaGVhZGVyLXJvd1tmaXJzdC1yb3ddXCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dbc2Vjb25kLXJvd11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWxheW91dF9fYm9keVwiICNtdGJCb2R5PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWJvZHlcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==