npm - @solcre-org/core-ui - Versions diffs - 2.20.3 → 2.20.4 - Mend

@solcre-org/core-ui 2.20.3 → 2.20.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/fesm2022/solcre-org-core-ui.mjs +75 -48
package/fesm2022/solcre-org-core-ui.mjs.map +1 -1
package/index.d.ts +6 -1
package/package.json +1 -1

package/fesm2022/solcre-org-core-ui.mjs CHANGED Viewed

@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
 import { HostBinding, Directive, input, Component, inject, output, computed, signal, effect, ViewChild, Pipe, Injectable, ElementRef, untracked, HostListener, ViewContainerRef, TemplateRef, InjectionToken, ContentChild, ChangeDetectionStrategy, viewChild, ChangeDetectorRef, afterNextRender, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
 import * as i2 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
-import * as i4 from '@ngx-translate/core';
+import * as i3 from '@ngx-translate/core';
 import { TranslateModule, TranslateService, TranslateLoader } from '@ngx-translate/core';
-import * as i3 from '@angular/forms';
+import * as i3$1 from '@angular/forms';
 import { FormControl, Validators, FormsModule, ReactiveFormsModule, FormBuilder } from '@angular/forms';
 import * as i5 from '@ng-select/ng-select';
 import { NgSelectModule, NgSelectComponent } from '@ng-select/ng-select';
@@ -12,7 +12,7 @@ import { AuthService, ApiService } from '@solcre-org/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { distinctUntilChanged, debounceTime, tap as tap$1, map as map$1, filter, catchError as catchError$1 } from 'rxjs/operators';
 import { map, BehaviorSubject, Subject, throttleTime, takeUntil, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, tap, switchMap, of, catchError, finalize, throwError, Observable, forkJoin, zip, timeout, Subscription, from } from 'rxjs';
-import * as i4$1 from '@angular/router';
+import * as i4 from '@angular/router';
 import { RouterModule, Router, NavigationEnd, NavigationStart } from '@angular/router';
 import { DomSanitizer } from '@angular/platform-browser';
 import * as i1$1 from '@angular/common/http';
@@ -47,7 +47,7 @@ class FieldErrorsComponent {
         <span class="c-entry-error">{{ error | translate }}</span>
       }
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FieldErrorsComponent, decorators: [{
             type: Component,
@@ -117,7 +117,7 @@ class ActiveFiltersComponent {
         return filter.removable !== false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ActiveFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ActiveFiltersComponent, isStandalone: true, selector: "core-active-filters", inputs: { activeFilters: { classPropertyName: "activeFilters", publicName: "activeFilters", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFilterRemove: "onFilterRemove", onClearAll: "onClearAll" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-active-filters u-push-b\" *ngIf=\"hasFilters()\">\n  <p class=\"c-active-filters__text\">\n    <span class=\"icon-filter\"></span>\n    {{ activeFiltersTitle() | translate }}:\n  </p>\n  \n  <button \n    *ngFor=\"let filter of visibleFilters()\" \n    class=\"c-active-filters__button\" \n    type=\"button\"\n    [title]=\"filter.label | translate\"\n    (click)=\"removeFilter(filter)\"\n    [disabled]=\"!isFilterRemovable(filter)\">\n    {{ filter.label | translate }}: {{ getDisplayValue(filter) }}\n    <span *ngIf=\"isFilterRemovable(filter)\" class=\"icon-close c-active-filters__button-icon\"></span>\n  </button>\n  \n  <button \n    *ngIf=\"showClearButton()\"\n    class=\"c-active-filters__remove\" \n    type=\"button\"\n    (click)=\"clearAllFilters()\">\n    {{ clearFiltersLabel() | translate }}\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ActiveFiltersComponent, isStandalone: true, selector: "core-active-filters", inputs: { activeFilters: { classPropertyName: "activeFilters", publicName: "activeFilters", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onFilterRemove: "onFilterRemove", onClearAll: "onClearAll" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-active-filters u-push-b\" *ngIf=\"hasFilters()\">\n  <p class=\"c-active-filters__text\">\n    <span class=\"icon-filter\"></span>\n    {{ activeFiltersTitle() | translate }}:\n  </p>\n  \n  <button \n    *ngFor=\"let filter of visibleFilters()\" \n    class=\"c-active-filters__button\" \n    type=\"button\"\n    [title]=\"filter.label | translate\"\n    (click)=\"removeFilter(filter)\"\n    [disabled]=\"!isFilterRemovable(filter)\">\n    {{ filter.label | translate }}: {{ getDisplayValue(filter) }}\n    <span *ngIf=\"isFilterRemovable(filter)\" class=\"icon-close c-active-filters__button-icon\"></span>\n  </button>\n  \n  <button \n    *ngIf=\"showClearButton()\"\n    class=\"c-active-filters__remove\" \n    type=\"button\"\n    (click)=\"clearAllFilters()\">\n    {{ clearFiltersLabel() | translate }}\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ActiveFiltersComponent, decorators: [{
             type: Component,
@@ -571,7 +571,7 @@ class CheckboxFieldComponent extends BaseFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CheckboxFieldComponent, isStandalone: true, selector: "core-checkbox-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Clase para layout inline cuando hay m\u00FAltiples opciones -->\n<div class=\"c-entry-toggle-holder\" [class.hasSeparatedOptions]=\"hasSeparatedOptions()\" [class.multiple-inline]=\"hasMultipleOptions()\">\n\n    <span class=\"c-entry-text\"\n        *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredIndicator()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n    \n    @if (hasMultipleOptions()) {\n        @for (option of options(); track option.value) {\n\n            <!-- ! Solcre: Este .c-entry-toggle deber\u00EDa ser un componente en s\u00ED mismo. -->\n            <!-- ! Solcre: El cannot-deselect no est\u00E1 over-engineered. Deber\u00EDa ser un Radio. -->\n            <label class=\"c-entry-toggle\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled()\"\n                [class.cannot-deselect]=\"cannotDeselect(option)\">\n\n                <!-- onBlurInput() maneja validaciones y marca el campo como touched para mostrar errores -->\n                @if (!allowMultiple() && isRequired()) {\n                    <!-- Cuando allowMultiple: false y required: true, usar radio buttons para todas las opciones -->\n                    <input\n                        type=\"radio\"\n                        [attr.id]=\"field().key.toString() + '_' + option.value\"\n                        [attr.name]=\"field().key.toString()\"\n                        [checked]=\"isOptionSelected(option)\"\n                        (change)=\"handleOptionChange(option, $event)\"\n                        (blur)=\"onBlurInput()\"\n                    />\n                } @else if (cannotDeselect(option)) {\n                    <!-- Usar radio cuando no se puede deseleccionar (modo m\u00FAltiple con una sola opci\u00F3n) -->\n                    <input\n                        type=\"radio\"\n                        [attr.id]=\"field().key.toString() + '_' + option.value\"\n                        [attr.name]=\"field().key.toString()\"\n                        [checked]=\"isOptionSelected(option)\"\n                        (change)=\"handleOptionChange(option, $event)\"\n                        (blur)=\"onBlurInput()\"\n                    />\n                } @else {\n                    <!-- Usar checkbox normal cuando se puede deseleccionar -->\n                    <input\n                        type=\"checkbox\"\n                        [attr.id]=\"field().key.toString() + '_' + option.value\"\n                        [attr.name]=\"allowMultiple() ? field().key.toString() + '[]' : field().key.toString()\"\n                        [checked]=\"isOptionSelected(option)\"\n                        (change)=\"handleOptionChange(option, $event)\"\n                        (blur)=\"onBlurInput()\"\n                    />\n                }\n                <span class=\"c-entry-toggle__toggle\"></span>\n\n                <span class=\"c-entry-toggle__text\">\n                    {{ option.label | translate }}\n                    @if(option.externalLink) {\n                        <!-- Link externo funcional implementado -->\n                        <a class=\"icon-external-link-thin\" [href]=\"option.externalLink\" target=\"_blank\"></a>\n                    }\n                </span>\n                @if(option.detail) {\n                    <!-- Texto de detalle funcional implementado -->\n                    <span class=\"c-form-checkbox__detail\">{{ option.detail }}</span>\n                }\n            </label>\n\n        }\n    } @else {\n        <!-- ! Solcre: Este .c-entry-toggle deber\u00EDa ser un componente en s\u00ED mismo. -->\n        <!-- ! Solcre: El cannot-deselect no est\u00E1 over-engineered. Deber\u00EDa ser un Radio. -->\n        <label class=\"c-entry-toggle\"\n            [class.is-invalid]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [class.cannot-deselect]=\"isRequired() && !!formControl().value\">\n\n            <!-- onBlurInput() maneja validaciones y marca el campo como touched para mostrar errores -->\n            @if (isRequired() && !!formControl().value) {\n                <!-- Usar radio cuando es requerido y tiene valor (cannot-deselect) -->\n                <input\n                    type=\"radio\"\n                    [attr.id]=\"field().key.toString()\"\n                    [attr.name]=\"field().key.toString()\"\n                    [checked]=\"!!formControl().value\"\n                    (change)=\"onRadioChange($event)\"\n                    (blur)=\"onBlurInput()\"\n                />\n            } @else {\n                <!-- Usar checkbox normal cuando se puede deseleccionar -->\n                <input\n                    type=\"checkbox\"\n                    [attr.id]=\"field().key.toString()\"\n                    [attr.name]=\"field().key.toString()\"\n                    [formControl]=\"formControl()\"\n                    (blur)=\"onBlurInput()\"\n                />\n            }\n            <span class=\"c-entry-toggle__toggle\"></span>\n            <span class=\"c-entry-toggle__text\">\n                {{ field().label | translate }}\n                @if (hasRequiredIndicator()) {\n                    <span class=\"c-required\">*</span>\n                }\n                @if(externalLink()) {\n                    <!-- Link externo funcional implementado -->\n                    <a class=\"icon-external-link-thin\" [href]=\"externalLink()\" target=\"_blank\"></a>\n                }\n            </span>\n            @if(detail()) {\n                <!-- Texto de detalle funcional implementado -->\n                <span class=\"c-form-checkbox__detail\">{{ detail() }}</span>\n            }\n        </label>\n    }\n\n    <core-field-errors [errors]=\"errors()\" />\n</div>                                  \n                                  ", styles: [".cannot-deselect{pointer-events:none;cursor:not-allowed}.c-entry-text+.c-entry-toggle-holder.hasSeparatedOptions{margin-top:calc(var(--_entry-group-gap) * .8)}.c-entry-toggle-holder.hasSeparatedOptions{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--_entry-group-gap) * .8)}.c-entry-toggle-holder.hasSeparatedOptions .c-entry-text{grid-column:span 2;margin-top:1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CheckboxFieldComponent, isStandalone: true, selector: "core-checkbox-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Clase para layout inline cuando hay m\u00FAltiples opciones -->\n<div class=\"c-entry-toggle-holder\" [class.hasSeparatedOptions]=\"hasSeparatedOptions()\" [class.multiple-inline]=\"hasMultipleOptions()\">\n\n    <span class=\"c-entry-text\"\n        *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredIndicator()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n    \n    @if (hasMultipleOptions()) {\n        @for (option of options(); track option.value) {\n\n            <!-- ! Solcre: Este .c-entry-toggle deber\u00EDa ser un componente en s\u00ED mismo. -->\n            <!-- ! Solcre: El cannot-deselect no est\u00E1 over-engineered. Deber\u00EDa ser un Radio. -->\n            <label class=\"c-entry-toggle\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled()\"\n                [class.cannot-deselect]=\"cannotDeselect(option)\">\n\n                <!-- onBlurInput() maneja validaciones y marca el campo como touched para mostrar errores -->\n                @if (!allowMultiple() && isRequired()) {\n                    <!-- Cuando allowMultiple: false y required: true, usar radio buttons para todas las opciones -->\n                    <input\n                        type=\"radio\"\n                        [attr.id]=\"field().key.toString() + '_' + option.value\"\n                        [attr.name]=\"field().key.toString()\"\n                        [checked]=\"isOptionSelected(option)\"\n                        (change)=\"handleOptionChange(option, $event)\"\n                        (blur)=\"onBlurInput()\"\n                    />\n                } @else if (cannotDeselect(option)) {\n                    <!-- Usar radio cuando no se puede deseleccionar (modo m\u00FAltiple con una sola opci\u00F3n) -->\n                    <input\n                        type=\"radio\"\n                        [attr.id]=\"field().key.toString() + '_' + option.value\"\n                        [attr.name]=\"field().key.toString()\"\n                        [checked]=\"isOptionSelected(option)\"\n                        (change)=\"handleOptionChange(option, $event)\"\n                        (blur)=\"onBlurInput()\"\n                    />\n                } @else {\n                    <!-- Usar checkbox normal cuando se puede deseleccionar -->\n                    <input\n                        type=\"checkbox\"\n                        [attr.id]=\"field().key.toString() + '_' + option.value\"\n                        [attr.name]=\"allowMultiple() ? field().key.toString() + '[]' : field().key.toString()\"\n                        [checked]=\"isOptionSelected(option)\"\n                        (change)=\"handleOptionChange(option, $event)\"\n                        (blur)=\"onBlurInput()\"\n                    />\n                }\n                <span class=\"c-entry-toggle__toggle\"></span>\n\n                <span class=\"c-entry-toggle__text\">\n                    {{ option.label | translate }}\n                    @if(option.externalLink) {\n                        <!-- Link externo funcional implementado -->\n                        <a class=\"icon-external-link-thin\" [href]=\"option.externalLink\" target=\"_blank\"></a>\n                    }\n                </span>\n                @if(option.detail) {\n                    <!-- Texto de detalle funcional implementado -->\n                    <span class=\"c-form-checkbox__detail\">{{ option.detail }}</span>\n                }\n            </label>\n\n        }\n    } @else {\n        <!-- ! Solcre: Este .c-entry-toggle deber\u00EDa ser un componente en s\u00ED mismo. -->\n        <!-- ! Solcre: El cannot-deselect no est\u00E1 over-engineered. Deber\u00EDa ser un Radio. -->\n        <label class=\"c-entry-toggle\"\n            [class.is-invalid]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [class.cannot-deselect]=\"isRequired() && !!formControl().value\">\n\n            <!-- onBlurInput() maneja validaciones y marca el campo como touched para mostrar errores -->\n            @if (isRequired() && !!formControl().value) {\n                <!-- Usar radio cuando es requerido y tiene valor (cannot-deselect) -->\n                <input\n                    type=\"radio\"\n                    [attr.id]=\"field().key.toString()\"\n                    [attr.name]=\"field().key.toString()\"\n                    [checked]=\"!!formControl().value\"\n                    (change)=\"onRadioChange($event)\"\n                    (blur)=\"onBlurInput()\"\n                />\n            } @else {\n                <!-- Usar checkbox normal cuando se puede deseleccionar -->\n                <input\n                    type=\"checkbox\"\n                    [attr.id]=\"field().key.toString()\"\n                    [attr.name]=\"field().key.toString()\"\n                    [formControl]=\"formControl()\"\n                    (blur)=\"onBlurInput()\"\n                />\n            }\n            <span class=\"c-entry-toggle__toggle\"></span>\n            <span class=\"c-entry-toggle__text\">\n                {{ field().label | translate }}\n                @if (hasRequiredIndicator()) {\n                    <span class=\"c-required\">*</span>\n                }\n                @if(externalLink()) {\n                    <!-- Link externo funcional implementado -->\n                    <a class=\"icon-external-link-thin\" [href]=\"externalLink()\" target=\"_blank\"></a>\n                }\n            </span>\n            @if(detail()) {\n                <!-- Texto de detalle funcional implementado -->\n                <span class=\"c-form-checkbox__detail\">{{ detail() }}</span>\n            }\n        </label>\n    }\n\n    <core-field-errors [errors]=\"errors()\" />\n</div>                                  \n                                  ", styles: [".cannot-deselect{pointer-events:none;cursor:not-allowed}.c-entry-text+.c-entry-toggle-holder.hasSeparatedOptions{margin-top:calc(var(--_entry-group-gap) * .8)}.c-entry-toggle-holder.hasSeparatedOptions{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--_entry-group-gap) * .8)}.c-entry-toggle-holder.hasSeparatedOptions .c-entry-text{grid-column:span 2;margin-top:1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
             type: Component,
@@ -660,7 +660,7 @@ class ColorPickerFieldComponent extends BaseFieldComponent {
         this.onEnterInput(keyboardEvent);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ColorPickerFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ColorPickerFieldComponent, isStandalone: true, selector: "core-color-picker-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-entry-input c-entry-input--color\"\n       [class.is-readonly]=\"isReadonly()\"\n       [class.is-disabled]=\"isDisabled()\">\n    <div class=\"c-color-picker\">\n      <div class=\"c-color-picker__preview-wrapper\">\n        <div \n          class=\"c-color-picker__preview\"\n          [style.background-color]=\"getCurrentColor()\"\n          (click)=\"togglePicker()\"\n          [class.c-color-picker__preview--disabled]=\"isDisabled()\">\n        </div>\n        \n        <input\n          type=\"text\"\n          class=\"c-color-picker__text-input\"\n          [id]=\"field().key\"\n          [formControl]=\"formControl()\"\n          [placeholder]=\"(field().placeholder ?? '#4783E1') | translate\"\n          [class.c-color-picker__text-input--disabled]=\"isDisabled()\"\n          [class.c-color-picker__text-input--error]=\"hasError()\"\n          (input)=\"onTextInputChange($event)\"\n          (blur)=\"onBlurInput($event)\"\n          (keydown.enter)=\"handleEnterKey($event)\"\n          maxlength=\"7\"\n        />\n        \n        <input\n          type=\"color\"\n          class=\"c-color-picker__native-input\"\n          [value]=\"getCurrentColor()\"\n          [disabled]=\"isDisabled()\"\n          (input)=\"onColorInputChange($event)\"\n        />\n      </div>\n\n      @if (isPickerOpen()) {\n        <div class=\"c-color-picker__dropdown\">\n          <div class=\"c-color-picker__preset-colors\">\n            @for (color of presetColors(); track color) {\n              <button\n                type=\"button\"\n                class=\"c-color-picker__preset-color\"\n                [style.background-color]=\"color\"\n                [class.c-color-picker__preset-color--selected]=\"getCurrentColor() === color\"\n                (click)=\"selectColor(color)\"\n                [title]=\"color\">\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", styles: [".c-color-picker{position:relative;width:100%}.c-color-picker__preview-wrapper{display:flex;align-items:center;gap:8px}.c-color-picker__preview{width:36px;height:36px;border-radius:6px;border:2px solid var(--color-border, #e0e0e0);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.c-color-picker__preview:hover:not(.c-color-picker__preview--disabled){border-color:var(--color-primary, #4783E1);box-shadow:0 0 0 2px #4783e133}.c-color-picker__preview--disabled{cursor:not-allowed;opacity:.6}.c-color-picker__text-input{flex:1;height:36px;padding:0 12px;font-size:14px;font-family:monospace;text-transform:uppercase;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background-color:var(--color-background, #fff);transition:border-color .2s ease,box-shadow .2s ease}.c-color-picker__text-input:focus{outline:none;border-color:var(--color-primary, #4783E1);box-shadow:0 0 0 2px #4783e133}.c-color-picker__text-input--disabled{background-color:var(--color-disabled-bg, #f5f5f5);cursor:not-allowed;opacity:.6}.c-color-picker__text-input--error{border-color:var(--color-danger, #dc3545)}.c-color-picker__text-input--error:focus{box-shadow:0 0 0 2px #dc354533}.c-color-picker__native-input{width:36px;height:36px;padding:0;border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.c-color-picker__native-input::-webkit-color-swatch-wrapper{padding:0}.c-color-picker__native-input::-webkit-color-swatch{border:2px solid var(--color-border, #e0e0e0);border-radius:6px}.c-color-picker__native-input:disabled{cursor:not-allowed;opacity:.6}.c-color-picker__dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;background-color:var(--color-background, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;min-width:200px}.c-color-picker__preset-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.c-color-picker__preset-color{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.c-color-picker__preset-color:hover{transform:scale(1.1)}.c-color-picker__preset-color--selected{border-color:var(--color-text, #333);box-shadow:0 0 0 2px var(--color-background, #fff),0 0 0 4px var(--color-primary, #4783E1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ColorPickerFieldComponent, isStandalone: true, selector: "core-color-picker-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-entry-input c-entry-input--color\"\n       [class.is-readonly]=\"isReadonly()\"\n       [class.is-disabled]=\"isDisabled()\">\n    <div class=\"c-color-picker\">\n      <div class=\"c-color-picker__preview-wrapper\">\n        <div \n          class=\"c-color-picker__preview\"\n          [style.background-color]=\"getCurrentColor()\"\n          (click)=\"togglePicker()\"\n          [class.c-color-picker__preview--disabled]=\"isDisabled()\">\n        </div>\n        \n        <input\n          type=\"text\"\n          class=\"c-color-picker__text-input\"\n          [id]=\"field().key\"\n          [formControl]=\"formControl()\"\n          [placeholder]=\"(field().placeholder ?? '#4783E1') | translate\"\n          [class.c-color-picker__text-input--disabled]=\"isDisabled()\"\n          [class.c-color-picker__text-input--error]=\"hasError()\"\n          (input)=\"onTextInputChange($event)\"\n          (blur)=\"onBlurInput($event)\"\n          (keydown.enter)=\"handleEnterKey($event)\"\n          maxlength=\"7\"\n        />\n        \n        <input\n          type=\"color\"\n          class=\"c-color-picker__native-input\"\n          [value]=\"getCurrentColor()\"\n          [disabled]=\"isDisabled()\"\n          (input)=\"onColorInputChange($event)\"\n        />\n      </div>\n\n      @if (isPickerOpen()) {\n        <div class=\"c-color-picker__dropdown\">\n          <div class=\"c-color-picker__preset-colors\">\n            @for (color of presetColors(); track color) {\n              <button\n                type=\"button\"\n                class=\"c-color-picker__preset-color\"\n                [style.background-color]=\"color\"\n                [class.c-color-picker__preset-color--selected]=\"getCurrentColor() === color\"\n                (click)=\"selectColor(color)\"\n                [title]=\"color\">\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", styles: [".c-color-picker{position:relative;width:100%}.c-color-picker__preview-wrapper{display:flex;align-items:center;gap:8px}.c-color-picker__preview{width:36px;height:36px;border-radius:6px;border:2px solid var(--color-border, #e0e0e0);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.c-color-picker__preview:hover:not(.c-color-picker__preview--disabled){border-color:var(--color-primary, #4783E1);box-shadow:0 0 0 2px #4783e133}.c-color-picker__preview--disabled{cursor:not-allowed;opacity:.6}.c-color-picker__text-input{flex:1;height:36px;padding:0 12px;font-size:14px;font-family:monospace;text-transform:uppercase;border:1px solid var(--color-border, #e0e0e0);border-radius:6px;background-color:var(--color-background, #fff);transition:border-color .2s ease,box-shadow .2s ease}.c-color-picker__text-input:focus{outline:none;border-color:var(--color-primary, #4783E1);box-shadow:0 0 0 2px #4783e133}.c-color-picker__text-input--disabled{background-color:var(--color-disabled-bg, #f5f5f5);cursor:not-allowed;opacity:.6}.c-color-picker__text-input--error{border-color:var(--color-danger, #dc3545)}.c-color-picker__text-input--error:focus{box-shadow:0 0 0 2px #dc354533}.c-color-picker__native-input{width:36px;height:36px;padding:0;border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.c-color-picker__native-input::-webkit-color-swatch-wrapper{padding:0}.c-color-picker__native-input::-webkit-color-swatch{border:2px solid var(--color-border, #e0e0e0);border-radius:6px}.c-color-picker__native-input:disabled{cursor:not-allowed;opacity:.6}.c-color-picker__dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;background-color:var(--color-background, #fff);border:1px solid var(--color-border, #e0e0e0);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:12px;min-width:200px}.c-color-picker__preset-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.c-color-picker__preset-color{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;padding:0;transition:transform .15s ease,border-color .15s ease}.c-color-picker__preset-color:hover{transform:scale(1.1)}.c-color-picker__preset-color--selected{border-color:var(--color-text, #333);box-shadow:0 0 0 2px var(--color-background, #fff),0 0 0 4px var(--color-primary, #4783E1)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ColorPickerFieldComponent, decorators: [{
             type: Component,
@@ -828,7 +828,7 @@ class DateFieldComponent extends BaseFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DateFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DateFieldComponent, isStandalone: true, selector: "core-date-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <span class=\"c-entry-input\"\n      [class.is-placeholder]=\"!formControl().value\"\n      [class.is-invalid]=\"hasError()\">\n      \n      <input type=\"date\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [formControl]=\"formControl()\"\n        [min]=\"minDate()\"\n        [max]=\"maxDate()\"\n        (blur)=\"onBlurInput()\"\n        [placeholder]=\"(field().placeholder ?? '') | translate\">\n      \n      <button class=\"c-entry-input__addon icon-calendar-thin\" \n        tabindex=\"-1\"\n        type=\"button\"\n        (click)=\"onCalendarClick($event)\"></button>\n\n        \n    </span>\n    <core-field-errors [errors]=\"errors()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DateFieldComponent, isStandalone: true, selector: "core-date-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <span class=\"c-entry-input\"\n      [class.is-placeholder]=\"!formControl().value\"\n      [class.is-invalid]=\"hasError()\">\n      \n      <input type=\"date\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [formControl]=\"formControl()\"\n        [min]=\"minDate()\"\n        [max]=\"maxDate()\"\n        (blur)=\"onBlurInput()\"\n        [placeholder]=\"(field().placeholder ?? '') | translate\">\n      \n      <button class=\"c-entry-input__addon icon-calendar-thin\" \n        tabindex=\"-1\"\n        type=\"button\"\n        (click)=\"onCalendarClick($event)\"></button>\n\n        \n    </span>\n    <core-field-errors [errors]=\"errors()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DateFieldComponent, decorators: [{
             type: Component,
@@ -1047,7 +1047,7 @@ class DateRangeFieldComponent extends BaseFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DateRangeFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DateRangeFieldComponent, isStandalone: true, selector: "core-daterange-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-daterange\">\n    <div class=\"c-daterange__field\">\n      <span class=\"c-entry-input\"\n          [class.is-placeholder]=\"!startDateControl().value\"\n          [class.is-invalid]=\"hasError()\">\n          \n          <input type=\"date\"\n            [id]=\"field().key.toString() + '_start'\"\n            [name]=\"field().key.toString() + '_start'\"\n            [formControl]=\"startDateControl()\"\n            [min]=\"minDate()\"\n            [max]=\"startMaxDate()\"\n            (blur)=\"onBlurInput()\"\n            [placeholder]=\"(startDateLabel() | translate)\">\n          \n          <button class=\"c-entry-input__addon icon-calendar-thin\" \n            tabindex=\"-1\"\n            type=\"button\"\n            (click)=\"onStartCalendarClick($event)\"></button>\n      </span>\n    </div>\n\n    <span class=\"c-daterange__separator\">\u2192</span>\n\n    <div class=\"c-daterange__field\">\n      <span class=\"c-entry-input\"\n          [class.is-placeholder]=\"!endDateControl().value\"\n          [class.is-invalid]=\"hasError()\">\n          \n          <input type=\"date\"\n            [id]=\"field().key.toString() + '_end'\"\n            [name]=\"field().key.toString() + '_end'\"\n            [formControl]=\"endDateControl()\"\n            [min]=\"endMinDate()\"\n            [max]=\"maxDate()\"\n            (blur)=\"onBlurInput()\"\n            [placeholder]=\"(endDateLabel() | translate)\">\n          \n          <button class=\"c-entry-input__addon icon-calendar-thin\" \n            tabindex=\"-1\"\n            type=\"button\"\n            (click)=\"onEndCalendarClick($event)\"></button>\n      </span>\n    </div>\n  </div>\n  \n  <core-field-errors [errors]=\"errors()\" />\n</label>\n", styles: [".c-daterange{display:flex;align-items:center;gap:.5rem}.c-daterange__field{flex:1;min-width:0}.c-daterange__separator{color:var(--color-text-secondary, #6b7280);font-size:1rem;flex-shrink:0;padding:0 .25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DateRangeFieldComponent, isStandalone: true, selector: "core-daterange-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-daterange\">\n    <div class=\"c-daterange__field\">\n      <span class=\"c-entry-input\"\n          [class.is-placeholder]=\"!startDateControl().value\"\n          [class.is-invalid]=\"hasError()\">\n          \n          <input type=\"date\"\n            [id]=\"field().key.toString() + '_start'\"\n            [name]=\"field().key.toString() + '_start'\"\n            [formControl]=\"startDateControl()\"\n            [min]=\"minDate()\"\n            [max]=\"startMaxDate()\"\n            (blur)=\"onBlurInput()\"\n            [placeholder]=\"(startDateLabel() | translate)\">\n          \n          <button class=\"c-entry-input__addon icon-calendar-thin\" \n            tabindex=\"-1\"\n            type=\"button\"\n            (click)=\"onStartCalendarClick($event)\"></button>\n      </span>\n    </div>\n\n    <span class=\"c-daterange__separator\">\u2192</span>\n\n    <div class=\"c-daterange__field\">\n      <span class=\"c-entry-input\"\n          [class.is-placeholder]=\"!endDateControl().value\"\n          [class.is-invalid]=\"hasError()\">\n          \n          <input type=\"date\"\n            [id]=\"field().key.toString() + '_end'\"\n            [name]=\"field().key.toString() + '_end'\"\n            [formControl]=\"endDateControl()\"\n            [min]=\"endMinDate()\"\n            [max]=\"maxDate()\"\n            (blur)=\"onBlurInput()\"\n            [placeholder]=\"(endDateLabel() | translate)\">\n          \n          <button class=\"c-entry-input__addon icon-calendar-thin\" \n            tabindex=\"-1\"\n            type=\"button\"\n            (click)=\"onEndCalendarClick($event)\"></button>\n      </span>\n    </div>\n  </div>\n  \n  <core-field-errors [errors]=\"errors()\" />\n</label>\n", styles: [".c-daterange{display:flex;align-items:center;gap:.5rem}.c-daterange__field{flex:1;min-width:0}.c-daterange__separator{color:var(--color-text-secondary, #6b7280);font-size:1rem;flex-shrink:0;padding:0 .25rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DateRangeFieldComponent, decorators: [{
             type: Component,
@@ -1331,7 +1331,7 @@ class DatetimeFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DatetimeFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DatetimeFieldComponent, isStandalone: true, selector: "core-datetime-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <label class=\"c-entry-text\" *ngIf=\"field().label\" [for]=\"field().key.toString()\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </label>\n  <div class=\"c-entry-datetime\">\n    <span class=\"c-entry-input\" [class.is-invalid]=\"hasError()\">\n      <input\n        type=\"date\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [value]=\"formattedDate()\"\n        [disabled]=\"isDisabled()\"\n        (input)=\"onDateChange($event)\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"onEnter($any($event))\"\n      />\n      <button class=\"c-entry-input__addon icon-calendar-thin\" \n        tabindex=\"-1\"\n        type=\"button\"\n        (click)=\"onCalendarClick($event)\"></button>\n    </span>\n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"hoursOptions()\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [ngModel]=\"selectedHour()\"\n        (ngModelChange)=\"onHourChange($event)\"\n        [disabled]=\"isDisabled()\"\n        [clearable]=\"false\"\n        [searchable]=\"false\"\n        (blur)=\"onBlur()\"\n        [placeholder]=\"isHourPlaceholderVisible() ? 'HH' : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    <span class=\"c-entry-datetime__separator\">:</span>\n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"minutesOptions()\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [ngModel]=\"selectedMinute()\"\n        (ngModelChange)=\"onMinuteChange($event)\"\n        [disabled]=\"isDisabled()\"\n        [clearable]=\"false\"\n        [searchable]=\"false\"\n        (blur)=\"onBlur()\"\n        [placeholder]=\"isMinutePlaceholderVisible() ? 'MM' : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DatetimeFieldComponent, isStandalone: true, selector: "core-datetime-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <label class=\"c-entry-text\" *ngIf=\"field().label\" [for]=\"field().key.toString()\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </label>\n  <div class=\"c-entry-datetime\">\n    <span class=\"c-entry-input\" [class.is-invalid]=\"hasError()\">\n      <input\n        type=\"date\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [value]=\"formattedDate()\"\n        [disabled]=\"isDisabled()\"\n        (input)=\"onDateChange($event)\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"onEnter($any($event))\"\n      />\n      <button class=\"c-entry-input__addon icon-calendar-thin\" \n        tabindex=\"-1\"\n        type=\"button\"\n        (click)=\"onCalendarClick($event)\"></button>\n    </span>\n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"hoursOptions()\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [ngModel]=\"selectedHour()\"\n        (ngModelChange)=\"onHourChange($event)\"\n        [disabled]=\"isDisabled()\"\n        [clearable]=\"false\"\n        [searchable]=\"false\"\n        (blur)=\"onBlur()\"\n        [placeholder]=\"isHourPlaceholderVisible() ? 'HH' : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    <span class=\"c-entry-datetime__separator\">:</span>\n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"minutesOptions()\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [ngModel]=\"selectedMinute()\"\n        (ngModelChange)=\"onMinuteChange($event)\"\n        [disabled]=\"isDisabled()\"\n        [clearable]=\"false\"\n        [searchable]=\"false\"\n        (blur)=\"onBlur()\"\n        [placeholder]=\"isMinutePlaceholderVisible() ? 'MM' : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DatetimeFieldComponent, decorators: [{
             type: Component,
@@ -1629,7 +1629,7 @@ class SelectFieldComponent extends BaseFieldComponent {
         this.hasValue.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div\n    class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n    [class.is-placeholder]=\"isPlaceholderVisible()\"\n    [class.is-invalid]=\"hasError()\"\n    [class.disabled]=\"isDisabled()\"\n  >\n    <ng-select\n      [items]=\"field().options ?? []\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n      [multiple]=\"field().multiple\"\n      [formControl]=\"formControl()\"\n      [compareWith]=\"compareWith\"\n      [class.has-error]=\"hasError()\"\n      [class.disabled]=\"isDisabled()\"\n      [readonly]=\"isReadonly()\"\n      [clearable]=\"field().clearable\"\n      [searchable]=\"isSearchable()\"\n      (blur)=\"onBlurInput()\"\n      (change)=\"onSelectChange($event)\"\n      (clear)=\"onSelectClear()\"\n      [placeholder]=\"\n        isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n      \"\n    >\n      <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-label-tmp let-item=\"item\">\n        <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-notfound-tmp>\n        <span class=\"ng-select-notfound\">{{\n          \"modal.field.serverSelect.noResults\" | translate\n        }}</span>\n      </ng-template>\n    </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SelectFieldComponent, isStandalone: true, selector: "core-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: NgSelectComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- Todo: Ng select + c-entry-select -->\n\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div\n    class=\"c-entry-input c-entry-input--ng-select c-entry-input--ng-select-alt\"\n    [class.is-placeholder]=\"isPlaceholderVisible()\"\n    [class.is-invalid]=\"hasError()\"\n    [class.disabled]=\"isDisabled()\"\n  >\n    <ng-select\n      [items]=\"field().options ?? []\"\n      bindValue=\"value\"\n      bindLabel=\"label\"\n      [multiple]=\"field().multiple\"\n      [formControl]=\"formControl()\"\n      [compareWith]=\"compareWith\"\n      [class.has-error]=\"hasError()\"\n      [class.disabled]=\"isDisabled()\"\n      [readonly]=\"isReadonly()\"\n      [clearable]=\"field().clearable\"\n      [searchable]=\"isSearchable()\"\n      (blur)=\"onBlurInput()\"\n      (change)=\"onSelectChange($event)\"\n      (clear)=\"onSelectClear()\"\n      [placeholder]=\"\n        isPlaceholderVisible() ? (field().placeholder ?? '' | translate) : ''\n      \"\n    >\n      <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\">\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-label-tmp let-item=\"item\">\n        <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n        {{ item.label | translate }}\n      </ng-template>\n      <ng-template ng-notfound-tmp>\n        <span class=\"ng-select-notfound\">{{\n          \"modal.field.serverSelect.noResults\" | translate\n        }}</span>\n      </ng-template>\n    </ng-select>\n    <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SelectFieldComponent, decorators: [{
             type: Component,
@@ -2035,6 +2035,7 @@ class DocumentFieldComponent extends BaseFieldComponent {
     documentTypeControl = new FormControl('');
     documentNumberControl = new FormControl('');
     isUserEditing = false;
+    isInitialized = false;
     defaultDocumentOptions = [
         { value: 'CI', label: 'CI' },
         { value: 'DNI', label: 'DNI' },
@@ -2056,9 +2057,15 @@ class DocumentFieldComponent extends BaseFieldComponent {
         const chars = this.fieldConfig().documentNumberChars;
         return chars ? chars.toString() : null;
     });
+    currentDocumentType = computed(() => {
+        const controlValue = this.documentTypeControl.value;
+        const defaultVal = this.fieldConfig().defaultValue;
+        return controlValue || defaultVal || '';
+    });
     documentFieldConfig = computed(() => {
         return {
             key: 'documentField',
+            placeholder: this.field().placeholder,
             type: FieldType.SELECT,
             label: '',
             readonly: false,
@@ -2067,6 +2074,13 @@ class DocumentFieldComponent extends BaseFieldComponent {
             defaultValue: this.fieldConfig().defaultValue,
         };
     });
+    ngOnInit() {
+        const defaultValue = this.fieldConfig().defaultValue;
+        if (defaultValue && !this.documentTypeControl.value) {
+            this.documentTypeControl.setValue(defaultValue, { emitEvent: true });
+        }
+        this.isInitialized = true;
+    }
     constructor() {
         super();
         effect(() => {
@@ -2107,7 +2121,13 @@ class DocumentFieldComponent extends BaseFieldComponent {
                 }
             }
             else if (!this.documentTypeControl.value && !this.documentNumberControl.value) {
-                this.documentTypeControl.setValue('', { emitEvent: false });
+                const defaultValue = config.defaultValue;
+                if (defaultValue) {
+                    this.documentTypeControl.setValue(defaultValue, { emitEvent: false });
+                }
+                else {
+                    this.documentTypeControl.setValue('', { emitEvent: false });
+                }
                 this.documentNumberControl.setValue('', { emitEvent: false });
             }
         });
@@ -2161,6 +2181,13 @@ class DocumentFieldComponent extends BaseFieldComponent {
             this.isUserEditing = false;
         }, 100);
     }
+    onDocumentTypeChangeFromSelect(value) {
+        this.isUserEditing = true;
+        this.documentTypeControl.setValue(value || '');
+        setTimeout(() => {
+            this.isUserEditing = false;
+        }, 100);
+    }
     onDocumentNumberChange(event) {
         const target = event.target;
         this.isUserEditing = true;
@@ -2193,11 +2220,11 @@ class DocumentFieldComponent extends BaseFieldComponent {
         this.documentTypeControl.setValue('');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DocumentFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DocumentFieldComponent, isStandalone: true, selector: "core-document-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [formControl]=\"documentTypeControl\"\n        [value]=\"documentTypeControl.value\"\n        [mode]=\"mode()\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: SelectFieldComponent, selector: "core-select-field", inputs: ["field"], outputs: ["selectionChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DocumentFieldComponent, isStandalone: true, selector: "core-document-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [value]=\"currentDocumentType()\"\n        [mode]=\"mode()\"\n        (valueChange)=\"onDocumentTypeChangeFromSelect($event)\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: SelectFieldComponent, selector: "core-select-field", inputs: ["field"], outputs: ["selectionChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DocumentFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-document-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, NgSelectModule, SelectFieldComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [formControl]=\"documentTypeControl\"\n        [value]=\"documentTypeControl.value\"\n        [mode]=\"mode()\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n" }]
+            args: [{ selector: 'core-document-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent, NgSelectModule, SelectFieldComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <core-select-field\n        [field]=\"documentFieldConfig()\"\n        [value]=\"currentDocumentType()\"\n        [mode]=\"mode()\"\n        (valueChange)=\"onDocumentTypeChangeFromSelect($event)\"\n      ></core-select-field>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input\n          type=\"text\"\n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\"\n        />\n      </span>\n    </div>\n    @if (hasError()) {\n      <core-field-errors [errors]=\"errors()\"></core-field-errors>\n    }\n  </label>\n</div>\n" }]
         }], ctorParameters: () => [] });
 // icon-compat.pipe.ts
@@ -3146,7 +3173,7 @@ class FileFieldComponent extends BaseFieldComponent {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileFieldComponent, isStandalone: true, selector: "core-file-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  @if (field().label) {\n    <span class=\"c-entry-text\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n  }\n  <div class=\"c-entry-file\" [class.has-error]=\"hasError()\">\n    @if(fieldConfig().multiple || isEditMode() || allFiles().length === 0) {\n      <label class=\"c-entry-file__label\">\n        <span class=\"icon-upload c-entry-file__icon\"></span>\n        <input\n          type=\"file\"\n          class=\"c-entry-file__input\"\n          (change)=\"onFileSelected($event)\"\n          [accept]=\"fieldConfig().accept\"\n          [multiple]=\"fieldConfig().multiple\"\n          (blur)=\"onBlurInput()\"\n          [readonly]=\"isReadonly()\"\n        >\n        {{ fieldConfig().placeholder ?? fieldConfig().label | translate }}\n        @if(fieldConfig().acceptString) {\n          <br>\n          <span class=\"c-entry-file__filename\" id=\"file-name\">{{ fieldConfig().acceptString }}</span>\n        }\n      </label>\n    }\n\n    @if (allFiles().length > 0) {\n      <div class=\"c-attachments\">\n        <p class=\"c-entry-text\">{{ 'files.attachedFiles' | translate }}</p>\n        \n        <ul class=\"c-attachments__list\">\n          @for (file of allFiles(); track $index; let i = $index) {\n            <li class=\"c-attachments__item\">\n              <div class=\"c-bulleted-text\">\n                @if(!isServerFile(file)) {\n                  <time>{{ getCurrentDate() }}</time>\n                  <span>{{ getCurrentUser() }}</span>\n                }\n              </div>\n              \n              <div class=\"c-attachments__holder\">\n                  @if(!isServerFile(file) && file.type.startsWith('image/') && fieldConfig().showPreview !== false) {\n                    <div class=\"c-attachments__content\">\n                      <div class=\"c-attachments__pic\">\n                        @if(isPreviewFile(file) && getOriginalUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getOriginalUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        } @else if(getPreviewUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getPreviewUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        }\n                      </div>\n                      <div class=\"c-attachments__text\">\n                        <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                        <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                      </div>\n                    </div>\n                  } @else {\n                    <a class=\"c-attachments__content\">\n                      @if(isServerFile(file)) {\n                        <span class=\"icon-file\"></span>\n                        {{ file.filename }}\n                      } @else {\n                        <span [class]=\"getFileIcon(file)\"></span>\n                        <div class=\"c-attachments__text\">\n                          <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                          <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                        </div>\n                      }\n                    </a>\n                  }\n\n                  <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                    <button \n                      type=\"button\" \n                      class=\"c-link context:error\" \n                      (click)=\"removeFile(i)\"\n                      [title]=\"'files.remove' | translate\"\n                    >\n                      <span class=\"icon-delete\"></span>\n                      {{ 'files.remove' | translate }}\n                    </button>\n\n                    @if(fieldConfig().customActions) {\n                      @for(action of fieldConfig().customActions; track action.id) {\n                        <button \n                          type=\"button\"\n                          class=\"c-link c-link--underlined\" \n                          (click)=\"action.action(file)\"\n                          [title]=\"action.label | translate\"\n                        >\n                          {{ action.label | translate }}\n                          <span [ngClass]=\"action.icon | coreIconCompat\"></span>\n                        </button>\n                      }\n                    }\n                  </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n  @if(displayErrorMessage()) {\n    <span class=\"c-entry-error\">{{ displayErrorMessage()!.key | translate:displayErrorMessage()!.params }}</span>\n  }\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative", "showSkeleton", "skeletonAnimation"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FileFieldComponent, isStandalone: true, selector: "core-file-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  @if (field().label) {\n    <span class=\"c-entry-text\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n  }\n  <div class=\"c-entry-file\" [class.has-error]=\"hasError()\">\n    @if(fieldConfig().multiple || isEditMode() || allFiles().length === 0) {\n      <label class=\"c-entry-file__label\">\n        <span class=\"icon-upload c-entry-file__icon\"></span>\n        <input\n          type=\"file\"\n          class=\"c-entry-file__input\"\n          (change)=\"onFileSelected($event)\"\n          [accept]=\"fieldConfig().accept\"\n          [multiple]=\"fieldConfig().multiple\"\n          (blur)=\"onBlurInput()\"\n          [readonly]=\"isReadonly()\"\n        >\n        {{ fieldConfig().placeholder ?? fieldConfig().label | translate }}\n        @if(fieldConfig().acceptString) {\n          <br>\n          <span class=\"c-entry-file__filename\" id=\"file-name\">{{ fieldConfig().acceptString }}</span>\n        }\n      </label>\n    }\n\n    @if (allFiles().length > 0) {\n      <div class=\"c-attachments\">\n        <p class=\"c-entry-text\">{{ 'files.attachedFiles' | translate }}</p>\n        \n        <ul class=\"c-attachments__list\">\n          @for (file of allFiles(); track $index; let i = $index) {\n            <li class=\"c-attachments__item\">\n              <div class=\"c-bulleted-text\">\n                @if(!isServerFile(file)) {\n                  <time>{{ getCurrentDate() }}</time>\n                  <span>{{ getCurrentUser() }}</span>\n                }\n              </div>\n              \n              <div class=\"c-attachments__holder\">\n                  @if(!isServerFile(file) && file.type.startsWith('image/') && fieldConfig().showPreview !== false) {\n                    <div class=\"c-attachments__content\">\n                      <div class=\"c-attachments__pic\">\n                        @if(isPreviewFile(file) && getOriginalUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getOriginalUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        } @else if(getPreviewUrl(file)) {\n                          <core-image-preview\n                            [src]=\"getPreviewUrl(file)!\"\n                            [alt]=\"file.name\"\n                          ></core-image-preview>\n                        }\n                      </div>\n                      <div class=\"c-attachments__text\">\n                        <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                        <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                      </div>\n                    </div>\n                  } @else {\n                    <a class=\"c-attachments__content\">\n                      @if(isServerFile(file)) {\n                        <span class=\"icon-file\"></span>\n                        {{ file.filename }}\n                      } @else {\n                        <span [class]=\"getFileIcon(file)\"></span>\n                        <div class=\"c-attachments__text\">\n                          <span class=\"c-attachments__name-file\">{{ file.name }}</span>\n                          <span class=\"c-attachments__file-size\">({{ formatFileSize(file.size) }})</span>\n                        </div>\n                      }\n                    </a>\n                  }\n\n                  <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                    <button \n                      type=\"button\" \n                      class=\"c-link context:error\" \n                      (click)=\"removeFile(i)\"\n                      [title]=\"'files.remove' | translate\"\n                    >\n                      <span class=\"icon-delete\"></span>\n                      {{ 'files.remove' | translate }}\n                    </button>\n\n                    @if(fieldConfig().customActions) {\n                      @for(action of fieldConfig().customActions; track action.id) {\n                        <button \n                          type=\"button\"\n                          class=\"c-link c-link--underlined\" \n                          (click)=\"action.action(file)\"\n                          [title]=\"action.label | translate\"\n                        >\n                          {{ action.label | translate }}\n                          <span [ngClass]=\"action.icon | coreIconCompat\"></span>\n                        </button>\n                      }\n                    }\n                  </div>\n              </div>\n            </li>\n          }\n        </ul>\n      </div>\n    }\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n  @if(displayErrorMessage()) {\n    <span class=\"c-entry-error\">{{ displayErrorMessage()!.key | translate:displayErrorMessage()!.params }}</span>\n  }\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative", "showSkeleton", "skeletonAnimation"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FileFieldComponent, decorators: [{
             type: Component,
@@ -3340,7 +3367,7 @@ class NumberFieldComponent extends BaseFieldComponent {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NumberFieldComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: NumberFieldComponent, isStandalone: true, selector: "core-number-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!--\n        \u2705! Solcre: Detalles para Ambos tipos de inputs implementados:\n        \u2705 title y aria-label de los botones - Ahora usan traducciones din\u00E1micas\n        \u2705 style=\"--chars: XXX\" - Implementado con getCharsWidth()\n        \u2705 Bot\u00F3n de Sumar chequea el atributo max - Implementado isIncrementDisabled()\n        \u2705 Bot\u00F3n de Restar chequea el atributo min - Implementado isDecrementDisabled()\n        \u2705 Estado disabled agregado (disabled y .is-disabled) - Implementado isDisabled()\n        \u2705 Atributos min/max agregados a los inputs\n        (?) El .c-entry-stepper o .c-entry-input deber\u00EDa ser un componente en s\u00ED mismo (No me queda claro esto)\n    -->\n\n    @if (fieldType() === NumberFieldConfigType.OUTSIDE) {\n\n        <div class=\"c-entry-stepper\" \n             [style.--chars]=\"getCharsWidth()\"\n             [class.is-disabled]=\"isDisabled()\">\n\n            <button class=\"c-entry-stepper__control icon-counter-down js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isDecrementDisabled()\"\n                (click)=\"onControlClick(-1)\"\n                (mousedown)=\"handleMouseDown($event, -1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, -1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.decrement' | translate\"\n                [attr.aria-label]=\"'number-field.decrement' | translate\"\n                tabindex=\"-1\"></button>\n\n            <input class=\"c-entry-input\"\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"numeric\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled() || getDisableInput()\"\n                [class.is-readonly]=\"isReadonly()\"\n                [readonly]=\"isReadonly()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                \n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\">\n\n            <button class=\"c-entry-stepper__control icon-counter-up js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isIncrementDisabled()\"\n                (click)=\"onControlClick(1)\"\n                (mousedown)=\"handleMouseDown($event, 1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, 1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.increment' | translate\"\n                [attr.aria-label]=\"'number-field.increment' | translate\"\n                tabindex=\"-1\"></button>\n        </div>\n    \n    } @else {\n\n        <label class=\"c-entry-input\"\n               [style.--chars]=\"getCharsWidth()\"\n               [class.is-invalid]=\"hasError()\"\n               [class.is-disabled]=\"isDisabled()\">\n            <span *ngIf=\"iconClass()\" class=\"{{ iconClass() | coreIconCompat }}\"></span>\n\n            <input\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"decimal\"\n                [class.is-disabled]=\"isDisabled()\"\n                [class.is-readonly]=\"isReadonly()\"\n                [readonly]=\"!getCanUseInput()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\"\n            />\n\n            <span class=\"c-entry-number-controls\">\n                <button class=\"icon-arrow-up js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isIncrementDisabled()\"\n                    (click)=\"onControlClick(1)\"\n                    (mousedown)=\"handleMouseDown($event, 1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, 1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.increment' | translate\"\n                    [attr.aria-label]=\"'number-field.increment' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n                <button class=\"icon-arrow-down js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isDecrementDisabled()\"\n                    (click)=\"onControlClick(-1)\"\n                    (mousedown)=\"handleMouseDown($event, -1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, -1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.decrement' | translate\"\n                    [attr.aria-label]=\"'number-field.decrement' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n            </span>\n        </label>\n    }\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n", styles: [".c-entry-input.is-readonly,.c-entry-stepper .c-entry-input.is-readonly{cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: NumberFieldComponent, isStandalone: true, selector: "core-number-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!--\n        \u2705! Solcre: Detalles para Ambos tipos de inputs implementados:\n        \u2705 title y aria-label de los botones - Ahora usan traducciones din\u00E1micas\n        \u2705 style=\"--chars: XXX\" - Implementado con getCharsWidth()\n        \u2705 Bot\u00F3n de Sumar chequea el atributo max - Implementado isIncrementDisabled()\n        \u2705 Bot\u00F3n de Restar chequea el atributo min - Implementado isDecrementDisabled()\n        \u2705 Estado disabled agregado (disabled y .is-disabled) - Implementado isDisabled()\n        \u2705 Atributos min/max agregados a los inputs\n        (?) El .c-entry-stepper o .c-entry-input deber\u00EDa ser un componente en s\u00ED mismo (No me queda claro esto)\n    -->\n\n    @if (fieldType() === NumberFieldConfigType.OUTSIDE) {\n\n        <div class=\"c-entry-stepper\" \n             [style.--chars]=\"getCharsWidth()\"\n             [class.is-disabled]=\"isDisabled()\">\n\n            <button class=\"c-entry-stepper__control icon-counter-down js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isDecrementDisabled()\"\n                (click)=\"onControlClick(-1)\"\n                (mousedown)=\"handleMouseDown($event, -1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, -1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.decrement' | translate\"\n                [attr.aria-label]=\"'number-field.decrement' | translate\"\n                tabindex=\"-1\"></button>\n\n            <input class=\"c-entry-input\"\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"numeric\"\n                [class.is-invalid]=\"hasError()\"\n                [class.is-disabled]=\"isDisabled() || getDisableInput()\"\n                [class.is-readonly]=\"isReadonly()\"\n                [readonly]=\"isReadonly()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                \n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\">\n\n            <button class=\"c-entry-stepper__control icon-counter-up js-input-number-control\"\n                type=\"button\"\n                [disabled]=\"isIncrementDisabled()\"\n                (click)=\"onControlClick(1)\"\n                (mousedown)=\"handleMouseDown($event, 1)\"\n                (mouseup)=\"handleMouseUp($event)\"\n                (mouseleave)=\"handleMouseUp($event)\"\n                (touchstart)=\"handleTouchStart($event, 1)\"\n                (touchend)=\"handleTouchEnd($event)\"\n                (touchcancel)=\"handleTouchEnd($event)\"\n                [title]=\"'number-field.increment' | translate\"\n                [attr.aria-label]=\"'number-field.increment' | translate\"\n                tabindex=\"-1\"></button>\n        </div>\n    \n    } @else {\n\n        <label class=\"c-entry-input\"\n               [style.--chars]=\"getCharsWidth()\"\n               [class.is-invalid]=\"hasError()\"\n               [class.is-disabled]=\"isDisabled()\">\n            <span *ngIf=\"iconClass()\" class=\"{{ iconClass() | coreIconCompat }}\"></span>\n\n            <input\n                type=\"number\"\n                [min]=\"getMinValue()\"\n                [max]=\"getMaxValue()\"\n                inputmode=\"decimal\"\n                [class.is-disabled]=\"isDisabled()\"\n                [class.is-readonly]=\"isReadonly()\"\n                [readonly]=\"!getCanUseInput()\"\n                [style.pointer-events]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [style.user-select]=\"!getCanUseInput() ? 'none' : 'auto'\"\n                [id]=\"field().key.toString()\"\n                [name]=\"field().key.toString()\"\n                [formControl]=\"formControl()\"\n                (blur)=\"onBlurInput()\"\n                (keydown)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keypress)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (keyup)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (input)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (paste)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                (drop)=\"!getCanUseInput() ? $event.preventDefault() : null\"\n                [placeholder]=\"(field().placeholder ?? '') | translate\"\n            />\n\n            <span class=\"c-entry-number-controls\">\n                <button class=\"icon-arrow-up js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isIncrementDisabled()\"\n                    (click)=\"onControlClick(1)\"\n                    (mousedown)=\"handleMouseDown($event, 1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, 1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.increment' | translate\"\n                    [attr.aria-label]=\"'number-field.increment' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n                <button class=\"icon-arrow-down js-input-number-control\"\n                    type=\"button\"\n                    [disabled]=\"isDecrementDisabled()\"\n                    (click)=\"onControlClick(-1)\"\n                    (mousedown)=\"handleMouseDown($event, -1)\"\n                    (mouseup)=\"handleMouseUp($event)\"\n                    (mouseleave)=\"handleMouseUp($event)\"\n                    (touchstart)=\"handleTouchStart($event, -1)\"\n                    (touchend)=\"handleTouchEnd($event)\"\n                    (touchcancel)=\"handleTouchEnd($event)\"\n                    [title]=\"'number-field.decrement' | translate\"\n                    [attr.aria-label]=\"'number-field.decrement' | translate\"\n                    tabindex=\"-1\"\n                    ></button>\n            </span>\n        </label>\n    }\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n", styles: [".c-entry-input.is-readonly,.c-entry-stepper .c-entry-input.is-readonly{cursor:not-allowed;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i3$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: NumberFieldComponent, decorators: [{
             type: Component,
@@ -3386,7 +3413,7 @@ class PasswordFieldComponent extends BaseFieldComponent {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PasswordFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: PasswordFieldComponent, isStandalone: true, selector: "core-password-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Solcre: Esto lo estoy haciendo a ciegas \uD83D\uDE05 -->\n \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <label class=\"c-entry-input\"\n    [class.is-invalid]=\"hasError()\"\n    [class.is-readonly]=\"hasError()\"\n    [class.is-disabled]=\"hasError()\">\n\n    @if (field().prefixIcon) {\n        <span class=\"c-entry-input__addon {{ field().prefixIcon }}\"></span>\n    }\n\n    <input \n      [type]=\"inputType()\" \n      [formControl]=\"formControl()\"\n      [placeholder]=\"(field().placeholder ?? '') | translate\"\n      (blur)=\"onBlurInput()\">\n\n    <button class=\"c-entry-input__addon\"\n      (click)=\"togglePasswordVisibility()\"\n      [class]=\"showPassword()? 'icon-password-hide-thin' :'icon-password-thin'\"\n      ></button>\n\n  </label>\n  <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: PasswordFieldComponent, isStandalone: true, selector: "core-password-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Solcre: Esto lo estoy haciendo a ciegas \uD83D\uDE05 -->\n \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <label class=\"c-entry-input\"\n    [class.is-invalid]=\"hasError()\"\n    [class.is-readonly]=\"hasError()\"\n    [class.is-disabled]=\"hasError()\">\n\n    @if (field().prefixIcon) {\n        <span class=\"c-entry-input__addon {{ field().prefixIcon }}\"></span>\n    }\n\n    <input \n      [type]=\"inputType()\" \n      [formControl]=\"formControl()\"\n      [placeholder]=\"(field().placeholder ?? '') | translate\"\n      (blur)=\"onBlurInput()\">\n\n    <button class=\"c-entry-input__addon\"\n      (click)=\"togglePasswordVisibility()\"\n      [class]=\"showPassword()? 'icon-password-hide-thin' :'icon-password-thin'\"\n      ></button>\n\n  </label>\n  <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PasswordFieldComponent, decorators: [{
             type: Component,
@@ -4055,7 +4082,7 @@ class PhoneFieldComponent extends BaseFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PhoneFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: PhoneFieldComponent, isStandalone: true, selector: "core-phone-field", host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-entry-phone\" [class.is-disabled]=\"isDisabled()\">\n    <div\n      class=\"c-entry-input c-entry-input--phone c-area-code js-area-code c-phone-field__custom-select\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-readonly]=\"isReadonly()\"\n      (click)=\"onAreaCodeClick($event)\"\n      (keydown.enter)=\"onAreaCodeKeydown($any($event))\"\n      (keydown.space)=\"onAreaCodeKeydown($any($event))\"\n      role=\"button\"\n      [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n      [attr.aria-expanded]=\"isDropdownOpen()\"\n      [attr.aria-haspopup]=\"true\"\n    >\n      <input type=\"hidden\" class=\"js-area-value\" [value]=\"selectedCountry()?.phone || ''\" />\n      <div class=\"c-area-code__selected js-area-code-selected\">\n        @if (phoneConfig().showFlags && selectedCountry()?.flag) {\n          <img\n            class=\"c-area-code__flag\"\n            [src]=\"getFlagUrl(selectedCountry()!)\"\n            [alt]=\"selectedCountry()?.name || ''\"\n            (error)=\"onFlagError($event)\"\n          />\n        }\n        <span class=\"c-area-code__num\">{{ getSelectedCountryDisplay() }}</span>\n        <span class=\"c-area-code__arrow icon-arrow-down\"></span>\n      </div>\n      <div class=\"c-area-code__options js-area-code-options\" [class.show]=\"isDropdownOpen()\">\n        @for (country of availableCountries(); track country.code + '-' + country.name) {\n          <div class=\"c-area-code__option\" (click)=\"selectCountry(country, $event)\">\n            @if (phoneConfig().showFlags && country.flag) {\n              <img\n                class=\"c-area-code__flag\"\n                [src]=\"getFlagUrl(country)\"\n                [alt]=\"country.name\"\n                (error)=\"onFlagError($event)\"\n              />\n            }\n            <span>{{ getCountryLabel(country) }}</span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <span\n      class=\"c-entry-input\"\n      [class.is-readonly]=\"isReadonly() || field().blocked\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-invalid]=\"hasError()\"\n    >\n      <input\n        type=\"tel\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [formControl]=\"phoneControl\"\n        [placeholder]=\"getPhonePlaceholder() | translate\"\n        [readonly]=\"isReadonly() || field().blocked\"\n        [class.has-error]=\"hasError()\"\n        [class.is-invalid]=\"hasError()\"\n        inputmode=\"numeric\"\n        autocomplete=\"tel\"\n        (blur)=\"onBlurInput()\"\n        (keydown.enter)=\"onEnterInput($any($event))\"\n        (keypress)=\"onPhoneKeyPress($event)\"\n      />\n    </span>\n  </div>\n\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: PhoneFieldComponent, isStandalone: true, selector: "core-phone-field", host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesInheritance: true, ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <span class=\"c-entry-text\" *ngIf=\"field().label\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </span>\n\n  <div class=\"c-entry-phone\" [class.is-disabled]=\"isDisabled()\">\n    <div\n      class=\"c-entry-input c-entry-input--phone c-area-code js-area-code c-phone-field__custom-select\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-readonly]=\"isReadonly()\"\n      (click)=\"onAreaCodeClick($event)\"\n      (keydown.enter)=\"onAreaCodeKeydown($any($event))\"\n      (keydown.space)=\"onAreaCodeKeydown($any($event))\"\n      role=\"button\"\n      [attr.tabindex]=\"isDisabled() ? -1 : 0\"\n      [attr.aria-expanded]=\"isDropdownOpen()\"\n      [attr.aria-haspopup]=\"true\"\n    >\n      <input type=\"hidden\" class=\"js-area-value\" [value]=\"selectedCountry()?.phone || ''\" />\n      <div class=\"c-area-code__selected js-area-code-selected\">\n        @if (phoneConfig().showFlags && selectedCountry()?.flag) {\n          <img\n            class=\"c-area-code__flag\"\n            [src]=\"getFlagUrl(selectedCountry()!)\"\n            [alt]=\"selectedCountry()?.name || ''\"\n            (error)=\"onFlagError($event)\"\n          />\n        }\n        <span class=\"c-area-code__num\">{{ getSelectedCountryDisplay() }}</span>\n        <span class=\"c-area-code__arrow icon-arrow-down\"></span>\n      </div>\n      <div class=\"c-area-code__options js-area-code-options\" [class.show]=\"isDropdownOpen()\">\n        @for (country of availableCountries(); track country.code + '-' + country.name) {\n          <div class=\"c-area-code__option\" (click)=\"selectCountry(country, $event)\">\n            @if (phoneConfig().showFlags && country.flag) {\n              <img\n                class=\"c-area-code__flag\"\n                [src]=\"getFlagUrl(country)\"\n                [alt]=\"country.name\"\n                (error)=\"onFlagError($event)\"\n              />\n            }\n            <span>{{ getCountryLabel(country) }}</span>\n          </div>\n        }\n      </div>\n    </div>\n\n    <span\n      class=\"c-entry-input\"\n      [class.is-readonly]=\"isReadonly() || field().blocked\"\n      [class.is-disabled]=\"isDisabled()\"\n      [class.is-invalid]=\"hasError()\"\n    >\n      <input\n        type=\"tel\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [formControl]=\"phoneControl\"\n        [placeholder]=\"getPhonePlaceholder() | translate\"\n        [readonly]=\"isReadonly() || field().blocked\"\n        [class.has-error]=\"hasError()\"\n        [class.is-invalid]=\"hasError()\"\n        inputmode=\"numeric\"\n        autocomplete=\"tel\"\n        (blur)=\"onBlurInput()\"\n        (keydown.enter)=\"onEnterInput($any($event))\"\n        (keypress)=\"onPhoneKeyPress($event)\"\n      />\n    </span>\n  </div>\n\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PhoneFieldComponent, decorators: [{
             type: Component,
@@ -4769,7 +4796,7 @@ class ServerSelectFieldComponent extends BaseFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ServerSelectFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ServerSelectFieldComponent, isStandalone: true, selector: "core-server-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: ["ngSelect"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Solcre: Deberia ser el mismo componente que el select-field.component -->\n<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n \n    <!-- ! Solcre: El .c-entry-select deberia ser un componente en s\u00ED mismo -->\n    <!-- ! Solcre: Sacar el .is-placeholder en el onChange -->\n \n    <span class=\"c-entry-input c-entry-input--ng-select\"\n          [class.is-placeholder]=\"isPlaceholderVisible()\">\n    <!-- <div class=\"c-entry-select\"> -->\n \n        <ng-select #ngSelect\n            [items]=\"items()\"\n            [bindValue]=\"field().bindValue ?? 'id'\"\n            [multiple]=\"field().multiple\"\n            [formControl]=\"formControl()\"\n            [compareWith]=\"compareWith\"\n            [class.has-error]=\"hasError()\"\n            [readonly]=\"field().readonly\"\n            [clearable]=\"!!value()\"\n            [searchable]=\"isSearchable()\"\n            [loading]=\"isLoading()\"\n            [typeahead]=\"searchInput$\"\n            (blur)=\"onBlurInput()\"\n            (click)=\"onFieldClick()\"\n            (beforeOpen)=\"onBeforeOpen()\"\n            (open)=\"onOpen()\"\n            (close)=\"onClose()\"\n            (change)=\"onSelectChange($event)\"\n            (clear)=\"onSelectClear()\"\n            [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? 'commons.select.placeholder') | translate) : ''\"\n            [virtualScroll]=\"true\"\n            [clearable]=\"true\"\n        >\n            <!-- Estilos para cuando se clickea el select para buscar (si es conveniente dejarlo vac\u00EDo) -->\n            <ng-template ng-typetosearch-tmp></ng-template>\n            <ng-template ng-option-tmp let-item=\"item\">\n                <!-- Estilos de opciones del select-->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-label-tmp let-item=\"item\">\n                <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-loadingtext-tmp>\n                <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n            </ng-template>\n            <ng-template ng-notfound-tmp>\n                <ng-container *ngIf=\"isLoading(); else noData\">\n                    <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n                </ng-container>\n                <ng-template #noData>\n                    <ng-container *ngIf=\"hasSearched(); else startTyping\">\n                        <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n                    </ng-container>\n                    <ng-template #startTyping>\n                        <span class=\"ng-select-start-typing\">{{ 'modal.field.serverSelect.typeToSearch' | translate }}</span>\n                    </ng-template>\n                </ng-template>\n            </ng-template>\n        </ng-select>\n \n        <!-- <span class=\"c-entry-select__arrow icon-arrow-down\"></span> -->\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span> <!-- .c-entry-select || .c-entry-input -->\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i5.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i5.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ServerSelectFieldComponent, isStandalone: true, selector: "core-server-select-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "ngSelect", first: true, predicate: ["ngSelect"], descendants: true }], usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Solcre: Deberia ser el mismo componente que el select-field.component -->\n<!-- Todo: Ng select + c-entry-select -->\n  \n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n \n    <!-- ! Solcre: El .c-entry-select deberia ser un componente en s\u00ED mismo -->\n    <!-- ! Solcre: Sacar el .is-placeholder en el onChange -->\n \n    <span class=\"c-entry-input c-entry-input--ng-select\"\n          [class.is-placeholder]=\"isPlaceholderVisible()\">\n    <!-- <div class=\"c-entry-select\"> -->\n \n        <ng-select #ngSelect\n            [items]=\"items()\"\n            [bindValue]=\"field().bindValue ?? 'id'\"\n            [multiple]=\"field().multiple\"\n            [formControl]=\"formControl()\"\n            [compareWith]=\"compareWith\"\n            [class.has-error]=\"hasError()\"\n            [readonly]=\"field().readonly\"\n            [clearable]=\"!!value()\"\n            [searchable]=\"isSearchable()\"\n            [loading]=\"isLoading()\"\n            [typeahead]=\"searchInput$\"\n            (blur)=\"onBlurInput()\"\n            (click)=\"onFieldClick()\"\n            (beforeOpen)=\"onBeforeOpen()\"\n            (open)=\"onOpen()\"\n            (close)=\"onClose()\"\n            (change)=\"onSelectChange($event)\"\n            (clear)=\"onSelectClear()\"\n            [placeholder]=\"isPlaceholderVisible() ? ((field().placeholder ?? 'commons.select.placeholder') | translate) : ''\"\n            [virtualScroll]=\"true\"\n            [clearable]=\"true\"\n        >\n            <!-- Estilos para cuando se clickea el select para buscar (si es conveniente dejarlo vac\u00EDo) -->\n            <ng-template ng-typetosearch-tmp></ng-template>\n            <ng-template ng-option-tmp let-item=\"item\">\n                <!-- Estilos de opciones del select-->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-label-tmp let-item=\"item\">\n                <!-- Estilos que aparecen en la etiqueta del item seleccionado -->\n                {{ getDisplayLabel(item) }}\n            </ng-template>\n            <ng-template ng-loadingtext-tmp>\n                <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n            </ng-template>\n            <ng-template ng-notfound-tmp>\n                <ng-container *ngIf=\"isLoading(); else noData\">\n                    <span class=\"ng-select-loading\">{{ 'commons.loading' | translate }}</span>\n                </ng-container>\n                <ng-template #noData>\n                    <ng-container *ngIf=\"hasSearched(); else startTyping\">\n                        <span class=\"ng-select-notfound\">{{ 'modal.field.serverSelect.noResults' | translate }}</span>\n                    </ng-container>\n                    <ng-template #startTyping>\n                        <span class=\"ng-select-start-typing\">{{ 'modal.field.serverSelect.typeToSearch' | translate }}</span>\n                    </ng-template>\n                </ng-template>\n            </ng-template>\n        </ng-select>\n \n        <!-- <span class=\"c-entry-select__arrow icon-arrow-down\"></span> -->\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span> <!-- .c-entry-select || .c-entry-input -->\n    <core-field-errors [errors]=\"errors()\" />\n</div> <!-- .c-entry-item -->", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i5.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i5.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i5.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ServerSelectFieldComponent, decorators: [{
             type: Component,
@@ -4852,7 +4879,7 @@ class SwitchFieldComponent extends BaseFieldComponent {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SwitchFieldComponent, isStandalone: true, selector: "core-switch-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- <div class=\"c-entry-toggle-holder\" [class.is-invalid]=\"hasError()\"> -->\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\"\n        *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        (?)Solcre: El .c-entry-toggle deber\u00EDa ser un componente por si solo\n    -->\n    <label class=\"c-entry-toggle\"\n        [class.is-invalid]=\"hasError()\"\n        [class.is-disabled]=\"isDisabled()\">\n        \n        <!-- \n            \u2705 onBlurInput(): Maneja el evento blur para:\n            - Validar el campo al perder el foco\n            - Actualizar el estado del formulario \n            - Disparar eventos de cambio si es necesario\n        -->\n        <input\n            type=\"checkbox\"\n            [id]=\"field().key.toString()\"\n            [name]=\"field().key.toString()\"\n            [formControl]=\"formControl()\"\n            [attr.aria-label]=\"(field().label || field().key.toString()) | translate\"\n            (blur)=\"onBlurInput()\"\n        />\n        <span class=\"c-entry-toggle__text\">{{ labelOff() | translate }}</span>\n        <span class=\"c-entry-toggle__switch\"></span>\n        <span class=\"c-entry-toggle__text\">{{ labelOn() | translate }}</span>\n    </label>\n    <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [".disabled{opacity:.5;pointer-events:none;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SwitchFieldComponent, isStandalone: true, selector: "core-switch-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- <div class=\"c-entry-toggle-holder\" [class.is-invalid]=\"hasError()\"> -->\n<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\"\n        *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        (?)Solcre: El .c-entry-toggle deber\u00EDa ser un componente por si solo\n    -->\n    <label class=\"c-entry-toggle\"\n        [class.is-invalid]=\"hasError()\"\n        [class.is-disabled]=\"isDisabled()\">\n        \n        <!-- \n            \u2705 onBlurInput(): Maneja el evento blur para:\n            - Validar el campo al perder el foco\n            - Actualizar el estado del formulario \n            - Disparar eventos de cambio si es necesario\n        -->\n        <input\n            type=\"checkbox\"\n            [id]=\"field().key.toString()\"\n            [name]=\"field().key.toString()\"\n            [formControl]=\"formControl()\"\n            [attr.aria-label]=\"(field().label || field().key.toString()) | translate\"\n            (blur)=\"onBlurInput()\"\n        />\n        <span class=\"c-entry-toggle__text\">{{ labelOff() | translate }}</span>\n        <span class=\"c-entry-toggle__switch\"></span>\n        <span class=\"c-entry-toggle__text\">{{ labelOn() | translate }}</span>\n    </label>\n    <core-field-errors [errors]=\"errors()\" />\n</div>\n", styles: [".disabled{opacity:.5;pointer-events:none;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SwitchFieldComponent, decorators: [{
             type: Component,
@@ -4894,7 +4921,7 @@ class TextAreaFieldComponent extends BaseFieldComponent {
         this.onBlur();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextAreaFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextAreaFieldComponent, isStandalone: true, selector: "core-text-area-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- ! Solcre: Falta un estado disabled -->\n    <textarea class=\"c-entry-input\"\n        rows=\"4\"\n        [class.is-invalid]=\"hasError()\"\n        [formControl]=\"formControl()\"\n        [placeholder]=\"(field().placeholder ?? '') | translate\"\n        (blur)=\"onBlurInput()\">\n    </textarea>\n    <core-field-errors [errors]=\"errors()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextAreaFieldComponent, isStandalone: true, selector: "core-text-area-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- ! Solcre: Falta un estado disabled -->\n    <textarea class=\"c-entry-input\"\n        rows=\"4\"\n        [class.is-invalid]=\"hasError()\"\n        [formControl]=\"formControl()\"\n        [placeholder]=\"(field().placeholder ?? '') | translate\"\n        (blur)=\"onBlurInput()\">\n    </textarea>\n    <core-field-errors [errors]=\"errors()\" />\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextAreaFieldComponent, decorators: [{
             type: Component,
@@ -4949,7 +4976,7 @@ class TextFieldComponent extends BaseFieldComponent {
         this.onEnterInput(keyboardEvent);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextFieldComponent, isStandalone: true, selector: "core-text-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        ! Solcre: Detalles del input implementados:\n        \u2705 Estado disabled agregado - Implementado isDisabled()\n        \u2705 Type din\u00E1mico implementado - Acepta text, email, url, tel, etc.\n        \u2705 style=\"--chars: XXX\" implementado - Ancho adaptable seg\u00FAn caracteres\n        \u2705 PrefixIcon agregado - Soporte para iconos de prefijo\n    -->\n\n    <span class=\"c-entry-input\"\n        [style.--chars]=\"getCharsWidth()\"\n        [class.is-readonly]=\"isReadonly() || field().blocked\"\n        [class.is-disabled]=\"isDisabled()\">\n        @if (field().prefixIcon) {\n            <span class=\"c-entry-input__addon\" [class]=\"field().prefixIcon | coreIconCompat\"></span>\n        }\n        <input \n            [type]=\"getInputType()\"\n            [class.has-error]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [class.is-invalid]=\"hasError()\"\n            [formControl]=\"formControl()\"\n            [placeholder]=\"(field().placeholder ?? '') | translate\"\n            (blur)=\"onBlurInput($event)\"\n            (keydown.enter)=\"handleEnterKey($event)\"\n            />\n        <span *ngIf=\"field().blocked\" class=\"c-entry-input__addon icon-locked-thin\"></span>\n    </span>\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextFieldComponent, isStandalone: true, selector: "core-text-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n        {{ field().label | translate }}\n        @if (hasRequiredValidators()) {\n            <span class=\"c-required\">*</span>\n        }\n    </span>\n\n    <!-- \n        ! Solcre: Detalles del input implementados:\n        \u2705 Estado disabled agregado - Implementado isDisabled()\n        \u2705 Type din\u00E1mico implementado - Acepta text, email, url, tel, etc.\n        \u2705 style=\"--chars: XXX\" implementado - Ancho adaptable seg\u00FAn caracteres\n        \u2705 PrefixIcon agregado - Soporte para iconos de prefijo\n    -->\n\n    <span class=\"c-entry-input\"\n        [style.--chars]=\"getCharsWidth()\"\n        [class.is-readonly]=\"isReadonly() || field().blocked\"\n        [class.is-disabled]=\"isDisabled()\">\n        @if (field().prefixIcon) {\n            <span class=\"c-entry-input__addon\" [class]=\"field().prefixIcon | coreIconCompat\"></span>\n        }\n        <input \n            [type]=\"getInputType()\"\n            [class.has-error]=\"hasError()\"\n            [class.is-disabled]=\"isDisabled()\"\n            [class.is-invalid]=\"hasError()\"\n            [formControl]=\"formControl()\"\n            [placeholder]=\"(field().placeholder ?? '') | translate\"\n            (blur)=\"onBlurInput($event)\"\n            (keydown.enter)=\"handleEnterKey($event)\"\n            />\n        <span *ngIf=\"field().blocked\" class=\"c-entry-input__addon icon-locked-thin\"></span>\n    </span>\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n</label>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextFieldComponent, decorators: [{
             type: Component,
@@ -5286,7 +5313,7 @@ class TimeFieldComponent {
         }, 0);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TimeFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TimeFieldComponent, isStandalone: true, selector: "core-time-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\" [class.time-field-range]=\"includeEndTime()\">\n  <!-- Start Time Field -->\n  <div class=\"time-field-container\">\n    <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-start'\">\n      {{ startTimeLabel() | translate }}\n      @if (includeEndTime() ? hasStartTimeRequiredValidator() : hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </label>\n    \n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"includeEndTime() ? hasStartTimeError() : hasError()\">\n      <ng-select\n        [id]=\"field().key.toString() + '-start'\"\n        [items]=\"startTimeOptions()\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        [clearable]=\"!(includeEndTime() ? hasStartTimeRequiredValidator() : hasRequiredValidators())\"\n        [disabled]=\"isDisabled()\"\n        [ngModel]=\"selectedStartTime()\"\n        (ngModelChange)=\"onStartTimeChange($event)\"\n        (blur)=\"onStartTimeBlur()\"\n        [placeholder]=\"isStartPlaceholderVisible() ? ('time-field.select-time' | translate) : ''\"\n        [searchable]=\"false\">\n        \n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n          @if (item.used) {\n            <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n          }\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    \n    <!-- Start Time Individual Error Messages -->\n    @if (includeEndTime() && hasStartTimeError()) {\n      <core-field-errors [errors]=\"startTimeErrors()\"></core-field-errors>\n    }\n  </div>\n\n  <!-- End Time Field (only if includeEndTime is true) -->\n  @if (includeEndTime()) {\n    <div class=\"time-field-container time-field-end\">\n      <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-end'\">\n        {{ endTimeLabel() | translate }}\n        @if (hasEndTimeRequiredValidator()) {\n          <span class=\"c-required\">*</span>\n        }\n      </label>\n      \n      <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasEndTimeError()\">\n        <ng-select\n          [id]=\"field().key.toString() + '-end'\"\n          [items]=\"endTimeOptions()\"\n          bindLabel=\"label\"\n          bindValue=\"value\"\n          [clearable]=\"!hasEndTimeRequiredValidator()\"\n          [disabled]=\"isDisabled() || !selectedStartTime()\"\n          [ngModel]=\"selectedEndTime()\"\n          (ngModelChange)=\"onEndTimeChange($event)\"\n          (blur)=\"onEndTimeBlur()\"\n          [placeholder]=\"isEndPlaceholderVisible() ? ('time-field.select-end-time' | translate) : ''\"\n          [searchable]=\"false\">\n          \n          <ng-template ng-option-tmp let-item=\"item\">\n            {{ item.label }}\n            @if (item.used) {\n              <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n            }\n            @if (selectedStartTime() && item.value === selectedStartTime()!) {\n              <span class=\"unavailable-indicator\"> ({{ 'time-field.unavailable' | translate }})</span>\n            }\n          </ng-template>\n          <ng-template ng-label-tmp let-item=\"item\">\n            {{ item.label }}\n          </ng-template>\n        </ng-select>\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n      </span>\n      \n      <!-- End Time Individual Error Messages -->\n      @if (hasEndTimeError()) {\n        <core-field-errors [errors]=\"endTimeErrors()\"></core-field-errors>\n      }\n    </div>\n  }\n\n  <!-- General Error Messages (only if not using individual validation) -->\n  @if (!includeEndTime() && hasError()) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TimeFieldComponent, isStandalone: true, selector: "core-time-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\" [class.time-field-range]=\"includeEndTime()\">\n  <!-- Start Time Field -->\n  <div class=\"time-field-container\">\n    <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-start'\">\n      {{ startTimeLabel() | translate }}\n      @if (includeEndTime() ? hasStartTimeRequiredValidator() : hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </label>\n    \n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"includeEndTime() ? hasStartTimeError() : hasError()\">\n      <ng-select\n        [id]=\"field().key.toString() + '-start'\"\n        [items]=\"startTimeOptions()\"\n        bindLabel=\"label\"\n        bindValue=\"value\"\n        [clearable]=\"!(includeEndTime() ? hasStartTimeRequiredValidator() : hasRequiredValidators())\"\n        [disabled]=\"isDisabled()\"\n        [ngModel]=\"selectedStartTime()\"\n        (ngModelChange)=\"onStartTimeChange($event)\"\n        (blur)=\"onStartTimeBlur()\"\n        [placeholder]=\"isStartPlaceholderVisible() ? ('time-field.select-time' | translate) : ''\"\n        [searchable]=\"false\">\n        \n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n          @if (item.used) {\n            <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n          }\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    \n    <!-- Start Time Individual Error Messages -->\n    @if (includeEndTime() && hasStartTimeError()) {\n      <core-field-errors [errors]=\"startTimeErrors()\"></core-field-errors>\n    }\n  </div>\n\n  <!-- End Time Field (only if includeEndTime is true) -->\n  @if (includeEndTime()) {\n    <div class=\"time-field-container time-field-end\">\n      <label class=\"c-entry-text\" [for]=\"field().key.toString() + '-end'\">\n        {{ endTimeLabel() | translate }}\n        @if (hasEndTimeRequiredValidator()) {\n          <span class=\"c-required\">*</span>\n        }\n      </label>\n      \n      <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasEndTimeError()\">\n        <ng-select\n          [id]=\"field().key.toString() + '-end'\"\n          [items]=\"endTimeOptions()\"\n          bindLabel=\"label\"\n          bindValue=\"value\"\n          [clearable]=\"!hasEndTimeRequiredValidator()\"\n          [disabled]=\"isDisabled() || !selectedStartTime()\"\n          [ngModel]=\"selectedEndTime()\"\n          (ngModelChange)=\"onEndTimeChange($event)\"\n          (blur)=\"onEndTimeBlur()\"\n          [placeholder]=\"isEndPlaceholderVisible() ? ('time-field.select-end-time' | translate) : ''\"\n          [searchable]=\"false\">\n          \n          <ng-template ng-option-tmp let-item=\"item\">\n            {{ item.label }}\n            @if (item.used) {\n              <span class=\"used-indicator\"> ({{ 'time-field.used' | translate }})</span>\n            }\n            @if (selectedStartTime() && item.value === selectedStartTime()!) {\n              <span class=\"unavailable-indicator\"> ({{ 'time-field.unavailable' | translate }})</span>\n            }\n          </ng-template>\n          <ng-template ng-label-tmp let-item=\"item\">\n            {{ item.label }}\n          </ng-template>\n        </ng-select>\n        <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n      </span>\n      \n      <!-- End Time Individual Error Messages -->\n      @if (hasEndTimeError()) {\n        <core-field-errors [errors]=\"endTimeErrors()\"></core-field-errors>\n      }\n    </div>\n  }\n\n  <!-- General Error Messages (only if not using individual validation) -->\n  @if (!includeEndTime() && hasError()) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["ariaLabelDropdown", "bindLabel", "bindValue", "ariaLabel", "markFirst", "placeholder", "fixedPlaceholder", "notFoundText", "typeToSearchText", "preventToggleOnRightClick", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "tabFocusOnClearButton", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "ngClass", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick", "keyDownFn"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i5.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i5.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TimeFieldComponent, decorators: [{
             type: Component,
@@ -5708,7 +5735,7 @@ class MultiEntryFieldComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MultiEntryFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MultiEntryFieldComponent, isStandalone: true, selector: "core-multi-entry-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent", hasErrors: "hasErrors" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  @for (entry of entries(); track entry.id; let index = $index) {\n    <div class=\"c-entry-item\">\n      <!-- Campo din\u00E1mico para cada entrada -->\n      <div\n        coreDynamicField\n        [field]=\"createFieldConfigForEntry(index)\"\n        [value]=\"entry.value\"\n        [mode]=\"mode()\"\n        [errors]=\"getEntryErrors(index)\"\n        [rowData]=\"rowData()\"\n        [formValue]=\"formValue()\"\n        (valueChange)=\"onFieldValueChange($event, index)\"\n        (onBlurEvent)=\"onFieldBlur($event)\"\n        (onEnterEvent)=\"onFieldEnter($event)\">\n      </div>\n\n      <!-- Botones de acci\u00F3n (agregar/eliminar) -->\n      @if (shouldShowActions(index)) {\n        <div class=\"c-entry-actions\">\n          @if (shouldShowAddButton(index)) {\n            <button \n              type=\"button\"\n              class=\"c-entry-action c-entry-action--add\"\n              (click)=\"addEntry()\"\n              [disabled]=\"isDisabled()\"\n              [title]=\"addLabel() | translate\"\n              [attr.aria-label]=\"addLabel() | translate\">\n              <span class=\"icon-counter-up\"></span>\n              {{ addLabel() | translate }}\n            </button>\n          }\n          \n          @if (shouldShowRemoveButton(index)) {\n            <button \n              type=\"button\"\n              class=\"c-entry-action c-entry-action--remove\"\n              (click)=\"removeEntry(index)\"\n              [disabled]=\"isDisabled()\"\n              [title]=\"removeLabel() | translate\"\n              [attr.aria-label]=\"removeLabel() | translate\">\n              <span class=\"icon-counter-down\"></span>\n              {{ removeLabel() | translate }}\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Errores del campo principal (solo si hay errores globales) -->\n  @if (errors().length > 0) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MultiEntryFieldComponent, isStandalone: true, selector: "core-multi-entry-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent", hasErrors: "hasErrors" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  @for (entry of entries(); track entry.id; let index = $index) {\n    <div class=\"c-entry-item\">\n      <!-- Campo din\u00E1mico para cada entrada -->\n      <div\n        coreDynamicField\n        [field]=\"createFieldConfigForEntry(index)\"\n        [value]=\"entry.value\"\n        [mode]=\"mode()\"\n        [errors]=\"getEntryErrors(index)\"\n        [rowData]=\"rowData()\"\n        [formValue]=\"formValue()\"\n        (valueChange)=\"onFieldValueChange($event, index)\"\n        (onBlurEvent)=\"onFieldBlur($event)\"\n        (onEnterEvent)=\"onFieldEnter($event)\">\n      </div>\n\n      <!-- Botones de acci\u00F3n (agregar/eliminar) -->\n      @if (shouldShowActions(index)) {\n        <div class=\"c-entry-actions\">\n          @if (shouldShowAddButton(index)) {\n            <button \n              type=\"button\"\n              class=\"c-entry-action c-entry-action--add\"\n              (click)=\"addEntry()\"\n              [disabled]=\"isDisabled()\"\n              [title]=\"addLabel() | translate\"\n              [attr.aria-label]=\"addLabel() | translate\">\n              <span class=\"icon-counter-up\"></span>\n              {{ addLabel() | translate }}\n            </button>\n          }\n          \n          @if (shouldShowRemoveButton(index)) {\n            <button \n              type=\"button\"\n              class=\"c-entry-action c-entry-action--remove\"\n              (click)=\"removeEntry(index)\"\n              [disabled]=\"isDisabled()\"\n              [title]=\"removeLabel() | translate\"\n              [attr.aria-label]=\"removeLabel() | translate\">\n              <span class=\"icon-counter-down\"></span>\n              {{ removeLabel() | translate }}\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Errores del campo principal (solo si hay errores globales) -->\n  @if (errors().length > 0) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MultiEntryFieldComponent, decorators: [{
             type: Component,
@@ -5858,7 +5885,7 @@ class DataListItemComponent {
         return this.customTemplate() instanceof TemplateRef;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DataListItemComponent, isStandalone: true, selector: "core-data-list-item", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formattedValue: { classPropertyName: "formattedValue", publicName: "formattedValue", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, templateContext: { classPropertyName: "templateContext", publicName: "templateContext", isSignal: true, isRequired: false, transformFunction: null }, itemCssClasses: { classPropertyName: "itemCssClasses", publicName: "itemCssClasses", isSignal: true, isRequired: false, transformFunction: null }, keyCssClasses: { classPropertyName: "keyCssClasses", publicName: "keyCssClasses", isSignal: true, isRequired: false, transformFunction: null }, valueCssClasses: { classPropertyName: "valueCssClasses", publicName: "valueCssClasses", isSignal: true, isRequired: false, transformFunction: null }, customCssClasses: { classPropertyName: "customCssClasses", publicName: "customCssClasses", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div [class]=\"getItemClasses()\">\n  <p [class]=\"getKeyClasses()\">{{ label() | translate }}</p>\n  \n  @if (hasCustomTemplate()) {\n    <div [class]=\"getValueClasses()\">\n      <ng-container\n        [ngTemplateOutlet]=\"customTemplate()!\"\n        [ngTemplateOutletContext]=\"templateContext()\"\n      ></ng-container>\n    </div>\n  } @else {\n    <p [class]=\"getValueClasses()\">\n      {{ formattedValue() }}\n    </p>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DataListItemComponent, isStandalone: true, selector: "core-data-list-item", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, formattedValue: { classPropertyName: "formattedValue", publicName: "formattedValue", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, templateContext: { classPropertyName: "templateContext", publicName: "templateContext", isSignal: true, isRequired: false, transformFunction: null }, itemCssClasses: { classPropertyName: "itemCssClasses", publicName: "itemCssClasses", isSignal: true, isRequired: false, transformFunction: null }, keyCssClasses: { classPropertyName: "keyCssClasses", publicName: "keyCssClasses", isSignal: true, isRequired: false, transformFunction: null }, valueCssClasses: { classPropertyName: "valueCssClasses", publicName: "valueCssClasses", isSignal: true, isRequired: false, transformFunction: null }, customCssClasses: { classPropertyName: "customCssClasses", publicName: "customCssClasses", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div [class]=\"getItemClasses()\">\n  <p [class]=\"getKeyClasses()\">{{ label() | translate }}</p>\n  \n  @if (hasCustomTemplate()) {\n    <div [class]=\"getValueClasses()\">\n      <ng-container\n        [ngTemplateOutlet]=\"customTemplate()!\"\n        [ngTemplateOutletContext]=\"templateContext()\"\n      ></ng-container>\n    </div>\n  } @else {\n    <p [class]=\"getValueClasses()\">\n      {{ formattedValue() }}\n    </p>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataListItemComponent, decorators: [{
             type: Component,
@@ -5991,7 +6018,7 @@ class DataListComponent {
         return item.customTemplate instanceof TemplateRef ? item.customTemplate : null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DataListComponent, isStandalone: true, selector: "core-data-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, showEmptyMessage: { classPropertyName: "showEmptyMessage", publicName: "showEmptyMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, cssClasses: { classPropertyName: "cssClasses", publicName: "cssClasses", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div [class]=\"cssClasses()\">\n  @if (customTemplate()) {\n    <ng-container\n      [ngTemplateOutlet]=\"customTemplate()\"\n      [ngTemplateOutletContext]=\"{\n        $implicit: data(),\n        items: visibleItems(),\n        getFormattedValue: getFormattedValue.bind(this)\n      }\"\n    ></ng-container>\n  } @else if (shouldShowContent()) {\n    @for (item of visibleItems(); track item.key) {\n      <core-data-list-item\n        [key]=\"item.key\"\n        [label]=\"item.label\"\n        [value]=\"getItemValue(item)\"\n        [formattedValue]=\"getFormattedValue(item)\"\n        [customTemplate]=\"getItemTemplateRef(item)\"\n        [templateContext]=\"getItemTemplateContext(item)\"\n        [customCssClasses]=\"item.cssClasses || {}\">\n      </core-data-list-item>\n    }\n  } @else if (shouldShowEmptyMessage()) {\n    <div class=\"c-data-list__empty\">\n      <p>{{ emptyMessage() | translate }}</p>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: DataListItemComponent, selector: "core-data-list-item", inputs: ["key", "label", "value", "formattedValue", "customTemplate", "templateContext", "itemCssClasses", "keyCssClasses", "valueCssClasses", "customCssClasses"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DataListComponent, isStandalone: true, selector: "core-data-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, showEmptyMessage: { classPropertyName: "showEmptyMessage", publicName: "showEmptyMessage", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, cssClasses: { classPropertyName: "cssClasses", publicName: "cssClasses", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div [class]=\"cssClasses()\">\n  @if (customTemplate()) {\n    <ng-container\n      [ngTemplateOutlet]=\"customTemplate()\"\n      [ngTemplateOutletContext]=\"{\n        $implicit: data(),\n        items: visibleItems(),\n        getFormattedValue: getFormattedValue.bind(this)\n      }\"\n    ></ng-container>\n  } @else if (shouldShowContent()) {\n    @for (item of visibleItems(); track item.key) {\n      <core-data-list-item\n        [key]=\"item.key\"\n        [label]=\"item.label\"\n        [value]=\"getItemValue(item)\"\n        [formattedValue]=\"getFormattedValue(item)\"\n        [customTemplate]=\"getItemTemplateRef(item)\"\n        [templateContext]=\"getItemTemplateContext(item)\"\n        [customCssClasses]=\"item.cssClasses || {}\">\n      </core-data-list-item>\n    }\n  } @else if (shouldShowEmptyMessage()) {\n    <div class=\"c-data-list__empty\">\n      <p>{{ emptyMessage() | translate }}</p>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: DataListItemComponent, selector: "core-data-list-item", inputs: ["key", "label", "value", "formattedValue", "customTemplate", "templateContext", "itemCssClasses", "keyCssClasses", "valueCssClasses", "customCssClasses"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataListComponent, decorators: [{
             type: Component,
@@ -6421,7 +6448,7 @@ class GenericButtonComponent {
         return this.config().tooltip ?? (this.isIconOnly() ? this.config().text ?? '' : '');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: GenericButtonComponent, isStandalone: true, selector: "core-generic-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.hostClasses" } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<ng-container *ngIf=\"config().routerLink && !isDisabled(); else normalButton\">\n  <button \n    [class]=\"buttonClasses()\"\n    [routerLink]=\"config().routerLink\"\n    [queryParams]=\"config().queryParams\"\n    [fragment]=\"config().fragment\"\n    [attr.aria-label]=\"getAriaLabel() | translate\"\n    [attr.title]=\"getTitle() | translate\"\n    [attr.id]=\"config().id\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"onClick($event)\"\n    [class.c-tooltip-container]=\"config().tooltipConfig?.hasTooltip\"\n    type=\"button\">\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionLeft()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <ng-container *ngIf=\"shouldShowText()\">\n      {{ (config().text ?? '') | translate }}\n    </ng-container>\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionRight()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <span *ngIf=\"config().loading\" class=\"spinner\"></span>\n\n    <span *ngIf=\"config().tooltipConfig?.hasTooltip && !isDisabled()\" class=\"c-tooltip c-tooltip--{{config().tooltipConfig?.position}}\">\n      {{ config().tooltipConfig?.text ?? '' | translate }}\n    </span>\n  </button>\n</ng-container>\n\n<ng-template #normalButton>\n  <ng-container *ngIf=\"config().href && !isDisabled(); else regularButton\">\n    <a \n      [class]=\"buttonClasses()\"\n      [href]=\"config().href\"\n      [target]=\"config().target || '_self'\"\n      [attr.aria-label]=\"getAriaLabel() | translate\"\n      [attr.title]=\"getTitle() | translate\"\n      [attr.id]=\"config().id\"\n      (click)=\"onClick($event)\"\n      type=\"button\"\n      [class.c-tooltip-container]=\"config().tooltipConfig?.hasTooltip\">\n      \n      <span \n        *ngIf=\"hasIcon() && iconPositionLeft()\" \n        [ngClass]=\"config().icon | coreIconCompat\">\n      </span>\n      \n      <ng-container *ngIf=\"shouldShowText()\">\n        {{ (config().text ?? '') | translate }}\n      </ng-container>\n      \n      <span \n        *ngIf=\"hasIcon() && iconPositionRight()\" \n        [ngClass]=\"config().icon | coreIconCompat\">\n      </span>\n      \n      <span *ngIf=\"config().loading\" class=\"spinner\"></span>\n\n      <span *ngIf=\"config().tooltipConfig?.hasTooltip  && !isDisabled()\" class=\"c-tooltip c-tooltip--{{config().tooltipConfig?.position}}\">\n        {{ config().tooltipConfig?.text ?? '' | translate }}\n      </span>\n    </a>\n  </ng-container>\n</ng-template>\n\n<ng-template #regularButton>\n  <button \n    [class]=\"buttonClasses()\"\n    [attr.aria-label]=\"getAriaLabel() | translate\"\n    [attr.title]=\"getTitle() | translate\"\n    [attr.id]=\"config().id\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"onClick($event)\"\n    type=\"button\"\n    [class.c-tooltip-container]=\"config().tooltipConfig?.hasTooltip\">\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionLeft()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <ng-container *ngIf=\"shouldShowText()\">\n      {{ (config().text ?? '') | translate }}\n    </ng-container>\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionRight()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <span *ngIf=\"config().loading\" class=\"spinner\"></span>\n\n    <span *ngIf=\"config().tooltipConfig?.hasTooltip && !isDisabled()\" class=\"c-tooltip c-tooltip--{{config().tooltipConfig?.position}}\">\n      {{ config().tooltipConfig?.text ?? '' | translate }}\n    </span>\n  </button>\n</ng-template> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: GenericButtonComponent, isStandalone: true, selector: "core-generic-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.hostClasses" } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<ng-container *ngIf=\"config().routerLink && !isDisabled(); else normalButton\">\n  <button \n    [class]=\"buttonClasses()\"\n    [routerLink]=\"config().routerLink\"\n    [queryParams]=\"config().queryParams\"\n    [fragment]=\"config().fragment\"\n    [attr.aria-label]=\"getAriaLabel() | translate\"\n    [attr.title]=\"getTitle() | translate\"\n    [attr.id]=\"config().id\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"onClick($event)\"\n    [class.c-tooltip-container]=\"config().tooltipConfig?.hasTooltip\"\n    type=\"button\">\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionLeft()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <ng-container *ngIf=\"shouldShowText()\">\n      {{ (config().text ?? '') | translate }}\n    </ng-container>\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionRight()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <span *ngIf=\"config().loading\" class=\"spinner\"></span>\n\n    <span *ngIf=\"config().tooltipConfig?.hasTooltip && !isDisabled()\" class=\"c-tooltip c-tooltip--{{config().tooltipConfig?.position}}\">\n      {{ config().tooltipConfig?.text ?? '' | translate }}\n    </span>\n  </button>\n</ng-container>\n\n<ng-template #normalButton>\n  <ng-container *ngIf=\"config().href && !isDisabled(); else regularButton\">\n    <a \n      [class]=\"buttonClasses()\"\n      [href]=\"config().href\"\n      [target]=\"config().target || '_self'\"\n      [attr.aria-label]=\"getAriaLabel() | translate\"\n      [attr.title]=\"getTitle() | translate\"\n      [attr.id]=\"config().id\"\n      (click)=\"onClick($event)\"\n      type=\"button\"\n      [class.c-tooltip-container]=\"config().tooltipConfig?.hasTooltip\">\n      \n      <span \n        *ngIf=\"hasIcon() && iconPositionLeft()\" \n        [ngClass]=\"config().icon | coreIconCompat\">\n      </span>\n      \n      <ng-container *ngIf=\"shouldShowText()\">\n        {{ (config().text ?? '') | translate }}\n      </ng-container>\n      \n      <span \n        *ngIf=\"hasIcon() && iconPositionRight()\" \n        [ngClass]=\"config().icon | coreIconCompat\">\n      </span>\n      \n      <span *ngIf=\"config().loading\" class=\"spinner\"></span>\n\n      <span *ngIf=\"config().tooltipConfig?.hasTooltip  && !isDisabled()\" class=\"c-tooltip c-tooltip--{{config().tooltipConfig?.position}}\">\n        {{ config().tooltipConfig?.text ?? '' | translate }}\n      </span>\n    </a>\n  </ng-container>\n</ng-template>\n\n<ng-template #regularButton>\n  <button \n    [class]=\"buttonClasses()\"\n    [attr.aria-label]=\"getAriaLabel() | translate\"\n    [attr.title]=\"getTitle() | translate\"\n    [attr.id]=\"config().id\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"onClick($event)\"\n    type=\"button\"\n    [class.c-tooltip-container]=\"config().tooltipConfig?.hasTooltip\">\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionLeft()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <ng-container *ngIf=\"shouldShowText()\">\n      {{ (config().text ?? '') | translate }}\n    </ng-container>\n    \n    <span \n      *ngIf=\"hasIcon() && iconPositionRight()\" \n      [ngClass]=\"config().icon | coreIconCompat\">\n    </span>\n    \n    <span *ngIf=\"config().loading\" class=\"spinner\"></span>\n\n    <span *ngIf=\"config().tooltipConfig?.hasTooltip && !isDisabled()\" class=\"c-tooltip c-tooltip--{{config().tooltipConfig?.position}}\">\n      {{ config().tooltipConfig?.text ?? '' | translate }}\n    </span>\n  </button>\n</ng-template> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericButtonComponent, decorators: [{
             type: Component,
@@ -6485,7 +6512,7 @@ class GenericTabsComponent {
         return !!(this.customTabTemplate && this.config().allowCustomTemplate);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTabsComponent, isStandalone: true, selector: "nav[core-generic-tabs]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, activeTabId: { classPropertyName: "activeTabId", publicName: "activeTabId", isSignal: true, isRequired: false, transformFunction: null }, hasTabErrors: { classPropertyName: "hasTabErrors", publicName: "hasTabErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabClick: "tabClick", tabChange: "tabChange" }, host: { properties: { "class": "config().containerClass" } }, queries: [{ propertyName: "customTabTemplate", first: true, predicate: ["customTabTemplate"], descendants: true }], ngImport: i0, template: "<ul [class]=\"config().listClass\">\n  @for (tab of config().tabs; track tab.id; let i = $index) {\n    <li [class]=\"config().itemClass\">\n      @if (hasCustomTemplate()) {\n        <ng-container \n          [ngTemplateOutlet]=\"customTabTemplate || null\" \n          [ngTemplateOutletContext]=\"{\n            $implicit: tab,\n            index: i,\n            isActive: isTabActive(tab),\n            onClick: onTabClick.bind(this, tab, i)\n          }\">\n        </ng-container>\n      } @else {\n        <!-- DEV: Aplicar componente button generico -->\n          <button\n            type=\"button\"\n            [class]=\"getTabClasses(tab)\"\n            [disabled]=\"tab.disabled\"\n            (click)=\"onTabClick(tab, i, $event)\"\n          >\n            @if (tab.translationKey) {\n              {{ tab.translationKey | translate }}\n            } @else {\n              {{ getTabLabel(tab) }}\n            }\n            @if (hasTabErrors()(tab.id)) {\n              <span class=\"icon-alert-circle\"></span>\n            }\n          </button>\n      }\n    </li>\n  }\n</ul> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTabsComponent, isStandalone: true, selector: "nav[core-generic-tabs]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, activeTabId: { classPropertyName: "activeTabId", publicName: "activeTabId", isSignal: true, isRequired: false, transformFunction: null }, hasTabErrors: { classPropertyName: "hasTabErrors", publicName: "hasTabErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabClick: "tabClick", tabChange: "tabChange" }, host: { properties: { "class": "config().containerClass" } }, queries: [{ propertyName: "customTabTemplate", first: true, predicate: ["customTabTemplate"], descendants: true }], ngImport: i0, template: "<ul [class]=\"config().listClass\">\n  @for (tab of config().tabs; track tab.id; let i = $index) {\n    <li [class]=\"config().itemClass\">\n      @if (hasCustomTemplate()) {\n        <ng-container \n          [ngTemplateOutlet]=\"customTabTemplate || null\" \n          [ngTemplateOutletContext]=\"{\n            $implicit: tab,\n            index: i,\n            isActive: isTabActive(tab),\n            onClick: onTabClick.bind(this, tab, i)\n          }\">\n        </ng-container>\n      } @else {\n        <!-- DEV: Aplicar componente button generico -->\n          <button\n            type=\"button\"\n            [class]=\"getTabClasses(tab)\"\n            [disabled]=\"tab.disabled\"\n            (click)=\"onTabClick(tab, i, $event)\"\n          >\n            @if (tab.translationKey) {\n              {{ tab.translationKey | translate }}\n            } @else {\n              {{ getTabLabel(tab) }}\n            }\n            @if (hasTabErrors()(tab.id)) {\n              <span class=\"icon-alert-circle\"></span>\n            }\n          </button>\n      }\n    </li>\n  }\n</ul> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTabsComponent, decorators: [{
             type: Component,
@@ -6945,7 +6972,7 @@ class GenericStepsComponent {
             .join('; ');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericStepsComponent, isStandalone: true, selector: "core-generic-steps", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, useService: { classPropertyName: "useService", publicName: "useService", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepClick: "stepClick", stepChange: "stepChange", serviceStepChange: "serviceStepChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<nav class=\"c-steps-container\" [class]=\"config().customClass\" [style]=\"getCustomStyles()\">\n  <ol class=\"c-steps\" [class]=\"'c-steps--' + (config().layout || 'horizontal') + ' c-steps--' + (config().size || StepSize.MEDIUM)\">\n    @for (step of currentSteps(); track step.id; let i = $index) {\n      <li class=\"c-steps__step\">\n        <button \n          type=\"button\"\n          class=\"c-steps__item\"\n          [class]=\"getStepClasses(step)\"\n          [disabled]=\"step.disabled\"\n          [title]=\"step.tooltip || step.title\"\n          (click)=\"onStepClick(step, i, $event)\"\n          [attr.data-step-id]=\"step.id\">\n          \n          <span class=\"c-steps__num\" [class]=\"'c-steps__num--' + step.type\" [style]=\"step.id === currentActiveStepId() ? '--step-border: var(--step-active-border); font-weight: 800' : ''\">\n            @if (step.type === StepType.ICON || step.status === StepStatus.COMPLETE) {\n              <i [ngClass]=\"getStepContent(step) | coreIconCompat\"></i>\n            } @else {\n              @if (shouldTranslateContent(step)) {\n                <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</strong>\n                <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</span>\n              } @else {\n                <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getStepContent(step) }}</strong>\n                <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getStepContent(step) }}</span>\n              }\n            }\n          </span>\n          \n          @if (config().showLabels !== false) {\n            <span class=\"c-steps__text\">{{ step.title | translate }}</span>\n          }\n        </button>\n        \n        @if (config().showConnectors !== false && i < currentSteps().length - 1) {\n          <div class=\"c-steps__connector\" [class]=\"getConnectorClasses(i)\"></div>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n\n@if (activeStep()) {\n  <div class=\"c-steps__content\" [attr.data-active-step]=\"currentActiveStepId()\">\n    <ng-content></ng-content>\n  </div>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericStepsComponent, isStandalone: true, selector: "core-generic-steps", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, useService: { classPropertyName: "useService", publicName: "useService", isSignal: true, isRequired: false, transformFunction: null }, instanceId: { classPropertyName: "instanceId", publicName: "instanceId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepClick: "stepClick", stepChange: "stepChange", serviceStepChange: "serviceStepChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<nav class=\"c-steps-container\" [class]=\"config().customClass\" [style]=\"getCustomStyles()\">\n  <ol class=\"c-steps\" [class]=\"'c-steps--' + (config().layout || 'horizontal') + ' c-steps--' + (config().size || StepSize.MEDIUM)\">\n    @for (step of currentSteps(); track step.id; let i = $index) {\n      <li class=\"c-steps__step\">\n        <button \n          type=\"button\"\n          class=\"c-steps__item\"\n          [class]=\"getStepClasses(step)\"\n          [disabled]=\"step.disabled\"\n          [title]=\"step.tooltip || step.title\"\n          (click)=\"onStepClick(step, i, $event)\"\n          [attr.data-step-id]=\"step.id\">\n          \n          <span class=\"c-steps__num\" [class]=\"'c-steps__num--' + step.type\" [style]=\"step.id === currentActiveStepId() ? '--step-border: var(--step-active-border); font-weight: 800' : ''\">\n            @if (step.type === StepType.ICON || step.status === StepStatus.COMPLETE) {\n              <i [ngClass]=\"getStepContent(step) | coreIconCompat\"></i>\n            } @else {\n              @if (shouldTranslateContent(step)) {\n                <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</strong>\n                <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getTranslatedStepContent(step) | translate }}</span>\n              } @else {\n                <strong *ngIf=\"step.id === currentActiveStepId()\">{{ getStepContent(step) }}</strong>\n                <span *ngIf=\"step.id !== currentActiveStepId()\">{{ getStepContent(step) }}</span>\n              }\n            }\n          </span>\n          \n          @if (config().showLabels !== false) {\n            <span class=\"c-steps__text\">{{ step.title | translate }}</span>\n          }\n        </button>\n        \n        @if (config().showConnectors !== false && i < currentSteps().length - 1) {\n          <div class=\"c-steps__connector\" [class]=\"getConnectorClasses(i)\"></div>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n\n@if (activeStep()) {\n  <div class=\"c-steps__content\" [attr.data-active-step]=\"currentActiveStepId()\">\n    <ng-content></ng-content>\n  </div>\n}", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericStepsComponent, decorators: [{
             type: Component,
@@ -8142,7 +8169,7 @@ class GenericModalComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericModalComponent, isStandalone: true, selector: "core-generic-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, customViewTemplate: { classPropertyName: "customViewTemplate", publicName: "customViewTemplate", isSignal: true, isRequired: false, transformFunction: null }, finalStepTemplate: { classPropertyName: "finalStepTemplate", publicName: "finalStepTemplate", isSignal: true, isRequired: false, transformFunction: null }, buttonConfig: { classPropertyName: "buttonConfig", publicName: "buttonConfig", isSignal: true, isRequired: false, transformFunction: null }, modelFactory: { classPropertyName: "modelFactory", publicName: "modelFactory", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, customHasChanges: { classPropertyName: "customHasChanges", publicName: "customHasChanges", isSignal: true, isRequired: false, transformFunction: null }, stepValidationEnabled: { classPropertyName: "stepValidationEnabled", publicName: "stepValidationEnabled", isSignal: true, isRequired: false, transformFunction: null }, allowFreeNavigation: { classPropertyName: "allowFreeNavigation", publicName: "allowFreeNavigation", isSignal: true, isRequired: false, transformFunction: null }, autoMarkCompleted: { classPropertyName: "autoMarkCompleted", publicName: "autoMarkCompleted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { save: "save", close: "close", modalData: "modalData" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ title() | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      @if (editedData() || customTemplate()) {\n        @if (hasTabs()) {\n          <nav core-generic-tabs\n            [config]=\"genericTabsConfig()\"\n            [activeTabId]=\"activeTabId()\"\n            [hasTabErrors]=\"hasTabErrorsFunction\"\n            (tabChange)=\"onGenericTabChange($event)\">\n          </nav>\n        } @else if (hasSteps()) {\n          <core-generic-steps\n            [config]=\"stepsConfig()\">\n          </core-generic-steps>\n        }\n\n        @if (customTemplate()) {\n          <div class=\"c-entry-group\">\n            <ng-container\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{\n                $implicit: editedData(),\n                mode: mode(),\n                updateField: onFieldValueChange.bind(this),\n                save: onSave.bind(this),\n                close: onClose.bind(this),\n                activeTabId: activeTabId(),\n                onTabChange: onTabChange.bind(this),\n                getFieldErrors: getFieldErrors.bind(this),\n                validateAllFields: validateAllFields.bind(this),\n                hasErrors: hasErrors(),\n                setCustomHasChanges: setCustomHasChanges.bind(this)\n              }\"\n            ></ng-container>\n          </div> <!-- .c-entry-group -->\n        } @else if (editedData()) {\n          @if (mode() === ModalMode.VIEW) {\n            <core-data-list\n              [items]=\"dataListItems()\"\n              [data]=\"editedData()\"\n              [customTemplate]=\"customViewTemplate()\"\n              [emptyMessage]=\"'modal.noData'\"\n            ></core-data-list>\n          } @else {\n            @if (hasSteps() && currentStep()?.customTemplate) {\n                <!-- Renderizar template personalizado del step -->\n                <div class=\"c-entry-group\">\n                  <ng-container\n                    [ngTemplateOutlet]=\"currentStep()!.customTemplate!\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: editedData(),\n                      mode: mode(),\n                      updateField: onFieldValueChange.bind(this),\n                      save: onSave.bind(this),\n                      close: onClose.bind(this),\n                      getFieldErrors: getFieldErrors.bind(this)\n                    }\"\n                  ></ng-container>\n                </div>\n              } @else {\n                <!-- Renderizar campos normales -->\n                <div class=\"c-entry-group\">\n                  @for (field of currentFields(); track field.key) {\n                    @if (getFieldConfig(field).visible) {\n                      <div\n                        coreDynamicField\n                        [field]=\"getFieldConfig(field)\"\n                        [value]=\"editedData()![field.key]\"\n                        [mode]=\"mode()\"\n                        [errors]=\"getFieldErrors(field.key)\"\n                        [rowData]=\"editedData()\"\n                        [formValue]=\"editedData()\"\n                        (valueChange)=\"onFieldValueChange(field.key, $event)\"\n                        (onBlurEvent)=\"validateAllFields()\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                      ></div>\n                    }\n                  }\n                </div> <!-- .c-entry-group -->\n              }\n          }\n        }\n      } @else {\n        <p>{{ 'modal.noData' | translate }}</p>\n      }\n    </div>\n    <div class=\"c-modal__bottom\">\n      @if (buttonConfig().length > 0) {\n        @for (button of buttonConfig(); track $index) {\n          <core-generic-button\n            [config]=\"getCustomButtonConfig(button)\"\n            [data]=\"data()\"\n            (buttonClick)=\"onCustomButtonClick(button)\">\n          </core-generic-button>\n        }\n      } @else {\n        @if (hasSteps()) {\n          <!-- Botones para navegaci\u00F3n de steps -->\n          <core-generic-button\n            [config]=\"defaultCancelButtonConfig()\"\n            (buttonClick)=\"onClose()\">\n          </core-generic-button>\n          @if (currentStepIndex() > 0) {\n            <core-generic-button\n              [config]=\"prevStepButtonConfig()\"\n              (buttonClick)=\"goToPreviousStep()\">\n            </core-generic-button>\n          }\n          <core-generic-button\n            [config]=\"nextStepButtonConfig()\"\n            (buttonClick)=\"goToNextStep()\">\n          </core-generic-button>\n        } @else {\n          <!-- Botones normales para modales sin steps -->\n          <core-generic-button\n            [config]=\"defaultCancelButtonConfig()\"\n            (buttonClick)=\"onClose()\">\n          </core-generic-button>\n          @if (mode() !== ModalMode.VIEW && showSaveButton()) {\n            <core-generic-button\n              [config]=\"defaultSaveButtonConfig()\"\n              (buttonClick)=\"onSave()\">\n            </core-generic-button>\n          }\n        }\n      }\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: GenericTabsComponent, selector: "nav[core-generic-tabs]", inputs: ["config", "activeTabId", "hasTabErrors"], outputs: ["tabClick", "tabChange"] }, { kind: "component", type: GenericStepsComponent, selector: "core-generic-steps", inputs: ["config", "useService", "instanceId"], outputs: ["stepClick", "stepChange", "serviceStepChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "component", type: DataListComponent, selector: "core-data-list", inputs: ["items", "fields", "data", "customTemplate", "showEmptyMessage", "emptyMessage", "cssClasses"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericModalComponent, isStandalone: true, selector: "core-generic-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: false, transformFunction: null }, steps: { classPropertyName: "steps", publicName: "steps", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, isMultiple: { classPropertyName: "isMultiple", publicName: "isMultiple", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null }, customViewTemplate: { classPropertyName: "customViewTemplate", publicName: "customViewTemplate", isSignal: true, isRequired: false, transformFunction: null }, finalStepTemplate: { classPropertyName: "finalStepTemplate", publicName: "finalStepTemplate", isSignal: true, isRequired: false, transformFunction: null }, buttonConfig: { classPropertyName: "buttonConfig", publicName: "buttonConfig", isSignal: true, isRequired: false, transformFunction: null }, modelFactory: { classPropertyName: "modelFactory", publicName: "modelFactory", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, validators: { classPropertyName: "validators", publicName: "validators", isSignal: true, isRequired: false, transformFunction: null }, customHasChanges: { classPropertyName: "customHasChanges", publicName: "customHasChanges", isSignal: true, isRequired: false, transformFunction: null }, stepValidationEnabled: { classPropertyName: "stepValidationEnabled", publicName: "stepValidationEnabled", isSignal: true, isRequired: false, transformFunction: null }, allowFreeNavigation: { classPropertyName: "allowFreeNavigation", publicName: "allowFreeNavigation", isSignal: true, isRequired: false, transformFunction: null }, autoMarkCompleted: { classPropertyName: "autoMarkCompleted", publicName: "autoMarkCompleted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { save: "save", close: "close", modalData: "modalData" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ title() | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      @if (editedData() || customTemplate()) {\n        @if (hasTabs()) {\n          <nav core-generic-tabs\n            [config]=\"genericTabsConfig()\"\n            [activeTabId]=\"activeTabId()\"\n            [hasTabErrors]=\"hasTabErrorsFunction\"\n            (tabChange)=\"onGenericTabChange($event)\">\n          </nav>\n        } @else if (hasSteps()) {\n          <core-generic-steps\n            [config]=\"stepsConfig()\">\n          </core-generic-steps>\n        }\n\n        @if (customTemplate()) {\n          <div class=\"c-entry-group\">\n            <ng-container\n              [ngTemplateOutlet]=\"customTemplate()\"\n              [ngTemplateOutletContext]=\"{\n                $implicit: editedData(),\n                mode: mode(),\n                updateField: onFieldValueChange.bind(this),\n                save: onSave.bind(this),\n                close: onClose.bind(this),\n                activeTabId: activeTabId(),\n                onTabChange: onTabChange.bind(this),\n                getFieldErrors: getFieldErrors.bind(this),\n                validateAllFields: validateAllFields.bind(this),\n                hasErrors: hasErrors(),\n                setCustomHasChanges: setCustomHasChanges.bind(this)\n              }\"\n            ></ng-container>\n          </div> <!-- .c-entry-group -->\n        } @else if (editedData()) {\n          @if (mode() === ModalMode.VIEW) {\n            <core-data-list\n              [items]=\"dataListItems()\"\n              [data]=\"editedData()\"\n              [customTemplate]=\"customViewTemplate()\"\n              [emptyMessage]=\"'modal.noData'\"\n            ></core-data-list>\n          } @else {\n            @if (hasSteps() && currentStep()?.customTemplate) {\n                <!-- Renderizar template personalizado del step -->\n                <div class=\"c-entry-group\">\n                  <ng-container\n                    [ngTemplateOutlet]=\"currentStep()!.customTemplate!\"\n                    [ngTemplateOutletContext]=\"{\n                      $implicit: editedData(),\n                      mode: mode(),\n                      updateField: onFieldValueChange.bind(this),\n                      save: onSave.bind(this),\n                      close: onClose.bind(this),\n                      getFieldErrors: getFieldErrors.bind(this)\n                    }\"\n                  ></ng-container>\n                </div>\n              } @else {\n                <!-- Renderizar campos normales -->\n                <div class=\"c-entry-group\">\n                  @for (field of currentFields(); track field.key) {\n                    @if (getFieldConfig(field).visible) {\n                      <div\n                        coreDynamicField\n                        [field]=\"getFieldConfig(field)\"\n                        [value]=\"editedData()![field.key]\"\n                        [mode]=\"mode()\"\n                        [errors]=\"getFieldErrors(field.key)\"\n                        [rowData]=\"editedData()\"\n                        [formValue]=\"editedData()\"\n                        (valueChange)=\"onFieldValueChange(field.key, $event)\"\n                        (onBlurEvent)=\"validateAllFields()\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                      ></div>\n                    }\n                  }\n                </div> <!-- .c-entry-group -->\n              }\n          }\n        }\n      } @else {\n        <p>{{ 'modal.noData' | translate }}</p>\n      }\n    </div>\n    <div class=\"c-modal__bottom\">\n      @if (buttonConfig().length > 0) {\n        @for (button of buttonConfig(); track $index) {\n          <core-generic-button\n            [config]=\"getCustomButtonConfig(button)\"\n            [data]=\"data()\"\n            (buttonClick)=\"onCustomButtonClick(button)\">\n          </core-generic-button>\n        }\n      } @else {\n        @if (hasSteps()) {\n          <!-- Botones para navegaci\u00F3n de steps -->\n          <core-generic-button\n            [config]=\"defaultCancelButtonConfig()\"\n            (buttonClick)=\"onClose()\">\n          </core-generic-button>\n          @if (currentStepIndex() > 0) {\n            <core-generic-button\n              [config]=\"prevStepButtonConfig()\"\n              (buttonClick)=\"goToPreviousStep()\">\n            </core-generic-button>\n          }\n          <core-generic-button\n            [config]=\"nextStepButtonConfig()\"\n            (buttonClick)=\"goToNextStep()\">\n          </core-generic-button>\n        } @else {\n          <!-- Botones normales para modales sin steps -->\n          <core-generic-button\n            [config]=\"defaultCancelButtonConfig()\"\n            (buttonClick)=\"onClose()\">\n          </core-generic-button>\n          @if (mode() !== ModalMode.VIEW && showSaveButton()) {\n            <core-generic-button\n              [config]=\"defaultSaveButtonConfig()\"\n              (buttonClick)=\"onSave()\">\n            </core-generic-button>\n          }\n        }\n      }\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: GenericTabsComponent, selector: "nav[core-generic-tabs]", inputs: ["config", "activeTabId", "hasTabErrors"], outputs: ["tabClick", "tabChange"] }, { kind: "component", type: GenericStepsComponent, selector: "core-generic-steps", inputs: ["config", "useService", "instanceId"], outputs: ["stepClick", "stepChange", "serviceStepChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "component", type: DataListComponent, selector: "core-data-list", inputs: ["items", "fields", "data", "customTemplate", "showEmptyMessage", "emptyMessage", "cssClasses"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericModalComponent, decorators: [{
             type: Component,
@@ -10327,7 +10354,7 @@ class GenericPaginationComponent {
         return pages;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericPaginationComponent, deps: [{ token: PaginationService }, { token: TableDataService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericPaginationComponent, isStandalone: true, selector: "core-generic-pagination", inputs: { tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, isServerSide: { classPropertyName: "isServerSide", publicName: "isServerSide", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, showPageSizeSelector: { classPropertyName: "showPageSizeSelector", publicName: "showPageSizeSelector", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (getTotalItems() > 0) {\n  <div class=\"c-pagination\">\n    <p class=\"c-pagination__summary\">\n      {{ 'pagination.viewing' | translate }} \n      <span>{{ getDisplayedRange().start }}-{{ getDisplayedRange().end }}</span> \n      {{ 'pagination.of' | translate }} \n      <span>{{ getTotalItems() }}</span>\n    </p>\n    \n    @if (showPageSizeSelector()) {\n      <div class=\"c-pagination__select\">\n          <label for=\"page-size-{{ tableId }}\" class=\"c-pagination__summary\">\n            {{ 'pagination.itemsPerPage' | translate }}:\n          </label>\n          <div class=\"c-pagination__select-holder\">\n            <select \n            id=\"page-size-{{ tableId }}\"\n            class=\"c-input \"\n            [value]=\"getPageSize()\"\n            (change)=\"handlePageSizeChange($event)\">\n            @for (option of getPageSizeOptions(); track option) {\n              <option [value]=\"option\">{{ option }}</option>\n            }\n          </select>\n          </div>\n      </div>\n    }\n\n    @if (showPagination()) {\n      <nav class=\"c-pager\">\n        <ul class=\"c-pager__list\">\n          <li class=\"c-pager__item\">\n            <a class=\"c-pager__link\" \n               [class.disabled]=\"getCurrentPage() === 1\" \n               (click)=\"onPageChange(getCurrentPage() - 1)\">\n              <span class=\"icon-arrow-left\"></span>\n            </a>\n          </li>\n\n          <ng-container *ngFor=\"let page of getVisiblePages()\">\n            <li class=\"c-pager__item\">\n              @if (page === '...') {\n                <span class=\"c-pager__link\">...</span>\n              } @else {\n                <a class=\"c-pager__link\" \n                   [class.is-active]=\"getCurrentPage() === page\"\n                   (click)=\"onPageChange(+page)\">\n                  {{ page }}\n                </a>\n              }\n            </li>\n          </ng-container>\n\n          <li class=\"c-pager__item\">\n            <a class=\"c-pager__link\" \n               [class.disabled]=\"getCurrentPage() === getTotalPages()\"\n               (click)=\"onPageChange(getCurrentPage() + 1)\">\n              <span class=\"icon-arrow-right\"></span>\n            </a>\n          </li>\n        </ul>\n      </nav>\n    }\n  </div>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericPaginationComponent, isStandalone: true, selector: "core-generic-pagination", inputs: { tableId: { classPropertyName: "tableId", publicName: "tableId", isSignal: true, isRequired: false, transformFunction: null }, isServerSide: { classPropertyName: "isServerSide", publicName: "isServerSide", isSignal: true, isRequired: false, transformFunction: null }, showPagination: { classPropertyName: "showPagination", publicName: "showPagination", isSignal: true, isRequired: false, transformFunction: null }, showPageSizeSelector: { classPropertyName: "showPageSizeSelector", publicName: "showPageSizeSelector", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (getTotalItems() > 0) {\n  <div class=\"c-pagination\">\n    <p class=\"c-pagination__summary\">\n      {{ 'pagination.viewing' | translate }} \n      <span>{{ getDisplayedRange().start }}-{{ getDisplayedRange().end }}</span> \n      {{ 'pagination.of' | translate }} \n      <span>{{ getTotalItems() }}</span>\n    </p>\n    \n    @if (showPageSizeSelector()) {\n      <div class=\"c-pagination__select\">\n          <label for=\"page-size-{{ tableId }}\" class=\"c-pagination__summary\">\n            {{ 'pagination.itemsPerPage' | translate }}:\n          </label>\n          <div class=\"c-pagination__select-holder\">\n            <select \n            id=\"page-size-{{ tableId }}\"\n            class=\"c-input \"\n            [value]=\"getPageSize()\"\n            (change)=\"handlePageSizeChange($event)\">\n            @for (option of getPageSizeOptions(); track option) {\n              <option [value]=\"option\">{{ option }}</option>\n            }\n          </select>\n          </div>\n      </div>\n    }\n\n    @if (showPagination()) {\n      <nav class=\"c-pager\">\n        <ul class=\"c-pager__list\">\n          <li class=\"c-pager__item\">\n            <a class=\"c-pager__link\" \n               [class.disabled]=\"getCurrentPage() === 1\" \n               (click)=\"onPageChange(getCurrentPage() - 1)\">\n              <span class=\"icon-arrow-left\"></span>\n            </a>\n          </li>\n\n          <ng-container *ngFor=\"let page of getVisiblePages()\">\n            <li class=\"c-pager__item\">\n              @if (page === '...') {\n                <span class=\"c-pager__link\">...</span>\n              } @else {\n                <a class=\"c-pager__link\" \n                   [class.is-active]=\"getCurrentPage() === page\"\n                   (click)=\"onPageChange(+page)\">\n                  {{ page }}\n                </a>\n              }\n            </li>\n          </ng-container>\n\n          <li class=\"c-pager__item\">\n            <a class=\"c-pager__link\" \n               [class.disabled]=\"getCurrentPage() === getTotalPages()\"\n               (click)=\"onPageChange(getCurrentPage() + 1)\">\n              <span class=\"icon-arrow-right\"></span>\n            </a>\n          </li>\n        </ul>\n      </nav>\n    }\n  </div>\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericPaginationComponent, decorators: [{
             type: Component,
@@ -10422,7 +10449,7 @@ class ConfirmationDialogComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ConfirmationDialogComponent, isStandalone: true, selector: "core-confirmation-dialog", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { confirm: "confirm", cancel: "cancel" }, queries: [{ propertyName: "customContentTemplate", first: true, predicate: ["customContent"], descendants: true }], viewQueries: [{ propertyName: "popupElement", first: true, predicate: ["popup"], descendants: true }, { propertyName: "overlayElement", first: true, predicate: ["overlay"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-popup\" \n     [class.c-popup--xl]=\"config().size === 'xl'\" \n     [class.is-visible]=\"isOpen()\" \n     [ngClass]=\"config().customClass\"\n     #popup \n     *ngIf=\"isOpen()\">\n  <div class=\"c-popup__overlay\" (click)=\"onCancel()\" #overlay></div>\n  <div class=\"c-popup__holder\">\n    @if(config().showCloseButton) {\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onCancel()\">\n      </core-generic-button>\n    }\n    @if (config().icon) {\n      <span class=\"c-popup__icon\" [ngClass]=\"config().icon | coreIconCompat\"></span>\n    }\n\n    <p class=\"c-popup__title u-heading u-fz--600\">\n      {{ config().title | translate: config().messageParams }}\n    </p>\n\n    @if (config().customTemplate) {\n      <ng-container *ngTemplateOutlet=\"config().customTemplate!; context: config().customTemplateContext\"></ng-container>\n    } @else {\n      \n      @if (config().message) {\n        <p class=\"c-popup__text u-text\">\n          {{ config().message ?? '' | translate: config().messageParams }}\n        </p>\n      }\n\n      @if (config().inputConfig) {\n        <label class=\"c-popup__form c-entry-item\">\n            <span class=\"c-entry-text\">\n              {{ config().inputConfig?.label ?? '' | translate }}\n              @if (!config().inputConfig?.validationValue) {\n                <!-- Todo: D\u00F3nde est\u00E1 el .u-text--muted ? -->\n                <span class=\"u-text--muted\"> ({{ 'common.optional' | translate }})</span>\n              }\n            </span>\n            <input \n              class=\"c-entry-input\"\n              type=\"text\"\n              [placeholder]=\"config().inputConfig?.placeholder ?? '' | translate\"\n              [(ngModel)]=\"inputValue\"\n              (ngModelChange)=\"onInputChange($event)\"\n              [required]=\"!!config().inputConfig?.validationValue\"\n            >\n        </label>\n      }\n\n    }\n\n    <div class=\"c-popup__btns u-flex u-push-t--xl\">\n      @if (config().showCancelButton !== false) {\n        <core-generic-button\n          [config]=\"cancelButtonConfig()\"\n          (buttonClick)=\"onCancel()\">\n        </core-generic-button>\n      }\n      @if (config().showConfirmButton !== false) {\n        <core-generic-button\n          [config]=\"confirmButtonConfig()\"\n          (buttonClick)=\"onConfirm()\">\n        </core-generic-button>\n      }\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ConfirmationDialogComponent, isStandalone: true, selector: "core-confirmation-dialog", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { confirm: "confirm", cancel: "cancel" }, queries: [{ propertyName: "customContentTemplate", first: true, predicate: ["customContent"], descendants: true }], viewQueries: [{ propertyName: "popupElement", first: true, predicate: ["popup"], descendants: true }, { propertyName: "overlayElement", first: true, predicate: ["overlay"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-popup\" \n     [class.c-popup--xl]=\"config().size === 'xl'\" \n     [class.is-visible]=\"isOpen()\" \n     [ngClass]=\"config().customClass\"\n     #popup \n     *ngIf=\"isOpen()\">\n  <div class=\"c-popup__overlay\" (click)=\"onCancel()\" #overlay></div>\n  <div class=\"c-popup__holder\">\n    @if(config().showCloseButton) {\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onCancel()\">\n      </core-generic-button>\n    }\n    @if (config().icon) {\n      <span class=\"c-popup__icon\" [ngClass]=\"config().icon | coreIconCompat\"></span>\n    }\n\n    <p class=\"c-popup__title u-heading u-fz--600\">\n      {{ config().title | translate: config().messageParams }}\n    </p>\n\n    @if (config().customTemplate) {\n      <ng-container *ngTemplateOutlet=\"config().customTemplate!; context: config().customTemplateContext\"></ng-container>\n    } @else {\n      \n      @if (config().message) {\n        <p class=\"c-popup__text u-text\">\n          {{ config().message ?? '' | translate: config().messageParams }}\n        </p>\n      }\n\n      @if (config().inputConfig) {\n        <label class=\"c-popup__form c-entry-item\">\n            <span class=\"c-entry-text\">\n              {{ config().inputConfig?.label ?? '' | translate }}\n              @if (!config().inputConfig?.validationValue) {\n                <!-- Todo: D\u00F3nde est\u00E1 el .u-text--muted ? -->\n                <span class=\"u-text--muted\"> ({{ 'common.optional' | translate }})</span>\n              }\n            </span>\n            <input \n              class=\"c-entry-input\"\n              type=\"text\"\n              [placeholder]=\"config().inputConfig?.placeholder ?? '' | translate\"\n              [(ngModel)]=\"inputValue\"\n              (ngModelChange)=\"onInputChange($event)\"\n              [required]=\"!!config().inputConfig?.validationValue\"\n            >\n        </label>\n      }\n\n    }\n\n    <div class=\"c-popup__btns u-flex u-push-t--xl\">\n      @if (config().showCancelButton !== false) {\n        <core-generic-button\n          [config]=\"cancelButtonConfig()\"\n          (buttonClick)=\"onCancel()\">\n        </core-generic-button>\n      }\n      @if (config().showConfirmButton !== false) {\n        <core-generic-button\n          [config]=\"confirmButtonConfig()\"\n          (buttonClick)=\"onConfirm()\">\n        </core-generic-button>\n      }\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
@@ -11178,7 +11205,7 @@ class FilterModalComponent {
         overlay.addEventListener('animationend', onAnimationEnd);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilterModalComponent, isStandalone: true, selector: "core-filter-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, currentFilterValues: { classPropertyName: "currentFilterValues", publicName: "currentFilterValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", filterChange: "filterChange", clearFilters: "clearFilters", globalFilterChange: "globalFilterChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ \"table.filterBy\" | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      <form class=\"c-entry-group\">\n      @for (filter of visibleFilters(); track filter.key.toString() + '-' + clearTrigger()) {\n        <div coreDynamicField [field]=\"getFieldConfig(filter)\" [value]=\"getFieldValue(filter.key.toString())\"\n          [mode]=\"ModalMode.FILTER\" (valueChange)=\"updateFilter(filter.key.toString(), $event)\">\n        </div>\n      }\n    </form>\n    </div>\n    <div class=\"c-modal__bottom\">\n      <core-generic-button\n        [config]=\"clearButtonConfig()\"\n        (buttonClick)=\"onClear()\">\n      </core-generic-button>\n      <core-generic-button\n        [config]=\"applyButtonConfig()\"\n        (buttonClick)=\"onApply()\">\n      </core-generic-button>\n    </div>\n  </div>\n</div>", styles: [".c-link.disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilterModalComponent, isStandalone: true, selector: "core-filter-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, currentFilterValues: { classPropertyName: "currentFilterValues", publicName: "currentFilterValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", filterChange: "filterChange", clearFilters: "clearFilters", globalFilterChange: "globalFilterChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ \"table.filterBy\" | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      <form class=\"c-entry-group\">\n      @for (filter of visibleFilters(); track filter.key.toString() + '-' + clearTrigger()) {\n        <div coreDynamicField [field]=\"getFieldConfig(filter)\" [value]=\"getFieldValue(filter.key.toString())\"\n          [mode]=\"ModalMode.FILTER\" (valueChange)=\"updateFilter(filter.key.toString(), $event)\">\n        </div>\n      }\n    </form>\n    </div>\n    <div class=\"c-modal__bottom\">\n      <core-generic-button\n        [config]=\"clearButtonConfig()\"\n        (buttonClick)=\"onClear()\">\n      </core-generic-button>\n      <core-generic-button\n        [config]=\"applyButtonConfig()\"\n        (buttonClick)=\"onApply()\">\n      </core-generic-button>\n    </div>\n  </div>\n</div>", styles: [".c-link.disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilterModalComponent, decorators: [{
             type: Component,
@@ -12794,7 +12821,7 @@ class CoreManualRefreshComponent {
         return this.lastUpdateTimeString();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreManualRefreshComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CoreManualRefreshComponent, isStandalone: true, selector: "core-manual-refresh", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, refreshId: { classPropertyName: "refreshId", publicName: "refreshId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRefresh: "onRefresh", timestampUpdated: "timestampUpdated" }, ngImport: i0, template: "<div class=\"c-refresh u-flex u-push-b\">\n    @if (config().showLastUpdate && lastUpdateTimeString()) {\n        <p class=\"u-text\">{{ lastUpdateLabel() | translate }}: {{ lastUpdateTimeString() }}</p>\n    }\n    <button class=\"c-icon-btn\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onRefreshClick()\">\n        <span class=\"icon-reload\"></span>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CoreManualRefreshComponent, isStandalone: true, selector: "core-manual-refresh", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, refreshId: { classPropertyName: "refreshId", publicName: "refreshId", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onRefresh: "onRefresh", timestampUpdated: "timestampUpdated" }, ngImport: i0, template: "<div class=\"c-refresh u-flex u-push-b\">\n    @if (config().showLastUpdate && lastUpdateTimeString()) {\n        <p class=\"u-text\">{{ lastUpdateLabel() | translate }}: {{ lastUpdateTimeString() }}</p>\n    }\n    <button class=\"c-icon-btn\" [attr.aria-label]=\"ariaLabel()\" (click)=\"onRefreshClick()\">\n        <span class=\"icon-reload\"></span>\n    </button>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CoreManualRefreshComponent, decorators: [{
             type: Component,
@@ -12837,7 +12864,7 @@ class GenericSwitchComponent {
         this.valueChange.emit(option.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSwitchComponent, isStandalone: true, selector: "core-generic-switch", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"c-switch\" [attr.aria-label]=\"ariaLabel()\" role=\"group\">\n  @for (option of options(); track option.value) {\n  <button\n    class=\"c-icon-btn\"\n    [class]=\"option.icon || '' | coreIconCompat\"\n    [class.is-active]=\"isSelected(option.value)\"\n    [class.is-disabled]=\"option.disabled\"\n    [attr.title]=\"option.tooltip || option.label || '' | translate\"\n    [attr.aria-pressed]=\"isSelected(option.value)\"\n    [attr.aria-disabled]=\"option.disabled\"\n    [attr.data-value]=\"option.value\"\n    (click)=\"onOptionClick(option)\"\n  >\n    @if (option.label && !option.icon) {\n    {{ option.label | translate }}\n    }\n  </button>\n  }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSwitchComponent, isStandalone: true, selector: "core-generic-switch", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, selectedValue: { classPropertyName: "selectedValue", publicName: "selectedValue", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"c-switch\" [attr.aria-label]=\"ariaLabel()\" role=\"group\">\n  @for (option of options(); track option.value) {\n  <button\n    class=\"c-icon-btn\"\n    [class]=\"option.icon || '' | coreIconCompat\"\n    [class.is-active]=\"isSelected(option.value)\"\n    [class.is-disabled]=\"option.disabled\"\n    [attr.title]=\"option.tooltip || option.label || '' | translate\"\n    [attr.aria-pressed]=\"isSelected(option.value)\"\n    [attr.aria-disabled]=\"option.disabled\"\n    [attr.data-value]=\"option.value\"\n    (click)=\"onOptionClick(option)\"\n  >\n    @if (option.label && !option.icon) {\n    {{ option.label | translate }}\n    }\n  </button>\n  }\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSwitchComponent, decorators: [{
             type: Component,
@@ -12982,7 +13009,7 @@ class FixedActionsMobileModalComponent {
         return false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FixedActionsMobileModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FixedActionsMobileModalComponent, isStandalone: true, selector: "core-fixed-actions-mobile-modal", ngImport: i0, template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  [class.is-disabled]=\"isActionDisabled(action)\"\n                  [attr.aria-disabled]=\"isActionDisabled(action)\"\n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action) | coreIconCompat\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FixedActionsMobileModalComponent, isStandalone: true, selector: "core-fixed-actions-mobile-modal", ngImport: i0, template: "@if (isVisible()) {\n  <div class=\"c-services-chat c-modal is-visible\">\n    <div class=\"c-modal__overlay\" (click)=\"onOverlayClick($event)\"></div>\n    <div class=\"c-modal__holder\">\n      <div class=\"c-modal__header\">\n        @if (modalData()?.title || modalData()?.subtitle) {\n          <p class=\"c-modal__title\">\n            {{ modalData()?.title }}\n            @if (modalData()?.subtitle) {\n              <br>\n              <small>{{ modalData()?.subtitle }}</small>\n            }\n          </p>\n        }\n        <button \n          type=\"button\" \n          class=\"c-icon-btn c-modal__close\" \n          aria-label=\"Cerrar\" \n          title=\"Cerrar\"\n          (click)=\"onClose()\">\n          <span class=\"icon-cross-thin\"></span>\n        </button>\n      </div>\n      <div class=\"c-modal__body\">\n        <nav class=\"c-mobile-nav\">\n          <ul>\n            @for (action of visibleActions(); track $index) {\n              <li class=\"c-mobile-nav__item\">\n                <a \n                  class=\"c-mobile-nav__link\" \n                  [class.is-disabled]=\"isActionDisabled(action)\"\n                  [attr.aria-disabled]=\"isActionDisabled(action)\"\n                  href=\"javascript:void(0)\"\n                  (click)=\"onActionClick(action)\">\n                  @if (getActionIcon(action)) {\n                    <span [ngClass]=\"getActionIcon(action) | coreIconCompat\"></span>\n                  }\n                  {{ getActionLabel(action) | translate }}\n                </a>\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    </div>\n  </div>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FixedActionsMobileModalComponent, decorators: [{
             type: Component,
@@ -15256,7 +15283,7 @@ class GenericTableComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTableComponent, isStandalone: true, selector: "core-generic-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, modalFields: { classPropertyName: "modalFields", publicName: "modalFields", isSignal: true, isRequired: false, transformFunction: null }, modalTabs: { classPropertyName: "modalTabs", publicName: "modalTabs", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: true, isRequired: false, transformFunction: null }, globalActions: { classPropertyName: "globalActions", publicName: "globalActions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, showSelection: { classPropertyName: "showSelection", publicName: "showSelection", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, showCreateButton: { classPropertyName: "showCreateButton", publicName: "showCreateButton", isSignal: true, isRequired: false, transformFunction: null }, filterButtonConfig: { classPropertyName: "filterButtonConfig", publicName: "filterButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonConfig: { classPropertyName: "createButtonConfig", publicName: "createButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonText: { classPropertyName: "createButtonText", publicName: "createButtonText", isSignal: true, isRequired: false, transformFunction: null }, dataInput: { classPropertyName: "dataInput", publicName: "dataInput", isSignal: true, isRequired: false, transformFunction: null }, customFilters: { classPropertyName: "customFilters", publicName: "customFilters", isSignal: true, isRequired: false, transformFunction: null }, enablePagination: { classPropertyName: "enablePagination", publicName: "enablePagination", isSignal: true, isRequired: false, transformFunction: null }, modelFactory: { classPropertyName: "modelFactory", publicName: "modelFactory", isSignal: true, isRequired: false, transformFunction: null }, endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, customParams: { classPropertyName: "customParams", publicName: "customParams", isSignal: true, isRequired: false, transformFunction: null }, customArrayKey: { classPropertyName: "customArrayKey", publicName: "customArrayKey", isSignal: true, isRequired: false, transformFunction: null }, listTitle: { classPropertyName: "listTitle", publicName: "listTitle", isSignal: true, isRequired: false, transformFunction: null }, listSubTitle: { classPropertyName: "listSubTitle", publicName: "listSubTitle", isSignal: true, isRequired: false, transformFunction: null }, moreData: { classPropertyName: "moreData", publicName: "moreData", isSignal: true, isRequired: false, transformFunction: null }, inModal: { classPropertyName: "inModal", publicName: "inModal", isSignal: true, isRequired: false, transformFunction: null }, expansionConfig: { classPropertyName: "expansionConfig", publicName: "expansionConfig", isSignal: true, isRequired: false, transformFunction: null }, fileUploadConfig: { classPropertyName: "fileUploadConfig", publicName: "fileUploadConfig", isSignal: true, isRequired: false, transformFunction: null }, rowStyleConfigs: { classPropertyName: "rowStyleConfigs", publicName: "rowStyleConfigs", isSignal: true, isRequired: false, transformFunction: null }, columnDisabledConfigs: { classPropertyName: "columnDisabledConfigs", publicName: "columnDisabledConfigs", isSignal: true, isRequired: false, transformFunction: null }, rowVisibilityConfigs: { classPropertyName: "rowVisibilityConfigs", publicName: "rowVisibilityConfigs", isSignal: true, isRequired: false, transformFunction: null }, headerOrder: { classPropertyName: "headerOrder", publicName: "headerOrder", isSignal: true, isRequired: false, transformFunction: null }, showActiveFilters: { classPropertyName: "showActiveFilters", publicName: "showActiveFilters", isSignal: true, isRequired: false, transformFunction: null }, activeFiltersConfig: { classPropertyName: "activeFiltersConfig", publicName: "activeFiltersConfig", isSignal: true, isRequired: false, transformFunction: null }, sortConfig: { classPropertyName: "sortConfig", publicName: "sortConfig", isSignal: true, isRequired: false, transformFunction: null }, showManualRefresh: { classPropertyName: "showManualRefresh", publicName: "showManualRefresh", isSignal: true, isRequired: false, transformFunction: null }, manualRefreshConfig: { classPropertyName: "manualRefreshConfig", publicName: "manualRefreshConfig", isSignal: true, isRequired: false, transformFunction: null }, refreshButtonConfig: { classPropertyName: "refreshButtonConfig", publicName: "refreshButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, fixedActionsConfig: { classPropertyName: "fixedActionsConfig", publicName: "fixedActionsConfig", isSignal: true, isRequired: false, transformFunction: null }, deletedFilterKey: { classPropertyName: "deletedFilterKey", publicName: "deletedFilterKey", isSignal: true, isRequired: false, transformFunction: null }, scrollTable: { classPropertyName: "scrollTable", publicName: "scrollTable", isSignal: true, isRequired: false, transformFunction: null }, customEdit: { classPropertyName: "customEdit", publicName: "customEdit", isSignal: true, isRequired: false, transformFunction: null }, customDelete: { classPropertyName: "customDelete", publicName: "customDelete", isSignal: true, isRequired: false, transformFunction: null }, customView: { classPropertyName: "customView", publicName: "customView", isSignal: true, isRequired: false, transformFunction: null }, customSave: { classPropertyName: "customSave", publicName: "customSave", isSignal: true, isRequired: false, transformFunction: null }, useCustomSave: { classPropertyName: "useCustomSave", publicName: "useCustomSave", isSignal: true, isRequired: false, transformFunction: null }, onApiError: { classPropertyName: "onApiError", publicName: "onApiError", isSignal: true, isRequired: false, transformFunction: null }, inlineEditConfig: { classPropertyName: "inlineEditConfig", publicName: "inlineEditConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", selectionChanged: "selectionChanged", dataCreated: "dataCreated", dataUpdated: "dataUpdated", dataDeleted: "dataDeleted", dataFetched: "dataFetched", onMoreDataLoaded: "onMoreDataLoaded", globalActionTriggered: "globalActionTriggered", modalData: "modalData", beforeSave: "beforeSave", onFilterChange: "onFilterChange", onClearFilters: "onClearFilters", activeFilterRemoved: "activeFilterRemoved", activeFiltersCleared: "activeFiltersCleared", dataRefreshed: "dataRefreshed", inlineEditSave: "inlineEditSave", inlineEditModeChanged: "inlineEditModeChanged", inlineEditValidationError: "inlineEditValidationError" }, host: { listeners: { "window:beforeunload": "onBeforeUnload($event)", "document:click": "closeSubmenu()" } }, providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], viewQueries: [{ propertyName: "sentinel", first: true, predicate: ["sentinel"], descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "manualRefreshComponent", first: true, predicate: CoreManualRefreshComponent, descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (showActiveFilters()) {\n  <core-active-filters\n    [activeFilters]=\"currentActiveFilters()\"\n    [config]=\"activeFiltersConfig()\"\n    (onFilterRemove)=\"onActiveFilterRemove($event)\"\n    (onClearAll)=\"onActiveFiltersClear()\">\n  </core-active-filters>\n}\n<div class=\"c-table\" [class.c-table--scroll]=\"scrollTable()\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (shouldShowManualRefresh()) {\n    <core-manual-refresh \n      [config]=\"getManualRefreshConfig()\"\n      (onRefresh)=\"onManualRefresh()\">\n    </core-manual-refresh>\n  }\n  <table>\n    <thead>\n      <tr>\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <th class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isAllSelected()\" (change)=\"masterToggle()\" />\n        </th>\n        }\n        @for (column of columns(); track $index) {\n        <th [ngClass]=\"column.align ? 'u-align-' + column.align : ''\">\n          @if (isColumnSortable(column)) {\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"getColumnSortState(column) === SortDirection.ASC\"\n            [class.is-desc]=\"getColumnSortState(column) === SortDirection.DESC\"\n            [class.has-multiple-sorts]=\"isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null\"\n            [title]=\"getSortButtonTitle(column)\"\n            (click)=\"onColumnHeaderClick(column)\">\n            {{ column.label | translate }}\n            <!-- @if (isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null) {\n              <span class=\"c-table-order__priority\">{{ getColumnSortPriority(column)! + 1 }}</span>\n            } -->\n            <span class=\"c-table-order__controls\">\n              <span class=\"c-table-order__arrow--desc icon-arrow-up\"></span>\n              <span class=\"c-table-order__arrow--asc icon-arrow-down\"></span>\n            </span>\n          </button>\n          } @else {\n          {{ column.label | translate }}\n          }\n        </th>\n        }\n        @if (showActions() && (actions().length > 0 || customActions().length > 0)) {\n        <th class=\"u-align-right\">{{ 'table.actions' | translate }}</th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of displayedData(); track row.getId()) {\n      <tr [ngClass]=\"getRowClasses(row)\" \n          [class.is-editable]=\"isRowInEditMode(row.getId())\"\n          [class.is-disabled]=\"isRowDisabled(row)\">\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <td class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"toggleRow(row)\" />\n        </td>\n        }\n        @for (column of columns(); track $index) {\n        <td [attr.data-label]=\"column.label | translate\" \n            [ngClass]=\"[\n              column.align ? 'u-align-' + column.align : '',\n              getCellDisabledClasses(row, column)\n            ]\" \n            [class.is-editing]=\"isColumnEditable(column, row)\"\n            [class.is-column-disabled]=\"isColumnDisabledForRow(row, column)\">\n          @if (column.template) {\n          <!-- Todo: Ver qu\u00E9 es esto -->\n            <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: row, column: column }\"></ng-container>\n          } @else if (isColumnEditable(column, row)) {\n            <!-- !Solcre: Modo de edici\u00F3n en l\u00EDnea usando DynamicField -->\n            <div class=\"c-table__inline-edit\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong>\n              <div\n                coreDynamicField\n                [field]=\"getInlineEditableConfigWithState(row, column)!\"\n                [value]=\"getEditingValue(row, column)\"\n                [mode]=\"ModalMode.EDIT\"\n                [errors]=\"getCellErrors(row, column)\"\n                [rowData]=\"row\"\n                (valueChange)=\"onCellValueChange(row, column, $event)\"\n                (onBlurEvent)=\"onCellBlur(row, column)\"\n                (onEnterEvent)=\"onCellEnter(row, column)\"\n              ></div>\n            </div>\n          } @else {\n            <div class=\"c-table__content\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong> {{ getFormattedValue(row,\n              column) }}\n            </div>\n          }\n        </td>\n        }\n\n        <!-- Actions-->\n\n        @if (showActions() && (actions().length > 0 || customActions().length > 0 || expansionConfig()?.enabled)) {\n\n        <td class=\"u-align-right\">\n          <div class=\"c-table__actions\">\n            <core-dropdown [rowId]=\"row.getId()\" [extraDefaultActions]=\"getVisibleDefaultActions(row, true)\"\n                [extraCustomActions]=\"getVisibleCustomActions(row, true)\" [row]=\"row\"\n                [triggerElementId]=\"'dropdown-trigger-' + row.getId()\"\n                (actionTriggered)=\"triggerAction($event.action, $event.row)\"\n                (customActionTriggered)=\"triggerCustomAction($event.action, $event.row)\" #dropdown>\n              </core-dropdown>\n            @for (actionConfig of getVisibleDefaultActions(row, false); track actionConfig.action) {\n              @if (hasPermission(actionConfig)) {\n                @if (actionConfig.action === TableAction.VIEW || actionConfig.action === TableAction.EDIT ||\n                actionConfig.action === TableAction.DELETE || actionConfig.action === TableAction.RECOVER) {\n                  <core-generic-button [config]=\"getActionButtonConfig(actionConfig.action, actionConfig, row)\"\n                    (buttonClick)=\"onButtonClick($event, actionConfig.action, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n            @for (customAction of getVisibleCustomActions(row, false); track customAction.label || $index) {\n              @if (hasPermission(customAction)) {\n                @if (customAction.isSwitch && customAction.switchOptions) {\n                  <core-generic-switch\n                    [options]=\"customAction.switchOptions\"\n                    [selectedValue]=\"customAction.switchValue ? customAction.switchValue(row) : null\"\n                    [ariaLabel]=\"customAction.switchAriaLabel || customAction.title\"\n                    (valueChange)=\"onCustomActionSwitchChange($event, customAction, row)\">\n                  </core-generic-switch>\n                } @else {\n                  <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                    (buttonClick)=\"onButtonClick($event, customAction, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n\n            @for (outsideAction of getOutsideFixedActionsForRow(row); track $index) {\n              @if (outsideAction.type === 'table' || outsideAction.type === 'custom' ? hasPermission(outsideAction.config) : true) {\n                <core-generic-button \n                  [config]=\"getOutsideFixedActionButtonConfig(outsideAction, row)\"\n                  (buttonClick)=\"onOutsideFixedActionClick($event, outsideAction, row)\">\n                </core-generic-button>\n              }\n            }\n\n            @if (hasExtraActionsForRow(row)) {\n              <core-generic-button [config]=\"getMoreActionsButtonConfig(row.getId())\" [data]=\"row\"\n                (buttonClick)=\"onMoreActionsClick($event, row.getId())\" #dropdownTrigger>\n              </core-generic-button>\n            }\n\n            @if (expansionConfig()?.enabled) {\n              <!-- \u2705 Solcre: Celda dedicada para expansi\u00F3n en su posici\u00F3n correcta -->\n              <core-generic-button [config]=\"getExpandButtonConfig(row)\" (buttonClick)=\"onExpandButtonClick($event, row)\">\n              </core-generic-button>\n            }\n\n          </div> <!-- .c-table__actions -->\n        </td> <!-- td parent of .c-table__actions -->\n        } <!-- @if (showActions() -->\n\n\n      </tr>\n      @if (expansionConfig()?.enabled && isRowExpanded(row)) {\n        <!-- Todo: Ver que es esto -->\n        <tr class=\"c-table-dropdown\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"c-table-dropdown__holder\">\n            <ng-container *ngTemplateOutlet=\"expansionConfig()!.template; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n        </tr>\n      }\n      } @empty {\n        <tr>\n          <!-- Todo: Estilo .no-data -->\n          <td [attr.colspan]=\"displayedColumns().length\">\n            <p class=\"c-placeholder\">{{ 'table.noData' | translate }}</p>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div> <!-- .c-table -->\n\n<!-- Todo: Todo lo que viene dsp de la tabla -->\n\n@if (!enablePagination()) {\n<!-- Todo: Ver qu\u00E9 onda esto -->\n<div #sentinel class=\"sentinel\"></div>\n}\n\n@if (enablePagination()) {\n<core-generic-pagination \n  [tableId]=\"tableId\" \n  [isServerSide]=\"!!endpoint()\"\n  [showPagination]=\"shouldShowPagination()\"\n  [showPageSizeSelector]=\"shouldShowPageSizeSelector()\">\n</core-generic-pagination>\n}\n\n<core-generic-modal [isOpen]=\"tableActionService.getIsModalOpen()\" [mode]=\"tableActionService.getModalMode()\"\n  [data]=\"tableActionService.getModalData()\" [fields]=\"hasTabs() ? [] : tableActionService.getModalFieldsToShow()\"\n  [tabs]=\"hasTabs() ? modalTabs() : []\" [title]=\"tableActionService.getModalTitle()\" [modelFactory]=\"modelFactory() || null\"\n  (save)=\"onModalSave($event)\" (close)=\"tableActionService.closeModal()\" (modalData)=\"onModalData($event)\">\n</core-generic-modal>\n\n<core-filter-modal [isOpen]=\"isFilterModalOpen()\" [filters]=\"customFilters()\" [currentFilterValues]=\"currentFilterValues()\" (close)=\"closeFiltersPopup()\"\n  (filterChange)=\"handleFilterChange($event)\" (globalFilterChange)=\"applyGlobalFilter($event)\"\n  (clearFilters)=\"handleClearFilters()\">\n</core-filter-modal>\n\n<!-- @if (shouldShowFixedActions()) {\n  <div class=\"c-fixed-actions\" [ngClass]=\"'c-fixed-actions--' + (fixedActionsConfig()?.position || 'right')\">\n    @for (action of fixedActionsArray(); track $index) {\n      @if (shouldShowFixedAction(action)) {\n        <button \n          type=\"button\"\n          [ngClass]=\"getFixedActionClass(action)\"\n          [disabled]=\"isFixedActionDisabled(action)\"\n          [title]=\"getFixedActionTooltip(action) || ''\"\n          [attr.aria-label]=\"getFixedActionTooltip(action) || action.label || ''\"\n          (click)=\"onFixedActionClick(action)\">\n        </button>\n      }\n    }\n  </div>\n} -->\n\n<core-fixed-actions-mobile-modal />\n", styles: [".c-table-dropdown{padding:16px;background-color:var(--color-neutral-200);border-top:1px solid var(--color-alternative-100)}.c-table-dropdown td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:var(--color-context-success)}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}@media (max-width: 61.1875rem){.c-table-dropdown{background-color:var(--color-neutral-200);border-radius:0 0 var(--app-br) var(--app-br);border-top:none;margin-top:calc(var(--_gap-y) * -1 - var(--app-br))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: GenericModalComponent, selector: "core-generic-modal", inputs: ["isOpen", "mode", "data", "fields", "tabs", "steps", "title", "isMultiple", "customTemplate", "customViewTemplate", "finalStepTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges", "stepValidationEnabled", "allowFreeNavigation", "autoMarkCompleted"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: GenericPaginationComponent, selector: "core-generic-pagination", inputs: ["tableId", "isServerSide", "showPagination", "showPageSizeSelector"] }, { kind: "component", type: DropdownComponent, selector: "core-dropdown", inputs: ["rowId", "triggerElementId", "extraDefaultActions", "extraCustomActions", "row"], outputs: ["actionTriggered", "customActionTriggered"] }, { kind: "component", type: FilterModalComponent, selector: "core-filter-modal", inputs: ["isOpen", "filters", "currentFilterValues"], outputs: ["close", "filterChange", "clearFilters", "globalFilterChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: ActiveFiltersComponent, selector: "core-active-filters", inputs: ["activeFilters", "config"], outputs: ["onFilterRemove", "onClearAll"] }, { kind: "component", type: CoreManualRefreshComponent, selector: "core-manual-refresh", inputs: ["config", "refreshId"], outputs: ["onRefresh", "timestampUpdated"] }, { kind: "component", type: GenericSwitchComponent, selector: "core-generic-switch", inputs: ["options", "selectedValue", "ariaLabel"], outputs: ["valueChange"] }, { kind: "component", type: FixedActionsMobileModalComponent, selector: "core-fixed-actions-mobile-modal" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTableComponent, isStandalone: true, selector: "core-generic-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: true, transformFunction: null }, modalFields: { classPropertyName: "modalFields", publicName: "modalFields", isSignal: true, isRequired: false, transformFunction: null }, modalTabs: { classPropertyName: "modalTabs", publicName: "modalTabs", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: true, transformFunction: null }, customActions: { classPropertyName: "customActions", publicName: "customActions", isSignal: true, isRequired: false, transformFunction: null }, globalActions: { classPropertyName: "globalActions", publicName: "globalActions", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, showSelection: { classPropertyName: "showSelection", publicName: "showSelection", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, showCreateButton: { classPropertyName: "showCreateButton", publicName: "showCreateButton", isSignal: true, isRequired: false, transformFunction: null }, filterButtonConfig: { classPropertyName: "filterButtonConfig", publicName: "filterButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonConfig: { classPropertyName: "createButtonConfig", publicName: "createButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, createButtonText: { classPropertyName: "createButtonText", publicName: "createButtonText", isSignal: true, isRequired: false, transformFunction: null }, dataInput: { classPropertyName: "dataInput", publicName: "dataInput", isSignal: true, isRequired: false, transformFunction: null }, customFilters: { classPropertyName: "customFilters", publicName: "customFilters", isSignal: true, isRequired: false, transformFunction: null }, enablePagination: { classPropertyName: "enablePagination", publicName: "enablePagination", isSignal: true, isRequired: false, transformFunction: null }, modelFactory: { classPropertyName: "modelFactory", publicName: "modelFactory", isSignal: true, isRequired: false, transformFunction: null }, endpoint: { classPropertyName: "endpoint", publicName: "endpoint", isSignal: true, isRequired: false, transformFunction: null }, customParams: { classPropertyName: "customParams", publicName: "customParams", isSignal: true, isRequired: false, transformFunction: null }, customArrayKey: { classPropertyName: "customArrayKey", publicName: "customArrayKey", isSignal: true, isRequired: false, transformFunction: null }, listTitle: { classPropertyName: "listTitle", publicName: "listTitle", isSignal: true, isRequired: false, transformFunction: null }, listSubTitle: { classPropertyName: "listSubTitle", publicName: "listSubTitle", isSignal: true, isRequired: false, transformFunction: null }, moreData: { classPropertyName: "moreData", publicName: "moreData", isSignal: true, isRequired: false, transformFunction: null }, inModal: { classPropertyName: "inModal", publicName: "inModal", isSignal: true, isRequired: false, transformFunction: null }, expansionConfig: { classPropertyName: "expansionConfig", publicName: "expansionConfig", isSignal: true, isRequired: false, transformFunction: null }, fileUploadConfig: { classPropertyName: "fileUploadConfig", publicName: "fileUploadConfig", isSignal: true, isRequired: false, transformFunction: null }, rowStyleConfigs: { classPropertyName: "rowStyleConfigs", publicName: "rowStyleConfigs", isSignal: true, isRequired: false, transformFunction: null }, columnDisabledConfigs: { classPropertyName: "columnDisabledConfigs", publicName: "columnDisabledConfigs", isSignal: true, isRequired: false, transformFunction: null }, rowVisibilityConfigs: { classPropertyName: "rowVisibilityConfigs", publicName: "rowVisibilityConfigs", isSignal: true, isRequired: false, transformFunction: null }, headerOrder: { classPropertyName: "headerOrder", publicName: "headerOrder", isSignal: true, isRequired: false, transformFunction: null }, showActiveFilters: { classPropertyName: "showActiveFilters", publicName: "showActiveFilters", isSignal: true, isRequired: false, transformFunction: null }, activeFiltersConfig: { classPropertyName: "activeFiltersConfig", publicName: "activeFiltersConfig", isSignal: true, isRequired: false, transformFunction: null }, sortConfig: { classPropertyName: "sortConfig", publicName: "sortConfig", isSignal: true, isRequired: false, transformFunction: null }, showManualRefresh: { classPropertyName: "showManualRefresh", publicName: "showManualRefresh", isSignal: true, isRequired: false, transformFunction: null }, manualRefreshConfig: { classPropertyName: "manualRefreshConfig", publicName: "manualRefreshConfig", isSignal: true, isRequired: false, transformFunction: null }, refreshButtonConfig: { classPropertyName: "refreshButtonConfig", publicName: "refreshButtonConfig", isSignal: true, isRequired: false, transformFunction: null }, fixedActionsConfig: { classPropertyName: "fixedActionsConfig", publicName: "fixedActionsConfig", isSignal: true, isRequired: false, transformFunction: null }, deletedFilterKey: { classPropertyName: "deletedFilterKey", publicName: "deletedFilterKey", isSignal: true, isRequired: false, transformFunction: null }, scrollTable: { classPropertyName: "scrollTable", publicName: "scrollTable", isSignal: true, isRequired: false, transformFunction: null }, customEdit: { classPropertyName: "customEdit", publicName: "customEdit", isSignal: true, isRequired: false, transformFunction: null }, customDelete: { classPropertyName: "customDelete", publicName: "customDelete", isSignal: true, isRequired: false, transformFunction: null }, customView: { classPropertyName: "customView", publicName: "customView", isSignal: true, isRequired: false, transformFunction: null }, customSave: { classPropertyName: "customSave", publicName: "customSave", isSignal: true, isRequired: false, transformFunction: null }, useCustomSave: { classPropertyName: "useCustomSave", publicName: "useCustomSave", isSignal: true, isRequired: false, transformFunction: null }, onApiError: { classPropertyName: "onApiError", publicName: "onApiError", isSignal: true, isRequired: false, transformFunction: null }, inlineEditConfig: { classPropertyName: "inlineEditConfig", publicName: "inlineEditConfig", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", selectionChanged: "selectionChanged", dataCreated: "dataCreated", dataUpdated: "dataUpdated", dataDeleted: "dataDeleted", dataFetched: "dataFetched", onMoreDataLoaded: "onMoreDataLoaded", globalActionTriggered: "globalActionTriggered", modalData: "modalData", beforeSave: "beforeSave", onFilterChange: "onFilterChange", onClearFilters: "onClearFilters", activeFilterRemoved: "activeFilterRemoved", activeFiltersCleared: "activeFiltersCleared", dataRefreshed: "dataRefreshed", inlineEditSave: "inlineEditSave", inlineEditModeChanged: "inlineEditModeChanged", inlineEditValidationError: "inlineEditValidationError" }, host: { listeners: { "window:beforeunload": "onBeforeUnload($event)", "document:click": "closeSubmenu()" } }, providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], viewQueries: [{ propertyName: "sentinel", first: true, predicate: ["sentinel"], descendants: true }, { propertyName: "dropdownTrigger", first: true, predicate: ["dropdownTrigger"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }, { propertyName: "manualRefreshComponent", first: true, predicate: CoreManualRefreshComponent, descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (showActiveFilters()) {\n  <core-active-filters\n    [activeFilters]=\"currentActiveFilters()\"\n    [config]=\"activeFiltersConfig()\"\n    (onFilterRemove)=\"onActiveFilterRemove($event)\"\n    (onClearAll)=\"onActiveFiltersClear()\">\n  </core-active-filters>\n}\n<div class=\"c-table\" [class.c-table--scroll]=\"scrollTable()\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (shouldShowManualRefresh()) {\n    <core-manual-refresh \n      [config]=\"getManualRefreshConfig()\"\n      (onRefresh)=\"onManualRefresh()\">\n    </core-manual-refresh>\n  }\n  <table>\n    <thead>\n      <tr>\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <th class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isAllSelected()\" (change)=\"masterToggle()\" />\n        </th>\n        }\n        @for (column of columns(); track $index) {\n        <th [ngClass]=\"column.align ? 'u-align-' + column.align : ''\">\n          @if (isColumnSortable(column)) {\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"getColumnSortState(column) === SortDirection.ASC\"\n            [class.is-desc]=\"getColumnSortState(column) === SortDirection.DESC\"\n            [class.has-multiple-sorts]=\"isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null\"\n            [title]=\"getSortButtonTitle(column)\"\n            (click)=\"onColumnHeaderClick(column)\">\n            {{ column.label | translate }}\n            <!-- @if (isMultiColumnSortEnabled() && getColumnSortPriority(column) !== null) {\n              <span class=\"c-table-order__priority\">{{ getColumnSortPriority(column)! + 1 }}</span>\n            } -->\n            <span class=\"c-table-order__controls\">\n              <span class=\"c-table-order__arrow--desc icon-arrow-up\"></span>\n              <span class=\"c-table-order__arrow--asc icon-arrow-down\"></span>\n            </span>\n          </button>\n          } @else {\n          {{ column.label | translate }}\n          }\n        </th>\n        }\n        @if (showActions() && (actions().length > 0 || customActions().length > 0)) {\n        <th class=\"u-align-right\">{{ 'table.actions' | translate }}</th>\n        }\n      </tr>\n    </thead>\n    <tbody>\n      @for (row of displayedData(); track row.getId()) {\n      <tr [ngClass]=\"getRowClasses(row)\" \n          [class.is-editable]=\"isRowInEditMode(row.getId())\"\n          [class.is-disabled]=\"isRowDisabled(row)\">\n        @if (showSelection()) {\n        <!-- Todo: Tabla con row selection -->\n        <td class=\"select-column\">\n          <input type=\"checkbox\" [checked]=\"isRowSelected(row)\" (change)=\"toggleRow(row)\" />\n        </td>\n        }\n        @for (column of columns(); track $index) {\n        <td [attr.data-label]=\"column.label | translate\" \n            [ngClass]=\"[\n              column.align ? 'u-align-' + column.align : '',\n              getCellDisabledClasses(row, column)\n            ]\" \n            [class.is-editing]=\"isColumnEditable(column, row)\"\n            [class.is-column-disabled]=\"isColumnDisabledForRow(row, column)\">\n          @if (column.template) {\n          <!-- Todo: Ver qu\u00E9 es esto -->\n            <ng-container *ngTemplateOutlet=\"column.template; context: { $implicit: row, column: column }\"></ng-container>\n          } @else if (isColumnEditable(column, row)) {\n            <!-- !Solcre: Modo de edici\u00F3n en l\u00EDnea usando DynamicField -->\n            <div class=\"c-table__inline-edit\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong>\n              <div\n                coreDynamicField\n                [field]=\"getInlineEditableConfigWithState(row, column)!\"\n                [value]=\"getEditingValue(row, column)\"\n                [mode]=\"ModalMode.EDIT\"\n                [errors]=\"getCellErrors(row, column)\"\n                [rowData]=\"row\"\n                (valueChange)=\"onCellValueChange(row, column, $event)\"\n                (onBlurEvent)=\"onCellBlur(row, column)\"\n                (onEnterEvent)=\"onCellEnter(row, column)\"\n              ></div>\n            </div>\n          } @else {\n            <div class=\"c-table__content\">\n              <strong class=\"c-table__mobile-heading\">{{ column.label | translate }}:</strong> {{ getFormattedValue(row,\n              column) }}\n            </div>\n          }\n        </td>\n        }\n\n        <!-- Actions-->\n\n        @if (showActions() && (actions().length > 0 || customActions().length > 0 || expansionConfig()?.enabled)) {\n\n        <td class=\"u-align-right\">\n          <div class=\"c-table__actions\">\n            <core-dropdown [rowId]=\"row.getId()\" [extraDefaultActions]=\"getVisibleDefaultActions(row, true)\"\n                [extraCustomActions]=\"getVisibleCustomActions(row, true)\" [row]=\"row\"\n                [triggerElementId]=\"'dropdown-trigger-' + row.getId()\"\n                (actionTriggered)=\"triggerAction($event.action, $event.row)\"\n                (customActionTriggered)=\"triggerCustomAction($event.action, $event.row)\" #dropdown>\n              </core-dropdown>\n            @for (actionConfig of getVisibleDefaultActions(row, false); track actionConfig.action) {\n              @if (hasPermission(actionConfig)) {\n                @if (actionConfig.action === TableAction.VIEW || actionConfig.action === TableAction.EDIT ||\n                actionConfig.action === TableAction.DELETE || actionConfig.action === TableAction.RECOVER) {\n                  <core-generic-button [config]=\"getActionButtonConfig(actionConfig.action, actionConfig, row)\"\n                    (buttonClick)=\"onButtonClick($event, actionConfig.action, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n            @for (customAction of getVisibleCustomActions(row, false); track customAction.label || $index) {\n              @if (hasPermission(customAction)) {\n                @if (customAction.isSwitch && customAction.switchOptions) {\n                  <core-generic-switch\n                    [options]=\"customAction.switchOptions\"\n                    [selectedValue]=\"customAction.switchValue ? customAction.switchValue(row) : null\"\n                    [ariaLabel]=\"customAction.switchAriaLabel || customAction.title\"\n                    (valueChange)=\"onCustomActionSwitchChange($event, customAction, row)\">\n                  </core-generic-switch>\n                } @else {\n                  <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                    (buttonClick)=\"onButtonClick($event, customAction, row)\">\n                  </core-generic-button>\n                }\n              }\n            }\n\n            @for (outsideAction of getOutsideFixedActionsForRow(row); track $index) {\n              @if (outsideAction.type === 'table' || outsideAction.type === 'custom' ? hasPermission(outsideAction.config) : true) {\n                <core-generic-button \n                  [config]=\"getOutsideFixedActionButtonConfig(outsideAction, row)\"\n                  (buttonClick)=\"onOutsideFixedActionClick($event, outsideAction, row)\">\n                </core-generic-button>\n              }\n            }\n\n            @if (hasExtraActionsForRow(row)) {\n              <core-generic-button [config]=\"getMoreActionsButtonConfig(row.getId())\" [data]=\"row\"\n                (buttonClick)=\"onMoreActionsClick($event, row.getId())\" #dropdownTrigger>\n              </core-generic-button>\n            }\n\n            @if (expansionConfig()?.enabled) {\n              <!-- \u2705 Solcre: Celda dedicada para expansi\u00F3n en su posici\u00F3n correcta -->\n              <core-generic-button [config]=\"getExpandButtonConfig(row)\" (buttonClick)=\"onExpandButtonClick($event, row)\">\n              </core-generic-button>\n            }\n\n          </div> <!-- .c-table__actions -->\n        </td> <!-- td parent of .c-table__actions -->\n        } <!-- @if (showActions() -->\n\n\n      </tr>\n      @if (expansionConfig()?.enabled && isRowExpanded(row)) {\n        <!-- Todo: Ver que es esto -->\n        <tr class=\"c-table-dropdown\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"c-table-dropdown__holder\">\n            <ng-container *ngTemplateOutlet=\"expansionConfig()!.template; context: { $implicit: row }\">\n            </ng-container>\n          </td>\n        </tr>\n      }\n      } @empty {\n        <tr>\n          <!-- Todo: Estilo .no-data -->\n          <td [attr.colspan]=\"displayedColumns().length\">\n            <p class=\"c-placeholder\">{{ 'table.noData' | translate }}</p>\n          </td>\n        </tr>\n      }\n    </tbody>\n  </table>\n</div> <!-- .c-table -->\n\n<!-- Todo: Todo lo que viene dsp de la tabla -->\n\n@if (!enablePagination()) {\n<!-- Todo: Ver qu\u00E9 onda esto -->\n<div #sentinel class=\"sentinel\"></div>\n}\n\n@if (enablePagination()) {\n<core-generic-pagination \n  [tableId]=\"tableId\" \n  [isServerSide]=\"!!endpoint()\"\n  [showPagination]=\"shouldShowPagination()\"\n  [showPageSizeSelector]=\"shouldShowPageSizeSelector()\">\n</core-generic-pagination>\n}\n\n<core-generic-modal [isOpen]=\"tableActionService.getIsModalOpen()\" [mode]=\"tableActionService.getModalMode()\"\n  [data]=\"tableActionService.getModalData()\" [fields]=\"hasTabs() ? [] : tableActionService.getModalFieldsToShow()\"\n  [tabs]=\"hasTabs() ? modalTabs() : []\" [title]=\"tableActionService.getModalTitle()\" [modelFactory]=\"modelFactory() || null\"\n  (save)=\"onModalSave($event)\" (close)=\"tableActionService.closeModal()\" (modalData)=\"onModalData($event)\">\n</core-generic-modal>\n\n<core-filter-modal [isOpen]=\"isFilterModalOpen()\" [filters]=\"customFilters()\" [currentFilterValues]=\"currentFilterValues()\" (close)=\"closeFiltersPopup()\"\n  (filterChange)=\"handleFilterChange($event)\" (globalFilterChange)=\"applyGlobalFilter($event)\"\n  (clearFilters)=\"handleClearFilters()\">\n</core-filter-modal>\n\n<!-- @if (shouldShowFixedActions()) {\n  <div class=\"c-fixed-actions\" [ngClass]=\"'c-fixed-actions--' + (fixedActionsConfig()?.position || 'right')\">\n    @for (action of fixedActionsArray(); track $index) {\n      @if (shouldShowFixedAction(action)) {\n        <button \n          type=\"button\"\n          [ngClass]=\"getFixedActionClass(action)\"\n          [disabled]=\"isFixedActionDisabled(action)\"\n          [title]=\"getFixedActionTooltip(action) || ''\"\n          [attr.aria-label]=\"getFixedActionTooltip(action) || action.label || ''\"\n          (click)=\"onFixedActionClick(action)\">\n        </button>\n      }\n    }\n  </div>\n} -->\n\n<core-fixed-actions-mobile-modal />\n", styles: [".c-table-dropdown{padding:16px;background-color:var(--color-neutral-200);border-top:1px solid var(--color-alternative-100)}.c-table-dropdown td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:var(--color-context-success)}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}@media (max-width: 61.1875rem){.c-table-dropdown{background-color:var(--color-neutral-200);border-radius:0 0 var(--app-br) var(--app-br);border-top:none;margin-top:calc(var(--_gap-y) * -1 - var(--app-br))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericModalComponent, selector: "core-generic-modal", inputs: ["isOpen", "mode", "data", "fields", "tabs", "steps", "title", "isMultiple", "customTemplate", "customViewTemplate", "finalStepTemplate", "buttonConfig", "modelFactory", "errors", "validators", "customHasChanges", "stepValidationEnabled", "allowFreeNavigation", "autoMarkCompleted"], outputs: ["save", "close", "modalData"] }, { kind: "component", type: GenericPaginationComponent, selector: "core-generic-pagination", inputs: ["tableId", "isServerSide", "showPagination", "showPageSizeSelector"] }, { kind: "component", type: DropdownComponent, selector: "core-dropdown", inputs: ["rowId", "triggerElementId", "extraDefaultActions", "extraCustomActions", "row"], outputs: ["actionTriggered", "customActionTriggered"] }, { kind: "component", type: FilterModalComponent, selector: "core-filter-modal", inputs: ["isOpen", "filters", "currentFilterValues"], outputs: ["close", "filterChange", "clearFilters", "globalFilterChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: ActiveFiltersComponent, selector: "core-active-filters", inputs: ["activeFilters", "config"], outputs: ["onFilterRemove", "onClearAll"] }, { kind: "component", type: CoreManualRefreshComponent, selector: "core-manual-refresh", inputs: ["config", "refreshId"], outputs: ["onRefresh", "timestampUpdated"] }, { kind: "component", type: GenericSwitchComponent, selector: "core-generic-switch", inputs: ["options", "selectedValue", "ariaLabel"], outputs: ["valueChange"] }, { kind: "component", type: FixedActionsMobileModalComponent, selector: "core-fixed-actions-mobile-modal" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTableComponent, decorators: [{
             type: Component,
@@ -15371,7 +15398,7 @@ class AlertContainerComponent {
       </core-alert>
     }
   </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: AlertComponent, selector: "core-alert", inputs: ["alert"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: AlertComponent, selector: "core-alert", inputs: ["alert"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AlertContainerComponent, decorators: [{
             type: Component,
@@ -15561,7 +15588,7 @@ class GenericDocumentationComponent {
         return this.config().emptyStateMessage || 'documentation.noDocuments';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericDocumentationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericDocumentationComponent, isStandalone: true, selector: "core-generic-documentation", inputs: { documents: { classPropertyName: "documents", publicName: "documents", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", uploadRequested: "uploadRequested" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div\n  *ngIf=\"!loading() && hasDocuments() && isGridMode()\"\n  class=\"c-components-grid\"\n>\n  <div\n    *ngFor=\"let document of documents(); trackBy: trackByDocumentId\"\n    class=\"c-doc\"\n  >\n    <div\n      class=\"c-bulleted-text\"\n      *ngIf=\"config().showUploadDate || config().showUploadedBy\"\n    >\n      <time\n        *ngIf=\"config().showUploadDate\"\n        [attr.datetime]=\"document.uploadedDate\"\n      >\n        <span [class]=\"getFileIcon(document)\"></span>\n        {{ formatDate(document.uploadedDate) }}\n      </time>\n      <span *ngIf=\"config().showUploadedBy\">\n        {{ document.uploadedBy }}\n      </span>\n    </div>\n\n    <div class=\"c-doc__file c-doc-file\">\n      <div>\n        <p class=\"c-doc__name\">{{ document.name }}</p>\n        <p\n          *ngIf=\"config().showDescription && document.description\"\n          class=\"c-doc__description\"\n        >\n          {{ document.description }}\n        </p>\n      </div>\n      <!-- DEV: Ajustar botones -->\n      <div class=\"c-doc__group-btns\">\n        <core-generic-button\n          *ngIf=\"canPerformAction(DocumentAction.DOWNLOAD, document)\"\n          [config]=\"getDownloadButtonConfig(document)\"\n          [data]=\"document\"\n          (buttonClick)=\"\n            onButtonClick(\n              DocumentAction.DOWNLOAD,\n              document,\n              $event.originalEvent\n            )\n          \"\n        >\n        </core-generic-button>\n\n        <core-generic-button\n          *ngIf=\"canPerformAction(DocumentAction.DELETE, document)\"\n          [config]=\"getDeleteButtonConfig(document)\"\n          [data]=\"document\"\n          (buttonClick)=\"\n            onButtonClick(DocumentAction.DELETE, document, $event.originalEvent)\n          \"\n        >\n        </core-generic-button>\n\n        <core-generic-button\n          *ngIf=\"canPerformAction(DocumentAction.HELP, document)\"\n          [config]=\"getHelpButtonConfig(document)\"\n          [data]=\"document\"\n          (buttonClick)=\"\n            onButtonClick(DocumentAction.HELP, document, $event.originalEvent)\n          \"\n        >\n        </core-generic-button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div\n  *ngIf=\"!loading() && hasDocuments() && isListMode()\"\n  class=\"c-components-grid\"\n>\n  <ul class=\"c-doc-list\">\n    <li\n      *ngFor=\"let document of documents(); trackBy: trackByDocumentId\"\n      class=\"c-doc-list__item\"\n    >\n      <div class=\"c-doc\">\n        <div\n          class=\"c-bulleted-text\"\n          *ngIf=\"config().showUploadDate || config().showUploadedBy\"\n        >\n          <time\n            *ngIf=\"config().showUploadDate\"\n            [attr.datetime]=\"document.uploadedDate\"\n          >\n            <span [class]=\"getFileIcon(document)\"></span>\n            {{ formatDate(document.uploadedDate) }}\n          </time>\n          <span *ngIf=\"config().showUploadedBy\">\n            {{ document.uploadedBy }}\n          </span>\n        </div>\n\n        <div class=\"c-doc__file c-doc-file\">\n          <div>\n            <p class=\"c-doc__name\">{{ document.name }}</p>\n            <p\n              *ngIf=\"config().showDescription && document.description\"\n              class=\"c-doc__description\"\n            >\n              {{ document.description }}\n            </p>\n          </div>\n\n          <div class=\"c-doc__group-btns\">\n            <core-generic-button\n              *ngIf=\"canPerformAction(DocumentAction.DOWNLOAD, document)\"\n              [config]=\"getDownloadButtonConfig(document)\"\n              [data]=\"document\"\n              (buttonClick)=\"\n                onButtonClick(\n                  DocumentAction.DOWNLOAD,\n                  document,\n                  $event.originalEvent\n                )\n              \"\n            >\n            </core-generic-button>\n\n            <core-generic-button\n              *ngIf=\"canPerformAction(DocumentAction.DELETE, document)\"\n              [config]=\"getDeleteButtonConfig(document)\"\n              [data]=\"document\"\n              (buttonClick)=\"\n                onButtonClick(\n                  DocumentAction.DELETE,\n                  document,\n                  $event.originalEvent\n                )\n              \"\n            >\n            </core-generic-button>\n\n            <core-generic-button\n              *ngIf=\"canPerformAction(DocumentAction.HELP, document)\"\n              [config]=\"getHelpButtonConfig(document)\"\n              [data]=\"document\"\n              (buttonClick)=\"\n                onButtonClick(\n                  DocumentAction.HELP,\n                  document,\n                  $event.originalEvent\n                )\n              \"\n            >\n            </core-generic-button>\n          </div>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n\n<!-- Loading state -->\n<div *ngIf=\"loading()\" class=\"c-empty-state\">\n  <div class=\"c-empty-state__content\">\n    <span class=\"c-empty-state__icon icon-loading\"></span>\n    <p class=\"c-empty-state__message\">{{ \"commons.loading\" | translate }}</p>\n  </div>\n</div>\n\n<!-- Empty state - No documents -->\n<div *ngIf=\"!loading() && !hasDocuments()\" class=\"c-empty-state\">\n  <div class=\"c-empty-state__content\">\n    <span class=\"c-empty-state__icon\" [class]=\"getEmptyStateIcon()\"></span>\n    <p class=\"c-empty-state__message\">\n      {{ getEmptyStateMessage() | translate }}\n    </p>\n\n    <!-- Upload button if user can upload -->\n    @if(config().showUploadButton) {\n    <core-generic-button\n      [config]=\"uploadButtonConfig()\"\n      (buttonClick)=\"onUploadClick($event.originalEvent)\"\n    ></core-generic-button>\n    }\n  </div>\n</div>\n", styles: [".c-empty-state{--_color-main-hsl: var(--color-neutral-800-hsl);--_color-text-hsl: var(--color-neutral-800-hsl);--_py: 4em;--_px: 1.5em;--_br: var(--core-main-br);--_fz: var(--fz-200);display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--_py) var(--_px);background-color:hsl(var(--_color-main-hsl)/4%);border-radius:var(--_br);font-size:var(--_fz);font-weight:600;max-width:100rem}.c-empty-state__content{max-width:25em}.c-empty-state__icon{display:block;font-size:2.4em;margin-bottom:.6em;opacity:.7}.c-empty-state__icon.icon-loading{animation:spin 1s linear infinite}.c-empty-state__message{color:#6b7280;line-height:1.5}.c-empty-state core-generic-button{display:block;margin-top:1.8em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericDocumentationComponent, isStandalone: true, selector: "core-generic-documentation", inputs: { documents: { classPropertyName: "documents", publicName: "documents", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, permissions: { classPropertyName: "permissions", publicName: "permissions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", uploadRequested: "uploadRequested" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div\n  *ngIf=\"!loading() && hasDocuments() && isGridMode()\"\n  class=\"c-components-grid\"\n>\n  <div\n    *ngFor=\"let document of documents(); trackBy: trackByDocumentId\"\n    class=\"c-doc\"\n  >\n    <div\n      class=\"c-bulleted-text\"\n      *ngIf=\"config().showUploadDate || config().showUploadedBy\"\n    >\n      <time\n        *ngIf=\"config().showUploadDate\"\n        [attr.datetime]=\"document.uploadedDate\"\n      >\n        <span [class]=\"getFileIcon(document)\"></span>\n        {{ formatDate(document.uploadedDate) }}\n      </time>\n      <span *ngIf=\"config().showUploadedBy\">\n        {{ document.uploadedBy }}\n      </span>\n    </div>\n\n    <div class=\"c-doc__file c-doc-file\">\n      <div>\n        <p class=\"c-doc__name\">{{ document.name }}</p>\n        <p\n          *ngIf=\"config().showDescription && document.description\"\n          class=\"c-doc__description\"\n        >\n          {{ document.description }}\n        </p>\n      </div>\n      <!-- DEV: Ajustar botones -->\n      <div class=\"c-doc__group-btns\">\n        <core-generic-button\n          *ngIf=\"canPerformAction(DocumentAction.DOWNLOAD, document)\"\n          [config]=\"getDownloadButtonConfig(document)\"\n          [data]=\"document\"\n          (buttonClick)=\"\n            onButtonClick(\n              DocumentAction.DOWNLOAD,\n              document,\n              $event.originalEvent\n            )\n          \"\n        >\n        </core-generic-button>\n\n        <core-generic-button\n          *ngIf=\"canPerformAction(DocumentAction.DELETE, document)\"\n          [config]=\"getDeleteButtonConfig(document)\"\n          [data]=\"document\"\n          (buttonClick)=\"\n            onButtonClick(DocumentAction.DELETE, document, $event.originalEvent)\n          \"\n        >\n        </core-generic-button>\n\n        <core-generic-button\n          *ngIf=\"canPerformAction(DocumentAction.HELP, document)\"\n          [config]=\"getHelpButtonConfig(document)\"\n          [data]=\"document\"\n          (buttonClick)=\"\n            onButtonClick(DocumentAction.HELP, document, $event.originalEvent)\n          \"\n        >\n        </core-generic-button>\n      </div>\n    </div>\n  </div>\n</div>\n\n<div\n  *ngIf=\"!loading() && hasDocuments() && isListMode()\"\n  class=\"c-components-grid\"\n>\n  <ul class=\"c-doc-list\">\n    <li\n      *ngFor=\"let document of documents(); trackBy: trackByDocumentId\"\n      class=\"c-doc-list__item\"\n    >\n      <div class=\"c-doc\">\n        <div\n          class=\"c-bulleted-text\"\n          *ngIf=\"config().showUploadDate || config().showUploadedBy\"\n        >\n          <time\n            *ngIf=\"config().showUploadDate\"\n            [attr.datetime]=\"document.uploadedDate\"\n          >\n            <span [class]=\"getFileIcon(document)\"></span>\n            {{ formatDate(document.uploadedDate) }}\n          </time>\n          <span *ngIf=\"config().showUploadedBy\">\n            {{ document.uploadedBy }}\n          </span>\n        </div>\n\n        <div class=\"c-doc__file c-doc-file\">\n          <div>\n            <p class=\"c-doc__name\">{{ document.name }}</p>\n            <p\n              *ngIf=\"config().showDescription && document.description\"\n              class=\"c-doc__description\"\n            >\n              {{ document.description }}\n            </p>\n          </div>\n\n          <div class=\"c-doc__group-btns\">\n            <core-generic-button\n              *ngIf=\"canPerformAction(DocumentAction.DOWNLOAD, document)\"\n              [config]=\"getDownloadButtonConfig(document)\"\n              [data]=\"document\"\n              (buttonClick)=\"\n                onButtonClick(\n                  DocumentAction.DOWNLOAD,\n                  document,\n                  $event.originalEvent\n                )\n              \"\n            >\n            </core-generic-button>\n\n            <core-generic-button\n              *ngIf=\"canPerformAction(DocumentAction.DELETE, document)\"\n              [config]=\"getDeleteButtonConfig(document)\"\n              [data]=\"document\"\n              (buttonClick)=\"\n                onButtonClick(\n                  DocumentAction.DELETE,\n                  document,\n                  $event.originalEvent\n                )\n              \"\n            >\n            </core-generic-button>\n\n            <core-generic-button\n              *ngIf=\"canPerformAction(DocumentAction.HELP, document)\"\n              [config]=\"getHelpButtonConfig(document)\"\n              [data]=\"document\"\n              (buttonClick)=\"\n                onButtonClick(\n                  DocumentAction.HELP,\n                  document,\n                  $event.originalEvent\n                )\n              \"\n            >\n            </core-generic-button>\n          </div>\n        </div>\n      </div>\n    </li>\n  </ul>\n</div>\n\n<!-- Loading state -->\n<div *ngIf=\"loading()\" class=\"c-empty-state\">\n  <div class=\"c-empty-state__content\">\n    <span class=\"c-empty-state__icon icon-loading\"></span>\n    <p class=\"c-empty-state__message\">{{ \"commons.loading\" | translate }}</p>\n  </div>\n</div>\n\n<!-- Empty state - No documents -->\n<div *ngIf=\"!loading() && !hasDocuments()\" class=\"c-empty-state\">\n  <div class=\"c-empty-state__content\">\n    <span class=\"c-empty-state__icon\" [class]=\"getEmptyStateIcon()\"></span>\n    <p class=\"c-empty-state__message\">\n      {{ getEmptyStateMessage() | translate }}\n    </p>\n\n    <!-- Upload button if user can upload -->\n    @if(config().showUploadButton) {\n    <core-generic-button\n      [config]=\"uploadButtonConfig()\"\n      (buttonClick)=\"onUploadClick($event.originalEvent)\"\n    ></core-generic-button>\n    }\n  </div>\n</div>\n", styles: [".c-empty-state{--_color-main-hsl: var(--color-neutral-800-hsl);--_color-text-hsl: var(--color-neutral-800-hsl);--_py: 4em;--_px: 1.5em;--_br: var(--core-main-br);--_fz: var(--fz-200);display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--_py) var(--_px);background-color:hsl(var(--_color-main-hsl)/4%);border-radius:var(--_br);font-size:var(--_fz);font-weight:600;max-width:100rem}.c-empty-state__content{max-width:25em}.c-empty-state__icon{display:block;font-size:2.4em;margin-bottom:.6em;opacity:.7}.c-empty-state__icon.icon-loading{animation:spin 1s linear infinite}.c-empty-state__message{color:#6b7280;line-height:1.5}.c-empty-state core-generic-button{display:block;margin-top:1.8em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericDocumentationComponent, decorators: [{
             type: Component,
@@ -16214,7 +16241,7 @@ class GenericSidebarComponent {
         return this.customModalService.getIsOpen();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSidebarComponent, isStandalone: true, selector: "core-generic-sidebar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked", subItemClicked: "subItemClicked" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "sidebarContentTemplate", first: true, predicate: ["sidebarContentTemplate"], descendants: true, isSignal: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if(getConfig() && hasValidConfiguration() && shouldRenderSidebar()) {\n\n  @if(getConfig()?.backButton) {\n      <button class=\"c-back-link\" (click)=\"getConfig()?.backButton?.action()\">\n        <span class=\"icon-arrow-left\"></span>\n        @if(getConfig()?.backButton?.labelNeedsTranslation && getConfig()?.backButton?.label) {\n          {{ getConfig()!.backButton!.label | translate }}\n        } @else if(getConfig()?.backButton?.label) {\n          {{ getConfig()!.backButton!.label }}\n        }\n      </button>\n    }\n\n  @if (shouldShowMobileVersion()) {\n    \n    @if (getMobileType() === SidebarMobileType.SELECT) {\n      <div class=\"c-sidebar-mobile\">\n        <label class=\"c-entry-input\">\n          <select (change)=\"onMobileSelectChange($event)\" [value]=\"getActiveItemId()\">\n            <option value=\"\">Seleccionar...</option>\n            @for(item of getConfig()?.items || []; track item.id) {\n              @if(item.children && item.children.length > 0) {\n                <optgroup [label]=\"item.label\">\n                  @for(subItem of item.children; track subItem.id) {\n                    <option [disabled]=\"subItem.disabled\" [value]=\"subItem.id\" [selected]=\"subItem.active\">\n                      {{ subItem.label }}\n                    </option>\n                  }\n                </optgroup>\n              } @else {\n                <option [disabled]=\"item.disabled\" [value]=\"item.id\" [selected]=\"item.active\">\n                  {{ item.label }}\n                </option>\n              }\n            }\n          </select>\n          <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n        </label>\n      </div>\n    }\n\n    @if (getMobileType() === SidebarMobileType.SCROLL) {\n      <div class=\"c-sidebar-mobile c-sidebar-mobile--scroll\">\n        <nav class=\"c-sidenav c-sidenav--mobile-scroll\">\n          @if(getConfig()?.title) {\n            <p class=\"c-sidenav__heading u-heading u-fz--300\">\n              <strong>\n                @if(shouldTranslateTitle()) {\n                  {{ getTitleDisplay() | translate }}\n                } @else {\n                  {{ getTitleDisplay() }}\n                }\n              </strong>\n            </p>\n          }\n          \n          <ul class=\"c-sidenav__list c-sidenav__list--scrollable\">\n            @for(item of getScrollableItems(); track item.id) {\n              <li class=\"c-sidenav__item\">\n                @if(item.children && item.children.length > 0) {\n                  <a class=\"c-sidenav__link\">{{ item.label }}</a>\n                  <ul class=\"c-sidenav__sublist\">\n                    @for(subItem of item.children; track subItem.id) {\n                      <li class=\"c-sidenav__subitem\">\n                        <a class=\"c-sidenav__sublink\"\n                           [class.is-disabled]=\"subItem.disabled\"\n                           [class.is-active]=\"subItem.active\"\n                           (click)=\"onSubItemClick(subItem)\">\n                          {{ subItem.label }}\n                        </a>\n                      </li>\n                    }\n                  </ul>\n                } @else {\n                  <a class=\"c-sidenav__link\"\n                     [class.is-disabled]=\"item.disabled\"\n                     [class.is-active]=\"item.active\"\n                     (click)=\"onItemClick(item)\">\n                    @if(item.icon) {\n                      <span [ngClass]=\"item.icon | coreIconCompat\"></span>\n                    }\n                    {{ item.label }}\n                  </a>\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n\n    @if (getMobileType() === SidebarMobileType.MODAL) {\n      <!-- El modal se renderiza desde el componente layout usando el servicio -->\n      <!-- No renderizamos nada aqu\u00ED para ocultar completamente el sidebar -->\n    }\n  }\n\n  @if (shouldShowDesktopVersion()) {\n    <nav class=\"c-sidenav\" style=\"--_layout-padd-y: calc(var(--space-y) * 1.8);\">\n      \n      @if(getConfig()?.title) {\n        <p class=\"c-sidenav__heading u-heading u-fz--300\">\n          <strong>\n            @if(shouldTranslateTitle()) {\n              {{ getTitleDisplay() | translate }}\n            } @else {\n              {{ getTitleDisplay() }}\n            }\n          </strong>\n        </p>\n      }\n      \n      @if(shouldUseCustomTemplate() && isTemplateInsideNav()) {\n        <ng-container \n          [ngTemplateOutlet]=\"getActiveTemplate()\" \n          [ngTemplateOutletContext]=\"{\n            $implicit: getConfig(),\n            config: getConfig(),\n            position: position(),\n            onItemClick: onItemClick.bind(this),\n            onSubItemClick: onSubItemClick.bind(this)\n          }\">\n        </ng-container>\n      } @else if (!shouldUseCustomTemplate()) {\n        <ul class=\"c-sidenav__list\">\n          @for(item of getConfig()?.items || []; track item.id) {\n            <li class=\"c-sidenav__item\">\n              @if(item.children && item.children.length > 0) {\n                <a class=\"c-sidenav__link\">{{ item.label }}</a>\n                <ul class=\"c-sidenav__sublist\">\n                  @for(subItem of item.children; track subItem.id) {\n                    <li class=\"c-sidenav__subitem\">\n                      <a class=\"c-sidenav__sublink\"\n                         [class.is-disabled]=\"subItem.disabled\"\n                         [class.is-active]=\"subItem.active\"\n                         (click)=\"onSubItemClick(subItem)\">\n                        {{ subItem.label }}\n                      </a>\n                    </li>\n                  }\n                </ul>\n              } @else {\n                <a class=\"c-sidenav__link\"\n                   [class.is-disabled]=\"item.disabled\"\n                   [class.is-active]=\"item.active\"\n                   (click)=\"onItemClick(item)\">\n                  @if(item.icon) {\n                    <span [ngClass]=\"item.icon | coreIconCompat\"></span>\n                  }\n                  {{ item.label }}\n                </a>\n              }\n            </li>\n          }\n        </ul>\n      }\n    </nav>\n  }\n} \n\n<ng-template #sidebarContentTemplate>\n  <nav class=\"c-sidenav c-sidenav--modal\">\n    @if(shouldUseCustomTemplate() && isTemplateInsideNav()) {\n      <ng-container \n        [ngTemplateOutlet]=\"getActiveTemplate()\" \n        [ngTemplateOutletContext]=\"{\n          $implicit: getConfig(),\n          config: getConfig(),\n          position: position(),\n          onItemClick: onItemClick.bind(this),\n          onSubItemClick: onSubItemClick.bind(this)\n        }\">\n      </ng-container>\n    } @else if (!shouldUseCustomTemplate()) {\n      <ul class=\"c-sidenav__list\">\n        @for(item of getConfig()?.items || []; track item.id) {\n          <li class=\"c-sidenav__item\">\n            @if(item.children && item.children.length > 0) {\n              <a class=\"c-sidenav__link\">{{ item.label }}</a>\n              <ul class=\"c-sidenav__sublist\">\n                @for(subItem of item.children; track subItem.id) {\n                  <li class=\"c-sidenav__subitem\">\n                    <a class=\"c-sidenav__sublink\"\n                       [class.is-disabled]=\"subItem.disabled\"\n                       [class.is-active]=\"subItem.active\"\n                       (click)=\"onSubItemClick(subItem); modalService.closeModal()\">\n                      {{ subItem.label }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            } @else {\n              <a class=\"c-sidenav__link\"\n                 [class.is-disabled]=\"item.disabled\"\n                 [class.is-active]=\"item.active\"\n                 (click)=\"onItemClick(item); modalService.closeModal()\">\n                @if(item.icon) {\n                  <span [ngClass]=\"item.icon | coreIconCompat\"></span>\n                }\n                {{ item.label }}\n              </a>\n            }\n          </li>\n        }\n      </ul>\n    }\n  </nav>\n</ng-template>\n\n@if(shouldUseCustomTemplate() && !isTemplateInsideNav()) {\n  <ng-container \n    [ngTemplateOutlet]=\"getActiveTemplate()\" \n    [ngTemplateOutletContext]=\"{\n      $implicit: getConfig(),\n      config: getConfig(),\n      position: position(),\n      onItemClick: onItemClick.bind(this),\n      onSubItemClick: onSubItemClick.bind(this)\n    }\">\n  </ng-container>\n}\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSidebarComponent, isStandalone: true, selector: "core-generic-sidebar", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, customTemplate: { classPropertyName: "customTemplate", publicName: "customTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked", subItemClicked: "subItemClicked" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "sidebarContentTemplate", first: true, predicate: ["sidebarContentTemplate"], descendants: true, isSignal: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if(getConfig() && hasValidConfiguration() && shouldRenderSidebar()) {\n\n  @if(getConfig()?.backButton) {\n      <button class=\"c-back-link\" (click)=\"getConfig()?.backButton?.action()\">\n        <span class=\"icon-arrow-left\"></span>\n        @if(getConfig()?.backButton?.labelNeedsTranslation && getConfig()?.backButton?.label) {\n          {{ getConfig()!.backButton!.label | translate }}\n        } @else if(getConfig()?.backButton?.label) {\n          {{ getConfig()!.backButton!.label }}\n        }\n      </button>\n    }\n\n  @if (shouldShowMobileVersion()) {\n    \n    @if (getMobileType() === SidebarMobileType.SELECT) {\n      <div class=\"c-sidebar-mobile\">\n        <label class=\"c-entry-input\">\n          <select (change)=\"onMobileSelectChange($event)\" [value]=\"getActiveItemId()\">\n            <option value=\"\">Seleccionar...</option>\n            @for(item of getConfig()?.items || []; track item.id) {\n              @if(item.children && item.children.length > 0) {\n                <optgroup [label]=\"item.label\">\n                  @for(subItem of item.children; track subItem.id) {\n                    <option [disabled]=\"subItem.disabled\" [value]=\"subItem.id\" [selected]=\"subItem.active\">\n                      {{ subItem.label }}\n                    </option>\n                  }\n                </optgroup>\n              } @else {\n                <option [disabled]=\"item.disabled\" [value]=\"item.id\" [selected]=\"item.active\">\n                  {{ item.label }}\n                </option>\n              }\n            }\n          </select>\n          <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n        </label>\n      </div>\n    }\n\n    @if (getMobileType() === SidebarMobileType.SCROLL) {\n      <div class=\"c-sidebar-mobile c-sidebar-mobile--scroll\">\n        <nav class=\"c-sidenav c-sidenav--mobile-scroll\">\n          @if(getConfig()?.title) {\n            <p class=\"c-sidenav__heading u-heading u-fz--300\">\n              <strong>\n                @if(shouldTranslateTitle()) {\n                  {{ getTitleDisplay() | translate }}\n                } @else {\n                  {{ getTitleDisplay() }}\n                }\n              </strong>\n            </p>\n          }\n          \n          <ul class=\"c-sidenav__list c-sidenav__list--scrollable\">\n            @for(item of getScrollableItems(); track item.id) {\n              <li class=\"c-sidenav__item\">\n                @if(item.children && item.children.length > 0) {\n                  <a class=\"c-sidenav__link\">{{ item.label }}</a>\n                  <ul class=\"c-sidenav__sublist\">\n                    @for(subItem of item.children; track subItem.id) {\n                      <li class=\"c-sidenav__subitem\">\n                        <a class=\"c-sidenav__sublink\"\n                           [class.is-disabled]=\"subItem.disabled\"\n                           [class.is-active]=\"subItem.active\"\n                           (click)=\"onSubItemClick(subItem)\">\n                          {{ subItem.label }}\n                        </a>\n                      </li>\n                    }\n                  </ul>\n                } @else {\n                  <a class=\"c-sidenav__link\"\n                     [class.is-disabled]=\"item.disabled\"\n                     [class.is-active]=\"item.active\"\n                     (click)=\"onItemClick(item)\">\n                    @if(item.icon) {\n                      <span [ngClass]=\"item.icon | coreIconCompat\"></span>\n                    }\n                    {{ item.label }}\n                  </a>\n                }\n              </li>\n            }\n          </ul>\n        </nav>\n      </div>\n    }\n\n    @if (getMobileType() === SidebarMobileType.MODAL) {\n      <!-- El modal se renderiza desde el componente layout usando el servicio -->\n      <!-- No renderizamos nada aqu\u00ED para ocultar completamente el sidebar -->\n    }\n  }\n\n  @if (shouldShowDesktopVersion()) {\n    <nav class=\"c-sidenav\" style=\"--_layout-padd-y: calc(var(--space-y) * 1.8);\">\n      \n      @if(getConfig()?.title) {\n        <p class=\"c-sidenav__heading u-heading u-fz--300\">\n          <strong>\n            @if(shouldTranslateTitle()) {\n              {{ getTitleDisplay() | translate }}\n            } @else {\n              {{ getTitleDisplay() }}\n            }\n          </strong>\n        </p>\n      }\n      \n      @if(shouldUseCustomTemplate() && isTemplateInsideNav()) {\n        <ng-container \n          [ngTemplateOutlet]=\"getActiveTemplate()\" \n          [ngTemplateOutletContext]=\"{\n            $implicit: getConfig(),\n            config: getConfig(),\n            position: position(),\n            onItemClick: onItemClick.bind(this),\n            onSubItemClick: onSubItemClick.bind(this)\n          }\">\n        </ng-container>\n      } @else if (!shouldUseCustomTemplate()) {\n        <ul class=\"c-sidenav__list\">\n          @for(item of getConfig()?.items || []; track item.id) {\n            <li class=\"c-sidenav__item\">\n              @if(item.children && item.children.length > 0) {\n                <a class=\"c-sidenav__link\">{{ item.label }}</a>\n                <ul class=\"c-sidenav__sublist\">\n                  @for(subItem of item.children; track subItem.id) {\n                    <li class=\"c-sidenav__subitem\">\n                      <a class=\"c-sidenav__sublink\"\n                         [class.is-disabled]=\"subItem.disabled\"\n                         [class.is-active]=\"subItem.active\"\n                         (click)=\"onSubItemClick(subItem)\">\n                        {{ subItem.label }}\n                      </a>\n                    </li>\n                  }\n                </ul>\n              } @else {\n                <a class=\"c-sidenav__link\"\n                   [class.is-disabled]=\"item.disabled\"\n                   [class.is-active]=\"item.active\"\n                   (click)=\"onItemClick(item)\">\n                  @if(item.icon) {\n                    <span [ngClass]=\"item.icon | coreIconCompat\"></span>\n                  }\n                  {{ item.label }}\n                </a>\n              }\n            </li>\n          }\n        </ul>\n      }\n    </nav>\n  }\n} \n\n<ng-template #sidebarContentTemplate>\n  <nav class=\"c-sidenav c-sidenav--modal\">\n    @if(shouldUseCustomTemplate() && isTemplateInsideNav()) {\n      <ng-container \n        [ngTemplateOutlet]=\"getActiveTemplate()\" \n        [ngTemplateOutletContext]=\"{\n          $implicit: getConfig(),\n          config: getConfig(),\n          position: position(),\n          onItemClick: onItemClick.bind(this),\n          onSubItemClick: onSubItemClick.bind(this)\n        }\">\n      </ng-container>\n    } @else if (!shouldUseCustomTemplate()) {\n      <ul class=\"c-sidenav__list\">\n        @for(item of getConfig()?.items || []; track item.id) {\n          <li class=\"c-sidenav__item\">\n            @if(item.children && item.children.length > 0) {\n              <a class=\"c-sidenav__link\">{{ item.label }}</a>\n              <ul class=\"c-sidenav__sublist\">\n                @for(subItem of item.children; track subItem.id) {\n                  <li class=\"c-sidenav__subitem\">\n                    <a class=\"c-sidenav__sublink\"\n                       [class.is-disabled]=\"subItem.disabled\"\n                       [class.is-active]=\"subItem.active\"\n                       (click)=\"onSubItemClick(subItem); modalService.closeModal()\">\n                      {{ subItem.label }}\n                    </a>\n                  </li>\n                }\n              </ul>\n            } @else {\n              <a class=\"c-sidenav__link\"\n                 [class.is-disabled]=\"item.disabled\"\n                 [class.is-active]=\"item.active\"\n                 (click)=\"onItemClick(item); modalService.closeModal()\">\n                @if(item.icon) {\n                  <span [ngClass]=\"item.icon | coreIconCompat\"></span>\n                }\n                {{ item.label }}\n              </a>\n            }\n          </li>\n        }\n      </ul>\n    }\n  </nav>\n</ng-template>\n\n@if(shouldUseCustomTemplate() && !isTemplateInsideNav()) {\n  <ng-container \n    [ngTemplateOutlet]=\"getActiveTemplate()\" \n    [ngTemplateOutletContext]=\"{\n      $implicit: getConfig(),\n      config: getConfig(),\n      position: position(),\n      onItemClick: onItemClick.bind(this),\n      onSubItemClick: onSubItemClick.bind(this)\n    }\">\n  </ng-container>\n}\n\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSidebarComponent, decorators: [{
             type: Component,
@@ -16495,7 +16522,7 @@ class GenericTimelineComponent {
         return item.id || index;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTimelineComponent, isStandalone: true, selector: "core-generic-timeline", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showDate: { classPropertyName: "showDate", publicName: "showDate", isSignal: true, isRequired: false, transformFunction: null }, showStatus: { classPropertyName: "showStatus", publicName: "showStatus", isSignal: true, isRequired: false, transformFunction: null }, enableActions: { classPropertyName: "enableActions", publicName: "enableActions", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, sortAscending: { classPropertyName: "sortAscending", publicName: "sortAscending", isSignal: true, isRequired: false, transformFunction: null }, filterStatuses: { classPropertyName: "filterStatuses", publicName: "filterStatuses", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked", actionClicked: "actionClicked" }, queries: [{ propertyName: "customTemplate", first: true, predicate: ["timelineTemplate"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-timeline-container\">\n  @if (hasItems()) {\n    <ul [class]=\"getTimelineClasses()\">\n      @for (item of processedItems(); track trackByItemId($index, item)) {\n        @if (isValidItem(item)) {\n          <li [class]=\"getItemClasses(item)\" (click)=\"onItemClick(item)\">\n            <div class=\"c-timeline__info\">\n              @if (hasCustomTemplate()) {\n                @if (customTemplate) {\n                  <ng-container *ngTemplateOutlet=\"customTemplate; context: { $implicit: item, index: $index }\"></ng-container>\n                } @else if (mergedConfig().customTemplate) {\n                  <ng-container *ngTemplateOutlet=\"mergedConfig().customTemplate!; context: { $implicit: item, index: $index }\"></ng-container>\n                }\n              } @else {\n                <div>\n                  <p class=\"u-text\">{{ item.text }}</p>\n                  <div class=\"c-bulleted-text\">\n                    @if (mergedConfig().showDate) {\n                      <time [attr.datetime]=\"item.date\">\n                        {{ formatDate(item.date) }}\n                      </time>\n                    }\n                    @if (mergedConfig().showStatus) {\n                      <span \n                        [ngClass]=\"getStatusClass(item.status)\">\n                        {{ item.status }}\n                      </span>\n                    }\n                  </div>\n                </div>\n              }\n              \n              @if (mergedConfig().enableActions && item.actionText && item.isActive) {\n                <core-generic-button\n                  [config]=\"getActionButtonConfig(item)\"\n                  (clicked)=\"onActionClick(item, $event)\">\n                </core-generic-button>\n              }\n            </div>\n          </li>\n        }\n      }\n    </ul>\n  } @else {\n    <div class=\"c-timeline-empty\">\n      <p class=\"c-timeline-empty__message\">\n        {{ mergedConfig().emptyMessage! | translate }}\n      </p>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericTimelineComponent, isStandalone: true, selector: "core-generic-timeline", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null }, showDate: { classPropertyName: "showDate", publicName: "showDate", isSignal: true, isRequired: false, transformFunction: null }, showStatus: { classPropertyName: "showStatus", publicName: "showStatus", isSignal: true, isRequired: false, transformFunction: null }, enableActions: { classPropertyName: "enableActions", publicName: "enableActions", isSignal: true, isRequired: false, transformFunction: null }, customClass: { classPropertyName: "customClass", publicName: "customClass", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null }, sortAscending: { classPropertyName: "sortAscending", publicName: "sortAscending", isSignal: true, isRequired: false, transformFunction: null }, filterStatuses: { classPropertyName: "filterStatuses", publicName: "filterStatuses", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked", actionClicked: "actionClicked" }, queries: [{ propertyName: "customTemplate", first: true, predicate: ["timelineTemplate"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-timeline-container\">\n  @if (hasItems()) {\n    <ul [class]=\"getTimelineClasses()\">\n      @for (item of processedItems(); track trackByItemId($index, item)) {\n        @if (isValidItem(item)) {\n          <li [class]=\"getItemClasses(item)\" (click)=\"onItemClick(item)\">\n            <div class=\"c-timeline__info\">\n              @if (hasCustomTemplate()) {\n                @if (customTemplate) {\n                  <ng-container *ngTemplateOutlet=\"customTemplate; context: { $implicit: item, index: $index }\"></ng-container>\n                } @else if (mergedConfig().customTemplate) {\n                  <ng-container *ngTemplateOutlet=\"mergedConfig().customTemplate!; context: { $implicit: item, index: $index }\"></ng-container>\n                }\n              } @else {\n                <div>\n                  <p class=\"u-text\">{{ item.text }}</p>\n                  <div class=\"c-bulleted-text\">\n                    @if (mergedConfig().showDate) {\n                      <time [attr.datetime]=\"item.date\">\n                        {{ formatDate(item.date) }}\n                      </time>\n                    }\n                    @if (mergedConfig().showStatus) {\n                      <span \n                        [ngClass]=\"getStatusClass(item.status)\">\n                        {{ item.status }}\n                      </span>\n                    }\n                  </div>\n                </div>\n              }\n              \n              @if (mergedConfig().enableActions && item.actionText && item.isActive) {\n                <core-generic-button\n                  [config]=\"getActionButtonConfig(item)\"\n                  (clicked)=\"onActionClick(item, $event)\">\n                </core-generic-button>\n              }\n            </div>\n          </li>\n        }\n      }\n    </ul>\n  } @else {\n    <div class=\"c-timeline-empty\">\n      <p class=\"c-timeline-empty__message\">\n        {{ mergedConfig().emptyMessage! | translate }}\n      </p>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTimelineComponent, decorators: [{
             type: Component,
@@ -16819,7 +16846,7 @@ class MobileHeaderComponent {
         action.callback();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MobileHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MobileHeaderComponent, isStandalone: true, selector: "core-mobile-header", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { menuClick: "menuClick", refreshClick: "refreshClick", filterClick: "filterClick" }, ngImport: i0, template: "@if (shouldShow()) {\n    <div class=\"c-header-mobile__holder\">\n      <div class=\"c-header-mobile__row\">\n        <div class=\"c-header-mobile__col\">\n          <p class=\"c-header-mobile__title\">{{ displayTitle() | translate }}</p>\n          @for (action of headerActions(); track action.id) {\n            <core-generic-button\n              [config]=\"action.buttonConfig\"\n              (buttonClick)=\"onHeaderActionClick(action)\">\n            </core-generic-button>\n          }\n        </div>\n        <div class=\"c-header-mobile__col c-header-mobile__actions\">\n          <button \n            type=\"button\" \n            class=\"c-header-mobile__menu icon-burger\"\n            [attr.aria-label]=\"'mobile-header.menu' | translate\"\n            (click)=\"onMenuClick()\">\n          </button>\n        </div>\n      </div>\n    </div>\n    \n    @if (customTemplate()) {\n      <ng-container *ngTemplateOutlet=\"customTemplate()!\"></ng-container>\n    }\n    \n    @if (shouldShowRefreshButton() || shouldShowFilterButton()) {\n      <div class=\"c-header-mobile__subnav\" \n           [class.c-header-mobile__subnav--light]=\"config().lightSubnav !== false\">\n        <div class=\"u-flex u-flex--space-between\">\n          @if (shouldShowRefreshButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke c-btn--secondary\"\n              (click)=\"onRefreshClick()\">\n              <span class=\"icon-reload\"></span>\n              {{ (config().refreshButtonLabel || 'mobile-header.refresh') | translate }}\n            </button>\n          } @else {\n            <div></div>\n          }\n          \n          @if (shouldShowFilterButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke\"\n              (click)=\"onFilterClick()\">\n              <span class=\"icon-filter\"></span>\n              {{ (config().filterButtonLabel || 'mobile-header.filter') | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MobileHeaderComponent, isStandalone: true, selector: "core-mobile-header", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { menuClick: "menuClick", refreshClick: "refreshClick", filterClick: "filterClick" }, ngImport: i0, template: "@if (shouldShow()) {\n    <div class=\"c-header-mobile__holder\">\n      <div class=\"c-header-mobile__row\">\n        <div class=\"c-header-mobile__col\">\n          <p class=\"c-header-mobile__title\">{{ displayTitle() | translate }}</p>\n          @for (action of headerActions(); track action.id) {\n            <core-generic-button\n              [config]=\"action.buttonConfig\"\n              (buttonClick)=\"onHeaderActionClick(action)\">\n            </core-generic-button>\n          }\n        </div>\n        <div class=\"c-header-mobile__col c-header-mobile__actions\">\n          <button \n            type=\"button\" \n            class=\"c-header-mobile__menu icon-burger\"\n            [attr.aria-label]=\"'mobile-header.menu' | translate\"\n            (click)=\"onMenuClick()\">\n          </button>\n        </div>\n      </div>\n    </div>\n    \n    @if (customTemplate()) {\n      <ng-container *ngTemplateOutlet=\"customTemplate()!\"></ng-container>\n    }\n    \n    @if (shouldShowRefreshButton() || shouldShowFilterButton()) {\n      <div class=\"c-header-mobile__subnav\" \n           [class.c-header-mobile__subnav--light]=\"config().lightSubnav !== false\">\n        <div class=\"u-flex u-flex--space-between\">\n          @if (shouldShowRefreshButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke c-btn--secondary\"\n              (click)=\"onRefreshClick()\">\n              <span class=\"icon-reload\"></span>\n              {{ (config().refreshButtonLabel || 'mobile-header.refresh') | translate }}\n            </button>\n          } @else {\n            <div></div>\n          }\n          \n          @if (shouldShowFilterButton()) {\n            <button \n              type=\"button\"\n              class=\"c-btn c-btn--stroke\"\n              (click)=\"onFilterClick()\">\n              <span class=\"icon-filter\"></span>\n              {{ (config().filterButtonLabel || 'mobile-header.filter') | translate }}\n            </button>\n          }\n        </div>\n      </div>\n    }\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MobileHeaderComponent, decorators: [{
             type: Component,
@@ -16927,11 +16954,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.20.3',
+    full: '2.20.4',
     major: 2,
     minor: 20,
-    patch: 3,
-    timestamp: '2026-01-29T15:39:27.256Z',
+    patch: 4,
+    timestamp: '2026-01-29T16:09:53.001Z',
     buildDate: '29/1/2026'
 };
@@ -17320,7 +17347,7 @@ class MainNavComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MainNavComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MainNavComponent, isStandalone: true, selector: "core-main-nav", inputs: { navConfig: { classPropertyName: "navConfig", publicName: "navConfig", isSignal: true, isRequired: false, transformFunction: null }, appVersion: { classPropertyName: "appVersion", publicName: "appVersion", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, bottomNavItems: { classPropertyName: "bottomNavItems", publicName: "bottomNavItems", isSignal: true, isRequired: false, transformFunction: null }, isProduction: { classPropertyName: "isProduction", publicName: "isProduction", isSignal: true, isRequired: false, transformFunction: null }, logoImagesConfig: { classPropertyName: "logoImagesConfig", publicName: "logoImagesConfig", isSignal: true, isRequired: false, transformFunction: null }, collapsedLogo: { classPropertyName: "collapsedLogo", publicName: "collapsedLogo", isSignal: true, isRequired: false, transformFunction: null }, expandedLogo: { classPropertyName: "expandedLogo", publicName: "expandedLogo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLogout: "onLogout", onNavItemAction: "onNavItemAction" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Refactor: Start -->\n<div class=\"c-nav-overlay\" (click)=\"toggleMobileNav()\"></div>\n<div class=\"o-layout__nav c-main-nav\">\n  <!-- [ngClass]=\"{'nav-expanded': !isCollapsed}\"> -->\n  <div class=\"c-main-nav__viewport\">\n    <!-- Toggle btn -->\n    <button\n      (click)=\"onToggleSidebar()\"\n      class=\"c-main-nav__toggle c-mn-toggle\"\n      [title]=\"\n        isCollapsed\n          ? ('Expandir navegaci\u00F3n' | translate)\n          : ('Colapsar navegaci\u00F3n' | translate)\n      \"\n      aria-label=\"Expandir navegaci\u00F3n\"\n    ></button>\n\n    <!-- Brand -->\n    @if(navConfig().showLogo !== false) {\n    <div class=\"c-main-nav__brand c-mn-brand\">\n      @if(getCollapsedLogoSrc()) {\n      <img\n        class=\"c-mn-brand__iso\"\n        [src]=\"getCollapsedLogoSrc()\"\n        [width]=\"getCollapsedLogoSettings().width\"\n        [height]=\"getCollapsedLogoSettings().height\"\n        [alt]=\"getCollapsedLogoSettings().alt\"\n      />\n      } @if(getExpandedLogoSrc()) {\n      <img\n        class=\"c-mn-brand__logo\"\n        [src]=\"getExpandedLogoSrc()\"\n        [width]=\"getExpandedLogoSettings().width\"\n        [height]=\"getExpandedLogoSettings().height\"\n        [alt]=\"getExpandedLogoSettings().alt\"\n      />\n      }\n    </div>\n    }\n\n    <!-- User -->\n    @if(shouldShowUserSection()) {\n    <div class=\"c-main-nav__user c-mn-user\">\n      <div class=\"c-mn-user__short c-mn-user__nav-close\">\n        <span>{{ getUserInitials() }}</span>\n      </div>\n      <div class=\"c-mn-user__nav-open\">\n        <p class=\"c-mn-user__welcome\">\n          @if(userConfig?.greetingKey) {\n          {{ userConfig?.greetingKey ?? \"\" | translate }}\n          } @else if(userConfig?.greetingText) {\n          {{ userConfig?.greetingText }}\n          } @else { Bienvenido/a, }\n        </p>\n        <p class=\"c-mn-user__name\">\n          @if(userConfig?.nameKey) {\n          {{ userConfig?.nameKey ?? \"\" | translate }}\n          } @else if(userConfig?.name) {\n          {{ userConfig?.name }}\n          } @else {\n          {{ getFallbackUserName() }}\n          }\n        </p>\n      </div>\n    </div>\n    }\n\n    <!-- Nav -->\n    <nav class=\"c-main-nav__nav c-mn-nav\">\n      <ul class=\"c-mn-nav__list\">\n        <ng-template #menuItems let-items=\"items\" let-level=\"level\">\n          <ng-container *ngFor=\"let item of items; let i = index\">\n            <ng-container\n              *ngIf=\"\n                hasPermission(item) &&\n                !item.hidden &&\n                (!item.children || hasVisibleChildren(item))\n              \"\n            >\n              <li\n                class=\"c-mn-nav__item c-mn-nav__submenu\"\n                [ngClass]=\"{\n                  'is-expanded': isSectionExpanded(item.label, level)\n                }\"\n                *ngIf=\"\n                  item.children && hasVisibleChildren(item);\n                  else singleLink\n                \"\n              >\n                <button\n                  class=\"c-mn-nav__link\"\n                  [ngClass]=\"{ 'is-active': isParentActive(item) }\"\n                  (click)=\"toggleSection(item.label, level)\"\n                  [title]=\"isCollapsed ? (item.label | translate) : ''\"\n                >\n                  <span\n                    class=\"c-mn-nav__icon\"\n                    [ngClass]=\"item.icon | coreIconCompat\"\n                  ></span>\n                  <span class=\"c-mn-nav__text\">\n                    {{ item.label | translate }}\n                    <span class=\"c-mn-nav__plus\"></span>\n                  </span>\n                </button>\n\n                <div class=\"c-mn-nav__subholder\">\n                  <ul class=\"c-mn-nav__sublist\">\n                    <ng-container\n                      *ngFor=\"let child of item.children; let j = index\"\n                    >\n                      <ng-container\n                        *ngIf=\"\n                          hasPermission(child) &&\n                          !child.hidden &&\n                          (!child.children || hasVisibleChildren(child))\n                        \"\n                      >\n                        <ng-container *ngIf=\"!child.children; else nestedChild\">\n                          <li class=\"c-mn-nav__subitem\">\n                            <button\n                              class=\"c-mn-nav__sublink\"\n                              [routerLink]=\"child.disabled ? null : child.path\"\n                              routerLinkActive=\"is-active\"\n                              [routerLinkActiveOptions]=\"{ exact: false }\"\n                              [title]=\"\n                                isCollapsed ? (child.label | translate) : ''\n                              \"\n                              [ngClass]=\"{ 'is-disabled': child.disabled }\"\n                              [style.pointer-events]=\"\n                                child.disabled ? 'none' : 'auto'\n                              \"\n                              [style.opacity]=\"child.disabled ? '0.5' : '1'\"\n                            >\n                              {{ child.label | translate }}\n                            </button>\n                          </li>\n                        </ng-container>\n\n                        <ng-template #nestedChild>\n                          <li\n                            class=\"c-mn-nav__subitem\"\n                            [ngClass]=\"{\n                              'submenu-open':\n                                isSectionExpanded(child.label, level + 1) &&\n                                !isCollapsed\n                            }\"\n                            *ngIf=\"child.children && hasVisibleChildren(child)\"\n                          >\n                            <button\n                              class=\"c-mn-nav__sublink\"\n                              [ngClass]=\"{ 'is-active': isParentActive(child) }\"\n                              (click)=\"toggleSection(child.label, level + 1)\"\n                              [title]=\"\n                                isCollapsed ? (child.label | translate) : ''\n                              \"\n                            >\n                              {{ child.label | translate }}\n                            </button>\n\n                            <div class=\"c-mn-nav__subholder\">\n                              <ul class=\"c-mn-nav__sublist\">\n                                <ng-container\n                                  *ngFor=\"let subItem of child.children\"\n                                >\n                                  <li\n                                    class=\"c-mn-nav__subitem\"\n                                    *ngIf=\"\n                                      hasPermission(subItem) && !subItem.hidden\n                                    \"\n                                  >\n                                    <button\n                                      class=\"c-mn-nav__sublink\"\n                                      [routerLink]=\"subItem.path\"\n                                      routerLinkActive=\"is-active\"\n                                    >\n                                      {{ subItem.label | translate }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </div>\n                          </li>\n                        </ng-template>\n                      </ng-container>\n                    </ng-container>\n                  </ul>\n                </div>\n              </li>\n\n              <ng-template #singleLink>\n                <li class=\"c-mn-nav__item\" [ngClass]=\"item.cssClass\">\n                  <!-- Nav item with custom action (no routing) -->\n                  <ng-container *ngIf=\"hasCustomAction(item); else routeLink\">\n                    <button\n                      class=\"c-mn-nav__link\"\n                      (click)=\"onNavItemClick(item, $event)\"\n                      [title]=\"isCollapsed ? (item.label | translate) : ''\"\n                      [ngClass]=\"{ 'is-disabled': item.disabled }\"\n                      [disabled]=\"item.disabled\"\n                      [style.opacity]=\"item.disabled ? '0.5' : '1'\"\n                    >\n                      <span\n                        class=\"c-mn-nav__icon\"\n                        [ngClass]=\"item.icon | coreIconCompat\"\n                      ></span>\n                      <span class=\"c-mn-nav__text\">\n                        {{ item.label | translate }}\n                      </span>\n                    </button>\n                  </ng-container>\n\n                  <!-- Nav item with router link (default behavior) -->\n                  <ng-template #routeLink>\n                    <button\n                      class=\"c-mn-nav__link\"\n                      [routerLink]=\"item.disabled ? null : item.path\"\n                      routerLinkActive=\"is-active\"\n                      [routerLinkActiveOptions]=\"{ exact: false }\"\n                      [title]=\"isCollapsed ? (item.label | translate) : ''\"\n                      [ngClass]=\"{ 'is-disabled': item.disabled }\"\n                      [disabled]=\"item.disabled\"\n                      [style.opacity]=\"item.disabled ? '0.5' : '1'\"\n                    >\n                      <span\n                        class=\"c-mn-nav__icon\"\n                        [ngClass]=\"item.icon | coreIconCompat\"\n                      ></span>\n                      <span class=\"c-mn-nav__text\">\n                        {{ item.label | translate }}\n                      </span>\n                    </button>\n                  </ng-template>\n                </li>\n              </ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container\n          *ngTemplateOutlet=\"\n            menuItems;\n            context: { items: navItems(), level: 0 }\n          \"\n        ></ng-container>\n      </ul>\n    </nav>\n    <!-- .c-mn-nav -->\n\n    <!-- TODO User -->\n\n    <nav class=\"c-main-nav__bottom c-mn-nav\">\n      <ul class=\"c-mn-nav__list\">\n        <li class=\"c-mn-nav__item\">\n          <button\n            class=\"c-mn-nav__link\"\n            (click)=\"logout()\"\n            [title]=\"isCollapsed ? ('sidebar.logout' | translate) : ''\"\n          >\n            <span class=\"c-mn-nav__icon icon-logout\"></span>\n            <span class=\"c-mn-nav__text\">\n              {{ \"sidebar.logout\" | translate }}\n            </span>\n          </button>\n        </li>\n        @if(navConfig().showVersion !== false) {\n        <li class=\"c-mn-nav__version\">v{{ appVersion().full }}</li>\n        }\n      </ul>\n    </nav>\n  </div>\n  <!-- .c-main-nav__viewport -->\n</div>\n<!-- .c-main-nav -->\n\n<!-- ! Refactor: End -->\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MainNavComponent, isStandalone: true, selector: "core-main-nav", inputs: { navConfig: { classPropertyName: "navConfig", publicName: "navConfig", isSignal: true, isRequired: false, transformFunction: null }, appVersion: { classPropertyName: "appVersion", publicName: "appVersion", isSignal: true, isRequired: false, transformFunction: null }, navItems: { classPropertyName: "navItems", publicName: "navItems", isSignal: true, isRequired: false, transformFunction: null }, bottomNavItems: { classPropertyName: "bottomNavItems", publicName: "bottomNavItems", isSignal: true, isRequired: false, transformFunction: null }, isProduction: { classPropertyName: "isProduction", publicName: "isProduction", isSignal: true, isRequired: false, transformFunction: null }, logoImagesConfig: { classPropertyName: "logoImagesConfig", publicName: "logoImagesConfig", isSignal: true, isRequired: false, transformFunction: null }, collapsedLogo: { classPropertyName: "collapsedLogo", publicName: "collapsedLogo", isSignal: true, isRequired: false, transformFunction: null }, expandedLogo: { classPropertyName: "expandedLogo", publicName: "expandedLogo", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onLogout: "onLogout", onNavItemAction: "onNavItemAction" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<!-- ! Refactor: Start -->\n<div class=\"c-nav-overlay\" (click)=\"toggleMobileNav()\"></div>\n<div class=\"o-layout__nav c-main-nav\">\n  <!-- [ngClass]=\"{'nav-expanded': !isCollapsed}\"> -->\n  <div class=\"c-main-nav__viewport\">\n    <!-- Toggle btn -->\n    <button\n      (click)=\"onToggleSidebar()\"\n      class=\"c-main-nav__toggle c-mn-toggle\"\n      [title]=\"\n        isCollapsed\n          ? ('Expandir navegaci\u00F3n' | translate)\n          : ('Colapsar navegaci\u00F3n' | translate)\n      \"\n      aria-label=\"Expandir navegaci\u00F3n\"\n    ></button>\n\n    <!-- Brand -->\n    @if(navConfig().showLogo !== false) {\n    <div class=\"c-main-nav__brand c-mn-brand\">\n      @if(getCollapsedLogoSrc()) {\n      <img\n        class=\"c-mn-brand__iso\"\n        [src]=\"getCollapsedLogoSrc()\"\n        [width]=\"getCollapsedLogoSettings().width\"\n        [height]=\"getCollapsedLogoSettings().height\"\n        [alt]=\"getCollapsedLogoSettings().alt\"\n      />\n      } @if(getExpandedLogoSrc()) {\n      <img\n        class=\"c-mn-brand__logo\"\n        [src]=\"getExpandedLogoSrc()\"\n        [width]=\"getExpandedLogoSettings().width\"\n        [height]=\"getExpandedLogoSettings().height\"\n        [alt]=\"getExpandedLogoSettings().alt\"\n      />\n      }\n    </div>\n    }\n\n    <!-- User -->\n    @if(shouldShowUserSection()) {\n    <div class=\"c-main-nav__user c-mn-user\">\n      <div class=\"c-mn-user__short c-mn-user__nav-close\">\n        <span>{{ getUserInitials() }}</span>\n      </div>\n      <div class=\"c-mn-user__nav-open\">\n        <p class=\"c-mn-user__welcome\">\n          @if(userConfig?.greetingKey) {\n          {{ userConfig?.greetingKey ?? \"\" | translate }}\n          } @else if(userConfig?.greetingText) {\n          {{ userConfig?.greetingText }}\n          } @else { Bienvenido/a, }\n        </p>\n        <p class=\"c-mn-user__name\">\n          @if(userConfig?.nameKey) {\n          {{ userConfig?.nameKey ?? \"\" | translate }}\n          } @else if(userConfig?.name) {\n          {{ userConfig?.name }}\n          } @else {\n          {{ getFallbackUserName() }}\n          }\n        </p>\n      </div>\n    </div>\n    }\n\n    <!-- Nav -->\n    <nav class=\"c-main-nav__nav c-mn-nav\">\n      <ul class=\"c-mn-nav__list\">\n        <ng-template #menuItems let-items=\"items\" let-level=\"level\">\n          <ng-container *ngFor=\"let item of items; let i = index\">\n            <ng-container\n              *ngIf=\"\n                hasPermission(item) &&\n                !item.hidden &&\n                (!item.children || hasVisibleChildren(item))\n              \"\n            >\n              <li\n                class=\"c-mn-nav__item c-mn-nav__submenu\"\n                [ngClass]=\"{\n                  'is-expanded': isSectionExpanded(item.label, level)\n                }\"\n                *ngIf=\"\n                  item.children && hasVisibleChildren(item);\n                  else singleLink\n                \"\n              >\n                <button\n                  class=\"c-mn-nav__link\"\n                  [ngClass]=\"{ 'is-active': isParentActive(item) }\"\n                  (click)=\"toggleSection(item.label, level)\"\n                  [title]=\"isCollapsed ? (item.label | translate) : ''\"\n                >\n                  <span\n                    class=\"c-mn-nav__icon\"\n                    [ngClass]=\"item.icon | coreIconCompat\"\n                  ></span>\n                  <span class=\"c-mn-nav__text\">\n                    {{ item.label | translate }}\n                    <span class=\"c-mn-nav__plus\"></span>\n                  </span>\n                </button>\n\n                <div class=\"c-mn-nav__subholder\">\n                  <ul class=\"c-mn-nav__sublist\">\n                    <ng-container\n                      *ngFor=\"let child of item.children; let j = index\"\n                    >\n                      <ng-container\n                        *ngIf=\"\n                          hasPermission(child) &&\n                          !child.hidden &&\n                          (!child.children || hasVisibleChildren(child))\n                        \"\n                      >\n                        <ng-container *ngIf=\"!child.children; else nestedChild\">\n                          <li class=\"c-mn-nav__subitem\">\n                            <button\n                              class=\"c-mn-nav__sublink\"\n                              [routerLink]=\"child.disabled ? null : child.path\"\n                              routerLinkActive=\"is-active\"\n                              [routerLinkActiveOptions]=\"{ exact: false }\"\n                              [title]=\"\n                                isCollapsed ? (child.label | translate) : ''\n                              \"\n                              [ngClass]=\"{ 'is-disabled': child.disabled }\"\n                              [style.pointer-events]=\"\n                                child.disabled ? 'none' : 'auto'\n                              \"\n                              [style.opacity]=\"child.disabled ? '0.5' : '1'\"\n                            >\n                              {{ child.label | translate }}\n                            </button>\n                          </li>\n                        </ng-container>\n\n                        <ng-template #nestedChild>\n                          <li\n                            class=\"c-mn-nav__subitem\"\n                            [ngClass]=\"{\n                              'submenu-open':\n                                isSectionExpanded(child.label, level + 1) &&\n                                !isCollapsed\n                            }\"\n                            *ngIf=\"child.children && hasVisibleChildren(child)\"\n                          >\n                            <button\n                              class=\"c-mn-nav__sublink\"\n                              [ngClass]=\"{ 'is-active': isParentActive(child) }\"\n                              (click)=\"toggleSection(child.label, level + 1)\"\n                              [title]=\"\n                                isCollapsed ? (child.label | translate) : ''\n                              \"\n                            >\n                              {{ child.label | translate }}\n                            </button>\n\n                            <div class=\"c-mn-nav__subholder\">\n                              <ul class=\"c-mn-nav__sublist\">\n                                <ng-container\n                                  *ngFor=\"let subItem of child.children\"\n                                >\n                                  <li\n                                    class=\"c-mn-nav__subitem\"\n                                    *ngIf=\"\n                                      hasPermission(subItem) && !subItem.hidden\n                                    \"\n                                  >\n                                    <button\n                                      class=\"c-mn-nav__sublink\"\n                                      [routerLink]=\"subItem.path\"\n                                      routerLinkActive=\"is-active\"\n                                    >\n                                      {{ subItem.label | translate }}\n                                    </button>\n                                  </li>\n                                </ng-container>\n                              </ul>\n                            </div>\n                          </li>\n                        </ng-template>\n                      </ng-container>\n                    </ng-container>\n                  </ul>\n                </div>\n              </li>\n\n              <ng-template #singleLink>\n                <li class=\"c-mn-nav__item\" [ngClass]=\"item.cssClass\">\n                  <!-- Nav item with custom action (no routing) -->\n                  <ng-container *ngIf=\"hasCustomAction(item); else routeLink\">\n                    <button\n                      class=\"c-mn-nav__link\"\n                      (click)=\"onNavItemClick(item, $event)\"\n                      [title]=\"isCollapsed ? (item.label | translate) : ''\"\n                      [ngClass]=\"{ 'is-disabled': item.disabled }\"\n                      [disabled]=\"item.disabled\"\n                      [style.opacity]=\"item.disabled ? '0.5' : '1'\"\n                    >\n                      <span\n                        class=\"c-mn-nav__icon\"\n                        [ngClass]=\"item.icon | coreIconCompat\"\n                      ></span>\n                      <span class=\"c-mn-nav__text\">\n                        {{ item.label | translate }}\n                      </span>\n                    </button>\n                  </ng-container>\n\n                  <!-- Nav item with router link (default behavior) -->\n                  <ng-template #routeLink>\n                    <button\n                      class=\"c-mn-nav__link\"\n                      [routerLink]=\"item.disabled ? null : item.path\"\n                      routerLinkActive=\"is-active\"\n                      [routerLinkActiveOptions]=\"{ exact: false }\"\n                      [title]=\"isCollapsed ? (item.label | translate) : ''\"\n                      [ngClass]=\"{ 'is-disabled': item.disabled }\"\n                      [disabled]=\"item.disabled\"\n                      [style.opacity]=\"item.disabled ? '0.5' : '1'\"\n                    >\n                      <span\n                        class=\"c-mn-nav__icon\"\n                        [ngClass]=\"item.icon | coreIconCompat\"\n                      ></span>\n                      <span class=\"c-mn-nav__text\">\n                        {{ item.label | translate }}\n                      </span>\n                    </button>\n                  </ng-template>\n                </li>\n              </ng-template>\n            </ng-container>\n          </ng-container>\n        </ng-template>\n\n        <ng-container\n          *ngTemplateOutlet=\"\n            menuItems;\n            context: { items: navItems(), level: 0 }\n          \"\n        ></ng-container>\n      </ul>\n    </nav>\n    <!-- .c-mn-nav -->\n\n    <!-- TODO User -->\n\n    <nav class=\"c-main-nav__bottom c-mn-nav\">\n      <ul class=\"c-mn-nav__list\">\n        <li class=\"c-mn-nav__item\">\n          <button\n            class=\"c-mn-nav__link\"\n            (click)=\"logout()\"\n            [title]=\"isCollapsed ? ('sidebar.logout' | translate) : ''\"\n          >\n            <span class=\"c-mn-nav__icon icon-logout\"></span>\n            <span class=\"c-mn-nav__text\">\n              {{ \"sidebar.logout\" | translate }}\n            </span>\n          </button>\n        </li>\n        @if(navConfig().showVersion !== false) {\n        <li class=\"c-mn-nav__version\">v{{ appVersion().full }}</li>\n        }\n      </ul>\n    </nav>\n  </div>\n  <!-- .c-main-nav__viewport -->\n</div>\n<!-- .c-main-nav -->\n\n<!-- ! Refactor: End -->\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i4.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i4.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MainNavComponent, decorators: [{
             type: Component,
@@ -19622,7 +19649,7 @@ class FilePreviewComponent {
         return `repeat(${columns}, 1fr)`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilePreviewComponent, isStandalone: true, selector: "core-file-preview", inputs: { fileModels: { classPropertyName: "fileModels", publicName: "fileModels", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: "<div class=\"c-attachments\">\n  @if (processedFiles().length === 0) {\n    <p class=\"c-placeholder u-push-t\">\n      <span [class]=\"config().emptyStateIcon || 'icon-file-not-found'\"></span>\n      {{ config().emptyStateMessage || 'file_preview.no_files' | translate }}\n    </p>\n  } @else {\n    <ul class=\"c-attachments__list\">\n      @for (file of processedFiles(); track file.id) {\n\n\n        <li class=\"c-attachments__item\">\n\n          <div class=\"c-bulleted-text\">\n            @if (config().showUploadDate) {\n              <time>\n                {{ formatDate(file.uploadedDate) }}\n              </time>\n            }\n            @if (config().showUploadedBy) {\n              <span>\n                {{ file.uploadedBy }}\n              </span>\n            }\n          </div>\n\n          <div class=\"c-attachments__holder\">\n            <div class=\"c-attachments__content\">\n              @if (filePreviewService.isImage(file.contentType)) {\n                @if (file.thumbnailUrl) {\n                  <div class=\"c-attachments__pic\">\n                    <picture class=\"c-img-preview c-pic\">\n                      <img \n                        [src]=\"file.thumbnailUrl\" \n                        [alt]=\"file.filename\" \n                        class=\"js-img-preview\"\n                        (click)=\"openImageModal(file.thumbnailUrl, file.filename)\">\n                    </picture>\n                  </div>\n                } @else {\n                  <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n                }\n              } @else {\n                <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n              }\n\n              <div class=\"c-attachments__text\">\n                @if (config().showFilename !== false && (!filePreviewService.isImage(file.contentType) || config().showFilename === true)) {\n                  @if (config().allowDownload && file.canDownload) {\n                    <a class=\"c-attachments__name-file c-attachments__name-file--clickable\" \n                       [title]=\"'Haz clic para descargar: ' + file.filename\"\n                       (click)=\"onAction('download', file)\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </a>\n                  } @else {\n                    <span class=\"c-attachments__name-file\" [title]=\"file.filename\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </span>\n                  }\n                }\n                @if (config().showFileSize) {\n                  <span class=\"c-attachments__file-size\">\n                    {{ filePreviewService.formatFileSize(file.size) }}\n                  </span>\n                }\n              </div>\n            </div>\n\n              \n\n              <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                @if (config().allowDelete && file.canDelete) {\n                  <core-generic-button \n                    [config]=\"getDeleteButtonConfig(file)\"\n                    (buttonClick)=\"onAction('delete', file)\">\n                  </core-generic-button>\n                }\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilePreviewComponent, isStandalone: true, selector: "core-file-preview", inputs: { fileModels: { classPropertyName: "fileModels", publicName: "fileModels", isSignal: true, isRequired: false, transformFunction: null }, files: { classPropertyName: "files", publicName: "files", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered" }, ngImport: i0, template: "<div class=\"c-attachments\">\n  @if (processedFiles().length === 0) {\n    <p class=\"c-placeholder u-push-t\">\n      <span [class]=\"config().emptyStateIcon || 'icon-file-not-found'\"></span>\n      {{ config().emptyStateMessage || 'file_preview.no_files' | translate }}\n    </p>\n  } @else {\n    <ul class=\"c-attachments__list\">\n      @for (file of processedFiles(); track file.id) {\n\n\n        <li class=\"c-attachments__item\">\n\n          <div class=\"c-bulleted-text\">\n            @if (config().showUploadDate) {\n              <time>\n                {{ formatDate(file.uploadedDate) }}\n              </time>\n            }\n            @if (config().showUploadedBy) {\n              <span>\n                {{ file.uploadedBy }}\n              </span>\n            }\n          </div>\n\n          <div class=\"c-attachments__holder\">\n            <div class=\"c-attachments__content\">\n              @if (filePreviewService.isImage(file.contentType)) {\n                @if (file.thumbnailUrl) {\n                  <div class=\"c-attachments__pic\">\n                    <picture class=\"c-img-preview c-pic\">\n                      <img \n                        [src]=\"file.thumbnailUrl\" \n                        [alt]=\"file.filename\" \n                        class=\"js-img-preview\"\n                        (click)=\"openImageModal(file.thumbnailUrl, file.filename)\">\n                    </picture>\n                  </div>\n                } @else {\n                  <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n                }\n              } @else {\n                <span [class]=\"filePreviewService.getFileIcon(file.contentType)\" class=\"file-icon\"></span>\n              }\n\n              <div class=\"c-attachments__text\">\n                @if (config().showFilename !== false && (!filePreviewService.isImage(file.contentType) || config().showFilename === true)) {\n                  @if (config().allowDownload && file.canDownload) {\n                    <a class=\"c-attachments__name-file c-attachments__name-file--clickable\" \n                       [title]=\"'Haz clic para descargar: ' + file.filename\"\n                       (click)=\"onAction('download', file)\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </a>\n                  } @else {\n                    <span class=\"c-attachments__name-file\" [title]=\"file.filename\">\n                      {{ filePreviewService.truncateFilename(file.filename, config().maxFilenameLength || 30) }}\n                    </span>\n                  }\n                }\n                @if (config().showFileSize) {\n                  <span class=\"c-attachments__file-size\">\n                    {{ filePreviewService.formatFileSize(file.size) }}\n                  </span>\n                }\n              </div>\n            </div>\n\n              \n\n              <div class=\"c-attachments__actions u-flex u-flex--wrap\">\n                @if (config().allowDelete && file.canDelete) {\n                  <core-generic-button \n                    [config]=\"getDeleteButtonConfig(file)\"\n                    (buttonClick)=\"onAction('delete', file)\">\n                  </core-generic-button>\n                }\n              </div>\n            </div>\n        </li>\n      }\n    </ul>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilePreviewComponent, decorators: [{
             type: Component,
@@ -21219,7 +21246,7 @@ class AdLoginButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdLoginButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AdLoginButtonComponent, isStandalone: true, selector: "core-ad-login-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { authEvent: "authEvent" }, ngImport: i0, template: "<div class=\"ad-auth-container\" [ngClass]=\"config().customClass\">\n  @if (!isConfigured) {\n  <div class=\"ad-auth-not-configured\">\n    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n    {{ \"adAuth.not Configured\" | translate }}\n  </div>\n  } @else if (isLoading() && config().showLoader !== false) {\n  <div class=\"ad-auth-loading\">\n    <span class=\"ad-auth-spinner\"></span>\n    {{ \"adAuth.authenticating\" | translate }}\n  </div>\n  } @else if (isAuthenticated() && currentUser()) { @if (showUserInfo()) {\n  <div class=\"ad-auth-user-info\">\n    <div class=\"ad-auth-user-avatar\">\n      {{ userInitials() }}\n    </div>\n    <div class=\"ad-auth-user-details\">\n      <p class=\"ad-auth-user-name\">\n        {{ currentUser()!.name || (\"adAuth.user\" | translate) }}\n      </p>\n      <p class=\"ad-auth-user-email\">{{ currentUser()!.email }}</p>\n    </div>\n  </div>\n  }\n\n  <div class=\"ad-auth-buttons\">\n    <core-generic-button\n      [config]=\"logoutButtonConfig()\"\n      (buttonClick)=\"onLogoutClick()\"\n    />\n  </div>\n  } @else { @if (error()) {\n  <div class=\"ad-auth-error\">\n    <i class=\"fa-solid fa-circle-exclamation\"></i>\n    {{ \"adAuth.authError\" | translate }}\n  </div>\n  }\n\n  <div class=\"ad-auth-buttons\">\n    <core-generic-button\n      [config]=\"loginButtonConfig()\"\n      (buttonClick)=\"onLoginClick()\"\n    />\n  </div>\n  }\n</div>\n", styles: [":host{display:block}.ad-auth-container{display:flex;flex-direction:column;gap:.75rem}.ad-auth-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-background-secondary, #f5f5f5);border-radius:var(--border-radius, .375rem);font-size:.875rem}.ad-auth-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #0078d4) 0%,var(--color-primary-dark, #106ebe) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.ad-auth-user-details{flex:1;min-width:0}.ad-auth-user-name{font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-auth-user-email{color:var(--color-text-secondary, #666);margin:0;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-auth-loading{display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--color-text-secondary, #666);font-size:.875rem}.ad-auth-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #0078d4);border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.ad-auth-error{padding:.75rem 1rem;background-color:var(--color-danger-light, #fee);color:var(--color-danger, #d32f2f);border-radius:var(--border-radius, .375rem);font-size:.875rem}.ad-auth-not-configured{padding:1rem;background-color:var(--color-warning-light, #fff8e1);color:var(--color-warning-dark, #f57c00);border-radius:var(--border-radius, .375rem);font-size:.875rem;text-align:center}.ad-auth-buttons{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AdLoginButtonComponent, isStandalone: true, selector: "core-ad-login-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { authEvent: "authEvent" }, ngImport: i0, template: "<div class=\"ad-auth-container\" [ngClass]=\"config().customClass\">\n  @if (!isConfigured) {\n  <div class=\"ad-auth-not-configured\">\n    <i class=\"fa-solid fa-triangle-exclamation\"></i>\n    {{ \"adAuth.not Configured\" | translate }}\n  </div>\n  } @else if (isLoading() && config().showLoader !== false) {\n  <div class=\"ad-auth-loading\">\n    <span class=\"ad-auth-spinner\"></span>\n    {{ \"adAuth.authenticating\" | translate }}\n  </div>\n  } @else if (isAuthenticated() && currentUser()) { @if (showUserInfo()) {\n  <div class=\"ad-auth-user-info\">\n    <div class=\"ad-auth-user-avatar\">\n      {{ userInitials() }}\n    </div>\n    <div class=\"ad-auth-user-details\">\n      <p class=\"ad-auth-user-name\">\n        {{ currentUser()!.name || (\"adAuth.user\" | translate) }}\n      </p>\n      <p class=\"ad-auth-user-email\">{{ currentUser()!.email }}</p>\n    </div>\n  </div>\n  }\n\n  <div class=\"ad-auth-buttons\">\n    <core-generic-button\n      [config]=\"logoutButtonConfig()\"\n      (buttonClick)=\"onLogoutClick()\"\n    />\n  </div>\n  } @else { @if (error()) {\n  <div class=\"ad-auth-error\">\n    <i class=\"fa-solid fa-circle-exclamation\"></i>\n    {{ \"adAuth.authError\" | translate }}\n  </div>\n  }\n\n  <div class=\"ad-auth-buttons\">\n    <core-generic-button\n      [config]=\"loginButtonConfig()\"\n      (buttonClick)=\"onLoginClick()\"\n    />\n  </div>\n  }\n</div>\n", styles: [":host{display:block}.ad-auth-container{display:flex;flex-direction:column;gap:.75rem}.ad-auth-user-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:var(--color-background-secondary, #f5f5f5);border-radius:var(--border-radius, .375rem);font-size:.875rem}.ad-auth-user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #0078d4) 0%,var(--color-primary-dark, #106ebe) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem;flex-shrink:0}.ad-auth-user-details{flex:1;min-width:0}.ad-auth-user-name{font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-auth-user-email{color:var(--color-text-secondary, #666);margin:0;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ad-auth-loading{display:flex;align-items:center;justify-content:center;padding:1rem;color:var(--color-text-secondary, #666);font-size:.875rem}.ad-auth-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #0078d4);border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.ad-auth-error{padding:.75rem 1rem;background-color:var(--color-danger-light, #fee);color:var(--color-danger, #d32f2f);border-radius:var(--border-radius, .375rem);font-size:.875rem}.ad-auth-not-configured{padding:1rem;background-color:var(--color-warning-light, #fff8e1);color:var(--color-warning-dark, #f57c00);border-radius:var(--border-radius, .375rem);font-size:.875rem;text-align:center}.ad-auth-buttons{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AdLoginButtonComponent, decorators: [{
             type: Component,