@cauca-911/material 18.0.0 → 18.0.1-beta2

package/fesm2022/cauca-911-material.mjs

@@ -1,33 +1,40 @@
 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, DatePipe } from '@angular/common';
-import * as i3 from '@angular/forms';
-import { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i4 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i4$1 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 i6 from '@angular/material/tabs';
-import { MatTabsModule } from '@angular/material/tabs';
-import * as i3$1 from '@fortawesome/angular-fontawesome';
+import { Injectable, Component, EventEmitter, Output, Input, HostListener, Inject, ViewChild, NgModule, input, computed, output, Directive, ChangeDetectionStrategy, model, inject, signal, HostBinding, forwardRef } from '@angular/core';
+import * as i2 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i1$1 from '@angular/material/icon';
+import { MatIconModule, MatIcon } from '@angular/material/icon';
+import * as i1 from '@angular/router';
+import { NavigationEnd, Router, RouterModule } from '@angular/router';
+import * as i2$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 * as i1$4 from '@angular/common';
+import { NgFor, NgIf, NgClass, CommonModule, NgForOf, AsyncPipe, DatePipe } from '@angular/common';
+import * as i1$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } 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';
+import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
+import * as i1$3 from '@cauca-911/core';
+import * as i5 from '@angular/forms';
+import { UntypedFormControl, Validators, ReactiveFormsModule, FormControl, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import * as i2$3 from '@angular/material/form-field';
+import { MatFormFieldModule, MatError } from '@angular/material/form-field';
+import * as i4 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i2$2 from '@angular/material/tabs';
+import { MatTabsModule } from '@angular/material/tabs';
+import * as i4$1 from '@angular/material/button';
+import { MatButton, MatIconButton, MatButtonModule } from '@angular/material/button';
+import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { filter, ReplaySubject, Subject, takeUntil, firstValueFrom } from 'rxjs';
+import * as i2$4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i6 from 'ngx-mat-select-search';
+import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
+import * as i3 from '@angular/material/core';
 import { MatNativeDateModule } from '@angular/material/core';
-import * as i5$2 from '@angular/material/datepicker';
+import * as i3$1 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i1$4 from '@angular/material/list';
+import * as i1$5 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 
 class CaucaMaterialService {
@@ -43,7 +50,7 @@ class CaucaMaterialService {
 
 class CaucaMaterialComponent {
     static { this.ɵfac = function CaucaMaterialComponent_Factory(t) { return new (t || CaucaMaterialComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMaterialComponent, selectors: [["cauca-material"]], decls: 3, vars: 3, template: function CaucaMaterialComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMaterialComponent, selectors: [["cauca-material"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 3, template: function CaucaMaterialComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵtext(1);
             i0.ɵɵpipe(2, "translate");
@@ -51,453 +58,181 @@ class CaucaMaterialComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
-        } }, dependencies: [i1.TranslatePipe], encapsulation: 2 }); }
+        } }, dependencies: [TranslateModule, i2.TranslatePipe], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-material', template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
+        args: [{ selector: 'cauca-material', imports: [TranslateModule], standalone: true, template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib\\cauca-material.component.ts", lineNumber: 8 }); })();
-
-class SimpleDialogData {
-    constructor() {
-        this.buttons = [];
-    }
-}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib\\cauca-material.component.ts", lineNumber: 10 }); })();
 
-function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_div_4_button_1_Template_button_click_0_listener() { const i_r2 = i0.ɵɵrestoreView(_r1).index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onClick(i_r2)); });
-    i0.ɵɵtext(1);
+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_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("icon", menu_r2.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_r2 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("src", menu_r2.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)(2, CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template, 1, 1, "img", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const label_r4 = ctx.$implicit;
+    const menu_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(label_r4);
+    i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", menu_r2.icon.filter === undefined);
 } }
-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);
+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_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r2.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 ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r2.data.buttons);
+    const submenu_r5 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("icon", submenu_r5.icon);
 } }
-class CaucaSimpleDialogComponent {
-    constructor(dialogRef, data) {
-        this.dialogRef = dialogRef;
-        this.data = data;
-    }
-    onClick(buttonIndex) {
-        this.dialogRef.close(buttonIndex);
-    }
-    static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(t) { return new (t || CaucaSimpleDialogComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
-    static { this.ɵ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();
-            i0.ɵɵtextInterpolate(ctx.data.title);
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.data.buttons);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i4.MatButton, i1$1.MatDialogTitle, i1$1.MatDialogActions, i1$1.MatDialogContent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
-}
-(() => { (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"] }]
-    }], () => [{ type: i1$1.MatDialogRef }, { type: SimpleDialogData, decorators: [{
-                type: Inject,
-                args: [MAT_DIALOG_DATA]
-            }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib\\cauca-simple-dialog\\cauca-simple-dialog.component.ts", lineNumber: 10 }); })();
-
-const _c0$3 = ["file"];
-function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-icon");
-    i0.ɵɵtext(1);
+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_r5 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("src", submenu_r5.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)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template, 1, 1, "img", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const submenu_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.icon);
+    i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", submenu_r5.icon.filter === undefined);
 } }
-function CaucaInputFileComponent_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1);
+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_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r5.label));
+} }
+function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = 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 submenu_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goTo(submenu_r5.path, $event)); });
+    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template, 2, 0, "div", 14)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template, 4, 3, "div", 3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const submenu_r5 = ctx.$implicit;
+    i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.text);
+    i0.ɵɵproperty("ngIf", !submenu_r5.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", submenu_r5.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", submenu_r5.label);
 } }
-function CaucaInputFileComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "input", 5, 1);
-    i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
+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();
-    i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const menu_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("accept", ctx_r1.accept);
+    i0.ɵɵproperty("ngForOf", menu_r2.childs);
 } }
-function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 6, 1);
-    i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
+function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "h4")(1, "div", 1);
+    i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goTo(menu_r2.path, $event)); });
+    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(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 ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("accept", ctx_r1.accept);
+    const menu_r2 = ctx.$implicit;
+    i0.ɵɵclassMap(menu_r2.activated ? "selected" : "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", menu_r2.icon);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", menu_r2.label);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.activated);
 } }
-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 = {};
+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() {
-        if (!this.icon && !this.text) {
-            this.translateService.get(['material.select', 'material.dialogTitle', 'material.dialogMessage']).subscribe((labels) => {
-                this.labels = labels;
-                this.text = labels['material.select'];
-            });
-        }
+    goTo(path, e) {
+        this.router.navigate([path]);
+        this.itemClick.emit();
+        e.stopPropagation();
     }
-    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']
+    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);
                 }
             });
-        }
-    }
-    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,
         });
     }
-    static { this.ɵfac = function CaucaInputFileComponent_Factory(t) { return new (t || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1$2.TranslateService), i0.ɵɵdirectiveInject(i1$1.MatDialog)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$3, 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: [["notMultipleInput", ""], ["file", ""], ["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
-            const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 2);
-            i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openDialog($event)); });
-            i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 3)(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 4)(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-        } if (rf & 2) {
-            const notMultipleInput_r5 = i0.ɵɵreference(5);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.icon);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.text);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", notMultipleInput_r5);
-        } }, dependencies: [i2.NgIf, i4.MatButton, i5.MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] }); }
-}
-(() => { (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"] }]
-    }], () => [{ 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
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib\\cauca-input-file\\cauca-input-file.component.ts", lineNumber: 11 }); })();
-
-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_r1 = i0.ɵɵnextContext().index;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(i_r1)));
-} }
-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_r3 = ctx.$implicit;
-    const i_r1 = ctx.index;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("label", lang_r3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[i_r1]);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.forms[i_r1].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, onTabChanged', tabIndex);
-    }
-    getErrorMessage(index) {
-        return this.forms[index].hasError('required') ? 'error.required' : '';
-    }
-    initializeForms() {
-        this.labels.forEach((item, index) => {
-            this.forms[index] = new UntypedFormControl('', [Validators.required]);
-            this.forms[index].setValue(this.value[index] || '');
-        });
-    }
-    static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(t) { return new (t || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1$2.CaucaCoreService), i0.ɵɵdirectiveInject(i1$2.TranslateService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls: 2, vars: 2, consts: [[3, "selectedIndexChange", "selectedIndex"], [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();
-            i0.ɵɵproperty("ngForOf", ctx.labels);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.DefaultValueAccessor, i3.NgControlStatus, i3.RequiredValidator, i3.FormControlDirective, i4$1.MatFormField, i4$1.MatError, i5$1.MatInput, i6.MatTab, i6.MatTabGroup, i1.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
-}
-(() => { (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-mdc-form-field{width:100%}\n"] }]
-    }], () => [{ type: i1$2.CaucaCoreService }, { type: i1$2.TranslateService }], { value: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib\\cauca-input-multiple-langue\\cauca-input-multiple-langue.component.ts", lineNumber: 10 }); })();
-
-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_r2 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("icon", menu_r2.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_r2 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("src", menu_r2.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)(2, CaucaMenuVerticalComponent_h4_0_div_2_img_2_Template, 1, 1, "img", 7);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const menu_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", menu_r2.icon.filter !== undefined);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", menu_r2.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_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, menu_r2.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_r5 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("icon", submenu_r5.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_r5 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("src", submenu_r5.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)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_img_2_Template, 1, 1, "img", 7);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const submenu_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", submenu_r5.icon.filter !== undefined);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", submenu_r5.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_r5 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, submenu_r5.label));
-} }
-function CaucaMenuVerticalComponent_h4_0_div_4_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = 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 submenu_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.goTo(submenu_r5.path, $event)); });
-    i0.ɵɵtemplate(1, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_1_Template, 2, 0, "div", 14)(2, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_2_Template, 3, 2, "div", 2)(3, CaucaMenuVerticalComponent_h4_0_div_4_div_1_div_3_Template, 4, 3, "div", 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const submenu_r5 = ctx.$implicit;
-    i0.ɵɵclassMap(submenu_r5.activated ? "menu selected" : "menu");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !submenu_r5.icon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", submenu_r5.icon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", submenu_r5.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_r2 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", menu_r2.childs);
-} }
-function CaucaMenuVerticalComponent_h4_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "h4")(1, "div", 1);
-    i0.ɵɵlistener("click", function CaucaMenuVerticalComponent_h4_0_Template_div_click_1_listener($event) { const menu_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.goTo(menu_r2.path, $event)); });
-    i0.ɵɵtemplate(2, CaucaMenuVerticalComponent_h4_0_div_2_Template, 3, 2, "div", 2)(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_r2 = ctx.$implicit;
-    i0.ɵɵclassMap(menu_r2.activated ? "selected" : "");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", menu_r2.icon);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", menu_r2.label);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", menu_r2.childs.length && menu_r2.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);
-            }
-        });
-    }
-    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);
-                }
-            });
-        });
-    }
-    static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(t) { return new (t || CaucaMenuVerticalComponent)(i0.ɵɵdirectiveInject(i1$3.Router)); }; }
-    static { this.ɵ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);
+    static { this.ɵfac = function CaucaMenuVerticalComponent_Factory(t) { return new (t || CaucaMenuVerticalComponent)(i0.ɵɵdirectiveInject(i1.Router)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaMenuVerticalComponent, selectors: [["cauca-menu-vertical"]], inputs: { menuItems: "menuItems" }, outputs: { itemClick: "itemClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], 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);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i3$1.FaIconComponent, 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:#fff;margin-right:-1.17em}"] }); }
+        } }, dependencies: [FontAwesomeModule, i2$1.FaIconComponent, TranslateModule, i2.TranslatePipe, NgFor,
+            NgIf], 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:#fff;margin-right:-1.17em}"] }); }
 }
 (() => { (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:#fff;margin-right:-1.17em}\n"] }]
-    }], () => [{ type: i1$3.Router }], { itemClick: [{
+        args: [{ selector: 'cauca-menu-vertical', standalone: true, imports: [
+                    FontAwesomeModule,
+                    TranslateModule,
+                    NgFor,
+                    NgIf
+                ], 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:#fff;margin-right:-1.17em}\n"] }]
+    }], () => [{ type: i1.Router }], { itemClick: [{
             type: Output
         }], menuItems: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib\\cauca-menu-vertical\\cauca-menu-vertical.component.ts", lineNumber: 10 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib\\cauca-menu-vertical\\cauca-menu-vertical.component.ts", lineNumber: 20 }); })();
 
-const _c0$2 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
-const _c1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
+const _c0$7 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
+const _c1$1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
 function CaucaMenuSidebarComponent_div_12_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7)(1, "div", 8);
