@solcre-org/core-ui 2.14.1 → 2.14.3

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

@@ -11704,6 +11704,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
+class GenericSwitchComponent {
+    options = input.required();
+    selectedValue = input();
+    ariaLabel = input('Switch options');
+    valueChange = output();
+    isSelected(value) {
+        return this.selectedValue() === value;
+    }
+    onOptionClick(option) {
+        if (option.disabled || this.isSelected(option.value)) {
+            return;
+        }
+        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: "<button \n  class=\"c-switch\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"group\">\n  @for (option of options(); track option.value) {\n    <span \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      @if (option.label && !option.icon) {\n        {{ option.label | translate }}\n      }\n    </span>\n  }\n</button>\n", 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,
+            args: [{ selector: 'core-generic-switch', standalone: true, imports: [CommonModule, IconCompatPipe, TranslateModule], template: "<button \n  class=\"c-switch\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"group\">\n  @for (option of options(); track option.value) {\n    <span \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      @if (option.label && !option.icon) {\n        {{ option.label | translate }}\n      }\n    </span>\n  }\n</button>\n" }]
+        }] });
+
 class GenericTableComponent {
     paginationService = inject(PaginationService);
     tableDataService = inject((TableDataService));
@@ -12309,6 +12331,11 @@ class GenericTableComponent {
     triggerCustomAction(action, row) {
         action.callback(row);
     }
+    onCustomActionSwitchChange(value, action, row) {
+        if (action.onSwitchChange) {
+            action.onSwitchChange(value, row);
+        }
+    }
     triggerGlobalAction(action) {
         action.callback(this.selectedRows());
         this.globalActionTriggered.emit({ action, selectedRows: this.selectedRows() });
@@ -13251,7 +13278,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 }, 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 }, 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.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\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) {\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                <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                  (buttonClick)=\"onButtonClick($event, customAction, 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=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\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</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>", styles: [".expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\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"] }, { 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"] }] });
+    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 }, 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 }, 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.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\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) {\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            @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=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\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</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>", styles: [".expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\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"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTableComponent, decorators: [{
             type: Component,
@@ -13266,7 +13293,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         DynamicFieldDirective,
                         ActiveFiltersComponent,
                         CoreManualRefreshComponent,
-                    ], hostDirectives: [CoreHostDirective], providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], 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.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\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) {\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                <core-generic-button [config]=\"getCustomActionButtonConfigForRow(customAction, row)\"\n                  (buttonClick)=\"onButtonClick($event, customAction, 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=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\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</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>", styles: [".expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\n"] }]
+                        GenericSwitchComponent,
+                    ], hostDirectives: [CoreHostDirective], providers: [TableDataService, FilterService, PaginationService, ModelApiService, InlineEditService], 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.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\n  @if (showManualRefresh()) {\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) {\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            @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=\"expansion-row\" [ngClass]=\"getRowClasses(row)\">\n          <td [attr.colspan]=\"displayedColumns().length\" class=\"expansion-content\">\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</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>", styles: [".expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}@keyframes newItemHighlight{0%{background-color:#f8f9fa;border-left-color:#28a745}25%{background-color:#e9ecef}50%{background-color:#f8f9fa}75%{background-color:#e9ecef}to{background-color:transparent;border-left-color:transparent}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sentinel: [{
                 type: ViewChild,
                 args: ['sentinel', { static: false }]
@@ -14616,6 +14644,11 @@ class HeaderComponent {
             this.triggerGlobalAction(action);
         }
     }
+    onGlobalSwitchChange(value, action) {
+        if (this.hasPermission(action) && action.onSwitchChange) {
+            action.onSwitchChange(value, []);
+        }
+    }
     onCustomButtonClick(event, action) {
         if (this.isCustomActionVisible(action) && !this.isCustomActionDisabled(action)) {
             this.triggerCustomAction(action);
@@ -14667,15 +14700,16 @@ class HeaderComponent {
         return this.headerService.getText()();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: HeaderComponent, isStandalone: true, selector: "core-header", outputs: { filterRequested: "filterRequested", createRequested: "createRequested", globalActionTriggered: "globalActionTriggered" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (headerService.getIsVisible()()) {\n  @if(!headerService.getHeaderOutside()()) {\n  <div class=\"c-header\">\n    <div class=\"c-header__row\">\n\n      <div class=\"c-header__group\">\n\n        <h2 class=\"c-header__heading u-heading\">{{ getHeaderTitle() }}</h2>\n\n      </div>\n\n      <div class=\"c-header__group u-flex\">\n\n        @for (element of headerService.getOrderedElements(); track element.type) {\n          @if (headerService.isElementVisible(element.type)) {\n            \n            @switch (element.type) {\n              @case (HeaderElementType.GLOBAL_ACTIONS) {\n                @for (globalAction of headerService.getGlobalActions()(); track globalAction.label || $index) {\n                  @if (hasPermission(globalAction)) {\n                    <core-generic-button \n                      [config]=\"getGlobalActionButtonConfig(globalAction)\"\n                      (buttonClick)=\"onGlobalButtonClick($event, globalAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.CUSTOM_ACTIONS) {\n                @for (customAction of headerService.getCustomActions()(); track customAction.id) {\n                  @if (isCustomActionVisible(customAction)) {\n                    <core-generic-button \n                      [config]=\"getCustomActionButtonConfig(customAction)\"\n                      (buttonClick)=\"onCustomButtonClick($event, customAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.FILTER) {\n                <core-generic-button \n                  [config]=\"getFilterButtonConfig()\"\n                  (buttonClick)=\"onFilterButtonClick()\">\n                </core-generic-button>\n              }\n              \n              @case (HeaderElementType.CREATE) {\n                <core-generic-button \n                  [config]=\"getCreateButtonConfig()\"\n                  (buttonClick)=\"onCreateButtonClick()\">\n                </core-generic-button>\n              }\n            }\n            \n          }\n        }\n\n      </div>\n\n    </div>\n\n    <p class=\"c-header__text u-text\" *ngIf=\"getHeaderText()\">\n        {{ getHeaderText() }}\n    </p>\n\n    @if (\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  </div>\n  } @else {\n    @if(\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  }\n}", styles: [":root{--header-bg: #ffffff;--header-text: #333;--header-shadow: rgba(0, 0, 0, .1);--logout-btn-color: #e74c3c;--logout-btn-hover: #c0392b;--theme-btn-color: #666;--theme-btn-hover: #007bff}.dark-mode{--header-bg: #1a1a1a;--header-text: #e0e0e0;--header-shadow: rgba(255, 255, 255, .1);--logout-btn-color: #ff6b6b;--logout-btn-hover: #ff8787;--theme-btn-color: #bbb;--theme-btn-hover: #4da8ff}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--header-shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-weight:500;color:var(--header-text)}.header .header-actions{display:flex;align-items:center;gap:15px}.header .theme-toggle-btn{background:none;border:none;color:var(--theme-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .theme-toggle-btn:hover{color:var(--theme-btn-hover)}.header .logout-btn{background:none;border:none;color:var(--logout-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .logout-btn i{margin-right:5px}.header .logout-btn:hover{color:var(--logout-btn-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "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: HeaderComponent, isStandalone: true, selector: "core-header", outputs: { filterRequested: "filterRequested", createRequested: "createRequested", globalActionTriggered: "globalActionTriggered" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (headerService.getIsVisible()()) {\n  @if(!headerService.getHeaderOutside()()) {\n  <div class=\"c-header\">\n    <div class=\"c-header__row\">\n\n      <div class=\"c-header__group\">\n\n        <h2 class=\"c-header__heading u-heading\">{{ getHeaderTitle() }}</h2>\n\n      </div>\n\n      <div class=\"c-header__group u-flex\">\n\n        @for (element of headerService.getOrderedElements(); track element.type) {\n          @if (headerService.isElementVisible(element.type)) {\n            \n            @switch (element.type) {\n              @case (HeaderElementType.GLOBAL_ACTIONS) {\n                @for (globalAction of headerService.getGlobalActions()(); track globalAction.label || $index) {\n                  @if (hasPermission(globalAction)) {\n                    @if (globalAction.isSwitch && globalAction.switchOptions) {\n                      <core-generic-switch\n                        [options]=\"globalAction.switchOptions\"\n                        [selectedValue]=\"globalAction.switchSelectedValue\"\n                        [ariaLabel]=\"globalAction.switchAriaLabel || globalAction.label || 'Switch options'\"\n                        (valueChange)=\"onGlobalSwitchChange($event, globalAction)\">\n                      </core-generic-switch>\n                    } @else {\n                      <core-generic-button \n                        [config]=\"getGlobalActionButtonConfig(globalAction)\"\n                        (buttonClick)=\"onGlobalButtonClick($event, globalAction)\">\n                      </core-generic-button>\n                    }\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.CUSTOM_ACTIONS) {\n                @for (customAction of headerService.getCustomActions()(); track customAction.id) {\n                  @if (isCustomActionVisible(customAction)) {\n                    <core-generic-button \n                      [config]=\"getCustomActionButtonConfig(customAction)\"\n                      (buttonClick)=\"onCustomButtonClick($event, customAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.FILTER) {\n                <core-generic-button \n                  [config]=\"getFilterButtonConfig()\"\n                  (buttonClick)=\"onFilterButtonClick()\">\n                </core-generic-button>\n              }\n              \n              @case (HeaderElementType.CREATE) {\n                <core-generic-button \n                  [config]=\"getCreateButtonConfig()\"\n                  (buttonClick)=\"onCreateButtonClick()\">\n                </core-generic-button>\n              }\n            }\n            \n          }\n        }\n\n      </div>\n\n    </div>\n\n    <p class=\"c-header__text u-text\" *ngIf=\"getHeaderText()\">\n        {{ getHeaderText() }}\n    </p>\n\n    @if (\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  </div>\n  } @else {\n    @if(\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  }\n}", styles: [":root{--header-bg: #ffffff;--header-text: #333;--header-shadow: rgba(0, 0, 0, .1);--logout-btn-color: #e74c3c;--logout-btn-hover: #c0392b;--theme-btn-color: #666;--theme-btn-hover: #007bff}.dark-mode{--header-bg: #1a1a1a;--header-text: #e0e0e0;--header-shadow: rgba(255, 255, 255, .1);--logout-btn-color: #ff6b6b;--logout-btn-hover: #ff8787;--theme-btn-color: #bbb;--theme-btn-hover: #4da8ff}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--header-shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-weight:500;color:var(--header-text)}.header .header-actions{display:flex;align-items:center;gap:15px}.header .theme-toggle-btn{background:none;border:none;color:var(--theme-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .theme-toggle-btn:hover{color:var(--theme-btn-hover)}.header .logout-btn{background:none;border:none;color:var(--logout-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .logout-btn i{margin-right:5px}.header .logout-btn:hover{color:var(--logout-btn-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "component", type: GenericSwitchComponent, selector: "core-generic-switch", inputs: ["options", "selectedValue", "ariaLabel"], outputs: ["valueChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'core-header', standalone: true, imports: [
                         CommonModule,
                         TranslateModule,
-                        GenericButtonComponent
-                    ], hostDirectives: [CoreHostDirective], template: "@if (headerService.getIsVisible()()) {\n  @if(!headerService.getHeaderOutside()()) {\n  <div class=\"c-header\">\n    <div class=\"c-header__row\">\n\n      <div class=\"c-header__group\">\n\n        <h2 class=\"c-header__heading u-heading\">{{ getHeaderTitle() }}</h2>\n\n      </div>\n\n      <div class=\"c-header__group u-flex\">\n\n        @for (element of headerService.getOrderedElements(); track element.type) {\n          @if (headerService.isElementVisible(element.type)) {\n            \n            @switch (element.type) {\n              @case (HeaderElementType.GLOBAL_ACTIONS) {\n                @for (globalAction of headerService.getGlobalActions()(); track globalAction.label || $index) {\n                  @if (hasPermission(globalAction)) {\n                    <core-generic-button \n                      [config]=\"getGlobalActionButtonConfig(globalAction)\"\n                      (buttonClick)=\"onGlobalButtonClick($event, globalAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.CUSTOM_ACTIONS) {\n                @for (customAction of headerService.getCustomActions()(); track customAction.id) {\n                  @if (isCustomActionVisible(customAction)) {\n                    <core-generic-button \n                      [config]=\"getCustomActionButtonConfig(customAction)\"\n                      (buttonClick)=\"onCustomButtonClick($event, customAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.FILTER) {\n                <core-generic-button \n                  [config]=\"getFilterButtonConfig()\"\n                  (buttonClick)=\"onFilterButtonClick()\">\n                </core-generic-button>\n              }\n              \n              @case (HeaderElementType.CREATE) {\n                <core-generic-button \n                  [config]=\"getCreateButtonConfig()\"\n                  (buttonClick)=\"onCreateButtonClick()\">\n                </core-generic-button>\n              }\n            }\n            \n          }\n        }\n\n      </div>\n\n    </div>\n\n    <p class=\"c-header__text u-text\" *ngIf=\"getHeaderText()\">\n        {{ getHeaderText() }}\n    </p>\n\n    @if (\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  </div>\n  } @else {\n    @if(\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  }\n}", styles: [":root{--header-bg: #ffffff;--header-text: #333;--header-shadow: rgba(0, 0, 0, .1);--logout-btn-color: #e74c3c;--logout-btn-hover: #c0392b;--theme-btn-color: #666;--theme-btn-hover: #007bff}.dark-mode{--header-bg: #1a1a1a;--header-text: #e0e0e0;--header-shadow: rgba(255, 255, 255, .1);--logout-btn-color: #ff6b6b;--logout-btn-hover: #ff8787;--theme-btn-color: #bbb;--theme-btn-hover: #4da8ff}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--header-shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-weight:500;color:var(--header-text)}.header .header-actions{display:flex;align-items:center;gap:15px}.header .theme-toggle-btn{background:none;border:none;color:var(--theme-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .theme-toggle-btn:hover{color:var(--theme-btn-hover)}.header .logout-btn{background:none;border:none;color:var(--logout-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .logout-btn i{margin-right:5px}.header .logout-btn:hover{color:var(--logout-btn-hover)}\n"] }]
+                        GenericButtonComponent,
+                        GenericSwitchComponent
+                    ], hostDirectives: [CoreHostDirective], template: "@if (headerService.getIsVisible()()) {\n  @if(!headerService.getHeaderOutside()()) {\n  <div class=\"c-header\">\n    <div class=\"c-header__row\">\n\n      <div class=\"c-header__group\">\n\n        <h2 class=\"c-header__heading u-heading\">{{ getHeaderTitle() }}</h2>\n\n      </div>\n\n      <div class=\"c-header__group u-flex\">\n\n        @for (element of headerService.getOrderedElements(); track element.type) {\n          @if (headerService.isElementVisible(element.type)) {\n            \n            @switch (element.type) {\n              @case (HeaderElementType.GLOBAL_ACTIONS) {\n                @for (globalAction of headerService.getGlobalActions()(); track globalAction.label || $index) {\n                  @if (hasPermission(globalAction)) {\n                    @if (globalAction.isSwitch && globalAction.switchOptions) {\n                      <core-generic-switch\n                        [options]=\"globalAction.switchOptions\"\n                        [selectedValue]=\"globalAction.switchSelectedValue\"\n                        [ariaLabel]=\"globalAction.switchAriaLabel || globalAction.label || 'Switch options'\"\n                        (valueChange)=\"onGlobalSwitchChange($event, globalAction)\">\n                      </core-generic-switch>\n                    } @else {\n                      <core-generic-button \n                        [config]=\"getGlobalActionButtonConfig(globalAction)\"\n                        (buttonClick)=\"onGlobalButtonClick($event, globalAction)\">\n                      </core-generic-button>\n                    }\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.CUSTOM_ACTIONS) {\n                @for (customAction of headerService.getCustomActions()(); track customAction.id) {\n                  @if (isCustomActionVisible(customAction)) {\n                    <core-generic-button \n                      [config]=\"getCustomActionButtonConfig(customAction)\"\n                      (buttonClick)=\"onCustomButtonClick($event, customAction)\">\n                    </core-generic-button>\n                  }\n                }\n              }\n              \n              @case (HeaderElementType.FILTER) {\n                <core-generic-button \n                  [config]=\"getFilterButtonConfig()\"\n                  (buttonClick)=\"onFilterButtonClick()\">\n                </core-generic-button>\n              }\n              \n              @case (HeaderElementType.CREATE) {\n                <core-generic-button \n                  [config]=\"getCreateButtonConfig()\"\n                  (buttonClick)=\"onCreateButtonClick()\">\n                </core-generic-button>\n              }\n            }\n            \n          }\n        }\n\n      </div>\n\n    </div>\n\n    <p class=\"c-header__text u-text\" *ngIf=\"getHeaderText()\">\n        {{ getHeaderText() }}\n    </p>\n\n    @if (\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  </div>\n  } @else {\n    @if(\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) && \n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"></ng-container>\n    }\n  }\n}", styles: [":root{--header-bg: #ffffff;--header-text: #333;--header-shadow: rgba(0, 0, 0, .1);--logout-btn-color: #e74c3c;--logout-btn-hover: #c0392b;--theme-btn-color: #666;--theme-btn-hover: #007bff}.dark-mode{--header-bg: #1a1a1a;--header-text: #e0e0e0;--header-shadow: rgba(255, 255, 255, .1);--logout-btn-color: #ff6b6b;--logout-btn-hover: #ff8787;--theme-btn-color: #bbb;--theme-btn-hover: #4da8ff}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--header-shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-weight:500;color:var(--header-text)}.header .header-actions{display:flex;align-items:center;gap:15px}.header .theme-toggle-btn{background:none;border:none;color:var(--theme-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .theme-toggle-btn:hover{color:var(--theme-btn-hover)}.header .logout-btn{background:none;border:none;color:var(--logout-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .logout-btn i{margin-right:5px}.header .logout-btn:hover{color:var(--logout-btn-hover)}\n"] }]
         }], ctorParameters: () => [] });
 
 var PermissionsActions;
@@ -14752,11 +14786,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.14.1',
+    full: '2.14.3',
     major: 2,
     minor: 14,
-    patch: 1,
-    timestamp: '2025-10-02T13:16:13.454Z',
+    patch: 3,
+    timestamp: '2025-10-02T15:46:57.392Z',
     buildDate: '2/10/2025'
 };
 
@@ -16244,6 +16278,140 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
+class DataStoreService {
+    stores = new Map();
+    defaultIdSelector(item) {
+        if (item && typeof item === 'object' && 'id' in item) {
+            const idVal = item.id;
+            if (typeof idVal === 'string' || typeof idVal === 'number') {
+                return idVal;
+            }
+        }
+        throw new Error('No se encontró una propiedad id (string o number) y no se pasó idSelector.');
+    }
+    ensureStore(key, idSelector) {
+        if (!this.stores.has(key)) {
+            this.stores.set(key, {
+                items: signal([]),
+                index: new Map(),
+                idSelector: idSelector ?? this.defaultIdSelector,
+            });
+        }
+        else if (idSelector) {
+            this.stores.get(key).idSelector = idSelector;
+        }
+        return this.stores.get(key);
+    }
+    hydrate(key, items, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        const copy = [...items];
+        const idx = new Map();
+        for (const it of copy) {
+            idx.set(String(store.idSelector(it)), it);
+        }
+        store.items.set(copy);
+        store.index = idx;
+    }
+    upsertOne(key, item, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        const id = String(store.idSelector(item));
+        const current = store.items();
+        const pos = current.findIndex((i) => String(store.idSelector(i)) === id);
+        if (pos >= 0) {
+            const next = [...current];
+            next[pos] = item;
+            store.items.set(next);
+        }
+        else {
+            store.items.set([...current, item]);
+        }
+        store.index.set(id, item);
+    }
+    upsertMany(key, items, idSelector) {
+        for (const it of items) {
+            this.upsertOne(key, it, idSelector);
+        }
+    }
+    removeOne(key, id, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        const idStr = String(id);
+        const next = store
+            .items()
+            .filter((i) => String(store.idSelector(i)) !== idStr);
+        store.items.set(next);
+        store.index.delete(idStr);
+    }
+    removeMany(key, ids, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        const idsSet = new Set(ids.map(String));
+        const next = store
+            .items()
+            .filter((i) => !idsSet.has(String(store.idSelector(i))));
+        store.items.set(next);
+        for (const id of ids) {
+            store.index.delete(String(id));
+        }
+    }
+    clear(key, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        store.items.set([]);
+        store.index.clear();
+    }
+    selectAll(key, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        return computed(() => store.items());
+    }
+    getById(key, id, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        return store.index.get(String(id));
+    }
+    selectById(key, id, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        const idStr = String(id);
+        return computed(() => {
+            store.items();
+            return store.index.get(idStr);
+        });
+    }
+    count(key, idSelector) {
+        const store = this.ensureStore(key, idSelector);
+        return store.items().length;
+    }
+    hasData(key) {
+        return this.stores.has(key) && this.stores.get(key).items().length > 0;
+    }
+    getStoreKeys() {
+        return Array.from(this.stores.keys());
+    }
+    removeStore(key) {
+        this.stores.delete(key);
+    }
+    flush(key) {
+        if (key) {
+            if (this.stores.has(key)) {
+                const store = this.stores.get(key);
+                store.items.set([]);
+                store.index.clear();
+            }
+        }
+        else {
+            for (const [storeKey, store] of this.stores.entries()) {
+                store.items.set([]);
+                store.index.clear();
+            }
+        }
+    }
+    flushAll() {
+        this.stores.clear();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataStoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataStoreService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataStoreService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 const PERMISSION_RESOURCES_PROVIDER = new InjectionToken('PERMISSION_RESOURCES_PROVIDER');
 const PERMISSION_ACTIONS_PROVIDER = new InjectionToken('PERMISSION_ACTIONS_PROVIDER');
 
@@ -17548,28 +17716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ selector: 'core-generic-gallery', standalone: true, imports: [CommonModule, GenericSkeletonComponent], providers: [], template: "<div [class]=\"containerClasses()\" \n     [ngStyle]=\"containerStyles()\">\n  \n  @if (finalConfig().layoutType === 'main-left') {\n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Main image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    \n    @if (thumbnailImages().length > 0) {\n      <div class=\"c-gallery-grid__imgs-xs\">\n        @for (image of thumbnailImages(); track image.id || $index; let i = $index) {\n          <div class=\"c-gallery-grid__img\" \n               [class.c-gallery-grid__img--loading]=\"isImageLoading(image, i + 1)\"\n               [class.c-gallery-grid__img--error]=\"hasImageError(image, i + 1)\">\n            \n            @if (isImageLoading(image, i + 1)) {\n              <div class=\"c-gallery-grid__skeleton\">\n                <core-generic-skeleton \n                  [type]=\"SkeletonType.IMAGE\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  [animation]=\"SkeletonAnimation.SHIMMER\"\n                  [ariaLabel]=\"'Loading thumbnail: ' + (image.alt || 'Thumbnail')\">\n                </core-generic-skeleton>\n              </div>\n            }\n            \n            @if (!isImageLoading(image, i + 1) && !hasImageError(image, i + 1)) {\n              <img\n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                [title]=\"image.title || ''\"\n                [loading]=\"getImageLoading(false)\"\n                (click)=\"onImageClick(image, i + 1)\">\n            }\n            \n            @if (isImageLoading(image, i + 1)) {\n              <img \n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                style=\"display: none;\"\n                (load)=\"onImageLoad(image, i + 1)\"\n                (error)=\"onImageError(image, i + 1)\">\n            }\n            \n            @if (hasImageError(image, i + 1)) {\n              <div class=\"c-gallery-grid__error\">\n                <div class=\"c-gallery-grid__error-content\">\n                  <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n                  <span class=\"c-gallery-grid__error-text\">Error</span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n  \n  @if (finalConfig().layoutType === 'main-right') {\n    @if (thumbnailImages().length > 0) {\n      <div class=\"c-gallery-grid__imgs-xs\">\n        @for (image of thumbnailImages(); track image.id || $index; let i = $index) {\n          <div class=\"c-gallery-grid__img\" \n               [class.c-gallery-grid__img--loading]=\"isImageLoading(image, i + 1)\"\n               [class.c-gallery-grid__img--error]=\"hasImageError(image, i + 1)\">\n            \n            @if (isImageLoading(image, i + 1)) {\n              <div class=\"c-gallery-grid__skeleton\">\n                <core-generic-skeleton \n                  [type]=\"SkeletonType.IMAGE\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  [animation]=\"SkeletonAnimation.SHIMMER\"\n                  [ariaLabel]=\"'Loading thumbnail: ' + (image.alt || 'Thumbnail')\">\n                </core-generic-skeleton>\n              </div>\n            }\n            \n            @if (!isImageLoading(image, i + 1) && !hasImageError(image, i + 1)) {\n              <img\n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                [title]=\"image.title || ''\"\n                [loading]=\"getImageLoading(false)\"\n                (click)=\"onImageClick(image, i + 1)\">\n            }\n            \n            @if (isImageLoading(image, i + 1)) {\n              <img \n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                style=\"display: none;\"\n                (load)=\"onImageLoad(image, i + 1)\"\n                (error)=\"onImageError(image, i + 1)\">\n            }\n            \n            @if (hasImageError(image, i + 1)) {\n              <div class=\"c-gallery-grid__error\">\n                <div class=\"c-gallery-grid__error-content\">\n                  <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n                  <span class=\"c-gallery-grid__error-text\">Error</span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n    \n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Main image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  }\n  \n  @if (finalConfig().layoutType === 'main-top') {\n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Main image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n    \n    @if (thumbnailImages().length > 0) {\n      <div class=\"c-gallery-grid__imgs-xs\">\n        @for (image of thumbnailImages(); track image.id || $index; let i = $index) {\n          <div class=\"c-gallery-grid__img\" \n               [class.c-gallery-grid__img--loading]=\"isImageLoading(image, i + 1)\"\n               [class.c-gallery-grid__img--error]=\"hasImageError(image, i + 1)\">\n            \n            @if (isImageLoading(image, i + 1)) {\n              <div class=\"c-gallery-grid__skeleton\">\n                <core-generic-skeleton \n                  [type]=\"SkeletonType.IMAGE\"\n                  width=\"100%\"\n                  height=\"100%\"\n                  [animation]=\"SkeletonAnimation.SHIMMER\"\n                  [ariaLabel]=\"'Loading thumbnail: ' + (image.alt || 'Thumbnail')\">\n                </core-generic-skeleton>\n              </div>\n            }\n            \n            @if (!isImageLoading(image, i + 1) && !hasImageError(image, i + 1)) {\n              <img\n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                [title]=\"image.title || ''\"\n                [loading]=\"getImageLoading(false)\"\n                (click)=\"onImageClick(image, i + 1)\">\n            }\n            \n            @if (isImageLoading(image, i + 1)) {\n              <img \n                [src]=\"image.thumbnail || image.src\"\n                [alt]=\"image.alt || ''\"\n                style=\"display: none;\"\n                (load)=\"onImageLoad(image, i + 1)\"\n                (error)=\"onImageError(image, i + 1)\">\n            }\n            \n            @if (hasImageError(image, i + 1)) {\n              <div class=\"c-gallery-grid__error\">\n                <div class=\"c-gallery-grid__error-content\">\n                  <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n                  <span class=\"c-gallery-grid__error-text\">Error</span>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    }\n  }\n\n  @if (finalConfig().layoutType === 'single') {\n    @if (mainImage()) {\n      <div class=\"c-gallery-grid__img\" \n           [class.c-gallery-grid__img--loading]=\"isImageLoading(mainImage()!, 0)\"\n           [class.c-gallery-grid__img--error]=\"hasImageError(mainImage()!, 0)\">\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__skeleton\">\n            <core-generic-skeleton \n              [type]=\"SkeletonType.IMAGE\"\n              width=\"100%\"\n              height=\"100%\"\n              [animation]=\"SkeletonAnimation.SHIMMER\"\n              [ariaLabel]=\"'Loading image: ' + (mainImage()!.alt || 'Single image')\">\n            </core-generic-skeleton>\n          </div>\n        }\n        \n        @if (!isImageLoading(mainImage()!, 0) && !hasImageError(mainImage()!, 0)) {\n          <img\n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            [title]=\"mainImage()!.title || ''\"\n            [loading]=\"getImageLoading(true)\"\n            (click)=\"onImageClick(mainImage()!, 0)\">\n        }\n        \n        @if (isImageLoading(mainImage()!, 0)) {\n          <img \n            [src]=\"mainImage()!.src\"\n            [alt]=\"mainImage()!.alt || ''\"\n            style=\"display: none;\"\n            (load)=\"onImageLoad(mainImage()!, 0)\"\n            (error)=\"onImageError(mainImage()!, 0)\">\n        }\n        \n        @if (hasImageError(mainImage()!, 0)) {\n          <div class=\"c-gallery-grid__error\">\n            <div class=\"c-gallery-grid__error-content\">\n              <span class=\"c-gallery-grid__error-icon\">\uD83D\uDCF7</span>\n              <span class=\"c-gallery-grid__error-text\">Error al cargar imagen</span>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  }\n</div>\n" }]
         }], ctorParameters: () => [] });
 
