@solcre-org/core-ui 2.12.1 → 2.12.3

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

@@ -4657,6 +4657,16 @@ class PaginationService {
     destroy(tableId) {
         this.paginationState.delete(tableId);
     }
+    getCurrentPaginationParams(tableId) {
+        const state = this.paginationState.get(tableId);
+        if (!state) {
+            return {};
+        }
+        return {
+            page: state.currentPage(),
+            size: state.pageSize()
+        };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PaginationService, providedIn: 'root' });
 }
@@ -6077,6 +6087,20 @@ class TableDataService {
         }
         current[keys[keys.length - 1]] = value;
     }
+    getCurrentData() {
+        return this.getData();
+    }
+    updateData(newData) {
+        this.setData(newData);
+    }
+    loadDataWithParams(endpoint, modelFactory, params, loaderId, customArrayKey) {
+        if (!this.currentEndpoint || !this.currentModelFactory) {
+            this.setEndpoint(endpoint, modelFactory, loaderId, this.isPaginationEnabled, customArrayKey, params);
+            return;
+        }
+        this.currentCustomParams = { ...this.currentCustomParams, ...params };
+        this.loadData(this.currentFilterParams, this.currentPaginationParams, loaderId);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableDataService, providedIn: 'root' });
 }
@@ -7031,6 +7055,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ selector: 'core-filter-modal', standalone: true, imports: [CommonModule, TranslateModule, FormsModule, ReactiveFormsModule, DynamicFieldDirective, GenericButtonComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ \"table.filterBy\" | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      <form class=\"c-entry-group\">\n      @for (filter of visibleFilters(); track filter.key.toString() + '-' + clearTrigger()) {\n        <div coreDynamicField [field]=\"getFieldConfig(filter)\" [value]=\"getFieldValue(filter.key.toString())\"\n          [mode]=\"ModalMode.FILTER\" (valueChange)=\"updateFilter(filter.key.toString(), $event)\">\n        </div>\n      }\n    </form>\n    </div>\n    <div class=\"c-modal__bottom\">\n      <core-generic-button\n        [config]=\"clearButtonConfig()\"\n        (buttonClick)=\"onClear()\">\n      </core-generic-button>\n      <core-generic-button\n        [config]=\"applyButtonConfig()\"\n        (buttonClick)=\"onApply()\">\n      </core-generic-button>\n    </div>\n  </div>\n</div>", styles: [".c-link.disabled{opacity:.5;cursor:not-allowed}\n"] }]
         }], ctorParameters: () => [] });
 
