@cauca-911/material 20.0.4 → 20.0.6

package/fesm2022/cauca-911-material.mjs

@@ -39,8 +39,9 @@ import { PasswordValidator } from 'projects/cauca-material/src/lib/core/validato
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i2$3 from '@angular/material/autocomplete';
 import { MatAutocompleteModule, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import * as i1$a from '@angular/router';
+import { RouterModule, Router, NavigationEnd } from '@angular/router';
 import { MatTabGroup, MatTab } from '@angular/material/tabs';
-import { Router, NavigationEnd } from '@angular/router';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 
 class CaucaMaterialService {
@@ -183,7 +184,7 @@ class DesktopTimePickerComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 12 }); })();
 
-const _c0$8 = (a0, a1) => ({ all: a0, someOptions: a1 });
+const _c0$b = (a0, a1) => ({ all: a0, someOptions: a1 });
 function DialogDateTimePickerComponent_Conditional_4_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 14)(1, "cauca-desktop-time-picker", 15);
@@ -192,7 +193,7 @@ function DialogDateTimePickerComponent_Conditional_4_div_0_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$8, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$b, ctx_r1.disabled.hours, ctx_r1.disabled.someHours))("options", ctx_r1.hours)("value", ctx_r1.selectedHour);
 } }
 function DialogDateTimePickerComponent_Conditional_4_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
@@ -217,7 +218,7 @@ function DialogDateTimePickerComponent_Conditional_4_div_3_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$8, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$b, ctx_r1.disabled.minutes, ctx_r1.disabled.someMinutes))("options", ctx_r1.minutes)("value", ctx_r1.selectedMinute);
 } }
 function DialogDateTimePickerComponent_Conditional_4_div_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
@@ -242,7 +243,7 @@ function DialogDateTimePickerComponent_Conditional_4_div_6_Template(rf, ctx) { i
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$8, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
+    i0.ɵɵproperty("disabled", i0.ɵɵpureFunction2(3, _c0$b, ctx_r1.disabled.seconds, ctx_r1.disabled.someSeconds))("options", ctx_r1.seconds)("value", ctx_r1.selectedSecond);
 } }
 function DialogDateTimePickerComponent_Conditional_4_div_7_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
@@ -1654,7 +1655,7 @@ class DeleteDialogData {
     }
 }
 
-const _c0$7 = a0 => ({ itemName: a0 });
+const _c0$a = a0 => ({ itemName: a0 });
 const _c1$2 = a0 => ({ itemType: a0 });
 function DeleteDialogComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
@@ -1716,7 +1717,7 @@ class DeleteDialogComponent {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.itemGenderIsFemale ? 1 : 2);
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$7, ctx.itemName)));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(7, 2, "deleteDialog.message", i0.ɵɵpureFunction1(5, _c0$a, ctx.itemName)));
         } }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, StrokedButtonComponent$1, IconButtonComponent$1, RaisedButtonComponent$1, 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}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteDialogComponent, [{
@@ -1728,7 +1729,7 @@ class DeleteDialogComponent {
             }] }, { type: i2$2.BreakpointObserver }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 17 }); })();
 
-const _c0$6 = a0 => ({ itemName: a0 });
+const _c0$9 = a0 => ({ itemName: a0 });
 class ErrorDialogComponent {
     constructor(dialogRef, data, breakdownObserver) {
         this.dialogRef = dialogRef;
@@ -1761,7 +1762,7 @@ class ErrorDialogComponent {
             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$6, ctx.itemName)));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(8, 4, "errorDialog.messageError", i0.ɵɵpureFunction1(7, _c0$9, ctx.itemName)));
         } }, dependencies: [MatDialogModule, i1$6.MatDialogTitle, i1$6.MatDialogActions, i1$6.MatDialogContent, TranslateModule, RaisedButtonComponent$1, IconButtonComponent$1, 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}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ErrorDialogComponent, [{
@@ -1878,7 +1879,7 @@ class LoadingStateService {
         type: Injectable
     }], null, null); })();
 