@@ -595,9 +330,9 @@ class CaucaMenuSidebarComponent {
     static { this.ɵfac = function CaucaMenuSidebarComponent_Factory(t) { return new (t || CaucaMenuSidebarComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
     static { this.ɵ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: 13, vars: 2, consts: [["menu", ""], [1, "header"], ["mat-icon-button", "", 1, "close", 3, "click"], [1, "content"], [3, "itemClick", "menuItems"], [1, "footer"], ["class", "version", 4, "ngIf"], [1, "version"], [1, "double-arrow", 3, "click"], [1, "full"], [1, "abbr"]], template: function CaucaMenuSidebarComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { menuItems: "menuItems", version: "version" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1$1, decls: 13, vars: 2, consts: [["menu", ""], [1, "header"], ["mat-icon-button", "", 1, "close", 3, "click"], [1, "content"], [3, "itemClick", "menuItems"], [1, "footer"], ["class", "version", 4, "ngIf"], [1, "version"], [1, "double-arrow", 3, "click"], [1, "full"], [1, "abbr"]], template: function CaucaMenuSidebarComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵprojectionDef(_c0$2);
+            i0.ɵɵprojectionDef(_c0$7);
             i0.ɵɵelementStart(0, "div", 1)(1, "button", 2);
             i0.ɵɵlistener("click", function CaucaMenuSidebarComponent_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.hideOnMobile()); });
             i0.ɵɵelementStart(2, "mat-icon");
@@ -617,235 +352,1620 @@ class CaucaMenuSidebarComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(12, CaucaMenuSidebarComponent_div_12_Template, 7, 5, "div", 6);
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵproperty("menuItems", ctx.menuItems);
-            i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngIf", ctx.version);
-        } }, dependencies: [i2.NgIf, i4.MatIconButton, i5.MatIcon, CaucaMenuVerticalComponent, 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%] > .header[_ngcontent-%COMP%], [_nghost-%COMP%] > .footer[_ngcontent-%COMP%]{flex:0 0 auto}[_nghost-%COMP%] > .content[_ngcontent-%COMP%]{flex-grow:1;overflow:hidden auto}[_nghost-%COMP%] > .version[_ngcontent-%COMP%]{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}}"] }); }
+            i0.ɵɵadvance(7);
+            i0.ɵɵproperty("menuItems", ctx.menuItems);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngIf", ctx.version);
+        } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe, CaucaMenuVerticalComponent], 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%] > .header[_ngcontent-%COMP%], [_nghost-%COMP%] > .footer[_ngcontent-%COMP%]{flex:0 0 auto}[_nghost-%COMP%] > .content[_ngcontent-%COMP%]{flex-grow:1;overflow:hidden auto}[_nghost-%COMP%] > .version[_ngcontent-%COMP%]{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}}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-menu-sidebar', standalone: true, imports: [
+                    MatIconModule,
+                    TranslateModule,
+                    CaucaMenuVerticalComponent,
+                ], template: "<div class=\"header\">\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 class=\"content\">\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 class=\"footer\">\n    <ng-content select=\"[footer]\"></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>.header,:host>.footer{flex:0 0 auto}:host>.content{flex-grow:1;overflow:hidden auto}:host>.version{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"] }]
+    }], () => [{ type: i0.ElementRef }], { menuItems: [{
+            type: Input
+        }], version: [{
+            type: Input
+        }], onResize: [{
+            type: HostListener,
+            args: ['window:resize', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib\\cauca-menu-sidebar\\cauca-menu-sidebar.component.ts", lineNumber: 18 }); })();
+
+class SimpleDialogData {
+    constructor() {
+        this.buttons = [];
+    }
+}
+
+function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_div_4_button_1_Template_button_click_0_listener() { const i_r2 = i0.ɵɵrestoreView(_r1).index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onClick(i_r2)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const label_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(label_r4);
+} }
+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_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.data.buttons);
+} }
+class CaucaSimpleDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+    }
+    onClick(buttonIndex) {
+        this.dialogRef.close(buttonIndex);
+    }
+    static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(t) { return new (t || CaucaSimpleDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSimpleDialogComponent, selectors: [["cauca-simple-dialog"]], standalone: true, features: [i0.ɵɵStandaloneFeature], 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();
+            i0.ɵɵtextInterpolate(ctx.data.title);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("innerHTML", ctx.data.message, i0.ɵɵsanitizeHtml);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.data.buttons);
+        } }, dependencies: [MatDialogModule, i1$2.MatDialogTitle, i1$2.MatDialogActions, i1$2.MatDialogContent, NgIf,
+            NgFor], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{margin-top:20px;text-align:center}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSimpleDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-simple-dialog', standalone: true, imports: [
+                    MatDialogModule,
+                    NgIf,
+                    NgFor,
+                ], 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"] }]
+    }], () => [{ type: i1$2.MatDialogRef }, { type: SimpleDialogData, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib\\cauca-simple-dialog\\cauca-simple-dialog.component.ts", lineNumber: 17 }); })();
+
+const _c0$6 = ["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_r1 = ctx.$implicit;
+    const index_r2 = ctx.index;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("@slideLeftRight", ctx_r2.getState(index_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("src", url_r1, 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';
+    }
+    static { this.ɵfac = function CaucaSlideshowComponent_Factory(t) { return new (t || CaucaSlideshowComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSlideshowComponent, selectors: [["cauca-slideshow"]], viewQuery: function CaucaSlideshowComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$6, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+        } }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 3, vars: 1, consts: [["container", ""], [1, "slideshow"], [4, "ngFor", "ngForOf"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1, 0);
+            i0.ɵɵtemplate(2, CaucaSlideshowComponent_div_2_Template, 2, 2, "div", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngForOf", ctx.images);
+        } }, dependencies: [NgFor], 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')
+                    ]),
+                ]),
+            ] } }); }
+}
+(() => { (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')
+                        ]),
+                    ]),
+                ], standalone: true, imports: [NgFor], 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"] }]
+    }], null, { container: [{
+            type: ViewChild,
+            args: ['container', { static: true }]
+        }], height: [{
+            type: Input
+        }], autoPlay: [{
+            type: Input
+        }], images: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib\\cauca-slideshow\\cauca-slideshow.component.ts", lineNumber: 36 }); })();
+
+const _c0$5 = ["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_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.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();
+    i0.ɵɵtextInterpolate(ctx_r1.text);
+} }
+function CaucaInputFileComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "input", 5, 1);
+    i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_container_3_Template_input_change_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("accept", ctx_r1.accept);
+} }
+function CaucaInputFileComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 6, 1);
+    i0.ɵɵlistener("change", function CaucaInputFileComponent_ng_template_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectFile($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("accept", ctx_r1.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,
+        });
+    }
+    static { this.ɵfac = function CaucaInputFileComponent_Factory(t) { return new (t || CaucaInputFileComponent)(i0.ɵɵdirectiveInject(i1$3.TranslateService), i0.ɵɵdirectiveInject(i1$2.MatDialog)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$5, 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" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 4, consts: [["notMultipleInput", ""], ["file", ""], ["mat-raised-button", "", 3, "click"], [4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 2);
+            i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.openDialog($event)); });
+            i0.ɵɵtemplate(1, CaucaInputFileComponent_mat_icon_1_Template, 2, 1, "mat-icon", 3)(2, CaucaInputFileComponent_span_2_Template, 2, 1, "span", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(3, CaucaInputFileComponent_ng_container_3_Template, 3, 1, "ng-container", 4)(4, CaucaInputFileComponent_ng_template_4_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+        } if (rf & 2) {
+            const notMultipleInput_r5 = i0.ɵɵreference(5);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.icon);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.text);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.multiple)("ngIfElse", notMultipleInput_r5);
+        } }, dependencies: [MatIconModule, i1$1.MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
+        type: Component,
+        args: [{ standalone: true, imports: [MatIconModule], 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"] }]
+    }], () => [{ type: i1$3.TranslateService }, { type: i1$2.MatDialog }], { file: [{
+            type: ViewChild,
+            args: ['file', { static: false }]
+        }], readend: [{
+            type: Output
+        }], accept: [{
+            type: Input
+        }], multiple: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], text: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib\\inputs\\cauca-input-file\\cauca-input-file.component.ts", lineNumber: 14 }); })();
+
+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_r1 = i0.ɵɵnextContext().index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(i_r1)));
+} }
+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_r3 = ctx.$implicit;
+    const i_r1 = ctx.index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("label", lang_r3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("placeholder", lang_r3)("formControl", ctx_r1.forms[i_r1]);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.forms[i_r1].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, onTabChanged', tabIndex);
+    }
+    getErrorMessage(index) {
+        return this.forms[index].hasError('required') ? 'error.required' : '';
+    }
+    initializeForms() {
+        this.labels.forEach((item, index) => {
+            this.forms[index] = new UntypedFormControl('', [Validators.required]);
+            this.forms[index].setValue(this.value[index] || '');
+        });
+    }
+    static { this.ɵfac = function CaucaInputMultipleLangueComponent_Factory(t) { return new (t || CaucaInputMultipleLangueComponent)(i0.ɵɵdirectiveInject(i1$3.CaucaCoreService), i0.ɵɵdirectiveInject(i1$3.TranslateService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 2, consts: [[3, "selectedIndexChange", "selectedIndex"], [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();
+            i0.ɵɵproperty("ngForOf", ctx.labels);
+        } }, dependencies: [MatTabsModule, i2$2.MatTab, i2$2.MatTabGroup, MatFormFieldModule, i2$3.MatFormField, i2$3.MatError, MatInputModule, i4.MatInput, NgIf,
+            ReactiveFormsModule, i5.DefaultValueAccessor, i5.NgControlStatus, i5.RequiredValidator, i5.FormControlDirective, TranslateModule, i2.TranslatePipe], styles: [".mat-mdc-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputMultipleLangueComponent, [{
+        type: Component,
+        args: [{ standalone: true, imports: [
+                    MatTabsModule,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    NgIf,
+                    ReactiveFormsModule,
+                    TranslateModule
+                ], 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-mdc-form-field{width:100%}\n"] }]
+    }], () => [{ type: i1$3.CaucaCoreService }, { type: i1$3.TranslateService }], { value: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib\\inputs\\cauca-input-multiple-langue\\cauca-input-multiple-langue.component.ts", lineNumber: 24 }); })();
+
+class CaucaMaterialModule {
+    static { this.ɵfac = function CaucaMaterialModule_Factory(t) { return new (t || CaucaMaterialModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaMaterialModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CaucaInputFileComponent,
+            CaucaMaterialComponent,
+            CaucaInputMultipleLangueComponent,
+            CaucaMenuSidebarComponent,
+            CaucaMenuVerticalComponent,
+            CaucaSimpleDialogComponent] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CaucaInputFileComponent,
+                    CaucaMaterialComponent,
+                    CaucaInputMultipleLangueComponent,
+                    CaucaMenuSidebarComponent,
+                    CaucaMenuVerticalComponent,
+                    CaucaSimpleDialogComponent,
+                    CaucaSlideshowComponent,
+                ],
+                exports: [
+                    CaucaMaterialComponent,
+                    CaucaInputFileComponent,
+                    CaucaInputMultipleLangueComponent,
+                    CaucaMenuSidebarComponent,
+                    CaucaMenuVerticalComponent,
+                    CaucaSimpleDialogComponent,
+                    CaucaSlideshowComponent,
+                ],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CaucaMaterialModule, { imports: [CaucaInputFileComponent,
+        CaucaMaterialComponent,
+        CaucaInputMultipleLangueComponent,
+        CaucaMenuSidebarComponent,
+        CaucaMenuVerticalComponent,
+        CaucaSimpleDialogComponent,
+        CaucaSlideshowComponent], exports: [CaucaMaterialComponent,
+        CaucaInputFileComponent,
+        CaucaInputMultipleLangueComponent,
+        CaucaMenuSidebarComponent,
+        CaucaMenuVerticalComponent,
+        CaucaSimpleDialogComponent,
+        CaucaSlideshowComponent] }); })();
+
+class BaseButton {
+    constructor() {
+        this.color = input(undefined);
+        this.icon = input();
+        this.iconAlignment = input('left');
+        this.isDisabled = input(false);
+        this.isInProgress = input(false);
+        this.showIcon = computed(() => !!this.icon() || this.isInProgress());
+        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon());
+        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress());
+        this.buttonClick = output();
+    }
+    static { this.ɵfac = function BaseButton_Factory(t) { return new (t || BaseButton)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
+        type: Directive
+    }], null, null); })();
+class BaseButtonWithLabel extends BaseButton {
+    constructor() {
+        super(...arguments);
+        this.translateLabel = input(true);
+        this.label = input();
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(t) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(t || BaseButtonWithLabel); }; })(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
+        type: Directive
+    }], null, null); })();
+
+function BasicButtonComponent_Conditional_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+function BasicButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
+} }
+function BasicButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+function BasicButtonComponent_Conditional_4_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+class BasicButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasicButtonComponent_BaseFactory; return function BasicButtonComponent_Factory(t) { return (ɵBasicButtonComponent_BaseFactory || (ɵBasicButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasicButtonComponent)))(t || BasicButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["app-basic-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function BasicButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function BasicButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵtemplate(1, BasicButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, BasicButtonComponent_Conditional_2_Template, 2, 3)(3, BasicButtonComponent_Conditional_3_Template, 1, 1)(4, BasicButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
+        } }, dependencies: [MatIcon, MatButton, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasicButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'app-basic-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, MatIcon, MatButton, TranslateModule], template: "<button mat-button [color]=\"color()\"  onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BasicButtonComponent, { className: "BasicButtonComponent", filePath: "lib\\buttons\\basic-button\\basic-button.component.ts", lineNumber: 16 }); })();
+
+function FlatButtonComponent_Conditional_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+function FlatButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
+} }
+function FlatButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+function FlatButtonComponent_Conditional_4_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+class FlatButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFlatButtonComponent_BaseFactory; return function FlatButtonComponent_Factory(t) { return (ɵFlatButtonComponent_BaseFactory || (ɵFlatButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FlatButtonComponent)))(t || FlatButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["app-flat-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-flat-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function FlatButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function FlatButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵtemplate(1, FlatButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, FlatButtonComponent_Conditional_2_Template, 2, 3)(3, FlatButtonComponent_Conditional_3_Template, 1, 1)(4, FlatButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
+        } }, dependencies: [MatIcon, MatButton, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlatButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'app-flat-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgIf, MatIcon, MatButton, TranslateModule], template: "<button mat-flat-button [color]=\"color()\" onclick=\"this.blur()\"  [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit();\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlatButtonComponent, { className: "FlatButtonComponent", filePath: "lib\\buttons\\flat-button\\flat-button.component.ts", lineNumber: 16 }); })();
+
+function StrokedButtonComponent_Conditional_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+function StrokedButtonComponent_Conditional_2_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
+} }
+function StrokedButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+function StrokedButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, StrokedButtonComponent_Conditional_2_Conditional_0_Template, 2, 3)(1, StrokedButtonComponent_Conditional_2_Conditional_1_Template, 1, 1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.translateLabel() ? 0 : 1);
+} }
+function StrokedButtonComponent_Conditional_3_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+class StrokedButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵStrokedButtonComponent_BaseFactory; return function StrokedButtonComponent_Factory(t) { return (ɵStrokedButtonComponent_BaseFactory || (ɵStrokedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StrokedButtonComponent)))(t || StrokedButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["app-stroked-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 4, vars: 7, consts: [["mat-stroked-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function StrokedButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function StrokedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵtemplate(1, StrokedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, StrokedButtonComponent_Conditional_2_Template, 2, 1)(3, StrokedButtonComponent_Conditional_3_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("icon-only", !ctx.label());
+            i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.label() ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 3 : -1);
+        } }, dependencies: [MatButton, MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}.icon-only[_ngcontent-%COMP%]{width:36px;height:36px;min-width:38px;padding:0}.icon-only[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{margin:0}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrokedButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'app-stroked-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule], template: "<button mat-stroked-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\" [class.icon-only]=\"!label()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (label()) { @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}} }\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}.icon-only{width:36px;height:36px;min-width:38px;padding:0}.icon-only mat-icon{margin:0}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrokedButtonComponent, { className: "StrokedButtonComponent", filePath: "lib\\buttons\\stroked-button\\stroked-button.component.ts", lineNumber: 15 }); })();
+
+function RaisedButtonComponent_Conditional_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+function RaisedButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
+} }
+function RaisedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+function RaisedButtonComponent_Conditional_4_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+class RaisedButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRaisedButtonComponent_BaseFactory; return function RaisedButtonComponent_Factory(t) { return (ɵRaisedButtonComponent_BaseFactory || (ɵRaisedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RaisedButtonComponent)))(t || RaisedButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-raised-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "button-spin"]], template: function RaisedButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵtemplate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, RaisedButtonComponent_Conditional_2_Template, 2, 3)(3, RaisedButtonComponent_Conditional_3_Template, 1, 1)(4, RaisedButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
+        } }, dependencies: [MatButton, MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'app-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule], template: "<button mat-raised-button [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if (showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if (showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib\\buttons\\raised-button\\raised-button.component.ts", lineNumber: 15 }); })();
+
+class IconButtonComponent extends BaseButton {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(t) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(t || IconButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["app-icon-button"]], standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function IconButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵelementStart(1, "mat-icon");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵstyleProp("color", ctx.color());
+            i0.ɵɵclassProp("button-spin", ctx.isInProgress());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.iconToShow());
+        } }, dependencies: [MatIconButton, MatIcon], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-stroked-button.mat-white[_ngcontent-%COMP%]{color:#fff;border-color:#fff}.mdc-button.mat-white[_ngcontent-%COMP%]:hover, .mat-mdc-outlined-button.mat-white[_ngcontent-%COMP%]:hover{background-color:transparent}.mat-mdc-button-disabled[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{color:#12101461}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'app-icon-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconButton, MatIcon], template: "<button mat-icon-button onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n    <mat-icon [style.color]=\"color()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon>\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib\\buttons\\icon-button\\icon-button.component.ts", lineNumber: 14 }); })();
+
+function MenuItemComponent_Conditional_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+function MenuItemComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(1, 1, ctx_r0.label()));
+} }
+function MenuItemComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+function MenuItemComponent_Conditional_4_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.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+class MenuItemComponent extends BaseButtonWithLabel {
+    constructor() {
+        super(...arguments);
+        this.translateLabel = input(false);
+        this.trigger = input();
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMenuItemComponent_BaseFactory; return function MenuItemComponent_Factory(t) { return (ɵMenuItemComponent_BaseFactory || (ɵMenuItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuItemComponent)))(t || MenuItemComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["app-menu-item"]], inputs: { translateLabel: [1, "translateLabel"], trigger: [1, "trigger"] }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], decls: 5, vars: 5, consts: [["mat-menu-item", "", 1, "change-password-menu-item", 3, "click", "matMenuTriggerFor", "disabled"], [3, "button-spin"]], template: function MenuItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function MenuItemComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵtemplate(1, MenuItemComponent_Conditional_1_Template, 2, 3, "mat-icon", 1)(2, MenuItemComponent_Conditional_2_Template, 2, 3)(3, MenuItemComponent_Conditional_3_Template, 1, 1)(4, MenuItemComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("matMenuTriggerFor", ctx.trigger())("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "left" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.translateLabel() ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showIcon() && ctx.iconAlignment() === "right" ? 4 : -1);
+        } }, dependencies: [MatMenuItem, TranslateModule, i2.TranslatePipe, MatIcon, MatMenuTrigger], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
+        type: Component,
+        args: [{ selector: 'app-menu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger], template: "<button mat-menu-item class=\"change-password-menu-item\" [matMenuTriggerFor]=\"trigger()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib\\buttons\\menu-item\\menu-item.component.ts", lineNumber: 15 }); })();
+
+const _c0$4 = ["*"];
+const DEFAULT_DURATION$1 = 500;
+class ExpandablePanelComponent {
+    constructor() {
+        this.isCollapsed = model(false);
+        this.title = input('');
+        this.subTitle = input('');
+    }
+    changeState() {
+        this.isCollapsed.update(value => !value);
+    }
+    static { this.ɵfac = function ExpandablePanelComponent_Factory(t) { return new (t || ExpandablePanelComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["app-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], title: [1, "title"], subTitle: [1, "subTitle"] }, outputs: { isCollapsed: "isCollapsedChange" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$4, decls: 11, vars: 4, consts: [[1, "expansion-button", 3, "click"], [1, "primary"], [1, "body2"], [1, "expansion-panel"]], template: function ExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "section")(1, "div", 0);
+            i0.ɵɵlistener("click", function ExpandablePanelComponent_Template_div_click_1_listener() { return ctx.changeState(); });
+            i0.ɵɵelementStart(2, "mat-icon");
+            i0.ɵɵtext(3, "expand_less");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div")(5, "div", 1);
+            i0.ɵɵtext(6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 2);
+            i0.ɵɵtext(8);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(9, "div", 3);
+            i0.ɵɵprojection(10);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("@arrow-collapse", ctx.isCollapsed());
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.title());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.subTitle());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("@collapse", ctx.isCollapsed());
+        } }, dependencies: [MatIcon], styles: ["section[_ngcontent-%COMP%]{display:flex;padding:16px 0}.primary[_ngcontent-%COMP%]{font-weight:600}.body2[_ngcontent-%COMP%]{width:fit-content;white-space:nowrap}.expansion-button[_ngcontent-%COMP%]{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-panel[_ngcontent-%COMP%]{overflow:hidden;flex:1}"], data: { animation: [
+                trigger('collapse', [
+                    state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
+                    state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
+                    transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
+                    transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
+                ]),
+                trigger('arrow-collapse', [
+                    state('false', style({ transform: 'rotate(0deg)' })),
+                    state('true', style({ transform: 'rotate(180deg)' })),
+                    transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
+                    transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
+                ])
+            ] }, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
+        type: Component,
+        args: [{ selector: 'app-expandable-panel', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], animations: [
+                    trigger('collapse', [
+                        state('false', style({ height: AUTO_STYLE, opacity: 1, visibility: AUTO_STYLE })),
+                        state('true', style({ height: '0', opacity: 0, visibility: 'hidden' })),
+                        transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
+                        transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
+                    ]),
+                    trigger('arrow-collapse', [
+                        state('false', style({ transform: 'rotate(0deg)' })),
+                        state('true', style({ transform: 'rotate(180deg)' })),
+                        transition('false => true', animate(DEFAULT_DURATION$1 + 'ms ease-in')),
+                        transition('true => false', animate(DEFAULT_DURATION$1 + 'ms ease-out'))
+                    ])
+                ], template: "<section>\r\n    <div class=\"expansion-button\" (click)=\"changeState()\">\r\n        <mat-icon [@arrow-collapse]=\"isCollapsed()\">expand_less</mat-icon>\r\n        <div>\r\n            <div class=\"primary\">{{title()}}</div>\r\n            <div class=\"body2\">{{subTitle()}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"expansion-panel\" [@collapse]=\"isCollapsed()\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</section>", styles: ["section{display:flex;padding:16px 0}.primary{font-weight:600}.body2{width:fit-content;white-space:nowrap}.expansion-button{display:flex;gap:4px;width:240px;padding:0 16px 8px 0;cursor:pointer;height:fit-content}.expansion-panel{overflow:hidden;flex:1}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib\\layout\\expandable-panel\\expandable-panel.component.ts", lineNumber: 29 }); })();
+
+class MenuExpandablePanelItemComponent {
+    constructor() {
+        this.icon = input();
+        this.title = input();
+        this.route = input();
+        this.isSubItem = input(false);
+        this.action = input(null);
+        this.router = inject(Router);
+    }
+    openRoute() {
+        if (this.action()) {
+            this.action()();
+        }
+        else {
+            this.router.navigate(this.route());
+        }
+    }
+    static { this.ɵfac = function MenuExpandablePanelItemComponent_Factory(t) { return new (t || MenuExpandablePanelItemComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelItemComponent, selectors: [["app-menu-expandable-panel-item"]], inputs: { icon: [1, "icon"], title: [1, "title"], route: [1, "route"], isSubItem: [1, "isSubItem"], action: [1, "action"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 6, vars: 6, consts: [[3, "click"]], template: function MenuExpandablePanelItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "section", 0);
+            i0.ɵɵlistener("click", function MenuExpandablePanelItemComponent_Template_section_click_0_listener() { return ctx.openRoute(); });
+            i0.ɵɵelementStart(1, "mat-icon");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div");
+            i0.ɵɵtext(4);
+            i0.ɵɵpipe(5, "translate");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.icon());
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.isSubItem() ? "subtitle2" : "subtitle1");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 4, ctx.title()));
+        } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe], styles: ["section[_ngcontent-%COMP%]{display:flex;gap:16px;padding:16px 24px}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelItemComponent, [{
+        type: Component,
+        args: [{ selector: 'app-menu-expandable-panel-item', standalone: true, imports: [MatIconModule, TranslateModule], template: "<section (click)=\"openRoute()\">\r\n    <mat-icon>{{icon()}}</mat-icon>\r\n    <div [class]=\"isSubItem() ? 'subtitle2' : 'subtitle1'\">{{title() | translate}}</div>\r\n</section>", styles: ["section{display:flex;gap:16px;padding:16px 24px}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelItemComponent, { className: "MenuExpandablePanelItemComponent", filePath: "lib\\layout\\menu-expandable-panel-item\\menu-expandable-panel-item.component.ts", lineNumber: 13 }); })();
+
+const _forTrack0 = ($index, $item) => $item.title;
+function MenuExpandablePanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.subTitle()));
+} }
+function MenuExpandablePanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon");
+    i0.ɵɵtext(1, "arrow_forward_ios");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("@arrow-collapse", ctx_r0.opened());
+} }
+function MenuExpandablePanelComponent_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "app-menu-expandable-panel-item", 3);
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    i0.ɵɵproperty("icon", item_r2.icon)("title", item_r2.title)("route", item_r2.route)("isSubItem", true)("action", item_r2.action);
+} }
+function MenuExpandablePanelComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, MenuExpandablePanelComponent_Conditional_9_For_1_Template, 1, 5, "app-menu-expandable-panel-item", 3, _forTrack0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r0.items());
+} }
+const DEFAULT_DURATION = 200;
+class MenuExpandablePanelComponent {
+    constructor() {
+        this.title = input();
+        this.isSubItem = input(false);
+        this.subTitle = input();
+        this.menuIcon = input();
+        this.showExpansionIcon = input(true);
+        this.addTopBorderRadius = input(false);
+        this.bottomBorder = input(false);
+        this.addBottomBorderRadius = input(false);
+        this.route = input([]);
+        this.items = input([]);
+        this.opened = signal(false);
+        this.router = inject(Router);
+    }
+    get topLeftRadius() {
+        return this.addTopBorderRadius() ? '12px' : '0px';
+    }
+    get topRightRadius() {
+        return this.addTopBorderRadius() ? '12px' : '0px';
+    }
+    get bottomLeftRadius() {
+        return this.addBottomBorderRadius() ? '12px' : '0px';
+    }
+    get bottomRightRadius() {
+        return this.addBottomBorderRadius() ? '12px' : '0px';
+    }
+    get bottomBorderClass() {
+        return this.bottomBorder();
+    }
+    handleClick() {
+        if (this.route().length > 0 && this.items().length === 0) {
+            this.router.navigate(this.route());
+        }
+        else {
+            this.opened.set(!this.opened());
+        }
+    }
+    static { this.ɵfac = function MenuExpandablePanelComponent_Factory(t) { return new (t || MenuExpandablePanelComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelComponent, selectors: [["app-menu-expandable-panel"]], hostVars: 10, hostBindings: function MenuExpandablePanelComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("border-top-left-radius", ctx.topLeftRadius)("border-top-right-radius", ctx.topRightRadius)("border-bottom-left-radius", ctx.bottomLeftRadius)("border-bottom-right-radius", ctx.bottomRightRadius);
+            i0.ɵɵclassProp("bottom-border", ctx.bottomBorderClass);
+        } }, inputs: { title: [1, "title"], isSubItem: [1, "isSubItem"], subTitle: [1, "subTitle"], menuIcon: [1, "menuIcon"], showExpansionIcon: [1, "showExpansionIcon"], addTopBorderRadius: [1, "addTopBorderRadius"], bottomBorder: [1, "bottomBorder"], addBottomBorderRadius: [1, "addBottomBorderRadius"], route: [1, "route"], items: [1, "items"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 10, vars: 8, consts: [[3, "click", "ngClass"], [1, "subtitle1"], [1, "body2"], [3, "icon", "title", "route", "isSubItem", "action"]], template: function MenuExpandablePanelComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "section", 0);
+            i0.ɵɵlistener("click", function MenuExpandablePanelComponent_Template_section_click_0_listener() { return ctx.handleClick(); });
+            i0.ɵɵelementStart(1, "mat-icon");
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "div")(4, "div", 1);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(7, MenuExpandablePanelComponent_Conditional_7_Template, 3, 3, "div", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(8, MenuExpandablePanelComponent_Conditional_8_Template, 2, 1, "mat-icon");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, MenuExpandablePanelComponent_Conditional_9_Template, 2, 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.opened() ? "bottom-padding" : "");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.menuIcon());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, ctx.title()));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.subTitle() ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showExpansionIcon() ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.opened() ? 9 : -1);
+        } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslatePipe, MenuExpandablePanelItemComponent, NgClass], styles: ["[_nghost-%COMP%]{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section[_ngcontent-%COMP%]{display:flex;gap:16px;align-items:center}section.bottom-padding[_ngcontent-%COMP%]{padding-bottom:10px}div[_ngcontent-%COMP%]{flex:1}"], data: { animation: [
+                trigger('arrow-collapse', [
+                    state('false', style({ transform: 'rotate(0deg)' })),
+                    state('true', style({ transform: 'rotate(-90deg)' })),
+                    transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
+                    transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
+                ])
+            ] } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelComponent, [{
+        type: Component,
+        args: [{ selector: 'app-menu-expandable-panel', standalone: true, imports: [MatIconModule, TranslateModule, MenuExpandablePanelItemComponent, NgClass], animations: [
+                    trigger('arrow-collapse', [
+                        state('false', style({ transform: 'rotate(0deg)' })),
+                        state('true', style({ transform: 'rotate(-90deg)' })),
+                        transition('false => true', animate(DEFAULT_DURATION + 'ms ease-in-out')),
+                        transition('true => false', animate(DEFAULT_DURATION + 'ms ease-in-out'))
+                    ])
+                ], template: "<section [ngClass]=\"opened() ? 'bottom-padding' : ''\" (click)=\"handleClick()\">\r\n    <mat-icon>{{menuIcon()}}</mat-icon>\r\n    <div>\r\n        <div class=\"subtitle1\">{{title() | translate}}</div>\r\n        @if(subTitle()) {<div class=\"body2\">{{subTitle() | translate}}</div>}\r\n    </div>\r\n    @if (showExpansionIcon()) {<mat-icon [@arrow-collapse]=\"opened()\">arrow_forward_ios</mat-icon>}\r\n</section>\r\n@if(opened()) {\r\n    @for (item of items(); track item.title) {\r\n        <app-menu-expandable-panel-item [icon]=\"item.icon\" [title]=\"item.title\" [route]=\"item.route\" [isSubItem]=\"true\" [action]=\"item.action\" />\r\n    }\r\n}", styles: [":host{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section{display:flex;gap:16px;align-items:center}section.bottom-padding{padding-bottom:10px}div{flex:1}\n"] }]
+    }], null, { topLeftRadius: [{
+            type: HostBinding,
+            args: ['style.border-top-left-radius']
+        }], topRightRadius: [{
+            type: HostBinding,
+            args: ['style.border-top-right-radius']
+        }], bottomLeftRadius: [{
+            type: HostBinding,
+            args: ['style.border-bottom-left-radius']
+        }], bottomRightRadius: [{
+            type: HostBinding,
+            args: ['style.border-bottom-right-radius']
+        }], bottomBorderClass: [{
+            type: HostBinding,
+            args: ['class.bottom-border']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelComponent, { className: "MenuExpandablePanelComponent", filePath: "lib\\layout\\menu-expandable-panel\\menu-expandable-panel.component.ts", lineNumber: 26 }); })();
+
+function PageTitleComponent_div_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainerStart(0);
+    i0.ɵɵelementStart(1, "a", 6);
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span");
+    i0.ɵɵtext(5, "/");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementContainerEnd();
+} if (rf & 2) {
+    const location_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("routerLink", ctx_r1.currentLocationLink());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, location_r1));
+} }
+function PageTitleComponent_div_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.breadcrumb()));
+} }
+function PageTitleComponent_div_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.breadcrumb());
+} }
+function PageTitleComponent_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtemplate(1, PageTitleComponent_div_4_ng_container_1_Template, 6, 4, "ng-container", 4)(2, PageTitleComponent_div_4_Conditional_2_Template, 3, 3, "span", 5)(3, PageTitleComponent_div_4_Conditional_3_Template, 2, 1, "span", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.currentLocation());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.translateBreadcrumb() ? 2 : 3);
+} }
+class PageTitleComponent {
+    constructor() {
+        this.title = input('');
+        this.currentLocation = input([]);
+        this.currentLocationLink = input(null);
+        this.breadcrumb = input('');
+        this.showBreadcrumb = input(false);
+        this.translateBreadcrumb = input(false);
+    }
+    static { this.ɵfac = function PageTitleComponent_Factory(t) { return new (t || PageTitleComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageTitleComponent, selectors: [["app-page-title"]], inputs: { title: [1, "title"], currentLocation: [1, "currentLocation"], currentLocationLink: [1, "currentLocationLink"], breadcrumb: [1, "breadcrumb"], showBreadcrumb: [1, "showBreadcrumb"], translateBreadcrumb: [1, "translateBreadcrumb"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 4, consts: [[1, "title-section"], [1, "title-label"], ["class", "breadcrumb", 4, "ngIf"], [1, "breadcrumb"], [4, "ngFor", "ngForOf"], [1, "breadcrumb-current"], [3, "routerLink"]], template: function PageTitleComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "h4", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, PageTitleComponent_div_4_Template, 4, 2, "div", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title()));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.showBreadcrumb);
+        } }, dependencies: [CommonModule, i1$4.NgForOf, i1$4.NgIf, TranslateModule, i2.TranslatePipe, RouterModule, i1.RouterLink], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
+        type: Component,
+        args: [{ selector: 'app-page-title', standalone: true, imports: [CommonModule, TranslateModule, RouterModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"title-section\">\n\n  <h4 class=\"title-label\">{{title() | translate }}</h4>\n\n  <div class=\"breadcrumb\" *ngIf=\"showBreadcrumb\">\n\n    <ng-container *ngFor=\"let location of currentLocation()\">\n      <a [routerLink]=\"currentLocationLink()\">{{location | translate }}</a>\n      <span>/</span>\n    </ng-container>\n\n    @if (translateBreadcrumb()) {\n      <span class=\"breadcrumb-current\">{{ breadcrumb() | translate }}</span>\n    } @else {\n      <span class=\"breadcrumb-current\">{{ breadcrumb() }}</span>\n    }\n\n  </div>\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib\\layout\\page-title\\page-title.component.ts", lineNumber: 14 }); })();
+
+function PasswordCriteriaComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 0);
+    i0.ɵɵtext(1, "check_circle");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.disabled() ? "disabled" : "");
+} }
+function PasswordCriteriaComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 1);
+    i0.ɵɵtext(1, "cancel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r0.disabled() ? "disabled" : "");
+} }
+class PasswordCriteriaComponent {
+    constructor() {
+        this.label = input.required();
+        this.condition = input(false);
+        this.disabled = input(false);
+    }
+    static { this.ɵfac = function PasswordCriteriaComponent_Factory(t) { return new (t || PasswordCriteriaComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaComponent, selectors: [["app-password-criteria"]], inputs: { label: [1, "label"], condition: [1, "condition"], disabled: [1, "disabled"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 4, vars: 3, consts: [[1, "green", 3, "ngClass"], [1, "red", 3, "ngClass"], ["translate", "", 1, "body2", 3, "ngClass"]], template: function PasswordCriteriaComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PasswordCriteriaComponent_Conditional_0_Template, 2, 1, "mat-icon", 0)(1, PasswordCriteriaComponent_Conditional_1_Template, 2, 1, "mat-icon", 1);
+            i0.ɵɵelementStart(2, "label", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.condition() ? 0 : 1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.label());
+        } }, dependencies: [MatIconModule, i1$1.MatIcon, TranslateModule, i2.TranslateDirective, NgClass], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;gap:8px}.green[_ngcontent-%COMP%]{fill:#81c784;color:#81c784}.red[_ngcontent-%COMP%]{fill:#e57373;color:#e57373}label[_ngcontent-%COMP%]{color:#000}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
+        type: Component,
+        args: [{ selector: 'app-password-criteria', standalone: true, imports: [MatIconModule, TranslateModule, NgClass], template: "@if (condition()) {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"green\">check_circle</mat-icon>\r\n}@else {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"red\">cancel</mat-icon>\r\n}\r\n<label [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"body2\" translate>{{label()}}</label>", styles: [":host{display:flex;align-items:center;gap:8px}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib\\inputs\\password\\password-criteria\\password-criteria.component.ts", lineNumber: 13 }); })();
+
+function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-label");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.label()));
+} }
+function PasswordInputComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-label");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.label());
+} }
+class PasswordInputComponent {
+    constructor() {
+        this.autocomplete = input('password');
+        this.translateLabel = input(true);
+        this.label = input();
+        this.translatePlaceholder = input(true);
+        this.placeholder = input();
+        this.required = input(false);
+        this.enterKeyDown = output();
+        this.passwordControl = new FormControl('');
+        this.disabled = signal(false);
+        this.showPassword = signal(false);
+        this.inputType = computed(() => this.showPassword() ? 'text' : 'password');
+        this.onChange = (value) => value;
+        this.onTouched = () => { };
+        this.passwordControl.valueChanges.subscribe(value => {
+            this.onChange(value);
+        });
+    }
+    writeValue(value) {
+        this.passwordControl.setValue(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+        if (isDisabled) {
+            this.passwordControl.disable();
+        }
+        else {
+            this.passwordControl.enable();
+        }
+    }
+    static { this.ɵfac = function PasswordInputComponent_Factory(t) { return new (t || PasswordInputComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordInputComponent, selectors: [["app-password-input"]], inputs: { autocomplete: [1, "autocomplete"], translateLabel: [1, "translateLabel"], label: [1, "label"], translatePlaceholder: [1, "translatePlaceholder"], placeholder: [1, "placeholder"], required: [1, "required"] }, outputs: { enterKeyDown: "enterKeyDown" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    multi: true,
+                    useExisting: forwardRef(() => PasswordInputComponent),
+                },
+            ]), i0.ɵɵStandaloneFeature], decls: 8, vars: 10, consts: [["password", ""], ["subscriptSizing", "dynamic"], ["matInput", "", 1, "password", 3, "keydown.enter", "autocomplete", "type", "formControl", "required", "placeholder"], ["matSuffix", "", 2, "cursor", "pointer", 3, "click", "ngClass"]], template: function PasswordInputComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "mat-form-field", 1);
+            i0.ɵɵtemplate(1, PasswordInputComponent_Conditional_1_Template, 3, 3, "mat-label")(2, PasswordInputComponent_Conditional_2_Template, 2, 1, "mat-label");
+            i0.ɵɵelementStart(3, "input", 2, 0);
+            i0.ɵɵpipe(5, "translate");
+            i0.ɵɵlistener("keydown.enter", function PasswordInputComponent_Template_input_keydown_enter_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.enterKeyDown.emit()); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "mat-icon", 3);
+            i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.showPassword.set(!ctx.showPassword())); });
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            const password_r3 = i0.ɵɵreference(4);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("autocomplete", ctx.autocomplete())("type", ctx.inputType())("formControl", ctx.passwordControl)("required", ctx.required())("placeholder", ctx.translatePlaceholder() ? i0.ɵɵpipeBind1(5, 8, ctx.placeholder()) : ctx.placeholder());
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngClass", ctx.disabled() ? "disabled" : "");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", password_r3.type === "password" ? "visibility_off" : "visibility", " ");
+        } }, dependencies: [TranslateModule, i2.TranslatePipe, NgClass, MatFormFieldModule, i2$3.MatFormField, i2$3.MatLabel, i2$3.MatSuffix, MatIconModule, i1$1.MatIcon, MatInputModule, i4.MatInput, ReactiveFormsModule, i5.DefaultValueAccessor, i5.NgControlStatus, i5.RequiredValidator, i5.FormControlDirective], styles: ["[_nghost-%COMP%]{width:100%}mat-form-field[_ngcontent-%COMP%]{width:100%}.disabled[_ngcontent-%COMP%]{opacity:.5}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
+        type: Component,
+        args: [{ selector: 'app-password-input', standalone: true, imports: [TranslateModule, NgClass, MatFormFieldModule, MatIconModule, MatInputModule, ReactiveFormsModule], providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: forwardRef(() => PasswordInputComponent),
+                    },
+                ], template: "<mat-form-field subscriptSizing=\"dynamic\">\r\n    @if(translateLabel()) {<mat-label>{{label() | translate}}</mat-label>}\r\n    @else {<mat-label>{{label()}}</mat-label>}\r\n    <input (keydown.enter)=\"enterKeyDown.emit()\" [autocomplete]=\"autocomplete()\" #password class=\"password\"\r\n        [type]=\"inputType()\" [formControl]=\"passwordControl\" matInput [required]=\"required()\"\r\n        [placeholder]=\"translatePlaceholder() ? (placeholder() | translate) : placeholder()\" />\r\n    <mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" style=\"cursor: pointer\" matSuffix\r\n        (click)=\"showPassword.set(!showPassword())\">\r\n        {{ password.type === \"password\" ? \"visibility_off\" : \"visibility\" }}\r\n    </mat-icon>\r\n</mat-form-field>", styles: [":host{width:100%}mat-form-field{width:100%}.disabled{opacity:.5}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib\\inputs\\password\\password-input\\password-input.component.ts", lineNumber: 23 }); })();
+
+class PasswordCriteriaViewerComponent {
+    constructor() {
+        this.passwordValidation = input.required();
+        this.disabled = input(false);
+    }
+    static { this.ɵfac = function PasswordCriteriaViewerComponent_Factory(t) { return new (t || PasswordCriteriaViewerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaViewerComponent, selectors: [["app-password-criteria-viewer"]], inputs: { passwordValidation: [1, "passwordValidation"], disabled: [1, "disabled"] }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 5, vars: 10, consts: [["label", "error.minimumCharacters", 3, "disabled", "condition"], ["label", "error.minimumNumeric", 3, "disabled", "condition"], ["label", "error.minimumSpecialCharacter", 3, "disabled", "condition"], ["label", "error.minimumUpperAndLowercase", 3, "disabled", "condition"], ["label", "error.identicalPassword", 3, "disabled", "condition"]], template: function PasswordCriteriaViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "app-password-criteria", 0)(1, "app-password-criteria", 1)(2, "app-password-criteria", 2)(3, "app-password-criteria", 3)(4, "app-password-criteria", 4);
+        } if (rf & 2) {
+            i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumCharacters);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasMinimumNumeric);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasSpecialCharacter);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasLowerAndUppercase);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.disabled())("condition", ctx.passwordValidation().hasIdenticalPassword);
+        } }, dependencies: [PasswordCriteriaComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column}[_nghost-%COMP%] > *[_ngcontent-%COMP%]{flex-grow:1}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
+        type: Component,
+        args: [{ selector: 'app-password-criteria-viewer', standalone: true, imports: [PasswordCriteriaComponent], template: "<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.minimumUpperAndLowercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<app-password-criteria [disabled]=\"disabled()\" label=\"error.identicalPassword\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib\\inputs\\password\\password-criteria-viewer\\password-criteria-viewer.component.ts", lineNumber: 12 }); })();
+
+class PasswordValidation {
+    constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
+        this.hasMinimumCharacters = hasMinimumCharacters;
+        this.hasMinimumNumeric = hasMinimumNumeric;
+        this.hasLowerAndUppercase = hasLowerAndUppercase;
+        this.hasSpecialCharacter = hasSpecialCharacter;
+        this.hasIdenticalPassword = hasIdenticalPassword;
+    }
+    isValid() {
+        return this.hasMinimumCharacters && this.hasMinimumNumeric && this.hasLowerAndUppercase && this.hasSpecialCharacter && this.hasIdenticalPassword;
+    }
+}
+
+class PasswordValidator {
+    static { this.passwordMinLength = 13; }
+    static validate(formGroup) {
+        const password = formGroup.controls['password'].value;
+        const confirmedPassword = formGroup.controls['confirmation'].value;
+        return new PasswordValidation(password.length >= this.passwordMinLength, this.hasNumeric(password), this.hasLowerCaseAndUpperCase(password), this.hasSpecialCharacter(password), password && password === confirmedPassword);
+    }
+    static hasLowerCaseAndUpperCase(password) {
+        return /^(?=.*[a-z])(?=.*[A-Z])/.test(password);
+    }
+    static hasNumeric(password) {
+        return /(?=.*\d)/.test(password);
+    }
+    static hasSpecialCharacter(password) {
+        return new RegExp(/[!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?]/).test(password);
+    }
+}
+
+const _c0$3 = ["*"];
+class PasswordSelectionComponent {
+    constructor(formBuilder) {
+        this.passwordValidation = new PasswordValidation();
+        this.disabled = false;
+        this.direction = 'row';
+        this.formWidth = '50%';
+        this.lastPasswordValidationSent = false;
+        this.onChange = (value) => value;
+        this.onTouched = () => { };
+        this.form = formBuilder.group({
+            password: ['', Validators.required],
+            confirmation: ['', Validators.required]
+        }, { validators: (formGroup) => {
+                this.passwordValidation = PasswordValidator.validate(formGroup);
+                if (!this.passwordValidation.isValid()) {
+                    return ({ validation: this.passwordValidation });
+                }
+                return null;
+            } });
+        this.form.valueChanges.pipe(filter(_ => this.form.valid != this.lastPasswordValidationSent)).subscribe(form => {
+            this.lastPasswordValidationSent = this.form.valid;
+            if (this.form.valid) {
+                this.onChange(form.password);
+            }
+            else {
+                this.onChange('');
+            }
+        });
+    }
+    writeValue(value) {
+        this.form.get('password').setValue(value);
+        this.form.get('confirmation').setValue(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (isDisabled) {
+            this.form.get('password').disable();
+            this.form.get('confirmation').disable();
+        }
+        else {
+            this.form.get('password').enable();
+            this.form.get('confirmation').enable();
+        }
+    }
+    static { this.ɵfac = function PasswordSelectionComponent_Factory(t) { return new (t || PasswordSelectionComponent)(i0.ɵɵdirectiveInject(i5.UntypedFormBuilder)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordSelectionComponent, selectors: [["app-password-selection"]], hostVars: 4, hostBindings: function PasswordSelectionComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("flex-direction", ctx.direction)("form", ctx.formWidth, "width");
+        } }, inputs: { direction: "direction", formWidth: "formWidth" }, standalone: true, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    multi: true,
+                    useExisting: forwardRef(() => PasswordSelectionComponent),
+                },
+            ]), i0.ɵɵStandaloneFeature], ngContentSelectors: _c0$3, decls: 7, vars: 9, consts: [[3, "formGroup"], [1, "passwords"], ["autocomplete", "new-password", "label", "password", "formControlName", "password", 3, "translateLabel", "required"], ["autocomplete", "new-password", "label", "passwordConfirmation", "formControlName", "confirmation", 3, "translateLabel", "required"], [1, "errors"], [3, "disabled", "passwordValidation"]], template: function PasswordSelectionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "form", 0)(1, "div", 1);
+            i0.ɵɵelement(2, "app-password-input", 2)(3, "app-password-input", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(6, "app-password-criteria-viewer", 5);
+        } if (rf & 2) {
+            i0.ɵɵclassProp("full-width-form", ctx.direction === "column");
+            i0.ɵɵproperty("formGroup", ctx.form);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("translateLabel", true)("required", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("translateLabel", true)("required", true);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.disabled)("passwordValidation", ctx.passwordValidation);
+        } }, dependencies: [PasswordInputComponent, FormsModule, i5.ɵNgNoValidate, i5.NgControlStatus, i5.NgControlStatusGroup, i5.RequiredValidator, ReactiveFormsModule, i5.FormGroupDirective, i5.FormControlName, TranslateModule, PasswordCriteriaViewerComponent], styles: ["[_nghost-%COMP%]{display:flex;gap:20px}form[_ngcontent-%COMP%]{width:50%;display:flex;flex-direction:column}.full-width-form[_ngcontent-%COMP%]{width:100%}.passwords[_ngcontent-%COMP%]{gap:16px;display:flex;flex-direction:column}.criteria[_ngcontent-%COMP%]{flex-grow:1}.disabled[_ngcontent-%COMP%]{opacity:.5}.errors[_ngcontent-%COMP%]{padding:0 16px}"] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMenuSidebarComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordSelectionComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-menu-sidebar', template: "<div class=\"header\">\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 class=\"content\">\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 class=\"footer\">\n    <ng-content select=\"[footer]\"></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>.header,:host>.footer{flex:0 0 auto}:host>.content{flex-grow:1;overflow:hidden auto}:host>.version{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"] }]
-    }], () => [{ type: i0.ElementRef }], { menuItems: [{
+        args: [{ selector: 'app-password-selection', standalone: true, imports: [PasswordInputComponent, FormsModule, ReactiveFormsModule, TranslateModule, PasswordCriteriaViewerComponent], providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: forwardRef(() => PasswordSelectionComponent),
+                    },
+                ], template: "<form [formGroup]=\"form\" [class.full-width-form]=\"direction === 'column'\">\r\n    <div class=\"passwords\">\r\n        <app-password-input autocomplete=\"new-password\" label=\"password\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"password\" />\r\n        <app-password-input autocomplete=\"new-password\" label=\"passwordConfirmation\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"confirmation\" />\r\n    </div>\r\n    <div class=\"errors\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</form>\r\n<app-password-criteria-viewer [disabled]=\"disabled\" [passwordValidation]=\"passwordValidation\"></app-password-criteria-viewer>", styles: [":host{display:flex;gap:20px}form{width:50%;display:flex;flex-direction:column}.full-width-form{width:100%}.passwords{gap:16px;display:flex;flex-direction:column}.criteria{flex-grow:1}.disabled{opacity:.5}.errors{padding:0 16px}\n"] }]
+    }], () => [{ type: i5.UntypedFormBuilder }], { direction: [{
             type: Input
-        }], version: [{
+        }, {
+            type: HostBinding,
+            args: ['style.flex-direction']
+        }], formWidth: [{
             type: Input
-        }], onResize: [{
-            type: HostListener,
-            args: ['window:resize', ['$event']]
+        }, {
+            type: HostBinding,
+            args: ['style.form.width']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib\\cauca-menu-sidebar\\cauca-menu-sidebar.component.ts", lineNumber: 9 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib\\inputs\\password\\password-selection\\password-selection.component.ts", lineNumber: 24 }); })();
 