+var SortDirection;
+(function (SortDirection) {
+    SortDirection["ASC"] = "asc";
+    SortDirection["DESC"] = "desc";
+})(SortDirection || (SortDirection = {}));
+
+var SortMode;
+(function (SortMode) {
+    SortMode["MEMORY"] = "memory";
+    SortMode["SERVER"] = "server";
+})(SortMode || (SortMode = {}));
+
 class TableActionService {
     selectedRowsSubject = new BehaviorSubject([]);
     isModalOpenSubject = new BehaviorSubject(false);
@@ -7191,6 +7227,181 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
+class TableSortService {
+    sortConfigsSubject = new BehaviorSubject([]);
+    tableSortConfig = { mode: SortMode.MEMORY };
+    sortConfigs$ = this.sortConfigsSubject.asObservable();
+    configure(config) {
+        this.tableSortConfig = { ...config };
+        if (config.defaultSort && config.defaultSort.length > 0) {
+            this.sortConfigsSubject.next([...config.defaultSort]);
+        }
+    }
+    getTableSortConfig() {
+        return { ...this.tableSortConfig };
+    }
+    getCurrentSortConfigs() {
+        return [...this.sortConfigsSubject.value];
+    }
+    isColumnSortable(column, row, disabledConfigs = []) {
+        if (!column.sortable) {
+            return false;
+        }
+        if (!row) {
+            return true;
+        }
+        const isDisabled = disabledConfigs.some(config => {
+            if (!config.condition(row)) {
+                return false;
+            }
+            if (!config.columns || config.columns.length === 0) {
+                return true;
+            }
+            return config.columns.includes(column.key);
+        });
+        return !isDisabled;
+    }
+    toggleSort(columnKey) {
+        const currentSorts = this.sortConfigsSubject.value;
+        const existingSort = currentSorts.find(sort => sort.key === columnKey);
+        let newSorts;
+        if (existingSort) {
+            if (existingSort.direction === SortDirection.ASC) {
+                newSorts = currentSorts.map(sort => sort.key === columnKey
+                    ? { ...sort, direction: SortDirection.DESC }
+                    : sort);
+            }
+            else {
+                newSorts = currentSorts.filter(sort => sort.key !== columnKey);
+            }
+        }
+        else {
+            const newSort = {
+                key: columnKey,
+                direction: SortDirection.ASC,
+                priority: currentSorts.length
+            };
+            if (this.tableSortConfig.multiColumn) {
+                newSorts = [...currentSorts, newSort];
+            }
+            else {
+                newSorts = [newSort];
+            }
+        }
+        newSorts = newSorts.map((sort, index) => ({
+            ...sort,
+            priority: index
+        }));
+        this.sortConfigsSubject.next(newSorts);
+    }
+    setSortConfigs(sortConfigs) {
+        const validSorts = sortConfigs.map((sort, index) => ({
+            ...sort,
+            priority: index
+        }));
+        this.sortConfigsSubject.next(validSorts);
+    }
+    clearSort() {
+        this.sortConfigsSubject.next([]);
+    }
+    getColumnSortState(columnKey) {
+        const sortConfig = this.sortConfigsSubject.value.find(sort => sort.key === columnKey);
+        return sortConfig ? sortConfig.direction : null;
+    }
+    getColumnSortPriority(columnKey) {
+        const sortConfig = this.sortConfigsSubject.value.find(sort => sort.key === columnKey);
+        return sortConfig?.priority ?? null;
+    }
+    sortDataInMemory(data, columns) {
+        const sortConfigs = this.sortConfigsSubject.value;
+        if (sortConfigs.length === 0) {
+            return [...data];
+        }
+        return [...data].sort((a, b) => {
+            if (this.tableSortConfig.customSortFunction) {
+                return this.tableSortConfig.customSortFunction(a, b, sortConfigs);
+            }
+            for (const sortConfig of sortConfigs.sort((x, y) => (x.priority ?? 0) - (y.priority ?? 0))) {
+                const column = columns.find(col => col.key === sortConfig.key || col.sortKey === sortConfig.key);
+                let result = 0;
+                if (column?.sortFunction) {
+                    result = column.sortFunction(a, b);
+                }
+                else {
+                    const key = column?.sortKey || sortConfig.key;
+                    const valueA = this.getNestedValue(a, key);
+                    const valueB = this.getNestedValue(b, key);
+                    result = this.compareValues(valueA, valueB);
+                }
+                if (result !== 0) {
+                    return sortConfig.direction === SortDirection.ASC ? result : -result;
+                }
+            }
+            return 0;
+        });
+    }
+    generateServerSortParams() {
+        const sortConfigs = this.sortConfigsSubject.value;
+        if (sortConfigs.length === 0) {
+            return {};
+        }
+        const paramName = this.tableSortConfig.serverSortParam || 'sort';
+        if (this.tableSortConfig.multiColumn && sortConfigs.length > 1) {
+            const params = {};
+            sortConfigs
+                .sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0))
+                .forEach(sort => {
+                params[`${paramName}[${sort.key}]`] = sort.direction;
+            });
+            return params;
+        }
+        else {
+            const firstSort = sortConfigs[0];
+            return {
+                [`${paramName}[${firstSort.key}]`]: firstSort.direction
+            };
+        }
+    }
+    isServerMode() {
+        return this.tableSortConfig.mode === SortMode.SERVER;
+    }
+    isMultiColumnEnabled() {
+        return this.tableSortConfig.multiColumn ?? false;
+    }
+    getNestedValue(obj, path) {
+        return path.split('.').reduce((value, key) => {
+            return value && value[key] !== undefined ? value[key] : null;
+        }, obj);
+    }
+    compareValues(a, b) {
+        if (a === null || a === undefined)
+            return b === null || b === undefined ? 0 : -1;
+        if (b === null || b === undefined)
+            return 1;
+        if (typeof a === 'number' && typeof b === 'number') {
+            return a - b;
+        }
+        if (a instanceof Date && b instanceof Date) {
+            return a.getTime() - b.getTime();
+        }
+        const strA = String(a).toLowerCase();
+        const strB = String(b).toLowerCase();
+        return strA.localeCompare(strB);
+    }
+    reset() {
+        this.sortConfigsSubject.next([]);
+        this.tableSortConfig = { mode: SortMode.MEMORY };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableSortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableSortService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TableSortService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 var HeaderElementType;
 (function (HeaderElementType) {
     HeaderElementType["GLOBAL_ACTIONS"] = "globalActions";
@@ -7918,11 +8129,13 @@ class GenericTableComponent {
     dropdownService = inject(DropdownService);
     headerService = inject(HeaderService);
     inlineEditService = inject((InlineEditService));
+    tableSortService = inject(TableSortService);
     activeFiltersEventService = inject(ActiveFiltersEventService);
     TableAction = TableAction;
     ModalMode = ModalMode;
     ButtonType = ButtonType;
     FieldType = FieldType;
+    SortDirection = SortDirection;
     tableId = `table-${Math.random().toString(36).substring(2, 9)}`;
     columns = input.required();
     modalFields = input([]);
@@ -7955,6 +8168,7 @@ class GenericTableComponent {
     headerOrder = input(undefined);
     showActiveFilters = input(false);
     activeFiltersConfig = input({});
+    sortConfig = input(undefined);
     customEdit = input();
     customDelete = input();
     customView = input();
@@ -8124,6 +8338,12 @@ class GenericTableComponent {
         if (this.isInitialized) {
             return;
         }
+        if (this.sortConfig()) {
+            this.tableSortService.configure(this.sortConfig());
+        }
+        this.subscriptions.push(this.tableSortService.sortConfigs$.subscribe(() => {
+            this.handleSortChange();
+        }));
         this.currentFilterValues.set(new Map(this.filterService.getCustomFilters()));
         this.loaderService.showLoader(this.MAIN_DATA_LOADER_ID);
         this.startLoaderTimeout(this.MAIN_DATA_LOADER_ID);
@@ -8996,6 +9216,91 @@ class GenericTableComponent {
             createButtonConfig: this.createButtonConfig(),
         });
     }
+    onColumnHeaderClick(column) {
+        if (!this.isColumnSortable(column)) {
+            return;
+        }
+        const sortKey = column.sortKey || column.key;
+        this.tableSortService.toggleSort(sortKey);
+    }
+    isColumnSortable(column) {
+        const firstRow = this.displayedData()[0] || null;
+        return this.tableSortService.isColumnSortable(column, firstRow, this.columnDisabledConfigs());
+    }
+    getColumnSortState(column) {
+        const sortKey = column.sortKey || column.key;
+        return this.tableSortService.getColumnSortState(sortKey);
+    }
+    getColumnSortPriority(column) {
+        const sortKey = column.sortKey || column.key;
+        return this.tableSortService.getColumnSortPriority(sortKey);
+    }
+    isMultiColumnSortEnabled() {
+        return this.tableSortService.isMultiColumnEnabled();
+    }
+    getSortButtonTitle(column) {
+        const sortState = this.getColumnSortState(column);
+        const priority = this.getColumnSortPriority(column);
+        if (!sortState) {
+            return `Ordenar por ${column.label}`;
+        }
+        const direction = sortState === SortDirection.ASC ? 'ascendente' : 'descendente';
+        const priorityText = this.isMultiColumnSortEnabled() && priority !== null
+            ? ` (prioridad ${priority + 1})`
+            : '';
+        return `Ordenado por ${column.label} ${direction}${priorityText}. Click para cambiar.`;
+    }
+    handleSortChange() {
+        if (this.tableSortService.isServerMode()) {
+            this.reloadDataWithCurrentParams();
+        }
+        else {
+            this.applySortingInMemory();
+        }
+    }
+    applySortingInMemory() {
+        if (this.endpoint()) {
+            const currentData = this.tableDataService.getCurrentData();
+            if (currentData && Array.isArray(currentData)) {
+                const sortedData = this.tableSortService.sortDataInMemory(currentData, this.columns());
+                this.tableDataService.updateData(sortedData);
+            }
+        }
+        else {
+            const inputData = this.dataInput();
+            if (inputData && inputData.length > 0) {
+                const sortedData = this.tableSortService.sortDataInMemory(inputData, this.columns());
+                this.processDataInput(sortedData);
+            }
+        }
+    }
+    reloadDataWithCurrentParams() {
+        if (!this.endpoint() || !this.modelFactory()) {
+            return;
+        }
+        const filterParams = this.getFilterParams();
+        const sortParams = this.tableSortService.generateServerSortParams();
+        const paginationParams = this.enablePagination()
+            ? this.paginationService.getCurrentPaginationParams(this.tableId)
+            : {};
+        const allParams = {
+            ...this.customParams(),
+            ...filterParams,
+            ...sortParams,
+            ...paginationParams
+        };
+        this.tableDataService.loadDataWithParams(this.endpoint(), this.modelFactory(), allParams, this.MAIN_DATA_LOADER_ID, this.customArrayKey());
+    }
+    getFilterParams() {
+        const filterValues = this.currentFilterValues();
+        const params = {};
+        filterValues.forEach((value, key) => {
+            if (value !== undefined && value !== null && value !== '') {
+                params[key] = value;
+            }
+        });
+        return params;
+    }
     ngOnDestroy() {
         this.subscriptions.forEach(sub => sub.unsubscribe());
         this.inlineEditService.destroy();
@@ -9281,7 +9586,7 @@ class GenericTableComponent {
         this.tableDataService.updateRowData(rowId, updatedFields, updateFunction);
     }
     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 }, 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 }, 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", 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 }], 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\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\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 (column.sortable !== false) {\n          <!-- \u2705 Solcre: Agregado [title] din\u00E1mico y capacidad de volver al estado sin selecci\u00F3n -->\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"currentSortColumn() === column.key && currentSortDirection() === 'asc'\"\n            [class.is-desc]=\"currentSortColumn() === column.key && currentSortDirection() === 'desc'\"\n            [title]=\"getSortTitle(column) | translate\" (click)=\"sortData(column)\">\n            {{ column.label | translate }}\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          <!-- <button \n                class=\"c-table__order\" \n                [class.is-asc]=\"currentSortColumn() === column.key && currentSortDirection() === 'asc'\" \n                [class.is-desc]=\"currentSortColumn() === column.key && currentSortDirection() === 'desc'\"\n                (click)=\"sortData(column)\">\n                {{ column.label | translate }}\n                <span class=\"icon-order-arrow\"></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-editing-inline]=\"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]=\"extraDefaultActions()\"\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 regularDefaultActions(); 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)\"\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<!-- Todo: Ver qu\u00E9 onda esto -->\n<core-generic-pagination [tableId]=\"tableId\"></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: [".in-modal .c-table thead th:last-child,.c-table tbody td:last-child{text-align:left}.c-table__order-btn--asc{transform:rotate(180deg)}.c-table__order-btn--desc{transform:rotate(0)}.c-table tr.is-editing-inline{background-color:#fff3cd;border-left:3px solid #ffc107}.c-table tr.is-editing-inline td{background-color:#fff3cd}.c-table tr.is-editing-inline:hover td{background-color:#ffecb5}.expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}\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", "title", "isMultiple", "customTemplate", "customViewTemplate", "buttonConfig", "modelFactory", "errors", "validators"], 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"] }] });
+    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 }, 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 }, 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", 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 }], 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\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\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          <!-- Nuevo sistema de sorting con soporte para m\u00FAltiples columnas -->\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-editing-inline]=\"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]=\"extraDefaultActions()\"\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 regularDefaultActions(); 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)\"\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<!-- Todo: Ver qu\u00E9 onda esto -->\n<core-generic-pagination [tableId]=\"tableId\"></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: [".in-modal .c-table thead th:last-child,.c-table tbody td:last-child{text-align:left}.c-table__order-btn--asc{transform:rotate(180deg)}.c-table__order-btn--desc{transform:rotate(0)}.c-table tr.is-editing-inline{background-color:#fff3cd;border-left:3px solid #ffc107}.c-table tr.is-editing-inline td{background-color:#fff3cd}.c-table tr.is-editing-inline:hover td{background-color:#ffecb5}.expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}\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", "title", "isMultiple", "customTemplate", "customViewTemplate", "buttonConfig", "modelFactory", "errors", "validators"], 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericTableComponent, decorators: [{
             type: Component,
@@ -9295,7 +9600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         GenericButtonComponent,
                         DynamicFieldDirective,
                         ActiveFiltersComponent,
-                    ], 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\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\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 (column.sortable !== false) {\n          <!-- \u2705 Solcre: Agregado [title] din\u00E1mico y capacidad de volver al estado sin selecci\u00F3n -->\n          <button class=\"c-table-order\" tabindex=\"-1\"\n            [class.is-asc]=\"currentSortColumn() === column.key && currentSortDirection() === 'asc'\"\n            [class.is-desc]=\"currentSortColumn() === column.key && currentSortDirection() === 'desc'\"\n            [title]=\"getSortTitle(column) | translate\" (click)=\"sortData(column)\">\n            {{ column.label | translate }}\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          <!-- <button \n                class=\"c-table__order\" \n                [class.is-asc]=\"currentSortColumn() === column.key && currentSortDirection() === 'asc'\" \n                [class.is-desc]=\"currentSortColumn() === column.key && currentSortDirection() === 'desc'\"\n                (click)=\"sortData(column)\">\n                {{ column.label | translate }}\n                <span class=\"icon-order-arrow\"></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-editing-inline]=\"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]=\"extraDefaultActions()\"\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 regularDefaultActions(); 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)\"\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<!-- Todo: Ver qu\u00E9 onda esto -->\n<core-generic-pagination [tableId]=\"tableId\"></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: [".in-modal .c-table thead th:last-child,.c-table tbody td:last-child{text-align:left}.c-table__order-btn--asc{transform:rotate(180deg)}.c-table__order-btn--desc{transform:rotate(0)}.c-table tr.is-editing-inline{background-color:#fff3cd;border-left:3px solid #ffc107}.c-table tr.is-editing-inline td{background-color:#fff3cd}.c-table tr.is-editing-inline:hover td{background-color:#ffecb5}.expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}\n"] }]
+                    ], 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\n<div class=\"c-table\" [class.in-modal]=\"inModal()\" [class.inline-edit-mode]=\"inlineEditService.isInlineEditMode()\">\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          <!-- Nuevo sistema de sorting con soporte para m\u00FAltiples columnas -->\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-editing-inline]=\"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]=\"extraDefaultActions()\"\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 regularDefaultActions(); 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)\"\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<!-- Todo: Ver qu\u00E9 onda esto -->\n<core-generic-pagination [tableId]=\"tableId\"></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: [".in-modal .c-table thead th:last-child,.c-table tbody td:last-child{text-align:left}.c-table__order-btn--asc{transform:rotate(180deg)}.c-table__order-btn--desc{transform:rotate(0)}.c-table tr.is-editing-inline{background-color:#fff3cd;border-left:3px solid #ffc107}.c-table tr.is-editing-inline td{background-color:#fff3cd}.c-table tr.is-editing-inline:hover td{background-color:#ffecb5}.expansion-row .expansion-content{padding:16px;background-color:#f8f9fa;border-top:1px solid #dee2e6}.expansion-row td{border-bottom:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sentinel: [{
                 type: ViewChild,
                 args: ['sentinel', { static: false }]
@@ -10831,12 +11136,12 @@ 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.12.1',
+    full: '2.12.3',
     major: 2,
     minor: 12,
-    patch: 1,
-    timestamp: '2025-09-02T20:43:25.016Z',
-    buildDate: '2/9/2025'
+    patch: 3,
+    timestamp: '2025-09-03T14:23:07.645Z',
+    buildDate: '3/9/2025'
 };
 
 class MainNavComponent {
@@ -12279,460 +12584,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }] });
 
