@solcre-org/core-ui 2.20.8 → 2.20.10

package/README.md

@@ -41,6 +41,7 @@ This command will compile your project, and the build artifacts will be placed i
 Once the project is built, you can publish your library by following these steps:
 
 1. Navigate to the `dist` directory:
+
    ```bash
    cd dist/core-ui-library
    ```

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

@@ -1377,6 +1377,9 @@ class SelectFieldComponent extends BaseFieldComponent {
                 const hasValidValue = !Array.isArray(signalValue) || signalValue.length > 0;
                 this.hasValue.set(hasValidValue);
             }
+            else {
+                this.hasValue.set(false);
+            }
         });
         effect(() => {
             const shouldDisable = this.mode() === ModalMode.VIEW || this.evaluateReadonly() || this.evaluateDisabled();
@@ -10079,6 +10082,7 @@ class TableDataService {
     currentFilterParams = undefined;
     currentPaginationParams = undefined;
     currentCustomParams = undefined;
+    currentSortParams = undefined;
     isPaginationEnabled = true;
     currentCustomArrayKey = undefined;
     isLoading = false;
@@ -10127,6 +10131,7 @@ class TableDataService {
         }
         let params = {
             ...this.currentCustomParams,
+            ...this.currentSortParams,
             ...this.currentFilterParams
         };
         if (this.isPaginationEnabled && this.currentPaginationParams) {
@@ -10147,16 +10152,25 @@ class TableDataService {
             this.loadData(this.currentFilterParams, this.currentPaginationParams, loaderId);
         }
     }
-    refreshWithFilters(filterParams, loaderId) {
+    refreshWithFilters(filterParams, loaderId, sortParams) {
         if (this.isPaginationEnabled) {
             this.currentPaginationParams = {
                 page: this.currentPaginationParams?.page || 1,
                 size: this.currentPaginationParams?.size || TableDataService.DEFAULT_PAGE_SIZE
             };
         }
+        if (sortParams) {
+            this.currentSortParams = sortParams;
+        }
         const paginationParams = this.isPaginationEnabled ? this.currentPaginationParams : undefined;
         this.loadData(filterParams, paginationParams, loaderId);
     }
+    updateSortParams(sortParams) {
+        this.currentSortParams = sortParams;
+    }
+    updatePaginationParams(paginationParams) {
+        this.currentPaginationParams = paginationParams;
+    }
     updateDisplayedData(filteredData, enablePagination, paginationService, tableId, itemsLoaded) {
         if (!this.currentEndpoint) {
             let displayed;
@@ -13935,7 +13949,7 @@ class GenericTableComponent {
             this.displayedData.set(orderedData);
         }
         else if (this.endpoint() && originalData.length === 0) {
-            this.tableDataService.refreshWithFilters();
+            this.tableDataService.refreshWithFilters(undefined, undefined, {});
         }
     }
     sortCurrentData(data, columnKey) {
@@ -14035,7 +14049,8 @@ class GenericTableComponent {
                                 next: (success) => {
                                     if (success) {
                                         this.dataUpdated.emit(row);
-                                        this.tableDataService.refreshWithFilters();
+                                        const sortParams = this.tableSortService.generateServerSortParams();
+                                        this.tableDataService.refreshWithFilters(undefined, undefined, sortParams);
                                     }
                                 },
                                 error: (error) => {
@@ -14788,8 +14803,9 @@ class GenericTableComponent {
             transformedFilters.forEach((value, key) => {
                 filterParams[key] = value;
             });
+            const sortParams = this.tableSortService.generateServerSortParams();
             this.startLoaderTimeout(this.FILTER_LOADER_ID);
-            this.tableDataService.refreshWithFilters(filterParams, this.FILTER_LOADER_ID);
+            this.tableDataService.refreshWithFilters(filterParams, this.FILTER_LOADER_ID, sortParams);
             this.filterService.setCustomFiltersSilent(currentFilters);
         }
         else {
@@ -14809,8 +14825,9 @@ class GenericTableComponent {
     handleFiltersCleared() {
         this.currentFilterValues.set(new Map());
         if (this.endpoint()) {
+            const sortParams = this.tableSortService.generateServerSortParams();
             this.startLoaderTimeout(this.FILTER_LOADER_ID);
-            this.tableDataService.refreshWithFilters({}, this.FILTER_LOADER_ID);
+            this.tableDataService.refreshWithFilters({}, this.FILTER_LOADER_ID, sortParams);
             this.filterService.setCustomFiltersSilent(new Map());
             this.filterService.setGlobalFilterSilent('');
         }
@@ -14976,6 +14993,10 @@ class GenericTableComponent {
         const paginationParams = this.enablePagination()
             ? this.paginationService.getCurrentPaginationParams(this.tableId)
             : {};
+        this.tableDataService.updateSortParams(sortParams);
+        if (this.enablePagination() && 'page' in paginationParams && 'size' in paginationParams) {
+            this.tableDataService.updatePaginationParams(paginationParams);
+        }
         const cleanedCustomParams = this.getCleanedCustomParams(sortParams);
         const allParams = {
             ...cleanedCustomParams,
@@ -16697,6 +16718,7 @@ class HeaderComponent {
     filterRequested = output();
     createRequested = output();
     globalActionTriggered = output();
+    clearTrigger = signal(0);
     constructor() {
         this.user = this.authService.getLoggedUser();
     }
@@ -16936,12 +16958,13 @@ class HeaderComponent {
         return allFilters.filter(filter => filter.showOutsideFilterModal === true);
     }
     getFilterValue(key) {
+        const trigger = this.clearTrigger();
         const pendingFilters = this.headerService.getPendingHeaderFilters()();
         const appliedFilters = this.headerService.getHeaderFilterValues()();
         if (pendingFilters.has(key)) {
-            return pendingFilters.get(key) ?? '';
+            return pendingFilters.get(key) ?? null;
         }
-        return appliedFilters.get(key) ?? '';
+        return appliedFilters.get(key) ?? null;
     }
     onFilterValueChange(key, value) {
         const callback = this.headerService.getHeaderFilterChangeCallback()();
@@ -16998,6 +17021,12 @@ class HeaderComponent {
         if (clearCallback) {
             clearCallback();
         }
+        const emptyFilters = new Map();
+        this.getHeaderFilters().forEach(filter => {
+            emptyFilters.set(filter.key.toString(), null);
+        });
+        this.headerService.setPendingHeaderFilters(emptyFilters);
+        this.clearTrigger.update(v => v + 1);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: HeaderComponent, isStandalone: true, selector: "core-header", outputs: { filterRequested: "filterRequested", createRequested: "createRequested", globalActionTriggered: "globalActionTriggered" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "@if (headerService.getIsVisible()()) {\n  @if (!headerService.getHeaderOutside()()) {\n    <div class=\"c-header\">\n      <div class=\"c-header__row\">\n        <div class=\"c-header__group\">\n          <h2 class=\"c-header__heading u-heading\">{{ getHeaderTitle() }}</h2>\n        </div>\n\n        <div class=\"c-header__group u-flex\">\n          @for (\n            element of headerService.getOrderedElements();\n            track element.type + \"-\" + (element.actionId || $index)\n          ) {\n            @if (headerService.isElementVisible(element.type, element)) {\n              @switch (element.type) {\n                @case (HeaderElementType.GLOBAL_ACTIONS) {\n                  @for (\n                    globalAction of headerService.getGlobalActions()();\n                    track globalAction.label || $index\n                  ) {\n                    @if (hasPermission(globalAction)) {\n                      @if (\n                        globalAction.isSwitch && globalAction.switchOptions\n                      ) {\n                        <core-generic-switch\n                          [options]=\"globalAction.switchOptions\"\n                          [selectedValue]=\"globalAction.switchSelectedValue\"\n                          [ariaLabel]=\"\n                            globalAction.switchAriaLabel ||\n                            globalAction.label ||\n                            'Switch options'\n                          \"\n                          (valueChange)=\"\n                            onGlobalSwitchChange($event, globalAction)\n                          \"\n                        >\n                        </core-generic-switch>\n                      } @else {\n                        <core-generic-button\n                          [config]=\"getGlobalActionButtonConfig(globalAction)\"\n                          (buttonClick)=\"\n                            onGlobalButtonClick($event, globalAction)\n                          \"\n                        >\n                        </core-generic-button>\n                      }\n                    }\n                  }\n                }\n\n                @case (HeaderElementType.CUSTOM_ACTIONS) {\n                  @for (\n                    customAction of headerService.getCustomActions()();\n                    track customAction.id\n                  ) {\n                    @if (isCustomActionVisible(customAction)) {\n                      <core-generic-button\n                        [config]=\"getCustomActionButtonConfig(customAction)\"\n                        (buttonClick)=\"\n                          onCustomButtonClick($event, customAction)\n                        \"\n                      >\n                      </core-generic-button>\n                    }\n                  }\n                }\n\n                @case (HeaderElementType.FILTER) {\n                  <core-generic-button\n                    [config]=\"getFilterButtonConfig()\"\n                    (buttonClick)=\"onFilterButtonClick()\"\n                  >\n                  </core-generic-button>\n                }\n\n                @case (HeaderElementType.CREATE) {\n                  <core-generic-button\n                    [config]=\"getCreateButtonConfig()\"\n                    (buttonClick)=\"onCreateButtonClick()\"\n                  >\n                  </core-generic-button>\n                }\n\n                @case (HeaderElementType.INDIVIDUAL_ACTION) {\n                  @if (getIndividualAction(element); as action) {\n                    @if (hasIndividualActionPermission(action)) {\n                      @if (isIndividualActionSwitch(action)) {\n                        <core-generic-switch\n                          [options]=\"action.switchOptions\"\n                          [selectedValue]=\"action.switchSelectedValue\"\n                          [ariaLabel]=\"\n                            action.switchAriaLabel ||\n                            action.label ||\n                            'Switch options'\n                          \"\n                          (valueChange)=\"onGlobalSwitchChange($event, action)\"\n                        >\n                        </core-generic-switch>\n                      } @else if (element.actionType === \"global\") {\n                        <core-generic-button\n                          [config]=\"getGlobalActionButtonConfig(action)\"\n                          (buttonClick)=\"onGlobalButtonClick($event, action)\"\n                        >\n                        </core-generic-button>\n                      } @else if (element.actionType === \"custom\") {\n                        <core-generic-button\n                          [config]=\"getCustomActionButtonConfig(action)\"\n                          (buttonClick)=\"onCustomButtonClick($event, action)\"\n                        >\n                        </core-generic-button>\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        </div>\n      </div>\n\n      <p class=\"c-header__text u-text\" *ngIf=\"getHeaderText()\">\n        {{ getHeaderText() }}\n      </p>\n\n      @if (\n        headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) &&\n        headerService.getCustomTemplate()()\n      ) {\n        <ng-container\n          [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"\n        ></ng-container>\n      }\n\n      <!-- Custom filters outside modal -->\n      @if (getHeaderFilters().length > 0) {\n        <div class=\"c-header__bottom\">\n          <div class=\"c-header__filters\">\n            <!-- Filter fields row -->\n            <div>\n              @for (filter of getHeaderFilters(); track filter.key) {\n                <div class=\"c-header__filter-item\">\n                  <div\n                    coreDynamicField\n                    [field]=\"filter\"\n                    [value]=\"getFilterValue(filter.key.toString())\"\n                    [mode]=\"ModalMode.FILTER\"\n                    [errors]=\"getFilterErrors(filter.key.toString())\"\n                    (valueChange)=\"\n                      onFilterValueChange(filter.key.toString(), $event)\n                    \"\n                  ></div>\n                </div>\n              }\n            </div>\n\n            <!-- Action buttons row -->\n            <div class=\"c-header__filter-actions\">\n              <core-generic-button\n                [config]=\"getApplyFiltersButtonConfig()\"\n                (buttonClick)=\"onApplyHeaderFilters()\"\n              >\n              </core-generic-button>\n              <core-generic-button\n                [config]=\"getClearFiltersButtonConfig()\"\n                (buttonClick)=\"onClearHeaderFilters()\"\n              >\n              </core-generic-button>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  } @else {\n    @if (\n      headerService.isElementVisible(HeaderElementType.CUSTOM_TEMPLATE) &&\n      headerService.getCustomTemplate()()\n    ) {\n      <ng-container\n        [ngTemplateOutlet]=\"headerService.getCustomTemplate()()\"\n      ></ng-container>\n    }\n  }\n}\n", styles: [":root{--header-bg: #ffffff;--header-text: #333;--header-shadow: rgba(0, 0, 0, .1);--logout-btn-color: #e74c3c;--logout-btn-hover: #c0392b;--theme-btn-color: #666;--theme-btn-hover: #007bff}.dark-mode{--header-bg: #1a1a1a;--header-text: #e0e0e0;--header-shadow: rgba(255, 255, 255, .1);--logout-btn-color: #ff6b6b;--logout-btn-hover: #ff8787;--theme-btn-color: #bbb;--theme-btn-hover: #4da8ff}.header{background-color:var(--header-bg);box-shadow:0 2px 4px var(--header-shadow);padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.header .user-info{font-weight:500;color:var(--header-text)}.header .header-actions{display:flex;align-items:center;gap:15px}.header .theme-toggle-btn{background:none;border:none;color:var(--theme-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .theme-toggle-btn:hover{color:var(--theme-btn-hover)}.header .logout-btn{background:none;border:none;color:var(--logout-btn-color);font-size:16px;cursor:pointer;display:flex;align-items:center}.header .logout-btn i{margin-right:5px}.header .logout-btn:hover{color:var(--logout-btn-hover)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "component", type: GenericSwitchComponent, selector: "core-generic-switch", inputs: ["options", "selectedValue", "ariaLabel"], outputs: ["valueChange"] }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }] });
@@ -17170,12 +17199,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.20.8',
+    full: '2.20.10',
     major: 2,
     minor: 20,
-    patch: 8,
-    timestamp: '2026-02-02T16:23:19.801Z',
-    buildDate: '2/2/2026'
+    patch: 10,
+    timestamp: '2026-02-03T16:21:27.114Z',
+    buildDate: '3/2/2026'
 };
 
 class MainNavComponent {