@cauca-911/material 13.0.0 → 13.0.1

package/esm2020/lib/cauca-menu-vertical/cauca-menu-vertical.component.mjs

@@ -1,172 +1,172 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { NavigationEnd } from '@angular/router';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "@fortawesome/angular-fontawesome";
-import * as i4 from "@ngx-translate/core";
-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);
-} }
-export 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.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.FaIconComponent], pipes: [i4.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.Router }]; }, { itemClick: [{
-            type: Output
-        }], menuItems: [{
-            type: Input
-        }] }); })();
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { NavigationEnd } from '@angular/router';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@angular/common";
+import * as i3 from "@fortawesome/angular-fontawesome";
+import * as i4 from "@ngx-translate/core";
+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);
+} }
+export 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.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.FaIconComponent], pipes: [i4.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.Router }]; }, { itemClick: [{
+            type: Output
+        }], menuItems: [{
+            type: Input
+        }] }); })();
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F1Y2EtbWVudS12ZXJ0aWNhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2NhdWNhLW1lbnUtdmVydGljYWwvY2F1Y2EtbWVudS12ZXJ0aWNhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2NhdWNhLW1lbnUtdmVydGljYWwvY2F1Y2EtbWVudS12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyxhQUFhLEVBQVMsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7OztJQ0UxQyw2QkFBNkU7OztJQUE3QixtQ0FBa0I7OztJQUNsRSx5QkFBZ0U7OztJQUFwQixvREFBaUI7OztJQUZqRSw4QkFBeUM7SUFDckMsOEZBQTZFO0lBQzdFLHNGQUFnRTtJQUNwRSxpQkFBTTs7O0lBRlEsZUFBb0M7SUFBcEMsd0RBQW9DO0lBQ3hDLGVBQW9DO0lBQXBDLHdEQUFvQzs7O0lBRTlDLCtCQUE2QyxXQUFBO0lBQ25DLFlBQTBCOztJQUFBLGlCQUFPLEVBQUE7OztJQUFqQyxlQUEwQjtJQUExQix5REFBMEI7OztJQVFoQywrQkFBNEM7SUFBQSxzQkFBTTtJQUFBLGlCQUFNOzs7SUFFcEQsNkJBQW1GOzs7SUFBaEMsdUNBQXFCOzs7SUFDeEUseUJBQXNFOzs7SUFBdkIsd0RBQW9COzs7SUFGdkUsOEJBQTRDO0lBQ3hDLDBHQUFtRjtJQUNuRixrR0FBc0U7SUFDMUUsaUJBQU07OztJQUZRLGVBQXVDO0lBQXZDLDREQUF1QztJQUMzQyxlQUF1QztJQUF2Qyw0REFBdUM7OztJQUVqRCwrQkFBZ0QsV0FBQTtJQUN0QyxZQUE2Qjs7SUFBQSxpQkFBTyxFQUFBOzs7SUFBcEMsZUFBNkI7SUFBN0IsNkRBQTZCOzs7O0lBVjNDLCtCQUd5QztJQUFyQyx1UEFBUyxzQ0FBMEIsSUFBQztJQUNwQyw2RkFBd0Q7SUFDeEQsNEZBR007SUFDTiw0RkFFTTtJQUNWLGlCQUFNOzs7SUFWRiwrREFBc0Q7SUFFaEQsZUFBbUI7SUFBbkIsd0NBQW1CO0lBQ25CLGVBQWtCO0lBQWxCLHVDQUFrQjtJQUlsQixlQUFtQjtJQUFuQix3Q0FBbUI7OztJQVZqQywrQkFBa0U7SUFDOUQsdUZBWU07SUFDVixpQkFBTTs7O0lBWnNCLGVBQWM7SUFBZCx3Q0FBYzs7OztJQVo5QywwQkFBOEUsYUFBQTtJQUNyRSxzT0FBUyxrQ0FBdUIsSUFBQztJQUNsQyxnRkFHTTtJQUNOLGdGQUVNO0lBQ1YsaUJBQU07SUFDTixnRkFjTTtJQUNWLGlCQUFLOzs7SUF6QjhCLGtEQUEwQztJQUUvRCxlQUFlO0lBQWYsbUNBQWU7SUFJZixlQUFnQjtJQUFoQixvQ0FBZ0I7SUFJcEIsZUFBMEM7SUFBMUMsaUVBQTBDOztBRERwRCxNQUFNLE9BQU8sMEJBQTBCO0lBTW5DLFlBQ1ksTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFMbkIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFL0IsY0FBUyxHQUFlLEVBQUUsQ0FBQztRQUs5QixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFvQixFQUFFLEVBQUU7WUFDbEQsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFO2dCQUNoQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDakM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxRQUFRO0lBQ2YsQ0FBQztJQUVNLElBQUksQ0FBQyxJQUFZLEVBQUUsQ0FBTTtRQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7UUFDN0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUV0QixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVPLGlCQUFpQixDQUFDLEtBQW9CO1FBQzFDLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBYyxFQUFFLEVBQUU7WUFDdEMsSUFBSSxLQUFLLENBQUMsR0FBRyxFQUFFO2dCQUNYLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxLQUFLLElBQUksQ0FBQyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQzNHO1lBRUQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQyxPQUFpQixFQUFFLEVBQUU7Z0JBQ3RDLElBQUksS0FBSyxDQUFDLEdBQUcsRUFBRTtvQkFDWCxPQUFPLENBQUMsU0FBUyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLENBQUMsSUFBSSxJQUFJLEtBQUssQ0FBQyxpQkFBaUIsS0FBSyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7aUJBQ2hHO1lBQ0wsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7O29HQXRDUSwwQkFBMEI7NkVBQTFCLDBCQUEwQjtRQ1R2Qyx5RUF5Qks7O1FBekJnQix1Q0FBWTs7dUZEU3BCLDBCQUEwQjtjQUx0QyxTQUFTOzJCQUNJLHFCQUFxQjt5REFNeEIsU0FBUztrQkFEZixNQUFNO1lBR0EsU0FBUztrQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TmF2aWdhdGlvbkVuZCwgUm91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHtNZW51SXRlbX0gZnJvbSAnLi4vc2hhcmVkL21vZGVscy9tZW51LWl0ZW0nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2NhdWNhLW1lbnUtdmVydGljYWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYXVjYS1tZW51LXZlcnRpY2FsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9jYXVjYS1tZW51LXZlcnRpY2FsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2F1Y2FNZW51VmVydGljYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBpdGVtQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbWVudUl0ZW1zOiBNZW51SXRlbVtdID0gW107XG5cbiAgICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgKSB7XG4gICAgICAgIHRoaXMucm91dGVyLmV2ZW50cy5zdWJzY3JpYmUoKHJvdXRlOiBOYXZpZ2F0aW9uRW5kKSA9PiB7XG4gICAgICAgICAgICBpZiAocm91dGUgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5zZWxlY3RBY3RpdmVSb3V0ZShyb3V0ZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB9XG5cbiAgICBwdWJsaWMgZ29UbyhwYXRoOiBzdHJpbmcsIGU6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbcGF0aF0pO1xuICAgICAgICB0aGlzLml0ZW1DbGljay5lbWl0KCk7XG5cbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNlbGVjdEFjdGl2ZVJvdXRlKHJvdXRlOiBOYXZpZ2F0aW9uRW5kKTogdm9pZCB7XG4gICAgICAgIHRoaXMubWVudUl0ZW1zLmZvckVhY2goKG1lbnU6IE1lbnVJdGVtKSA9PiB7XG4gICAgICAgICAgICBpZiAocm91dGUudXJsKSB7XG4gICAgICAgICAgICAgICAgbWVudS5hY3RpdmF0ZWQgPSAocm91dGUudXJsID09PSBtZW51LnBhdGggfHwgKG1lbnUuY2hpbGRzLmxlbmd0aCAmJiByb3V0ZS51cmwuaW5kZXhPZihtZW51LnBhdGgpID4gLTEpKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgbWVudS5jaGlsZHMuZm9yRWFjaCgoc3ViTWVudTogTWVudUl0ZW0pID0+IHtcbiAgICAgICAgICAgICAgICBpZiAocm91dGUudXJsKSB7XG4gICAgICAgICAgICAgICAgICAgIHN1Yk1lbnUuYWN0aXZhdGVkID0gKHJvdXRlLnVybCA9PT0gc3ViTWVudS5wYXRoIHx8IHJvdXRlLnVybEFmdGVyUmVkaXJlY3RzID09PSBzdWJNZW51LnBhdGgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8aDQgKm5nRm9yPVwibGV0IG1lbnUgb2YgbWVudUl0ZW1zXCIgW2NsYXNzXT1cIm1lbnUuYWN0aXZhdGVkID8gJ3NlbGVjdGVkJyA6ICcnXCI+XG4gICAgPGRpdiAoY2xpY2spPVwiZ29UbyhtZW51LnBhdGgsICRldmVudClcIiBjbGFzcz1cIm1lbnVcIj5cbiAgICAgICAgPGRpdiAqbmdJZj1cIm1lbnUuaWNvblwiIGNsYXNzPVwibWVudS1pY29uXCI+XG4gICAgICAgICAgICA8ZmEtaWNvbiAqbmdJZj1cIm1lbnUuaWNvbi5maWx0ZXIgIT09IHVuZGVmaW5lZFwiIFtpY29uXT1cIm1lbnUuaWNvblwiPjwvZmEtaWNvbj5cbiAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJtZW51Lmljb24uZmlsdGVyID09PSB1bmRlZmluZWRcIiBbc3JjXT1cIm1lbnUuaWNvblwiIC8+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwibWVudS5sYWJlbFwiIGNsYXNzPVwibWVudS1jYXB0aW9uXCI+XG4gICAgICAgICAgICA8c3Bhbj57e21lbnUubGFiZWwgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cIm1lbnUuY2hpbGRzLmxlbmd0aCAmJiBtZW51LmFjdGl2YXRlZFwiIGNsYXNzPVwic3VibWVudVwiPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgc3VibWVudSBvZiBtZW51LmNoaWxkc1wiXG4gICAgICAgICAgICBbY2xhc3NdPVwic3VibWVudS5hY3RpdmF0ZWQgPyAnbWVudSBzZWxlY3RlZCcgOiAnbWVudSdcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImdvVG8oc3VibWVudS5wYXRoLCAkZXZlbnQpXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiIXN1Ym1lbnUuaWNvblwiIGNsYXNzPVwibWVudS1kb3RcIj4mYnVsbDs8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzdWJtZW51Lmljb25cIiBjbGFzcz1cIm1lbnUtaWNvblwiPlxuICAgICAgICAgICAgICAgIDxmYS1pY29uICpuZ0lmPVwic3VibWVudS5pY29uLmZpbHRlciAhPT0gdW5kZWZpbmVkXCIgW2ljb25dPVwic3VibWVudS5pY29uXCI+PC9mYS1pY29uPlxuICAgICAgICAgICAgICAgIDxpbWcgKm5nSWY9XCJzdWJtZW51Lmljb24uZmlsdGVyID09PSB1bmRlZmluZWRcIiBbc3JjXT1cInN1Ym1lbnUuaWNvblwiIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJzdWJtZW51LmxhYmVsXCIgY2xhc3M9XCJtZW51LWNhcHRpb25cIj5cbiAgICAgICAgICAgICAgICA8c3Bhbj57e3N1Ym1lbnUubGFiZWwgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvaDQ+XG4iXX0=

