@cauca-911/material 21.0.1 → 21.0.3

package/fesm2022/cauca-911-material.mjs

@@ -0,0 +1,4145 @@
+import * as i0 from '@angular/core';
+import { Injectable, ChangeDetectionStrategy, Component, input, output, signal, inject, HostListener, computed, Injector, ElementRef, Directive, forwardRef, model, TemplateRef, Input, Optional, Self, ContentChild, ViewChild, resource, effect, NgModule, EventEmitter, Output } from '@angular/core';
+import * as i1 from '@ngx-translate/core';
+import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
+import * as i1$5 from '@angular/material/dialog';
+import { MatDialogRef, MAT_DIALOG_DATA, MatDialog, MatDialogModule, MatDialogTitle, MatDialogContent, MatDialogActions } from '@angular/material/dialog';
+import * as i1$2 from '@angular/material/icon';
+import { MatIconModule, MatIcon } from '@angular/material/icon';
+import * as i3$1 from '@angular/material/input';
+import { MatInputModule, MatInput } from '@angular/material/input';
+import { provideNativeDateAdapter } from '@angular/material/core';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i1$3 from '@angular/material/list';
+import { MatListModule } from '@angular/material/list';
+import { CaucaCoreForChildModule, toLowerCaseAndWithoutDiacritics, TranslateService as TranslateService$1, CaucaCoreService } from '@cauca-911/core';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule, MatButton, MatIconButton } from '@angular/material/button';
+import * as i3 from '@angular/common';
+import { CommonModule, DatePipe, NgClass } from '@angular/common';
+import * as i1$4 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormFieldControl, MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';
+import * as i1$6 from '@angular/forms';
+import { Validators, NgControl, FormControlName, ControlContainer, FormControl, NG_VALUE_ACCESSOR, UntypedFormBuilder, ReactiveFormsModule, FormsModule, FormGroup, NgForm, FormGroupDirective, FormControlDirective, UntypedFormControl } from '@angular/forms';
+import { Clipboard } from '@angular/cdk/clipboard';
+import { MatMenuItem, MatMenuTrigger } from '@angular/material/menu';
+import { firstValueFrom, of, tap, mergeMap, catchError, finalize, throwError, filter, Subject, startWith, map, ReplaySubject, switchMap, EMPTY, combineLatest, distinctUntilChanged } from 'rxjs';
+import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
+import { BreakpointObserver } from '@angular/cdk/layout';
+import * as i4 from '@angular/cdk/text-field';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
+import * as i1$7 from '@angular/material/chips';
+import { MatChipsModule, MatChipGrid, MatChip, MatChipRemove, MatChipInput } from '@angular/material/chips';
+import * as i1$8 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i2$1 from '@angular/material/autocomplete';
+import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { ColorPickerDirective } from 'ngx-color-picker';
+import * as i2$2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i5 from 'ngx-mat-select-search';
+import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
+import * as i1$9 from '@angular/router';
+import { RouterModule, Router } from '@angular/router';
+import { MatTabGroup, MatTab } from '@angular/material/tabs';
+
+class CaucaMaterialService {
+    static { this.ɵfac = function CaucaMaterialService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaMaterialService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaucaMaterialService, factory: CaucaMaterialService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
+
+class CaucaMaterialComponent {
+    static { this.ɵfac = function CaucaMaterialComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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) {
+            i0.ɵɵdomElementStart(0, "div");
+            i0.ɵɵtext(1);
+            i0.ɵɵpipe(2, "translate");
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "core.noGenericComponentOnThisLibrary"));
+        } }, dependencies: [TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaMaterialComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-material', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>{{'core.noGenericComponentOnThisLibrary' | translate}}</div>" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMaterialComponent, { className: "CaucaMaterialComponent", filePath: "lib/cauca-material.component.ts", lineNumber: 11 }); })();
+
+class MobileTimePickerComponent {
+    constructor() {
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.options = input.required(...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.valueChange = output();
+    }
+    valueUp() {
+        const currentIndex = this.options().indexOf(this.value());
+        let newValue = 0;
+        if (currentIndex === this.options().length - 1) {
+            newValue = this.options()[0];
+        }
+        else {
+            newValue = this.options()[currentIndex + 1];
+        }
+        this.valueChange.emit(newValue);
+    }
+    valueDown() {
+        const currentIndex = this.options().indexOf(this.value());
+        let newValue = 0;
+        if (currentIndex === 0) {
+            newValue = this.options()[this.options().length - 1];
+        }
+        else {
+            newValue = this.options()[currentIndex - 1];
+        }
+        this.valueChange.emit(newValue);
+    }
+    static { this.ɵfac = function MobileTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileTimePickerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileTimePickerComponent, selectors: [["cauca-mobile-time-picker"]], inputs: { value: [1, "value"], options: [1, "options"] }, outputs: { valueChange: "valueChange" }, decls: 8, vars: 1, consts: [["mat-icon-button", "", 3, "click"]], template: function MobileTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function MobileTimePickerComponent_Template_button_click_0_listener() { return ctx.valueUp(); });
+            i0.ɵɵelementStart(1, "mat-icon");
+            i0.ɵɵtext(2, "keyboard_arrow_up");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(3, "div");
+            i0.ɵɵtext(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 0);
+            i0.ɵɵlistener("click", function MobileTimePickerComponent_Template_button_click_5_listener() { return ctx.valueDown(); });
+            i0.ɵɵelementStart(6, "mat-icon");
+            i0.ɵɵtext(7, "keyboard_arrow_down");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate1("\n", (ctx.value() < 10 ? "0" : "") + ctx.value(), "\n");
+        } }, dependencies: [MatButtonModule, i1$1.MatIconButton, MatIconModule, i1$2.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}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-mobile-time-picker', imports: [
+                    MatButtonModule,
+                    MatIconModule,
+                    MatFormFieldModule,
+                    MatInputModule
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button mat-icon-button (click)=\"valueUp()\">\n    <mat-icon>keyboard_arrow_up</mat-icon>\n</button>\n<div>\n{{(value() < 10 ? '0' : '' ) + value()}}\n</div>\n<button mat-icon-button (click)=\"valueDown()\">\n    <mat-icon>keyboard_arrow_down</mat-icon>\n</button>\n", styles: [":host{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{height:24px;width:24px;line-height:24px;padding:0}\n"] }]
+    }], null, { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: true }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/components/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();
+    i0.ɵɵelementStart(0, "mat-list-item", 2);
+    i0.ɵɵlistener("click", function DesktopTimePickerComponent_For_2_Template_mat_list_item_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.valueChange.emit(option_r2)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_11_0;
+    const option_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activated", ctx_r2.value() === option_r2)("disabled", (tmp_11_0 = ctx_r2.disabled()) == null ? null : tmp_11_0.someOptions == null ? null : tmp_11_0.someOptions.includes(option_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate((option_r2 < 10 ? "0" : "") + option_r2);
+} }
+class DesktopTimePickerComponent {
+    constructor() {
+        this.options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : []));
+        this.disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : []));
+        this.valueChange = output();
+    }
+    static { this.ɵfac = function DesktopTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DesktopTimePickerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DesktopTimePickerComponent, selectors: [["cauca-desktop-time-picker"]], inputs: { options: [1, "options"], value: [1, "value"], disabled: [1, "disabled"] }, outputs: { valueChange: "valueChange" }, decls: 3, vars: 1, consts: [[3, "disabled"], [3, "activated", "disabled"], [3, "click", "activated", "disabled"]], template: function DesktopTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-list", 0);
+            i0.ɵɵrepeaterCreate(1, DesktopTimePickerComponent_For_2_Template, 2, 3, "mat-list-item", 1, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            let tmp_0_0;
+            i0.ɵɵproperty("disabled", (tmp_0_0 = ctx.disabled()) == null ? null : tmp_0_0.all);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.options());
+        } }, dependencies: [MatListModule, i1$3.MatList, i1$3.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)}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DesktopTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-desktop-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                    MatListModule
+                ], template: "<mat-list [disabled]=\"disabled()?.all\">\n    @for (option of options(); track option) {\n    <mat-list-item [activated]=\"value() === option\" [disabled]=\"disabled()?.someOptions?.includes(option)\"\n        (click)=\"valueChange.emit(option)\">{{(option < 10 ? '0' : '' ) + option}}</mat-list-item>\n            }\n</mat-list>", styles: ["mat-list{width:50px;padding:0}mat-list .mat-mdc-list-item:not(.mat-mdc-list-item-interactive){cursor:pointer}>div::-webkit-scrollbar{display:none}::ng-deep .mdc-list-item__primary-text{font-family:var(--mat-datepicker-calendar-text-font);font-size:var(--mat-datepicker-calendar-text-size)}::ng-deep .mdc-list-item--activated{background-color:var(--mat-datepicker-calendar-date-selected-state-background-color)}::ng-deep .mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mat-datepicker-calendar-date-selected-state-text-color)}\n"] }]
+    }], null, { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 13 }); })();
+
+const _c0$c = (a0, a1) => ({ all: a0, someOptions: a1 });
+function DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "cauca-desktop-time-picker", 13);
+    i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$c, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "cauca-mobile-time-picker", 14);
+    i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.hourChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵtext(1, ":");
+    i0.ɵɵelementEnd();
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "cauca-desktop-time-picker", 13);
+    i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$c, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "cauca-mobile-time-picker", 14);
+    i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.minuteChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵtext(1, ":");
+    i0.ɵɵelementEnd();
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "cauca-desktop-time-picker", 13);
+    i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template_cauca_desktop_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$c, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
+} }
+function DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "cauca-mobile-time-picker", 14);
+    i0.ɵɵlistener("valueChange", function DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template_cauca_mobile_time_picker_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.secondChanged($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
+} }
+function DialogDateTimePickerComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, DialogDateTimePickerComponent_Conditional_4_Conditional_0_Template, 2, 6, "div", 8);
+    i0.ɵɵconditionalCreate(1, DialogDateTimePickerComponent_Conditional_4_Conditional_1_Template, 2, 2, "div", 8);
+    i0.ɵɵconditionalCreate(2, DialogDateTimePickerComponent_Conditional_4_Conditional_2_Template, 2, 0, "div", 9);
+    i0.ɵɵconditionalCreate(3, DialogDateTimePickerComponent_Conditional_4_Conditional_3_Template, 2, 6, "div", 10);
+    i0.ɵɵconditionalCreate(4, DialogDateTimePickerComponent_Conditional_4_Conditional_4_Template, 2, 2, "div", 10);
+    i0.ɵɵconditionalCreate(5, DialogDateTimePickerComponent_Conditional_4_Conditional_5_Template, 2, 0, "div", 11);
+    i0.ɵɵconditionalCreate(6, DialogDateTimePickerComponent_Conditional_4_Conditional_6_Template, 2, 6, "div", 12);
+    i0.ɵɵconditionalCreate(7, DialogDateTimePickerComponent_Conditional_4_Conditional_7_Template, 2, 2, "div", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(!ctx_r1.showMobileUi ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showMobileUi ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showMobileUi ? 2 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.showMobileUi ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showMobileUi ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showSeconds() && ctx_r1.showMobileUi ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showSeconds() && !ctx_r1.showMobileUi ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showSeconds() && ctx_r1.showMobileUi ? 7 : -1);
+} }
+function DialogDateTimePickerComponent_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon");
+    i0.ɵɵtext(1, "clear");
+    i0.ɵɵelementEnd();
+} }
+function DialogDateTimePickerComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 15);
+    i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clear()); });
+    i0.ɵɵconditionalCreate(1, DialogDateTimePickerComponent_Conditional_6_Conditional_1_Template, 2, 0, "mat-icon");
+    i0.ɵɵtext(2);
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.showButtonIcons ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, "material.clear"), " ");
+} }
+function DialogDateTimePickerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon");
+    i0.ɵɵtext(1, "cancel");
+    i0.ɵɵelementEnd();
+} }
+function DialogDateTimePickerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon");
+    i0.ɵɵtext(1, "check");
+    i0.ɵɵelementEnd();
+} }
+class DialogDateTimePickerComponent {
+    constructor() {
+        this.selectedHour = 0;
+        this.selectedMinute = 0;
+        this.selectedSecond = 0;
+        this.initialDate = null;
+        this.selectedDate = null;
+        this.minimumDate = new Date();
+        this.maximumDate = new Date();
+        this.showSeconds = signal(false, ...(ngDevMode ? [{ debugName: "showSeconds" }] : []));
+        this.showClearButton = true;
+        this.showButtonIcons = true;
+        this.hours = [...Array(24).keys()];
+        this.minutes = [...Array(60).keys()];
+        this.seconds = [...Array(60).keys()];
+        this.showMobileUi = false;
+        this.showTime = signal(true, ...(ngDevMode ? [{ debugName: "showTime" }] : []));
+        this.disabled = {
+            hours: true,
+            someHours: [],
+            minutes: true,
+            someMinutes: [],
+            seconds: true,
+            someSeconds: [],
+        };
+        this.step = {
+            hours: 1,
+            minutes: 1,
+            seconds: 1,
+        };
+        this.dialogRef = inject(MatDialogRef);
+        this.options = inject(MAT_DIALOG_DATA);
+        const options = this.options;
+        this.step = options.step || this.step;
+        this.showSeconds.set(options.showSeconds);
+        this.showButtonIcons = options.showButtonIcons ?? this.showButtonIcons;
+        this.showClearButton = options.showClearButton ?? this.showClearButton;
+        this.showTime.set(options.showTime ?? true);
+        this.setListHoursMinutes();
+        this.initialEachComponentValue(options);
+    }
+    ngOnInit() {
+        this.onWindowWithChange(window.innerWidth);
+    }
+    onResize(event) {
+        this.onWindowWithChange(event.target.innerWidth);
+    }
+    dateChanged(date) {
+        if (date) {
+            this.selectedDate = date;
+            this.selectedDate.setHours(this.selectedHour);
+            this.selectedDate.setMinutes(this.selectedMinute);
+            this.selectedDate.setSeconds(this.selectedSecond);
+            this.disabled.hours = false;
+            this.disabled.someHours = this.hours.filter(hour => this.hourOfSelectedDateIsDisabled(hour));
+        }
+        else {
+            this.selectedDate = null;
+            this.disabled.hours = true;
+        }
+    }
+    hourChanged(hour) {
+        if (this.disabled.hours || this.disabled.someHours.includes(hour))
+            return;
+        this.selectedHour = hour;
+        this.selectedDate.setHours(hour);
+        this.disabled.minutes = false;
+        this.disabled.someMinutes = this.minutes.filter(minute => this.minuteOfSelectedDateIsDisabled(minute));
+    }
+    minuteChanged(minute) {
+        if (this.disabled.minutes || this.disabled.someMinutes.includes(minute))
+            return;
+        this.selectedMinute = minute;
+        this.selectedDate.setMinutes(minute);
+        this.disabled.seconds = false;
+        this.disabled.someSeconds = this.seconds.filter(second => this.secondOfSelectedDateIsDisabled(second));
+    }
+    secondChanged(second) {
+        if (this.disabled.seconds || this.disabled.someSeconds.includes(second))
+            return;
+        this.selectedSecond = second;
+        this.selectedDate.setSeconds(second);
+    }
+    clear() {
+        this.dialogRef.close({
+            value: null
+        });
+    }
+    cancel() {
+        this.dialogRef.close({
+            value: this.initialDate
+        });
+    }
+    confirm() {
+        this.dialogRef.close({
+            value: this.selectedDate
+        });
+    }
+    onWindowWithChange(width) {
+        this.showMobileUi = width && width <= 555;
+    }
+    hourOfSelectedDateIsDisabled(hour) {
+        if (this.selectedDateIsTheMinimumDate()) {
+            return hour < this.minimumDate.getHours();
+        }
+        else if (this.selectedDateIsTheMaximumDate()) {
+            return hour > this.maximumDate.getHours();
+        }
+        return false;
+    }
+    minuteOfSelectedDateIsDisabled(minute) {
+        if (this.selectedDateIsTheMinimumDate() &&
+            this.selectedDate.getHours() === this.minimumDate.getHours()) {
+            return minute < this.minimumDate.getMinutes();
+        }
+        else if (this.selectedDateIsTheMaximumDate() &&
+            this.selectedDate.getHours() === this.maximumDate.getHours()) {
+            return minute > this.maximumDate.getMinutes();
+        }
+        return false;
+    }
+    secondOfSelectedDateIsDisabled(second) {
+        if (this.selectedDateIsTheMinimumDate() &&
+            this.selectedDate.getHours() === this.minimumDate.getHours() &&
+            this.selectedDate.getMinutes() === this.minimumDate.getMinutes()) {
+            return second < this.minimumDate.getSeconds();
+        }
+        else if (this.selectedDateIsTheMaximumDate() &&
+            this.selectedDate.getMinutes() === this.maximumDate.getMinutes()) {
+            return second > this.maximumDate.getSeconds();
+        }
+        return false;
+    }
+    initialEachComponentValue(options) {
+        this.initialDate = options.selectedDate ? new Date(options.selectedDate) : null;
+        this.minimumDate = options.minimumDate ? new Date(options.minimumDate) : null;
+        this.maximumDate = options.maximumDate ? new Date(options.maximumDate) : null;
+        this.selectedDate = options.selectedDate ? new Date(options.selectedDate) : new Date();
+        this.dateChanged(options.selectedDate ? new Date(options.selectedDate) : null);
+        this.hourChanged(options.selectedDate ? new Date(options.selectedDate).getHours() : 0);
+        this.minuteChanged(options.selectedDate ? new Date(options.selectedDate).getMinutes() : 0);
+        this.secondChanged(options.selectedDate ? new Date(options.selectedDate).getSeconds() : 0);
+    }
+    selectedDateIsTheMinimumDate() {
+        return (this.minimumDate &&
+            this.selectedDate.getFullYear() === this.minimumDate.getFullYear() &&
+            this.selectedDate.getMonth() === this.minimumDate.getMonth() &&
+            this.selectedDate.getDate() === this.minimumDate.getDate());
+    }
+    selectedDateIsTheMaximumDate() {
+        return (this.maximumDate &&
+            this.selectedDate.getFullYear() === this.maximumDate.getFullYear() &&
+            this.selectedDate.getMonth() === this.maximumDate.getMonth() &&
+            this.selectedDate.getDate() === this.maximumDate.getDate());
+    }
+    setListHoursMinutes() {
+        this.hours = this.hours.filter(hour => hour % this.step.hours === 0);
+        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(__ngFactoryType__) { return new (__ngFactoryType__ || DialogDateTimePickerComponent)(); }; }
+    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); }, i0.ɵɵresolveWindow);
+        } }, features: [i0.ɵɵProvidersFeature([provideNativeDateAdapter()])], decls: 15, vars: 14, consts: [["mat-dialog-content", ""], [1, "date-time-picker", 3, "ngClass"], [1, "calendar"], [3, "selectedChange", "minDate", "maxDate", "selected"], ["mat-dialog-actions", "", "align", "end"], ["mat-stroked-button", ""], ["color", "primary", "mat-stroked-button", "", 3, "click"], ["color", "primary", "mat-raised-button", "", "cdkFocusInitial", "", 3, "click"], [1, "hours"], [1, "hour-and-minute-separator"], [1, "minutes"], [1, "minute-and-second-separator"], [1, "seconds"], [3, "valueChange", "disabled", "options", "value"], [3, "valueChange", "options", "value"], ["mat-stroked-button", "", 3, "click"]], template: function DialogDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "mat-calendar", 3);
+            i0.ɵɵlistener("selectedChange", function DialogDateTimePickerComponent_Template_mat_calendar_selectedChange_3_listener($event) { return ctx.dateChanged($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(4, DialogDateTimePickerComponent_Conditional_4_Template, 8, 8);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵconditionalCreate(6, DialogDateTimePickerComponent_Conditional_6_Template, 4, 4, "button", 5);
+            i0.ɵɵelementStart(7, "button", 6);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_7_listener() { return ctx.cancel(); });
+            i0.ɵɵconditionalCreate(8, DialogDateTimePickerComponent_Conditional_8_Template, 2, 0, "mat-icon");
+            i0.ɵɵtext(9);
+            i0.ɵɵpipe(10, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "button", 7);
+            i0.ɵɵlistener("click", function DialogDateTimePickerComponent_Template_button_click_11_listener() { return ctx.confirm(); });
+            i0.ɵɵconditionalCreate(12, DialogDateTimePickerComponent_Conditional_12_Template, 2, 0, "mat-icon");
+            i0.ɵɵtext(13);
+            i0.ɵɵpipe(14, "translate");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.showSeconds() ? "show-seconds" : "hide-seconds");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("minDate", ctx.minimumDate)("maxDate", ctx.maximumDate)("selected", ctx.selectedDate);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showTime() ? 4 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showClearButton ? 6 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showButtonIcons ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(10, 10, "material.cancel"), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.showButtonIcons ? 12 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 12, "material.ok"), " ");
+        } }, dependencies: [CommonModule, i3.NgClass, CaucaCoreForChildModule,
+            MatButtonModule, i1$1.MatButton, MatDatepickerModule, i2.MatCalendar, MatIconModule, i1$2.MatIcon, MatListModule,
+            MobileTimePickerComponent,
+            DesktopTimePickerComponent, i1.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}}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogDateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-dialog-date-time-picker', imports: [
+                    CommonModule,
+                    CaucaCoreForChildModule,
+                    MatButtonModule,
+                    MatDatepickerModule,
+                    MatIconModule,
+                    MatListModule,
+                    MobileTimePickerComponent,
+                    DesktopTimePickerComponent
+                ], providers: [provideNativeDateAdapter()], changeDetection: ChangeDetectionStrategy.OnPush, 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    @if (showTime()) {\n      @if (!showMobileUi) {\n        <div class=\"hours\">\n          <cauca-desktop-time-picker [disabled]=\"{all: disabled.hours, someOptions: disabled.someHours}\" (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\"/>\n        </div>\n      }\n      @if (showMobileUi) {\n        <div class=\"hours\">\n          <cauca-mobile-time-picker (valueChange)=\"hourChanged($event)\" [options]=\"hours\" [value]=\"selectedHour\" />\n        </div>\n      }\n\n      @if (showMobileUi) {\n        <div class=\"hour-and-minute-separator\">:</div>\n      }\n\n      @if (!showMobileUi) {\n        <div class=\"minutes\">\n          <cauca-desktop-time-picker [disabled]=\"{all: disabled.minutes, someOptions: disabled.someMinutes}\" (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\"/>\n        </div>\n      }\n      @if (showMobileUi) {\n        <div class=\"minutes\">\n          <cauca-mobile-time-picker (valueChange)=\"minuteChanged($event)\" [options]=\"minutes\" [value]=\"selectedMinute\" />\n        </div>\n      }\n\n      @if (showSeconds() && showMobileUi) {\n        <div class=\"minute-and-second-separator\">:</div>\n      }\n      @if (showSeconds() && !showMobileUi) {\n        <div class=\"seconds\">\n          <cauca-desktop-time-picker [disabled]=\"{all: disabled.seconds, someOptions: disabled.someSeconds}\" (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\"/>\n        </div>\n      }\n      @if (showSeconds() && showMobileUi) {\n        <div class=\"seconds\">\n          <cauca-mobile-time-picker (valueChange)=\"secondChanged($event)\" [options]=\"seconds\" [value]=\"selectedSecond\" />\n        </div>\n      }\n    }\n  </div>\n</div>\n\n<div mat-dialog-actions align=\"end\">\n  @if (showClearButton) {\n    <button mat-stroked-button (click)=\"clear()\">\n      @if (showButtonIcons) {\n        <mat-icon>clear</mat-icon>\n      }\n      {{'material.clear' | translate}}\n    </button>\n  }\n  <button color=\"primary\" mat-stroked-button (click)=\"cancel()\">\n    @if (showButtonIcons) {\n      <mat-icon>cancel</mat-icon>\n    }\n    {{'material.cancel' | translate}}\n  </button>\n  <button color=\"primary\" mat-raised-button cdkFocusInitial (click)=\"confirm()\">\n    @if (showButtonIcons) {\n      <mat-icon>check</mat-icon>\n    }\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"] }]
+    }], () => [], { onResize: [{
+            type: HostListener,
+            args: ['window:resize', ['$event']]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber: 31 }); })();
+
+function CaucaDateTimePickerComponent_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_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", ctx_r0.translateLabel() ? i0.ɵɵpipeBind1(2, 2, ctx_r0.label()) : ctx_r0.label(), "", ctx_r0.isRequired() ? "*" : "");
+} }
+class CaucaDateTimePickerComponent {
+    constructor() {
+        this.subscriptSizing = input('fixed', ...(ngDevMode ? [{ debugName: "subscriptSizing" }] : []));
+        this.showTime = input(true, ...(ngDevMode ? [{ debugName: "showTime" }] : []));
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
+        this.stepHours = input(1, ...(ngDevMode ? [{ debugName: "stepHours" }] : []));
+        this.stepMinutes = input(1, ...(ngDevMode ? [{ debugName: "stepMinutes" }] : []));
+        this.stepSecondes = input(1, ...(ngDevMode ? [{ debugName: "stepSecondes" }] : []));
+        this.minimumDate = input(null, ...(ngDevMode ? [{ debugName: "minimumDate" }] : []));
+        this.maximumDate = input(null, ...(ngDevMode ? [{ debugName: "maximumDate" }] : []));
+        this.showSeconds = input(false, ...(ngDevMode ? [{ debugName: "showSeconds" }] : []));
+        this.showFormat = input('yyyy/MM/dd, HH:mm', ...(ngDevMode ? [{ debugName: "showFormat" }] : []));
+        this.showClearButton = input(true, ...(ngDevMode ? [{ debugName: "showClearButton" }] : []));
+        this.showButtonIcons = input(true, ...(ngDevMode ? [{ debugName: "showButtonIcons" }] : []));
+        this.selectedChange = output();
+        this.stringDate = signal('', ...(ngDevMode ? [{ debugName: "stringDate" }] : []));
+        this.isRequired = computed(() => Boolean(this.control?.hasValidator(Validators.required)), ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
+        this.injector = inject(Injector);
+        this.elementRef = inject(ElementRef);
+        this.dialog = inject(MatDialog);
+        this.datePipe = inject(DatePipe);
+        this.onChange = (value) => value;
+        this.onTouched = () => { };
+    }
+    set value(value) {
+        if (value) {
+            this.stringDate.set(this.stringifyDate(value));
+            this.selectedDate = value;
+        }
+    }
+    ngOnInit() {
+        const ngControl = this.injector.get(NgControl, null, { self: true, optional: true });
+        if (ngControl instanceof FormControlName) {
+            const container = this.injector.get(ControlContainer).control;
+            this.control = container.controls[ngControl.name];
+        }
+        else {
+            this.control = new FormControl();
+        }
+    }
+    showDialog() {
+        const dialogRef = this.dialog.open(DialogDateTimePickerComponent, {
+            position: this.getDialogPosition(),
+            data: this.getDateTimePickerOptions(),
+            maxWidth: '100vw',
+        });
+        dialogRef.afterClosed().subscribe((data) => {
+            if (data) {
+                this.stringDate.set(this.stringifyDate(data.value));
+                this.selectedDate = data.value;
+                this.selectedChange.emit(data.value);
+                this.onChange(data.value);
+            }
+        });
+    }
+    writeValue(date) {
+        this.value = date;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    getDateTimePickerOptions() {
+        return {
+            selectedDate: this.selectedDate,
+            minimumDate: this.minimumDate(),
+            maximumDate: this.maximumDate(),
+            showSeconds: this.showSeconds(),
+            showClearButton: this.showClearButton(),
+            showButtonIcons: this.showButtonIcons(),
+            showTime: this.showTime(),
+            step: {
+                hours: this.stepHours(),
+                minutes: this.stepMinutes(),
+                seconds: this.stepSecondes(),
+            }
+        };
+    }
+    stringifyDate(date) {
+        return this.datePipe.transform(date, this.showFormat());
+    }
+    getDialogPosition() {
+        const rect = this.elementRef.nativeElement.getBoundingClientRect();
+        const top = rect.y + rect.height - 22;
+        const bottom = window.innerHeight - rect.y;
+        const minimumDialogHeight = 400;
+        const minimumScreenSize = 800;
+        if (window.innerHeight < minimumScreenSize || window.innerWidth < minimumScreenSize) {
+            return null;
+        }
+        else if (window.innerHeight > (top + minimumDialogHeight)) {
+            return {
+                left: `${rect.x}px`,
+                top: `${top}px`,
+            };
+        }
+        return {
+            left: `${rect.x}px`,
+            bottom: `${bottom}px`,
+        };
+    }
+    static { this.ɵfac = function CaucaDateTimePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaDateTimePickerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaDateTimePickerComponent, selectors: [["cauca-date-time-picker"]], inputs: { subscriptSizing: [1, "subscriptSizing"], showTime: [1, "showTime"], label: [1, "label"], translateLabel: [1, "translateLabel"], stepHours: [1, "stepHours"], stepMinutes: [1, "stepMinutes"], stepSecondes: [1, "stepSecondes"], minimumDate: [1, "minimumDate"], maximumDate: [1, "maximumDate"], showSeconds: [1, "showSeconds"], showFormat: [1, "showFormat"], showClearButton: [1, "showClearButton"], showButtonIcons: [1, "showButtonIcons"] }, outputs: { selectedChange: "selectedChange" }, features: [i0.ɵɵProvidersFeature([
+                DatePipe,
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    multi: true,
+                    useExisting: CaucaDateTimePickerComponent,
+                }
+            ])], decls: 6, vars: 3, consts: [[3, "subscriptSizing"], ["matInput", "", "readonly", "readonly", 3, "focusout", "value"], ["matSuffix", "", "mat-icon-button", "", 3, "click"]], template: function CaucaDateTimePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 0);
+            i0.ɵɵconditionalCreate(1, CaucaDateTimePickerComponent_Conditional_1_Template, 3, 4, "mat-label");
+            i0.ɵɵelementStart(2, "input", 1);
+            i0.ɵɵlistener("focusout", function CaucaDateTimePickerComponent_Template_input_focusout_2_listener() { return ctx.onTouched(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "button", 2);
+            i0.ɵɵlistener("click", function CaucaDateTimePickerComponent_Template_button_click_3_listener() { return ctx.showDialog(); });
+            i0.ɵɵelementStart(4, "mat-icon");
+            i0.ɵɵtext(5, "calendar_month");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("subscriptSizing", ctx.subscriptSizing());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.label() ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("value", ctx.stringDate());
+        } }, dependencies: [TranslateModule,
+            MatButtonModule, i1$1.MatIconButton, MatIconModule, i1$2.MatIcon, MatInputModule, i3$1.MatInput, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatSuffix, MatFormFieldModule, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}mat-form-field[_ngcontent-%COMP%]{width:100%}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaDateTimePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-date-time-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                    TranslateModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    MatInputModule,
+                    MatFormFieldModule
+                ], providers: [
+                    DatePipe,
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: CaucaDateTimePickerComponent,
+                    }
+                ], template: "<mat-form-field [subscriptSizing]=\"subscriptSizing()\">\n    @if (label()) {\n        <mat-label>{{ translateLabel() ? (label() | translate) : label() }}{{isRequired() ? '*' : ''}}</mat-label>\n    }\n    <input (focusout)=\"onTouched()\" 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"] }]
+    }], null, { subscriptSizing: [{ type: i0.Input, args: [{ isSignal: true, alias: "subscriptSizing", required: false }] }], showTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTime", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], stepHours: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepHours", required: false }] }], stepMinutes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepMinutes", required: false }] }], stepSecondes: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepSecondes", required: false }] }], minimumDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minimumDate", required: false }] }], maximumDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximumDate", required: false }] }], showSeconds: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSeconds", required: false }] }], showFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFormat", required: false }] }], showClearButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearButton", required: false }] }], showButtonIcons: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButtonIcons", required: false }] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 34 }); })();
+
+class BaseButton {
+    constructor() {
+        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
+        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
+        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
+        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
+        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
+        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
+        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
+        this.buttonClick = output();
+        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
+    }
+    onMouseEnter() {
+        this.isHovered.set(true);
+    }
+    onMouseLeave() {
+        this.isHovered.set(false);
+    }
+    static { this.ɵfac = function BaseButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseButton)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { colorOnHover: [1, "colorOnHover"], 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, { colorOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "colorOnHover", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], iconAlignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAlignment", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], isInProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "isInProgress", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
+class BaseButtonWithLabel extends BaseButton {
+    constructor() {
+        super(...arguments);
+        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(__ngFactoryType__) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(__ngFactoryType__ || BaseButtonWithLabel); }; })(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
+        type: Directive
+    }], null, { translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }] }); })();
+
+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(__ngFactoryType__) { return (ɵBasicButtonComponent_BaseFactory || (ɵBasicButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasicButtonComponent)))(__ngFactoryType__ || BasicButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["cauca-basic-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "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.ɵɵconditionalCreate(1, BasicButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵconditionalCreate(2, BasicButtonComponent_Conditional_2_Template, 2, 3)(3, BasicButtonComponent_Conditional_3_Template, 1, 1);
+            i0.ɵɵconditionalCreate(4, BasicButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("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, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasicButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-basic-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatButton, TranslateModule, NgClass], template: "<button mat-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BasicButtonComponent, { className: "BasicButtonComponent", filePath: "lib/components/buttons/basic-button/basic-button.component.ts", lineNumber: 16 }); })();
+
+function FabButtonComponent_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.ɵɵstyleProp("color", ctx_r0.iconColor());
+    i0.ɵɵclassProp("button-spin", ctx_r0.isInProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
+} }
+class FabButtonComponent extends BaseButtonWithLabel {
+    constructor() {
+        super(...arguments);
+        this.iconColor = computed(() => this.color() === 'primary' ? 'white' : undefined, ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFabButtonComponent_BaseFactory; return function FabButtonComponent_Factory(__ngFactoryType__) { return (ɵFabButtonComponent_BaseFactory || (ɵFabButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FabButtonComponent)))(__ngFactoryType__ || FabButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FabButtonComponent, selectors: [["cauca-fab-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mat-fab", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "color", "button-spin"]], template: function FabButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("click", function FabButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵconditionalCreate(1, FabButtonComponent_Conditional_1_Template, 2, 5, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("color", ctx.color())("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showIcon() ? 1 : -1);
+        } }, dependencies: [MatButtonModule, i1$1.MatFabButton, MatIconModule, i1$2.MatIcon], styles: [".mdc-button.mat-white[_ngcontent-%COMP%], .mat-mdc-fab[_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-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FabButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-fab-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatIconModule], template: "<button mat-fab [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if (showIcon()) { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-mdc-fab{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:inherit}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FabButtonComponent, { className: "FabButtonComponent", filePath: "lib/components/buttons/fab-button/fab-button.component.ts", lineNumber: 14 }); })();
+
+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(__ngFactoryType__) { return (ɵFlatButtonComponent_BaseFactory || (ɵFlatButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FlatButtonComponent)))(__ngFactoryType__ || FlatButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["cauca-flat-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-flat-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "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.ɵɵconditionalCreate(1, FlatButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵconditionalCreate(2, FlatButtonComponent_Conditional_2_Template, 2, 3)(3, FlatButtonComponent_Conditional_3_Template, 1, 1);
+            i0.ɵɵconditionalCreate(4, FlatButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("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, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlatButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-flat-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatButton, TranslateModule, NgClass], template: "<button mat-flat-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlatButtonComponent, { className: "FlatButtonComponent", filePath: "lib/components/buttons/flat-button/flat-button.component.ts", lineNumber: 16 }); })();
+
+class IconButtonComponent extends BaseButton {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(__ngFactoryType__) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(__ngFactoryType__ || IconButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["cauca-icon-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "mouseenter", "mouseleave", "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("mouseenter", function IconButtonComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function IconButtonComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("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.iconColor());
+            i0.ɵɵclassProp("button-spin", ctx.isInProgress());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.iconToShow());
+        } }, dependencies: [MatIconButton, MatIcon], styles: ["[_nghost-%COMP%]{display:flex}.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-icon[_ngcontent-%COMP%]{color:#006496}.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: 'cauca-icon-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconButton, MatIcon], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-icon-button onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n    <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon>\r\n</button>", styles: [":host{display:flex}.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-icon{color:#006496}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib/components/buttons/icon-button/icon-button.component.ts", lineNumber: 14 }); })();
+
+function ButtonComponent_Conditional_0_Conditional_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(2);
+    i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
+} }
+function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵlistener("click", function ButtonComponent_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_0_Conditional_1_Template, 2, 3, "mat-icon", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label());
+} }
+function ButtonComponent_Conditional_1_Conditional_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(2);
+    i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
+} }
+function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function ButtonComponent_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_1_Conditional_1_Template, 2, 3, "mat-icon", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label());
+} }
+function ButtonComponent_Conditional_2_Conditional_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(2);
+    i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
+} }
+function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function ButtonComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_2_Conditional_1_Template, 2, 3, "mat-icon", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label());
+} }
+function ButtonComponent_Conditional_3_Conditional_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(2);
+    i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
+} }
+function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 10);
+    i0.ɵɵlistener("click", function ButtonComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_3_Conditional_1_Template, 2, 3, "mat-icon", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label());
+} }
+function ButtonComponent_Conditional_4_Conditional_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(2);
+    i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
+} }
+function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 11);
+    i0.ɵɵlistener("click", function ButtonComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_4_Conditional_1_Template, 2, 3, "mat-icon", 7);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
+} }
+function ButtonComponent_Conditional_5_Conditional_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(2);
+    i0.ɵɵclassProp("button-spin", ctx_r1.inProgress());
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.inProgress() ? "update" : ctx_r1.icon());
+} }
+function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵlistener("click", function ButtonComponent_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
+    i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_5_Conditional_1_Template, 2, 3, "mat-icon", 7);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", ctx_r1.class())("disabled", ctx_r1.disable() || ctx_r1.inProgress())("color", ctx_r1.color());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.inProgress() || ctx_r1.icon() ? 1 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.label());
+} }
+class ButtonComponent {
+    constructor() {
+        this.class = input(null, ...(ngDevMode ? [{ debugName: "class" }] : []));
+        this.inProgress = input(false, ...(ngDevMode ? [{ debugName: "inProgress" }] : []));
+        this.disable = input(false, ...(ngDevMode ? [{ debugName: "disable" }] : []));
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.icon = input(null, ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.color = input('', ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.type = input('basic', ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.buttonClick = output();
+    }
+    static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["cauca-button"]], inputs: { class: [1, "class"], inProgress: [1, "inProgress"], disable: [1, "disable"], label: [1, "label"], icon: [1, "icon"], color: [1, "color"], type: [1, "type"] }, outputs: { buttonClick: "buttonClick" }, decls: 6, vars: 6, consts: [["mat-button", "", 1, "button-basic", 3, "ngClass", "disabled", "color"], ["matButton", "elevated", 1, "button-raised", 3, "ngClass", "disabled", "color"], ["matButton", "outlined", 1, "button-stroked", 3, "ngClass", "disabled", "color"], ["matButton", "filled", 1, "button-flat", 3, "ngClass", "disabled", "color"], ["matIconButton", "", 1, "button-icon", 3, "ngClass", "disabled", "color"], ["matFab", "", 1, "button-icon", 3, "ngClass", "disabled", "color"], ["mat-button", "", 1, "button-basic", 3, "click", "ngClass", "disabled", "color"], [3, "button-spin"], ["matButton", "elevated", 1, "button-raised", 3, "click", "ngClass", "disabled", "color"], ["matButton", "outlined", 1, "button-stroked", 3, "click", "ngClass", "disabled", "color"], ["matButton", "filled", 1, "button-flat", 3, "click", "ngClass", "disabled", "color"], ["matIconButton", "", 1, "button-icon", 3, "click", "ngClass", "disabled", "color"], ["matFab", "", 1, "button-icon", 3, "click", "ngClass", "disabled", "color"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, ButtonComponent_Conditional_0_Template, 4, 5, "button", 0);
+            i0.ɵɵconditionalCreate(1, ButtonComponent_Conditional_1_Template, 4, 5, "button", 1);
+            i0.ɵɵconditionalCreate(2, ButtonComponent_Conditional_2_Template, 4, 5, "button", 2);
+            i0.ɵɵconditionalCreate(3, ButtonComponent_Conditional_3_Template, 4, 5, "button", 3);
+            i0.ɵɵconditionalCreate(4, ButtonComponent_Conditional_4_Template, 2, 4, "button", 4);
+            i0.ɵɵconditionalCreate(5, ButtonComponent_Conditional_5_Template, 4, 5, "button", 5);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.type() === "basic" ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.type() === "raised" ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.type() === "stroked" ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.type() === "flat" ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.type() === "icon" ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.type() === "fab" ? 5 : -1);
+        } }, dependencies: [MatIconModule, i1$2.MatIcon, MatButtonModule, i1$1.MatButton, i1$1.MatIconButton, i1$1.MatFabButton, NgClass], styles: ["@keyframes _ngcontent-%COMP%_spinner{to{transform:rotate(360deg)}}.button-spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinner 1s linear infinite}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-button', imports: [MatIconModule, MatButtonModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (type() === 'basic') {\n  <button [ngClass]=\"class()\" mat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-basic\">\n    @if (inProgress() || icon()) {\n      <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n    }\n    <span>{{label()}}</span>\n  </button>\n}\n\n@if (type() === 'raised') {\n  <button [ngClass]=\"class()\" matButton=\"elevated\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-raised\">\n    @if (inProgress() || icon()) {\n      <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n    }\n    <span>{{label()}}</span>\n  </button>\n}\n\n@if (type() === 'stroked') {\n  <button [ngClass]=\"class()\" matButton=\"outlined\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-stroked\">\n    @if (inProgress() || icon()) {\n      <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n    }\n    <span>{{label()}}</span>\n  </button>\n}\n\n@if (type() === 'flat') {\n  <button [ngClass]=\"class()\" matButton=\"filled\" (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-flat\">\n    @if (inProgress() || icon()) {\n      <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n    }\n    <span>{{label()}}</span>\n  </button>\n}\n\n@if (type() === 'icon') {\n  <button [ngClass]=\"class()\" matIconButton (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\n    @if (inProgress() || icon()) {\n      <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n    }\n  </button>\n}\n\n@if (type() === 'fab') {\n  <button [ngClass]=\"class()\" matFab (click)=\"buttonClick.emit()\" [disabled]=\"disable() || inProgress()\" [color]=\"color()\" class=\"button-icon\">\n    @if (inProgress() || icon()) {\n      <mat-icon [class.button-spin]=\"inProgress()\">{{ inProgress() ? 'update' : icon() }}</mat-icon>\n    }\n    <span>{{label()}}</span>\n  </button>\n}", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}.button-spin{animation:spinner 1s linear infinite}\n"] }]
+    }], null, { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], disable: [{ type: i0.Input, args: [{ isSignal: true, alias: "disable", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/button/button.component.ts", lineNumber: 13 }); })();
+
+class LinkButtonComponent {
+    constructor() {
+        this.segments = input(...(ngDevMode ? [undefined, { debugName: "segments" }] : []));
+        this.clipboard = inject(Clipboard);
+    }
+    copyLink() {
+        const link = location.origin + this.segments().map((segment) => `/${segment}`).join('');
+        this.clipboard.copy(link);
+    }
+    static { this.ɵfac = function LinkButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LinkButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LinkButtonComponent, selectors: [["cauca-link-button"]], inputs: { segments: [1, "segments"] }, decls: 2, vars: 3, consts: [["icon", "link", "type", "stroked", "color", "primary", 1, "link-button", 3, "buttonClick", "label"]], template: function LinkButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "cauca-button", 0);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵlistener("buttonClick", function LinkButtonComponent_Template_cauca_button_buttonClick_0_listener() { return ctx.copyLink(); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 1, "copyLink"));
+        } }, dependencies: [ButtonComponent, TranslatePipe], styles: [".link-button[_ngcontent-%COMP%]{text-decoration:dashed}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<cauca-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
+    }], null, { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/components/buttons/link-button/link-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.ɵɵstyleProp("color", ctx_r0.iconColor());
+    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.ɵɵstyleProp("color", ctx_r0.iconColor());
+    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, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
+        this.trigger = input(...(ngDevMode ? [undefined, { debugName: "trigger" }] : []));
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMenuItemComponent_BaseFactory; return function MenuItemComponent_Factory(__ngFactoryType__) { return (ɵMenuItemComponent_BaseFactory || (ɵMenuItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuItemComponent)))(__ngFactoryType__ || MenuItemComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["cauca-menu-item"]], inputs: { translateLabel: [1, "translateLabel"], trigger: [1, "trigger"] }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-menu-item", "", 1, "change-password-menu-item", 3, "mouseenter", "mouseleave", "click", "ngClass", "matMenuTriggerFor", "disabled"], [3, "color", "button-spin"]], template: function MenuItemComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 0);
+            i0.ɵɵlistener("mouseenter", function MenuItemComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function MenuItemComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function MenuItemComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵconditionalCreate(1, MenuItemComponent_Conditional_1_Template, 2, 5, "mat-icon", 1);
+            i0.ɵɵconditionalCreate(2, MenuItemComponent_Conditional_2_Template, 2, 3)(3, MenuItemComponent_Conditional_3_Template, 1, 1);
+            i0.ɵɵconditionalCreate(4, MenuItemComponent_Conditional_4_Template, 2, 5, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("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, MatIcon, MatMenuTrigger, NgClass, i1.TranslatePipe], styles: [".mat-mdc-menu-item[_ngcontent-%COMP%]   .mat-icon-no-color[_ngcontent-%COMP%]{color:#0000008f}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuItemComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-menu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger, NgClass], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-menu-item [ngClass]=\"small() ? 'small-button' : ''\" class=\"change-password-menu-item\" [matMenuTriggerFor]=\"trigger()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>\r\n", styles: [".mat-mdc-menu-item .mat-icon-no-color{color:#0000008f}mat-icon{color:inherit}\n"] }]
+    }], null, { translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/components/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
+
+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(__ngFactoryType__) { return (ɵRaisedButtonComponent_BaseFactory || (ɵRaisedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RaisedButtonComponent)))(__ngFactoryType__ || RaisedButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["cauca-raised-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "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.ɵɵconditionalCreate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵconditionalCreate(2, RaisedButtonComponent_Conditional_2_Template, 2, 3)(3, RaisedButtonComponent_Conditional_3_Template, 1, 1);
+            i0.ɵɵconditionalCreate(4, RaisedButtonComponent_Conditional_4_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("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$2.MatIcon, TranslateModule, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RaisedButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule, NgClass], template: "<button mat-raised-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib/components/buttons/raised-button/raised-button.component.ts", lineNumber: 16 }); })();
+
+class RefreshButtonComponent {
+    constructor() {
+        this.inProgress = input(false, ...(ngDevMode ? [{ debugName: "inProgress" }] : []));
+        this.refreshEvent = output();
+    }
+    refresh() {
+        this.refreshEvent.emit();
+    }
+    static { this.ɵfac = function RefreshButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RefreshButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RefreshButtonComponent, selectors: [["cauca-refresh-button"]], inputs: { inProgress: [1, "inProgress"] }, outputs: { refreshEvent: "refreshEvent" }, decls: 2, vars: 3, consts: [["icon", "refresh", "type", "stroked", "color", "primary", 1, "refresh-button", 3, "buttonClick", "label"]], template: function RefreshButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "cauca-button", 0);
+            i0.ɵɵpipe(1, "translate");
+            i0.ɵɵlistener("buttonClick", function RefreshButtonComponent_Template_cauca_button_buttonClick_0_listener() { return ctx.refresh(); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("label", i0.ɵɵpipeBind1(1, 1, "refresh"));
+        } }, dependencies: [ButtonComponent, TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RefreshButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-refresh-button', imports: [ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cauca-button class=\"refresh-button\" icon=\"refresh\" type=\"stroked\" color=\"primary\" (buttonClick)=\"refresh()\" [label]=\"'refresh' | translate\" />" }]
+    }], null, { inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], refreshEvent: [{ type: i0.Output, args: ["refreshEvent"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RefreshButtonComponent, { className: "RefreshButtonComponent", filePath: "lib/components/buttons/refresh-button/refresh-button.component.ts", lineNumber: 12 }); })();
+
+function RoundButtonComponent_Conditional_1_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 RoundButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+class RoundButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRoundButtonComponent_BaseFactory; return function RoundButtonComponent_Factory(__ngFactoryType__) { return (ɵRoundButtonComponent_BaseFactory || (ɵRoundButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RoundButtonComponent)))(__ngFactoryType__ || RoundButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoundButtonComponent, selectors: [["cauca-round-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["onclick", "this.blur()", 3, "mouseenter", "mouseleave", "click", "disabled"]], template: function RoundButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "button", 0);
+            i0.ɵɵdomListener("mouseenter", function RoundButtonComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function RoundButtonComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function RoundButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
+            i0.ɵɵconditionalCreate(1, RoundButtonComponent_Conditional_1_Template, 2, 3)(2, RoundButtonComponent_Conditional_2_Template, 1, 1);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵdomProperty("disabled", ctx.buttonDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.translateLabel() ? 1 : 2);
+        } }, dependencies: [TranslateModule, i1.TranslatePipe], styles: ["button[_ngcontent-%COMP%]{border-radius:100px;background-color:inherit;outline:none;border-width:0px;height:40px;width:40px;cursor:pointer}[_nghost-%COMP%]{display:flex}.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-icon[_ngcontent-%COMP%]{color:#006496}.mat-mdc-button-disabled[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%]{color:#12101461}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RoundButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-round-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n</button>", styles: ["button{border-radius:100px;background-color:inherit;outline:none;border-width:0px;height:40px;width:40px;cursor:pointer}:host{display:flex}.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-icon{color:#006496}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoundButtonComponent, { className: "RoundButtonComponent", filePath: "lib/components/buttons/round-button/round-button.component.ts", lineNumber: 13 }); })();
+
+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.ɵɵconditionalCreate(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(__ngFactoryType__) { return (ɵStrokedButtonComponent_BaseFactory || (ɵStrokedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StrokedButtonComponent)))(__ngFactoryType__ || StrokedButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["cauca-stroked-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 8, consts: [["mat-stroked-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "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.ɵɵconditionalCreate(1, StrokedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵconditionalCreate(2, StrokedButtonComponent_Conditional_2_Template, 2, 1);
+            i0.ɵɵconditionalCreate(3, StrokedButtonComponent_Conditional_3_Template, 2, 3, "mat-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("icon-only", !ctx.label());
+            i0.ɵɵproperty("ngClass", ctx.small() ? "small-button" : "")("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$2.MatIcon, TranslateModule, NgClass, i1.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}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StrokedButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-stroked-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule, NgClass], template: "<button mat-stroked-button [ngClass]=\"small() ? 'small-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}mat-icon{color:inherit}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrokedButtonComponent, { className: "StrokedButtonComponent", filePath: "lib/components/buttons/stroked-button/stroked-button.component.ts", lineNumber: 16 }); })();
+
+class AlertDialogComponent {
+    constructor() {
+        this.dialogRef = inject(MatDialogRef);
+        const data = inject(MAT_DIALOG_DATA);
+        const breakdownObserver = inject(BreakpointObserver);
+        this.title = data.title;
+        this.message = data.message;
+        this.dialogRef.addPanelClass("dialog-global-style");
+        breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => this.dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
+    }
+    closeClick() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = function AlertDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertDialogComponent, selectors: [["cauca-alert-dialog"]], decls: 11, vars: 6, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", "", 1, "alert-dialog-content"], ["align", "end"], ["id", "okButton", "label", "ok", "color", "primary", 3, "buttonClick"]], 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, "cauca-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function AlertDialogComponent_Template_cauca_icon_button_buttonClick_4_listener() { return ctx.closeClick(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 3)(6, "p");
+            i0.ɵɵtext(7);
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "mat-dialog-actions", 4)(10, "cauca-raised-button", 5);
+            i0.ɵɵlistener("buttonClick", function AlertDialogComponent_Template_cauca_raised_button_buttonClick_10_listener() { return ctx.closeClick(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.title));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(8, 4, ctx.message));
+        } }, dependencies: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, i1.TranslatePipe], styles: ["@media(max-width:500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_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}.alert-dialog-content[_ngcontent-%COMP%]{white-space:pre-wrap}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-alert-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RaisedButtonComponent, IconButtonComponent, MatDialogModule], template: "<div mat-dialog-title>\n  <div class=\"h6\">{{ title | translate }}</div>\n  <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div class=\"alert-dialog-content\" mat-dialog-content>\n  <p>{{ message | translate }}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n  <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"primary\" (buttonClick)=\"closeClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.alert-dialog-content{white-space:pre-wrap}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/components/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 18 }); })();
+
+class ConfirmDialogComponent {
+    constructor() {
+        this.dialogRef = inject(MatDialogRef);
+        const data = inject(MAT_DIALOG_DATA);
+        const breakdownObserver = inject(BreakpointObserver);
+        this.title = data.title;
+        this.message = data.message;
+        this.options = data.options;
+        this.dialogRef.addPanelClass("dialog-global-style");
+        breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => this.dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
+    }
+    noClick() {
+        this.dialogRef.close(ConfirmationResult.No);
+    }
+    yesClick() {
+        this.dialogRef.close(ConfirmationResult.Yes);
+    }
+    cancelClick() {
+        this.dialogRef.close(ConfirmationResult.Cancel);
+    }
+    static { this.ɵfac = function ConfirmDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmDialogComponent, selectors: [["cauca-confirm-dialog"]], decls: 12, vars: 12, consts: [["mat-dialog-title", ""], [1, "h6", "title"], ["id", "close-button", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], [1, "message"], ["align", "end", 1, "action-buttons"], [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, "cauca-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_cauca_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, "mat-dialog-actions", 5)(10, "cauca-stroked-button", 6);
+            i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_cauca_stroked_button_buttonClick_10_listener() { return ctx.noClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "cauca-raised-button", 7);
+            i0.ɵɵlistener("buttonClick", function ConfirmDialogComponent_Template_cauca_raised_button_buttonClick_11_listener() { return ctx.yesClick(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 6, ctx.title, ctx.options.titleArgs));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 9, 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, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_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}.title[_ngcontent-%COMP%]{padding-top:8px}.action-buttons[_ngcontent-%COMP%]{display:flex;align-items:center;flex-direction:row;gap:8px}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-confirm-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatDialogModule, RaisedButtonComponent, StrokedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n    <div class=\"h6 title\">{{ title | translate: options.titleArgs }}</div>\n    <cauca-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  <mat-dialog-actions align=\"end\" class=\"action-buttons\">\n    <cauca-stroked-button class=\"no-button\" [label]=\"options.noText\" [color]=\"options.noColor\" (buttonClick)=\"noClick()\" />\n    <cauca-raised-button class=\"yes-button\" [label]=\"options.yesText\" [color]=\"options.yesColor\" (buttonClick)=\"yesClick()\" />\n  </mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}: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}.title{padding-top:8px}.action-buttons{display:flex;align-items:center;flex-direction:row;gap:8px}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 20 }); })();
+
+function TextInputDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "textarea", 5);
+} }
+function TextInputDialogComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 6);
+} }
+function TextInputDialogComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.suffix());
+} }
+function TextInputDialogComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-error");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "error.requiredField"));
+} }
+function TextInputDialogComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-error");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "error.invalidName"));
+} }
+function TextInputDialogComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-error");
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, "error.alreadyUsed"));
+} }
+class TextInputDialogComponent {
+    constructor() {
+        this.suffix = signal('', ...(ngDevMode ? [{ debugName: "suffix" }] : []));
+        this.showSuffix = computed(() => !!this.suffix(), ...(ngDevMode ? [{ debugName: "showSuffix" }] : []));
+        this.useTextArea = signal(false, ...(ngDevMode ? [{ debugName: "useTextArea" }] : []));
+        this.dialogRef = inject(MatDialogRef);
+        this.data = inject(MAT_DIALOG_DATA);
+        const formBuilder = inject(UntypedFormBuilder);
+        const data = this.data;
+        this.suffix.set(data.suffix);
+        this.titleLabel = data.titleLabel;
+        this.validateButtonLabel = data.validateButtonLabel;
+        this.cancelButtonLabel = data.cancelButtonLabel;
+        this.inputLabel = data.inputLabel;
+        this.useTextArea.set(data.useTextArea ?? false);
+        this.form = formBuilder.group({
+            input: [data.value, data.validators]
+        });
+    }
+    cancelClick() {
+        this.dialogRef.close({ result: ConfirmationResult.Cancel, value: null });
+    }
+    validateClick() {
+        const trimmedValue = this.form.controls.input.value.trim();
+        this.dialogRef.close({ result: ConfirmationResult.Yes, value: trimmedValue });
+    }
+    static { this.ɵfac = function TextInputDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TextInputDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TextInputDialogComponent, selectors: [["cauca-text-input-dialog"]], decls: 20, vars: 15, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "close-button", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], [3, "formGroup"], ["cdkTextareaAutosize", "", "formControlName", "input", "matInput", ""], ["formControlName", "input", "matInput", ""], ["matTextSuffix", ""], ["align", "end"], ["id", "close-button", "color", "primary", 3, "buttonClick", "label"], ["color", "primary", 1, "yes-button", 3, "buttonClick", "isDisabled", "label"]], template: function TextInputDialogComponent_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, "cauca-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function TextInputDialogComponent_Template_cauca_icon_button_buttonClick_4_listener() { return ctx.cancelClick(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 3)(6, "form", 4)(7, "mat-form-field")(8, "mat-label");
+            i0.ɵɵtext(9);
+            i0.ɵɵpipe(10, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(11, TextInputDialogComponent_Conditional_11_Template, 1, 0, "textarea", 5)(12, TextInputDialogComponent_Conditional_12_Template, 1, 0, "input", 6);
+            i0.ɵɵconditionalCreate(13, TextInputDialogComponent_Conditional_13_Template, 2, 1, "span", 7);
+            i0.ɵɵconditionalCreate(14, TextInputDialogComponent_Conditional_14_Template, 3, 3, "mat-error");
+            i0.ɵɵconditionalCreate(15, TextInputDialogComponent_Conditional_15_Template, 3, 3, "mat-error");
+            i0.ɵɵconditionalCreate(16, TextInputDialogComponent_Conditional_16_Template, 3, 3, "mat-error");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(17, "mat-dialog-actions", 8)(18, "cauca-stroked-button", 9);
+            i0.ɵɵlistener("buttonClick", function TextInputDialogComponent_Template_cauca_stroked_button_buttonClick_18_listener() { return ctx.cancelClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "cauca-raised-button", 10);
+            i0.ɵɵlistener("buttonClick", function TextInputDialogComponent_Template_cauca_raised_button_buttonClick_19_listener() { return ctx.validateClick(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 11, ctx.titleLabel));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.form);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 13, ctx.inputLabel));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.useTextArea() ? 11 : 12);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showSuffix() ? 13 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.form.controls.input.hasError("required") ? 14 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.form.controls.input.hasError("invalidName") ? 15 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.form.controls.input.hasError("alreadyUsed") ? 16 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("label", ctx.cancelButtonLabel);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("isDisabled", !ctx.form.valid)("label", ctx.validateButtonLabel);
+        } }, dependencies: [TranslateModule, RaisedButtonComponent, MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, StrokedButtonComponent, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatError, i1$4.MatSuffix, MatInputModule, i3$1.MatInput, i4.CdkTextareaAutosize, ReactiveFormsModule, i1$6.ɵNgNoValidate, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.NgControlStatusGroup, i1$6.FormGroupDirective, i1$6.FormControlName, IconButtonComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child{display:flex;align-items:center;padding:8px 24px 0}[_nghost-%COMP%] > div[_ngcontent-%COMP%]:first-child   div[_ngcontent-%COMP%]:first-child{flex:1}mat-form-field[_ngcontent-%COMP%]{width:100%}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end[_ngcontent-%COMP%], .mat-mdc-dialog-actions[align=end][_ngcontent-%COMP%]{column-gap:8px}.mat-mdc-dialog-content[_ngcontent-%COMP%]{padding-top:8px!important}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextInputDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-text-input-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RaisedButtonComponent, MatDialogModule, StrokedButtonComponent, MatFormFieldModule, MatInputModule, ReactiveFormsModule, IconButtonComponent], template: "<div mat-dialog-title>\r\n    <div class=\"h6\">{{ titleLabel | translate }}</div>\r\n    <cauca-icon-button id=\"close-button\" icon=\"close\" (buttonClick)=\"cancelClick()\" />\r\n</div>\r\n<div mat-dialog-content>\r\n    <form [formGroup]=\"form\">\r\n        <mat-form-field>\r\n            <mat-label>{{ inputLabel | translate}}</mat-label>\r\n            @if (useTextArea()) {\r\n                <textarea cdkTextareaAutosize formControlName=\"input\" matInput></textarea>\r\n            } @else {\r\n                <input formControlName=\"input\" matInput />\r\n            }\r\n            @if (showSuffix()) { <span matTextSuffix>{{suffix()}}</span> }\r\n            @if (form.controls.input.hasError('required')) {<mat-error>{{'error.requiredField' | translate}}</mat-error>}\r\n            @if (form.controls.input.hasError('invalidName')) {<mat-error>{{'error.invalidName' | translate}}</mat-error>}\r\n            @if (form.controls.input.hasError('alreadyUsed')) {<mat-error>{{'error.alreadyUsed' | translate}}</mat-error>}\r\n        </mat-form-field>\r\n    </form>\r\n</div>\r\n<mat-dialog-actions align=\"end\">\r\n    <cauca-stroked-button id=\"close-button\" [label]=\"cancelButtonLabel\" (buttonClick)=\"cancelClick()\" color=\"primary\" />\r\n    <cauca-raised-button class=\"yes-button\" [isDisabled]=\"!form.valid\" [label]=\"validateButtonLabel\" color=\"primary\" (buttonClick)=\"validateClick()\" />\r\n</mat-dialog-actions>", styles: [":host>div:first-child{display:flex;align-items:center;padding:8px 24px 0}:host>div:first-child div:first-child{flex:1}mat-form-field{width:100%}.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,.mat-mdc-dialog-actions[align=end]{column-gap:8px}.mat-mdc-dialog-content{padding-top:8px!important}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextInputDialogComponent, { className: "TextInputDialogComponent", filePath: "lib/components/dialogs/text-input-dialog/text-input-dialog.component.ts", lineNumber: 20 }); })();
+
+const _c0$b = a0 => ({ itemName: a0 });
+const _c1$2 = a0 => ({ itemType: a0 });
+function DeleteDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, "deleteDialog.titleFemale", i0.ɵɵpureFunction1(4, _c1$2, ctx_r0.itemType)));
+} }
+function DeleteDialogComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, "deleteDialog.titleMale", i0.ɵɵpureFunction1(4, _c1$2, ctx_r0.itemType)));
+} }
+class DeleteDialogComponent {
+    constructor() {
+        this.dialogRef = inject(MatDialogRef);
+        const data = inject(MAT_DIALOG_DATA);
+        const breakdownObserver = inject(BreakpointObserver);
+        this.itemGenderIsFemale = data.female;
+        this.itemName = data.name ? data.name : '';
+        this.itemType = data.type ? data.type.toLowerCase() : '';
+        this.dialogRef.addPanelClass("dialog-global-style");
+        breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => this.dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
+    }
+    deleteClick() {
+        this.dialogRef.close(true);
+    }
+    closeClick() {
+        this.dialogRef.close(false);
+    }
+    static { this.ɵfac = function DeleteDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DeleteDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteDialogComponent, selectors: [["cauca-delete-dialog"]], decls: 11, vars: 7, consts: [["mat-dialog-title", ""], [1, "h6", "title"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], ["align", "end"], ["id", "cancelButton", "label", "cancel", "color", "primary", 3, "buttonClick"], ["id", "deleteButton", "label", "delete", "color", "warn", 3, "buttonClick"]], template: function DeleteDialogComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, DeleteDialogComponent_Conditional_1_Template, 3, 6, "div", 1)(2, DeleteDialogComponent_Conditional_2_Template, 3, 6, "div", 1);
+            i0.ɵɵelementStart(3, "cauca-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function DeleteDialogComponent_Template_cauca_icon_button_buttonClick_3_listener() { return ctx.closeClick(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "div", 3)(5, "p");
+            i0.ɵɵtext(6);
+            i0.ɵɵpipe(7, "translate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "mat-dialog-actions", 4)(9, "cauca-stroked-button", 5);
+            i0.ɵɵlistener("buttonClick", function DeleteDialogComponent_Template_cauca_stroked_button_buttonClick_9_listener() { return ctx.closeClick(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "cauca-raised-button", 6);
+            i0.ɵɵlistener("buttonClick", function DeleteDialogComponent_Template_cauca_raised_button_buttonClick_10_listener() { return ctx.deleteClick(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$b, ctx.itemName)));
+        } }, dependencies: [MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_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}.mat-mdc-dialog-actions[_ngcontent-%COMP%]{column-gap:8px}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-delete-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, StrokedButtonComponent, IconButtonComponent, RaisedButtonComponent], template: "<div mat-dialog-title>\n    @if (itemGenderIsFemale)\n    {\n        <div class=\"h6 title\">{{ ('deleteDialog.titleFemale' | translate:{itemType}) }}</div>\n    } @else\n    {\n        <div class=\"h6 title\">{{ ('deleteDialog.titleMale' | translate:{itemType}) }}</div>\n    }\n    <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\" />\n</div>\n<div mat-dialog-content>\n    <p>{{('deleteDialog.message' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <cauca-stroked-button id=\"cancelButton\" label=\"cancel\" color=\"primary\" (buttonClick)=\"closeClick()\"/>\n    <cauca-raised-button id=\"deleteButton\" label=\"delete\" color=\"warn\" (buttonClick)=\"deleteClick()\" />\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}.mat-mdc-dialog-actions{column-gap:8px}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/components/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 19 }); })();
+
+const _c0$a = a0 => ({ itemName: a0 });
+class ErrorDialogComponent {
+    constructor() {
+        this.dialogRef = inject(MatDialogRef);
+        const data = inject(MAT_DIALOG_DATA);
+        const breakdownObserver = inject(BreakpointObserver);
+        this.itemName = data.name ? data.name : '';
+        this.dialogRef.addPanelClass("dialog-global-style");
+        breakdownObserver.observe('(max-width: 500px)').pipe(takeUntilDestroyed()).subscribe(result => this.dialogRef.updateSize(result.matches ? '100vw' : 'auto'));
+    }
+    closeClick() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = function ErrorDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ErrorDialogComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ErrorDialogComponent, selectors: [["cauca-error-dialog"]], decls: 11, vars: 9, consts: [["mat-dialog-title", ""], [1, "h6"], ["id", "closeButton", "icon", "close", 3, "buttonClick"], ["mat-dialog-content", ""], ["align", "end"], ["id", "okButton", "label", "ok", "color", "warn", 3, "buttonClick"]], template: function ErrorDialogComponent_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, "cauca-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function ErrorDialogComponent_Template_cauca_icon_button_buttonClick_4_listener() { return ctx.closeClick(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 3)(6, "p");
+            i0.ɵɵtext(7);
+            i0.ɵɵpipe(8, "translate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "mat-dialog-actions", 4)(10, "cauca-raised-button", 5);
+            i0.ɵɵlistener("buttonClick", function ErrorDialogComponent_Template_cauca_raised_button_buttonClick_10_listener() { return ctx.closeClick(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, "errorDialog.titleError"));
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$a, ctx.itemName)));
+        } }, dependencies: [MatDialogModule, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, TranslateModule, RaisedButtonComponent, IconButtonComponent, i1.TranslatePipe], styles: ["@media(max-width:500px){  .dialog-global-style{max-width:100vw!important}}  .dialog-global-style{margin:auto!important}[_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}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-error-dialog', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatDialogModule, TranslateModule, RaisedButtonComponent, IconButtonComponent], template: "<div mat-dialog-title>\n    <div class=\"h6\">{{('errorDialog.titleError' | translate)}}</div>\n    <cauca-icon-button id=\"closeButton\" (buttonClick)=\"closeClick()\" icon=\"close\"/>\n</div>\n<div mat-dialog-content>\n    <p>{{('errorDialog.messageError' | translate:{itemName})}}</p>\n</div>\n<mat-dialog-actions align=\"end\">\n    <cauca-raised-button id=\"okButton\" label=\"ok\" color=\"warn\" (buttonClick)=\"closeClick()\"/>\n</mat-dialog-actions>", styles: ["@media(max-width:500px){::ng-deep .dialog-global-style{max-width:100vw!important}}::ng-deep .dialog-global-style{margin:auto!important}:host>div:first-child{display:flex;align-items:center}:host>div:first-child div:first-child{flex:1}\n"] }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/components/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 18 }); })();
+
+class DialogService {
+    constructor() {
+        this.defaultConfirmationOptions = {
+            noText: 'no',
+            noColor: 'primary',
+            noType: 'stroked',
+            yesText: 'yes',
+            yesType: 'raised',
+            messageArgs: null,
+            titleArgs: null,
+            yesColor: 'primary'
+        };
+        this.translate = inject(TranslateService);
+        this.dialog = inject(MatDialog);
+    }
+    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 firstValueFrom(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 firstValueFrom(dialogRef.afterClosed());
+    }
+    async askForDeleteConfirmation(name, type, translateType = false) {
+        if (translateType) {
+            type = this.translate.instant(type);
+        }
+        const dialogRef = this.dialog.open(DeleteDialogComponent, {
+            data: { name, type },
+            autoFocus: false
+        });
+        return await firstValueFrom(dialogRef.afterClosed());
+    }
+    async showDeletionError(name) {
+        const dialogRef = this.dialog.open(ErrorDialogComponent, {
+            data: { name },
+            autoFocus: '#okButton'
+        });
+        return await firstValueFrom(dialogRef.afterClosed());
+    }
+    async input(inputOptions, optionsDialog = { autoFocus: false }, value = '', suffix = '') {
+        const args = { ...inputOptions, value, suffix };
+        const config = { ...optionsDialog, ...{ data: args } };
+        return await firstValueFrom(this.dialog.open(TextInputDialogComponent, config)
+            .afterClosed());
+    }
+    static { this.ɵfac = function DialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogService)(); }; }
+    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'
+            }]
+    }], null, null); })();
+var ConfirmationResult;
+(function (ConfirmationResult) {
+    ConfirmationResult[ConfirmationResult["Cancel"] = 0] = "Cancel";
+    ConfirmationResult[ConfirmationResult["Yes"] = 1] = "Yes";
+    ConfirmationResult[ConfirmationResult["No"] = 2] = "No";
+})(ConfirmationResult || (ConfirmationResult = {}));
+
+class BreadcrumbLocation {
+    constructor() {
+        this.translate = false;
+    }
+}
+
+class BreadcrumbService {
+    constructor() {
+        this.showBreadcrumb = computed(() => this.isShown(), ...(ngDevMode ? [{ debugName: "showBreadcrumb" }] : []));
+        this.location = signal([], ...(ngDevMode ? [{ debugName: "location" }] : []));
+        this.breadcrumb = signal('', ...(ngDevMode ? [{ debugName: "breadcrumb" }] : []));
+        this.translateBreadcrumb = signal(false, ...(ngDevMode ? [{ debugName: "translateBreadcrumb" }] : []));
+        this.isShown = signal(false, ...(ngDevMode ? [{ debugName: "isShown" }] : []));
+    }
+    show(breadcrumb, location = [], translateBreadcrumb = true) {
+        this.isShown.set(true);
+        this.breadcrumb.set(breadcrumb);
+        this.location.set(location);
+        this.translateBreadcrumb.set(translateBreadcrumb);
+    }
+    hide() {
+        this.isShown.set(false);
+    }
+    static { this.ɵfac = function BreadcrumbService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BreadcrumbService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BreadcrumbService, factory: BreadcrumbService.ɵfac }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BreadcrumbService, [{
+        type: Injectable
+    }], null, null); })();
+
+class LoadingStateService {
+    constructor() {
+        this.showLoadingIndicator = computed(() => this.isLoading(), ...(ngDevMode ? [{ debugName: "showLoadingIndicator" }] : []));
+        this.showError = computed(() => this.hasError(), ...(ngDevMode ? [{ debugName: "showError" }] : []));
+        this.isLoading = signal(false, ...(ngDevMode ? [{ debugName: "isLoading" }] : []));
+        this.hasError = signal(false, ...(ngDevMode ? [{ debugName: "hasError" }] : []));
+    }
+    showLoading() {
+        this.isLoading.set(true);
+    }
+    hideLoading() {
+        this.isLoading.set(false);
+    }
+    withLoadingIndicator(observable$) {
+        return of(null).pipe(tap(() => this.startLoading()), mergeMap(() => observable$), catchError((error) => this.handleError(error)), finalize(() => this.hideLoading()));
+    }
+    setAsInError() {
+        this.hasError.set(true);
+    }
+    startLoading() {
+        this.hasError.set(false);
+        this.showLoading();
+    }
+    handleError(error) {
+        console.error('Could not load data.', error);
+        this.hasError.set(true);
+        return throwError(() => error);
+    }
+    static { this.ɵfac = function LoadingStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingStateService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoadingStateService, factory: LoadingStateService.ɵfac }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingStateService, [{
+        type: Injectable
+    }], null, null); })();
+
+const _c0$9 = ["*"];
+function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-stroked-button", 7);
+    i0.ɵɵlistener("click", function SnackBarComponent_Conditional_10_Template_cauca_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())("isInProgress", ctx_r1.inProgress())("icon", ctx_r1.buttonIcon());
+} }
+function SnackBarComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-icon-button", 8);
+    i0.ɵɵlistener("click", function SnackBarComponent_Conditional_11_Template_cauca_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', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
+        this.showCloseButton = input(false, ...(ngDevMode ? [{ debugName: "showCloseButton" }] : []));
+        this.type = input('info', ...(ngDevMode ? [{ debugName: "type" }] : []));
+        this.variant = input('standard', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.appearanceClasses = computed(() => [this.type(), this.variant()], ...(ngDevMode ? [{ debugName: "appearanceClasses" }] : []));
+        this.buttonSpecificColor = input(undefined, ...(ngDevMode ? [{ debugName: "buttonSpecificColor" }] : []));
+        this.buttonIcon = input(undefined, ...(ngDevMode ? [{ debugName: "buttonIcon" }] : []));
+        this.inProgress = input(false, ...(ngDevMode ? [{ debugName: "inProgress" }] : []));
+        this.showButton = input(false, ...(ngDevMode ? [{ debugName: "showButton" }] : []));
+        this.buttonLabel = input('', ...(ngDevMode ? [{ debugName: "buttonLabel" }] : []));
+        this.buttonColor = computed(() => {
+            if (this.buttonSpecificColor()) {
+                return this.buttonSpecificColor();
+            }
+            else {
+                return this.variant() === 'filled' ? 'white' : undefined;
+            }
+        }, ...(ngDevMode ? [{ debugName: "buttonColor" }] : []));
+        this.closeClick = output();
+        this.buttonClick = output();
+    }
+    static { this.ɵfac = function SnackBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SnackBarComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SnackBarComponent, selectors: [["cauca-snackbar"]], inputs: { icon: [1, "icon"], caption: [1, "caption"], showCloseButton: [1, "showCloseButton"], type: [1, "type"], variant: [1, "variant"], buttonSpecificColor: [1, "buttonSpecificColor"], buttonIcon: [1, "buttonIcon"], inProgress: [1, "inProgress"], showButton: [1, "showButton"], buttonLabel: [1, "buttonLabel"] }, outputs: { closeClick: "closeClick", buttonClick: "buttonClick" }, ngContentSelectors: _c0$9, decls: 12, vars: 8, consts: [[1, "container"], [1, "icon-container"], [1, "text-container"], [1, "title", "alert-title"], [1, "message", "body2"], ["onkeypress", "buttonClick.emit()", 3, "color", "label", "isInProgress", "icon"], ["icon", "close", "onkeypress", "closeClick.emit()"], ["onkeypress", "buttonClick.emit()", 3, "click", "color", "label", "isInProgress", "icon"], ["icon", "close", "onkeypress", "closeClick.emit()", 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.ɵɵconditionalCreate(10, SnackBarComponent_Conditional_10_Template, 1, 4, "cauca-stroked-button", 5);
+            i0.ɵɵconditionalCreate(11, SnackBarComponent_Conditional_11_Template, 1, 0, "cauca-icon-button", 6);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.appearanceClasses());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.icon());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 6, ctx.caption()));
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.showButton() ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showCloseButton() ? 11 : -1);
+        } }, dependencies: [MatIcon, StrokedButtonComponent, IconButtonComponent, TranslateModule, i1.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: 'cauca-snackbar', imports: [MatIcon, StrokedButtonComponent, IconButtonComponent, TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container\" [class]=\"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\">{{caption()|translate}}</div>\r\n        <div class=\"message body2\"><ng-content></ng-content></div>\r\n    </div>\r\n\r\n    @if (showButton()) {<cauca-stroked-button [color]=\"buttonColor()\" [label]=\"buttonLabel()\" (click)=\"buttonClick.emit()\" onkeypress=\"buttonClick.emit()\" [isInProgress]=\"inProgress()\" [icon]=\"buttonIcon()\" />}\r\n\r\n    @if (showCloseButton()) {<cauca-icon-button icon=\"close\" (click)=\"closeClick.emit()\" onkeypress=\"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, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], buttonSpecificColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonSpecificColor", required: false }] }], buttonIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonIcon", required: false }] }], inProgress: [{ type: i0.Input, args: [{ isSignal: true, alias: "inProgress", required: false }] }], showButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showButton", required: false }] }], buttonLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonLabel", required: false }] }], closeClick: [{ type: i0.Output, args: ["closeClick"] }], buttonClick: [{ type: i0.Output, args: ["buttonClick"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib/components/misc/snack-bar/snack-bar.component.ts", lineNumber: 14 }); })();
+
+function LoadingErrorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-snackbar", 1);
+    i0.ɵɵlistener("buttonClick", function LoadingErrorComponent_Conditional_0_Template_cauca_snackbar_buttonClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.retryRequest.emit()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("showButton", true);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "generalError.loadingErrorAlertMessage"), " ");
+} }
+class LoadingErrorComponent {
+    constructor() {
+        this.retryRequest = output();
+        this.loadingState = inject(LoadingStateService);
+        this.showError = this.loadingState.showError;
+    }
+    static { this.ɵfac = function LoadingErrorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingErrorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingErrorComponent, selectors: [["cauca-loading-error"]], outputs: { retryRequest: "retryRequest" }, decls: 1, vars: 1, consts: [["caption", "generalError.loadingErrorAlertTitle", "type", "error", "variant", "standard", "buttonLabel", "generalError.retryButtonLabel", 3, "showButton"], ["caption", "generalError.loadingErrorAlertTitle", "type", "error", "variant", "standard", "buttonLabel", "generalError.retryButtonLabel", 3, "buttonClick", "showButton"]], template: function LoadingErrorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, LoadingErrorComponent_Conditional_0_Template, 3, 4, "cauca-snackbar", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.showError() ? 0 : -1);
+        } }, dependencies: [SnackBarComponent, TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingErrorComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-loading-error', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (showError()) {\r\n    <cauca-snackbar\r\n        caption=\"generalError.loadingErrorAlertTitle\"\r\n        type=\"error\"\r\n        variant=\"standard\"\r\n        [showButton]=\"true\"\r\n        buttonLabel=\"generalError.retryButtonLabel\"\r\n        (buttonClick)=\"retryRequest.emit()\">\r\n    {{'generalError.loadingErrorAlertMessage' | translate}}\r\n    </cauca-snackbar>\r\n}" }]
+    }], null, { retryRequest: [{ type: i0.Output, args: ["retryRequest"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingErrorComponent, { className: "LoadingErrorComponent", filePath: "lib/components/misc/loading-error/loading-error.component.ts", lineNumber: 14 }); })();
+
+function LoadingSpinnerIndicatorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mat-progress-spinner", 0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("diameter", ctx_r0.diameter());
+} }
+class LoadingSpinnerIndicatorComponent {
+    constructor() {
+        this.diameter = input(100, ...(ngDevMode ? [{ debugName: "diameter" }] : []));
+        this.loadingState = inject(LoadingStateService);
+    }
+    static { this.ɵfac = function LoadingSpinnerIndicatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingSpinnerIndicatorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingSpinnerIndicatorComponent, selectors: [["cauca-loading-spinner-indicator"]], inputs: { diameter: [1, "diameter"] }, decls: 1, vars: 1, consts: [["mode", "indeterminate", 3, "diameter"]], template: function LoadingSpinnerIndicatorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, LoadingSpinnerIndicatorComponent_Conditional_0_Template, 1, 1, "mat-progress-spinner", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.loadingState.showLoadingIndicator() ? 0 : -1);
+        } }, dependencies: [MatProgressSpinner], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingSpinnerIndicatorComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-loading-spinner-indicator', standalone: true, imports: [MatProgressSpinner], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loadingState.showLoadingIndicator()) {\r\n    <mat-progress-spinner mode=\"indeterminate\"  [diameter]=\"diameter()\" />\r\n}\r\n" }]
+    }], null, { diameter: [{ type: i0.Input, args: [{ isSignal: true, alias: "diameter", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingSpinnerIndicatorComponent, { className: "LoadingSpinnerIndicatorComponent", filePath: "lib/components/misc/loading-spinner-indicator/loading-spinner-indicator.component.ts", lineNumber: 13 }); })();
+
+class BadgeComponent {
+    constructor() {
+        this.icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.color = input('primary', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    }
+    static { this.ɵfac = function BadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BadgeComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BadgeComponent, selectors: [["cauca-badge"]], inputs: { icon: [1, "icon"], label: [1, "label"], color: [1, "color"] }, decls: 7, vars: 5, consts: [["highlighted", "", "disableRipple", "", 3, "color"], [1, "mat-chip-content"], [1, "chip-label"]], template: function BadgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-chip", 0)(1, "div", 1)(2, "mat-icon");
+            i0.ɵɵtext(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 2);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("color", ctx.color());
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.icon());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 3, ctx.label()));
+        } }, dependencies: [TranslateModule, MatChipsModule, i1$7.MatChip, MatIcon, i1.TranslatePipe], styles: [".mat-chip-content[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon[_ngcontent-%COMP%]{color:inherit}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BadgeComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\n    <div class=\"mat-chip-content\">\n        <mat-icon>{{icon()}}</mat-icon>\n        <div class=\"chip-label\">{{label() | translate}}</div>\n    </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
+    }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
+
+function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "fa-icon", 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("icon", ctx_r0.faIcon());
+} }
+function IconComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 0);
+    i0.ɵɵelement(1, "img", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("src", ctx_r0.image(), i0.ɵɵsanitizeUrl);
+} }
+class IconComponent {
+    constructor() {
+        this.icon = input('', ...(ngDevMode ? [{ debugName: "icon" }] : []));
+        this.isFontAwesome = computed(() => {
+            const value = this.icon();
+            return value && value.indexOf(' ') > -1;
+        }, ...(ngDevMode ? [{ debugName: "isFontAwesome" }] : []));
+        this.faIcon = computed(() => {
+            return this.isFontAwesome() ? this.icon().split(' ') : [];
+        }, ...(ngDevMode ? [{ debugName: "faIcon" }] : []));
+        this.image = computed(() => {
+            return this.isFontAwesome() ? '' : this.icon();
+        }, ...(ngDevMode ? [{ debugName: "image" }] : []));
+    }
+    static { this.ɵfac = function IconComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IconComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconComponent, selectors: [["cauca-icon"]], inputs: { icon: [1, "icon"] }, decls: 2, vars: 2, consts: [[1, "icon"], [3, "icon"], ["alt", "icon", 3, "src"]], template: function IconComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, IconComponent_Conditional_0_Template, 2, 1, "div", 0);
+            i0.ɵɵconditionalCreate(1, IconComponent_Conditional_1_Template, 2, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.isFontAwesome() && ctx.faIcon().length > 0 ? 0 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.isFontAwesome() && ctx.image() ? 1 : -1);
+        } }, dependencies: [FontAwesomeModule, i1$8.FaIconComponent], styles: ["img[_ngcontent-%COMP%]{max-height:40px;height:40px}fa-icon[_ngcontent-%COMP%]{max-height:40px;height:40px}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IconComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-icon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FontAwesomeModule], template: `
+  @if (isFontAwesome() && faIcon().length > 0) {
+    <div class="icon">
+      <fa-icon [icon]="faIcon()"></fa-icon>
+    </div>
+  }
+  @if (!isFontAwesome() && image()) {
+    <div class="icon">
+      <img [src]="image()" alt="icon" />
+    </div>
+  }
+  `, styles: ["img{max-height:40px;height:40px}fa-icon{max-height:40px;height:40px}\n"] }]
+    }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "lib/components/presenters/icon/icon.component.ts", lineNumber: 23 }); })();
+
+function ListPaginatorComponent_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r0.pageSplitter, " ");
+} }
+function ListPaginatorComponent_For_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-round-button", 7);
+    i0.ɵɵlistener("buttonClick", function ListPaginatorComponent_For_4_Conditional_1_Template_cauca_round_button_buttonClick_0_listener() { i0.ɵɵrestoreView(_r2); const page_r3 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.changePage(page_r3)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const page_r3 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("selected", page_r3 === ctx_r0.currentPage());
+    i0.ɵɵproperty("translateLabel", false)("label", page_r3.toString());
+} }
+function ListPaginatorComponent_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ListPaginatorComponent_For_4_Conditional_0_Template, 2, 1, "div", 5)(1, ListPaginatorComponent_For_4_Conditional_1_Template, 1, 4, "cauca-round-button", 6);
+} if (rf & 2) {
+    const page_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(page_r3 === ctx_r0.pageSplitterValue ? 0 : 1);
+} }
+class ListPaginatorComponent {
+    constructor() {
+        this.itemsCount = input(0, ...(ngDevMode ? [{ debugName: "itemsCount" }] : []));
+        this.showTotalPage = input(9, ...(ngDevMode ? [{ debugName: "showTotalPage" }] : []));
+        this.pageSize = input(50, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+        this.pageCount = computed(() => this.itemsCount() > 0 ? Math.ceil(this.itemsCount() / this.pageSize()) : 1, ...(ngDevMode ? [{ debugName: "pageCount" }] : []));
+        this.pages = computed(() => [...Array(this.pageCount()).keys()], ...(ngDevMode ? [{ debugName: "pages" }] : []));
+        this.currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+        this.previousDisabled = computed(() => this.currentPage() === 1, ...(ngDevMode ? [{ debugName: "previousDisabled" }] : []));
+        this.nextDisabled = computed(() => this.currentPage() === this.pageCount(), ...(ngDevMode ? [{ debugName: "nextDisabled" }] : []));
+        this.pagesToShow = computed(() => {
+            const pagesToShow = [];
+            const rangeStart = Math.max(this.currentPage() - Math.floor(this.showTotalPage() / 2), 1);
+            const rangeEnd = Math.min(rangeStart + this.showTotalPage() - 1, this.pageCount());
+            for (let index = rangeStart; index <= rangeEnd; index++) {
+                pagesToShow.push(index);
+            }
+            if (!pagesToShow.includes(1)) {
+                pagesToShow.unshift(1, -1);
+            }
+            if (!pagesToShow.includes(this.pageCount())) {
+                pagesToShow.push(-1, this.pageCount());
+            }
+            return pagesToShow;
+        }, ...(ngDevMode ? [{ debugName: "pagesToShow" }] : []));
+        this.pageChange = output();
+    }
+    get pageSplitter() {
+        return '...';
+    }
+    get pageSplitterValue() {
+        return -1;
+    }
+    changePage(page) {
+        if (page != this.currentPage()) {
+            this.currentPage.set(page);
+            this.pageChange.emit(this.currentPage());
+        }
+    }
+    moveToFirst() {
+        this.currentPage.set(1);
+    }
+    tryMoveToFirst() {
+        if (this.previousDisabled())
+            return;
+        this.changePage(1);
+    }
+    tryMoveToLast() {
+        if (this.nextDisabled())
+            return;
+        this.changePage(this.pageCount());
+    }
+    tryMoveToPrevious() {
+        if (this.previousDisabled())
+            return;
+        this.changePage(this.currentPage() - 1);
+    }
+    tryMoveToNext() {
+        if (this.nextDisabled())
+            return;
+        this.changePage(this.currentPage() + 1);
+    }
+    static { this.ɵfac = function ListPaginatorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListPaginatorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListPaginatorComponent, selectors: [["cauca-list-paginator"]], inputs: { itemsCount: [1, "itemsCount"], showTotalPage: [1, "showTotalPage"], pageSize: [1, "pageSize"] }, outputs: { pageChange: "pageChange" }, decls: 7, vars: 4, consts: [[1, "pages"], ["icon", "first_page", 1, "page", "first", 3, "buttonClick", "isDisabled"], ["icon", "chevron_left", 1, "page", "previous", 3, "buttonClick", "isDisabled"], ["icon", "chevron_right", 1, "page", "next", 3, "buttonClick", "isDisabled"], ["icon", "last_page", 1, "page", "last", 3, "buttonClick", "isDisabled"], [1, "page"], [1, "page", "specific", 3, "selected", "translateLabel", "label"], [1, "page", "specific", 3, "buttonClick", "translateLabel", "label"]], template: function ListPaginatorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "cauca-icon-button", 1);
+            i0.ɵɵlistener("buttonClick", function ListPaginatorComponent_Template_cauca_icon_button_buttonClick_1_listener() { return ctx.tryMoveToFirst(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "cauca-icon-button", 2);
+            i0.ɵɵlistener("buttonClick", function ListPaginatorComponent_Template_cauca_icon_button_buttonClick_2_listener() { return ctx.tryMoveToPrevious(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵrepeaterCreate(3, ListPaginatorComponent_For_4_Template, 2, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementStart(5, "cauca-icon-button", 3);
+            i0.ɵɵlistener("buttonClick", function ListPaginatorComponent_Template_cauca_icon_button_buttonClick_5_listener() { return ctx.tryMoveToNext(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "cauca-icon-button", 4);
+            i0.ɵɵlistener("buttonClick", function ListPaginatorComponent_Template_cauca_icon_button_buttonClick_6_listener() { return ctx.tryMoveToLast(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("isDisabled", ctx.previousDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("isDisabled", ctx.previousDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.pagesToShow());
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("isDisabled", ctx.nextDisabled());
+        } }, dependencies: [IconButtonComponent, RoundButtonComponent], styles: ["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:center}.pages[_ngcontent-%COMP%]{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page[_ngcontent-%COMP%]{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page[_ngcontent-%COMP%]:hover:not(.disabled){background:#12101405;border-radius:100px}.page[_ngcontent-%COMP%]:active:not(.disabled){background:#1210140f}.selected[_ngcontent-%COMP%]{border-radius:100px;background:#12101414}.disabled[_ngcontent-%COMP%]{color:#12101448}.disabled[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{color:#12101448}.disabled[_ngcontent-%COMP%]{cursor:default}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListPaginatorComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-list-paginator', imports: [IconButtonComponent, RoundButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"pages\">\r\n    <cauca-icon-button class=\"page first\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToFirst()\" icon=\"first_page\" />\r\n    <cauca-icon-button class=\"page previous\" [isDisabled]=\"previousDisabled()\" (buttonClick)=\"tryMoveToPrevious()\" icon=\"chevron_left\" />\r\n\r\n    @for(page of pagesToShow(); track page) {\r\n        @if (page === pageSplitterValue) {\r\n            <div class=\"page\">{{pageSplitter}}\r\n            </div>\r\n        } @else {\r\n            <cauca-round-button class=\"page specific\" [class.selected]=\"page === currentPage()\" (buttonClick)=\"changePage(page)\" [translateLabel]=\"false\" [label]=\"page.toString()\" />\r\n        }\r\n    }\r\n\r\n    <cauca-icon-button class=\"page next\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToNext()\" icon=\"chevron_right\" />\r\n    <cauca-icon-button class=\"page last\" [isDisabled]=\"nextDisabled()\" (buttonClick)=\"tryMoveToLast()\" icon=\"last_page\" />\r\n</div>", styles: [":host{display:flex;flex-direction:column;align-items:center}.pages{display:flex;padding:0 6px;align-items:flex-start;gap:6px}.page{display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#121014;cursor:pointer}.page:hover:not(.disabled){background:#12101405;border-radius:100px}.page:active:not(.disabled){background:#1210140f}.selected{border-radius:100px;background:#12101414}.disabled{color:#12101448}.disabled mat-icon{color:#12101448}.disabled{cursor:default}\n"] }]
+    }], null, { itemsCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemsCount", required: false }] }], showTotalPage: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTotalPage", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListPaginatorComponent, { className: "ListPaginatorComponent", filePath: "lib/components/list-paginator/list-paginator.component.ts", lineNumber: 12 }); })();
+
+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(...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.condition = input(false, ...(ngDevMode ? [{ debugName: "condition" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    }
+    static { this.ɵfac = function PasswordCriteriaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PasswordCriteriaComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaComponent, selectors: [["cauca-password-criteria"]], inputs: { label: [1, "label"], condition: [1, "condition"], disabled: [1, "disabled"] }, 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.ɵɵconditionalCreate(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$2.MatIcon, TranslateModule, i1.TranslateDirective, NgClass], styles: ["[_nghost-%COMP%]{display:flex;align-items:center;gap:8px}mat-icon[_ngcontent-%COMP%]{flex-shrink:0}.green[_ngcontent-%COMP%]{fill:#81c784;color:#81c784}.red[_ngcontent-%COMP%]{fill:#e57373;color:#e57373}label[_ngcontent-%COMP%]{color:#000}.disabled[_ngcontent-%COMP%]{opacity:.5}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-password-criteria', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, 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}mat-icon{flex-shrink:0}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
+    }], null, { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], condition: [{ type: i0.Input, args: [{ isSignal: true, alias: "condition", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib/components/inputs/password/password-criteria/password-criteria.component.ts", lineNumber: 14 }); })();
+
+class PasswordCriteriaViewerComponent {
+    constructor() {
+        this.passwordValidation = input.required(...(ngDevMode ? [{ debugName: "passwordValidation" }] : []));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    }
+    static { this.ɵfac = function PasswordCriteriaViewerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PasswordCriteriaViewerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordCriteriaViewerComponent, selectors: [["cauca-password-criteria-viewer"]], inputs: { passwordValidation: [1, "passwordValidation"], disabled: [1, "disabled"] }, decls: 5, vars: 10, consts: [["label", "passwordEdition.minimumCharacters", 3, "disabled", "condition"], ["label", "passwordEdition.minimumOneNumeric", 3, "disabled", "condition"], ["label", "passwordEdition.minimumOneSpecialCharacter", 3, "disabled", "condition"], ["label", "passwordEdition.needLowerAndUppercase", 3, "disabled", "condition"], ["label", "passwordEdition.equalPasswords", 3, "disabled", "condition"]], template: function PasswordCriteriaViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "cauca-password-criteria", 0)(1, "cauca-password-criteria", 1)(2, "cauca-password-criteria", 2)(3, "cauca-password-criteria", 3)(4, "cauca-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}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordCriteriaViewerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-password-criteria-viewer', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PasswordCriteriaComponent], template: "<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.needLowerAndUppercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.equalPasswords\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
+    }], null, { passwordValidation: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordValidation", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib/components/inputs/password/password-criteria-viewer/password-criteria-viewer.component.ts", lineNumber: 14 }); })();
+
+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_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.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_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.label());
+} }
+class PasswordInputComponent {
+    constructor() {
+        this.autocomplete = input('password', ...(ngDevMode ? [{ debugName: "autocomplete" }] : []));
+        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.translatePlaceholder = input(true, ...(ngDevMode ? [{ debugName: "translatePlaceholder" }] : []));
+        this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
+        this.required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
+        this.enterKeyDown = output();
+        this.passwordControl = new FormControl('');
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.showPassword = signal(false, ...(ngDevMode ? [{ debugName: "showPassword" }] : []));
+        this.inputType = computed(() => this.showPassword() ? 'text' : 'password', ...(ngDevMode ? [{ debugName: "inputType" }] : []));
+        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(__ngFactoryType__) { return new (__ngFactoryType__ || PasswordInputComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordInputComponent, selectors: [["cauca-password-input"]], inputs: { autocomplete: [1, "autocomplete"], translateLabel: [1, "translateLabel"], label: [1, "label"], translatePlaceholder: [1, "translatePlaceholder"], placeholder: [1, "placeholder"], required: [1, "required"] }, outputs: { enterKeyDown: "enterKeyDown" }, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    multi: true,
+                    useExisting: forwardRef(() => PasswordInputComponent),
+                },
+            ])], 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) {
+            i0.ɵɵelementStart(0, "mat-form-field", 1);
+            i0.ɵɵconditionalCreate(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() { return ctx.enterKeyDown.emit(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "mat-icon", 3);
+            i0.ɵɵlistener("click", function PasswordInputComponent_Template_mat_icon_click_6_listener() { return ctx.showPassword.set(!ctx.showPassword()); });
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            const password_r2 = 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_r2.type === "password" ? "visibility_off" : "visibility", " ");
+        } }, dependencies: [TranslateModule, NgClass, MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatSuffix, MatIconModule, i1$2.MatIcon, MatInputModule, i3$1.MatInput, ReactiveFormsModule, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.RequiredValidator, i1$6.FormControlDirective, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%}mat-form-field[_ngcontent-%COMP%]{width:100%}.disabled[_ngcontent-%COMP%]{opacity:.5}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordInputComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-password-input', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
+    }], () => [], { autocomplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autocomplete", required: false }] }], translateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], translatePlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "translatePlaceholder", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], enterKeyDown: [{ type: i0.Output, args: ["enterKeyDown"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/components/inputs/password/password-input/password-input.component.ts", lineNumber: 24 }); })();
+
+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$8 = ["*"];
+function PasswordSelectionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "cauca-password-criteria-viewer", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r0.disabled())("passwordValidation", ctx_r0.passwordValidation);
+} }
+function PasswordSelectionComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span");
+} }
+class PasswordSelectionComponent {
+    constructor() {
+        this.passwordValidation = new PasswordValidation();
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this.direction = input('row', ...(ngDevMode ? [{ debugName: "direction" }] : []));
+        this.formWidth = input('50%', ...(ngDevMode ? [{ debugName: "formWidth" }] : []));
+        this.showCriteriaOnlyWhenPasswordHasValue = input(true, ...(ngDevMode ? [{ debugName: "showCriteriaOnlyWhenPasswordHasValue" }] : []));
+        this.alwaysShowCriteria = input(true, ...(ngDevMode ? [{ debugName: "alwaysShowCriteria" }] : []));
+        this.showCriteria = signal(true, ...(ngDevMode ? [{ debugName: "showCriteria" }] : []));
+        this.passwordLabel = input('passwordEdition.password', ...(ngDevMode ? [{ debugName: "passwordLabel" }] : []));
+        this.passwordConfirmationLabel = input('passwordEdition.passwordConfirmation', ...(ngDevMode ? [{ debugName: "passwordConfirmationLabel" }] : []));
+        this.hasValueChange = output();
+        this.lastPasswordValidationSent = false;
+        this.onChange = (value) => value;
+        this.onTouched = () => { };
+        const formBuilder = inject(UntypedFormBuilder);
+        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(takeUntilDestroyed())
+            .subscribe(() => {
+            if (!this.alwaysShowCriteria()) {
+                if (this.showCriteriaOnlyWhenPasswordHasValue()) {
+                    this.showCriteria.set(this.form.controls.password.value?.length > 0 || this.form.controls.confirmation.value?.length > 0);
+                }
+            }
+            this.hasValueChange.emit(this.form.controls.password.value?.length > 0);
+        });
+        this.form.valueChanges.pipe(takeUntilDestroyed(), 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.set(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(__ngFactoryType__) { return new (__ngFactoryType__ || PasswordSelectionComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PasswordSelectionComponent, selectors: [["cauca-password-selection"]], hostVars: 4, hostBindings: function PasswordSelectionComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("flex-direction", ctx.direction())("width", ctx.formWidth());
+        } }, inputs: { direction: [1, "direction"], formWidth: [1, "formWidth"], showCriteriaOnlyWhenPasswordHasValue: [1, "showCriteriaOnlyWhenPasswordHasValue"], alwaysShowCriteria: [1, "alwaysShowCriteria"], passwordLabel: [1, "passwordLabel"], passwordConfirmationLabel: [1, "passwordConfirmationLabel"] }, outputs: { hasValueChange: "hasValueChange" }, features: [i0.ɵɵProvidersFeature([
+                {
+                    provide: NG_VALUE_ACCESSOR,
+                    multi: true,
+                    useExisting: forwardRef(() => PasswordSelectionComponent),
+                },
+            ])], ngContentSelectors: _c0$8, decls: 8, vars: 12, consts: [[3, "formGroup"], [1, "passwords"], ["formControlName", "password", 3, "autocomplete", "label", "translateLabel", "required"], ["formControlName", "confirmation", 3, "autocomplete", "label", "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, "cauca-password-input", 2)(3, "cauca-password-input", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵprojection(5);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(6, PasswordSelectionComponent_Conditional_6_Template, 1, 2, "cauca-password-criteria-viewer", 5)(7, PasswordSelectionComponent_Conditional_7_Template, 1, 0, "span");
+        } if (rf & 2) {
+            i0.ɵɵclassProp("full-width-form", ctx.direction() === "column");
+            i0.ɵɵproperty("formGroup", ctx.form);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("autocomplete", "new-password")("label", ctx.passwordLabel())("translateLabel", true)("required", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("autocomplete", "new-password")("label", ctx.passwordConfirmationLabel())("translateLabel", true)("required", true);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.showCriteria() ? 6 : 7);
+        } }, dependencies: [PasswordInputComponent, FormsModule, i1$6.ɵNgNoValidate, i1$6.NgControlStatus, i1$6.NgControlStatusGroup, i1$6.RequiredValidator, ReactiveFormsModule, i1$6.FormGroupDirective, i1$6.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}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PasswordSelectionComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-password-selection', standalone: true, imports: [PasswordInputComponent, FormsModule, ReactiveFormsModule, TranslateModule, PasswordCriteriaViewerComponent], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        multi: true,
+                        useExisting: forwardRef(() => PasswordSelectionComponent),
+                    },
+                ], host: {
+                    '[style.flex-direction]': 'direction()',
+                    '[style.width]': 'formWidth()',
+                }, template: "<form [formGroup]=\"form\" [class.full-width-form]=\"direction() === 'column'\">\r\n    <div class=\"passwords\">\r\n        <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordLabel()\" [translateLabel]=\"true\" [required]=\"true\" formControlName=\"password\" />\r\n        <cauca-password-input [autocomplete]=\"'new-password'\" [label]=\"passwordConfirmationLabel()\" [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\r\n@if (showCriteria()) {\r\n    <cauca-password-criteria-viewer [disabled]=\"disabled()\" [passwordValidation]=\"passwordValidation\" />\r\n} @else {\r\n    <span></span>\r\n}", 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"] }]
+    }], () => [], { direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], formWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "formWidth", required: false }] }], showCriteriaOnlyWhenPasswordHasValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCriteriaOnlyWhenPasswordHasValue", required: false }] }], alwaysShowCriteria: [{ type: i0.Input, args: [{ isSignal: true, alias: "alwaysShowCriteria", required: false }] }], passwordLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordLabel", required: false }] }], passwordConfirmationLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "passwordConfirmationLabel", required: false }] }], hasValueChange: [{ type: i0.Output, args: ["hasValueChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib/components/inputs/password/password-selection/password-selection.component.ts", lineNumber: 31 }); })();
+
+class DateRangePickerComponent {
+    constructor() {
+        this.range = model({ from: null, to: null }, ...(ngDevMode ? [{ debugName: "range" }] : []));
+        this.form = new FormGroup({
+            from: new FormControl(null),
+            to: new FormControl(null)
+        });
+        this.form.valueChanges
+            .pipe(takeUntilDestroyed())
+            .subscribe(value => this.range.set({ from: value.from, to: value.to }));
+    }
+    ngOnInit() {
+        this.form.patchValue(this.range());
+    }
+    clear() {
+        this.form.patchValue({ from: null, to: null });
+    }
+    static { this.ɵfac = function DateRangePickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateRangePickerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DateRangePickerComponent, selectors: [["cauca-date-range-picker"]], inputs: { range: [1, "range"] }, outputs: { range: "rangeChange" }, features: [i0.ɵɵProvidersFeature([provideNativeDateAdapter()])], decls: 13, vars: 8, consts: [["campaignOnePicker", ""], ["subscriptSizing", "dynamic", 1, "full-width-field"], ["matPrefix", "", "onkeypress", "clear()", 3, "click"], ["matDatepickerToggleIcon", ""], [3, "formGroup", "rangePicker"], ["matStartDate", "", "formControlName", "from", 3, "readOnly"], ["matEndDate", "", "formControlName", "to", 3, "readOnly"], ["matIconSuffix", "", 3, "for"]], template: function DateRangePickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mat-form-field", 1)(1, "mat-datepicker-toggle", 2);
+            i0.ɵɵlistener("click", function DateRangePickerComponent_Template_mat_datepicker_toggle_click_1_listener() { return ctx.clear(); });
+            i0.ɵɵelementStart(2, "mat-icon", 3);
+            i0.ɵɵtext(3, "clear");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(4, "mat-label");
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "mat-date-range-input", 4);
+            i0.ɵɵelement(8, "input", 5)(9, "input", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(10, "mat-datepicker-toggle", 7)(11, "mat-date-range-picker", null, 0);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            const campaignOnePicker_r1 = i0.ɵɵreference(12);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 6, "dateRangeSelectorLabel"));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formGroup", ctx.form)("rangePicker", campaignOnePicker_r1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("readOnly", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("readOnly", true);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("for", campaignOnePicker_r1);
+        } }, dependencies: [MatFormFieldModule, i1$4.MatFormField, i1$4.MatLabel, i1$4.MatPrefix, i1$4.MatSuffix, MatDatepickerModule, i2.MatDatepickerToggle, i2.MatDatepickerToggleIcon, i2.MatDateRangeInput, i2.MatStartDate, i2.MatEndDate, i2.MatDateRangePicker, ReactiveFormsModule, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.NgControlStatusGroup, i1$6.FormGroupDirective, i1$6.FormControlName, MatIcon, TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateRangePickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-date-range-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormFieldModule, MatDatepickerModule, ReactiveFormsModule, MatIcon, TranslateModule], providers: [provideNativeDateAdapter()], template: "<mat-form-field class=\"full-width-field\" subscriptSizing=\"dynamic\">\r\n  <mat-datepicker-toggle matPrefix (click)=\"clear()\" onkeypress=\"clear()\">\r\n    <mat-icon matDatepickerToggleIcon>clear</mat-icon>\r\n  </mat-datepicker-toggle>\r\n    <mat-label>{{'dateRangeSelectorLabel'|translate}}</mat-label>\r\n    <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"campaignOnePicker\">\r\n      <input matStartDate formControlName=\"from\" [readOnly]=\"true\">\r\n      <input matEndDate formControlName=\"to\" [readOnly]=\"true\">\r\n    </mat-date-range-input>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"campaignOnePicker\">\r\n    </mat-datepicker-toggle>\r\n    <mat-date-range-picker #campaignOnePicker></mat-date-range-picker>\r\n  </mat-form-field>" }]
+    }], () => [], { range: [{ type: i0.Input, args: [{ isSignal: true, alias: "range", required: false }] }, { type: i0.Output, args: ["rangeChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/components/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
+
+const _c0$7 = ["auto"];
+const _c1$1 = ["chipInput"];
+const _c2$1 = a0 => ({ data: a0 });
+function DropdownChipAutocompleteComponent_For_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-icon", 13);
+    i0.ɵɵtext(1, "cancel");
+    i0.ɵɵelementEnd();
+} }
+function DropdownChipAutocompleteComponent_For_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-chip", 12);
+    i0.ɵɵlistener("removed", function DropdownChipAutocompleteComponent_For_4_Template_mat_chip_removed_0_listener() { const key_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.removeSelectedItem(key_r3)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵconditionalCreate(2, DropdownChipAutocompleteComponent_For_4_Conditional_2_Template, 2, 0, "mat-icon", 13);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const key_r3 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r3.disabled);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r3.getValueDisplay(key_r3), " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r3.allowRemove() ? 2 : -1);
+} }
+function DropdownChipAutocompleteComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-icon", 14);
+    i0.ɵɵlistener("click", function DropdownChipAutocompleteComponent_Conditional_8_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onClearAll()); });
+    i0.ɵɵtext(1, "clear");
+    i0.ɵɵelementEnd();
+} }
+function DropdownChipAutocompleteComponent_For_14_Conditional_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function DropdownChipAutocompleteComponent_For_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, DropdownChipAutocompleteComponent_For_14_Conditional_1_ng_container_0_Template, 1, 0, "ng-container", 15);
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.optionTemplate)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c2$1, item_r6));
+} }
+function DropdownChipAutocompleteComponent_For_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const item_r6 = i0.ɵɵnextContext().$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", item_r6[ctx_r3.displayValue()], " ");
+} }
+function DropdownChipAutocompleteComponent_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 11);
+    i0.ɵɵconditionalCreate(1, DropdownChipAutocompleteComponent_For_14_Conditional_1_Template, 1, 4, "ng-container")(2, DropdownChipAutocompleteComponent_For_14_Conditional_2_Template, 1, 1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r6 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", item_r6[ctx_r3.keyValue()]);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r3.optionTemplate ? 1 : 2);
+} }
+class DropdownChipAutocompleteComponent {
+    static { this.nextId = 0; }
+    get searchValue() {
+        return this._searchValue;
+    }
+    set searchValue(newValue) {
+        if (this._searchValue !== newValue && (typeof newValue === 'string') || newValue === null) {
+            this._searchValue = newValue;
+            this.stateChanges.next();
+        }
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty || !!this._searchValue;
+    }
+    get value() {
+        return this.selectedValues;
+    }
+    set value(values) {
+        this.selectedValues = values;
+        this.onChange(this.selectedValues);
+        this.stateChanges.next();
+    }
+    get required() {
+        return this._required;
+    }
+    set required(req) {
+        this._required = coerceBooleanProperty(req);
+        this.stateChanges.next();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get empty() {
+        return !this.selectedValues?.length;
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(plh) {
+        this._placeholder = plh;
+        this.stateChanges.next();
+    }
+    constructor() {
+        this.id = `cauca-dropdown-chip-autocomplete-${DropdownChipAutocompleteComponent.nextId++}`;
+        this.clearAll = output();
+        this.listAutoComplete = input([], ...(ngDevMode ? [{ debugName: "listAutoComplete" }] : []));
+        this.keyValue = input('id', ...(ngDevMode ? [{ debugName: "keyValue" }] : []));
+        this.displayValue = input('name', ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+        this.allowRemove = input(true, ...(ngDevMode ? [{ debugName: "allowRemove" }] : []));
+        this.ariaDescribedBy = input(...(ngDevMode ? [undefined, { debugName: "ariaDescribedBy" }] : []));
+        this.canRemoveAll = input(true, ...(ngDevMode ? [{ debugName: "canRemoveAll" }] : []));
+        this.hasOptionTemplate = input(false, ...(ngDevMode ? [{ debugName: "hasOptionTemplate" }] : []));
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.touched = false;
+        this.errorState = false;
+        this.controlType = 'dropdown-chip-autocomplete';
+        this.separatorKeysCodes = ',';
+        this.ngControl = inject(NgControl, { optional: true, self: true });
+        this._required = false;
+        this._disabled = false;
+        this._searchValue = null;
+        this.selectedValues = [];
+        this.parentForm = inject(NgForm, { optional: true });
+        this.parentFormGroup = inject(FormGroupDirective, { optional: true });
+        this.elementRef = inject(ElementRef);
+        this.onChange = (_) => {
+            // Do nothing for now
+        };
+        this.onTouched = () => {
+            // Do nothing for now
+        };
+        this.elementRef.nativeElement.addEventListener('focusin', this.onFocusIn.bind(this));
+        this.elementRef.nativeElement.addEventListener('focusout', this.onFocusOut.bind(this));
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+        this.filteredListAutoComplete = this.stateChanges.pipe(startWith(null), map(() => this.filterSelectedItem()));
+    }
+    ngDoCheck() {
+        if (this.ngControl) {
+            this.updateErrorState();
+        }
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    onFocusIn() {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    markAsClean() {
+        this.touched = false;
+        this.focused = false;
+        this.stateChanges.next();
+    }
+    onFocusOut(event) {
+        if (!this.elementRef.nativeElement.contains(event.relatedTarget)) {
+            this.touched = true;
+            this.focused = false;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    setDescribedByIds(ids) {
+        const controlElement = this.elementRef.nativeElement.querySelector('.dropdown-chip-autocomplete-container');
+        controlElement.setAttribute('aria-describedby', ids.join(' '));
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this.elementRef.nativeElement.querySelector('input').focus();
+        }
+        this.searchValue = null;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    selectItemOnAutocomplete(e) {
+        this.value = [].concat(this.selectedValues, e.option.value);
+        this.matChipInput.nativeElement.value = '';
+    }
+    removeSelectedItem(key) {
+        const index = this.selectedValues.indexOf(key);
+        if (index >= 0) {
+            this.selectedValues.splice(index, 1);
+            this.value = this.selectedValues;
+        }
+    }
+    getValueDisplay(key) {
+        const selectedItem = this.listAutoComplete().find((item) => `${item[this.keyValue()]}` === `${key}`);
+        return selectedItem ? selectedItem[this.displayValue()] : '';
+    }
+    onClearAll() {
+        this.matAutocompletePanel.closePanel();
+        this.value = [];
+        this.clearAll.emit();
+    }
+    updateErrorState() {
+        const parent = this.parentFormGroup || this.parentForm;
+        const oldState = this.errorState;
+        const newState = (this.ngControl?.invalid) && (this.touched || parent.submitted);
+        if (oldState !== newState) {
+            this.errorState = newState;
+        }
+    }
+    filterSelectedItem() {
+        const searchValue = toLowerCaseAndWithoutDiacritics(this.searchValue);
+        const filtered = this.listAutoComplete().filter((item) => !this.selectedValues.includes(item[this.keyValue()])
+            && toLowerCaseAndWithoutDiacritics(item[this.displayValue()]).includes(searchValue));
+        return filtered;
+    }
+    static { this.ɵfac = function DropdownChipAutocompleteComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DropdownChipAutocompleteComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownChipAutocompleteComponent, selectors: [["cauca-dropdown-chip-autocomplete"]], contentQueries: function DropdownChipAutocompleteComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, TemplateRef, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionTemplate = _t.first);
+        } }, viewQuery: function DropdownChipAutocompleteComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$7, 5)(_c1$1, 5)(MatAutocompleteTrigger, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.matAutocomplete = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.matChipInput = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.matAutocompletePanel = _t.first);
+        } }, hostVars: 3, hostBindings: function DropdownChipAutocompleteComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵdomProperty("id", ctx.id);
+            i0.ɵɵclassProp("floating", ctx.shouldLabelFloat);
+        } }, inputs: { listAutoComplete: [1, "listAutoComplete"], keyValue: [1, "keyValue"], displayValue: [1, "displayValue"], allowRemove: [1, "allowRemove"], ariaDescribedBy: [1, "ariaDescribedBy"], canRemoveAll: [1, "canRemoveAll"], hasOptionTemplate: [1, "hasOptionTemplate"], value: "value", required: "required", disabled: "disabled", placeholder: "placeholder" }, outputs: { clearAll: "clearAll" }, features: [i0.ɵɵProvidersFeature([{
+                    provide: MatFormFieldControl,
+                    useExisting: DropdownChipAutocompleteComponent,
+                }])], decls: 16, vars: 10, consts: [["chipGrid", ""], ["chipInput", ""], ["auto", "matAutocomplete"], ["role", "group", 1, "dropdown-chip-autocomplete-container"], [3, "disabled"], ["highlighted", "", "color", "primary", 3, "disabled"], [1, "input-wrapper"], [3, "ngModelChange", "ngModel", "matAutocomplete", "matChipInputFor", "matChipInputSeparatorKeyCodes"], ["matPrefix", "", 1, "clearAll"], ["matSuffix", ""], ["panelWidth", "500px", 3, "optionSelected"], [1, "full-width-option", 3, "value"], ["highlighted", "", "color", "primary", 3, "removed", "disabled"], ["matChipRemove", ""], ["matPrefix", "", 1, "clearAll", 3, "click"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"]], template: function DropdownChipAutocompleteComponent_Template(rf, ctx) { if (rf & 1) {
+            const _r1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "div", 3)(1, "mat-chip-grid", 4, 0);
+            i0.ɵɵrepeaterCreate(3, DropdownChipAutocompleteComponent_For_4_Template, 3, 3, "mat-chip", 5, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementStart(5, "div", 6)(6, "input", 7, 1);
+            i0.ɵɵtwoWayListener("ngModelChange", function DropdownChipAutocompleteComponent_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.searchValue, $event) || (ctx.searchValue = $event); return i0.ɵɵresetView($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, DropdownChipAutocompleteComponent_Conditional_8_Template, 2, 0, "mat-icon", 8);
+            i0.ɵɵelementStart(9, "mat-icon", 9);
+            i0.ɵɵtext(10, "arrow_drop_down");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(11, "mat-autocomplete", 10, 2);
+            i0.ɵɵlistener("optionSelected", function DropdownChipAutocompleteComponent_Template_mat_autocomplete_optionSelected_11_listener($event) { return ctx.selectItemOnAutocomplete($event); });
+            i0.ɵɵrepeaterCreate(13, DropdownChipAutocompleteComponent_For_14_Template, 3, 2, "mat-option", 11, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵpipe(15, "async");
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            const chipGrid_r7 = i0.ɵɵreference(2);
+            const auto_r8 = i0.ɵɵreference(12);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", ctx.disabled);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.value);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.searchValue);
+            i0.ɵɵproperty("matAutocomplete", auto_r8)("matChipInputFor", chipGrid_r7)("matChipInputSeparatorKeyCodes", ctx.separatorKeysCodes);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.value.length > 0 && ctx.canRemoveAll() ? 8 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("full-width-field", ctx.optionTemplate);
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(i0.ɵɵpipeBind1(15, 8, ctx.filteredListAutoComplete));
+        } }, dependencies: [MatChipGrid,
+            MatChip,
+            MatChipRemove,
+            FormsModule, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.NgModel, MatAutocompleteModule, i2$1.MatAutocomplete, i2$1.MatOption, i2$1.MatAutocompleteTrigger, MatChipInput,
+            MatIcon,
+            CommonModule, i3.NgTemplateOutlet, i3.AsyncPipe], styles: ["span[_ngcontent-%COMP%]{opacity:0;transition:opacity .2s}.floating[_nghost-%COMP%]   span[_ngcontent-%COMP%]{opacity:1}[_nghost-%COMP%]{cursor:pointer}[_nghost-%COMP%]   mat-icon[_ngcontent-%COMP%]{align-self:center;color:var(--mat-select-enabled-arrow-color)}[_nghost-%COMP%]   input.mat-mdc-chip-input[_ngcontent-%COMP%]{flex:1}.input-wrapper[_ngcontent-%COMP%]{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper[_ngcontent-%COMP%] > input[_ngcontent-%COMP%]{flex:1;min-width:150px}.input-wrapper[_ngcontent-%COMP%] > mat-icon[_ngcontent-%COMP%]{flex-shrink:0}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownChipAutocompleteComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-dropdown-chip-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, providers: [{
+                        provide: MatFormFieldControl,
+                        useExisting: DropdownChipAutocompleteComponent,
+                    }], imports: [
+                    MatChipGrid,
+                    MatChip,
+                    MatChipRemove,
+                    FormsModule,
+                    MatAutocompleteModule,
+                    MatChipInput,
+                    MatIcon,
+                    CommonModule
+                ], host: {
+                    '[id]': 'id',
+                    '[class.floating]': 'shouldLabelFloat',
+                }, template: "<div role=\"group\" class=\"dropdown-chip-autocomplete-container\">\n\n  <mat-chip-grid #chipGrid [disabled]=\"disabled\">\n\n    @for (key of value; track key) {\n      <mat-chip highlighted [disabled]=\"disabled\" (removed)=\"removeSelectedItem(key)\" color=\"primary\">\n        {{getValueDisplay(key)}}\n        @if (allowRemove()) {\n          <mat-icon matChipRemove>cancel</mat-icon>\n        }\n      </mat-chip>\n    }\n\n    <div class=\"input-wrapper\">\n      <input\n        #chipInput\n        [(ngModel)]=\"searchValue\"\n        [matAutocomplete]=\"auto\"\n        [matChipInputFor]=\"chipGrid\"\n        [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\">\n      @if (value.length > 0 && canRemoveAll()) {\n        <mat-icon matPrefix class=\"clearAll\" (click)=\"onClearAll();\">clear</mat-icon>\n      }\n      <mat-icon matSuffix>arrow_drop_down</mat-icon>\n    </div>\n  </mat-chip-grid>\n\n  <mat-autocomplete #auto=\"matAutocomplete\" panelWidth=\"500px\" [class.full-width-field]=\"optionTemplate\" (optionSelected)=\"selectItemOnAutocomplete($event)\">\n    @for (item of filteredListAutoComplete | async; track item) {\n      <mat-option [value]=\"item[keyValue()]\" class=\"full-width-option\">\n        @if (optionTemplate) {\n          <ng-container *ngTemplateOutlet=\"optionTemplate; context: {data: item}\" />\n        } @else {\n          {{item[displayValue()]}}\n        }\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>\n\n", styles: ["span{opacity:0;transition:opacity .2s}:host.floating span{opacity:1}:host{cursor:pointer}:host mat-icon{align-self:center;color:var(--mat-select-enabled-arrow-color)}:host input.mat-mdc-chip-input{flex:1}.input-wrapper{flex:1;display:flex;flex-direction:row;gap:8px;align-items:center;flex-wrap:nowrap}.input-wrapper>input{flex:1;min-width:150px}.input-wrapper>mat-icon{flex-shrink:0}\n"] }]
+    }], () => [], { matAutocomplete: [{
+            type: ViewChild,
+            args: ['auto']
+        }], matChipInput: [{
+            type: ViewChild,
+            args: ['chipInput']
+        }], matAutocompletePanel: [{
+            type: ViewChild,
+            args: [MatAutocompleteTrigger]
+        }], clearAll: [{ type: i0.Output, args: ["clearAll"] }], listAutoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "listAutoComplete", required: false }] }], keyValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyValue", required: false }] }], displayValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "displayValue", required: false }] }], allowRemove: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowRemove", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaDescribedBy", required: false }] }], canRemoveAll: [{ type: i0.Input, args: [{ isSignal: true, alias: "canRemoveAll", required: false }] }], hasOptionTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasOptionTemplate", required: false }] }], optionTemplate: [{
+            type: ContentChild,
+            args: [TemplateRef]
+        }], ngControl: [{
+            type: Optional
+        }, {
+            type: Self
+        }], parentForm: [{
+            type: Optional
+        }], parentFormGroup: [{
+            type: Optional
+        }], value: [{
+            type: Input
+        }], required: [{
+            type: Input
+        }], disabled: [{
+            type: Input
+        }], placeholder: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownChipAutocompleteComponent, { className: "DropdownChipAutocompleteComponent", filePath: "lib/components/inputs/dropdown-chip-autocomplete/dropdown-chip-autocomplete.component.ts", lineNumber: 51 }); })();
+
+class ColorPickerComponent {
+    static { this.nextId = 0; }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get empty() {
+        return !this._value?.length;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(newValue) {
+        this._value = newValue;
+        this.onChange(this._value);
+        this.stateChanges.next();
+    }
+    constructor() {
+        this.stateChanges = new Subject();
+        this.id = `example-tel-input-${ColorPickerComponent.nextId++}`;
+        this.focused = false;
+        this.touched = false;
+        this.valueChanged = output();
+        this.ngControl = inject(NgControl, { optional: true, self: true });
+        this.elementRef = inject(ElementRef);
+        this.onChange = (_) => {
+            // Do nothing for now
+        };
+        this.onTouched = () => {
+            // Do nothing for now
+        };
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+        this.elementRef.nativeElement.addEventListener('focusin', this.onFocusIn.bind(this));
+        this.elementRef.nativeElement.addEventListener('focusout', this.onFocusOut.bind(this));
+    }
+    onFocusIn(_) {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    onFocusOut(event) {
+        if (!this.elementRef.nativeElement.contains(event.relatedTarget)) {
+            this.touched = true;
+            this.focused = false;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    ngOnDestroy() {
+        this.stateChanges.complete();
+    }
+    setDescribedByIds(_) {
+        // Do nothing for now
+    }
+    onContainerClick(_) {
+        // Do nothing for now
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    onChangeColor(color) {
+        this.value = color;
+    }
+    static { this.ɵfac = function ColorPickerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ColorPickerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColorPickerComponent, selectors: [["cauca-color-picker"]], hostVars: 3, hostBindings: function ColorPickerComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵdomProperty("id", ctx.id);
+            i0.ɵɵclassProp("floating", ctx.shouldLabelFloat);
+        } }, outputs: { valueChanged: "valueChanged" }, features: [i0.ɵɵProvidersFeature([{
+                    provide: MatFormFieldControl,
+                    useExisting: ColorPickerComponent,
+                }])], decls: 1, vars: 2, consts: [["matInput", "", "type", "text", "id", "color-id", 1, "form-control", 3, "colorPickerChange", "colorPicker", "value"]], template: function ColorPickerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "input", 0);
+            i0.ɵɵtwoWayListener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.value, $event) || (ctx.value = $event); return $event; });
+            i0.ɵɵlistener("colorPickerChange", function ColorPickerComponent_Template_input_colorPickerChange_0_listener($event) { return ctx.onChangeColor($event); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵtwoWayProperty("colorPicker", ctx.value);
+            i0.ɵɵproperty("value", ctx.value);
+        } }, dependencies: [MatInputModule, i3$1.MatInput, ColorPickerDirective], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColorPickerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-color-picker', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatInputModule, ColorPickerDirective], providers: [{
+                        provide: MatFormFieldControl,
+                        useExisting: ColorPickerComponent,
+                    }], host: {
+                    '[id]': 'id',
+                    '[class.floating]': 'shouldLabelFloat',
+                }, template: "<input\r\n    matInput\r\n    [(colorPicker)]=\"value\"\r\n    [value]=\"value\"\r\n    (colorPickerChange)=\"onChangeColor($event)\"\r\n    type=\"text\"\r\n    class=\"form-control\"\r\n    id=\"color-id\"\r\n/>" }]
+    }], () => [], { valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColorPickerComponent, { className: "ColorPickerComponent", filePath: "lib/components/inputs/color-picker/color-picker.component.ts", lineNumber: 23 }); })();
+
+const _c0$6 = ["singleSelect"];
+const _c1 = ["*"];
+const _c2 = () => [];
+function SelectWithSearchComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option");
+    i0.ɵɵelement(1, "ngx-mat-select-search", 3);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵpipe(3, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formControl", ctx_r0.optionFilterControl)("placeholderLabel", i0.ɵɵpipeBind1(2, 3, "search"))("noEntriesFoundLabel", i0.ɵɵpipeBind1(3, 5, "noResult"));
+} }
+function SelectWithSearchComponent_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-option", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const option_r2 = ctx.$implicit;
+    i0.ɵɵproperty("value", option_r2.id);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", option_r2.name, " ");
+} }
+class SelectWithSearchComponent {
+    constructor() {
+        this.label = input.required(...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.selectFirstOptionByDefault = input(false, ...(ngDevMode ? [{ debugName: "selectFirstOptionByDefault" }] : []));
+        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.allowMultiSelection = input(false, ...(ngDevMode ? [{ debugName: "allowMultiSelection" }] : []));
+        this.showClearOption = input(false, ...(ngDevMode ? [{ debugName: "showClearOption" }] : []));
+        this.enableSearch = input(true, ...(ngDevMode ? [{ debugName: "enableSearch" }] : []));
+        this.options = input([], ...(ngDevMode ? [{ debugName: "options" }] : []));
+        this.value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.valueChanged = output();
+        this.optionFilterControl = new FormControl('');
+        this.hasOptions = computed(() => this.options().length >= 1, ...(ngDevMode ? [{ debugName: "hasOptions" }] : []));
+        this.disableControl = computed(() => this.isDisabled() || !this.hasOptions(), ...(ngDevMode ? [{ debugName: "disableControl" }] : []));
+        this.filteredOptions = resource({ ...(ngDevMode ? { debugName: "filteredOptions" } : {}), params: () => ({ filter: this.filterText(), options: this.options(), showClear: this.showClearOption() }),
+            loader: ({ params }) => Promise.resolve(this.computeFilteredOptions(params)) });
+        this.filterText = toSignal(this.optionFilterControl.valueChanges, { initialValue: '' });
+        effect(() => {
+            const opts = this.options();
+            if (!opts)
+                return;
+            const currentValue = this.value();
+            if (currentValue) {
+                const found = opts.find((c) => c.id === currentValue);
+                if (!found) {
+                    this.selectFirstOption(opts);
+                }
+            }
+            else if (opts.length > 0 && this.selectFirstOptionByDefault()) {
+                this.selectFirstOption(opts);
+            }
+        });
+    }
+    onSelectionChange(newValue) {
+        this.value.set(newValue);
+        this.valueChanged.emit(newValue);
+    }
+    selectFirstOption(opts) {
+        const newValue = opts[0]?.id ?? null;
+        this.value.set(newValue);
+        this.valueChanged.emit(newValue);
+    }
+    computeFilteredOptions(params) {
+        const { filter, options, showClear } = params;
+        if (!options || !Array.isArray(options)) {
+            return [];
+        }
+        let filtered;
+        if (!filter) {
+            filtered = options.slice();
+        }
+        else {
+            const filterLower = toLowerCaseAndWithoutDiacritics(filter);
+            filtered = options.filter(option => toLowerCaseAndWithoutDiacritics(option?.name ?? '').indexOf(filterLower) > -1);
+        }
+        if (showClear) {
+            const clearOption = { id: null, name: '--' };
+            filtered = [clearOption, ...filtered];
+        }
+        return filtered;
+    }
+    static { this.ɵfac = function SelectWithSearchComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectWithSearchComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectWithSearchComponent, selectors: [["cauca-select-with-search"]], viewQuery: function SelectWithSearchComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$6, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.singleSelect = _t.first);
+        } }, inputs: { label: [1, "label"], selectFirstOptionByDefault: [1, "selectFirstOptionByDefault"], isDisabled: [1, "isDisabled"], allowMultiSelection: [1, "allowMultiSelection"], showClearOption: [1, "showClearOption"], enableSearch: [1, "enableSearch"], options: [1, "options"], value: [1, "value"] }, outputs: { value: "valueChange", valueChanged: "valueChanged" }, ngContentSelectors: _c1, decls: 9, vars: 10, consts: [["subscriptSizing", "dynamic", 1, "full-width-field", "header", "dense"], [3, "valueChange", "value", "disabled", "multiple"], [3, "value"], [3, "formControl", "placeholderLabel", "noEntriesFoundLabel"]], 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.ɵɵlistener("valueChange", function SelectWithSearchComponent_Template_mat_select_valueChange_5_listener($event) { return ctx.onSelectionChange($event); });
+            i0.ɵɵconditionalCreate(6, SelectWithSearchComponent_Conditional_6_Template, 4, 7, "mat-option");
+            i0.ɵɵrepeaterCreate(7, SelectWithSearchComponent_For_8_Template, 2, 2, "mat-option", 2, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 7, ctx.label()));
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("readonly-field", ctx.disableControl());
+            i0.ɵɵproperty("value", ctx.value())("disabled", ctx.disableControl())("multiple", ctx.allowMultiSelection());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.enableSearch() ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.filteredOptions.value() || i0.ɵɵpureFunction0(9, _c2));
+        } }, dependencies: [MatSelectModule, i1$4.MatFormField, i1$4.MatLabel, i2$2.MatSelect, i2$1.MatOption, TranslateModule, MatFormFieldModule, ReactiveFormsModule, i1$6.NgControlStatus, i1$6.FormControlDirective, FormsModule, NgxMatSelectSearchModule, i5.MatSelectSearchComponent, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectWithSearchComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-select-with-search', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatSelectModule, TranslateModule, MatFormFieldModule, ReactiveFormsModule, FormsModule, NgxMatSelectSearchModule], template: "<mat-form-field class=\"full-width-field header dense\" subscriptSizing=\"dynamic\">\n  <ng-content></ng-content>\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-select [value]=\"value()\" (valueChange)=\"onSelectionChange($event)\" [disabled]=\"disableControl()\" [class.readonly-field]=\"disableControl()\" [multiple]=\"allowMultiSelection()\" >\n    @if (enableSearch()) {\n      <mat-option>\n        <ngx-mat-select-search [formControl]=\"optionFilterControl\" [placeholderLabel]=\"'search' | translate\"\n          [noEntriesFoundLabel]=\"'noResult' | translate\">\n        </ngx-mat-select-search>\n      </mat-option>\n    }\n    @for (option of filteredOptions.value() || []; track option) {\n      <mat-option [value]=\"option.id\">\n        {{option.name}}\n      </mat-option>\n    }\n  </mat-select>\n\n</mat-form-field>" }]
+    }], () => [], { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], selectFirstOptionByDefault: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectFirstOptionByDefault", required: false }] }], isDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "isDisabled", required: false }] }], allowMultiSelection: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowMultiSelection", required: false }] }], showClearOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClearOption", required: false }] }], enableSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableSearch", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }], singleSelect: [{
+            type: ViewChild,
+            args: ['singleSelect', { static: true }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectWithSearchComponent, { className: "SelectWithSearchComponent", filePath: "lib/components/inputs/select-with-search/select-with-search.component.ts", lineNumber: 23 }); })();
+
+const _c0$5 = ["*"];
+class GroupContainerComponent {
+    constructor() {
+        this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
+    }
+    static { this.ɵfac = function GroupContainerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GroupContainerComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GroupContainerComponent, selectors: [["cauca-group-container"]], inputs: { caption: [1, "caption"] }, ngContentSelectors: _c0$5, decls: 6, vars: 3, consts: [[1, "group-container"], [1, "group-container-title", "subtitle1"], [1, "group-container-content"]], template: function GroupContainerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵpipe(3, "translate");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "div", 2);
+            i0.ɵɵprojection(5);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 1, ctx.caption()));
+        } }, dependencies: [TranslateModule, i1.TranslatePipe], styles: [".group-container[_ngcontent-%COMP%]{display:flex;align-items:flex-start;align-self:stretch}.group-container-title[_ngcontent-%COMP%]{display:flex;width:300px;max-width:300px;padding:16px 0;flex-direction:column;align-items:flex-start}.group-container-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:stretch;flex:1;padding:16px}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GroupContainerComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-group-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div class=\"group-container\">\r\n    <div class=\"group-container-title subtitle1\">{{caption()|translate}}</div>\r\n    <div class=\"group-container-content\">\r\n        <ng-content />\r\n    </div>\r\n</div>\r\n", styles: [".group-container{display:flex;align-items:flex-start;align-self:stretch}.group-container-title{display:flex;width:300px;max-width:300px;padding:16px 0;flex-direction:column;align-items:flex-start}.group-container-content{display:flex;flex-direction:column;align-items:stretch;flex:1;padding:16px}\n"] }]
+    }], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupContainerComponent, { className: "GroupContainerComponent", filePath: "lib/components/layout/group-container/group-container.component.ts", lineNumber: 12 }); })();
+
+const _c0$4 = ["*"];
+function MainSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.title()));
+} }
+class MainSectionComponent {
+    constructor() {
+        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+    }
+    static { this.ɵfac = function MainSectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MainSectionComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MainSectionComponent, selectors: [["cauca-main-section"]], inputs: { title: [1, "title"] }, ngContentSelectors: _c0$4, decls: 4, vars: 1, consts: [[1, "section"], [1, "section-description", "subtitle1"], [1, "section-fields"]], template: function MainSectionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, MainSectionComponent_Conditional_1_Template, 3, 3, "div", 1);
+            i0.ɵɵdomElementStart(2, "div", 2);
+            i0.ɵɵprojection(3);
+            i0.ɵɵdomElementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.title() ? 1 : -1);
+        } }, dependencies: [TranslateModule, i1.TranslatePipe], styles: [".section[_ngcontent-%COMP%]{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px}.section-description[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields[_ngcontent-%COMP%]{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1 0 0}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MainSectionComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-main-section', imports: [TranslateModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\">\r\n    @if (title()) {\r\n        <div class=\"section-description subtitle1\">{{title()|translate}}</div>\r\n    }\r\n    <div class=\"section-fields\"><ng-content /></div>\r\n</div>", styles: [".section{display:flex;padding:24px 16px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 0 0;max-width:1200px}.section-description{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;padding-bottom:24px}.section-fields{display:flex;align-items:flex-start;gap:8px;align-self:stretch}.section-fields>*{flex:1 0 0}\n"] }]
+    }], null, { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/components/layout/sections/main-section/main-section.component.ts", lineNumber: 11 }); })();
+
+const _c0$3 = ["*"];
+class SectionColumnComponent {
+    constructor() {
+        this.showBigGap = input(false, ...(ngDevMode ? [{ debugName: "showBigGap" }] : []));
+    }
+    static { this.ɵfac = function SectionColumnComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionColumnComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionColumnComponent, selectors: [["cauca-section-column"]], inputs: { showBigGap: [1, "showBigGap"] }, ngContentSelectors: _c0$3, decls: 2, vars: 2, consts: [[1, "section-columns"]], template: function SectionColumnComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("big-gap", ctx.showBigGap());
+        } }, styles: ["[_nghost-%COMP%]{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch}.section-columns[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.big-gap[_ngcontent-%COMP%]{gap:16px}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionColumnComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-section-column', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-columns\" [class.big-gap]=\"showBigGap()\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch}.section-columns{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0}.big-gap{gap:16px}\n"] }]
+    }], null, { showBigGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBigGap", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionColumnComponent, { className: "SectionColumnComponent", filePath: "lib/components/layout/sections/section-column/section-column.component.ts", lineNumber: 10 }); })();
+
+function SectionFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "translate");
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(1, 1, ctx_r0.label()), " ");
+} }
+function SectionFieldComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.label(), " ");
+} }
+function SectionFieldComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mat-icon", 4);
+    i0.ɵɵlistener("click", function SectionFieldComponent_Conditional_4_Template_mat_icon_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.linkClick.emit()); });
+    i0.ɵɵtext(1, "link");
+    i0.ɵɵelementEnd();
+} }
+function SectionFieldComponent_Conditional_7_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.fieldName() ? item_r3[ctx_r0.fieldName()] : item_r3);
+} }
+function SectionFieldComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SectionFieldComponent_Conditional_7_For_1_Template, 2, 1, "span", null, i0.ɵɵrepeaterTrackByIdentity);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r0.values());
+} }
+function SectionFieldComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.value(), " ");
+} }
+class SectionFieldComponent {
+    constructor() {
+        this.autoTranslateLabel = input(true, ...(ngDevMode ? [{ debugName: "autoTranslateLabel" }] : []));
+        this.label = input('', ...(ngDevMode ? [{ debugName: "label" }] : []));
+        this.value = input('', ...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.values = input([], ...(ngDevMode ? [{ debugName: "values" }] : []));
+        this.fieldName = input('', ...(ngDevMode ? [{ debugName: "fieldName" }] : []));
+        this.useMultipleValues = computed(() => this.values()?.length > 0, ...(ngDevMode ? [{ debugName: "useMultipleValues" }] : []));
+        this.showLink = input(false, ...(ngDevMode ? [{ debugName: "showLink" }] : []));
+        this.linkClick = output();
+        this.splitEqually = input(true, ...(ngDevMode ? [{ debugName: "splitEqually" }] : []));
+    }
+    static { this.ɵfac = function SectionFieldComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionFieldComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionFieldComponent, selectors: [["cauca-section-field"]], inputs: { autoTranslateLabel: [1, "autoTranslateLabel"], label: [1, "label"], value: [1, "value"], values: [1, "values"], fieldName: [1, "fieldName"], showLink: [1, "showLink"], splitEqually: [1, "splitEqually"] }, outputs: { linkClick: "linkClick" }, decls: 9, vars: 9, consts: [[1, "section-fields-line"], [1, "option-label", "body1"], ["onkeypress", "linkClick.emit()", 1, "icon-link"], [1, "option-value", "body2"], ["onkeypress", "linkClick.emit()", 1, "icon-link", 3, "click"]], template: function SectionFieldComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, SectionFieldComponent_Conditional_2_Template, 2, 3)(3, SectionFieldComponent_Conditional_3_Template, 1, 1);
+            i0.ɵɵconditionalCreate(4, SectionFieldComponent_Conditional_4_Template, 2, 0, "mat-icon", 2);
+            i0.ɵɵtext(5, ": ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(6, "div", 3);
+            i0.ɵɵconditionalCreate(7, SectionFieldComponent_Conditional_7_Template, 2, 0)(8, SectionFieldComponent_Conditional_8_Template, 1, 1);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("multi-line", ctx.useMultipleValues());
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("link", ctx.showLink());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.autoTranslateLabel() ? 2 : 3);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.showLink() ? 4 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("no-flex", !ctx.splitEqually());
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.useMultipleValues() ? 7 : 8);
+        } }, dependencies: [TranslateModule, MatIcon, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.section-fields-line[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;align-self:stretch;white-space:nowrap}.section-fields-line[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1 0 0}.option-value[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;white-space:wrap;word-break:break-all}.option-value.no-flex[_ngcontent-%COMP%]{flex:unset}.multi-line[_ngcontent-%COMP%]{align-items:flex-start}.icon-link[_ngcontent-%COMP%]{cursor:pointer}.link[_ngcontent-%COMP%]{display:flex}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionFieldComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-section-field', imports: [TranslateModule, MatIcon], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-fields-line\" [class.multi-line]=\"useMultipleValues()\">\r\n    <div class=\"option-label body1\" [class.link]=\"showLink()\">\r\n        @if(autoTranslateLabel()) {\r\n            {{label()|translate}}\r\n        } @else {\r\n            {{label()}}\r\n        }\r\n        @if (showLink()) {\r\n            <mat-icon class=\"icon-link\" (click)=\"linkClick.emit()\" onkeypress=\"linkClick.emit()\">link</mat-icon>\r\n        }:\r\n    </div>\r\n    <div class=\"option-value body2\" [class.no-flex]=\"!splitEqually()\">\r\n        @if (useMultipleValues()) {\r\n            @for(item of values(); track item) {\r\n                <span>{{fieldName() ? item[fieldName()] : item }}</span>\r\n            }\r\n        } @else {\r\n            {{value()}}\r\n        }\r\n    </div>\r\n</div>", styles: [":host{flex:1 0 0;display:flex;flex-direction:column;align-items:stretch;width:100%}.section-fields-line{display:flex;align-items:center;gap:8px;align-self:stretch;white-space:nowrap}.section-fields-line>*{flex:1 0 0}.option-value{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1 0 0;white-space:wrap;word-break:break-all}.option-value.no-flex{flex:unset}.multi-line{align-items:flex-start}.icon-link{cursor:pointer}.link{display:flex}\n"] }]
+    }], null, { autoTranslateLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoTranslateLabel", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], fieldName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldName", required: false }] }], showLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLink", required: false }] }], linkClick: [{ type: i0.Output, args: ["linkClick"] }], splitEqually: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitEqually", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
+
+function PageTitleComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "/");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r0.baseCrumb()));
+} }
+function PageTitleComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const location_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("href", location_r2.link, i0.ɵɵsanitizeUrl)("routerLink", location_r2.link);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 3, location_r2.title));
+} }
+function PageTitleComponent_Conditional_4_For_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵlistener("click", function PageTitleComponent_Conditional_4_For_3_Conditional_1_Template_span_click_0_listener() { i0.ɵɵrestoreView(_r3); const location_r2 = i0.ɵɵnextContext().$implicit; return i0.ɵɵresetView(location_r2.action()); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const location_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(location_r2.translate ? i0.ɵɵpipeBind1(2, 1, location_r2.title) : location_r2.title);
+} }
+function PageTitleComponent_Conditional_4_For_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const location_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(location_r2.title);
+} }
+function PageTitleComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PageTitleComponent_Conditional_4_For_3_Conditional_0_Template, 3, 5, "a", 5)(1, PageTitleComponent_Conditional_4_For_3_Conditional_1_Template, 3, 3, "span", 6)(2, PageTitleComponent_Conditional_4_For_3_Conditional_2_Template, 2, 1, "span", 4);
+    i0.ɵɵelementStart(3, "span");
+    i0.ɵɵtext(4, "/");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const location_r2 = ctx.$implicit;
+    i0.ɵɵconditional(location_r2.link ? 0 : location_r2.action ? 1 : 2);
+} }
+function PageTitleComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵconditionalCreate(1, PageTitleComponent_Conditional_4_Conditional_1_Template, 5, 3);
+    i0.ɵɵrepeaterCreate(2, PageTitleComponent_Conditional_4_For_3_Template, 5, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(4, "span", 3);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "translate");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.baseCrumb() ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.breadcrumbLocation());
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.mustTranslateBreadcrumb() ? i0.ɵɵpipeBind1(6, 2, ctx_r0.currentBreadcrumb()) : ctx_r0.currentBreadcrumb());
+} }
+class PageTitleComponent {
+    constructor() {
+        this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
+        this.showBreadcrumb = input(false, ...(ngDevMode ? [{ debugName: "showBreadcrumb" }] : []));
+        this.location = input([], ...(ngDevMode ? [{ debugName: "location" }] : []));
+        this.breadcrumb = input('', ...(ngDevMode ? [{ debugName: "breadcrumb" }] : []));
+        this.baseCrumb = input('', ...(ngDevMode ? [{ debugName: "baseCrumb" }] : []));
+        this.translateBreadcrumb = input(true, ...(ngDevMode ? [{ debugName: "translateBreadcrumb" }] : []));
+        this.displayBreadcrumb = computed(() => this.showBreadcrumb() || this.breadcrumbService?.showBreadcrumb(), ...(ngDevMode ? [{ debugName: "displayBreadcrumb" }] : []));
+        this.breadcrumbLocation = computed(() => this.breadcrumbService?.location() || this.location() || [], ...(ngDevMode ? [{ debugName: "breadcrumbLocation" }] : []));
+        this.currentBreadcrumb = computed(() => this.breadcrumbService?.breadcrumb() || this.breadcrumb() || '', ...(ngDevMode ? [{ debugName: "currentBreadcrumb" }] : []));
+        this.mustTranslateBreadcrumb = computed(() => this.breadcrumbService?.translateBreadcrumb() || this.translateBreadcrumb(), ...(ngDevMode ? [{ debugName: "mustTranslateBreadcrumb" }] : []));
+        this.breadcrumbService = inject(BreadcrumbService, { optional: true });
+    }
+    static { this.ɵfac = function PageTitleComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageTitleComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageTitleComponent, selectors: [["cauca-page-title"]], inputs: { caption: [1, "caption"], showBreadcrumb: [1, "showBreadcrumb"], location: [1, "location"], breadcrumb: [1, "breadcrumb"], baseCrumb: [1, "baseCrumb"], translateBreadcrumb: [1, "translateBreadcrumb"] }, decls: 5, vars: 4, consts: [[1, "title-section"], [1, "title-label"], [1, "breadcrumb"], [1, "breadcrumb-current"], [1, "basecrumb"], [1, "basecrumb", 3, "href", "routerLink"], [1, "basecrumb", "crumb-link"], [1, "basecrumb", "crumb-link", 3, "click"]], 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.ɵɵconditionalCreate(4, PageTitleComponent_Conditional_4_Template, 7, 4, "div", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 2, ctx.caption()));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.displayBreadcrumb() ? 4 : -1);
+        } }, dependencies: [TranslateModule, RouterModule, i1$9.RouterLink, i1.TranslatePipe], styles: [".title-section[_ngcontent-%COMP%]{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px}h4[_ngcontent-%COMP%]{padding:0}a[_ngcontent-%COMP%]{text-decoration:none}a[_ngcontent-%COMP%]:visited{color:inherit}.basecrumb[_ngcontent-%COMP%]{color:#12101499}.crumb-link[_ngcontent-%COMP%]{cursor:pointer}@media(max-width:500px){.title-section[_ngcontent-%COMP%]{padding:16px}}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-page-title', changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, RouterModule], template: "<div class=\"title-section\">\n\n  <h4 class=\"title-label\">{{caption() | translate }}</h4>\n\n  @if (displayBreadcrumb()) {\n    <div class=\"breadcrumb\">\n\n      @if (baseCrumb()) {\n        <div class=\"basecrumb\">{{baseCrumb()|translate}}</div>\n        <span>/</span>\n      }\n\n      @for(location of breadcrumbLocation(); track location) {\n        @if (location.link) {\n          <a class=\"basecrumb\" [href]=\"location.link\" [routerLink]=\"location.link\">{{location.title| translate }}</a>\n        } @else if (location.action) {\n          <span class=\"basecrumb crumb-link\" (click)=\"location.action()\">{{ location.translate ? (location.title | translate) : location.title}}</span>\n        } @else {\n          <span class=\"basecrumb\">{{location.title}}</span>\n        }\n        <span>/</span>\n      }\n\n      <span class=\"breadcrumb-current\">{{ mustTranslateBreadcrumb() ? (currentBreadcrumb() | translate) : currentBreadcrumb() }}</span>\n\n    </div>\n  }\n\n</div>", styles: [".title-section{display:flex;gap:8px;flex-direction:column;align-items:flex-start;align-self:stretch;margin-bottom:24px}.breadcrumb{display:flex;align-items:center;gap:8px}h4{padding:0}a{text-decoration:none}a:visited{color:inherit}.basecrumb{color:#12101499}.crumb-link{cursor:pointer}@media(max-width:500px){.title-section{padding:16px}}\n"] }]
+    }], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], showBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "showBreadcrumb", required: false }] }], location: [{ type: i0.Input, args: [{ isSignal: true, alias: "location", required: false }] }], breadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "breadcrumb", required: false }] }], baseCrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "baseCrumb", required: false }] }], translateBreadcrumb: [{ type: i0.Input, args: [{ isSignal: true, alias: "translateBreadcrumb", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 14 }); })();
+
+const _c0$2 = ["*"];
+class ExpandablePanelComponent {
+    constructor() {
+        this.isCollapsed = model(false, ...(ngDevMode ? [{ debugName: "isCollapsed" }] : []));
+        this.caption = input('', ...(ngDevMode ? [{ debugName: "caption" }] : []));
+        this.subCaption = input('', ...(ngDevMode ? [{ debugName: "subCaption" }] : []));
+    }
+    changeState() {
+        this.isCollapsed.update(value => !value);
+    }
+    static { this.ɵfac = function ExpandablePanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExpandablePanelComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ExpandablePanelComponent, selectors: [["cauca-expandable-panel"]], inputs: { isCollapsed: [1, "isCollapsed"], caption: [1, "caption"], subCaption: [1, "subCaption"] }, outputs: { isCollapsed: "isCollapsedChange" }, ngContentSelectors: _c0$2, decls: 12, vars: 6, consts: [[1, "expansion-button", 3, "click"], [1, "primary"], [1, "body2"], [1, "expansion-panel"], [1, "expansion-panel-content"]], 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)(10, "div", 4);
+            i0.ɵɵprojection(11);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("collapsed", ctx.isCollapsed());
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.caption());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.subCaption());
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("collapsed", 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-button[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{transition:transform .5s ease-in-out}.expansion-button[_ngcontent-%COMP%]   mat-icon.collapsed[_ngcontent-%COMP%]{transform:rotate(180deg)}.expansion-panel[_ngcontent-%COMP%]{overflow:hidden;flex:1;display:grid;grid-template-rows:1fr;min-height:0;transition:grid-template-rows .5s ease-in,opacity .5s ease-in,visibility .5s ease-in}.expansion-panel.collapsed[_ngcontent-%COMP%]{grid-template-rows:0fr;opacity:0;visibility:hidden}.expansion-panel-content[_ngcontent-%COMP%]{min-height:0}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExpandablePanelComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon], template: "<section>\r\n    <div class=\"expansion-button\" (click)=\"changeState()\">\r\n        <mat-icon [class.collapsed]=\"isCollapsed()\">expand_less</mat-icon>\r\n        <div>\r\n            <div class=\"primary\">{{caption()}}</div>\r\n            <div class=\"body2\">{{subCaption()}}</div>\r\n        </div>\r\n    </div>\r\n    <div class=\"expansion-panel\" [class.collapsed]=\"isCollapsed()\">\r\n        <div class=\"expansion-panel-content\">\r\n            <ng-content></ng-content>\r\n        </div>\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-button mat-icon{transition:transform .5s ease-in-out}.expansion-button mat-icon.collapsed{transform:rotate(180deg)}.expansion-panel{overflow:hidden;flex:1;display:grid;grid-template-rows:1fr;min-height:0;transition:grid-template-rows .5s ease-in,opacity .5s ease-in,visibility .5s ease-in}.expansion-panel.collapsed{grid-template-rows:0fr;opacity:0;visibility:hidden}.expansion-panel-content{min-height:0}\n"] }]
+    }], null, { isCollapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCollapsed", required: false }] }, { type: i0.Output, args: ["isCollapsedChange"] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], subCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "subCaption", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExpandablePanelComponent, { className: "ExpandablePanelComponent", filePath: "lib/components/layout/expandable-panel/expandable-panel.component.ts", lineNumber: 11 }); })();
+
+class MenuExpandablePanelItemComponent {
+    constructor() {
+        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
+        this.route = input(...(ngDevMode ? [undefined, { debugName: "route" }] : []));
+        this.isSubItem = input(false, ...(ngDevMode ? [{ debugName: "isSubItem" }] : []));
+        this.action = input(null, ...(ngDevMode ? [{ debugName: "action" }] : []));
+        this.router = inject(Router);
+    }
+    openRoute() {
+        if (this.action()) {
+            this.action()();
+        }
+        else {
+            this.router.navigate(this.route());
+        }
+    }
+    static { this.ɵfac = function MenuExpandablePanelItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuExpandablePanelItemComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelItemComponent, selectors: [["cauca-menu-expandable-panel-item"]], inputs: { icon: [1, "icon"], caption: [1, "caption"], route: [1, "route"], isSubItem: [1, "isSubItem"], action: [1, "action"] }, decls: 6, vars: 8, 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.ɵɵclassProp("sub-item", ctx.isSubItem());
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.icon());
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.isSubItem() ? "subtitle2" : "subtitle1");
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 6, ctx.caption()));
+        } }, dependencies: [MatIconModule, i1$2.MatIcon, TranslateModule, i1.TranslatePipe], styles: ["section[_ngcontent-%COMP%]{display:flex;gap:16px;padding:16px 24px}.sub-item[_ngcontent-%COMP%]{background-color:#f5f5f5;border-top:1px solid white}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelItemComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-menu-expandable-panel-item', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, TranslateModule], template: "<section (click)=\"openRoute()\" [class.sub-item]=\"isSubItem()\">\r\n    <mat-icon>{{icon()}}</mat-icon>\r\n    <div [class]=\"isSubItem() ? 'subtitle2' : 'subtitle1'\">{{caption() | translate}}</div>\r\n</section>", styles: ["section{display:flex;gap:16px;padding:16px 24px}.sub-item{background-color:#f5f5f5;border-top:1px solid white}\n"] }]
+    }], null, { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], isSubItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubItem", required: false }] }], action: [{ type: i0.Input, args: [{ isSignal: true, alias: "action", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelItemComponent, { className: "MenuExpandablePanelItemComponent", filePath: "lib/components/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.subCaption()));
+} }
+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.ɵɵclassProp("opened", ctx_r0.opened());
+} }
+function MenuExpandablePanelComponent_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "cauca-menu-expandable-panel-item", 4);
+} if (rf & 2) {
+    const item_r2 = ctx.$implicit;
+    i0.ɵɵproperty("icon", item_r2.icon)("caption", 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, "cauca-menu-expandable-panel-item", 4, _forTrack0);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r0.items());
+} }
+class MenuExpandablePanelComponent {
+    constructor() {
+        this.caption = input(...(ngDevMode ? [undefined, { debugName: "caption" }] : []));
+        this.isSubItem = input(false, ...(ngDevMode ? [{ debugName: "isSubItem" }] : []));
+        this.subCaption = input(...(ngDevMode ? [undefined, { debugName: "subCaption" }] : []));
+        this.menuIcon = input(...(ngDevMode ? [undefined, { debugName: "menuIcon" }] : []));
+        this.showExpansionIcon = input(true, ...(ngDevMode ? [{ debugName: "showExpansionIcon" }] : []));
+        this.addTopBorderRadius = input(false, ...(ngDevMode ? [{ debugName: "addTopBorderRadius" }] : []));
+        this.bottomBorder = input(false, ...(ngDevMode ? [{ debugName: "bottomBorder" }] : []));
+        this.addBottomBorderRadius = input(false, ...(ngDevMode ? [{ debugName: "addBottomBorderRadius" }] : []));
+        this.route = input([], ...(ngDevMode ? [{ debugName: "route" }] : []));
+        this.items = input([], ...(ngDevMode ? [{ debugName: "items" }] : []));
+        this.opened = signal(false, ...(ngDevMode ? [{ debugName: "opened" }] : []));
+        this.router = inject(Router);
+    }
+    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(__ngFactoryType__) { return new (__ngFactoryType__ || MenuExpandablePanelComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuExpandablePanelComponent, selectors: [["cauca-menu-expandable-panel"]], hostVars: 10, hostBindings: function MenuExpandablePanelComponent_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵstyleProp("border-top-left-radius", ctx.addTopBorderRadius() ? "12px" : "0px")("border-top-right-radius", ctx.addTopBorderRadius() ? "12px" : "0px")("border-bottom-left-radius", ctx.addBottomBorderRadius() ? "12px" : "0px")("border-bottom-right-radius", ctx.addBottomBorderRadius() ? "12px" : "0px");
+            i0.ɵɵclassProp("bottom-border", ctx.bottomBorder());
+        } }, inputs: { caption: [1, "caption"], isSubItem: [1, "isSubItem"], subCaption: [1, "subCaption"], menuIcon: [1, "menuIcon"], showExpansionIcon: [1, "showExpansionIcon"], addTopBorderRadius: [1, "addTopBorderRadius"], bottomBorder: [1, "bottomBorder"], addBottomBorderRadius: [1, "addBottomBorderRadius"], route: [1, "route"], items: [1, "items"] }, decls: 10, vars: 8, consts: [[3, "click", "ngClass"], [1, "subtitle1"], [1, "body2"], [3, "opened"], [3, "icon", "caption", "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.ɵɵconditionalCreate(7, MenuExpandablePanelComponent_Conditional_7_Template, 3, 3, "div", 2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, MenuExpandablePanelComponent_Conditional_8_Template, 2, 2, "mat-icon", 3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(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.caption()));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.subCaption() ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showExpansionIcon() ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.opened() ? 9 : -1);
+        } }, dependencies: [MatIconModule, i1$2.MatIcon, MenuExpandablePanelItemComponent, NgClass, TranslatePipe], styles: ["[_nghost-%COMP%]{padding:10px 12px;background-color:#fff;cursor:pointer;display:block}section[_ngcontent-%COMP%]{display:flex;gap:16px;align-items:center}section[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]:last-child{transition:transform .2s ease-in-out}section[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]:last-child.opened{transform:rotate(-90deg)}section.bottom-padding[_ngcontent-%COMP%]{padding-bottom:10px}div[_ngcontent-%COMP%]{flex:1}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuExpandablePanelComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-menu-expandable-panel', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconModule, TranslatePipe, MenuExpandablePanelItemComponent, NgClass], host: {
+                    '[style.border-top-left-radius]': 'addTopBorderRadius() ? "12px" : "0px"',
+                    '[style.border-top-right-radius]': 'addTopBorderRadius() ? "12px" : "0px"',
+                    '[style.border-bottom-left-radius]': 'addBottomBorderRadius() ? "12px" : "0px"',
+                    '[style.border-bottom-right-radius]': 'addBottomBorderRadius() ? "12px" : "0px"',
+                    '[class.bottom-border]': 'bottomBorder()',
+                }, template: "<section [ngClass]=\"opened() ? 'bottom-padding' : ''\" (click)=\"handleClick()\">\r\n    <mat-icon>{{menuIcon()}}</mat-icon>\r\n    <div>\r\n        <div class=\"subtitle1\">{{caption() | translate}}</div>\r\n        @if(subCaption()) {<div class=\"body2\">{{subCaption() | translate}}</div>}\r\n    </div>\r\n    @if (showExpansionIcon()) {<mat-icon [class.opened]=\"opened()\">arrow_forward_ios</mat-icon>}\r\n</section>\r\n@if(opened()) {\r\n    @for (item of items(); track item.title) {\r\n        <cauca-menu-expandable-panel-item [icon]=\"item.icon\" [caption]=\"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 mat-icon:last-child{transition:transform .2s ease-in-out}section mat-icon:last-child.opened{transform:rotate(-90deg)}section.bottom-padding{padding-bottom:10px}div{flex:1}\n"] }]
+    }], null, { caption: [{ type: i0.Input, args: [{ isSignal: true, alias: "caption", required: false }] }], isSubItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "isSubItem", required: false }] }], subCaption: [{ type: i0.Input, args: [{ isSignal: true, alias: "subCaption", required: false }] }], menuIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "menuIcon", required: false }] }], showExpansionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "showExpansionIcon", required: false }] }], addTopBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "addTopBorderRadius", required: false }] }], bottomBorder: [{ type: i0.Input, args: [{ isSignal: true, alias: "bottomBorder", required: false }] }], addBottomBorderRadius: [{ type: i0.Input, args: [{ isSignal: true, alias: "addBottomBorderRadius", required: false }] }], route: [{ type: i0.Input, args: [{ isSignal: true, alias: "route", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuExpandablePanelComponent, { className: "MenuExpandablePanelComponent", filePath: "lib/components/layout/menu-expandable-panel/menu-expandable-panel.component.ts", lineNumber: 21 }); })();
+
+function SavingConfirmedBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-snackbar", 1);
+    i0.ɵɵlistener("closeClick", function SavingConfirmedBoxComponent_Conditional_0_Template_cauca_snackbar_closeClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.show.set(false)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵproperty("showButton", false)("showCloseButton", true);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, "savingSuccessNotification.message"), " ");
+} }
+class SavingConfirmedBoxComponent {
+    constructor() {
+        this.show = model(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
+    }
+    static { this.ɵfac = function SavingConfirmedBoxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SavingConfirmedBoxComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SavingConfirmedBoxComponent, selectors: [["cauca-saving-confirmed-box"]], inputs: { show: [1, "show"] }, outputs: { show: "showChange" }, decls: 1, vars: 1, consts: [["caption", "savingSuccessNotification.title", "type", "success", "variant", "standard", 3, "showButton", "showCloseButton"], ["caption", "savingSuccessNotification.title", "type", "success", "variant", "standard", 3, "closeClick", "showButton", "showCloseButton"]], template: function SavingConfirmedBoxComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SavingConfirmedBoxComponent_Conditional_0_Template, 3, 5, "cauca-snackbar", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.show() ? 0 : -1);
+        } }, dependencies: [SnackBarComponent, TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingConfirmedBoxComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-saving-confirmed-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n    <cauca-snackbar\r\n        caption=\"savingSuccessNotification.title\"\r\n        type=\"success\"\r\n        variant=\"standard\"\r\n        [showButton]=\"false\"\r\n        [showCloseButton]=\"true\"\r\n        (closeClick)=\"show.set(false)\">\r\n        {{'savingSuccessNotification.message' | translate}}\r\n    </cauca-snackbar>\r\n}" }]
+    }], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingConfirmedBoxComponent, { className: "SavingConfirmedBoxComponent", filePath: "lib/components/notifications/saving-confirmed-box/saving-confirmed-box.component.ts", lineNumber: 13 }); })();
+
+function SavingErrorBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "cauca-snackbar", 1);
+    i0.ɵɵlistener("closeClick", function SavingErrorBoxComponent_Conditional_0_Template_cauca_snackbar_closeClick_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.show.set(false)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("showButton", false)("showCloseButton", true);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 3, ctx_r1.error()), " ");
+} }
+class SavingErrorBoxComponent {
+    constructor() {
+        this.show = model(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
+        this.specificError = input(null, ...(ngDevMode ? [{ debugName: "specificError" }] : []));
+        this.error = computed(() => this.specificError() ? this.specificError() : 'generalError.savingErrorAlertMessage', ...(ngDevMode ? [{ debugName: "error" }] : []));
+    }
+    static { this.ɵfac = function SavingErrorBoxComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SavingErrorBoxComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SavingErrorBoxComponent, selectors: [["cauca-saving-error-box"]], inputs: { show: [1, "show"], specificError: [1, "specificError"] }, outputs: { show: "showChange" }, decls: 1, vars: 1, consts: [["caption", "generalError.savingErrorAlertTitle", "type", "error", "variant", "standard", 3, "showButton", "showCloseButton"], ["caption", "generalError.savingErrorAlertTitle", "type", "error", "variant", "standard", 3, "closeClick", "showButton", "showCloseButton"]], template: function SavingErrorBoxComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, SavingErrorBoxComponent_Conditional_0_Template, 3, 5, "cauca-snackbar", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.show() ? 0 : -1);
+        } }, dependencies: [SnackBarComponent, TranslateModule, i1.TranslatePipe], encapsulation: 2, changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SavingErrorBoxComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-saving-error-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n    <cauca-snackbar\r\n        caption=\"generalError.savingErrorAlertTitle\"\r\n        type=\"error\"\r\n        variant=\"standard\"\r\n        [showButton]=\"false\"\r\n        [showCloseButton]=\"true\"\r\n        (closeClick)=\"show.set(false)\">\r\n        {{error() | translate}}\r\n    </cauca-snackbar>\r\n}" }]
+    }], null, { show: [{ type: i0.Input, args: [{ isSignal: true, alias: "show", required: false }] }, { type: i0.Output, args: ["showChange"] }], specificError: [{ type: i0.Input, args: [{ isSignal: true, alias: "specificError", required: false }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/components/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
+
+class AutoTrimAndLowerDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    onBlur(_) {
+        this.trimText();
+    }
+    trimText() {
+        this.el.nativeElement.value = this.el.nativeElement.value?.trim().toLowerCase();
+    }
+    static { this.ɵfac = function AutoTrimAndLowerDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AutoTrimAndLowerDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AutoTrimAndLowerDirective, selectors: [["", "appAutoTrimAndLower", ""]], hostBindings: function AutoTrimAndLowerDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("blur", function AutoTrimAndLowerDirective_blur_HostBindingHandler($event) { return ctx.onBlur($event); });
+        } } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoTrimAndLowerDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[appAutoTrimAndLower]',
+                standalone: true
+            }]
+    }], () => [{ type: i0.ElementRef }], { onBlur: [{
+            type: HostListener,
+            args: ['blur', ['$event']]
+        }] }); })();
+
+class HasErrorRootDirective {
+    constructor() {
+        this._formControl$ = new ReplaySubject(1);
+    }
+    set formControl(formControlDirective) {
+        if (formControlDirective) {
+            this._formControl$.next(formControlDirective.control);
+        }
+    }
+    set formControlName(formControlName) {
+        if (formControlName) {
+            this._formControl$.next(formControlName.control);
+        }
+    }
+    get formControl$() {
+        return this._formControl$.asObservable();
+    }
+    static { this.ɵfac = function HasErrorRootDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HasErrorRootDirective)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HasErrorRootDirective, selectors: [["mat-form-field"]], contentQueries: function HasErrorRootDirective_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+            i0.ɵɵcontentQuery(dirIndex, FormControlDirective, 5)(dirIndex, FormControlName, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formControl = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formControlName = _t.first);
+        } }, standalone: false }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HasErrorRootDirective, [{
+        type: Directive,
+        args: [{
+                /* eslint-disable @angular-eslint/directive-selector */
+                selector: 'mat-form-field',
+                /* eslint-enable @angular-eslint/directive-selector */
+                standalone: false,
+            }]
+    }], null, { formControl: [{
+            type: ContentChild,
+            args: [FormControlDirective]
+        }], formControlName: [{
+            type: ContentChild,
+            args: [FormControlName]
+        }] }); })();
+
+class HasErrorDirective {
+    set hasError(errorName) {
+        this.errorName$.next(errorName);
+    }
+    constructor(hasErrorRoot, templateRef, vcr) {
+        this.hasErrorRoot = hasErrorRoot;
+        this.templateRef = templateRef;
+        this.vcr = vcr;
+        this.errorName$ = new ReplaySubject(1);
+        this.ctrl$ = this.hasErrorRoot.formControl$;
+        this.status$ = this.ctrl$.pipe(switchMap((ctrl) => (ctrl.statusChanges || EMPTY).pipe(startWith(null))));
+        this.error$ = combineLatest([
+            this.ctrl$,
+            this.errorName$,
+            this.status$,
+        ]).pipe(map(([ctrl, errorName]) => ({
+            hasError: ctrl.hasError(errorName),
+            value: ctrl.getError(errorName),
+        })), distinctUntilChanged((x, y) => x.hasError === y.hasError && x.value === y.value));
+    }
+    static ngTemplateContextGuard(_dir, ctx) {
+        return true;
+    }
+    ngAfterContentInit() {
+        setTimeout(() => {
+            this.subscription = this.error$.subscribe((error) => {
+                if (!error.hasError) {
+                    this.view?.destroy();
+                    this.view = undefined;
+                    return;
+                }
+                if (this.view) {
+                    this.view.context.$implicit = error.value;
+                    this.view.markForCheck();
+                    return;
+                }
+                this.view = this.vcr.createEmbeddedView(this.templateRef, {
+                    $implicit: error.value,
+                });
+            });
+        }, 100);
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
+    static { this.ɵfac = function HasErrorDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HasErrorDirective)(i0.ɵɵdirectiveInject(HasErrorRootDirective), i0.ɵɵdirectiveInject(i0.TemplateRef), i0.ɵɵdirectiveInject(i0.ViewContainerRef)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HasErrorDirective, selectors: [["", "hasError", ""]], inputs: { hasError: "hasError" }, standalone: false }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HasErrorDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[hasError]',
+                standalone: false,
+            }]
+    }], () => [{ type: HasErrorRootDirective }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], { hasError: [{
+            type: Input
+        }] }); })();
+
+class FormErrorModule {
+    static { this.ɵfac = function FormErrorModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormErrorModule)(); }; }
+    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FormErrorModule }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            ReactiveFormsModule] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormErrorModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    HasErrorDirective,
+                    HasErrorRootDirective
+                ],
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule
+                ],
+                exports: [
+                    HasErrorDirective,
+                    HasErrorRootDirective
+                ],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FormErrorModule, { declarations: [HasErrorDirective,
+        HasErrorRootDirective], imports: [CommonModule,
+        ReactiveFormsModule], exports: [HasErrorDirective,
+        HasErrorRootDirective] }); })();
+
+function provideCaucaMaterial() {
+    return [
+        provideNativeDateAdapter(),
+        { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'outline' } },
+    ];
+}
+
+function CaucaSimpleDialogComponent_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵlistener("click", function CaucaSimpleDialogComponent_Conditional_4_For_2_Template_button_click_0_listener() { const ɵ$index_11_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onClick(ɵ$index_11_r2)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const label_r4 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(label_r4);
+} }
+function CaucaSimpleDialogComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵrepeaterCreate(1, CaucaSimpleDialogComponent_Conditional_4_For_2_Template, 2, 1, "button", 4, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.data.buttons);
+} }
+class CaucaSimpleDialogComponent {
+    constructor() {
+        this.data = inject(MAT_DIALOG_DATA);
+        this.dialogRef = inject(MatDialogRef);
+    }
+    onClick(buttonIndex) {
+        this.dialogRef.close(buttonIndex);
+    }
+    static { this.ɵfac = function CaucaSimpleDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaSimpleDialogComponent)(); }; }
+    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", ""], ["mat-raised-button", ""], ["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.ɵɵconditionalCreate(4, CaucaSimpleDialogComponent_Conditional_4_Template, 3, 0, "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.ɵɵconditional(ctx.data.buttons ? 4 : -1);
+        } }, dependencies: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule, i1$1.MatButton], 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', imports: [MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div [innerHTML]=\"data.message\"></div>\n</div>\n@if (data.buttons) {\n  <div mat-dialog-actions>\n    @for (label of data.buttons; track label; let i = $index) {\n      <button mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n    }\n  </div>\n}", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
+
+const _c0$1 = ["file"];
+function CaucaInputFileComponent_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.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.icon);
+} }
+function CaucaInputFileComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.text);
+} }
+function CaucaInputFileComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 4, 0);
+    i0.ɵɵlistener("change", function CaucaInputFileComponent_Conditional_3_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectFile($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("accept", ctx_r0.accept);
+} }
+function CaucaInputFileComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 5, 0);
+    i0.ɵɵlistener("change", function CaucaInputFileComponent_Conditional_4_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectFile($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("accept", ctx_r0.accept);
+} }
+class CaucaInputFileComponent {
+    constructor() {
+        this.readend = new EventEmitter();
+        this.accept = '';
+        this.multiple = false;
+        this.icon = '';
+        this.text = '';
+        this.labels = {};
+        this.translateService = inject(TranslateService$1);
+        this.dialog = inject(MatDialog);
+    }
+    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(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputFileComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputFileComponent, selectors: [["cauca-input-file"]], viewQuery: function CaucaInputFileComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$1, 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: 5, vars: 3, consts: [["file", ""], ["mat-raised-button", "", 3, "click"], ["type", "file", "multiple", "multiple", 3, "accept"], ["type", "file", 3, "accept"], ["type", "file", "multiple", "multiple", 3, "change", "accept"], ["type", "file", 3, "change", "accept"]], template: function CaucaInputFileComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "button", 1);
+            i0.ɵɵlistener("click", function CaucaInputFileComponent_Template_button_click_0_listener($event) { return ctx.openDialog($event); });
+            i0.ɵɵconditionalCreate(1, CaucaInputFileComponent_Conditional_1_Template, 2, 1, "mat-icon");
+            i0.ɵɵconditionalCreate(2, CaucaInputFileComponent_Conditional_2_Template, 2, 1, "span");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(3, CaucaInputFileComponent_Conditional_3_Template, 2, 1, "input", 2)(4, CaucaInputFileComponent_Conditional_4_Template, 2, 1, "input", 3);
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.icon ? 1 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.text ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.multiple ? 3 : 4);
+        } }, dependencies: [MatButtonModule, i1$1.MatButton, MatIcon], styles: ["[_nghost-%COMP%]   input[_ngcontent-%COMP%]{display:none}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaInputFileComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-input-file', imports: [MatButtonModule, MatIcon], template: "<button mat-raised-button (click)=\"openDialog($event)\">\n  @if (icon) {\n    <mat-icon>{{icon}}</mat-icon>\n  }\n  @if (text) {\n    <span>{{text}}</span>\n  }\n</button>\n@if (multiple) {\n  <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" multiple=\"multiple\" />\n} @else {\n  <input #file type=\"file\" (change)=\"onSelectFile($event)\" [accept]=\"accept\" />\n}\n\n", styles: [":host input{display:none}\n"] }]
+    }], null, { 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/components/deprecated-components/cauca-input-file/cauca-input-file.component.ts", lineNumber: 14 }); })();
+
+function CaucaInputMultipleLangueComponent_For_2_Conditional_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 ɵ$index_3_r1 = i0.ɵɵnextContext().$index;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, ctx_r1.getErrorMessage(ɵ$index_3_r1)));
+} }
+function CaucaInputMultipleLangueComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mat-tab", 1)(1, "mat-form-field", 2);
+    i0.ɵɵelement(2, "input", 3);
+    i0.ɵɵconditionalCreate(3, CaucaInputMultipleLangueComponent_For_2_Conditional_3_Template, 3, 3, "mat-error");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const lang_r3 = ctx.$implicit;
+    const ɵ$index_3_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[ɵ$index_3_r1]);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.forms[ɵ$index_3_r1].invalid ? 3 : -1);
+} }
+class CaucaInputMultipleLangueComponent {
+    constructor() {
+        this.value = [];
+        this.forms = [];
+        this.labels = [];
+        this.selectedIndex = 0;
+        this.translate = inject(TranslateService$1);
+        const coreService = inject(CaucaCoreService);
+        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(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaInputMultipleLangueComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaInputMultipleLangueComponent, selectors: [["cauca-input-multiple-langue"]], inputs: { value: "value" }, decls: 3, vars: 1, consts: [[3, "selectedIndexChange", "selectedIndex"], [3, "label"], ["hideRequiredMarker", "never"], ["matInput", "", "required", "required", 3, "placeholder", "formControl"]], 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.ɵɵrepeaterCreate(1, CaucaInputMultipleLangueComponent_For_2_Template, 4, 4, "mat-tab", 1, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("selectedIndex", ctx.selectedIndex);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.labels);
+        } }, dependencies: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, i1$4.MatFormField, i1$4.MatError, ReactiveFormsModule, i1$6.DefaultValueAccessor, i1$6.NgControlStatus, i1$6.RequiredValidator, i1$6.FormControlDirective, TranslateModule, 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', imports: [MatTabGroup, MatTab, MatInput, MatFormFieldModule, ReactiveFormsModule, TranslateModule], template: "<mat-tab-group [selectedIndex]=\"selectedIndex\" (selectedIndexChange)=\"onTagChanged($event)\">\n  @for (lang of labels; track lang; let i = $index) {\n    <mat-tab [label]=\"lang\">\n      <mat-form-field hideRequiredMarker=\"never\">\n        <input matInput [placeholder]=\"lang\" [formControl]=\"forms[i]\" required=\"required\">\n        @if (forms[i].invalid) {\n          <mat-error>{{getErrorMessage(i) | translate}}</mat-error>\n        }\n      </mat-form-field>\n    </mat-tab>\n  }\n</mat-tab-group>", styles: [".mat-mdc-form-field{width:100%}\n"] }]
+    }], () => [], { value: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib/components/deprecated-components/cauca-input-multiple-langue/cauca-input-multiple-langue.component.ts", lineNumber: 16 }); })();
+
+const _c0 = ["container"];
+function CaucaSlideshowComponent_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div");
+    i0.ɵɵdomElement(1, "img", 3);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const url_r1 = ctx.$implicit;
+    const ɵ$index_3_r2 = ctx.$index;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("active", ɵ$index_3_r2 === ctx_r2.selectedIndex)("entering", ctx_r2.states[ɵ$index_3_r2] === "in")("leaving", ctx_r2.states[ɵ$index_3_r2] === "out");
+    i0.ɵɵadvance();
+    i0.ɵɵdomProperty("src", url_r1, i0.ɵɵsanitizeUrl);
+} }
+class CaucaSlideshowComponent {
+    constructor() {
+        this.height = '150px';
+        this.autoPlay = true;
+        this.states = [];
+        this.selectedIndex = 0;
+        this.timer = null;
+        this.items = [];
+    }
+    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(__ngFactoryType__) { return new (__ngFactoryType__ || CaucaSlideshowComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaucaSlideshowComponent, selectors: [["cauca-slideshow"]], viewQuery: function CaucaSlideshowComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 7);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.container = _t.first);
+        } }, inputs: { height: "height", autoPlay: "autoPlay", images: "images" }, decls: 4, vars: 0, consts: [["container", ""], [1, "slideshow"], [3, "active", "entering", "leaving"], [3, "src"]], template: function CaucaSlideshowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 1, 0);
+            i0.ɵɵrepeaterCreate(2, CaucaSlideshowComponent_For_3_Template, 2, 7, "div", 2, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵrepeater(ctx.images);
+        } }, styles: [".slideshow[_ngcontent-%COMP%]{margin:0 auto;position:relative;overflow:hidden}.slideshow[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(100%);opacity:0}.slideshow[_ngcontent-%COMP%] > div.active[_ngcontent-%COMP%]{transform:translate(0);opacity:1}.slideshow[_ngcontent-%COMP%] > div.leaving[_ngcontent-%COMP%]{transform:translate(-100%);opacity:0}.slideshow[_ngcontent-%COMP%] > div.entering[_ngcontent-%COMP%]{transform:translate(0);opacity:1}img[_ngcontent-%COMP%]{max-height:100%;max-width:100%;margin:0 auto;display:block}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaucaSlideshowComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-slideshow', imports: [], template: "<div #container class=\"slideshow\">\n  @for (url of images; track url; let index = $index) {\n    <div [class.active]=\"index === selectedIndex\" [class.entering]=\"states[index] === 'in'\" [class.leaving]=\"states[index] === 'out'\">\n      <img [src]=\"url\" />\n    </div>\n  }\n</div>", styles: [".slideshow{margin:0 auto;position:relative;overflow:hidden}.slideshow>div{width:100%;height:100%;position:absolute;transition:transform .5s ease-in,opacity .5s ease-in;transform:translate(100%);opacity:0}.slideshow>div.active{transform:translate(0);opacity:1}.slideshow>div.leaving{transform:translate(-100%);opacity:0}.slideshow>div.entering{transform:translate(0);opacity:1}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/components/deprecated-components/cauca-slideshow/cauca-slideshow.component.ts", lineNumber: 10 }); })();
+
+/*
+ * Public API Surface of cauca-material
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutoTrimAndLowerDirective, BadgeComponent, BasicButtonComponent, BreadcrumbLocation, BreadcrumbService, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ColorPickerComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, ExpandablePanelComponent, FabButtonComponent, FlatButtonComponent, FormErrorModule, GroupContainerComponent, HasErrorDirective, HasErrorRootDirective, IconButtonComponent, IconComponent, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuExpandablePanelComponent, MenuExpandablePanelItemComponent, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SavingConfirmedBoxComponent, SavingErrorBoxComponent, SectionColumnComponent, SectionFieldComponent, SelectWithSearchComponent, SnackBarComponent, StrokedButtonComponent, provideCaucaMaterial };
+//# sourceMappingURL=cauca-911-material.mjs.map