-const _c0$1 = ["container"];
-function CaucaSlideshowComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "img", 3);
+const _c0$2 = ["singleSelect"];
+const _c1 = ["*"];
+function SelectWithSearchComponent_mat_option_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 4);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const url_r1 = ctx.$implicit;
-    const index_r2 = ctx.index;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("@slideLeftRight", ctx_r2.getState(index_r2));
+    const option_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", option_r1.id);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("src", url_r1, i0.ɵɵsanitizeUrl);
+    i0.ɵɵtextInterpolate1(" ", option_r1.name, " ");
 } }
-class CaucaSlideshowComponent {
+class SelectWithSearchComponent {
     constructor() {
-        this.height = '150px';
-        this.autoPlay = true;
-        this.timer = null;
-        this.items = [];
-        this.states = [];
-        this.selectedIndex = 0;
+        this.selectFirstOptionByDefault = false;
+        this.optionFilterControl = new FormControl('');
+        this.filteredOptions = new ReplaySubject();
+        this.isDisabled = true;
+        this.valueChanged = new EventEmitter();
+        this._onDestroy = new Subject();
+        this.allOptions = [];
+    }
+    set options(newOptions) {
+        if (newOptions) {
+            this.allOptions = newOptions;
+            this.filteredOptions.next(newOptions.slice());
+            this.setInitialSelectedOption();
+            this.isDisabled = (this.options.length < 1);
+        }
+        else {
+            this.allOptions = [];
+            this.isDisabled = (this.options.length < 1);
+        }
     }
-    set images(list) {
-        this.items = list;
-        this.restart();
+    get options() {
+        return this.allOptions;
     }
-    get images() {
-        return this.items;
+    set value(newValue) {
+        if (newValue !== this.selectedOptionId) {
+            this.selectedOptionId = newValue;
+            this.valueChanged.emit(this.value);
+        }
+    }
+    get value() {
+        return this.selectedOptionId;
     }
     ngOnInit() {
-        this.container.nativeElement.style.height = this.height;
-        this.container.nativeElement.style.width = '100%';
+        this.optionFilterControl.valueChanges
+            .pipe(takeUntil(this._onDestroy))
+            .subscribe(() => {
+            this.filterCities();
+        });
     }
-    getState(index) {
-        if (this.states[index]) {
-            return this.states[index];
-        }
-        return (this.selectedIndex === index ? 'in' : 'out');
+    ngOnDestroy() {
+        this._onDestroy.next();
+        this._onDestroy.complete();
     }
-    restart() {
-        if (this.timer) {
-            window.clearInterval(this.timer);
-        }
-        if (this.images && this.images.length) {
-            this.timer = window.setInterval(() => this.changed('next'), 5000);
+    filterCities() {
+        if (!this.options) {
+            return;
         }
-    }
-    next() {
-        if (this.selectedIndex < this.items.length - 1) {
-            this.selectedIndex++;
+        let filter = this.optionFilterControl.value;
+        if (!filter) {
+            this.filteredOptions.next(this.options.slice());
+            return;
         }
         else {
-            this.selectedIndex = 0;
+            filter = filter.toLowerCase();
+        }
+        this.filteredOptions.next(this.options
+            .filter(option => option.name.toLowerCase().indexOf(filter) > -1));
+    }
+    setInitialSelectedOption() {
+        if (this.value) {
+            const city = this.options.find((c) => c.id === this.value);
+            if (!city) {
+                this.selectFirstOption();
+            }
+        }
+        else if (this.options.length > 0 && this.selectFirstOptionByDefault) {
+            this.selectFirstOption();
         }
     }
-    changed(action) {
-        this.states[this.selectedIndex] = 'out';
-        this[action]();
-        this.states[this.selectedIndex] = 'in';
+    selectFirstOption() {
+        this.value = this.options[0].id;
     }
-    static { this.ɵfac = function CaucaSlideshowComponent_Factory(t) { return new (t || CaucaSlideshowComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSlideshowComponent, selectors: [["cauca-slideshow"]], viewQuery: function CaucaSlideshowComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$1, 7);
+    static { this.ɵfac = function SelectWithSearchComponent_Factory(t) { return new (t || SelectWithSearchComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectWithSearchComponent, selectors: [["app-select-with-search"]], viewQuery: function SelectWithSearchComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$2, 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: [["container", ""], [1, "slideshow"], [4, "ngFor", "ngForOf"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1, 0);
-            i0.ɵɵtemplate(2, CaucaSlideshowComponent_div_2_Template, 2, 2, "div", 2);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.singleSelect = _t.first);
+        } }, inputs: { label: "label", selectFirstOptionByDefault: "selectFirstOptionByDefault", options: "options", value: "value" }, outputs: { valueChanged: "valueChanged" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 12, vars: 15, consts: [["subscriptSizing", "dynamic", 1, "full-width-field", "header", "dense"], [3, "valueChange", "value", "disabled"], [3, "formControl", "placeholderLabel", "noEntriesFoundLabel"], [3, "value", 4, "ngFor", "ngForOf"], [3, "value"]], template: function SelectWithSearchComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementStart(2, "mat-label");
+            i0.ɵɵtext(3);
+            i0.ɵɵpipe(4, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "mat-select", 1);
+            i0.ɵɵtwoWayListener("valueChange", function SelectWithSearchComponent_Template_mat_select_valueChange_5_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
+            i0.ɵɵelementStart(6, "mat-option");
+            i0.ɵɵelement(7, "ngx-mat-select-search", 2);
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵpipe(9, "translate");
             i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(10, SelectWithSearchComponent_mat_option_10_Template, 2, 2, "mat-option", 3);
+            i0.ɵɵpipe(11, "async");
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 7, ctx.label));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", ctx.images);
-        } }, dependencies: [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')
-                    ]),
-                ]),
-            ] } }); }
+            i0.ɵɵtwoWayProperty("value", ctx.value);
+            i0.ɵɵproperty("disabled", ctx.isDisabled);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formControl", ctx.optionFilterControl)("placeholderLabel", i0.ɵɵpipeBind1(8, 9, "search"))("noEntriesFoundLabel", i0.ɵɵpipeBind1(9, 11, "noResult"));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(11, 13, ctx.filteredOptions));
+        } }, dependencies: [NgForOf, AsyncPipe, MatSelectModule, i2$3.MatFormField, i2$3.MatLabel, i2$4.MatSelect, i3.MatOption, TranslateModule, i2.TranslatePipe, MatFormFieldModule, ReactiveFormsModule, i5.NgControlStatus, i5.FormControlDirective, FormsModule, NgxMatSelectSearchModule, i6.MatSelectSearchComponent] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
         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"] }]