package/esm2020/lib/cauca-simple-dialog/cauca-simple-dialog.component.mjs

@@ -1,62 +1,62 @@
-import { Component, Inject } from '@angular/core';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "../shared/models/simple-dialog-data";
-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);
-} }
-export 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.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.MatDialogRef }, { type: i4.SimpleDialogData, decorators: [{
-                type: Inject,
-                args: [MAT_DIALOG_DATA]
-            }] }]; }, null); })();
+import { Component, Inject } from '@angular/core';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "../shared/models/simple-dialog-data";
+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);
+} }
+export 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.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.MatDialogRef }, { type: i4.SimpleDialogData, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }]; }, null); })();
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2F1Y2Etc2ltcGxlLWRpYWxvZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2NhdWNhLXNpbXBsZS1kaWFsb2cvY2F1Y2Etc2ltcGxlLWRpYWxvZy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYXVjYS1tYXRlcmlhbC9zcmMvbGliL2NhdWNhLXNpbXBsZS1kaWFsb2cvY2F1Y2Etc2ltcGxlLWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFnQixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7OztJQ0l2RSxpQ0FBaUc7SUFBckIscU9BQVMsb0JBQVUsSUFBQztJQUFDLFlBQVM7SUFBQSxpQkFBUzs7O0lBQWxCLGVBQVM7SUFBVCw4QkFBUzs7O0lBRDVHLDhCQUE2QztJQUMzQyx1RkFBbUg7SUFDckgsaUJBQU07OztJQURzQixlQUFpQjtJQUFqQiw2Q0FBaUI7O0FESTdDLE1BQU0sT0FBTywwQkFBMEI7SUFFckMsWUFDVSxTQUFtRCxFQUMzQixJQUFzQjtRQUQ5QyxjQUFTLEdBQVQsU0FBUyxDQUEwQztRQUMzQixTQUFJLEdBQUosSUFBSSxDQUFrQjtJQUNwRCxDQUFDO0lBRUUsUUFBUSxLQUFXLENBQUM7SUFFcEIsT0FBTyxDQUFDLFdBQW1CO1FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7O29HQVhVLDBCQUEwQiw4REFJM0IsZUFBZTs2RUFKZCwwQkFBMEI7UUNUdkMsNkJBQXFCO1FBQUEsWUFBYztRQUFBLGlCQUFLO1FBQ3hDLDhCQUF3QjtRQUN0Qix5QkFBc0M7UUFDeEMsaUJBQU07UUFDTiwyRUFFTTs7UUFOZSxlQUFjO1FBQWQsb0NBQWM7UUFFNUIsZUFBMEI7UUFBMUIsK0RBQTBCO1FBRVIsZUFBa0I7UUFBbEIsdUNBQWtCOzt1RkRLOUIsMEJBQTBCO2NBTHRDLFNBQVM7MkJBQ0UscUJBQXFCOztzQkFRNUIsTUFBTTt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTUFUX0RJQUxPR19EQVRBLCBNYXREaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgU2ltcGxlRGlhbG9nRGF0YSB9IGZyb20gJy4uL3NoYXJlZC9tb2RlbHMvc2ltcGxlLWRpYWxvZy1kYXRhJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY2F1Y2Etc2ltcGxlLWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXVjYS1zaW1wbGUtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2F1Y2Etc2ltcGxlLWRpYWxvZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENhdWNhU2ltcGxlRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBwdWJsaWMgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDYXVjYVNpbXBsZURpYWxvZ0NvbXBvbmVudD4sXG4gICAgQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBTaW1wbGVEaWFsb2dEYXRhLFxuICApIHsgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHsgfVxuXG4gIHB1YmxpYyBvbkNsaWNrKGJ1dHRvbkluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZShidXR0b25JbmRleCk7XG4gIH1cbn1cbiIsIjxoMSBtYXQtZGlhbG9nLXRpdGxlPnt7ZGF0YS50aXRsZX19PC9oMT5cbjxkaXYgbWF0LWRpYWxvZy1jb250ZW50PlxuICA8ZGl2IFtpbm5lckhUTUxdPVwiZGF0YS5tZXNzYWdlXCI+PC9kaXY+XG48L2Rpdj5cbjxkaXYgbWF0LWRpYWxvZy1hY3Rpb25zICpuZ0lmPVwiZGF0YS5idXR0b25zXCI+XG4gIDxidXR0b24gKm5nRm9yPVwibGV0IGxhYmVsIG9mIGRhdGEuYnV0dG9uczsgbGV0IGkgPSBpbmRleFwiIG1hdC1yYWlzZWQtYnV0dG9uIChjbGljayk9XCJvbkNsaWNrKGkpXCI+e3tsYWJlbH19PC9idXR0b24+XG48L2Rpdj4iXX0=