-var SliderActionType;
-(function (SliderActionType) {
-    SliderActionType["CLICK"] = "click";
-    SliderActionType["CHANGE"] = "change";
-    SliderActionType["BEFORE_CHANGE"] = "beforeChange";
-    SliderActionType["AFTER_CHANGE"] = "afterChange";
-    SliderActionType["EDGE"] = "edge";
-    SliderActionType["SWIPE"] = "swipe";
-})(SliderActionType || (SliderActionType = {}));
-
-class SliderService {
-    currentIndex = signal(0);
-    items = signal([]);
-    config = signal({});
-    getCurrentIndex = computed(() => this.currentIndex());
-    getItems = computed(() => this.items());
-    getConfig = computed(() => this.config());
-    getTotalItems = computed(() => this.items().length);
-    getNavigation = computed(() => {
-        const current = this.currentIndex();
-        const total = this.items().length;
-        const infinite = this.config().infinite ?? false;
-        return {
-            currentIndex: current,
-            totalItems: total,
-            canGoPrev: infinite || current > 0,
-            canGoNext: infinite || current < total - 1
-        };
-    });
-    getCurrentItem = computed(() => {
-        const items = this.items();
-        const index = this.currentIndex();
-        return items[index] || null;
-    });
-    setItems(items) {
-        this.items.set(items);
-        if (this.currentIndex() >= items.length) {
-            this.currentIndex.set(Math.max(0, items.length - 1));
-        }
-    }
-    setConfig(config) {
-        this.config.set(config);
-    }
-    goToSlide(index) {
-        const items = this.items();
-        if (index >= 0 && index < items.length) {
-            this.currentIndex.set(index);
-        }
-    }
-    nextSlide() {
-        const current = this.currentIndex();
-        const total = this.items().length;
-        const infinite = this.config().infinite ?? false;
-        if (infinite) {
-            this.currentIndex.set((current + 1) % total);
-        }
-        else if (current < total - 1) {
-            this.currentIndex.set(current + 1);
-        }
-    }
-    prevSlide() {
-        const current = this.currentIndex();
-        const total = this.items().length;
-        const infinite = this.config().infinite ?? false;
-        if (infinite) {
-            this.currentIndex.set(current === 0 ? total - 1 : current - 1);
-        }
-        else if (current > 0) {
-            this.currentIndex.set(current - 1);
-        }
-    }
-    reset() {
-        this.currentIndex.set(0);
-    }
-    getSlidesByConfig() {
-        const items = this.items();
-        const slidesToShow = this.config().slidesToShow ?? 1;
-        const currentIndex = this.currentIndex();
-        if (slidesToShow === 1) {
-            return [items[currentIndex]].filter(Boolean);
-        }
-        const result = [];
-        for (let i = 0; i < slidesToShow; i++) {
-            const index = (currentIndex + i) % items.length;
-            if (items[index]) {
-                result.push(items[index]);
-            }
-        }
-        return result;
-    }
-    getThumbnails() {
-        return this.items().map(item => ({
-            ...item,
-            imageUrl: item.thumbnailUrl || item.imageUrl
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SliderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SliderService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SliderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class GenericSliderComponent {
-    sliderService = inject(SliderService);
-    autoPlayInterval = null;
-    items = input([]);
-    config = input({
-        autoPlay: false,
-        autoPlayInterval: 3000,
-        showDots: true,
-        showArrows: true,
-        showThumbnails: false,
-        infinite: true,
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        centerMode: false,
-        height: '400px',
-        thumbnailHeight: '80px',
-        showPreview: true,
-        enableKeyboard: true,
-        swipeToSlide: true,
-        pauseOnHover: true,
-        showCounter: false,
-        lazyLoad: true,
-        fadeEffect: false,
-        verticalThumbnails: false
-    });
-    actionTriggered = output();
-    slideChanged = output();
-    isHovered = signal(false);
-    isDragging = signal(false);
-    startX = signal(0);
-    currentX = signal(0);
-    currentIndex = computed(() => this.sliderService.getCurrentIndex());
-    totalItems = computed(() => this.sliderService.getTotalItems());
-    currentItem = computed(() => this.sliderService.getCurrentItem());
-    navigation = computed(() => this.sliderService.getNavigation());
-    visibleSlides = computed(() => this.sliderService.getSlidesByConfig());
-    thumbnails = computed(() => this.sliderService.getThumbnails());
-    mergedConfig = computed(() => ({
-        ...this.config(),
-        ...this.sliderService.getConfig()
-    }));
-    canAutoPlay = computed(() => {
-        const config = this.mergedConfig();
-        return config.autoPlay && !this.isHovered() && !this.isDragging();
-    });
-    showDots = computed(() => this.mergedConfig().showDots && this.totalItems() > 1);
-    showArrows = computed(() => this.mergedConfig().showArrows && this.totalItems() > 1);
-    showThumbnails = computed(() => this.mergedConfig().showThumbnails && this.totalItems() > 1);
-    showCounter = computed(() => this.mergedConfig().showCounter && this.totalItems() > 1);
-    containerStyles = computed(() => ({
-        height: this.mergedConfig().height || '400px',
-        position: 'relative',
-        overflow: 'hidden'
-    }));
-    slideStyles = computed(() => {
-        const config = this.mergedConfig();
-        const slidesToShow = config.slidesToShow || 1;
-        const currentIndex = this.currentIndex();
-        const totalItems = this.totalItems();
-        const totalWidth = (totalItems / slidesToShow) * 100;
-        const slideWidth = 100 / slidesToShow;
-        const translateX = -(currentIndex * slideWidth);
-        return {
-            transform: `translateX(${translateX}%)`,
-            transition: this.isDragging() ? 'none' : 'transform 0.3s ease-in-out',
-            display: 'flex',
-            width: `${totalWidth}%`
-        };
-    });
-    prevButtonConfig = computed(() => ({
-        type: ButtonType.PRIMARY,
-        context: ButtonContext.DEFAULT,
-        size: ButtonSize.SMALL,
-        text: '',
-        icon: 'icon-arrow-left',
-        disabled: !this.navigation().canGoPrev,
-        ariaLabel: 'slider.previous'
-    }));
-    nextButtonConfig = computed(() => ({
-        type: ButtonType.PRIMARY,
-        context: ButtonContext.DEFAULT,
-        size: ButtonSize.SMALL,
-        text: '',
-        icon: 'icon-arrow-right',
-        disabled: !this.navigation().canGoNext,
-        ariaLabel: 'slider.next'
-    }));
-    constructor() {
-        effect(() => {
-            this.sliderService.setItems(this.items());
-        });
-        effect(() => {
-            this.sliderService.setConfig(this.config());
-        });
-        effect(() => {
-            const currentIndex = this.currentIndex();
-            const currentItem = this.currentItem();
-            if (currentItem) {
-                this.slideChanged.emit({ currentIndex, currentItem });
-            }
-        });
-        effect(() => {
-            if (this.canAutoPlay()) {
-                this.startAutoPlay();
-            }
-            else {
-                this.stopAutoPlay();
-            }
-        });
-    }
-    ngOnInit() {
-        this.setupAutoPlay();
-    }
-    ngOnDestroy() {
-        this.stopAutoPlay();
-    }
-    onKeydown(event) {
-        if (!this.mergedConfig().enableKeyboard)
-            return;
-        switch (event.key) {
-            case 'ArrowLeft':
-                event.preventDefault();
-                this.goToPrevious();
-                break;
-            case 'ArrowRight':
-                event.preventDefault();
-                this.goToNext();
-                break;
-            case ' ':
-                event.preventDefault();
-                this.toggleAutoPlay();
-                break;
-            case 'Home':
-                event.preventDefault();
-                this.goToSlide(0);
-                break;
-            case 'End':
-                event.preventDefault();
-                this.goToSlide(this.totalItems() - 1);
-                break;
-        }
-    }
-    goToSlide(index) {
-        const previousIndex = this.currentIndex();
-        this.sliderService.goToSlide(index);
-        this.emitAction(SliderActionType.CHANGE, this.currentItem(), index);
-        if (previousIndex !== index) {
-            this.emitAction(SliderActionType.AFTER_CHANGE, this.currentItem(), index);
-        }
-    }
-    goToNext() {
-        const config = this.mergedConfig();
-        const current = this.currentIndex();
-        const total = this.totalItems();
-        const slidesToShow = config.slidesToShow || 1;
-        const slidesToScroll = config.slidesToScroll || 1;
-        let nextIndex;
-        if (config.infinite) {
-            nextIndex = (current + slidesToScroll) % total;
-        }
-        else {
-            const maxIndex = Math.max(0, total - slidesToShow);
-            nextIndex = Math.min(current + slidesToScroll, maxIndex);
-        }
-        this.goToSlide(nextIndex);
-    }
-    goToPrevious() {
-        const config = this.mergedConfig();
-        const current = this.currentIndex();
-        const total = this.totalItems();
-        const slidesToScroll = config.slidesToScroll || 1;
-        let prevIndex;
-        if (config.infinite) {
-            prevIndex = current - slidesToScroll < 0 ? total - slidesToScroll : current - slidesToScroll;
-        }
-        else {
-            prevIndex = Math.max(current - slidesToScroll, 0);
-        }
-        this.goToSlide(prevIndex);
-    }
-    setupAutoPlay() {
-        if (this.mergedConfig().autoPlay) {
-            this.startAutoPlay();
-        }
-    }
-    startAutoPlay() {
-        this.stopAutoPlay();
-        if (this.canAutoPlay()) {
-            this.autoPlayInterval = setInterval(() => {
-                if (this.canAutoPlay()) {
-                    this.goToNext();
-                }
-            }, this.mergedConfig().autoPlayInterval || 3000);
-        }
-    }
-    stopAutoPlay() {
-        if (this.autoPlayInterval) {
-            clearInterval(this.autoPlayInterval);
-            this.autoPlayInterval = null;
-        }
-    }
-    toggleAutoPlay() {
-        if (this.canAutoPlay()) {
-            this.stopAutoPlay();
-        }
-        else {
-            this.startAutoPlay();
-        }
-    }
-    onMouseEnter() {
-        if (this.mergedConfig().pauseOnHover) {
-            this.isHovered.set(true);
-        }
-    }
-    onMouseLeave() {
-        if (this.mergedConfig().pauseOnHover) {
-            this.isHovered.set(false);
-        }
-    }
-    onTouchStart(event) {
-        if (!this.mergedConfig().swipeToSlide)
-            return;
-        this.isDragging.set(true);
-        this.startX.set(event.touches[0].clientX);
-    }
-    onTouchMove(event) {
-        if (!this.isDragging() || !this.mergedConfig().swipeToSlide)
-            return;
-        this.currentX.set(event.touches[0].clientX);
-        event.preventDefault();
-    }
-    onTouchEnd() {
-        if (!this.isDragging() || !this.mergedConfig().swipeToSlide)
-            return;
-        const diffX = this.startX() - this.currentX();
-        const threshold = 50;
-        if (Math.abs(diffX) > threshold) {
-            if (diffX > 0) {
-                this.goToNext();
-            }
-            else {
-                this.goToPrevious();
-            }
-            this.emitAction(SliderActionType.SWIPE, this.currentItem(), this.currentIndex());
-        }
-        this.isDragging.set(false);
-        this.startX.set(0);
-        this.currentX.set(0);
-    }
-    onSlideClick(item, index) {
-        this.emitAction(SliderActionType.CLICK, item, index);
-    }
-    onDotClick(index) {
-        this.goToSlide(index);
-    }
-    onThumbnailClick(index) {
-        this.goToSlide(index);
-    }
-    emitAction(type, item, index) {
-        this.actionTriggered.emit({ type, item, index });
-    }
-    getSlideImage(item) {
-        return item.imageUrl || '';
-    }
-    getSlideAlt(item) {
-        return item.alt || item.title || `Slide ${this.currentIndex() + 1}`;
-    }
-    isActiveSlide(index) {
-        const config = this.mergedConfig();
-        const current = this.currentIndex();
-        const slidesToShow = config.slidesToShow || 1;
-        if (slidesToShow === 1) {
-            return index === current;
-        }
-        else {
-            return index >= current && index < current + slidesToShow;
-        }
-    }
-    isActiveDot(index) {
-        return index === this.currentIndex();
-    }
-    isActiveThumbnail(index) {
-        return index === this.currentIndex();
-    }
-    getCounterText() {
-        return `${this.currentIndex() + 1} / ${this.totalItems()}`;
-    }
-    getSlideWidth() {
-        const config = this.mergedConfig();
-        const slidesToShow = config.slidesToShow || 1;
-        const totalItems = this.totalItems();
-        const widthPercentage = (100 / totalItems);
-        return `${widthPercentage}%`;
-    }
-    getFileTypeIcon(fileType) {
-        const typeMap = {
-            'pdf': 'icon-file-pdf',
-            'doc': 'icon-file-word',
-            'docx': 'icon-file-word',
-            'xls': 'icon-file-excel',
-            'xlsx': 'icon-file-excel',
-            'ppt': 'icon-file-powerpoint',
-            'pptx': 'icon-file-powerpoint',
-            'txt': 'icon-file-text',
-            'zip': 'icon-file-zip',
-            'rar': 'icon-file-zip',
-            'jpg': 'icon-file-image',
-            'jpeg': 'icon-file-image',
-            'png': 'icon-file-image',
-            'gif': 'icon-file-image',
-            'mp4': 'icon-file-video',
-            'avi': 'icon-file-video',
-            'mov': 'icon-file-video',
-            'mp3': 'icon-file-audio',
-            'wav': 'icon-file-audio'
-        };
-        return typeMap[fileType.toLowerCase()] || 'icon-file';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: GenericSliderComponent, isStandalone: true, selector: "core-generic-slider", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { actionTriggered: "actionTriggered", slideChanged: "slideChanged" }, host: { listeners: { "keydown": "onKeydown($event)" } }, ngImport: i0, template: "<div class=\"c-slider\" \n     [style]=\"containerStyles()\"\n     (mouseenter)=\"onMouseEnter()\"\n     (mouseleave)=\"onMouseLeave()\"\n     (touchstart)=\"onTouchStart($event)\"\n     (touchmove)=\"onTouchMove($event)\"\n     (touchend)=\"onTouchEnd()\">\n  \n  <!-- Main slider container -->\n  <div class=\"c-slider__container\">\n    \n    <!-- Previous arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--prev\">\n        <core-generic-button\n          [config]=\"prevButtonConfig()\"\n          (buttonClick)=\"goToPrevious()\">\n        </core-generic-button>\n      </div>\n    }\n\n    <!-- Slides wrapper -->\n    <div class=\"c-slider__wrapper\">\n      <div class=\"c-slider__track\" [style]=\"slideStyles()\">\n        @for (slide of items(); track slide.id; let i = $index) {\n          <div class=\"c-slider__slide\" \n               [class.c-slider__slide--active]=\"isActiveSlide(i)\"\n               [style.width]=\"getSlideWidth()\"\n               (click)=\"onSlideClick(slide, i)\">\n            \n            <!-- Image -->\n            <div class=\"c-slider__image-container\">\n              @if (mergedConfig().lazyLoad) {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\"\n                     loading=\"lazy\">\n              } @else {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\">\n              }\n              \n              <!-- File Preview Icon -->\n              @if (mergedConfig().showFilePreview && slide.filePreview) {\n                <div class=\"c-slider__file-preview\">\n                  <div class=\"c-slider__file-icon\">\n                    <span class=\"icon-file\" [ngClass]=\"getFileTypeIcon(slide.filePreview.fileType)\"></span>\n                  </div>\n                  <div class=\"c-slider__file-info\">\n                    <span class=\"c-slider__file-name\">{{ slide.filePreview.fileName }}</span>\n                    @if (slide.filePreview.fileSize) {\n                      <span class=\"c-slider__file-size\">{{ slide.filePreview.fileSize }}</span>\n                    }\n                  </div>\n                </div>\n              }\n              \n              <!-- Overlay content -->\n              @if (slide.title || slide.description) {\n                <div class=\"c-slider__overlay\">\n                  @if (slide.title) {\n                    <h3 class=\"c-slider__title\">{{ slide.title }}</h3>\n                  }\n                  @if (slide.description) {\n                    <p class=\"c-slider__description\">{{ slide.description }}</p>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Next arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--next\">\n        <core-generic-button\n          [config]=\"nextButtonConfig()\"\n          (buttonClick)=\"goToNext()\">\n        </core-generic-button>\n      </div>\n    }\n  </div>\n\n  <!-- Counter -->\n  @if (showCounter()) {\n    <div class=\"c-slider__counter\">\n      <span class=\"c-slider__counter-text\">{{ getCounterText() }}</span>\n    </div>\n  }\n\n  <!-- Dots navigation -->\n  @if (showDots()) {\n    <div class=\"c-slider__dots\">\n      @for (item of items(); track item.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__dot\"\n                [class.c-slider__dot--active]=\"isActiveDot(i)\"\n                [attr.aria-label]=\"'slider.go-to-slide' | translate: {number: i + 1}\"\n                (click)=\"onDotClick(i)\">\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Thumbnails -->\n  @if (showThumbnails()) {\n    <div class=\"c-slider__thumbnails\" \n         [class.c-slider__thumbnails--vertical]=\"mergedConfig().verticalThumbnails\">\n      @for (thumbnail of thumbnails(); track thumbnail.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__thumbnail\"\n                [class.c-slider__thumbnail--active]=\"isActiveThumbnail(i)\"\n                [style.height]=\"mergedConfig().thumbnailHeight\"\n                (click)=\"onThumbnailClick(i)\">\n          <img [src]=\"thumbnail.imageUrl\" \n               [alt]=\"thumbnail.alt || thumbnail.title\"\n               class=\"c-slider__thumbnail-image\">\n          @if (thumbnail.title) {\n            <span class=\"c-slider__thumbnail-title\">{{ thumbnail.title }}</span>\n          }\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (totalItems() === 0) {\n    <div class=\"c-slider__empty\">\n      <div class=\"c-slider__empty-icon\">\n        <i class=\"icon-image\" aria-hidden=\"true\"></i>\n      </div>\n      <p class=\"c-slider__empty-text\">{{ 'slider.no-items' | translate }}</p>\n    </div>\n  }\n\n  <!-- Loading state -->\n  @if (isDragging()) {\n    <div class=\"c-slider__loading\">\n      <div class=\"c-slider__loading-spinner\"></div>\n    </div>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: GenericSliderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'core-generic-slider', standalone: true, imports: [CommonModule, TranslateModule, GenericButtonComponent], template: "<div class=\"c-slider\" \n     [style]=\"containerStyles()\"\n     (mouseenter)=\"onMouseEnter()\"\n     (mouseleave)=\"onMouseLeave()\"\n     (touchstart)=\"onTouchStart($event)\"\n     (touchmove)=\"onTouchMove($event)\"\n     (touchend)=\"onTouchEnd()\">\n  \n  <!-- Main slider container -->\n  <div class=\"c-slider__container\">\n    \n    <!-- Previous arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--prev\">\n        <core-generic-button\n          [config]=\"prevButtonConfig()\"\n          (buttonClick)=\"goToPrevious()\">\n        </core-generic-button>\n      </div>\n    }\n\n    <!-- Slides wrapper -->\n    <div class=\"c-slider__wrapper\">\n      <div class=\"c-slider__track\" [style]=\"slideStyles()\">\n        @for (slide of items(); track slide.id; let i = $index) {\n          <div class=\"c-slider__slide\" \n               [class.c-slider__slide--active]=\"isActiveSlide(i)\"\n               [style.width]=\"getSlideWidth()\"\n               (click)=\"onSlideClick(slide, i)\">\n            \n            <!-- Image -->\n            <div class=\"c-slider__image-container\">\n              @if (mergedConfig().lazyLoad) {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\"\n                     loading=\"lazy\">\n              } @else {\n                <img [src]=\"getSlideImage(slide)\" \n                     [alt]=\"getSlideAlt(slide)\"\n                     class=\"c-slider__image\">\n              }\n              \n              <!-- File Preview Icon -->\n              @if (mergedConfig().showFilePreview && slide.filePreview) {\n                <div class=\"c-slider__file-preview\">\n                  <div class=\"c-slider__file-icon\">\n                    <span class=\"icon-file\" [ngClass]=\"getFileTypeIcon(slide.filePreview.fileType)\"></span>\n                  </div>\n                  <div class=\"c-slider__file-info\">\n                    <span class=\"c-slider__file-name\">{{ slide.filePreview.fileName }}</span>\n                    @if (slide.filePreview.fileSize) {\n                      <span class=\"c-slider__file-size\">{{ slide.filePreview.fileSize }}</span>\n                    }\n                  </div>\n                </div>\n              }\n              \n              <!-- Overlay content -->\n              @if (slide.title || slide.description) {\n                <div class=\"c-slider__overlay\">\n                  @if (slide.title) {\n                    <h3 class=\"c-slider__title\">{{ slide.title }}</h3>\n                  }\n                  @if (slide.description) {\n                    <p class=\"c-slider__description\">{{ slide.description }}</p>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- Next arrow -->\n    @if (showArrows()) {\n      <div class=\"c-slider__arrow c-slider__arrow--next\">\n        <core-generic-button\n          [config]=\"nextButtonConfig()\"\n          (buttonClick)=\"goToNext()\">\n        </core-generic-button>\n      </div>\n    }\n  </div>\n\n  <!-- Counter -->\n  @if (showCounter()) {\n    <div class=\"c-slider__counter\">\n      <span class=\"c-slider__counter-text\">{{ getCounterText() }}</span>\n    </div>\n  }\n\n  <!-- Dots navigation -->\n  @if (showDots()) {\n    <div class=\"c-slider__dots\">\n      @for (item of items(); track item.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__dot\"\n                [class.c-slider__dot--active]=\"isActiveDot(i)\"\n                [attr.aria-label]=\"'slider.go-to-slide' | translate: {number: i + 1}\"\n                (click)=\"onDotClick(i)\">\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Thumbnails -->\n  @if (showThumbnails()) {\n    <div class=\"c-slider__thumbnails\" \n         [class.c-slider__thumbnails--vertical]=\"mergedConfig().verticalThumbnails\">\n      @for (thumbnail of thumbnails(); track thumbnail.id; let i = $index) {\n        <button type=\"button\"\n                class=\"c-slider__thumbnail\"\n                [class.c-slider__thumbnail--active]=\"isActiveThumbnail(i)\"\n                [style.height]=\"mergedConfig().thumbnailHeight\"\n                (click)=\"onThumbnailClick(i)\">\n          <img [src]=\"thumbnail.imageUrl\" \n               [alt]=\"thumbnail.alt || thumbnail.title\"\n               class=\"c-slider__thumbnail-image\">\n          @if (thumbnail.title) {\n            <span class=\"c-slider__thumbnail-title\">{{ thumbnail.title }}</span>\n          }\n        </button>\n      }\n    </div>\n  }\n\n  <!-- Empty state -->\n  @if (totalItems() === 0) {\n    <div class=\"c-slider__empty\">\n      <div class=\"c-slider__empty-icon\">\n        <i class=\"icon-image\" aria-hidden=\"true\"></i>\n      </div>\n      <p class=\"c-slider__empty-text\">{{ 'slider.no-items' | translate }}</p>\n    </div>\n  }\n\n  <!-- Loading state -->\n  @if (isDragging()) {\n    <div class=\"c-slider__loading\">\n      <div class=\"c-slider__loading-spinner\"></div>\n    </div>\n  }\n</div>\n" }]
-        }], ctorParameters: () => [], propDecorators: { onKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }] } });
-
-var SliderDirection;
-(function (SliderDirection) {
-    SliderDirection["HORIZONTAL"] = "horizontal";
-    SliderDirection["VERTICAL"] = "vertical";
-})(SliderDirection || (SliderDirection = {}));
-var SliderTransition;
-(function (SliderTransition) {
-    SliderTransition["SLIDE"] = "slide";
-    SliderTransition["FADE"] = "fade";
-    SliderTransition["SCALE"] = "scale";
-})(SliderTransition || (SliderTransition = {}));
-var SliderNavigationType;
-(function (SliderNavigationType) {
-    SliderNavigationType["DOTS"] = "dots";
-    SliderNavigationType["ARROWS"] = "arrows";
-    SliderNavigationType["THUMBNAILS"] = "thumbnails";
-    SliderNavigationType["COUNTER"] = "counter";
-})(SliderNavigationType || (SliderNavigationType = {}));
-
 class CarouselComponent {
     images = input([]);
     config = input({});
@@ -12867,11 +12718,11 @@ class CarouselComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CarouselComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CarouselComponent, isStandalone: true, selector: "core-carousel", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()", "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "carouselHolder", first: true, predicate: ["carouselHolder"], descendants: true, isSignal: true }, { propertyName: "carouselViewport", first: true, predicate: ["carouselViewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div \n  [ngClass]=\"carouselClasses()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of images(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <div>\n            <core-image-preview\n              [src]=\"image.url\"\n              [alt]=\"image.alt || 'Image ' + (i + 1)\"\n              [title]=\"image.title || image.alt || 'Image ' + (i + 1)\">\n            </core-image-preview>\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    @if (!config().arrowsOutside) {\n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n        type=\"button\"\n        (click)=\"goToPrevSlide()\"\n        [attr.aria-label]=\"'Anterior'\"\n        data-control=\"prevBtn\">\n      </button>\n      \n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n        type=\"button\"\n        (click)=\"goToNextSlide()\"\n        [attr.aria-label]=\"'Siguiente'\"\n        data-control=\"nextBtn\">\n      </button>\n    }\n    \n    <div \n      *ngIf=\"showDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let page of dots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [class.c-img-carousel__dot--active]=\"currentPage() === i\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"currentPage() === i ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n  @if(config().arrowsOutside) {\n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n  }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: CarouselComponent, isStandalone: true, selector: "core-carousel", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "window:resize": "onResize()", "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "carouselHolder", first: true, predicate: ["carouselHolder"], descendants: true, isSignal: true }, { propertyName: "carouselViewport", first: true, predicate: ["carouselViewport"], descendants: true, isSignal: true }], ngImport: i0, template: "<div \n  [ngClass]=\"carouselClasses()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of images(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\"\n        [class.is-multiple]=\"perView() > 1\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <core-image-preview\n            [src]=\"image.url\"\n            [alt]=\"image.alt || 'Image ' + (i + 1)\"\n            [title]=\"image.title || image.alt || 'Image ' + (i + 1)\">\n          </core-image-preview>\n        </div>\n      </div>\n    </div>\n    \n    @if (!config().arrowsOutside) {\n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n        type=\"button\"\n        (click)=\"goToPrevSlide()\"\n        [attr.aria-label]=\"'Anterior'\"\n        data-control=\"prevBtn\">\n      </button>\n      \n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n        type=\"button\"\n        (click)=\"goToNextSlide()\"\n        [attr.aria-label]=\"'Siguiente'\"\n        data-control=\"nextBtn\">\n      </button>\n    }\n    \n    <div \n      *ngIf=\"showDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let page of dots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [class.c-img-carousel__dot--active]=\"currentPage() === i\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"currentPage() === i ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n  @if(config().arrowsOutside) {\n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n  }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ImagePreviewComponent, selector: "core-image-preview", inputs: ["src", "alt", "title", "width", "height", "objectFit", "borderRadius", "cursor", "loading", "isRelative"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-carousel', standalone: true, imports: [CommonModule, ImagePreviewComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \n  [ngClass]=\"carouselClasses()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of images(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <div>\n            <core-image-preview\n              [src]=\"image.url\"\n              [alt]=\"image.alt || 'Image ' + (i + 1)\"\n              [title]=\"image.title || image.alt || 'Image ' + (i + 1)\">\n            </core-image-preview>\n          </div>\n        </div>\n      </div>\n    </div>\n    \n    @if (!config().arrowsOutside) {\n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n        type=\"button\"\n        (click)=\"goToPrevSlide()\"\n        [attr.aria-label]=\"'Anterior'\"\n        data-control=\"prevBtn\">\n      </button>\n      \n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n        type=\"button\"\n        (click)=\"goToNextSlide()\"\n        [attr.aria-label]=\"'Siguiente'\"\n        data-control=\"nextBtn\">\n      </button>\n    }\n    \n    <div \n      *ngIf=\"showDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let page of dots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [class.c-img-carousel__dot--active]=\"currentPage() === i\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"currentPage() === i ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n  @if(config().arrowsOutside) {\n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n  }\n</div>" }]
+            args: [{ selector: 'core-carousel', standalone: true, imports: [CommonModule, ImagePreviewComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div \n  [ngClass]=\"carouselClasses()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  tabindex=\"0\"\n  #carouselViewport>\n  \n  <div class=\"c-img-carousel__viewport\">\n    <div class=\"c-img-carousel__holder js-img-carousel-holder\" #carouselHolder>\n      <div \n        *ngFor=\"let image of images(); let i = index\"\n        class=\"c-img-carousel__slide js-img-carousel-slide\"\n        [class.is-multiple]=\"perView() > 1\">\n        <div class=\"c-img-carousel__slide-inner\">\n          <core-image-preview\n            [src]=\"image.url\"\n            [alt]=\"image.alt || 'Image ' + (i + 1)\"\n            [title]=\"image.title || image.alt || 'Image ' + (i + 1)\">\n          </core-image-preview>\n        </div>\n      </div>\n    </div>\n    \n    @if (!config().arrowsOutside) {\n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n        type=\"button\"\n        (click)=\"goToPrevSlide()\"\n        [attr.aria-label]=\"'Anterior'\"\n        data-control=\"prevBtn\">\n      </button>\n      \n      <button \n        *ngIf=\"showArrows()\"\n        class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n        type=\"button\"\n        (click)=\"goToNextSlide()\"\n        [attr.aria-label]=\"'Siguiente'\"\n        data-control=\"nextBtn\">\n      </button>\n    }\n    \n    <div \n      *ngIf=\"showDots()\"\n      class=\"c-img-carousel__dots js-img-carousel-nav\"\n      aria-label=\"Navegaci\u00F3n\">\n      <button\n        *ngFor=\"let page of dots(); let i = index\"\n        class=\"c-img-carousel__dot js-img-carousel-dot\"\n        type=\"button\"\n        (click)=\"goToPage(i)\"\n        [class.c-img-carousel__dot--active]=\"currentPage() === i\"\n        [attr.aria-label]=\"'Ir a p\u00E1gina ' + (i + 1)\"\n        [attr.aria-current]=\"currentPage() === i ? 'true' : 'false'\">\n      </button>\n    </div>\n  </div>\n  @if(config().arrowsOutside) {\n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--prev icon-arrow-left\"\n      type=\"button\"\n      (click)=\"goToPrevSlide()\"\n      [attr.aria-label]=\"'Anterior'\"\n      data-control=\"prevBtn\">\n    </button>\n    \n    <button \n      *ngIf=\"showArrows()\"\n      class=\"c-img-carousel__btn c-img-carousel__btn--next icon-arrow-right\"\n      type=\"button\"\n      (click)=\"goToNextSlide()\"\n      [attr.aria-label]=\"'Siguiente'\"\n      data-control=\"nextBtn\">\n    </button>\n  }\n</div>" }]
         }], ctorParameters: () => [], propDecorators: { onResize: [{
                 type: HostListener,
                 args: ['window:resize']
@@ -13207,5 +13058,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ActiveFiltersComponent, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, CacheBustingInterceptor, CardComponent, CarouselComponent, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GenericButtonComponent, GenericDocumentationComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSliderComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, 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, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SliderActionType, SliderDirection, SliderNavigationType, SliderService, SliderTransition, SmartFieldComponent, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UsersModel, VERSION, equalToValidator, isSameDate, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader };
+export { ActiveFiltersComponent, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, CacheBustingInterceptor, CardComponent, CarouselComponent, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GenericButtonComponent, GenericDocumentationComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, 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, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UsersModel, VERSION, equalToValidator, isSameDate, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map