-    }], null, { container: [{
-            type: ViewChild,
-            args: ['container', { static: true }]
-        }], height: [{
+        args: [{ selector: 'app-select-with-search', standalone: true, imports: [NgForOf, AsyncPipe, MatError, MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\r\n    <ng-content></ng-content>\r\n    <mat-label>{{ label | translate }}</mat-label>\r\n    <mat-select [(value)]=\"value\" [disabled]=\"isDisabled\">\r\n        <mat-option>\r\n            <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\r\n                [noEntriesFoundLabel]=\"'noResult' | translate\">\r\n            </ngx-mat-select-search>\r\n        </mat-option>\r\n        <mat-option *ngFor=\"let option of filteredOptions | async\" [value]=\"option.id\">\r\n            {{option.name}}\r\n        </mat-option>\r\n    </mat-select>\r\n\r\n</mat-form-field>" }]
+    }], null, { label: [{
+            type: Input,
+            args: [{ required: true }]
+        }], selectFirstOptionByDefault: [{
             type: Input
-        }], autoPlay: [{
+        }], singleSelect: [{
+            type: ViewChild,
+            args: ['singleSelect', { static: true }]
+        }], valueChanged: [{
+            type: Output
+        }], options: [{
             type: Input
-        }], images: [{
+        }], value: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib\\cauca-slideshow\\cauca-slideshow.component.ts", lineNumber: 33 }); })();
-
-class CaucaMaterialModule {
-    static { this.ɵfac = function CaucaMaterialModule_Factory(t) { return new (t || CaucaMaterialModule)(); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: CaucaMaterialModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
-            CaucaCoreForChildModule,
-            FontAwesomeModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MatButtonModule,
-            MatFormFieldModule,
-            MatIconModule,
-            MatInputModule,
-            MatTabsModule,
-            MatDialogModule] }); }
-}
-(() => { (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,
-                    MatDialogModule,
-                ],
-                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,
-        MatDialogModule], exports: [CaucaMaterialComponent,
-        CaucaInputFileComponent,
-        CaucaInputMultipleLangueComponent,
-        CaucaMenuSidebarComponent,
-        CaucaMenuVerticalComponent,
-        CaucaSimpleDialogComponent,
-        CaucaSlideshowComponent] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectWithSearchComponent, { className: "SelectWithSearchComponent", filePath: "lib\\inputs\\select-with-search\\select-with-search.component.ts", lineNumber: 22 }); })();
 
 class MobileTimePickerComponent {
     constructor() {
@@ -891,7 +2011,7 @@ class MobileTimePickerComponent {
         } if (rf & 2) {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1("\n", (ctx.value < 10 ? "0" : "") + ctx.value, "\n");
-        } }, dependencies: [MatButtonModule, i4.MatIconButton, MatIconModule, i5.MatIcon, MatFormFieldModule,
+        } }, dependencies: [MatButtonModule, i4$1.MatIconButton, MatIconModule, i1$1.MatIcon, MatFormFieldModule,
             MatInputModule], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;font-family:var(--mat-form-field-container-text-font)}.mat-mdc-icon-button[_ngcontent-%COMP%]{height:24px;width:24px;line-height:24px;padding:0}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
