angular-matecu 4.0.0 → 4.0.2

package/fesm2022/angular-matecu.mjs

@@ -1,735 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Component, HostBinding, Input, NgModule, EventEmitter, Output, ViewChild, Inject } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { BehaviorSubject, Subject, fromEvent } from 'rxjs';
-import { tap, takeUntil, map, debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import * as i3$1 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i3 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i2 from '@angular/forms';
-import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1$1 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
-import * as i1$2 from '@angular/material/snack-bar';
-import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
-
-class MatecuSpinnerService {
-    constructor() {
-        this.active$ = new BehaviorSubject(false);
-        this.requestsKeys = [];
-    }
-    watch() {
-        return this.active$.pipe();
-    }
-    add(customKey) {
-        const key = (typeof (customKey) === 'string' && customKey.length > 0) ? customKey : this.createKey();
-        this.requestsKeys.push(key);
-        this.updateStatus();
-        return key;
-    }
-    remove(key) {
-        this.requestsKeys = this.requestsKeys.filter((requestKey) => requestKey !== key);
-        this.updateStatus();
-    }
-    clear() {
-        this.requestsKeys = [];
-        this.updateStatus();
-    }
-    updateStatus() {
-        const active = this.requestsKeys.length > 0;
-        this.active$.next(active);
-    }
-    createKey() {
-        const time = new Date().getTime();
-        const complement = Math.random();
-        return `${time}__${complement}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-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: "16.2.8", ngImport: i0, type: MatecuSpinnerComponent, deps: [{ token: MatecuSpinnerService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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: MatecuSpinnerService }]; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }], color: [{
-                type: Input
-            }], global: [{
-                type: Input
-            }], active: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });
-
-class MatecuSpinnerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, imports: [CommonModule, MatecuSpinnerComponent], exports: [MatecuSpinnerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, imports: [CommonModule, MatecuSpinnerComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        CommonModule, MatecuSpinnerComponent
-                    ],
-                    exports: [
-                        MatecuSpinnerComponent
-                    ]
-                }]
-        }] });
-
-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: "16.2.8", 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: "16.2.8", 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: "16.2.8", 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: function () { return [{ 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']
-            }] } });
-
-class MatecuTopbarTitleComponent {
-    constructor() {
-        this.className = 'matecu-topbar-title';
-    }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarTitleComponent, isStandalone: true, selector: "matecu-topbar-title", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}:host,.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}:host,:host *,.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}:host input,.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}:host input::placeholder,.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}:host input:focus,.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}:host__icon,.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}:host__icon--search,.matecu-topbar-search__icon--search{left:6px}:host__icon--clear,.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matecu-topbar-title', standalone: true, template: "<ng-content></ng-content>", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}:host,.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}:host,:host *,.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}:host input,.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}:host input::placeholder,.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}:host input:focus,.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}:host__icon,.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}:host__icon--search,.matecu-topbar-search__icon--search{left:6px}:host__icon--clear,.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class MatecuTopbarBodyComponent {
-    constructor() {
-        this.className = 'matecu-topbar-body';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.8", 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']
-            }] } });
-
-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: "16.2.8", ngImport: i0, type: MatecuTopbarFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.8", 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']
-            }] } });
-
-class MatecuTopbarSearchComponent {
-    constructor() {
-        this.hasValue = false;
-        this.activeMobileSearch = false;
-        this.inputCtrl = new FormControl('');
-        this._value = '';
-        this._mobileStyle = false;
-        this.destroy$ = new Subject();
-        this.display = true;
-        this.placeholder = '';
-        this.delyValueChanges = 300; // valor en milisegundos
-        this.valueChange = new EventEmitter();
-        this.className = 'matecu-topbar-search';
-    }
-    get value() {
-        return this._value;
-    }
-    set value(v) {
-        this._value = v;
-        this.inputCtrl.setValue(v);
-    }
-    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';
-    }
-    ngOnInit() {
-        this.inputCtrl.valueChanges
-            .pipe(map((value) => value ?? ''), tap(this.updateHasValueFn()), debounceTime(this.delyValueChanges), distinctUntilChanged(), tap((value) => this.valueChange.emit(value)), takeUntil(this.destroy$))
-            .subscribe();
-    }
-    toggleActiveMobildeSearch() {
-        this.activeMobileSearch = !this.activeMobileSearch;
-    }
-    clearSearch() {
-        this.inputCtrl.setValue('');
-        this.activeMobileSearch = false;
-    }
-    updateHasValueFn() {
-        return (value) => {
-            this.hasValue = value.length > 0;
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarSearchComponent, isStandalone: true, selector: "matecu-topbar-search", inputs: { display: "display", placeholder: "placeholder", delyValueChanges: "delyValueChanges", value: "value", mobileStyle: "mobileStyle" }, outputs: { valueChange: "valueChange" }, host: { properties: { "className": "this.className", "style.display": "this.color" } }, ngImport: i0, template: "<ng-container *ngIf=\"display\">\n  <button\n    class=\"matecu-topbar-search-mobile-only\"\n    [ngClass]=\"{ 'mobile-style': mobileStyle }\"\n    (click)=\"toggleActiveMobildeSearch()\"\n  >\n    <mat-icon>search</mat-icon>\n  </button>\n  <div\n    class=\"matecu-topbar-search\"\n    [ngClass]=\"{\n      'mobile-style': mobileStyle,\n      'active-mobile': activeMobileSearch\n    }\"\n  >\n    <span class=\"matecu-topbar-search__icon matecu-topbar-search__icon--search\">\n      <mat-icon>search</mat-icon>\n    </span>\n    <ng-container *ngIf=\"hasValue || mobileStyle\">\n      <button\n        class=\"matecu-topbar-search__icon matecu-topbar-search__icon--clear\"\n        (click)=\"clearSearch()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </ng-container>\n    <input type=\"text\" [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" />\n  </div>\n</ng-container>\n", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}.matecu-topbar-search__icon--search{left:6px}.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarSearchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matecu-topbar-search', standalone: true, imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatIconModule,
-                        MatButtonModule,
-                    ], template: "<ng-container *ngIf=\"display\">\n  <button\n    class=\"matecu-topbar-search-mobile-only\"\n    [ngClass]=\"{ 'mobile-style': mobileStyle }\"\n    (click)=\"toggleActiveMobildeSearch()\"\n  >\n    <mat-icon>search</mat-icon>\n  </button>\n  <div\n    class=\"matecu-topbar-search\"\n    [ngClass]=\"{\n      'mobile-style': mobileStyle,\n      'active-mobile': activeMobileSearch\n    }\"\n  >\n    <span class=\"matecu-topbar-search__icon matecu-topbar-search__icon--search\">\n      <mat-icon>search</mat-icon>\n    </span>\n    <ng-container *ngIf=\"hasValue || mobileStyle\">\n      <button\n        class=\"matecu-topbar-search__icon matecu-topbar-search__icon--clear\"\n        (click)=\"clearSearch()\"\n      >\n        <mat-icon>close</mat-icon>\n      </button>\n    </ng-container>\n    <input type=\"text\" [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" />\n  </div>\n</ng-container>\n", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}.matecu-topbar-search__icon--search{left:6px}.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"] }]
-        }], propDecorators: { display: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], delyValueChanges: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], mobileStyle: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], className: [{
-                type: HostBinding
-            }], color: [{
-                type: HostBinding,
-                args: ['style.display']
-            }] } });
-
-class MatecuTopbarActionComponent {
-    constructor() {
-        this.className = 'matecu-topbar-action';
-    }
-    ngOnInit() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.8", 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: function () { return []; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-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: "16.2.8", ngImport: i0, type: MatecuTopbarHeaderRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.8", 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']
-            }] } });
-
-class MatecuTopbarHeaderColumnComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarHeaderColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: "16.2.8", 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"] }]
-        }] });
-
-class MatecuTopbarLayoutModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarLayoutModule, imports: [CommonModule,
-            MatToolbarModule,
-            MatIconModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatButtonModule,
-            MatecuTopbarLayoutComponent,
-            MatecuTopbarTitleComponent,
-            MatecuTopbarBodyComponent,
-            MatecuTopbarFabComponent,
-            MatecuTopbarSearchComponent,
-            MatecuTopbarActionComponent,
-            MatecuTopbarHeaderRowComponent,
-            MatecuTopbarHeaderColumnComponent], exports: [MatecuTopbarLayoutComponent,
-            MatecuTopbarTitleComponent,
-            MatecuTopbarBodyComponent,
-            MatecuTopbarFabComponent,
-            MatecuTopbarSearchComponent,
-            MatecuTopbarActionComponent,
-            MatecuTopbarHeaderRowComponent,
-            MatecuTopbarHeaderColumnComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarLayoutModule, imports: [CommonModule,
-            MatToolbarModule,
-            MatIconModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatButtonModule,
-            MatecuTopbarLayoutComponent,
-            MatecuTopbarFabComponent,
-            MatecuTopbarSearchComponent,
-            MatecuTopbarHeaderRowComponent,
-            MatecuTopbarHeaderColumnComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarLayoutModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        CommonModule,
-                        MatToolbarModule,
-                        MatIconModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatButtonModule,
-                        MatecuTopbarLayoutComponent,
-                        MatecuTopbarTitleComponent,
-                        MatecuTopbarBodyComponent,
-                        MatecuTopbarFabComponent,
-                        MatecuTopbarSearchComponent,
-                        MatecuTopbarActionComponent,
-                        MatecuTopbarHeaderRowComponent,
-                        MatecuTopbarHeaderColumnComponent,
-                    ],
-                    exports: [
-                        MatecuTopbarLayoutComponent,
-                        MatecuTopbarTitleComponent,
-                        MatecuTopbarBodyComponent,
-                        MatecuTopbarFabComponent,
-                        MatecuTopbarSearchComponent,
-                        MatecuTopbarActionComponent,
-                        MatecuTopbarHeaderRowComponent,
-                        MatecuTopbarHeaderColumnComponent,
-                    ],
-                }]
-        }] });
-
-var MatecuAlertBoxType;
-(function (MatecuAlertBoxType) {
-    MatecuAlertBoxType["warning"] = "warning";
-    MatecuAlertBoxType["success"] = "success";
-    MatecuAlertBoxType["danger"] = "danger";
-    MatecuAlertBoxType["info"] = "info";
-})(MatecuAlertBoxType || (MatecuAlertBoxType = {}));
-
-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: "16.2.8", ngImport: i0, type: MatecuAlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", 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']
-            }] } });
-
-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: "16.2.8", ngImport: i0, type: MatecuAlertDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$1.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$1.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: "16.2.8", 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$1.MatDialogRef }]; } });
-
-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: "16.2.8", ngImport: i0, type: MatecuAlertSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$2.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", 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: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.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: "16.2.8", 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$2.MatSnackBarRef }]; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-class MatecuAlertBoxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent], exports: [MatecuAlertBoxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent],
-                    exports: [MatecuAlertBoxComponent]
-                }]
-        }] });
-
-class MatecuSnackBarService {
-    constructor(snackBar) {
-        this.snackBar = snackBar;
-    }
-    openError(error, title, action, config) {
-        const message = this.getErrorMessage(error);
-        const titleStr = title || 'ERROR';
-        const type = MatecuAlertBoxType.danger;
-        return this.openAlert(message, titleStr, type, action, config);
-    }
-    openSuccess(message, title, action, config) {
-        const titleStr = title || 'OK';
-        const type = MatecuAlertBoxType.success;
-        return this.openAlert(message, titleStr, type, action, config);
-    }
-    openWarning(message, title, action, config) {
-        const titleStr = title || 'WARNING';
-        const type = MatecuAlertBoxType.warning;
-        return this.openAlert(message, titleStr, type, action, config);
-    }
-    openInfo(message, title, action, config) {
-        const titleStr = title || 'INFO';
-        const type = MatecuAlertBoxType.info;
-        return this.openAlert(message, titleStr, type, action, config);
-    }
-    open(message, action, config) {
-        return this.snackBar.open(message, action, config);
-    }
-    dismiss() {
-        this.snackBar.dismiss();
-    }
-    openAlert(message, title, type, action, config) {
-        const data = {
-            message,
-            title,
-            action,
-            type
-        };
-        const dialogConfig = { ...config, data };
-        return this.snackBar.openFromComponent(MatecuAlertSnackBarComponent, dialogConfig);
-    }
-    getErrorMessage(err) {
-        const error = new Error();
-        if (typeof err === 'string') {
-            return err;
-        }
-        if (err instanceof Error) {
-            return err.message;
-        }
-        return '';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSnackBarService, deps: [{ token: i1$2.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSnackBarService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSnackBarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.MatSnackBar }]; } });
-
-/*
- * Public API Surface of angular-matecu
- */
-/**
- *  spinner
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MatecuAlertBoxComponent, MatecuAlertBoxModule, MatecuAlertBoxType, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent, MatecuSnackBarService, MatecuSpinnerComponent, MatecuSpinnerModule, MatecuSpinnerService, MatecuTopbarActionComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent, MatecuTopbarHeaderColumnComponent, MatecuTopbarHeaderRowComponent, MatecuTopbarLayoutComponent, MatecuTopbarLayoutModule, MatecuTopbarSearchComponent, MatecuTopbarTitleComponent };
-//# sourceMappingURL=angular-matecu.mjs.map