@cauca-911/material 20.0.13 → 20.0.15

package/fesm2022/cauca-911-material.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, EventEmitter, Output, Input, signal, inject, HostListener, Injector, ElementRef, forwardRef, input, computed, output, ChangeDetectionStrategy, Inject, HostBinding, model, TemplateRef, Optional, Self, ContentChild, ViewChild } from '@angular/core';
+import { Injectable, Component, EventEmitter, Output, Input, signal, inject, HostListener, Injector, ElementRef, forwardRef, input, computed, output, Directive, ChangeDetectionStrategy, Inject, HostBinding, model, TemplateRef, Optional, Self, ContentChild, ViewChild } from '@angular/core';
 import * as i1 from '@ngx-translate/core';
 import { TranslateModule, TranslatePipe, TranslateService } from '@ngx-translate/core';
 import * as i1$6 from '@angular/material/dialog';
@@ -134,7 +134,7 @@ class MobileTimePickerComponent {
         }], valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileTimePickerComponent, { className: "MobileTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/mobile-time-picker/mobile-time-picker.component.ts", lineNumber: 18 }); })();
 
 function DesktopTimePickerComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -179,7 +179,7 @@ class DesktopTimePickerComponent {
         }], valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DesktopTimePickerComponent, { className: "DesktopTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/desktop-time-picker/desktop-time-picker.component.ts", lineNumber: 12 }); })();
 
 const _c0$b = (a0, a1) => ({ all: a0, someOptions: a1 });
 function DialogDateTimePickerComponent_Conditional_4_div_0_Template(rf, ctx) { if (rf & 1) {
@@ -523,7 +523,7 @@ class DialogDateTimePickerComponent {
             type: HostListener,
             args: ['window:resize', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber: 30 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogDateTimePickerComponent, { className: "DialogDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/components/dialog-date-time-picker/dialog-date-time-picker.component.ts", lineNumber: 30 }); })();
 
 function CaucaDateTimePickerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-label");
@@ -716,7 +716,48 @@ class CaucaDateTimePickerComponent {
         }], value: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 33 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaDateTimePickerComponent, { className: "CaucaDateTimePickerComponent", filePath: "lib/components/cauca-date-time-picker/cauca-date-time-picker.component.ts", lineNumber: 33 }); })();
+
+class BaseButton {
+    constructor() {
+        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
+        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
+        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
+        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
+        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
+        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
+        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
+        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
+        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
+        this.buttonClick = output();
+        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
+    }
+    onMouseEnter() {
+        this.isHovered.set(true);
+    }
+    onMouseLeave() {
+        this.isHovered.set(false);
+    }
+    static { this.ɵfac = function BaseButton_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseButton)(); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButton, inputs: { colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" } }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButton, [{
+        type: Directive
+    }], null, null); })();
+class BaseButtonWithLabel extends BaseButton {
+    constructor() {
+        super(...arguments);
+        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBaseButtonWithLabel_BaseFactory; return function BaseButtonWithLabel_Factory(__ngFactoryType__) { return (ɵBaseButtonWithLabel_BaseFactory || (ɵBaseButtonWithLabel_BaseFactory = i0.ɵɵgetInheritedFactory(BaseButtonWithLabel)))(__ngFactoryType__ || BaseButtonWithLabel); }; })(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: BaseButtonWithLabel, inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"] }, features: [i0.ɵɵInheritDefinitionFeature] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseButtonWithLabel, [{
+        type: Directive
+    }], null, null); })();
 
 function BasicButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -751,32 +792,9 @@ function BasicButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
 } }
-class BasicButtonComponent {
-    constructor() {
-        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function BasicButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BasicButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["cauca-basic-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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) {
+class BasicButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵBasicButtonComponent_BaseFactory; return function BasicButtonComponent_Factory(__ngFactoryType__) { return (ɵBasicButtonComponent_BaseFactory || (ɵBasicButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BasicButtonComponent)))(__ngFactoryType__ || BasicButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasicButtonComponent, selectors: [["cauca-basic-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function BasicButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function BasicButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵconditionalCreate(1, BasicButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
@@ -797,7 +815,7 @@ class BasicButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-basic-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatButton, TranslateModule, NgClass], template: "<button mat-button [ngClass]=\"small() ? 'small-button' : ''\" [color]=\"color()\"  onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BasicButtonComponent, { className: "BasicButtonComponent", filePath: "lib/buttons/basic-button/basic-button.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BasicButtonComponent, { className: "BasicButtonComponent", filePath: "lib/components/buttons/basic-button/basic-button.component.ts", lineNumber: 16 }); })();
 
 function FabButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -810,32 +828,13 @@ function FabButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
 } }