@@ -911,7 +2031,7 @@ class MobileTimePickerComponent {
         }], valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\components\\mobile-time-picker\\mobile-time-picker.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\mobile-time-picker\\mobile-time-picker.component.ts", lineNumber: 19 }); })();
 
 function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -940,7 +2060,7 @@ class DesktopTimePickerComponent {
             i0.ɵɵproperty("disabled", ctx.disabled == null ? null : ctx.disabled.all);
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.options);
-        } }, dependencies: [MatListModule, i1$4.MatList, i1$4.MatListItem], styles: ["mat-list[_ngcontent-%COMP%]{width:50px;padding:0}mat-list[_ngcontent-%COMP%]   .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer} > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}  .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}  .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}  .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
+        } }, dependencies: [MatListModule, i1$5.MatList, i1$5.MatListItem], styles: ["mat-list[_ngcontent-%COMP%]{width:50px;padding:0}mat-list[_ngcontent-%COMP%]   .mat-mdc-list-item[_ngcontent-%COMP%]:not(.mat-mdc-list-item-interactive){cursor:pointer} > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}  .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}  .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}  .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
         type: Component,
@@ -956,9 +2076,9 @@ class DesktopTimePickerComponent {
         }], valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\components\\desktop-time-picker\\desktop-time-picker.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\desktop-time-picker\\desktop-time-picker.component.ts", lineNumber: 13 }); })();
 
