@solcre-org/core-ui 2.20.7 → 2.20.9

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();
@@ -10300,8 +10303,17 @@ class TableDataService {
             this.setEndpoint(endpoint, modelFactory, loaderId, this.isPaginationEnabled, customArrayKey, params);
             return;
         }
-        this.currentCustomParams = { ...params };
-        this.loadData(this.currentFilterParams, this.currentPaginationParams, loaderId);
+        if (this.isLoading) {
+            return;
+        }
+        this.isLoading = true;
+        if (loaderId) {
+            this.loaderService.showLoader(loaderId);
+        }
+        this.modelApiService.loadData(endpoint, modelFactory, params, customArrayKey);
+        setTimeout(() => {
+            this.isLoading = false;
+        }, 100);
     }
     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' });
@@ -13650,7 +13662,7 @@ class GenericTableComponent {
             this.paginationService.initialize(this.tableId, this.endpoint() ? 0 : this.filterService.getFilteredData().length, this.pageSizeOptions());
             this.subscriptions.push(this.paginationService.paginationChange$.subscribe(event => {
                 if (event.tableId === this.tableId && this.endpoint()) {
-                    this.tableDataService.updatePagination(event.page, event.size, this.MAIN_DATA_LOADER_ID);
+                    this.reloadDataWithCurrentParams();
                 }
                 else if (!this.endpoint()) {
                     this.updateDisplayedDataFromServer(this.filterService.getFilteredData());
@@ -16688,6 +16700,7 @@ class HeaderComponent {
     filterRequested = output();
     createRequested = output();
     globalActionTriggered = output();
+    clearTrigger = signal(0);
     constructor() {
         this.user = this.authService.getLoggedUser();
     }
@@ -16927,12 +16940,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()();
@@ -16989,6 +17003,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"] }] });
@@ -17161,12 +17181,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.7',
+    full: '2.20.9',
     major: 2,
     minor: 20,
-    patch: 7,
-    timestamp: '2026-02-02T15:53:33.334Z',
-    buildDate: '2/2/2026'
+    patch: 9,
+    timestamp: '2026-02-03T15:24:39.625Z',
+    buildDate: '3/2/2026'
 };
 
 class MainNavComponent {