@cauca-911/material 12.0.0 → 13.0.2

package/fesm2015/cauca-911-material.mjs

@@ -0,0 +1,984 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Inject, EventEmitter, ViewChild, Output, Input, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i6 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i4 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i5 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i2$1 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i3$1 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i1$2 from '@cauca-911/core';
+import { CaucaCoreForChildModule } from '@cauca-911/core';
+import * as i1$1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i1$3 from '@angular/router';
+import { NavigationEnd } from '@angular/router';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+
+class CaucaMaterialService {
+    constructor() { }
+}
+CaucaMaterialService.ɵfac = function CaucaMaterialService_Factory(t) { return new (t || CaucaMaterialService)(); };
+CaucaMaterialService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaucaMaterialService, factory: CaucaMaterialService.ɵfac, providedIn: 'root' });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialService, [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], function () { return []; }, null);
+})();
+
+class CaucaMaterialComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+CaucaMaterialComponent.ɵfac = function CaucaMaterialComponent_Factory(t) { return new (t || CaucaMaterialComponent)(); };
+CaucaMaterialComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMaterialComponent, selectors: [["cauca-material"]], decls: 3, vars: 3, template: function CaucaMaterialComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
+        }
+    }, pipes: [i1.TranslatePipe], encapsulation: 2 });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-material', styles: [], template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
+        }], function () { return []; }, null);
+})();
+
+class SimpleDialogData {
+    constructor() {
+        this.buttons = [];
+    }
+}
+
+function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r5 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "button", 6);
+        i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_div_4_button_1_Template_button_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const i_r3 = restoredCtx.index; const ctx_r4 = i0.ɵɵnextContext(2); return ctx_r4.onClick(i_r3); });
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const label_r2 = ctx.$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(label_r2);
+    }
+}
+function CaucaSimpleDialogComponent_div_4_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 4);
+        i0.ɵɵtemplate(1, CaucaSimpleDialogComponent_div_4_button_1_Template, 2, 1, "button", 5);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", ctx_r0.data.buttons);
+    }
+}
+class CaucaSimpleDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    ngOnInit() { }
+    onClick(buttonIndex) {
+        this.dialogRef.close(buttonIndex);
+    }
+}
+CaucaSimpleDialogComponent.ɵfac = function CaucaSimpleDialogComponent_Factory(t) { return new (t || CaucaSimpleDialogComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); };
+CaucaSimpleDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], decls: 5, vars: 3, consts: [["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], ["mat-dialog-actions", "", 4, "ngIf"], ["mat-dialog-actions", ""], ["mat-raised-button", "", 3, "click", 4, "ngFor", "ngForOf"], ["mat-raised-button", "", 3, "click"]], template: function CaucaSimpleDialogComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "h1", 0);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 1);
+            i0.ɵɵelement(3, "div", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, CaucaSimpleDialogComponent_div_4_Template, 2, 1, "div", 3);
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(ctx.data.title);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.data.buttons);
+        }
+    }, directives: [i2.NgIf, i2.NgForOf, i3.MatButton], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-simple-dialog', template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div [innerHTML]=\"data.message\"></div>\n</div>\n<div mat-dialog-actions *ngIf=\"data.buttons\">\n  <button *ngFor=\"let label of data.buttons; let i = index\" mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n</div>", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
+        }], function () {
+        return [{ type: i1$1.MatDialogRef }, { type: SimpleDialogData, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }];
+    }, null);
+})();
+
+const _c0$2 = ["file"];
+function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-icon");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r0.icon);
+    }
+}
+function CaucaInputFileComponent_span_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "span");
+        i0.ɵɵtext(1);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(ctx_r1.text);
+    }
+}
+function CaucaInputFileComponent_ng_container_3_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r7 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementContainerStart(0);
+        i0.ɵɵelementStart(1, "input", 4, 5);
+        i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.onSelectFile($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementContainerEnd();
+    }
+    if (rf & 2) {
+        const ctx_r2 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("accept", ctx_r2.accept);
+    }
+}
+function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r10 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "input", 6, 5);
+        i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.onSelectFile($event); });
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const ctx_r4 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("accept", ctx_r4.accept);
+    }
+}
+class CaucaInputFileComponent {
+    constructor(translateService, dialog) {
+        this.translateService = translateService;
+        this.dialog = dialog;
+        this.readend = new EventEmitter();
+        this.accept = '';
+        this.multiple = false;
+        this.icon = '';
+        this.text = '';
+        this.labels = {};
+    }
+    ngOnInit() {
+        if (!this.icon && !this.text) {
+            this.translateService.get(['material.select', 'material.dialogTitle', 'material.dialogMessage']).subscribe((labels) => {
+                this.labels = labels;
+                this.text = labels['material.select'];
+            });
+        }
+    }
+    onSelectFile(e) {
+        for (let i = 0, j = e.target.files.length; i < j; i++) {
+            const file = e.target.files[i];
+            const reader = new FileReader();
+            reader.onerror = ((error) => this.onError(error));
+            reader.onload = ((event) => this.onReadEnd(file, event));
+            reader.readAsDataURL(file);
+        }
+        if (e.target.files.length) {
+            this.dialog.open(CaucaSimpleDialogComponent, {
+                width: '250px',
+                disableClose: true,
+                data: {
+                    title: this.labels['material.dialogTitle'],
+                    message: this.labels['material.dialogMessage']
+                }
+            });
+        }
+    }
+    openDialog(event) {
+        if (this.file) {
+            this.file.nativeElement.click();
+        }
+        event.stopPropagation();
+    }
+    onError(error) {
+        throw error;
+    }
+    onReadEnd(file, e) {
+        this.dialog.closeAll();
+        this.readend.emit({
+            name: file.name,
+            size: file.size,
+            type: file.type,
+            lastModifiedDate: file.lastModifiedDate,
+            content: e.target['result'],
+            file,
+        });
+    }
+}
+CaucaInputFileComponent.ɵfac = function CaucaInputFileComponent_Factory(t) { return new (t || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1$2.TranslateService), i0.ɵɵdirectiveInject(i1$1.MatDialog)); };
+CaucaInputFileComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$2, 5);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.file = _t.first);
+        }
+    }, inputs: { accept: "accept", multiple: "multiple", icon: "icon", text: "text" }, outputs: { readend: "readend" }, decls: 6, vars: 4, consts: [["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["notMultipleInput", ""], ["type", "file", "multiple", "multiple", 3, "accept", "change"], ["file", ""], ["type", "file", 3, "accept", "change"]], template: function CaucaInputFileComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { return ctx.openDialog($event); });
+            i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 1);
+            i0.ɵɵtemplate(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 2);
+            i0.ɵɵtemplate(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
+        }
+        if (rf & 2) {
+            const _r3 = i0.ɵɵreference(5);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.icon);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.text);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", _r3);
+        }
+    }, directives: [i3.MatButton, i2.NgIf, i5.MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-input-file', template: "<button mat-raised-button (click)=\"openDialog($event)\">\n    <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n    <span *ngIf=\"text\">{{text}}</span>\n</button>\n<ng-container *ngIf=\"multiple; else notMultipleInput\">\n  <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n</ng-container>\n\n<ng-template #notMultipleInput>\n  <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n</ng-template>", styles: [":host input{display:none}\n"] }]
+        }], function () { return [{ type: i1$2.TranslateService }, { type: i1$1.MatDialog }]; }, { file: [{
+                type: ViewChild,
+                args: ['file', { static: false }]
+            }], readend: [{
+                type: Output
+            }], accept: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }] });
+})();
+
+function CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-error");
+        i0.ɵɵtext(1);
+        i0.ɵɵpipe(2, "translate");
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const i_r2 = i0.ɵɵnextContext().index;
+        const ctx_r3 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(1);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r3.getErrorMessage(i_r2)));
+    }
+}
+function CaucaInputMultipleLangueComponent_mat_tab_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "mat-tab", 2)(1, "mat-form-field", 3);
+        i0.ɵɵelement(2, "input", 4);
+        i0.ɵɵtemplate(3, CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template, 3, 3, "mat-error", 5);
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const lang_r1 = ctx.$implicit;
+        const i_r2 = ctx.index;
+        const ctx_r0 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("label", lang_r1);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("placeholder", lang_r1)("formControl", ctx_r0.forms[i_r2]);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", ctx_r0.forms[i_r2].invalid);
+    }
+}
+class CaucaInputMultipleLangueComponent {
+    constructor(coreService, translate) {
+        this.translate = translate;
+        this.value = [];
+        this.forms = [];
+        this.labels = [];
+        this.selectedIndex = 0;
+        this.config = coreService.getConfig();
+    }
+    ngOnInit() {
+        this.translate.get(this.config.languages).subscribe((labels) => {
+            for (const i in labels) {
+                if (labels[i]) {
+                    this.labels.push(labels[i]);
+                }
+            }
+            this.initializeForms();
+        });
+    }
+    onTagChanged(tabIndex) {
+        console.log('cauca-material', tabIndex);
+        console.log('cauca-material', this.value);
+        console.log('cauca-material', this.forms);
+    }
+    getErrorMessage(index) {
+        return this.forms[index].hasError('required') ? 'error.required' : '';
+    }
+    initializeForms() {
+        this.labels.forEach((item, index) => {
+            this.forms[index] = new FormControl('', [Validators.required]);
+            this.forms[index].setValue(this.value[index] || '');
+        });
+    }
+}
+CaucaInputMultipleLangueComponent.ɵfac = function CaucaInputMultipleLangueComponent_Factory(t) { return new (t || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1$2.CaucaCoreService), i0.ɵɵdirectiveInject(i1$2.TranslateService)); };
+CaucaInputMultipleLangueComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls: 2, vars: 2, consts: [[3, "selectedIndex", "selectedIndexChange"], [3, "label", 4, "ngFor", "ngForOf"], [3, "label"], ["hideRequiredMarker", "never"], ["matInput", "", "required", "required", 3, "placeholder", "formControl"], [4, "ngIf"]], template: function CaucaInputMultipleLangueComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-tab-group", 0);
+            i0.ɵɵlistener("selectedIndexChange", function CaucaInputMultipleLangueComponent_Template_mat_tab_group_selectedIndexChange_0_listener($event) { return ctx.onTagChanged($event); });
+            i0.ɵɵtemplate(1, CaucaInputMultipleLangueComponent_mat_tab_1_Template, 4, 4, "mat-tab", 1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.labels);
+        }
+    }, directives: [i2$1.MatTabGroup, i2.NgForOf, i2$1.MatTab, i4.MatFormField, i5$1.MatInput, i6.DefaultValueAccessor, i6.RequiredValidator, i6.NgControlStatus, i6.FormControlDirective, i2.NgIf, i4.MatError], pipes: [i1.TranslatePipe], styles: [".mat-form-field[_ngcontent-%COMP%]{width:100%}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-input-multiple-langue', template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n  <mat-tab *ngFor=\"let lang of labels; let i = index\" [label]=\"lang\">\n    <mat-form-field hideRequiredMarker=\"never\">\n      <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n      <mat-error *ngIf=\"forms[i].invalid\">{{getErrorMessage(i) | translate}}</mat-error>\n    </mat-form-field>\n  </mat-tab>\n</mat-tab-group>", styles: [".mat-form-field{width:100%}\n"] }]
+        }], function () { return [{ type: i1$2.CaucaCoreService }, { type: i1$2.TranslateService }]; }, { value: [{
+                type: Input
+            }] });
+})();
+
+function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "fa-icon", 8);
+    }
+    if (rf & 2) {
+        const menu_r1 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵproperty("icon", menu_r1.icon);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "img", 9);
+    }
+    if (rf & 2) {
+        const menu_r1 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵproperty("src", menu_r1.icon, i0.ɵɵsanitizeUrl);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 5);
+        i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6);
+        i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template, 1, 1, "img", 7);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const menu_r1 = i0.ɵɵnextContext().$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", menu_r1.icon.filter !== undefined);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", menu_r1.icon.filter === undefined);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 10)(1, "span");
+        i0.ɵɵtext(2);
+        i0.ɵɵpipe(3, "translate");
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const menu_r1 = i0.ɵɵnextContext().$implicit;
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r1.label));
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 15);
+        i0.ɵɵtext(1, "\u2022");
+        i0.ɵɵelementEnd();
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "fa-icon", 8);
+    }
+    if (rf & 2) {
+        const submenu_r12 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵproperty("icon", submenu_r12.icon);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelement(0, "img", 9);
+    }
+    if (rf & 2) {
+        const submenu_r12 = i0.ɵɵnextContext(2).$implicit;
+        i0.ɵɵproperty("src", submenu_r12.icon, i0.ɵɵsanitizeUrl);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 5);
+        i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_fa_icon_1_Template, 1, 1, "fa-icon", 6);
+        i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template, 1, 1, "img", 7);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const submenu_r12 = i0.ɵɵnextContext().$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", submenu_r12.icon.filter !== undefined);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", submenu_r12.icon.filter === undefined);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 10)(1, "span");
+        i0.ɵɵtext(2);
+        i0.ɵɵpipe(3, "translate");
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const submenu_r12 = i0.ɵɵnextContext().$implicit;
+        i0.ɵɵadvance(2);
+        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r12.label));
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r23 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 13);
+        i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template_div_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r23); const submenu_r12 = restoredCtx.$implicit; const ctx_r22 = i0.ɵɵnextContext(3); return ctx_r22.goTo(submenu_r12.path, $event); });
+        i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template, 2, 0, "div", 14);
+        i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template, 3, 2, "div", 2);
+        i0.ɵɵtemplate(3, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template, 4, 3, "div", 3);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const submenu_r12 = ctx.$implicit;
+        i0.ɵɵclassMap(submenu_r12.activated ? "menu selected" : "menu");
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", !submenu_r12.icon);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", submenu_r12.icon);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", submenu_r12.label);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_div_4_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 11);
+        i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template, 4, 5, "div", 12);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const menu_r1 = i0.ɵɵnextContext().$implicit;
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngForOf", menu_r1.childs);
+    }
+}
+function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r26 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "h4")(1, "div", 1);
+        i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r26); const menu_r1 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(); return ctx_r25.goTo(menu_r1.path, $event); });
+        i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2);
+        i0.ɵɵtemplate(3, CaucaMenuVerticalComponent_h4_0_div_3_Template, 4, 3, "div", 3);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(4, CaucaMenuVerticalComponent_h4_0_div_4_Template, 2, 1, "div", 4);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const menu_r1 = ctx.$implicit;
+        i0.ɵɵclassMap(menu_r1.activated ? "selected" : "");
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", menu_r1.icon);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", menu_r1.label);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngIf", menu_r1.childs.length && menu_r1.activated);
+    }
+}
+class CaucaMenuVerticalComponent {
+    constructor(router) {
+        this.router = router;
+        this.itemClick = new EventEmitter();
+        this.menuItems = [];
+        this.router.events.subscribe((route) => {
+            if (route instanceof NavigationEnd) {
+                this.selectActiveRoute(route);
+            }
+        });
+    }
+    ngOnInit() {
+    }
+    goTo(path, e) {
+        this.router.navigate([path]);
+        this.itemClick.emit();
+        e.stopPropagation();
+    }
+    selectActiveRoute(route) {
+        this.menuItems.forEach((menu) => {
+            if (route.url) {
+                menu.activated = (route.url === menu.path || (menu.childs.length && route.url.indexOf(menu.path) > -1));
+            }
+            menu.childs.forEach((subMenu) => {
+                if (route.url) {
+                    subMenu.activated = (route.url === subMenu.path || route.urlAfterRedirects === subMenu.path);
+                }
+            });
+        });
+    }
+}
+CaucaMenuVerticalComponent.ɵfac = function CaucaMenuVerticalComponent_Factory(t) { return new (t || CaucaMenuVerticalComponent)(i0.ɵɵdirectiveInject(i1$3.Router)); };
+CaucaMenuVerticalComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuVerticalComponent, selectors: [["cauca-menu-vertical"]], inputs: { menuItems: "menuItems" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [[3, "class", 4, "ngFor", "ngForOf"], [1, "menu", 3, "click"], ["class", "menu-icon", 4, "ngIf"], ["class", "menu-caption", 4, "ngIf"], ["class", "submenu", 4, "ngIf"], [1, "menu-icon"], [3, "icon", 4, "ngIf"], [3, "src", 4, "ngIf"], [3, "icon"], [3, "src"], [1, "menu-caption"], [1, "submenu"], [3, "class", "click", 4, "ngFor", "ngForOf"], [3, "click"], ["class", "menu-dot", 4, "ngIf"], [1, "menu-dot"]], template: function CaucaMenuVerticalComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵtemplate(0, CaucaMenuVerticalComponent_h4_0_Template, 5, 5, "h4", 0);
+        }
+        if (rf & 2) {
+            i0.ɵɵproperty("ngForOf", ctx.menuItems);
+        }
+    }, directives: [i2.NgForOf, i2.NgIf, i3$1.FaIconComponent], pipes: [i1.TranslatePipe], styles: [".menu[_ngcontent-%COMP%], .submenu[_ngcontent-%COMP%]{cursor:pointer}h4[_ngcontent-%COMP%]{margin:0;padding:0}h4[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%]{padding:1em 0;display:flex;flex-direction:row}h4[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{flex:1 1 auto;align-self:center}.menu-dot[_ngcontent-%COMP%]{max-width:1.1em;text-align:center;margin-right:.5em;font-size:2em}.menu-icon[_ngcontent-%COMP%]{max-width:60px;text-align:center;margin-right:.5em}.submenu[_ngcontent-%COMP%]{margin-left:1em}.submenu[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%]{padding:0;font-size:.9em;line-height:2.2em}.submenu[_ngcontent-%COMP%]   .menu[_ngcontent-%COMP%]:before{content:\"\";margin-left:1.1em;width:.1em;height:2.5em;position:relative;background:#ffffff;margin-right:-1.17em}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuVerticalComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-menu-vertical', template: "<h4 *ngFor=\"let menu of menuItems\" [class]=\"menu.activated ? 'selected' : ''\">\n    <div (click)=\"goTo(menu.path, $event)\" class=\"menu\">\n        <div *ngIf=\"menu.icon\" class=\"menu-icon\">\n            <fa-icon *ngIf=\"menu.icon.filter !== undefined\" [icon]=\"menu.icon\"></fa-icon>\n            <img *ngIf=\"menu.icon.filter === undefined\" [src]=\"menu.icon\" />\n        </div>\n        <div *ngIf=\"menu.label\" class=\"menu-caption\">\n            <span>{{menu.label | translate}}</span>\n        </div>\n    </div>\n    <div *ngIf=\"menu.childs.length && menu.activated\" class=\"submenu\">\n        <div\n            *ngFor=\"let submenu of menu.childs\"\n            [class]=\"submenu.activated ? 'menu selected' : 'menu'\"\n            (click)=\"goTo(submenu.path, $event)\">\n            <div *ngIf=\"!submenu.icon\" class=\"menu-dot\">&bull;</div>\n            <div *ngIf=\"submenu.icon\" class=\"menu-icon\">\n                <fa-icon *ngIf=\"submenu.icon.filter !== undefined\" [icon]=\"submenu.icon\"></fa-icon>\n                <img *ngIf=\"submenu.icon.filter === undefined\" [src]=\"submenu.icon\" />\n            </div>\n            <div *ngIf=\"submenu.label\" class=\"menu-caption\">\n                <span>{{submenu.label | translate}}</span>\n            </div>\n        </div>\n    </div>\n</h4>\n", styles: [".menu,.submenu{cursor:pointer}h4{margin:0;padding:0}h4 .menu{padding:1em 0;display:flex;flex-direction:row}h4 .menu>div{flex:1 1 auto;align-self:center}.menu-dot{max-width:1.1em;text-align:center;margin-right:.5em;font-size:2em}.menu-icon{max-width:60px;text-align:center;margin-right:.5em}.submenu{margin-left:1em}.submenu .menu{padding:0;font-size:.9em;line-height:2.2em}.submenu .menu:before{content:\"\";margin-left:1.1em;width:.1em;height:2.5em;position:relative;background:#ffffff;margin-right:-1.17em}\n"] }]
+        }], function () { return [{ type: i1$3.Router }]; }, { itemClick: [{
+                type: Output
+            }], menuItems: [{
+                type: Input
+            }] });
+})();
+
+function CaucaMenuSidebarComponent_div_10_Template(rf, ctx) {
+    if (rf & 1) {
+        const _r3 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 4)(1, "div", 5);
+        i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_div_10_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return ctx_r2.onToggleCollapse(); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(2, "span", 6);
+        i0.ɵɵtext(3);
+        i0.ɵɵpipe(4, "translate");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(5, "span", 7);
+        i0.ɵɵtext(6);
+        i0.ɵɵelementEnd()();
+    }
+    if (rf & 2) {
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 3, "material.version"), " ", ctx_r1.version, "");
+        i0.ɵɵadvance(3);
+        i0.ɵɵtextInterpolate(ctx_r1.version);
+    }
+}
+const _c0$1 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]]];
+const _c1 = ["[header]", "[beforeMenu]", "[afterMenu]"];
+class CaucaMenuSidebarComponent {
+    constructor(element) {
+        this.menuItems = [];
+        this.version = '';
+        this.keepMenuExpanded = false;
+        this.hostElement = element.nativeElement;
+        this.hostElement.addEventListener('mouseover', (e) => this.onMouseOver(e));
+        this.hostElement.addEventListener('mouseout', (e) => this.onMouseOut(e));
+        this.setDisplayMenu();
+    }
+    onResize(e) {
+        this.setDisplayMenu();
+    }
+    ngOnInit() {
+    }
+    onMenuItemClick() {
+        if (window.innerWidth < 1000) {
+            this.hideOnMobile();
+        }
+    }
+    hideOnMobile() {
+        this.hostElement.classList.remove('mobile');
+        this.hostElement.classList.add('hidden');
+    }
+    showOnMobile() {
+        this.hostElement.classList.remove('hidden');
+        this.hostElement.classList.add('mobile');
+    }
+    onToggleCollapse() {
+        if (this.keepMenuExpanded) {
+            this.onCollapseMenu();
+            this.hostElement.classList.remove('keepExpanded');
+        }
+        else {
+            this.onExpandedMenu();
+            this.hostElement.classList.add('keepExpanded');
+        }
+        this.keepMenuExpanded = !this.keepMenuExpanded;
+        localStorage.setItem('cauca-menu-status', this.keepMenuExpanded ? 'expanded' : 'collapsed');
+    }
+    setDisplayMenu() {
+        this.hostElement.className = '';
+        if (window.innerWidth < 1000) {
+            this.hostElement.classList.add('hidden');
+        }
+        else {
+            if (localStorage.getItem('cauca-menu-status') === 'expanded') {
+                this.keepMenuExpanded = true;
+                this.hostElement.classList.add('keepExpanded');
+            }
+            this.hostElement.classList.add(this.keepMenuExpanded ? 'expanded' : 'collapsed');
+        }
+    }
+    onMouseOver(e) {
+        if (!this.keepMenuExpanded) {
+            this.onExpandedMenu();
+        }
+        e.stopPropagation();
+    }
+    onMouseOut(e) {
+        if (!this.keepMenuExpanded) {
+            this.onCollapseMenu();
+        }
+        e.stopPropagation();
+    }
+    onExpandedMenu() {
+        if (window.innerWidth >= 1000) {
+            this.hostElement.classList.remove('collapsed');
+            this.hostElement.classList.add('expanded');
+        }
+    }
+    onCollapseMenu() {
+        if (window.innerWidth >= 1000) {
+            this.hostElement.classList.remove('expanded');
+            this.hostElement.classList.add('collapsed');
+        }
+    }
+}
+CaucaMenuSidebarComponent.ɵfac = function CaucaMenuSidebarComponent_Factory(t) { return new (t || CaucaMenuSidebarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
+CaucaMenuSidebarComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuSidebarComponent, selectors: [["cauca-menu-sidebar"]], hostBindings: function CaucaMenuSidebarComponent_HostBindings(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵlistener("resize", function CaucaMenuSidebarComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
+        }
+    }, inputs: { menuItems: "menuItems", version: "version" }, ngContentSelectors: _c1, decls: 11, vars: 2, consts: [["mat-icon-button", "", 1, "close", 3, "click"], [3, "menuItems", "itemClick"], ["menu", ""], ["class", "version", 4, "ngIf"], [1, "version"], [1, "double-arrow", 3, "click"], [1, "full"], [1, "abbr"]], template: function CaucaMenuSidebarComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$1);
+            i0.ɵɵelementStart(0, "div")(1, "button", 0);
+            i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_Template_button_click_1_listener() { return ctx.hideOnMobile(); });
+            i0.ɵɵelementStart(2, "mat-icon");
+            i0.ɵɵtext(3, "clear");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵprojection(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "div");
+            i0.ɵɵprojection(6, 1);
+            i0.ɵɵelementStart(7, "cauca-menu-vertical", 1, 2);
+            i0.ɵɵlistener("itemClick", function CaucaMenuSidebarComponent_Template_cauca_menu_vertical_itemClick_7_listener() { return ctx.onMenuItemClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(9, 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(10, CaucaMenuSidebarComponent_div_10_Template, 7, 5, "div", 3);
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("menuItems", ctx.menuItems);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.version);
+        }
+    }, directives: [i3.MatButton, i5.MatIcon, CaucaMenuVerticalComponent, i2.NgIf], pipes: [i1.TranslatePipe], styles: ["[_nghost-%COMP%]{height:100%;flex-direction:column;display:flex;transition:all .1s ease-out;overflow:hidden;scrollbar-width:5px;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,.2)}[_ngcontent-%COMP%]::-webkit-scrollbar{width:5px}[_ngcontent-%COMP%]::-webkit-scrollbar-track{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0003;outline:1px solid slategrey}[_nghost-%COMP%] > div[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:0 0 auto}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:nth-child(2){flex-grow:1;overflow:hidden auto}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:last-child{max-height:1em}.hidden[_nghost-%COMP%]{width:0;min-width:0;max-width:0}.mobile[_nghost-%COMP%]{width:275px;min-width:275px;max-width:275px;position:absolute;z-index:10}.collapsed[_nghost-%COMP%]{width:75px;min-width:75px;max-width:75px}.expanded[_nghost-%COMP%]{width:275px;min-width:275px;max-width:275px}[_nghost-%COMP%]   .close[_ngcontent-%COMP%]{display:none}.mobile[_nghost-%COMP%]   .close[_ngcontent-%COMP%]{right:0;display:inline-block;position:absolute}.double-arrow[_ngcontent-%COMP%]{height:3em;line-height:3em;cursor:pointer;position:fixed;opacity:.25;margin-top:-1em}.double-arrow[_ngcontent-%COMP%]:hover{opacity:1}.expanded[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]:before, .collapsed[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]:before{font-family:Material Icons;content:\"double_arrow\";font-size:3em;text-align:right}.collapsed[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]{margin-left:10px}.expanded[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]{margin-left:200px}.collapsed[_nghost-%COMP%]     .menu-caption, .collapsed[_nghost-%COMP%]     .submenu{display:none}.keepExpanded[_nghost-%COMP%]   .double-arrow[_ngcontent-%COMP%]{transform:rotate(180deg);opacity:1}.version[_ngcontent-%COMP%]{bottom:0;padding:1em}.full[_ngcontent-%COMP%], .abbr[_ngcontent-%COMP%]{display:none}.collapsed[_nghost-%COMP%]   .abbr[_ngcontent-%COMP%]{display:inline}.mobile[_nghost-%COMP%]   .full[_ngcontent-%COMP%], .expanded[_nghost-%COMP%]   .full[_ngcontent-%COMP%]{display:inline}@media only screen and (max-width: 1000px){.double-arrow[_ngcontent-%COMP%]{display:none}}"] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-menu-sidebar', template: "<div>\n    <button mat-icon-button class=\"close\" (click)=\"hideOnMobile()\">\n        <mat-icon>clear</mat-icon>\n    </button>\n    <ng-content select=\"[header]\"></ng-content>\n</div>\n<div>\n    <ng-content select=\"[beforeMenu]\"></ng-content>\n    <cauca-menu-vertical #menu [menuItems]=\"menuItems\" (itemClick)=\"onMenuItemClick()\"></cauca-menu-vertical>\n    <ng-content select=\"[afterMenu]\"></ng-content>\n</div>\n<div *ngIf=\"version\" class=\"version\">\n    <div class=\"double-arrow\" (click)=\"onToggleCollapse()\"></div>\n    <span class=\"full\">{{'material.version' | translate}} {{version}}</span>\n    <span class=\"abbr\">{{version}}</span>\n</div>\n", styles: [":host{height:100%;flex-direction:column;display:flex;transition:all .1s ease-out;overflow:hidden;scrollbar-width:5px;scrollbar-color:rgba(0,0,0,.1) rgba(0,0,0,.2)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1)}::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0003;outline:1px solid slategrey}:host>div{flex:1}:host>div:first-child{flex:0 0 auto}:host>div:nth-child(2){flex-grow:1;overflow:hidden auto}:host>div:last-child{max-height:1em}:host.hidden{width:0;min-width:0;max-width:0}:host.mobile{width:275px;min-width:275px;max-width:275px;position:absolute;z-index:10}:host.collapsed{width:75px;min-width:75px;max-width:75px}:host.expanded{width:275px;min-width:275px;max-width:275px}:host .close{display:none}:host.mobile .close{right:0;display:inline-block;position:absolute}.double-arrow{height:3em;line-height:3em;cursor:pointer;position:fixed;opacity:.25;margin-top:-1em}.double-arrow:hover{opacity:1}:host.expanded .double-arrow:before,:host.collapsed .double-arrow:before{font-family:Material Icons;content:\"double_arrow\";font-size:3em;text-align:right}:host.collapsed .double-arrow{margin-left:10px}:host.expanded .double-arrow{margin-left:200px}:host.collapsed ::ng-deep .menu-caption,:host.collapsed ::ng-deep .submenu{display:none}:host.keepExpanded .double-arrow{transform:rotate(180deg);opacity:1}.version{bottom:0;padding:1em}.full,.abbr{display:none}:host.collapsed .abbr{display:inline}:host.mobile .full,:host.expanded .full{display:inline}@media only screen and (max-width: 1000px){.double-arrow{display:none}}\n"] }]
+        }], function () { return [{ type: i0.ElementRef }]; }, { menuItems: [{
+                type: Input
+            }], version: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] });
+})();
+
+const _c0 = ["container"];
+function CaucaSlideshowComponent_div_2_Template(rf, ctx) {
+    if (rf & 1) {
+        i0.ɵɵelementStart(0, "div");
+        i0.ɵɵelement(1, "img", 3);
+        i0.ɵɵelementEnd();
+    }
+    if (rf & 2) {
+        const url_r2 = ctx.$implicit;
+        const index_r3 = ctx.index;
+        const ctx_r1 = i0.ɵɵnextContext();
+        i0.ɵɵproperty("@slideLeftRight", ctx_r1.getState(index_r3));
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("src", url_r2, i0.ɵɵsanitizeUrl);
+    }
+}
+class CaucaSlideshowComponent {
+    constructor() {
+        this.height = '150px';
+        this.autoPlay = true;
+        this.timer = null;
+        this.items = [];
+        this.states = [];
+        this.selectedIndex = 0;
+    }
+    set images(list) {
+        this.items = list;
+        this.restart();
+    }
+    get images() {
+        return this.items;
+    }
+    ngOnInit() {
+        this.container.nativeElement.style.height = this.height;
+        this.container.nativeElement.style.width = '100%';
+    }
+    getState(index) {
+        if (this.states[index]) {
+            return this.states[index];
+        }
+        return (this.selectedIndex === index ? 'in' : 'out');
+    }
+    restart() {
+        if (this.timer) {
+            window.clearInterval(this.timer);
+        }
+        if (this.images && this.images.length) {
+            this.timer = window.setInterval(() => this.changed('next'), 5000);
+        }
+    }
+    next() {
+        if (this.selectedIndex < this.items.length - 1) {
+            this.selectedIndex++;
+        }
+        else {
+            this.selectedIndex = 0;
+        }
+    }
+    changed(action) {
+        this.states[this.selectedIndex] = 'out';
+        this[action]();
+        this.states[this.selectedIndex] = 'in';
+    }
+}
+CaucaSlideshowComponent.ɵfac = function CaucaSlideshowComponent_Factory(t) { return new (t || CaucaSlideshowComponent)(); };
+CaucaSlideshowComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSlideshowComponent, selectors: [["cauca-slideshow"]], viewQuery: function CaucaSlideshowComponent_Query(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        }
+        if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+        }
+    }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, decls: 3, vars: 1, consts: [[1, "slideshow"], ["container", ""], [4, "ngFor", "ngForOf"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0, 1);
+            i0.ɵɵtemplate(2, CaucaSlideshowComponent_div_2_Template, 2, 2, "div", 2);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.images);
+        }
+    }, directives: [i2.NgForOf], styles: [".slideshow[_ngcontent-%COMP%]{margin:0 auto;position:relative;overflow:hidden}.slideshow[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute}img[_ngcontent-%COMP%]{max-height:100%;max-width:100%;margin:0 auto;display:block}"], data: { animation: [
+            trigger('slideUpDown', [
+                state('in', style({ transform: 'translateY(0%)' })),
+                state('out', style({ transform: 'translateY(-100%)' })),
+                transition('in => out', [
+                    animate('500ms ease-in')
+                ]),
+                transition('out => in', [
+                    style({ transform: 'translateY(100%)' }),
+                    animate('500ms ease-in')
+                ]),
+            ]),
+            trigger('slideLeftRight', [
+                state('in', style({ transform: 'translateX(0%)' })),
+                state('out', style({ transform: 'translateX(-100%)' })),
+                transition('in => out', [
+                    animate('500ms ease-in')
+                ]),
+                transition('out => in', [
+                    style({ transform: 'translateX(100%)' }),
+                    animate('500ms ease-in')
+                ]),
+            ]),
+        ] } });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
+            type: Component,
+            args: [{ selector: 'cauca-slideshow', animations: [
+                        trigger('slideUpDown', [
+                            state('in', style({ transform: 'translateY(0%)' })),
+                            state('out', style({ transform: 'translateY(-100%)' })),
+                            transition('in => out', [
+                                animate('500ms ease-in')
+                            ]),
+                            transition('out => in', [
+                                style({ transform: 'translateY(100%)' }),
+                                animate('500ms ease-in')
+                            ]),
+                        ]),
+                        trigger('slideLeftRight', [
+                            state('in', style({ transform: 'translateX(0%)' })),
+                            state('out', style({ transform: 'translateX(-100%)' })),
+                            transition('in => out', [
+                                animate('500ms ease-in')
+                            ]),
+                            transition('out => in', [
+                                style({ transform: 'translateX(100%)' }),
+                                animate('500ms ease-in')
+                            ]),
+                        ]),
+                    ], template: "<div #container class=\"slideshow\">\n  <div *ngFor=\"let url of images; let index = index;\" [@slideLeftRight]=\"getState(index)\">\n    <img [src]=\"url\" />\n  </div>\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute}img{max-height:100%;max-width:100%;margin:0 auto;display:block}\n"] }]
+        }], function () { return []; }, { container: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }], height: [{
+                type: Input
+            }], autoPlay: [{
+                type: Input
+            }], images: [{
+                type: Input
+            }] });
+})();
+
+class CaucaMaterialModule {
+}
+CaucaMaterialModule.ɵfac = function CaucaMaterialModule_Factory(t) { return new (t || CaucaMaterialModule)(); };
+CaucaMaterialModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaMaterialModule });
+CaucaMaterialModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [[
+            CommonModule,
+            CaucaCoreForChildModule,
+            FontAwesomeModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatButtonModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatTabsModule,
+        ]] });
+(function () {
+    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialModule, [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CaucaMaterialComponent,
+                        CaucaInputFileComponent,
+                        CaucaInputMultipleLangueComponent,
+                        CaucaMenuSidebarComponent,
+                        CaucaMenuVerticalComponent,
+                        CaucaSimpleDialogComponent,
+                        CaucaSlideshowComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        CaucaCoreForChildModule,
+                        FontAwesomeModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatTabsModule,
+                    ],
+                    exports: [
+                        CaucaMaterialComponent,
+                        CaucaInputFileComponent,
+                        CaucaInputMultipleLangueComponent,
+                        CaucaMenuSidebarComponent,
+                        CaucaMenuVerticalComponent,
+                        CaucaSimpleDialogComponent,
+                        CaucaSlideshowComponent,
+                    ]
+                }]
+        }], null, null);
+})();
+(function () {
+    (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { declarations: [CaucaMaterialComponent,
+            CaucaInputFileComponent,
+            CaucaInputMultipleLangueComponent,
+            CaucaMenuSidebarComponent,
+            CaucaMenuVerticalComponent,
+            CaucaSimpleDialogComponent,
+            CaucaSlideshowComponent], imports: [CommonModule,
+            CaucaCoreForChildModule,
+            FontAwesomeModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatButtonModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatTabsModule], exports: [CaucaMaterialComponent,
+            CaucaInputFileComponent,
+            CaucaInputMultipleLangueComponent,
+            CaucaMenuSidebarComponent,
+            CaucaMenuVerticalComponent,
+            CaucaSimpleDialogComponent,
+            CaucaSlideshowComponent] });
+})();
+
+class MenuItem {
+    constructor(label, path, icon = '') {
+        this.label = label;
+        this.path = path;
+        this.icon = icon;
+        this.childs = [];
+    }
+}
+
+/*
+ * Public API Surface of cauca-material
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
+//# sourceMappingURL=cauca-911-material.mjs.map