-class GenericSwitchComponent {
-    options = input.required();
-    selectedValue = input();
-    ariaLabel = input('Switch options');
-    valueChange = output();
-    isSelected(value) {
-        return this.selectedValue() === value;
-    }
-    onOptionClick(option) {
-        if (option.disabled || this.isSelected(option.value)) {
-            return;
-        }
-        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: "<button \n  class=\"c-switch\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"group\">\n  @for (option of options(); track option.value) {\n    <span \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      @if (option.label && !option.icon) {\n        {{ option.label | translate }}\n      }\n    </span>\n  }\n</button>\n", 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,
-            args: [{ selector: 'core-generic-switch', standalone: true, imports: [CommonModule, IconCompatPipe, TranslateModule], template: "<button \n  class=\"c-switch\"\n  [attr.aria-label]=\"ariaLabel()\"\n  role=\"group\">\n  @for (option of options(); track option.value) {\n    <span \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      @if (option.label && !option.icon) {\n        {{ option.label | translate }}\n      }\n    </span>\n  }\n</button>\n" }]
-        }] });
-
 class CacheBustingInterceptor {
     intercept(req, next) {
         if (req.url.includes('/assets/i18n/') && req.url.endsWith('.json')) {
@@ -17851,5 +17997,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DataStoreService, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericSwitchComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map