-const _c0 = (a0, a1) => ({ all: a0, someOptions: a1 });
+const _c0$1 = (a0, a1) => ({ all: a0, someOptions: a1 });
 function DialogDateTimePickerComponent_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14)(1, "cauca-desktop-time-picker", 15);
@@ -967,7 +2087,7 @@ function DialogDateTimePickerComponent_div_4_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
 } }
 function DialogDateTimePickerComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -992,7 +2112,7 @@ function DialogDateTimePickerComponent_div_7_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
 } }
 function DialogDateTimePickerComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -1017,7 +2137,7 @@ function DialogDateTimePickerComponent_div_10_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$1, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
 } }
 function DialogDateTimePickerComponent_div_11_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -1216,7 +2336,7 @@ class DialogDateTimePickerComponent {
         this.minutes = this.minutes.filter(minute => minute % this.step.minutes === 0);
         this.seconds = this.seconds.filter(seconde => seconde % this.step.seconds === 0);
     }
-    static { this.ɵfac = function DialogDateTimePickerComponent_Factory(t) { return new (t || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$1.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
+    static { this.ɵfac = function DialogDateTimePickerComponent_Factory(t) { return new (t || DialogDateTimePickerComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogDateTimePickerComponent, selectors: [["cauca-dialog-date-time-picker"]], hostBindings: function DialogDateTimePickerComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("resize", function DialogDateTimePickerComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
         } }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 22, vars: 21, consts: [["mat-dialog-content", ""], [1, "date-time-picker", 3, "ngClass"], [1, "calendar"], [3, "selectedChange", "minDate", "maxDate", "selected"], ["class", "hours", 4, "ngIf"], ["class", "hour-and-minute-separator", 4, "ngIf"], ["class", "minutes", 4, "ngIf"], ["class", "minute-and-second-separator", 4, "ngIf"], ["class", "seconds", 4, "ngIf"], ["mat-dialog-actions", "", "align", "end"], ["mat-stroked-button", "", 3, "click", 4, "ngIf"], ["mat-stroked-button", "", 3, "click"], [4, "ngIf"], ["color", "primary", "mat-raised-button", "", "cdkFocusInitial", "", 3, "click"], [1, "hours"], [3, "valueChange", "disabled", "options", "value"], [3, "valueChange", "options", "value"], [1, "hour-and-minute-separator"], [1, "minutes"], [1, "minute-and-second-separator"], [1, "seconds"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
@@ -1270,32 +2390,34 @@ class DialogDateTimePickerComponent {
             i0.ɵɵproperty("ngIf", ctx.showButtonIcons);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(21, 19, "material.ok"), " ");
-        } }, dependencies: [CommonModule, i2.NgClass, i2.NgIf, CaucaCoreForChildModule, i1.TranslatePipe, MatButtonModule, i4.MatButton, MatDatepickerModule, i5$2.MatCalendar, MatIconModule, i5.MatIcon, MatListModule,
+        } }, dependencies: [MatButtonModule, i4$1.MatButton, MatDatepickerModule, i3$1.MatCalendar, MatIconModule, i1$1.MatIcon, MatListModule,
             MatNativeDateModule,
             MobileTimePickerComponent,
-            DesktopTimePickerComponent], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin:2px}.date-time-picker[_ngcontent-%COMP%]{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child   mat-calendar[_ngcontent-%COMP%]{width:290px;height:350px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar[_ngcontent-%COMP%]{grid-area:calendar}.hours[_ngcontent-%COMP%]{grid-area:hours}.minutes[_ngcontent-%COMP%]{grid-area:minutes}.seconds[_ngcontent-%COMP%]{grid-area:seconds}.hour-and-minute-separator[_ngcontent-%COMP%]{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator[_ngcontent-%COMP%]{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker[_ngcontent-%COMP%]{grid-template-rows:auto auto;height:450px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child){height:70px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}"] }); }
+            DesktopTimePickerComponent,
+            NgClass,
+            TranslateModule, i2.TranslatePipe], styles: ["div[mat-dialog-actions][_ngcontent-%COMP%]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions][_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{margin:2px}.date-time-picker[_ngcontent-%COMP%]{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child   mat-calendar[_ngcontent-%COMP%]{width:290px;height:350px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker[_ngcontent-%COMP%]     .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar[_ngcontent-%COMP%]{grid-area:calendar}.hours[_ngcontent-%COMP%]{grid-area:hours}.minutes[_ngcontent-%COMP%]{grid-area:minutes}.seconds[_ngcontent-%COMP%]{grid-area:seconds}.hour-and-minute-separator[_ngcontent-%COMP%]{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator[_ngcontent-%COMP%]{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds[_ngcontent-%COMP%]{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker[_ngcontent-%COMP%]{grid-template-rows:auto auto;height:450px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{border-left:none}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child){height:70px}.date-time-picker[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
         type: Component,
         args: [{ selector: 'cauca-dialog-date-time-picker', standalone: true, imports: [
-                    CommonModule,
-                    CaucaCoreForChildModule,
                     MatButtonModule,
                     MatDatepickerModule,
                     MatIconModule,
                     MatListModule,
                     MatNativeDateModule,
                     MobileTimePickerComponent,
-                    DesktopTimePickerComponent
+                    DesktopTimePickerComponent,
+                    NgClass,
+                    TranslateModule
                 ], template: "<div mat-dialog-content>\n    <div [ngClass]=\"showSeconds ? 'show-seconds' : 'hide-seconds'\" class=\"date-time-picker\">\n        <div class=\"calendar\">\n            <mat-calendar\n                [minDate]=\"minimumDate\"\n                [maxDate]=\"maximumDate\"\n                [selected]=\"selectedDate\"\n                (selectedChange)=\"dateChanged($event)\"\n            ></mat-calendar>\n        </div>\n\n        <div class=\"hours\" *ngIf=\"!showMobileUi\">\n            <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n        </div>\n        <div class=\"hours\" *ngIf=\"showMobileUi\">\n            <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n        </div>\n\n        <div class=\"hour-and-minute-separator\" *ngIf=\"showMobileUi\">:</div>\n\n        <div class=\"minutes\" *ngIf=\"!showMobileUi\">\n            <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n        </div>\n        <div class=\"minutes\" *ngIf=\"showMobileUi\">\n            <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n        </div>\n\n        <div class=\"minute-and-second-separator\" *ngIf=\"showSeconds && showMobileUi\">:</div>\n        <div class=\"seconds\" *ngIf=\"showSeconds && !showMobileUi\">\n            <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n        </div>\n        <div class=\"seconds\" *ngIf=\"showSeconds && showMobileUi\">\n            <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n        </div>\n    </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n    <button mat-stroked-button (click)=\"clear()\" *ngIf=\"showClearButton\">\n        <mat-icon *ngIf=\"showButtonIcons\">clear</mat-icon>\n        {{'material.clear' | translate}}\n    </button>\n    <button mat-stroked-button (click)=\"cancel()\">\n        <mat-icon *ngIf=\"showButtonIcons\">cancel</mat-icon>\n        {{'material.cancel' | translate}}\n    </button>\n    <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n        <mat-icon *ngIf=\"showButtonIcons\">check</mat-icon>\n        {{'material.ok' | translate}}\n    </button>\n</div>", styles: ["div[mat-dialog-actions]{padding:8px;border-top:1px solid #ccc}div[mat-dialog-actions] button{margin:2px}.date-time-picker{display:grid;grid-template-areas:\"calendar hours minutes seconds\";height:350px;overflow:hidden;justify-content:center}.date-time-picker>div{overflow:auto;flex:1;max-width:50px;scrollbar-width:none;border-left:1px solid #ccc}.date-time-picker>div:first-child{flex:4;max-width:290px;border-left:none}.date-time-picker>div:first-child mat-calendar{width:290px;height:350px}.date-time-picker>div::-webkit-scrollbar{display:none}.date-time-picker ::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}.date-time-picker ::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}.date-time-picker ::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}.calendar{grid-area:calendar}.hours{grid-area:hours}.minutes{grid-area:minutes}.seconds{grid-area:seconds}.hour-and-minute-separator{grid-area:hour-and-minute-separator;display:flex;align-items:center;justify-content:center;font-weight:700}.minute-and-second-separator{grid-area:minute-and-second-separator;display:flex;align-items:center;justify-content:center;font-weight:700}@media only screen and (max-width: 555px){.show-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes minute-and-second-separator seconds .\";grid-template-columns:auto 40px 2px 40px 2px 40px auto}.hide-seconds{grid-template-areas:\"calendar calendar calendar calendar calendar\" \". hours hour-and-minute-separator minutes .\";grid-template-columns:auto 40px 2px 40px auto}.date-time-picker{grid-template-rows:auto auto;height:450px}.date-time-picker>div{border-left:none}.date-time-picker>div:not(:first-child){height:70px}.date-time-picker>div:first-child{overflow:initial;flex:4;max-width:290px;border-left:none}}\n"] }]
-    }], () => [{ type: i1$1.MatDialogRef }, { type: undefined, decorators: [{
+    }], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }], { onResize: [{
             type: HostListener,
             args: ['window:resize', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\components\\dialog-date-time-picker\\dialog-date-time-picker.component.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\components\\dialog-date-time-picker\\dialog-date-time-picker.component.ts", lineNumber: 31 }); })();
 
 class CaucaDateTimePickerComponent {
     constructor(elementRef, dialog, datePipe) {
@@ -1371,7 +2493,7 @@ class CaucaDateTimePickerComponent {
             bottom: `${bottom}px`,
         };
     }
-    static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$1.MatDialog), i0.ɵɵdirectiveInject(i2.DatePipe)); }; }
+    static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(t) { return new (t || CaucaDateTimePickerComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$2.MatDialog), i0.ɵɵdirectiveInject(i1$4.DatePipe)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaDateTimePickerComponent, selectors: [["cauca-date-time-picker"]], inputs: { stepHours: "stepHours", stepMinutes: "stepMinutes", stepSecondes: "stepSecondes", minimumDate: "minimumDate", maximumDate: "maximumDate", showSeconds: "showSeconds", showFormat: "showFormat", showClearButton: "showClearButton", showButtonIcons: "showButtonIcons", value: "value" }, outputs: { selectedChange: "selectedChange" }, standalone: true, features: [i0.ɵɵProvidersFeature([
                 DatePipe,
             ]), i0.ɵɵStandaloneFeature], decls: 5, vars: 1, consts: [["matInput", "", "readonly", "readonly", 3, "value"], ["matSuffix", "", "mat-icon-button", "", 3, "click"]], template: function CaucaDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
@@ -1385,7 +2507,7 @@ class CaucaDateTimePickerComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵproperty("value", ctx.stringDate);
-        } }, dependencies: [MatButtonModule, i4.MatIconButton, MatIconModule, i5.MatIcon, MatInputModule, i5$1.MatInput, i4$1.MatFormField, i4$1.MatSuffix], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
+        } }, dependencies: [MatButtonModule, i4$1.MatIconButton, MatIconModule, i1$1.MatIcon, MatInputModule, i4.MatInput, i2$3.MatFormField, i2$3.MatSuffix], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
         type: Component,
@@ -1396,7 +2518,7 @@ class CaucaDateTimePickerComponent {
                 ], providers: [
                     DatePipe,
                 ], template: "<mat-form-field>\n    <input matInput [value]=\"stringDate\" readonly=\"readonly\">\n    <button matSuffix mat-icon-button (click)=\"showDialog()\">\n        <mat-icon>calendar_month</mat-icon>\n    </button>\n</mat-form-field>", styles: [":host{display:block}mat-form-field{width:100%}\n"] }]
-    }], () => [{ type: i0.ElementRef }, { type: i1$1.MatDialog }, { type: i2.DatePipe }], { stepHours: [{
+    }], () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }, { type: i1$4.DatePipe }], { stepHours: [{
             type: Input
         }], stepMinutes: [{
             type: Input
@@ -1419,7 +2541,225 @@ class CaucaDateTimePickerComponent {
         }], value: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib\\cauca-date-time-picker\\cauca-date-time-picker.component.ts", lineNumber: 24 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib\\inputs\\cauca-date-time-picker\\cauca-date-time-picker.component.ts", lineNumber: 24 }); })();