-class FabButtonComponent {
+class FabButtonComponent extends BaseButtonWithLabel {
     constructor() {
+        super(...arguments);
         this.iconColor = computed(() => this.color() === 'primary' ? 'white' : undefined, ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
     }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function FabButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FabButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FabButtonComponent, selectors: [["cauca-fab-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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.ɵfac = /*@__PURE__*/ (() => { let ɵFabButtonComponent_BaseFactory; return function FabButtonComponent_Factory(__ngFactoryType__) { return (ɵFabButtonComponent_BaseFactory || (ɵFabButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FabButtonComponent)))(__ngFactoryType__ || FabButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FabButtonComponent, selectors: [["cauca-fab-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [["mat-fab", "", "onclick", "this.blur()", 3, "click", "color", "disabled"], [3, "color", "button-spin"]], template: function FabButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function FabButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵconditionalCreate(1, FabButtonComponent_Conditional_1_Template, 2, 5, "mat-icon", 1);
@@ -850,7 +849,7 @@ class FabButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-fab-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatIconModule], template: "<button mat-fab [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if (showIcon()) { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-mdc-fab{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FabButtonComponent, { className: "FabButtonComponent", filePath: "lib/buttons/fab-button/fab-button.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FabButtonComponent, { className: "FabButtonComponent", filePath: "lib/components/buttons/fab-button/fab-button.component.ts", lineNumber: 14 }); })();
 
 function FlatButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -885,32 +884,9 @@ function FlatButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
 } }
-class FlatButtonComponent {
-    constructor() {
-        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function FlatButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FlatButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["cauca-flat-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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) {
+class FlatButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFlatButtonComponent_BaseFactory; return function FlatButtonComponent_Factory(__ngFactoryType__) { return (ɵFlatButtonComponent_BaseFactory || (ɵFlatButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FlatButtonComponent)))(__ngFactoryType__ || FlatButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FlatButtonComponent, selectors: [["cauca-flat-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-flat-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function FlatButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function FlatButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵconditionalCreate(1, FlatButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
@@ -931,31 +907,11 @@ class FlatButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-flat-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIcon, MatButton, TranslateModule, NgClass], template: "<button mat-flat-button [ngClass]=\"small() ? 'small-button' : ''\" [color]=\"color()\" onclick=\"this.blur()\"  [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit();\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlatButtonComponent, { className: "FlatButtonComponent", filePath: "lib/buttons/flat-button/flat-button.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FlatButtonComponent, { className: "FlatButtonComponent", filePath: "lib/components/buttons/flat-button/flat-button.component.ts", lineNumber: 16 }); })();
 
-class IconButtonComponent {
-    constructor() {
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function IconButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IconButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["cauca-icon-button"]], inputs: { colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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) {
+class IconButtonComponent extends BaseButton {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵIconButtonComponent_BaseFactory; return function IconButtonComponent_Factory(__ngFactoryType__) { return (ɵIconButtonComponent_BaseFactory || (ɵIconButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(IconButtonComponent)))(__ngFactoryType__ || IconButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: IconButtonComponent, selectors: [["cauca-icon-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 6, consts: [["mat-icon-button", "", "onclick", "this.blur()", 3, "mouseenter", "mouseleave", "click", "disabled"]], template: function IconButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("mouseenter", function IconButtonComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function IconButtonComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function IconButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵelementStart(1, "mat-icon");
@@ -974,7 +930,7 @@ class IconButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-icon-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatIconButton, MatIcon], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-icon-button onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n    <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon>\r\n</button>", styles: [":host{display:flex}.mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:#006496}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib/buttons/icon-button/icon-button.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconButtonComponent, { className: "IconButtonComponent", filePath: "lib/components/buttons/icon-button/icon-button.component.ts", lineNumber: 14 }); })();
 
 function ButtonComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -1181,7 +1137,7 @@ class ButtonComponent {
         }], buttonClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/button/button.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ButtonComponent, { className: "ButtonComponent", filePath: "lib/components/button/button.component.ts", lineNumber: 12 }); })();
 
 class LinkButtonComponent {
     constructor(clipboard) {
@@ -1206,7 +1162,7 @@ class LinkButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-link-button', changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, TranslatePipe], template: "<cauca-button class=\"link-button\" icon=\"link\" type=\"stroked\" color=\"primary\" (buttonClick)=\"copyLink()\" [label]=\"'copyLink'|translate\" />", styles: [".link-button{text-decoration:dashed}\n"] }]
     }], () => [{ type: i1$5.Clipboard }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LinkButtonComponent, { className: "LinkButtonComponent", filePath: "lib/components/buttons/link-button/link-button.component.ts", lineNumber: 14 }); })();
 
 function MenuItemComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -1243,33 +1199,14 @@ function MenuItemComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
 } }
