angular-matecu 2.0.12 → 3.0.0

package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs

@@ -1,99 +0,0 @@
-import { Component, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { fromEvent, of } from 'rxjs';
-import { map, tap } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/toolbar";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@angular/material/icon";
-import * as i4 from "@angular/common";
-export 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.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();
-        }
-    }
-    ngAfterViewInit() {
-        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-body');
-        if (!scrollabe) {
-            return of(null);
-        }
-        return fromEvent(scrollabe, 'scroll').pipe(tap(() => this.applyScrollStyles(scrollabe)), map(() => scrollabe));
-    }
-    applyScrollStyles(scrollabe) {
-        if (!scrollabe) {
-            return;
-        }
-        const maxScrollHeight = scrollabe.scrollHeight;
-        const screenHeight = screen.availHeight;
-        if (screenHeight > maxScrollHeight) {
-            return;
-        }
-        const scrollPosition = scrollabe.scrollTop;
-        if (scrollPosition > 20) {
-            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: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MatecuTopbarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarLayoutComponent, selector: "matecu-topbar-layout", inputs: { color: "color", navMenu: "navMenu", actionMenu: "actionMenu", prominent: "prominent" }, outputs: { clickNavMenu: "clickNavMenu", clickActionMenu: "clickActionMenu" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "  <mat-toolbar [color]=\"color\">\n    <ng-container *ngIf=\"navMenu\">\n      <div class=\"matecu-topbar-layout__menu-btn\">\n        <button mat-icon-button type=\"button\" (click)=\"onClickNavMenu()\">\n          <mat-icon>menu</mat-icon>\n        </button>\n      </div>\n    </ng-container>\n    <ng-content select=\"matecu-topbar-fab\"></ng-content>\n    <ng-content select=\"matecu-topbar-title\"></ng-content>\n    <ng-content select=\"matecu-topbar-search\"></ng-content>\n    <ng-content select=\"matecu-topbar-actions\"></ng-content>\n    <ng-container *ngIf=\"actionMenu\">\n      <div class=\"matecu-topbar-layout__more-actions-btn\">\n        <button type=\"button\" (click)=\"onClickActionMenu()\" mat-icon-button>\n          <mat-icon>more_vert</mat-icon>\n        </button>\n      </div>\n    </ng-container>\n\n\n  </mat-toolbar>\n  <ng-content select=\"matecu-topbar-body\"></ng-content>\n", styles: [":host,.matecu-topbar-layout{display:grid;height:100vh;max-width:100vw;overflow:hidden;grid-template-rows:auto 1fr;position:relative}:host,:host *,.matecu-topbar-layout,.matecu-topbar-layout *{box-sizing:border-box}:host mat-toolbar,.matecu-topbar-layout mat-toolbar{position:relative;height:64px;max-height:64px;transition:all .3s;align-items:flex-start}:host__menu-btn,:host__more-actions-btn,.matecu-topbar-layout__menu-btn,.matecu-topbar-layout__more-actions-btn{min-height:64px;display:flex;align-items:center}@media screen and (max-width: 425px){:host__menu-btn,.matecu-topbar-layout__menu-btn{margin-right:auto}}:host.matecu-topbar-layout--prominent .mat-toolbar{height:128px;max-height:128px}:host.matecu-topbar-layout--scrolling .mat-toolbar{height:64px;max-height:64px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"], 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matecu-topbar-layout', template: "  <mat-toolbar [color]=\"color\">\n    <ng-container *ngIf=\"navMenu\">\n      <div class=\"matecu-topbar-layout__menu-btn\">\n        <button mat-icon-button type=\"button\" (click)=\"onClickNavMenu()\">\n          <mat-icon>menu</mat-icon>\n        </button>\n      </div>\n    </ng-container>\n    <ng-content select=\"matecu-topbar-fab\"></ng-content>\n    <ng-content select=\"matecu-topbar-title\"></ng-content>\n    <ng-content select=\"matecu-topbar-search\"></ng-content>\n    <ng-content select=\"matecu-topbar-actions\"></ng-content>\n    <ng-container *ngIf=\"actionMenu\">\n      <div class=\"matecu-topbar-layout__more-actions-btn\">\n        <button type=\"button\" (click)=\"onClickActionMenu()\" mat-icon-button>\n          <mat-icon>more_vert</mat-icon>\n        </button>\n      </div>\n    </ng-container>\n\n\n  </mat-toolbar>\n  <ng-content select=\"matecu-topbar-body\"></ng-content>\n", styles: [":host,.matecu-topbar-layout{display:grid;height:100vh;max-width:100vw;overflow:hidden;grid-template-rows:auto 1fr;position:relative}:host,:host *,.matecu-topbar-layout,.matecu-topbar-layout *{box-sizing:border-box}:host mat-toolbar,.matecu-topbar-layout mat-toolbar{position:relative;height:64px;max-height:64px;transition:all .3s;align-items:flex-start}:host__menu-btn,:host__more-actions-btn,.matecu-topbar-layout__menu-btn,.matecu-topbar-layout__more-actions-btn{min-height:64px;display:flex;align-items:center}@media screen and (max-width: 425px){:host__menu-btn,.matecu-topbar-layout__menu-btn{margin-right:auto}}:host.matecu-topbar-layout--prominent .mat-toolbar{height:128px;max-height:128px}:host.matecu-topbar-layout--scrolling .mat-toolbar{height:64px;max-height:64px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }], color: [{
-                type: Input
-            }], navMenu: [{
-                type: Input
-            }], actionMenu: [{
-                type: Input
-            }], clickNavMenu: [{
-                type: Output
-            }], clickActionMenu: [{
-                type: Output
-            }], prominent: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9tb2R1bGVzL21hdGVjdS10b3BiYXItbGF5b3V0L2NvbXBvbmVudHMvbWF0ZWN1LXRvcGJhci1sYXlvdXQvbWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9tb2R1bGVzL21hdGVjdS10b3BiYXItbGF5b3V0L2NvbXBvbmVudHMvbWF0ZWN1LXRvcGJhci1sYXlvdXQvbWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFFVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxTQUFTLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7OztBQU0xQyxNQUFNLE9BQU8sMkJBQTJCO0lBc0J0QztRQXJCc0IsY0FBUyxHQUFHLHNCQUFzQixDQUFDO1FBQ3pELG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFDZixnQkFBVyxHQUFnQixJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQzdDLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ1osbUJBQWMsR0FBRyxpQ0FBaUMsQ0FBQztRQUNuRCxtQkFBYyxHQUFHLGlDQUFpQyxDQUFDO1FBQ2xELFVBQUssR0FBRyxTQUFT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c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFPWCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxlQUFlO3NCQUF4QixNQUFNO2dCQUNNLFNBQVM7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgUGFyYW1NYXAgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLWxheW91dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3UtdG9wYmFyLWxheW91dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS10b3BiYXItbGF5b3V0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckxheW91dENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItbGF5b3V0JztcbiAgc2hvd1NlYXJjaElucHV0ID0gZmFsc2U7XG4gIHNlYXJjaCA9IGZhbHNlO1xuICBzZWFyY2hJbnB1dDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woKTtcbiAgaXNQcm9taW5lbnQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBzY3JvbGxpbmdDbGFzcyA9ICdtYXRlY3UtdG9wYmFyLWxheW91dC0tc2Nyb2xsaW5nJztcbiAgcHJpdmF0ZSBwcm9taW5lbnRDbGFzcyA9ICdtYXRlY3UtdG9wYmFyLWxheW91dC0tcHJvbWluZW50JztcbiAgQElucHV0KCkgY29sb3IgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIG5hdk1lbnUgPSB0cnVlO1xuICBASW5wdXQoKSBhY3Rpb25NZW51ID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBjbGlja05hdk1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBjbGlja0FjdGlvbk1lbnUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBJbnB1dCgpIHNldCBwcm9taW5lbnQodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmlzUHJvbWluZW50ID0gdmFsdWU7XG4gICAgaWYgKHZhbHVlKSB7XG4gICAgICB0aGlzLmNsYXNzTmFtZSArPSAnICcgKyB0aGlzLnByb21pbmVudENsYXNzO1xuICAgIH0gZWxzZSB7XG4gICAgICBjb25zdCByZWdleCA9IG5ldyBSZWdFeHAodGhpcy5wcm9taW5lbnRDbGFzcywgJ2lnJyk7XG4gICAgICB0aGlzLmNsYXNzTmFtZSA9IHRoaXMuY2xhc3NOYW1lLnJlcGxhY2UocmVnZXgsICcnKS50cmltKCk7XG4gICAgfVxuICB9XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zcHlTY3JvbGwoKS5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHRvb2dsZVNlYXJjaCgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dTZWFyY2hJbnB1dCA9ICF0aGlzLnNob3dTZWFyY2hJbnB1dDtcbiAgfVxuICBjbG9zZVNlYXJjaCgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dTZWFyY2hJbnB1dCA9IGZhbHNlO1xuICAgIHRoaXMuc2VhcmNoSW5wdXQucmVzZXQoKTtcbiAgfVxuICBvbk1lbnVDbGljaygpOiB2b2lkIHt9XG4gIG9uQ2xpY2tOYXZNZW51KCk6IHZvaWQge1xuICAgIHRoaXMuY2xpY2tOYXZNZW51LmVtaXQoKTtcbiAgfVxuICBvbkNsaWNrQWN0aW9uTWVudSgpOiB2b2lkIHtcbiAgICB0aGlzLmNsaWNrQWN0aW9uTWVudS5lbWl0KCk7XG4gIH1cbiAgc3B5U2Nyb2xsKCk6IE9ic2VydmFibGU8SFRNTEVsZW1lbnQgfCBudWxsPiB7XG4gICAgY29uc3Qgc2Nyb2xsYWJlOiBIVE1MRWxlbWVudCB8IG51bGwgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKFxuICAgICAgJy5tYXRlY3UtdG9wYmFyLWJvZHknXG4gICAgKTtcbiAgICBpZiAoIXNjcm9sbGFiZSkge1xuICAgICAgcmV0dXJuIG9mKG51bGwpO1xuICAgIH1cbiAgICByZXR1cm4gZnJvbUV2ZW50KHNjcm9sbGFiZSwgJ3Njcm9sbCcpLnBpcGUoXG4gICAgICB0YXAoKCkgPT4gdGhpcy5hcHBseVNjcm9sbFN0eWxlcyhzY3JvbGxhYmUpKSxcbiAgICAgIG1hcCgoKSA9PiBzY3JvbGxhYmUpXG4gICAgKTtcbiAgfVxuICBhcHBseVNjcm9sbFN0eWxlcyhzY3JvbGxhYmU6IEhUTUxFbGVtZW50KTogdm9pZCB7XG4gICAgaWYgKCFzY3JvbGxhYmUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgbWF4U2Nyb2xsSGVpZ2h0ID0gc2Nyb2xsYWJlLnNjcm9sbEhlaWdodDtcbiAgICBjb25zdCBzY3JlZW5IZWlnaHQgPSBzY3JlZW4uYXZhaWxIZWlnaHQ7XG4gICAgaWYgKHNjcmVlbkhlaWdodCA+IG1heFNjcm9sbEhlaWdodCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBzY3JvbGxQb3NpdGlvbiA9IHNjcm9sbGFiZS5zY3JvbGxUb3A7XG4gICAgaWYgKHNjcm9sbFBvc2l0aW9uID4gMjApIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lICs9ICcgJyArIHRoaXMuc2Nyb2xsaW5nQ2xhc3M7XG4gICAgfVxuICAgIGlmIChzY3JvbGxQb3NpdGlvbiA8IDEwKSB7XG4gICAgICBjb25zdCByZWdleHAgPSBuZXcgUmVnRXhwKHRoaXMuc2Nyb2xsaW5nQ2xhc3MsICdpZycpO1xuICAgICAgdGhpcy5jbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZS5yZXBsYWNlKHJlZ2V4cCwgJycpLnRyaW0oKTtcbiAgICB9XG4gIH1cbn1cbiIsIiAgPG1hdC10b29sYmFyIFtjb2xvcl09XCJjb2xvclwiPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJuYXZNZW51XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwibWF0ZWN1LXRvcGJhci1sYXlvdXRfX21lbnUtYnRuXCI+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib25DbGlja05hdk1lbnUoKVwiPlxuICAgICAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWZhYlwiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLXRpdGxlXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGVjdS10b3BiYXItc2VhcmNoXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGVjdS10b3BiYXItYWN0aW9uc1wiPjwvbmctY29udGVudD5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aW9uTWVudVwiPlxuICAgICAgPGRpdiBjbGFzcz1cIm1hdGVjdS10b3BiYXItbGF5b3V0X19tb3JlLWFjdGlvbnMtYnRuXCI+XG4gICAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIChjbGljayk9XCJvbkNsaWNrQWN0aW9uTWVudSgpXCIgbWF0LWljb24tYnV0dG9uPlxuICAgICAgICAgIDxtYXQtaWNvbj5tb3JlX3ZlcnQ8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctY29udGFpbmVyPlxuXG5cbiAgPC9tYXQtdG9vbGJhcj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWF0ZWN1LXRvcGJhci1ib2R5XCI+PC9uZy1jb250ZW50PlxuIl19

package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.mjs

@@ -1,81 +0,0 @@
-import { Component, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { Subject } from 'rxjs';
-import { debounceTime, distinctUntilChanged, takeUntil, tap, } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/button";
-import * as i2 from "@angular/material/icon";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/forms";
-export class MatecuTopbarSearchComponent {
-    constructor() {
-        this.showMobileInput = false;
-        this.searchInput = new FormControl();
-        this.showDescktopCleanBtn = false;
-        this.destroy = new Subject();
-        this.searchPlaceholder = 'Buscar';
-        this.debounceTime = 500;
-        this.inputType = 'text';
-        this.cleanWhenClose = true;
-        this.valueChange = new EventEmitter();
-        this.whenSearchChanges = new EventEmitter();
-        this.className = 'matecu-topbar-search';
-    }
-    set value(val) {
-        if (typeof val === 'string') {
-            this.searchInput.setValue(val);
-        }
-        else {
-            this.searchInput.reset();
-        }
-    }
-    ngOnInit() {
-        this.watchSearch();
-    }
-    toogleSearch() {
-        this.showMobileInput = !this.showMobileInput;
-    }
-    closeMobile() {
-        if (this.cleanWhenClose) {
-            this.searchInput.reset();
-        }
-        this.showMobileInput = false;
-    }
-    watchSearch() {
-        this.searchInput.valueChanges
-            .pipe(tap((value) => this.setShowDescktopCleanBtn(value)), debounceTime(this.debounceTime), distinctUntilChanged(), tap((value) => this.searchChanges(value)), takeUntil(this.destroy))
-            .subscribe();
-    }
-    searchChanges(searchVal) {
-        const value = typeof searchVal === 'string' && searchVal.length > 0 ? searchVal : '';
-        this.whenSearchChanges.emit(value);
-        this.valueChange.emit(value);
-    }
-    setShowDescktopCleanBtn(value) {
-        this.showDescktopCleanBtn = typeof value === 'string' && value.length > 0;
-    }
-}
-MatecuTopbarSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MatecuTopbarSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarSearchComponent, selector: "matecu-topbar-search", inputs: { searchPlaceholder: "searchPlaceholder", debounceTime: "debounceTime", inputType: "inputType", cleanWhenClose: "cleanWhenClose", value: "value" }, outputs: { valueChange: "valueChange", whenSearchChanges: "whenSearchChanges" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<button mat-icon-button class=\"only-mobile\" (click)=\"toogleSearch()\">\n  <mat-icon>search</mat-icon>\n</button>\n\n<div class=\"matecu-topbar-search__input\" [ngClass]=\"{'mobile-input-active': showMobileInput}\">\n  <mat-icon>search</mat-icon>\n  <input [type]=\"inputType\" [formControl]=\"searchInput\" [placeholder]=\"searchPlaceholder\" />\n  <button mat-icon-button (click)=\"closeMobile()\" [ngClass]=\"{'show-btn': showDescktopCleanBtn}\">\n    <mat-icon>close</mat-icon>\n  </button>\n\n</div>\n", styles: [":host{display:flex;align-items:center;position:relative;padding:7px;min-height:64px;box-sizing:border-box}:host .matecu-topbar-search__input{display:block;position:relative;z-index:2}:host .matecu-topbar-search__input input{border:transparent;border-radius:4px;padding:5px 35px 5px 40px;background-color:#ffffff4d;min-width:200px;width:200px;transition:all .3s ease-in-out;height:39px;color:currentColor}:host .matecu-topbar-search__input input:focus{min-width:290px}:host .matecu-topbar-search__input input::placeholder{color:currentColor}:host .matecu-topbar-search__input input[type=search]::-webkit-search-decoration,:host .matecu-topbar-search__input input[type=search]::-webkit-search-cancel-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:host .matecu-topbar-search__input>mat-icon{position:absolute;left:12px;top:10px}:host .matecu-topbar-search__input button{position:absolute;right:0px;top:0;transform:scale(0);transition:transform .3s ease-in-out}:host .matecu-topbar-search__input button mat-icon{font-size:20px}:host .matecu-topbar-search__input button.show-btn{transform:scale(1)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input{position:fixed;top:0;left:0;right:0;height:64px;color:#333;transform:translateY(-110%);transition:all .3s ease-in-out}:host .matecu-topbar-search__input input{width:100%;height:100%;background-color:#fff;border-radius:0;padding-right:30px}:host .matecu-topbar-search__input input:focus{min-width:100%}:host .matecu-topbar-search__input>mat-icon{top:20px}:host .matecu-topbar-search__input button{position:absolute;right:5px;top:10px;transform:scale(1)}}:host .matecu-topbar-search__input.mobile-input-active{transform:translateY(0)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input.mobile-input-active{display:block}}:host .only-mobile{display:none}@media screen and (max-width: 768px){:host .only-mobile{display:block}}\n"], components: [{ type: i1.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: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarSearchComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matecu-topbar-search', template: "<button mat-icon-button class=\"only-mobile\" (click)=\"toogleSearch()\">\n  <mat-icon>search</mat-icon>\n</button>\n\n<div class=\"matecu-topbar-search__input\" [ngClass]=\"{'mobile-input-active': showMobileInput}\">\n  <mat-icon>search</mat-icon>\n  <input [type]=\"inputType\" [formControl]=\"searchInput\" [placeholder]=\"searchPlaceholder\" />\n  <button mat-icon-button (click)=\"closeMobile()\" [ngClass]=\"{'show-btn': showDescktopCleanBtn}\">\n    <mat-icon>close</mat-icon>\n  </button>\n\n</div>\n", styles: [":host{display:flex;align-items:center;position:relative;padding:7px;min-height:64px;box-sizing:border-box}:host .matecu-topbar-search__input{display:block;position:relative;z-index:2}:host .matecu-topbar-search__input input{border:transparent;border-radius:4px;padding:5px 35px 5px 40px;background-color:#ffffff4d;min-width:200px;width:200px;transition:all .3s ease-in-out;height:39px;color:currentColor}:host .matecu-topbar-search__input input:focus{min-width:290px}:host .matecu-topbar-search__input input::placeholder{color:currentColor}:host .matecu-topbar-search__input input[type=search]::-webkit-search-decoration,:host .matecu-topbar-search__input input[type=search]::-webkit-search-cancel-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:host .matecu-topbar-search__input>mat-icon{position:absolute;left:12px;top:10px}:host .matecu-topbar-search__input button{position:absolute;right:0px;top:0;transform:scale(0);transition:transform .3s ease-in-out}:host .matecu-topbar-search__input button mat-icon{font-size:20px}:host .matecu-topbar-search__input button.show-btn{transform:scale(1)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input{position:fixed;top:0;left:0;right:0;height:64px;color:#333;transform:translateY(-110%);transition:all .3s ease-in-out}:host .matecu-topbar-search__input input{width:100%;height:100%;background-color:#fff;border-radius:0;padding-right:30px}:host .matecu-topbar-search__input input:focus{min-width:100%}:host .matecu-topbar-search__input>mat-icon{top:20px}:host .matecu-topbar-search__input button{position:absolute;right:5px;top:10px;transform:scale(1)}}:host .matecu-topbar-search__input.mobile-input-active{transform:translateY(0)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input.mobile-input-active{display:block}}:host .only-mobile{display:none}@media screen and (max-width: 768px){:host .only-mobile{display:block}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { searchPlaceholder: [{
-                type: Input
-            }], debounceTime: [{
-                type: Input
-            }], inputType: [{
-                type: Input
-            }], cleanWhenClose: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }], whenSearchChanges: [{
-                type: Output
-            }], className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9tb2R1bGVzL21hdGVjdS10b3BiYXItbGF5b3V0L2NvbXBvbmVudHMvbWF0ZWN1LXRvcGJhci1zZWFyY2gvbWF0ZWN1LXRvcGJhci1zZWFyY2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9tb2R1bGVzL21hdGVjdS10b3BiYXItbGF5b3V0L2NvbXBvbmVudHMvbWF0ZWN1LXRvcGJhci1zZWFyY2gvbWF0ZWN1LXRvcGJhci1zZWFyY2guY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFFTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUNMLFlBQVksRUFDWixvQkFBb0IsRUFDcEIsU0FBUyxFQUNULEdBQUcsR0FDSixNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFPeEIsTUFBTSxPQUFPLDJCQUEyQjtJQW1CdEM7UUFsQkEsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFDeEIsZ0JBQVcsR0FBRyxJQUFJLFdBQVcsRUFBRSxDQUFDO1FBQ2hDLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUNyQixZQUFPLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUN2QixzQkFBaUIsR0FBRyxRQUFRLENBQUM7UUFDN0IsaUJBQVksR0FBRyxHQUFHLENBQUM7UUFDbkIsY0FBUyxHQUFzQixNQUFNLENBQUM7UUFDdEMsbUJBQWMsR0FBRyxJQUFJLENBQUM7UUFRckIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3pDLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDbkMsY0FBUyxHQUFHLHNCQUFzQixDQUFDO0lBQzFDLENBQUM7SUFWaEIsSUFBYSxLQUFLLENBQUMsR0FBOEI7UUFDL0MsSUFBSSxPQUFPLEdBQUcsS0FBSyxRQUFRLEVBQUU7WUFDM0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7U0FDaEM7YUFBTTtZQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDMUI7SUFDSCxDQUFDO0lBTUQsUUFBUTtRQUNOLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxlQUFlLEdBQUcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQy9DLENBQUM7SUFDRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDMUI7UUFDRCxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUMvQixDQUFDO0lBRU8sV0FBVztRQUNqQixJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVk7YUFDMUIsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ25ELFlBQVksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEVBQy9CLG9CQUFvQixFQUFFLEVBQ3RCLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6QyxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUN4QjthQUNBLFNBQVMsRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFDTyxhQUFhLENBQUMsU0FBeUI7UUFDN0MsTUFBTSxLQUFLLEdBQ1QsT0FBTyxTQUFTLEtBQUssUUFBUSxJQUFJLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUN6RSxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ25DLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFDTyx1QkFBdUIsQ0FBQyxLQUFnQztRQUM5RCxJQUFJLENBQUMsb0JBQW9CLEdBQUcsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBQzVFLENBQUM7O3dIQXREVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiw4VkN2QnhDLDhmQVlBOzJGRFdhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSxzQkFBc0I7MEVBU3ZCLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDTyxLQUFLO3NCQUFqQixLQUFLO2dCQU9JLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csaUJBQWlCO3NCQUExQixNQUFNO2dCQUNlLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7XG4gIGRlYm91bmNlVGltZSxcbiAgZGlzdGluY3RVbnRpbENoYW5nZWQsXG4gIHRha2VVbnRpbCxcbiAgdGFwLFxufSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItc2VhcmNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1VG9wYmFyU2VhcmNoQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgc2hvd01vYmlsZUlucHV0ID0gZmFsc2U7XG4gIHNlYXJjaElucHV0ID0gbmV3IEZvcm1Db250cm9sKCk7XG4gIHNob3dEZXNja3RvcENsZWFuQnRuID0gZmFsc2U7XG4gIHByaXZhdGUgZGVzdHJveSA9IG5ldyBTdWJqZWN0KCk7XG4gIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyID0gJ0J1c2Nhcic7XG4gIEBJbnB1dCgpIGRlYm91bmNlVGltZSA9IDUwMDtcbiAgQElucHV0KCkgaW5wdXRUeXBlOiAndGV4dCcgfCAnc2VhcmNoJyA9ICd0ZXh0JztcbiAgQElucHV0KCkgY2xlYW5XaGVuQ2xvc2UgPSB0cnVlO1xuICBASW5wdXQoKSBzZXQgdmFsdWUodmFsOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKSB7XG4gICAgaWYgKHR5cGVvZiB2YWwgPT09ICdzdHJpbmcnKSB7XG4gICAgICB0aGlzLnNlYXJjaElucHV0LnNldFZhbHVlKHZhbCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc2VhcmNoSW5wdXQucmVzZXQoKTtcbiAgICB9XG4gIH1cbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSB3aGVuU2VhcmNoQ2hhbmdlcyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItc2VhcmNoJztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMud2F0Y2hTZWFyY2goKTtcbiAgfVxuXG4gIHRvb2dsZVNlYXJjaCgpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dNb2JpbGVJbnB1dCA9ICF0aGlzLnNob3dNb2JpbGVJbnB1dDtcbiAgfVxuICBjbG9zZU1vYmlsZSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5jbGVhbldoZW5DbG9zZSkge1xuICAgICAgdGhpcy5zZWFyY2hJbnB1dC5yZXNldCgpO1xuICAgIH1cbiAgICB0aGlzLnNob3dNb2JpbGVJbnB1dCA9IGZhbHNlO1xuICB9XG5cbiAgcHJpdmF0ZSB3YXRjaFNlYXJjaCgpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaElucHV0LnZhbHVlQ2hhbmdlc1xuICAgICAgLnBpcGUoXG4gICAgICAgIHRhcCgodmFsdWUpID0+IHRoaXMuc2V0U2hvd0Rlc2NrdG9wQ2xlYW5CdG4odmFsdWUpKSxcbiAgICAgICAgZGVib3VuY2VUaW1lKHRoaXMuZGVib3VuY2VUaW1lKSxcbiAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgdGFwKCh2YWx1ZSkgPT4gdGhpcy5zZWFyY2hDaGFuZ2VzKHZhbHVlKSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kpXG4gICAgICApXG4gICAgICAuc3Vic2NyaWJlKCk7XG4gIH1cbiAgcHJpdmF0ZSBzZWFyY2hDaGFuZ2VzKHNlYXJjaFZhbD86IHN0cmluZyB8IG51bGwpOiB2b2lkIHtcbiAgICBjb25zdCB2YWx1ZSA9XG4gICAgICB0eXBlb2Ygc2VhcmNoVmFsID09PSAnc3RyaW5nJyAmJiBzZWFyY2hWYWwubGVuZ3RoID4gMCA/IHNlYXJjaFZhbCA6ICcnO1xuICAgIHRoaXMud2hlblNlYXJjaENoYW5nZXMuZW1pdCh2YWx1ZSk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxuICBwcml2YXRlIHNldFNob3dEZXNja3RvcENsZWFuQnRuKHZhbHVlOiBzdHJpbmcgfCBudWxsIHwgdW5kZWZpbmVkKTogdm9pZCB7XG4gICAgdGhpcy5zaG93RGVzY2t0b3BDbGVhbkJ0biA9IHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgJiYgdmFsdWUubGVuZ3RoID4gMDtcbiAgfVxufVxuIiwiPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJvbmx5LW1vYmlsZVwiIChjbGljayk9XCJ0b29nbGVTZWFyY2goKVwiPlxuICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuXG48ZGl2IGNsYXNzPVwibWF0ZWN1LXRvcGJhci1zZWFyY2hfX2lucHV0XCIgW25nQ2xhc3NdPVwieydtb2JpbGUtaW5wdXQtYWN0aXZlJzogc2hvd01vYmlsZUlucHV0fVwiPlxuICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cbiAgPGlucHV0IFt0eXBlXT1cImlucHV0VHlwZVwiIFtmb3JtQ29udHJvbF09XCJzZWFyY2hJbnB1dFwiIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hQbGFjZWhvbGRlclwiIC8+XG4gIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbG9zZU1vYmlsZSgpXCIgW25nQ2xhc3NdPVwieydzaG93LWJ0bic6IHNob3dEZXNja3RvcENsZWFuQnRufVwiPlxuICAgIDxtYXQtaWNvbj5jbG9zZTwvbWF0LWljb24+XG4gIDwvYnV0dG9uPlxuXG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.mjs

@@ -1,19 +0,0 @@
-import { Component, HostBinding } from '@angular/core';
-import * as i0 from "@angular/core";
-export class MatecuTopbarTitleComponent {
-    constructor() {
-        this.className = 'title';
-    }
-    ngOnInit() {
-    }
-}
-MatecuTopbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MatecuTopbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarTitleComponent, selector: "matecu-topbar-title", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;margin-right:auto;padding:7px 1rem;min-height:64px;box-sizing:border-box;align-self:center}@media screen and (max-width: 425px){:host{display:none}}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarTitleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'matecu-topbar-title', template: "<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;margin-right:auto;padding:7px 1rem;min-height:64px;box-sizing:border-box;align-self:center}@media screen and (max-width: 425px){:host{display:none}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL21vZHVsZXMvbWF0ZWN1LXRvcGJhci1sYXlvdXQvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLXRpdGxlL21hdGVjdS10b3BiYXItdGl0bGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9tb2R1bGVzL21hdGVjdS10b3BiYXItbGF5b3V0L2NvbXBvbmVudHMvbWF0ZWN1LXRvcGJhci10aXRsZS9tYXRlY3UtdG9wYmFyLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU8vRCxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDO1FBRHNCLGNBQVMsR0FBRyxPQUFPLENBQUM7SUFDMUIsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7dUhBTlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsZ0hDUHZDLDJCQUF5QjsyRkRPWiwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzBFQU1ULFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLXRpdGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtdG9wYmFyLXRpdGxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1VG9wYmFyVGl0bGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAndGl0bGUnO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=