+
+const _c0 = ["*"];
+function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-stroked-button", 7);
+    i0.ɵɵlistener("click", function SnackBarComponent_Conditional_10_Template_app_stroked_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("color", ctx_r1.buttonColor())("label", ctx_r1.buttonLabel());
+} }
+function SnackBarComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-icon-button", 8);
+    i0.ɵɵlistener("click", function SnackBarComponent_Conditional_11_Template_app_icon_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeClick.emit()); });
+    i0.ɵɵelementEnd();
+} }
+class SnackBarComponent {
+    constructor() {
+        this.icon = input('info_outlined');
+        this.title = input('');
+        this.showButton = input(false);
+        this.buttonLabel = input('');
+        this.showCloseButton = input(false);
+        this.type = input('info');
+        this.variant = input('standard');
+        this.appearanceClasses = computed(() => `${this.type()} ${this.variant()}`);
+        this.buttonColor = computed(() => this.variant() === 'filled' ? 'white' : undefined);
+        this.closeClick = new EventEmitter();
+        this.buttonClick = new EventEmitter();
+    }
+    static { this.ɵfac = function SnackBarComponent_Factory(t) { return new (t || SnackBarComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackBarComponent, selectors: [["app-snackbar"]], inputs: { icon: [1, "icon"], title: [1, "title"], showButton: [1, "showButton"], buttonLabel: [1, "buttonLabel"], showCloseButton: [1, "showCloseButton"], type: [1, "type"], variant: [1, "variant"] }, outputs: { closeClick: "closeClick", buttonClick: "buttonClick" }, standalone: true, features: [i0.ɵɵStandaloneFeature], ngContentSelectors: _c0, decls: 12, vars: 7, consts: [[1, "container", 3, "ngClass"], [1, "icon-container"], [1, "text-container"], [1, "title", "alert-title"], [1, "message", "body2"], [3, "color", "label"], ["icon", "close"], [3, "click", "color", "label"], ["icon", "close", 3, "click"]], template: function SnackBarComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mat-icon");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 2)(5, "div", 3);
+            i0.ɵɵtext(6);
+            i0.ɵɵpipe(7, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "div", 4);
+            i0.ɵɵprojection(9);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(10, SnackBarComponent_Conditional_10_Template, 1, 2, "app-stroked-button", 5)(11, SnackBarComponent_Conditional_11_Template, 1, 0, "app-icon-button", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.appearanceClasses());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.icon());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 5, ctx.title()));
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.showButton() ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showCloseButton() ? 11 : -1);
+        } }, dependencies: [MatIcon, StrokedButtonComponent, IconButtonComponent, NgClass, TranslateModule, i2.TranslatePipe], styles: [".info[_ngcontent-%COMP%]{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning[_ngcontent-%COMP%]{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success[_ngcontent-%COMP%]{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error[_ngcontent-%COMP%]{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled[_ngcontent-%COMP%]{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard[_ngcontent-%COMP%], .outlined[_ngcontent-%COMP%]{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container[_ngcontent-%COMP%]{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container[_ngcontent-%COMP%]{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container[_ngcontent-%COMP%]{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:var(--iconColor)}.message[_ngcontent-%COMP%], .title[_ngcontent-%COMP%]{color:var(--textColor)}.standard[_ngcontent-%COMP%]{background-color:var(--lightBackgroundColor)}.outlined[_ngcontent-%COMP%]{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard[_ngcontent-%COMP%]   .outlined[_ngcontent-%COMP%]{color:var(--darkColor)}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SnackBarComponent, [{
+        type: Component,
+        args: [{ selector: 'app-snackbar', standalone: true, imports: [MatIcon, StrokedButtonComponent, IconButtonComponent, NgClass, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [ngClass]=\"appearanceClasses()\">\r\n\r\n    <div class=\"icon-container\">\r\n        <mat-icon>{{icon()}}</mat-icon>\r\n    </div>\r\n\r\n    <div class=\"text-container\">\r\n        <div class=\"title alert-title\">{{title()|translate}}</div>\r\n        <div class=\"message body2\"><ng-content></ng-content></div>\r\n    </div>\r\n\r\n    @if (showButton()) {<app-stroked-button [color]=\"buttonColor()\" [label]=\"buttonLabel()\" (click)=\"buttonClick.emit()\" />}\r\n\r\n    @if (showCloseButton()) {<app-icon-button icon=\"close\" (click)=\"closeClick.emit()\" />}\r\n\r\n</div>", styles: [".info{--darkBackgroundColor: #0288D1;--lightBackgroundColor: #E5F6FD;--lightColor: white;--darkColor: #014361}.warning{--darkBackgroundColor: #ED6C02;--lightBackgroundColor: #FFF4E5;--lightColor: white;--darkColor: #663C00}.success{--darkBackgroundColor: #2E7D32;--lightBackgroundColor: #EDF7ED;--lightColor: white;--darkColor: #1E4620}.error{--darkBackgroundColor: #D32F2F;--lightBackgroundColor: #FDEDED;--lightColor: white;--darkColor: #5F2120}.filled{--textColor: var(--lightColor);--iconColor: var(--lightColor);background-color:var(--darkBackgroundColor)}.standard,.outlined{--textColor: var(--darkColor);--iconColor: var(--darkBackgroundColor)}.container{display:flex;padding:6px 16px;align-items:flex-start;border-radius:4px}.text-container{display:flex;padding:8px 0;flex-direction:column;align-items:flex-start;gap:4px;flex:1 0 0}.icon-container{display:flex;padding:7px 12px 7px 0;align-items:flex-start}.icon-container mat-icon{color:var(--iconColor)}.message,.title{color:var(--textColor)}.standard{background-color:var(--lightBackgroundColor)}.outlined{background-color:transparent;border:1px solid var(--darkBackgroundColor)}.standard .outlined{color:var(--darkColor)}\n"] }]
+    }], null, { closeClick: [{
+            type: Output
+        }], buttonClick: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib\\notifications\\snack-bar\\snack-bar.component.ts", lineNumber: 16 }); })();
+
+class AlertDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.title = '';
+        this.message = '';
+        this.title = data.title;
+        this.message = data.message;
+    }
+    closeClick() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = function AlertDialogComponent_Factory(t) { return new (t || AlertDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertDialogComponent, selectors: [["app-alert-dialog"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 15, vars: 9, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "mat-icon-button", "", "mat-dialog-close", ""], ["mat-dialog-content", ""], ["mat-dialog-actions", "", "align", "end"], ["mat-raised-button", "", "id", "okButton", "color", "primary", "mat-dialog-close", ""]], template: function AlertDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "button", 2)(5, "mat-icon");
+            i0.ɵɵtext(6, "close");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(7, "div", 3)(8, "p");
+            i0.ɵɵtext(9);
+            i0.ɵɵpipe(10, "translate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 4)(12, "button", 5);
+            i0.ɵɵtext(13);
+            i0.ɵɵpipe(14, "translate");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 3, ctx.title));
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 5, ctx.message));
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 7, "ok"));
+        } }, dependencies: [TranslateModule, i2.TranslatePipe, MatDialogModule, i1$2.MatDialogClose, i1$2.MatDialogTitle, i1$2.MatDialogActions, i1$2.MatDialogContent, MatIconModule, i1$1.MatIcon, MatButtonModule, i4$1.MatButton, i4$1.MatIconButton], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'app-alert-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, MatIconModule, MatButtonModule], template: "<div mat-dialog-title>\n  <div class=\"h6\">{{ title | translate }}</div>\n  <button id=\"closeButton\" mat-icon-button mat-dialog-close>\n      <mat-icon>close</mat-icon>\n  </button>\n</div>\n<div mat-dialog-content>\n  <p>{{ message | translate }}</p>\n</div>\n<div mat-dialog-actions align=\"end\">\n  <button mat-raised-button id=\"okButton\" color=\"primary\" mat-dialog-close>{{'ok' | translate}}</button>\n</div>", styles: [":host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}\n"] }]
+    }], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib\\dialogs\\alert-dialog\\alert-dialog.component.ts", lineNumber: 15 }); })();
+
+class ConfirmDialogComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.title = '';
+        this.message = '';
+        this.title = data.title;
+        this.message = data.message;
+        this.options = data.options;
+    }
+    noClick() {
+        this.dialogRef.close(ConfirmationResult.No);
+    }
+    yesClick() {
+        this.dialogRef.close(ConfirmationResult.Yes);
+    }
+    cancelClick() {
+        this.dialogRef.close(ConfirmationResult.Cancel);
+    }
+    static { this.ɵfac = function ConfirmDialogComponent_Factory(t) { return new (t || ConfirmDialogComponent)(i0.ɵɵdirectiveInject(i1$2.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["app-confirm-dialog"]], standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 12, vars: 11, consts: [["mat-dialog-title", ""], [1, "h6", "title"], ["id", "close-button", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], [1, "message"], ["mat-dialog-actions", "", "align", "end"], [1, "no-button", 3, "buttonClick", "label", "color"], [1, "yes-button", 3, "buttonClick", "label", "color"]], template: function ConfirmDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "app-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_icon_button_buttonClick_4_listener() { return ctx.cancelClick(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 3)(6, "p", 4);
+            i0.ɵɵtext(7);
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "div", 5)(10, "app-stroked-button", 6);
+            i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_stroked_button_buttonClick_10_listener() { return ctx.noClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "app-raised-button", 7);
+            i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_app_raised_button_buttonClick_11_listener() { return ctx.yesClick(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 6, ctx.title));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 8, ctx.message, ctx.options.messageArgs));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("label", ctx.options.noText)("color", ctx.options.noColor);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("label", ctx.options.yesText)("color", ctx.options.yesColor);
+        } }, dependencies: [TranslateModule, i2.TranslatePipe, MatDialogModule, i1$2.MatDialogTitle, i1$2.MatDialogActions, i1$2.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}.yes-button[_ngcontent-%COMP%]{padding-left:8px}.message[_ngcontent-%COMP%]{white-space:pre-wrap}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'app-confirm-dialog', standalone: true, imports: [TranslateModule, MatDialogModule, MatIcon, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n    <div class=\"h6 title\">{{ title | translate }}</div>\n    <app-icon-button id=\"close-button\" (buttonClick)=\"cancelClick()\" icon=\"close\" />\n  </div>\n  <div mat-dialog-content>\n    <p class=\"message\">{{ message | translate: options.messageArgs }}</p>\n  </div>\n  <div mat-dialog-actions align=\"end\">\n    <app-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n    <app-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n  </div>", styles: [":host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.yes-button{padding-left:8px}.message{white-space:pre-wrap}\n"] }]
+    }], () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [MAT_DIALOG_DATA]
+            }] }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib\\dialogs\\confirm-dialog\\confirm-dialog.component.ts", lineNumber: 18 }); })();
+
+class DialogService {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.defaultConfirmationOptions = {
+            noText: 'no',
+            noColor: 'primary',
+            yesText: 'yes',
+            messageArgs: null,
+            yesColor: 'primary'
+        };
+    }
+    async showDialog(title, message) {
+        const dialogRef = this.dialog.open(AlertDialogComponent, {
+            data: { title, message },
+            autoFocus: false
+        });
+        return await firstValueFrom(dialogRef.afterClosed());
+    }
+    async showCustomDialog(component, args, options = { autoFocus: false }) {
+        const config = { ...options, ...{ data: args } };
+        return await this.dialog.open(component, config)
+            .afterClosed();
+    }
+    async askForConfirmation(title, message, args = null, options = { autoFocus: false }) {
+        args = { ...this.defaultConfirmationOptions, ...(args || {}) };
+        const data = { options: args, title, message };
+        const config = { ...options, ...{ data } };
+        const dialogRef = this.dialog.open(ConfirmDialogComponent, config);
+        return await dialogRef.afterClosed();
+    }
+    static { this.ɵfac = function DialogService_Factory(t) { return new (t || DialogService)(i0.ɵɵinject(i1$2.MatDialog)); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DialogService, factory: DialogService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], () => [{ type: i1$2.MatDialog }], null); })();
+var ConfirmationResult;
+(function (ConfirmationResult) {
+    ConfirmationResult[ConfirmationResult["Cancel"] = 0] = "Cancel";
+    ConfirmationResult[ConfirmationResult["Yes"] = 1] = "Yes";
+    ConfirmationResult[ConfirmationResult["No"] = 2] = "No";
+})(ConfirmationResult || (ConfirmationResult = {}));
 
 class MenuItem {
     constructor(label, path, icon = '') {
@@ -1438,5 +2778,5 @@ class MenuItem {
  * Generated bundle index. Do not edit.
  */
 
-export { CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, MenuItem };
+export { BasicButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialModule, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ConfirmationResult, DialogService, ExpandablePanelComponent, FlatButtonComponent, IconButtonComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItem, MenuItemComponent, PageTitleComponent, PasswordCriteriaComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent };
 //# sourceMappingURL=cauca-911-material.mjs.map