-class MenuItemComponent {
+class MenuItemComponent extends BaseButtonWithLabel {
     constructor() {
+        super(...arguments);
         this.translateLabel = input(false, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
         this.trigger = input(...(ngDevMode ? [undefined, { debugName: "trigger" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
     }
-    static { this.ɵfac = function MenuItemComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MenuItemComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["cauca-menu-item"]], inputs: { translateLabel: [1, "translateLabel"], trigger: [1, "trigger"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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.ɵfac = /*@__PURE__*/ (() => { let ɵMenuItemComponent_BaseFactory; return function MenuItemComponent_Factory(__ngFactoryType__) { return (ɵMenuItemComponent_BaseFactory || (ɵMenuItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuItemComponent)))(__ngFactoryType__ || MenuItemComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuItemComponent, selectors: [["cauca-menu-item"]], inputs: { translateLabel: [1, "translateLabel"], trigger: [1, "trigger"] }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-menu-item", "", 1, "change-password-menu-item", 3, "mouseenter", "mouseleave", "click", "ngClass", "matMenuTriggerFor", "disabled"], [3, "color", "button-spin"]], template: function MenuItemComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("mouseenter", function MenuItemComponent_Template_button_mouseenter_0_listener() { return ctx.onMouseEnter(); })("mouseleave", function MenuItemComponent_Template_button_mouseleave_0_listener() { return ctx.onMouseLeave(); })("click", function MenuItemComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵconditionalCreate(1, MenuItemComponent_Conditional_1_Template, 2, 5, "mat-icon", 1);
@@ -1290,7 +1227,7 @@ class MenuItemComponent {
         type: Component,
         args: [{ selector: 'cauca-menu-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatMenuItem, TranslateModule, MatIcon, MatMenuTrigger, NgClass], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" mat-menu-item [ngClass]=\"small() ? 'small-button' : ''\" class=\"change-password-menu-item\" [matMenuTriggerFor]=\"trigger()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [style.color]=\"iconColor()\" [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>\r\n", styles: [".mat-mdc-menu-item .mat-icon-no-color{color:#0000008f}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/buttons/menu-item/menu-item.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuItemComponent, { className: "MenuItemComponent", filePath: "lib/components/buttons/menu-item/menu-item.component.ts", lineNumber: 16 }); })();
 
 function RaisedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -1325,32 +1262,9 @@ function RaisedButtonComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
 } }
-class RaisedButtonComponent {
-    constructor() {
-        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function RaisedButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RaisedButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["cauca-raised-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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) {
+class RaisedButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵRaisedButtonComponent_BaseFactory; return function RaisedButtonComponent_Factory(__ngFactoryType__) { return (ɵRaisedButtonComponent_BaseFactory || (ɵRaisedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RaisedButtonComponent)))(__ngFactoryType__ || RaisedButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RaisedButtonComponent, selectors: [["cauca-raised-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["mat-raised-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function RaisedButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function RaisedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵconditionalCreate(1, RaisedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
@@ -1371,7 +1285,7 @@ class RaisedButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-raised-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule, NgClass], template: "<button mat-raised-button [ngClass]=\"small() ? 'small-button' : ''\" [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\">\r\n    @if (showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n    @if (showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib/buttons/raised-button/raised-button.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RaisedButtonComponent, { className: "RaisedButtonComponent", filePath: "lib/components/buttons/raised-button/raised-button.component.ts", lineNumber: 16 }); })();
 
 class RefreshButtonComponent {
     constructor() {
@@ -1399,7 +1313,7 @@ class RefreshButtonComponent {
         }], refreshEvent: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RefreshButtonComponent, { className: "RefreshButtonComponent", filePath: "lib/buttons/refresh-button/refresh-button.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RefreshButtonComponent, { className: "RefreshButtonComponent", filePath: "lib/components/buttons/refresh-button/refresh-button.component.ts", lineNumber: 12 }); })();
 
 function RoundButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -1414,32 +1328,9 @@ function RoundButtonComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵtextInterpolate(ctx_r0.label());
 } }
-class RoundButtonComponent {
-    constructor() {
-        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function RoundButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || RoundButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RoundButtonComponent, selectors: [["cauca-round-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, decls: 3, vars: 2, consts: [["onclick", "this.blur()", 3, "mouseenter", "mouseleave", "click", "disabled"]], template: function RoundButtonComponent_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) {
             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);
@@ -1454,7 +1345,7 @@ class RoundButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-round-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<button (mouseenter)=\"onMouseEnter()\" (mouseleave)=\"onMouseLeave()\" onclick=\"this.blur()\" (click)=\"buttonClick.emit();\" [disabled]=\"buttonDisabled()\">\r\n    @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}}\r\n</button>", styles: ["button{border-radius:100px;background-color:inherit;outline:none;border-width:0px;height:40px;width:40px;cursor:pointer}:host{display:flex}.mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}mat-icon{color:#006496}.mat-mdc-button-disabled .mat-icon{color:#12101461}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoundButtonComponent, { className: "RoundButtonComponent", filePath: "lib/buttons/round-button/round-button.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RoundButtonComponent, { className: "RoundButtonComponent", filePath: "lib/components/buttons/round-button/round-button.component.ts", lineNumber: 13 }); })();
 
 function StrokedButtonComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon");
@@ -1495,32 +1386,9 @@ function StrokedButtonComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.iconToShow());
 } }
-class StrokedButtonComponent {
-    constructor() {
-        this.translateLabel = input(true, ...(ngDevMode ? [{ debugName: "translateLabel" }] : []));
-        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-        this.small = input(false, ...(ngDevMode ? [{ debugName: "small" }] : []));
-        this.colorOnHover = input(undefined, ...(ngDevMode ? [{ debugName: "colorOnHover" }] : []));
-        this.color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
-        this.iconAlignment = input('left', ...(ngDevMode ? [{ debugName: "iconAlignment" }] : []));
-        this.isDisabled = input(false, ...(ngDevMode ? [{ debugName: "isDisabled" }] : []));
-        this.isInProgress = input(false, ...(ngDevMode ? [{ debugName: "isInProgress" }] : []));
-        this.iconColor = computed(() => this.isHovered() ? this.colorOnHover() || this.color() : this.color(), ...(ngDevMode ? [{ debugName: "iconColor" }] : []));
-        this.showIcon = computed(() => !!this.icon() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "showIcon" }] : []));
-        this.iconToShow = computed(() => this.isInProgress() ? 'update' : this.icon(), ...(ngDevMode ? [{ debugName: "iconToShow" }] : []));
-        this.buttonDisabled = computed(() => this.isDisabled() || this.isInProgress(), ...(ngDevMode ? [{ debugName: "buttonDisabled" }] : []));
-        this.buttonClick = output();
-        this.isHovered = signal(false, ...(ngDevMode ? [{ debugName: "isHovered" }] : []));
-    }
-    onMouseEnter() {
-        this.isHovered.set(true);
-    }
-    onMouseLeave() {
-        this.isHovered.set(false);
-    }
-    static { this.ɵfac = function StrokedButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StrokedButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["cauca-stroked-button"]], inputs: { translateLabel: [1, "translateLabel"], label: [1, "label"], small: [1, "small"], colorOnHover: [1, "colorOnHover"], color: [1, "color"], icon: [1, "icon"], iconAlignment: [1, "iconAlignment"], isDisabled: [1, "isDisabled"], isInProgress: [1, "isInProgress"] }, outputs: { buttonClick: "buttonClick" }, 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) {
+class StrokedButtonComponent extends BaseButtonWithLabel {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵStrokedButtonComponent_BaseFactory; return function StrokedButtonComponent_Factory(__ngFactoryType__) { return (ɵStrokedButtonComponent_BaseFactory || (ɵStrokedButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StrokedButtonComponent)))(__ngFactoryType__ || StrokedButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StrokedButtonComponent, selectors: [["cauca-stroked-button"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 8, consts: [["mat-stroked-button", "", "onclick", "this.blur()", 3, "click", "ngClass", "color", "disabled"], [3, "button-spin"]], template: function StrokedButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "button", 0);
             i0.ɵɵlistener("click", function StrokedButtonComponent_Template_button_click_0_listener() { return ctx.buttonClick.emit(); });
             i0.ɵɵconditionalCreate(1, StrokedButtonComponent_Conditional_1_Template, 2, 3, "mat-icon", 1);
@@ -1542,7 +1410,7 @@ class StrokedButtonComponent {
         type: Component,
         args: [{ selector: 'cauca-stroked-button', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, MatIconModule, TranslateModule, NgClass], template: "<button mat-stroked-button [ngClass]=\"small() ? 'small-button' : ''\" [color]=\"color()\" onclick=\"this.blur()\" [disabled]=\"buttonDisabled()\" (click)=\"buttonClick.emit()\" [class.icon-only]=\"!label()\">\r\n    @if(showIcon() && iconAlignment() === 'left') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n    @if (label()) { @if (translateLabel()) {{{label()|translate}}} @else {{{label()}}} }\r\n    @if(showIcon() && iconAlignment() === 'right') { <mat-icon [class.button-spin]=\"isInProgress()\">{{iconToShow()}}</mat-icon> }\r\n</button>", styles: [".mdc-button.mat-white,.mat-stroked-button.mat-white{color:#fff;border-color:#fff}.mdc-button.mat-white:hover,.mat-mdc-outlined-button.mat-white:hover{background-color:transparent}.icon-only{width:36px;height:36px;min-width:38px;padding:0}.icon-only mat-icon{margin:0}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrokedButtonComponent, { className: "StrokedButtonComponent", filePath: "lib/buttons/stroked-button/stroked-button.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StrokedButtonComponent, { className: "StrokedButtonComponent", filePath: "lib/components/buttons/stroked-button/stroked-button.component.ts", lineNumber: 16 }); })();
 
 class AlertDialogComponent {
     constructor(dialogRef, data, breakdownObserver) {
@@ -1588,7 +1456,7 @@ class AlertDialogComponent {
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }, { type: i2$2.BreakpointObserver }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertDialogComponent, { className: "AlertDialogComponent", filePath: "lib/components/dialogs/alert-dialog/alert-dialog.component.ts", lineNumber: 17 }); })();
 
 class ConfirmDialogComponent {
     constructor(dialogRef, data, breakdownObserver) {
@@ -1648,7 +1516,7 @@ class ConfirmDialogComponent {
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }, { type: i2$2.BreakpointObserver }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConfirmDialogComponent, { className: "ConfirmDialogComponent", filePath: "lib/components/dialogs/confirm-dialog/confirm-dialog.component.ts", lineNumber: 19 }); })();
 
 function TextInputDialogComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "textarea", 5);
@@ -1775,7 +1643,7 @@ class TextInputDialogComponent {
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextInputDialogComponent, { className: "TextInputDialogComponent", filePath: "lib/dialogs/text-input-dialog/text-input-dialog.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TextInputDialogComponent, { className: "TextInputDialogComponent", filePath: "lib/components/dialogs/text-input-dialog/text-input-dialog.component.ts", lineNumber: 19 }); })();
 
 class DeleteDialogData {
     constructor() {
@@ -1856,7 +1724,7 @@ class DeleteDialogComponent {
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }, { type: i2$2.BreakpointObserver }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DeleteDialogComponent, { className: "DeleteDialogComponent", filePath: "lib/components/dialogs/delete-dialog/delete-dialog.component.ts", lineNumber: 18 }); })();
 
 const _c0$9 = a0 => ({ itemName: a0 });
 class ErrorDialogComponent {
@@ -1901,7 +1769,7 @@ class ErrorDialogComponent {
                 type: Inject,
                 args: [MAT_DIALOG_DATA]
             }] }, { type: i2$2.BreakpointObserver }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 17 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ErrorDialogComponent, { className: "ErrorDialogComponent", filePath: "lib/components/dialogs/error-dialog/error-dialog.component.ts", lineNumber: 17 }); })();
 
 class DialogService {
     constructor() {
@@ -2084,7 +1952,7 @@ class SnackBarComponent {
         }], buttonClick: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib/misc/snack-bar/snack-bar.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SnackBarComponent, { className: "SnackBarComponent", filePath: "lib/components/misc/snack-bar/snack-bar.component.ts", lineNumber: 14 }); })();
 
 function LoadingErrorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -2117,7 +1985,7 @@ class LoadingErrorComponent {
     }], null, { retryRequest: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingErrorComponent, { className: "LoadingErrorComponent", filePath: "lib/misc/loading-error/loading-error.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingErrorComponent, { className: "LoadingErrorComponent", filePath: "lib/components/misc/loading-error/loading-error.component.ts", lineNumber: 13 }); })();
 
 function LoadingSpinnerIndicatorComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mat-progress-spinner", 0);
@@ -2141,7 +2009,7 @@ class LoadingSpinnerIndicatorComponent {
         type: Component,
         args: [{ selector: 'cauca-loading-spinner-indicator', standalone: true, imports: [MatProgressSpinner], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (loadingState.showLoadingIndicator()) {\r\n    <mat-progress-spinner mode=\"indeterminate\"  [diameter]=\"diameter()\" />\r\n}\r\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingSpinnerIndicatorComponent, { className: "LoadingSpinnerIndicatorComponent", filePath: "lib/misc/loading-spinner-indicator/loading-spinner-indicator.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingSpinnerIndicatorComponent, { className: "LoadingSpinnerIndicatorComponent", filePath: "lib/components/misc/loading-spinner-indicator/loading-spinner-indicator.component.ts", lineNumber: 13 }); })();
 
 class BadgeComponent {
     constructor() {
@@ -2170,7 +2038,7 @@ class BadgeComponent {
         type: Component,
         args: [{ selector: 'cauca-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, MatChipsModule, MatIcon], template: "<mat-chip highlighted disableRipple [color]=\"color()\">\n    <div class=\"mat-chip-content\">\n        <mat-icon>{{icon()}}</mat-icon>\n        <div class=\"chip-label\">{{label() | translate}}</div>\n    </div>\n</mat-chip>", styles: [".mat-chip-content{display:flex;justify-content:space-between;align-items:center;gap:8px}mat-icon{color:inherit}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BadgeComponent, { className: "BadgeComponent", filePath: "lib/components/presenters/badge/badge.component.ts", lineNumber: 14 }); })();
 
 function IconComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 0);
@@ -2233,7 +2101,7 @@ class IconComponent {
     }], null, { icon: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "lib/presenters/icon/icon.component.ts", lineNumber: 23 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(IconComponent, { className: "IconComponent", filePath: "lib/components/presenters/icon/icon.component.ts", lineNumber: 23 }); })();
 
 function ListPaginatorComponent_For_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
@@ -2358,7 +2226,7 @@ class ListPaginatorComponent {
     }], null, { pageChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListPaginatorComponent, { className: "ListPaginatorComponent", filePath: "lib/list-paginator/list-paginator.component.ts", lineNumber: 12 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListPaginatorComponent, { className: "ListPaginatorComponent", filePath: "lib/components/list-paginator/list-paginator.component.ts", lineNumber: 12 }); })();
 
 function PasswordCriteriaComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon", 0);
@@ -2400,7 +2268,7 @@ class PasswordCriteriaComponent {
         type: Component,
         args: [{ selector: 'cauca-password-criteria', standalone: true, imports: [MatIconModule, TranslateModule, NgClass], template: "@if (condition()) {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"green\">check_circle</mat-icon>\r\n}@else {\r\n<mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"red\">cancel</mat-icon>\r\n}\r\n<label [ngClass]=\"disabled() ? 'disabled' : ''\" class=\"body2\" translate>{{label()}}</label>", styles: [":host{display:flex;align-items:center;gap:8px}mat-icon{flex-shrink:0}.green{fill:#81c784;color:#81c784}.red{fill:#e57373;color:#e57373}label{color:#000}.disabled{opacity:.5}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib/inputs/password/password-criteria/password-criteria.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaComponent, { className: "PasswordCriteriaComponent", filePath: "lib/components/inputs/password/password-criteria/password-criteria.component.ts", lineNumber: 13 }); })();
 
 class PasswordCriteriaViewerComponent {
     constructor() {
@@ -2426,7 +2294,7 @@ class PasswordCriteriaViewerComponent {
         type: Component,
         args: [{ selector: 'cauca-password-criteria-viewer', standalone: true, imports: [PasswordCriteriaComponent], template: "<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumCharacters\" [condition]=\"passwordValidation().hasMinimumCharacters\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneNumeric\" [condition]=\"passwordValidation().hasMinimumNumeric\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.minimumOneSpecialCharacter\" [condition]=\"passwordValidation().hasSpecialCharacter\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.needLowerAndUppercase\" [condition]=\"passwordValidation().hasLowerAndUppercase\"/>\r\n<cauca-password-criteria [disabled]=\"disabled()\" label=\"passwordEdition.equalPasswords\" [condition]=\"passwordValidation().hasIdenticalPassword\"/>", styles: [":host{display:flex;flex-direction:column}:host>*{flex-grow:1}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib/inputs/password/password-criteria-viewer/password-criteria-viewer.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordCriteriaViewerComponent, { className: "PasswordCriteriaViewerComponent", filePath: "lib/components/inputs/password/password-criteria-viewer/password-criteria-viewer.component.ts", lineNumber: 13 }); })();
 
 function PasswordInputComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-label");
@@ -2525,7 +2393,7 @@ class PasswordInputComponent {
                     },
                 ], template: "<mat-form-field subscriptSizing=\"dynamic\">\r\n    @if(translateLabel()) {<mat-label>{{label() | translate}}</mat-label>}\r\n    @else {<mat-label>{{label()}}</mat-label>}\r\n    <input (keydown.enter)=\"enterKeyDown.emit()\" [autocomplete]=\"autocomplete()\" #password class=\"password\"\r\n        [type]=\"inputType()\" [formControl]=\"passwordControl\" matInput [required]=\"required()\"\r\n        [placeholder]=\"translatePlaceholder() ? (placeholder() | translate) : placeholder()\" />\r\n    <mat-icon [ngClass]=\"disabled() ? 'disabled' : ''\" style=\"cursor: pointer\" matSuffix\r\n        (click)=\"showPassword.set(!showPassword())\">\r\n        {{ password.type === \"password\" ? \"visibility_off\" : \"visibility\" }}\r\n    </mat-icon>\r\n</mat-form-field>", styles: [":host{width:100%}mat-form-field{width:100%}.disabled{opacity:.5}\n"] }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordInputComponent, { className: "PasswordInputComponent", filePath: "lib/components/inputs/password/password-input/password-input.component.ts", lineNumber: 23 }); })();
 
 class PasswordValidation {
     constructor(hasMinimumCharacters = false, hasMinimumNumeric = false, hasLowerAndUppercase = false, hasSpecialCharacter = false, hasIdenticalPassword = false) {
@@ -2682,7 +2550,7 @@ class PasswordSelectionComponent {
             type: HostBinding,
             args: ['style.form.width']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib/inputs/password/password-selection/password-selection.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PasswordSelectionComponent, { className: "PasswordSelectionComponent", filePath: "lib/components/inputs/password/password-selection/password-selection.component.ts", lineNumber: 26 }); })();
 
 class DateRangePickerComponent {
     constructor() {
@@ -2736,7 +2604,7 @@ class DateRangePickerComponent {
         type: Component,
         args: [{ selector: 'cauca-date-range-picker', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatFormFieldModule, MatDatepickerModule, ReactiveFormsModule, MatIcon, TranslateModule], providers: [provideNativeDateAdapter()], template: "<mat-form-field class=\"full-width-field\" subscriptSizing=\"dynamic\">\r\n  <mat-datepicker-toggle matPrefix (click)=\"clear()\" onkeypress=\"clear()\">\r\n    <mat-icon matDatepickerToggleIcon>clear</mat-icon>\r\n  </mat-datepicker-toggle>\r\n    <mat-label>{{'dateRangeSelectorLabel'|translate}}</mat-label>\r\n    <mat-date-range-input [formGroup]=\"form\" [rangePicker]=\"campaignOnePicker\">\r\n      <input matStartDate formControlName=\"from\" [readOnly]=\"true\">\r\n      <input matEndDate formControlName=\"to\" [readOnly]=\"true\">\r\n    </mat-date-range-input>\r\n    <mat-datepicker-toggle matIconSuffix [for]=\"campaignOnePicker\">\r\n    </mat-datepicker-toggle>\r\n    <mat-date-range-picker #campaignOnePicker></mat-date-range-picker>\r\n  </mat-form-field>" }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DateRangePickerComponent, { className: "DateRangePickerComponent", filePath: "lib/components/inputs/date-range-picker/date-range-picker.component.ts", lineNumber: 19 }); })();
 
 const _c0$6 = ["auto"];
 const _c1$1 = ["chipInput"];
@@ -3084,7 +2952,7 @@ class DropdownChipAutocompleteComponent {
         }], placeholder: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownChipAutocompleteComponent, { className: "DropdownChipAutocompleteComponent", filePath: "lib/inputs/dropdown-chip-autocomplete/dropdown-chip-autocomplete.component.ts", lineNumber: 46 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownChipAutocompleteComponent, { className: "DropdownChipAutocompleteComponent", filePath: "lib/components/inputs/dropdown-chip-autocomplete/dropdown-chip-autocomplete.component.ts", lineNumber: 46 }); })();
 
 const _c0$5 = ["*"];
 class GroupContainerComponent {
@@ -3110,7 +2978,7 @@ class 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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GroupContainerComponent, { className: "GroupContainerComponent", filePath: "lib/components/layout/group-container/group-container.component.ts", lineNumber: 12 }); })();
 
 const _c0$4 = ["*"];
 function MainSectionComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
@@ -3144,7 +3012,7 @@ class 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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MainSectionComponent, { className: "MainSectionComponent", filePath: "lib/components/layout/sections/main-section/main-section.component.ts", lineNumber: 11 }); })();
 
 const _c0$3 = ["*"];
 class SectionColumnComponent {
@@ -3165,7 +3033,7 @@ class 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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionColumnComponent, { className: "SectionColumnComponent", filePath: "lib/components/layout/sections/section-column/section-column.component.ts", lineNumber: 10 }); })();
 
 function SectionFieldComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -3249,7 +3117,7 @@ class 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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionFieldComponent, { className: "SectionFieldComponent", filePath: "lib/components/layout/sections/section-field/section-field.component.ts", lineNumber: 12 }); })();
 
 class BreadcrumbService {
     constructor() {
@@ -3379,7 +3247,7 @@ class 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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageTitleComponent, { className: "PageTitleComponent", filePath: "lib/components/layout/page-title/page-title.component.ts", lineNumber: 13 }); })();
 
 function SavingConfirmedBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -3408,7 +3276,7 @@ class SavingConfirmedBoxComponent {
         type: Component,
         args: [{ selector: 'cauca-saving-confirmed-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n    <cauca-snackbar\r\n        caption=\"savingSuccessNotification.title\"\r\n        type=\"success\"\r\n        variant=\"standard\"\r\n        [showButton]=\"false\"\r\n        [showCloseButton]=\"true\"\r\n        (closeClick)=\"show.set(false)\">\r\n        {{'savingSuccessNotification.message' | translate}}\r\n    </cauca-snackbar>\r\n}" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingConfirmedBoxComponent, { className: "SavingConfirmedBoxComponent", filePath: "lib/notifications/saving-confirmed-box/saving-confirmed-box.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingConfirmedBoxComponent, { className: "SavingConfirmedBoxComponent", filePath: "lib/components/notifications/saving-confirmed-box/saving-confirmed-box.component.ts", lineNumber: 13 }); })();
 
 function SavingErrorBoxComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -3440,7 +3308,7 @@ class SavingErrorBoxComponent {
         type: Component,
         args: [{ selector: 'cauca-saving-error-box', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [SnackBarComponent, TranslateModule], template: "@if (show()) {\r\n    <cauca-snackbar\r\n        caption=\"generalError.savingErrorAlertTitle\"\r\n        type=\"error\"\r\n        variant=\"standard\"\r\n        [showButton]=\"false\"\r\n        [showCloseButton]=\"true\"\r\n        (closeClick)=\"show.set(false)\">\r\n        {{error() | translate}}\r\n    </cauca-snackbar>\r\n}" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SavingErrorBoxComponent, { className: "SavingErrorBoxComponent", filePath: "lib/components/notifications/saving-error-box/saving-error-box.component.ts", lineNumber: 13 }); })();
 
 function CaucaSimpleDialogComponent_div_4_button_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -3492,7 +3360,7 @@ class CaucaSimpleDialogComponent {
         type: Component,
         args: [{ selector: 'cauca-simple-dialog', imports: [CommonModule, MatDialogTitle, MatDialogContent, MatDialogActions, MatButtonModule], template: "<h1 mat-dialog-title>{{data.title}}</h1>\n<div mat-dialog-content>\n  <div [innerHTML]=\"data.message\"></div>\n</div>\n<div mat-dialog-actions *ngIf=\"data.buttons\">\n  <button *ngFor=\"let label of data.buttons; let i = index\" mat-raised-button (click)=\"onClick(i)\">{{label}}</button>\n</div>", styles: ["div[mat-dialog-actions]{margin-top:20px;text-align:center}\n"] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSimpleDialogComponent, { className: "CaucaSimpleDialogComponent", filePath: "lib/components/deprecated-components/cauca-simple-dialog/cauca-simple-dialog.component.ts", lineNumber: 13 }); })();
 
 const _c0$2 = ["file"];
 function CaucaInputFileComponent_mat_icon_1_Template(rf, ctx) { if (rf & 1) {
@@ -3633,7 +3501,7 @@ class CaucaInputFileComponent {
         }], text: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib/deprecated-components/cauca-input-file/cauca-input-file.component.ts", lineNumber: 14 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputFileComponent, { className: "CaucaInputFileComponent", filePath: "lib/components/deprecated-components/cauca-input-file/cauca-input-file.component.ts", lineNumber: 14 }); })();
 
 function CaucaInputMultipleLangueComponent_mat_tab_1_mat_error_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-error");
@@ -3711,7 +3579,7 @@ class CaucaInputMultipleLangueComponent {
     }], () => [], { value: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib/deprecated-components/cauca-input-multiple-langue/cauca-input-multiple-langue.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaInputMultipleLangueComponent, { className: "CaucaInputMultipleLangueComponent", filePath: "lib/components/deprecated-components/cauca-input-multiple-langue/cauca-input-multiple-langue.component.ts", lineNumber: 16 }); })();
 
 function CaucaMenuVerticalComponent_h4_0_div_2_fa_icon_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "fa-icon", 8);
@@ -3875,7 +3743,7 @@ class CaucaMenuVerticalComponent {
         }], menuItems: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib/deprecated-components/cauca-menu-vertical/cauca-menu-vertical.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuVerticalComponent, { className: "CaucaMenuVerticalComponent", filePath: "lib/components/deprecated-components/cauca-menu-vertical/cauca-menu-vertical.component.ts", lineNumber: 18 }); })();
 
 const _c0$1 = [[["", "header", ""]], [["", "beforeMenu", ""]], [["", "afterMenu", ""]], [["", "footer", ""]]];
 const _c1 = ["[header]", "[beforeMenu]", "[afterMenu]", "[footer]"];
@@ -4016,7 +3884,7 @@ class CaucaMenuSidebarComponent {
             type: HostListener,
             args: ['window:resize', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib/deprecated-components/cauca-menu-sidebar/cauca-menu-sidebar.component.ts", lineNumber: 15 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaMenuSidebarComponent, { className: "CaucaMenuSidebarComponent", filePath: "lib/components/deprecated-components/cauca-menu-sidebar/cauca-menu-sidebar.component.ts", lineNumber: 15 }); })();
 
 const _c0 = ["container"];
 function CaucaSlideshowComponent_div_2_Template(rf, ctx) { if (rf & 1) {
@@ -4152,7 +4020,7 @@ class CaucaSlideshowComponent {
         }], images: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib/deprecated-components/cauca-slideshow/cauca-slideshow.component.ts", lineNumber: 35 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaucaSlideshowComponent, { className: "CaucaSlideshowComponent", filePath: "lib/components/deprecated-components/cauca-slideshow/cauca-slideshow.component.ts", lineNumber: 35 }); })();
 
 class MenuItem {
     constructor(label, path, icon = '') {