angular-matecu 1.0.4

package/fesm2015/angular-matecu.js

@@ -0,0 +1,489 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, HostBinding, Input, NgModule, EventEmitter, Output, Inject } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject, Subject, of, fromEvent } from 'rxjs';
+import { tap, takeUntil, map } from 'rxjs/operators';
+import * as i5 from '@angular/forms';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/material/toolbar';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import * as i2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+
+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}`;
+    }
+}
+MatecuSpinnerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MatecuSpinnerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class MatecuSpinnerComponent {
+    constructor(spinnerService) {
+        this.spinnerService = spinnerService;
+        this.destroy$ = new Subject();
+        this.hiddenClass = 'matecu-spinner--hidden';
+        this.activeCache = false;
+        this.className = 'matecu-spinner';
+        this.color = '#2196F3';
+        this.global = false;
+        this.size = '70px';
+    }
+    get active() {
+        return this.activeCache;
+    }
+    set active(value) {
+        if (this.global) {
+            return;
+        }
+        this.activeCache = value;
+        this.className = value
+            ? this.className.replace(` ${this.hiddenClass}`, '')
+            : (this.className += ` ${this.hiddenClass}`);
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    ngOnInit() {
+        if (this.global) {
+            this.spinnerService.watch().pipe(tap(value => this.activeCache = value), takeUntil(this.destroy$)).subscribe();
+        }
+    }
+}
+MatecuSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerComponent, deps: [{ token: MatecuSpinnerService }], target: i0.ɵɵFactoryTarget.Component });
+MatecuSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuSpinnerComponent, 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}"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-spinner',
+                    templateUrl: './matecu-spinner.component.html',
+                    styleUrls: ['./matecu-spinner.component.css']
+                }]
+        }], 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 {
+}
+MatecuSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MatecuSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerModule, declarations: [MatecuSpinnerComponent], imports: [CommonModule], exports: [MatecuSpinnerComponent] });
+MatecuSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuSpinnerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatecuSpinnerComponent],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [
+                        MatecuSpinnerComponent
+                    ]
+                }]
+        }] });
+
+class MatecuTopbarLayoutComponent {
+    constructor() {
+        this.className = 'matecu-topbar-layout';
+        this.showSearchInput = false;
+        this.search = false;
+        this.searchInput = new FormControl();
+        this.isProminent = false;
+        this.scrollingClass = 'matecu-topbar-layout--scrolling';
+        this.prominentClass = 'matecu-topbar-layout--prominent';
+        this.searchPlaceholder = 'Buscar';
+        this.color = 'primary';
+        this.navMenu = true;
+        this.actionMenu = false;
+        this.clickNavMenu = new EventEmitter();
+        this.clickActionMenu = new EventEmitter();
+    }
+    set prominent(value) {
+        this.isProminent = value;
+        if (value) {
+            this.className += ' ' + this.prominentClass;
+        }
+        else {
+            const regex = new RegExp(this.prominentClass, 'ig');
+            this.className = this.className.replace(regex, '').trim();
+        }
+    }
+    set searchControl(value) {
+        if (!!value) {
+            this.searchInput = value;
+            this.search = true;
+        }
+        else {
+            this.searchInput = new FormControl();
+            this.search = false;
+        }
+    }
+    ngOnInit() {
+        this.spyScroll().subscribe();
+    }
+    toogleSearch() {
+        this.showSearchInput = !this.showSearchInput;
+    }
+    closeSearch() {
+        this.showSearchInput = false;
+        this.searchInput.reset();
+    }
+    onMenuClick() {
+    }
+    onClickNavMenu() {
+        this.clickNavMenu.emit();
+    }
+    onClickActionMenu() {
+        this.clickActionMenu.emit();
+    }
+    spyScroll() {
+        const scrollabe = document.querySelector('.matecu-topbar-layout__body');
+        if (!scrollabe) {
+            return of(null);
+        }
+        return fromEvent(scrollabe, 'scroll').pipe(tap(() => this.applyScrollStyles(scrollabe)), map(() => scrollabe));
+    }
+    applyScrollStyles(scrollabe) {
+        if (!scrollabe) {
+            return;
+        }
+        const scrollPosition = scrollabe.scrollTop;
+        if (scrollPosition > 30) {
+            this.className += ' ' + this.scrollingClass;
+        }
+        if (scrollPosition < 10) {
+            const regexp = new RegExp(this.scrollingClass, 'ig');
+            this.className = this.className.replace(regexp, '').trim();
+        }
+    }
+}
+MatecuTopbarLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarLayoutComponent, selector: "matecu-topbar-layout", inputs: { searchPlaceholder: "searchPlaceholder", color: "color", navMenu: "navMenu", actionMenu: "actionMenu", prominent: "prominent", searchControl: "searchControl" }, outputs: { clickNavMenu: "clickNavMenu", clickActionMenu: "clickActionMenu" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div>\n    <mat-toolbar [color]=\"color\">\n            <div *ngIf=\"navMenu\">\n              <button\n                mat-icon-button\n                type=\"button\"\n                (click)=\"onClickNavMenu()\"\n              >\n                <mat-icon>menu</mat-icon>\n              </button>\n            </div>\n            <div class=\"matecu-topbar-layout__fab\">\n              <ng-content select=\"matecu-topbar-fab\"></ng-content>\n            </div>\n            <div class=\"matecu-topbar-layout__title\">\n              <ng-content select=\"matecu-topbar-title\"></ng-content>\n            </div>\n          \n            <div *ngIf=\"search\">\n              <button type=\"button\" (click)=\"toogleSearch()\" mat-icon-button>\n                <mat-icon>search</mat-icon>\n              </button>\n            </div>\n            \n            <div *ngIf=\"actionMenu\">\n              <button type=\"button\" (click)=\"onClickActionMenu()\" mat-icon-button>\n                <mat-icon>more_vert</mat-icon>\n              </button>\n            </div>\n           \n            <div\n              class=\"matecu-topbar-layout__search\"\n              [ngClass]=\"{ active: showSearchInput }\"\n            >\n              <input\n                type=\"text\"\n                [formControl]=\"searchInput\"\n                [placeholder]=\"searchPlaceholder\"\n              />\n              <button mat-icon-button type=\"button\"  (click)=\"closeSearch()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n    </mat-toolbar>\n  \n  \n</div>\n<div class=\"matecu-topbar-layout__body\" >\n  <ng-content select=\"matecu-topbar-body\"></ng-content>\n</div>\n", styles: [".matecu-topbar-layout,:host{display:grid;height:100vh;grid-template-rows:auto 1fr;position:relative;overflow:hidden}.matecu-topbar-layout,.matecu-topbar-layout *,:host,:host *{box-sizing:border-box}.matecu-topbar-layout mat-toolbar,:host mat-toolbar{position:relative;height:64px;max-height:64px;transition:all .3s}.matecu-topbar-layout mat-toolbar>div,:host mat-toolbar>div{display:flex;align-items:flex-start;min-height:100%}.matecu-topbar-layout__title,:host__title{margin-right:auto;height:100%;padding-left:10px;align-items:center!important}.matecu-topbar-layout__fab,:host__fab{z-index:1;height:100%;display:flex;align-items:flex-end!important}@media screen and (max-width:425px){.matecu-topbar-layout__fab,:host__fab{position:fixed;bottom:20px;right:20px;height:auto!important;min-height:auto!important}}.matecu-topbar-layout__search,:host__search{position:absolute;top:0;left:0;width:100%;transform:translateY(-110%);overflow:hidden;transition:transform .2s ease-in-out;display:flex;align-items:center!important;height:64px;min-height:64px!important;box-shadow:0 4px 8px #00000080}.matecu-topbar-layout__search input,:host__search input{position:absolute;display:block;top:0;left:0;width:100%;bottom:0;padding:0 50px 0 10px;border:none;border-bottom:1px solid #ccc}.matecu-topbar-layout__search button,:host__search button{z-index:2;position:absolute;right:10px;color:#000}.matecu-topbar-layout__search.active,:host__search.active{transform:translateY(0)}.matecu-topbar-layout__body,:host__body{padding-top:50px;padding-bottom:50px;overflow-y:auto}:host.matecu-topbar-layout--prominent .mat-toolbar{height:128px;max-height:128px;align-items:flex-start}:host.matecu-topbar-layout--scrolling .mat-toolbar{height:64px!important;max-height:64px!important;align-items:center!important;box-shadow:0 4px 8px #00000080}"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarLayoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-topbar-layout',
+                    templateUrl: './matecu-topbar-layout.component.html',
+                    styleUrls: ['./matecu-topbar-layout.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }], searchPlaceholder: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], navMenu: [{
+                type: Input
+            }], actionMenu: [{
+                type: Input
+            }], clickNavMenu: [{
+                type: Output
+            }], clickActionMenu: [{
+                type: Output
+            }], prominent: [{
+                type: Input
+            }], searchControl: [{
+                type: Input
+            }] } });
+
+class MatecuTopbarTitleComponent {
+    constructor() {
+        this.className = 'title';
+    }
+    ngOnInit() {
+    }
+}
+MatecuTopbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarTitleComponent, selector: "matecu-topbar-title", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-topbar-title',
+                    templateUrl: './matecu-topbar-title.component.html',
+                    styleUrls: ['./matecu-topbar-title.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MatecuTopbarBodyComponent {
+    constructor() {
+        this.className = 'matecu-topbar-body';
+    }
+    ngOnInit() {
+    }
+}
+MatecuTopbarBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarBodyComponent, selector: "matecu-topbar-body", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block}"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarBodyComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-topbar-body',
+                    templateUrl: './matecu-topbar-body.component.html',
+                    styleUrls: ['./matecu-topbar-body.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MatecuTopbarFabComponent {
+    constructor() {
+        this.color = 'accent';
+        this.clickAction = new EventEmitter();
+        this.className = 'matecu-topbar-fab';
+    }
+    ngOnInit() {
+    }
+    onClickAction() {
+        this.clickAction.emit();
+    }
+}
+MatecuTopbarFabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuTopbarFabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarFabComponent, selector: "matecu-topbar-fab", inputs: { color: "color" }, outputs: { clickAction: "clickAction" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<button type=\"button\" mat-raised-button [color]=\"color\" (click)=\"onClickAction()\">\n    <ng-content></ng-content>\n</button>", styles: [".matecu-topbar-fab,:host{display:flex;justify-content:center;align-content:center}.matecu-topbar-fab button,:host button{transform:translateY(50%);height:4rem;box-sizing:border-box;border-radius:4rem}@media screen and (max-width:425px){.matecu-topbar-fab button,:host button{transform:translateY(0)}}"], components: [{ type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarFabComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-topbar-fab',
+                    templateUrl: './matecu-topbar-fab.component.html',
+                    styleUrls: ['./matecu-topbar-fab.component.scss']
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { color: [{
+                type: Input
+            }], clickAction: [{
+                type: Output
+            }], className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MatecuTopbarLayoutModule {
+}
+MatecuTopbarLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MatecuTopbarLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarLayoutModule, declarations: [MatecuTopbarLayoutComponent, MatecuTopbarTitleComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent], imports: [CommonModule,
+        MatToolbarModule,
+        MatIconModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule], exports: [MatecuTopbarLayoutComponent, MatecuTopbarTitleComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent] });
+MatecuTopbarLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarLayoutModule, imports: [[
+            CommonModule,
+            MatToolbarModule,
+            MatIconModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatButtonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuTopbarLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatecuTopbarLayoutComponent, MatecuTopbarTitleComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent],
+                    imports: [
+                        CommonModule,
+                        MatToolbarModule,
+                        MatIconModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule
+                    ],
+                    exports: [
+                        MatecuTopbarLayoutComponent, MatecuTopbarTitleComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent
+                    ]
+                }]
+        }] });
+
+var MatecuAlertBoxType;
+(function (MatecuAlertBoxType) {
+    MatecuAlertBoxType["warning"] = "warning";
+    MatecuAlertBoxType["success"] = "success";
+    MatecuAlertBoxType["danger"] = "danger";
+    MatecuAlertBoxType["info"] = "info";
+})(MatecuAlertBoxType || (MatecuAlertBoxType = {}));
+
+class MatecuAlertBoxComponent {
+    constructor() {
+        this.classNameBase = 'matecu-alert-box';
+        this.alertIcon = false;
+        this.className = this.classNameBase;
+    }
+    get color() {
+        return this.alertColor;
+    }
+    set color(value) {
+        this.alertColor = value;
+        if (!!value) {
+            this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
+        }
+        else {
+            this.className = this.classNameBase;
+        }
+        this.updateIcon();
+    }
+    get icon() {
+        return this.alertIcon;
+    }
+    set icon(value) {
+        this.alertIcon = value;
+    }
+    ngOnInit() { }
+    updateIcon() {
+        switch (this.color) {
+            case MatecuAlertBoxType.danger:
+                this.iconValue = 'dangerous';
+                break;
+            case MatecuAlertBoxType.warning:
+                this.iconValue = 'warning';
+                break;
+            case MatecuAlertBoxType.success:
+                this.iconValue = 'check_circle';
+                break;
+            case MatecuAlertBoxType.info:
+                this.iconValue = 'info';
+                break;
+            default:
+                this.iconValue = null;
+                break;
+        }
+    }
+}
+MatecuAlertBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MatecuAlertBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuAlertBoxComponent, 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 #e0e0e0;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}"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertBoxComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-alert-box',
+                    templateUrl: './matecu-alert-box.component.html',
+                    styleUrls: ['./matecu-alert-box.component.scss'],
+                }]
+        }], 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;
+    }
+}
+MatecuAlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+MatecuAlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuAlertDialogComponent, 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: [""], components: [{ type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: ["color", "icon"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'matecu-alert-dialog',
+                    templateUrl: './matecu-alert-dialog.component.html',
+                    styleUrls: ['./matecu-alert-dialog.component.scss'],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$1.MatDialogRef }]; } });
+
+class MatecuAlertBoxModule {
+}
+MatecuAlertBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MatecuAlertBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertBoxModule, declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent], imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule], exports: [MatecuAlertBoxComponent] });
+MatecuAlertBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertBoxModule, imports: [[CommonModule, MatIconModule, MatDialogModule, MatButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0, type: MatecuAlertBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent],
+                    imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule],
+                    exports: [MatecuAlertBoxComponent],
+                }]
+        }] });
+
+/*
+ * Public API Surface of angular-matecu
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MatecuAlertBoxComponent, MatecuAlertBoxModule, MatecuAlertBoxType, MatecuAlertDialogComponent, MatecuSpinnerComponent, MatecuSpinnerModule, MatecuSpinnerService, MatecuTopbarBodyComponent, MatecuTopbarFabComponent, MatecuTopbarLayoutComponent, MatecuTopbarLayoutModule, MatecuTopbarTitleComponent };
+//# sourceMappingURL=angular-matecu.js.map

package/fesm2015/angular-matecu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"angular-matecu.js","sources":["../../../projects/angular-matecu/src/lib/modules/matecu-spinner/services/matecu-spinner.service.ts","../../../projects/angular-matecu/src/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-spinner/matecu-spinner.module.ts","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.ts","../../../projects/angular-matecu/src/lib/modules/matecu-alert-box/types/matecu-altert-box-type.ts","../../../projects/angular-matecu/src/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.ts","../../../projects/angular-matecu/src/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.html","../../../projects/angular-matecu/src/lib/modules/matecu-alert-box/matecu-alert-box.module.ts","../../../projects/angular-matecu/src/public-api.ts","../../../projects/angular-matecu/src/angular-matecu.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { BehaviorSubject, Observable } from 'rxjs';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class MatecuSpinnerService {\n  private active$ = new BehaviorSubject<boolean>(false);\n  private requestsKeys: string[] = [];\n  constructor() {}\n\n  watch(): Observable<boolean> {\n    return this.active$.pipe();\n  }\n  add(customKey?: string): string {\n    const key = (typeof(customKey) === 'string' && customKey.length > 0) ? customKey : this.createKey();\n    this.requestsKeys.push(key);\n    this.updateStatus();\n    return key;\n  }\n  remove(key: string): void {\n    this.requestsKeys = this.requestsKeys.filter(\n      (requestKey) => requestKey !== key\n    );\n    this.updateStatus();\n  }\n  clear(): void {\n    this.requestsKeys = [];\n    this.updateStatus();\n  }\n  private updateStatus(): void {\n    const active = this.requestsKeys.length > 0;\n    this.active$.next(active);\n  }\n  private createKey(): string {\n    const time = new Date().getTime();\n    const complement = Math.random();\n    return `${time}__${complement}`;\n  }\n}\n","import { Component, HostBinding, Input, OnDestroy, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { MatecuSpinnerService } from '../../services/matecu-spinner.service';\nimport { takeUntil, tap } from 'rxjs/operators';\n@Component({\n  selector: 'matecu-spinner',\n  templateUrl: './matecu-spinner.component.html',\n  styleUrls: ['./matecu-spinner.component.css']\n})\nexport class MatecuSpinnerComponent implements OnInit, OnDestroy {\n\n  private destroy$ = new Subject();\n  private hiddenClass = 'matecu-spinner--hidden';\n  private activeCache = false;\n  @HostBinding('class') className = 'matecu-spinner';\n  @Input() color = '#2196F3';\n  @Input() global = false;\n  get active(): boolean{\n    return this.activeCache;\n  }\n  @Input() set active(value: boolean) {\n    if (this.global) {\n      return;\n    }\n    this.activeCache = value;\n    this.className = value\n      ? this.className.replace(` ${this.hiddenClass}`, '')\n      : (this.className += ` ${this.hiddenClass}`);\n  }\n  @Input() size = '70px';\n\n  constructor(\n    private spinnerService: MatecuSpinnerService,\n  ) {}\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n  ngOnInit(): void {\n    if (this.global) {\n      this.spinnerService.watch().pipe(\n        tap(value => this.activeCache = value),\n        takeUntil(this.destroy$)\n      ).subscribe();\n    }\n  }\n}\n","<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>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatecuSpinnerComponent } from './components/matecu-spinner/matecu-spinner.component';\nimport { MatecuSpinnerService } from './services/matecu-spinner.service';\n\n\n\n@NgModule({\n  declarations: [MatecuSpinnerComponent],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    MatecuSpinnerComponent\n  ]\n})\nexport class MatecuSpinnerModule { }\n","import { Component, ElementRef, EventEmitter, HostBinding, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ParamMap } from '@angular/router';\nimport { fromEvent, Observable, of } from 'rxjs';\nimport { map, tap } from 'rxjs/operators';\n@Component({\n  selector: 'matecu-topbar-layout',\n  templateUrl: './matecu-topbar-layout.component.html',\n  styleUrls: ['./matecu-topbar-layout.component.scss']\n})\nexport class MatecuTopbarLayoutComponent implements OnInit {\n\n  @HostBinding('class') className = 'matecu-topbar-layout';\n  showSearchInput = false;\n  search = false;\n  searchInput: FormControl = new FormControl();\n  isProminent = false;\n  private scrollingClass = 'matecu-topbar-layout--scrolling';\n  private prominentClass = 'matecu-topbar-layout--prominent';\n  @Input() searchPlaceholder = 'Buscar';\n  @Input() color = 'primary';\n  @Input() navMenu = true;\n  @Input() actionMenu = false;\n  @Output() clickNavMenu = new EventEmitter<void>();\n  @Output() clickActionMenu = new EventEmitter<void>();\n  @Input() set prominent(value: boolean) {\n    this.isProminent = value;\n    if (value) {\n      this.className += ' ' + this.prominentClass;\n    } else {\n      const regex = new RegExp(this.prominentClass, 'ig');\n      this.className = this.className.replace(regex, '').trim();\n    }\n  }\n  @Input() set searchControl(value: FormControl | null) {\n    if (!!value) {\n      this.searchInput = value;\n      this.search = true;\n    } else {\n      this.searchInput = new FormControl();\n      this.search = false;\n    }\n  }\n  constructor() { }\n\n  ngOnInit(): void {\n    this.spyScroll().subscribe();\n  }\n\n  toogleSearch(): void {\n    this.showSearchInput = !this.showSearchInput;\n  }\n  closeSearch(): void {\n    this.showSearchInput = false;\n    this.searchInput.reset();\n  }\n  onMenuClick(): void {\n  }\n  onClickNavMenu(): void {\n    this.clickNavMenu.emit();\n  }\n  onClickActionMenu(): void {\n    this.clickActionMenu.emit();\n  }\n  spyScroll(): Observable<HTMLElement | null> {\n    const scrollabe: HTMLElement | null = document.querySelector('.matecu-topbar-layout__body');\n    if (!scrollabe) {\n      return of(null);\n    }\n    return fromEvent(scrollabe, 'scroll').pipe(\n      tap(() => this.applyScrollStyles(scrollabe)),\n      map(() => scrollabe)\n    );\n  }\n  applyScrollStyles(scrollabe: HTMLElement): void {\n    if (!scrollabe) {\n      return;\n    }\n    const scrollPosition = scrollabe.scrollTop;\n    if (scrollPosition > 30) {\n      this.className += ' ' + this.scrollingClass;\n    }\n    if (scrollPosition < 10) {\n      const regexp = new RegExp(this.scrollingClass, 'ig');\n      this.className = this.className.replace(regexp, '').trim();\n    }\n  }\n}\n","<div>\n    <mat-toolbar [color]=\"color\">\n            <div *ngIf=\"navMenu\">\n              <button\n                mat-icon-button\n                type=\"button\"\n                (click)=\"onClickNavMenu()\"\n              >\n                <mat-icon>menu</mat-icon>\n              </button>\n            </div>\n            <div class=\"matecu-topbar-layout__fab\">\n              <ng-content select=\"matecu-topbar-fab\"></ng-content>\n            </div>\n            <div class=\"matecu-topbar-layout__title\">\n              <ng-content select=\"matecu-topbar-title\"></ng-content>\n            </div>\n          \n            <div *ngIf=\"search\">\n              <button type=\"button\" (click)=\"toogleSearch()\" mat-icon-button>\n                <mat-icon>search</mat-icon>\n              </button>\n            </div>\n            \n            <div *ngIf=\"actionMenu\">\n              <button type=\"button\" (click)=\"onClickActionMenu()\" mat-icon-button>\n                <mat-icon>more_vert</mat-icon>\n              </button>\n            </div>\n           \n            <div\n              class=\"matecu-topbar-layout__search\"\n              [ngClass]=\"{ active: showSearchInput }\"\n            >\n              <input\n                type=\"text\"\n                [formControl]=\"searchInput\"\n                [placeholder]=\"searchPlaceholder\"\n              />\n              <button mat-icon-button type=\"button\"  (click)=\"closeSearch()\">\n                <mat-icon>close</mat-icon>\n              </button>\n            </div>\n    </mat-toolbar>\n  \n  \n</div>\n<div class=\"matecu-topbar-layout__body\" >\n  <ng-content select=\"matecu-topbar-body\"></ng-content>\n</div>\n","import { Component, HostBinding, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'matecu-topbar-title',\n  templateUrl: './matecu-topbar-title.component.html',\n  styleUrls: ['./matecu-topbar-title.component.scss']\n})\nexport class MatecuTopbarTitleComponent implements OnInit {\n\n  @HostBinding('class') className = 'title';\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<ng-content></ng-content>","import { Component, HostBinding, OnInit } from '@angular/core';\n\n@Component({\n  selector: 'matecu-topbar-body',\n  templateUrl: './matecu-topbar-body.component.html',\n  styleUrls: ['./matecu-topbar-body.component.scss']\n})\nexport class MatecuTopbarBodyComponent implements OnInit {\n\n  @HostBinding('class') className = 'matecu-topbar-body';\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n}\n","<ng-content></ng-content>","import { Component, EventEmitter, HostBinding, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'matecu-topbar-fab',\n  templateUrl: './matecu-topbar-fab.component.html',\n  styleUrls: ['./matecu-topbar-fab.component.scss']\n})\nexport class MatecuTopbarFabComponent implements OnInit {\n\n  @Input() color = 'accent';\n  @Output() clickAction = new EventEmitter<void>();\n  constructor() { }\n\n  @HostBinding('class') className = 'matecu-topbar-fab';\n  ngOnInit(): void {\n  }\n\n  onClickAction(): void {\n    this.clickAction.emit();\n  }\n\n}\n","<button type=\"button\" mat-raised-button [color]=\"color\" (click)=\"onClickAction()\">\n    <ng-content></ng-content>\n</button>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatecuTopbarLayoutComponent } from './components/matecu-topbar-layout/matecu-topbar-layout.component';\nimport { MatecuTopbarTitleComponent } from './components/matecu-topbar-title/matecu-topbar-title.component';\nimport { MatecuTopbarBodyComponent } from './components/matecu-topbar-body/matecu-topbar-body.component';\nimport {MatToolbarModule} from '@angular/material/toolbar';\nimport {MatIconModule} from '@angular/material/icon';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport {MatButtonModule} from '@angular/material/button';\nimport { MatecuTopbarFabComponent } from './components/matecu-topbar-fab/matecu-topbar-fab.component';\n\n\n\n\n@NgModule({\n  declarations: [MatecuTopbarLayoutComponent, MatecuTopbarTitleComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent],\n  imports: [\n    CommonModule,\n    MatToolbarModule,\n    MatIconModule,\n    FormsModule,\n    ReactiveFormsModule,\n    MatButtonModule\n  ],\n  exports: [\n    MatecuTopbarLayoutComponent, MatecuTopbarTitleComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent\n  ]\n})\nexport class MatecuTopbarLayoutModule { }\n","export enum MatecuAlertBoxType {\n  warning = 'warning',\n  success = 'success',\n  danger = 'danger',\n  info = 'info',\n}\n","import { Component, HostBinding, Input, OnInit } from '@angular/core';\nimport { MatecuAlertBoxType } from '../../types/matecu-altert-box-type';\n\n@Component({\n  selector: 'matecu-alert-box',\n  templateUrl: './matecu-alert-box.component.html',\n  styleUrls: ['./matecu-alert-box.component.scss'],\n})\nexport class MatecuAlertBoxComponent implements OnInit {\n  classNameBase = 'matecu-alert-box';\n  alertColor?: MatecuAlertBoxType | undefined | string | null;\n  iconValue?: string | null | undefined;\n  private alertIcon = false;\n  get color(): MatecuAlertBoxType | undefined | string | null {\n    return this.alertColor;\n  }\n  @Input() set color(value: MatecuAlertBoxType | undefined | string | null) {\n    this.alertColor = value;\n    if (!!value) {\n      this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;\n    } else {\n      this.className = this.classNameBase;\n    }\n    this.updateIcon();\n  }\n  get icon(): boolean {\n    return this.alertIcon;\n  }\n  @Input() set icon(value: boolean) {\n    this.alertIcon = value;\n  }\n  @HostBinding('class') className = this.classNameBase;\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  private updateIcon(): void {\n    switch (this.color) {\n      case MatecuAlertBoxType.danger:\n        this.iconValue = 'dangerous';\n        break;\n      case MatecuAlertBoxType.warning:\n        this.iconValue = 'warning';\n        break;\n      case MatecuAlertBoxType.success:\n        this.iconValue = 'check_circle';\n        break;\n      case MatecuAlertBoxType.info:\n        this.iconValue = 'info';\n        break;\n      default:\n        this.iconValue = null;\n        break;\n    }\n  }\n}\n","<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","import { Component, Inject, OnInit } from '@angular/core';\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { MatecuAlertDialogData } from '../../types/matecu-alert-dialog';\n@Component({\n  selector: 'matecu-alert-dialog',\n  templateUrl: './matecu-alert-dialog.component.html',\n  styleUrls: ['./matecu-alert-dialog.component.scss'],\n})\nexport class MatecuAlertDialogComponent implements OnInit {\n  hasTitle = false;\n  hasDismissBtn = false;\n  hasActionBtn = false;\n  showActions = false;\n  constructor(\n    @Inject(MAT_DIALOG_DATA) public dialogData: MatecuAlertDialogData,\n    public dialogRef: MatDialogRef<MatecuAlertDialogComponent>\n  ) {\n    this.setHasTitle();\n    this.setHasDismissBtn();\n    this.setHasActionBtn();\n    this.setShowActions();\n  }\n\n  ngOnInit(): void {}\n\n  activateAction(): void {\n    this.dialogRef.close(true);\n  }\n\n  private setHasTitle(): void {\n    this.hasTitle = this.isValidString(this.dialogData.title);\n  }\n  private setHasDismissBtn(): void {\n    this.hasDismissBtn = this.isValidString(this.dialogData.dismissText);\n  }\n\n  private setHasActionBtn(): void {\n    this.hasActionBtn = this.isValidString(this.dialogData.action);\n  }\n  private setShowActions(): void {\n    this.showActions = this.hasActionBtn || this.hasDismissBtn;\n  }\n  private isValidString(str: string | null | undefined): boolean {\n    const isValid = typeof str === 'string' && str.trim().length > 0;\n    return isValid;\n  }\n}\n","<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","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatecuAlertBoxComponent } from './components/matecu-alert-box/matecu-alert-box.component';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatecuAlertDialogComponent } from './components/matecu-alert-dialog/matecu-alert-dialog.component';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatButtonModule } from '@angular/material/button';\n\n@NgModule({\n  declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent],\n  imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule],\n  exports: [MatecuAlertBoxComponent],\n})\nexport class MatecuAlertBoxModule {}\n","/*\n * Public API Surface of angular-matecu\n */\n\n/**\n * Modulo spinner\n */\nexport * from './lib/modules/matecu-spinner/matecu-spinner.module';\nexport * from './lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component';\nexport * from './lib/modules/matecu-spinner/services/matecu-spinner.service';\n\n/**\n * Módulo topbar-layout\n */\n\nexport * from './lib/modules/matecu-topbar-layout/matecu-topbar-layout.module';\nexport * from './lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component';\nexport * from './lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component';\nexport * from './lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component';\nexport * from './lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component';\n\n/**\n * Módulo alert-box\n */\n\nexport * from './lib/modules/matecu-alert-box/matecu-alert-box.module';\nexport * from './lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component';\nexport * from './lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component';\nexport * from './lib/modules/matecu-alert-box/types/matecu-altert-box-type';\nexport * from './lib/modules/matecu-alert-box/types/matecu-alert-dialog';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.d.ts

@@ -0,0 +1,19 @@
+import { OnInit } from '@angular/core';
+import { MatecuAlertBoxType } from '../../types/matecu-altert-box-type';
+import * as i0 from "@angular/core";
+export declare class MatecuAlertBoxComponent implements OnInit {
+    classNameBase: string;
+    alertColor?: MatecuAlertBoxType | undefined | string | null;
+    iconValue?: string | null | undefined;
+    private alertIcon;
+    get color(): MatecuAlertBoxType | undefined | string | null;
+    set color(value: MatecuAlertBoxType | undefined | string | null);
+    get icon(): boolean;
+    set icon(value: boolean);
+    className: string;
+    constructor();
+    ngOnInit(): void;
+    private updateIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatecuAlertBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatecuAlertBoxComponent, "matecu-alert-box", never, { "color": "color"; "icon": "icon"; }, {}, never, ["*"]>;
+}

package/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.d.ts

@@ -0,0 +1,22 @@
+import { OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MatecuAlertDialogData } from '../../types/matecu-alert-dialog';
+import * as i0 from "@angular/core";
+export declare class MatecuAlertDialogComponent implements OnInit {
+    dialogData: MatecuAlertDialogData;
+    dialogRef: MatDialogRef<MatecuAlertDialogComponent>;
+    hasTitle: boolean;
+    hasDismissBtn: boolean;
+    hasActionBtn: boolean;
+    showActions: boolean;
+    constructor(dialogData: MatecuAlertDialogData, dialogRef: MatDialogRef<MatecuAlertDialogComponent>);
+    ngOnInit(): void;
+    activateAction(): void;
+    private setHasTitle;
+    private setHasDismissBtn;
+    private setHasActionBtn;
+    private setShowActions;
+    private isValidString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatecuAlertDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatecuAlertDialogComponent, "matecu-alert-dialog", never, {}, {}, never, never>;
+}