package/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.d.ts

@@ -1,8 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class MatecuTopbarActionsComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatecuTopbarActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatecuTopbarActionsComponent, "matecu-topbar-actions", never, {}, {}, never, ["*"]>;
-}

package/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.d.ts

@@ -1,30 +0,0 @@
-import { AfterViewInit, EventEmitter } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { Observable } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class MatecuTopbarLayoutComponent implements AfterViewInit {
-    className: string;
-    showSearchInput: boolean;
-    search: boolean;
-    searchInput: FormControl;
-    isProminent: boolean;
-    private scrollingClass;
-    private prominentClass;
-    color: string;
-    navMenu: boolean;
-    actionMenu: boolean;
-    clickNavMenu: EventEmitter<void>;
-    clickActionMenu: EventEmitter<void>;
-    set prominent(value: boolean);
-    constructor();
-    ngAfterViewInit(): void;
-    toogleSearch(): void;
-    closeSearch(): void;
-    onMenuClick(): void;
-    onClickNavMenu(): void;
-    onClickActionMenu(): void;
-    spyScroll(): Observable<HTMLElement | null>;
-    applyScrollStyles(scrollabe: HTMLElement): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatecuTopbarLayoutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatecuTopbarLayoutComponent, "matecu-topbar-layout", never, { "color": "color"; "navMenu": "navMenu"; "actionMenu": "actionMenu"; "prominent": "prominent"; }, { "clickNavMenu": "clickNavMenu"; "clickActionMenu": "clickActionMenu"; }, never, ["matecu-topbar-fab", "matecu-topbar-title", "matecu-topbar-search", "matecu-topbar-actions", "matecu-topbar-body"]>;
-}