@cauca-911/material 20.0.0 → 20.0.1

package/fesm2022/cauca-911-material.mjs

@@ -3,7 +3,7 @@ import { Injectable, Component, inject, EventEmitter, Input, Output, ViewChild,
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe } from '@ngx-translate/core';
 import * as i1$1 from '@angular/common';
-import { CommonModule, DatePipe, NgClass, NgIf } from '@angular/common';
+import { CommonModule, DatePipe, NgClass } from '@angular/common';
 import * as i2$2 from '@angular/forms';
 import { UntypedFormControl, Validators, FormsModule, ReactiveFormsModule, NgControl, FormControlName, ControlContainer, FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
 import * as i2 from '@angular/material/button';
@@ -1565,7 +1565,7 @@ function BasicButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 } }
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["app-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);
@@ -1584,7 +1584,7 @@ class BasicButtonComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/buttons/basic-button/basic-button.component.ts", lineNumber: 16 }); })();
 
@@ -1605,7 +1605,7 @@ class FabButtonComponent extends BaseButtonWithLabel {
         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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FabButtonComponent, selectors: [["app-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);
@@ -1618,7 +1618,7 @@ class FabButtonComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/buttons/fab-button/fab-button.component.ts", lineNumber: 14 }); })();
 
@@ -1657,7 +1657,7 @@ function FlatButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 } }
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["app-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);
@@ -1676,13 +1676,13 @@ class FlatButtonComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["app-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");
@@ -1699,11 +1699,11 @@ class IconButtonComponent extends BaseButton {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/buttons/icon-button/icon-button.component.ts", lineNumber: 14 }); })();
 
-function ButtonComponent_button_0_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1713,11 +1713,11 @@ function ButtonComponent_button_0_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
 } }
-function ButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function ButtonComponent_button_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
-    i0.ɵɵtemplate(1, ButtonComponent_button_0_mat_icon_1_Template, 2, 3, "mat-icon", 7);
+    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()();
@@ -1725,11 +1725,11 @@ function ButtonComponent_button_0_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵproperty("ngIf", ctx_r1.inProgress || ctx_r1.icon);
+    i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
-function ButtonComponent_button_1_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1739,11 +1739,11 @@ function ButtonComponent_button_1_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
 } }
-function ButtonComponent_button_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 8);
-    i0.ɵɵlistener("click", function ButtonComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
-    i0.ɵɵtemplate(1, ButtonComponent_button_1_mat_icon_1_Template, 2, 3, "mat-icon", 7);
+    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()();
@@ -1751,11 +1751,11 @@ function ButtonComponent_button_1_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵproperty("ngIf", ctx_r1.inProgress || ctx_r1.icon);
+    i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
-function ButtonComponent_button_2_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1765,11 +1765,11 @@ function ButtonComponent_button_2_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
 } }
-function ButtonComponent_button_2_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵlistener("click", function ButtonComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
-    i0.ɵɵtemplate(1, ButtonComponent_button_2_mat_icon_1_Template, 2, 3, "mat-icon", 7);
+    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()();
@@ -1777,11 +1777,11 @@ function ButtonComponent_button_2_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵproperty("ngIf", ctx_r1.inProgress || ctx_r1.icon);
+    i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
-function ButtonComponent_button_3_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1791,11 +1791,11 @@ function ButtonComponent_button_3_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
 } }
-function ButtonComponent_button_3_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 10);
-    i0.ɵɵlistener("click", function ButtonComponent_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
-    i0.ɵɵtemplate(1, ButtonComponent_button_3_mat_icon_1_Template, 2, 3, "mat-icon", 7);
+    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()();
@@ -1803,11 +1803,11 @@ function ButtonComponent_button_3_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵproperty("ngIf", ctx_r1.inProgress || ctx_r1.icon);
+    i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
-function ButtonComponent_button_4_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1817,19 +1817,19 @@ function ButtonComponent_button_4_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
 } }
-function ButtonComponent_button_4_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 11);
-    i0.ɵɵlistener("click", function ButtonComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
-    i0.ɵɵtemplate(1, ButtonComponent_button_4_mat_icon_1_Template, 2, 3, "mat-icon", 7);
+    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.ɵɵproperty("ngIf", ctx_r1.inProgress || ctx_r1.icon);
+    i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
 } }
-function ButtonComponent_button_5_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1839,11 +1839,11 @@ function ButtonComponent_button_5_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.inProgress ? "update" : ctx_r1.icon);
 } }
-function ButtonComponent_button_5_Template(rf, ctx) { if (rf & 1) {
+function ButtonComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 12);
-    i0.ɵɵlistener("click", function ButtonComponent_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.buttonClick.emit()); });
-    i0.ɵɵtemplate(1, ButtonComponent_button_5_mat_icon_1_Template, 2, 3, "mat-icon", 7);
+    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()();
@@ -1851,7 +1851,7 @@ function ButtonComponent_button_5_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵproperty("ngIf", ctx_r1.inProgress || ctx_r1.icon);
+    i0.ɵɵconditional(ctx_r1.inProgress || ctx_r1.icon ? 1 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.label);
 } }