-const _c0$5 = ["*"];
+const _c0$8 = ["*"];
 function SnackBarComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "cauca-stroked-button", 7);
@@ -1919,7 +1920,7 @@ class SnackBarComponent {
         this.buttonClick = new EventEmitter();
     }
     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$5, 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) {
+    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$8, 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);
@@ -2397,7 +2398,7 @@ class PasswordInputComponent {
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
 
-const _c0$4 = ["*"];
+const _c0$7 = ["*"];
 function PasswordSelectionComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "cauca-password-criteria-viewer", 5);
 } if (rf & 2) {
@@ -2481,7 +2482,7 @@ class PasswordSelectionComponent {
                     multi: true,
                     useExisting: forwardRef(() => PasswordSelectionComponent),
                 },
-            ])], ngContentSelectors: _c0$4, 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) {
+            ])], ngContentSelectors: _c0$7, 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);
@@ -2577,7 +2578,7 @@ class DateRangePickerComponent {
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
 
-const _c0$3 = ["auto"];
+const _c0$6 = ["auto"];
 const _c1$1 = ["chipInput"];
 const _c2 = a0 => ({ data: a0 });
 function DropdownChipAutocompleteComponent_For_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
@@ -2811,7 +2812,7 @@ class DropdownChipAutocompleteComponent {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.optionTemplate = _t.first);
         } }, viewQuery: function DropdownChipAutocompleteComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$3, 5);
+            i0.ɵɵviewQuery(_c0$6, 5);
             i0.ɵɵviewQuery(_c1$1, 5);
             i0.ɵɵviewQuery(MatAutocompleteTrigger, 5);
         } if (rf & 2) {
@@ -2928,6 +2929,301 @@ class DropdownChipAutocompleteComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownChipAutocompleteComponent, { className: "DropdownChipAutocompleteComponent", filePath: "lib/inputs/dropdown-chip-autocomplete/dropdown-chip-autocomplete.component.ts", lineNumber: 45 }); })();
 
+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, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupContainerComponent, { className: "GroupContainerComponent", filePath: "lib/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, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/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, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionColumnComponent, { className: "SectionColumnComponent", filePath: "lib/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, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
+
+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); })();
+
+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$a.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}}"] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageTitleComponent, [{
+        type: Component,
+        args: [{ selector: 'cauca-page-title', 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, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/layout/page-title/page-title.component.ts", lineNumber: 13 }); })();
+
 function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
@@ -3657,5 +3953,5 @@ class MenuItem {
  * Generated bundle index. Do not edit.
  */
 
-export { BadgeComponent, BasicButtonComponent, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, FabButtonComponent, FlatButtonComponent, IconButtonComponent, IconComponent, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MenuItem, MenuItemComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SnackBarComponent, StrokedButtonComponent };
+export { BadgeComponent, BasicButtonComponent, ButtonComponent, CaucaDateTimePickerComponent, CaucaInputFileComponent, CaucaInputMultipleLangueComponent, CaucaMaterialComponent, CaucaMaterialService, CaucaMenuSidebarComponent, CaucaMenuVerticalComponent, CaucaSimpleDialogComponent, CaucaSlideshowComponent, ConfirmationResult, DateRangePickerComponent, DialogService, DropdownChipAutocompleteComponent, FabButtonComponent, FlatButtonComponent, GroupContainerComponent, IconButtonComponent, IconComponent, LinkButtonComponent, ListPaginatorComponent, LoadingErrorComponent, LoadingSpinnerIndicatorComponent, LoadingStateService, MainSectionComponent, MenuItem, MenuItemComponent, PageTitleComponent, PasswordCriteriaViewerComponent, PasswordInputComponent, PasswordSelectionComponent, RaisedButtonComponent, RefreshButtonComponent, RoundButtonComponent, SectionColumnComponent, SectionFieldComponent, SnackBarComponent, StrokedButtonComponent };
 //# sourceMappingURL=cauca-911-material.mjs.map