@@ -1867,25 +1867,30 @@ class ButtonComponent {
         this.buttonClick = new EventEmitter();
     }
     static { this.ɵfac = function ButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["app-button"]], inputs: { class: "class", inProgress: "inProgress", disable: "disable", label: "label", icon: "icon", color: "color", type: "type" }, outputs: { buttonClick: "buttonClick" }, decls: 6, vars: 6, consts: [["mat-button", "", "class", "button-basic", 3, "ngClass", "disabled", "color", "click", 4, "ngIf"], ["mat-raised-button", "", "class", "button-raised", 3, "ngClass", "disabled", "color", "click", 4, "ngIf"], ["mat-stroked-button", "", "class", "button-stroked", 3, "ngClass", "disabled", "color", "click", 4, "ngIf"], ["mat-flat-button", "", "class", "button-flat", 3, "ngClass", "disabled", "color", "click", 4, "ngIf"], ["mat-icon-button", "", "class", "button-icon", 3, "ngClass", "disabled", "color", "click", 4, "ngIf"], ["mat-fab", "", "class", "button-icon", 3, "ngClass", "disabled", "color", "click", 4, "ngIf"], ["mat-button", "", 1, "button-basic", 3, "click", "ngClass", "disabled", "color"], [3, "button-spin", 4, "ngIf"], ["mat-raised-button", "", 1, "button-raised", 3, "click", "ngClass", "disabled", "color"], ["mat-stroked-button", "", 1, "button-stroked", 3, "click", "ngClass", "disabled", "color"], ["mat-flat-button", "", 1, "button-flat", 3, "click", "ngClass", "disabled", "color"], ["mat-icon-button", "", 1, "button-icon", 3, "click", "ngClass", "disabled", "color"], ["mat-fab", "", 1, "button-icon", 3, "click", "ngClass", "disabled", "color"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ButtonComponent_button_0_Template, 4, 5, "button", 0)(1, ButtonComponent_button_1_Template, 4, 5, "button", 1)(2, ButtonComponent_button_2_Template, 4, 5, "button", 2)(3, ButtonComponent_button_3_Template, 4, 5, "button", 3)(4, ButtonComponent_button_4_Template, 2, 4, "button", 4)(5, ButtonComponent_button_5_Template, 4, 5, "button", 5);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ButtonComponent, selectors: [["app-button"]], inputs: { class: "class", inProgress: "inProgress", disable: "disable", label: "label", icon: "icon", color: "color", type: "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.ɵɵproperty("ngIf", ctx.type === "basic");
+            i0.ɵɵconditional(ctx.type === "basic" ? 0 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "raised");
+            i0.ɵɵconditional(ctx.type === "raised" ? 1 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "stroked");
+            i0.ɵɵconditional(ctx.type === "stroked" ? 2 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "flat");
+            i0.ɵɵconditional(ctx.type === "flat" ? 3 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "icon");
+            i0.ɵɵconditional(ctx.type === "icon" ? 4 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.type === "fab");
-        } }, dependencies: [MatIconModule, i2$1.MatIcon, MatButtonModule, i2.MatButton, i2.MatIconButton, i2.MatFabButton, NgClass, NgIf], styles: ["@keyframes _ngcontent-%COMP%_spinner{to{transform:rotate(360deg)}}.button-spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinner 1s linear infinite}"] }); }
+            i0.ɵɵconditional(ctx.type === "fab" ? 5 : -1);
+        } }, dependencies: [MatIconModule, i2$1.MatIcon, MatButtonModule, i2.MatButton, i2.MatIconButton, i2.MatFabButton, NgClass], styles: ["@keyframes _ngcontent-%COMP%_spinner{to{transform:rotate(360deg)}}.button-spin[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_spinner 1s linear infinite}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ButtonComponent, [{
         type: Component,
-        args: [{ selector: 'app-button', imports: [MatIconModule, MatButtonModule, NgClass, NgIf], template: "<button [ngClass]=\"class\" *ngIf=\"type === 'basic'\" mat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-basic\">\n    <mat-icon [class.button-spin]=\"inProgress\" *ngIf=\"inProgress || icon\">{{ inProgress ? 'update' : icon }}</mat-icon>\n    <span>{{label}}</span>\n</button>\n\n<button [ngClass]=\"class\" *ngIf=\"type === 'raised'\" mat-raised-button (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-raised\">\n    <mat-icon [class.button-spin]=\"inProgress\" *ngIf=\"inProgress || icon\">{{ inProgress ? 'update' : icon }}</mat-icon>\n    <span>{{label}}</span>\n</button>\n\n<button [ngClass]=\"class\" *ngIf=\"type === 'stroked'\" mat-stroked-button (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-stroked\">\n    <mat-icon [class.button-spin]=\"inProgress\" *ngIf=\"inProgress || icon\">{{ inProgress ? 'update' : icon }}</mat-icon>\n    <span>{{label}}</span>\n</button>\n\n<button [ngClass]=\"class\" *ngIf=\"type === 'flat'\" mat-flat-button (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-flat\">\n    <mat-icon [class.button-spin]=\"inProgress\" *ngIf=\"inProgress || icon\">{{ inProgress ? 'update' : icon }}</mat-icon>\n    <span>{{label}}</span>\n</button>\n\n<button [ngClass]=\"class\" *ngIf=\"type === 'icon'\" mat-icon-button (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-icon\">\n    <mat-icon [class.button-spin]=\"inProgress\" *ngIf=\"inProgress || icon\">{{ inProgress ? 'update' : icon }}</mat-icon>\n</button>\n\n<button [ngClass]=\"class\" *ngIf=\"type === 'fab'\" mat-fab (click)=\"buttonClick.emit()\" [disabled]=\"disable || inProgress\" [color]=\"color\" class=\"button-icon\">\n    <mat-icon [class.button-spin]=\"inProgress\" *ngIf=\"inProgress || icon\">{{ inProgress ? 'update' : icon }}</mat-icon>\n    <span>{{label}}</span>\n</button>", styles: ["@keyframes spinner{to{transform:rotate(360deg)}}.button-spin{animation:spinner 1s linear infinite}\n"] }]
+        args: [{ selector: 'app-button', imports: [MatIconModule, MatButtonModule, NgClass], 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: Input
         }], inProgress: [{
@@ -1915,7 +1920,7 @@ class LinkButtonComponent {
         this.clipboard.copy(link);
     }
     static { this.ɵfac = function LinkButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LinkButtonComponent)(i0.ɵɵdirectiveInject(i1$3.Clipboard)); }; }
-    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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LinkButtonComponent, selectors: [["app-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, "app-button", 0);
             i0.ɵɵpipe(1, "translate");
             i0.ɵɵlistener("buttonClick", function LinkButtonComponent_Template_app_button_buttonClick_0_listener() { return ctx.copyLink(); });
@@ -1926,7 +1931,7 @@ class LinkButtonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LinkButtonComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<app-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
+        args: [{ selector: 'app-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<app-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
     }], () => [{ type: i1$3.Clipboard }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
 
@@ -1972,7 +1977,7 @@ class MenuItemComponent extends BaseButtonWithLabel {
         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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["app-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);
@@ -1991,7 +1996,7 @@ class MenuItemComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
 
@@ -2030,7 +2035,7 @@ function RaisedButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
 } }
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["app-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);
@@ -2049,7 +2054,7 @@ class RaisedButtonComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/buttons/raised-button/raised-button.component.ts", lineNumber: 16 }); })();
 
@@ -2062,7 +2067,7 @@ class RefreshButtonComponent {
         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: "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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RefreshButtonComponent, selectors: [["app-refresh-button"]], inputs: { inProgress: "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, "app-button", 0);
             i0.ɵɵpipe(1, "translate");
             i0.ɵɵlistener("buttonClick", function RefreshButtonComponent_Template_app_button_buttonClick_0_listener() { return ctx.refresh(); });
@@ -2073,7 +2078,7 @@ class RefreshButtonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RefreshButtonComponent, [{
         type: Component,
-        args: [{ selector: 'cauca-refresh-button', imports: [ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-button class=\"refresh-button\" icon=\"refresh\" type=\"stroked\" color=\"primary\" (buttonClick)=\"refresh()\" [label]=\"'refresh' | translate\" />" }]
+        args: [{ selector: 'app-refresh-button', imports: [ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<app-button class=\"refresh-button\" icon=\"refresh\" type=\"stroked\" color=\"primary\" (buttonClick)=\"refresh()\" [label]=\"'refresh' | translate\" />" }]
     }], null, { inProgress: [{
             type: Input
         }], refreshEvent: [{
@@ -2096,7 +2101,7 @@ function RoundButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
 } }
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoundButtonComponent, selectors: [["app-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);
@@ -2109,7 +2114,7 @@ class RoundButtonComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/buttons/round-button/round-button.component.ts", lineNumber: 13 }); })();
 
@@ -2154,7 +2159,7 @@ function StrokedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
 } }
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["app-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);
@@ -2174,7 +2179,7 @@ class StrokedButtonComponent extends BaseButtonWithLabel {
 }
 (() => { (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"] }]
+        args: [{ selector: 'app-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/buttons/stroked-button/stroked-button.component.ts", lineNumber: 16 }); })();