@solcre-org/core-ui 2.11.19 → 2.11.20

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

@@ -285,7 +285,8 @@ class CheckboxFieldComponent extends BaseFieldComponent {
     });
     options = computed(() => {
         const checkboxField = this.field();
-        return checkboxField.checkboxConfig?.options || [];
+        const opts = checkboxField.checkboxConfig?.options || [];
+        return opts;
     });
     allowMultiple = computed(() => {
         const checkboxField = this.field();
@@ -6202,17 +6203,35 @@ class FilterModalComponent {
     }));
     constructor() {
         this.initializeForm();
+        effect(() => {
+            const values = this.filterValues();
+        });
     }
     ngOnChanges(changes) {
         if (changes['filters'] && !changes['filters'].firstChange) {
-            this.initializeForm();
-            this.resetValues();
+            const oldFilters = changes['filters'].previousValue || [];
+            const newFilters = changes['filters'].currentValue || [];
+            const structureChanged = oldFilters.length !== newFilters.length ||
+                oldFilters.some((oldFilter, index) => {
+                    const newFilter = newFilters[index];
+                    return !newFilter || oldFilter.key !== newFilter.key || oldFilter.type !== newFilter.type;
+                });
+            if (structureChanged) {
+                this.initializeForm();
+                this.resetValues();
+            }
         }
         if (changes['currentFilterValues']) {
-            this.filterValues.set(new Map(changes['currentFilterValues'].currentValue || new Map()));
-            this.updateFormWithFilterValues();
+            const hasLocalChanges = this.filterValues().size > 0;
+            if (!hasLocalChanges) {
+                this.filterValues.set(new Map(changes['currentFilterValues'].currentValue || new Map()));
+                this.updateFormWithFilterValues();
+            }
         }
         if (changes['isOpen'] && changes['isOpen'].currentValue === true) {
+            if (this.filterValues().size === 0) {
+                this.filterValues.set(new Map(this.currentFilterValues()));
+            }
             this.updateFormWithFilterValues();
         }
     }
@@ -6256,7 +6275,7 @@ class FilterModalComponent {
         });
     }
     getFieldConfig(filter) {
-        return {
+        const config = {
             ...filter,
             modes: {
                 [ModalMode.FILTER]: {
@@ -6265,23 +6284,88 @@ class FilterModalComponent {
                 }
             }
         };
+        return config;
     }
+    visibleFilters = computed(() => {
+        const allFilters = this.filters();
+        const currentValues = this.filterValues();
+        const visibleFilters = [];
+        allFilters.forEach(filter => {
+            if (filter.conditionalVisibility) {
+                const parentValue = currentValues.get(filter.conditionalVisibility.dependsOn);
+                const isVisible = filter.conditionalVisibility.showWhen(parentValue);
+                if (isVisible) {
+                    if (filter.conditionalVisibility.updateOptions) {
+                        const newOptions = filter.conditionalVisibility.updateOptions(parentValue);
+                        let updatedFilter;
+                        if (filter.type === 'checkbox' && 'checkboxConfig' in filter) {
+                            updatedFilter = {
+                                ...filter,
+                                checkboxConfig: {
+                                    ...filter.checkboxConfig,
+                                    options: newOptions
+                                }
+                            };
+                        }
+                        else {
+                            updatedFilter = {
+                                ...filter,
+                                options: newOptions
+                            };
+                        }
+                        visibleFilters.push(updatedFilter);
+                    }
+                    else {
+                        visibleFilters.push(filter);
+                    }
+                }
+            }
+            else {
+                visibleFilters.push(filter);
+            }
+        });
+        return visibleFilters;
+    });
     getFieldValue(filterKey) {
         const trigger = this.clearTrigger();
         return this.filterValues().get(filterKey) ?? '';
     }
     updateFilter(key, value) {
+        let processedValue = value;
+        if (Array.isArray(value)) {
+            processedValue = value.filter(v => v !== '' && v !== null && v !== undefined);
+        }
         const newValues = new Map(this.filterValues());
-        if (value === '' || value === null || value === undefined) {
+        if (processedValue === '' || processedValue === null || processedValue === undefined ||
+            (Array.isArray(processedValue) && processedValue.length === 0)) {
             newValues.delete(key);
         }
         else {
-            newValues.set(key, value);
+            newValues.set(key, processedValue);
         }
         this.filterValues.set(newValues);
+        const filter = this.filters().find(f => f.key.toString() === key);
+        if (filter?.onValueChange) {
+            filter.onValueChange(processedValue);
+        }
         const control = this.form().get(key);
         if (control) {
-            control.setValue(value, { emitEvent: false });
+            control.setValue(processedValue, { emitEvent: false });
+        }
+        const dependentFilters = this.filters().filter(f => f.conditionalVisibility?.dependsOn === key);
+        if (dependentFilters.length > 0) {
+            if (value === '' || value === null || value === undefined ||
+                (Array.isArray(value) && value.length === 0)) {
+                dependentFilters.forEach(depFilter => {
+                    const depKey = depFilter.key.toString();
+                    newValues.delete(depKey);
+                    const depControl = this.form().get(depKey);
+                    if (depControl) {
+                        depControl.setValue('', { emitEvent: false });
+                    }
+                });
+                this.filterValues.set(newValues);
+            }
         }
     }
     updateGlobalFilterValue(value) {
@@ -6339,11 +6423,11 @@ class FilterModalComponent {
         overlay.addEventListener('animationend', onAnimationEnd);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilterModalComponent, isStandalone: true, selector: "core-filter-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, currentFilterValues: { classPropertyName: "currentFilterValues", publicName: "currentFilterValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", filterChange: "filterChange", clearFilters: "clearFilters", globalFilterChange: "globalFilterChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ \"table.filterBy\" | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      <form class=\"c-entry-group\">\n      @for (filter of filters(); track filter.key.toString() + '-' + clearTrigger()) {\n        <div coreDynamicField [field]=\"getFieldConfig(filter)\" [value]=\"getFieldValue(filter.key.toString())\"\n          [mode]=\"ModalMode.FILTER\" (valueChange)=\"updateFilter(filter.key.toString(), $event)\">\n        </div>\n      }\n    </form>\n    </div>\n    <div class=\"c-modal__bottom\">\n      <core-generic-button\n        [config]=\"clearButtonConfig()\"\n        (buttonClick)=\"onClear()\">\n      </core-generic-button>\n      <core-generic-button\n        [config]=\"applyButtonConfig()\"\n        (buttonClick)=\"onApply()\">\n      </core-generic-button>\n    </div>\n  </div>\n</div>", styles: [".c-link.disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: FilterModalComponent, isStandalone: true, selector: "core-filter-modal", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, currentFilterValues: { classPropertyName: "currentFilterValues", publicName: "currentFilterValues", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close", filterChange: "filterChange", clearFilters: "clearFilters", globalFilterChange: "globalFilterChange" }, usesOnChanges: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-modal\" [class.is-visible]=\"isOpen()\" [class.is-closing]=\"isClosing()\">\n  <div class=\"c-modal__overlay\" (click)=\"onClose()\"></div>\n  <div class=\"c-modal__holder\">\n    <div class=\"c-modal__header\">\n      <p class=\"c-modal__title\">\n        {{ \"table.filterBy\" | translate }}\n      </p>\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onClose()\">\n      </core-generic-button>\n    </div>\n    <div class=\"c-modal__body\">\n      <form class=\"c-entry-group\">\n      @for (filter of visibleFilters(); track filter.key.toString() + '-' + clearTrigger()) {\n        <div coreDynamicField [field]=\"getFieldConfig(filter)\" [value]=\"getFieldValue(filter.key.toString())\"\n          [mode]=\"ModalMode.FILTER\" (valueChange)=\"updateFilter(filter.key.toString(), $event)\">\n        </div>\n      }\n    </form>\n    </div>\n    <div class=\"c-modal__bottom\">\n      <core-generic-button\n        [config]=\"clearButtonConfig()\"\n        (buttonClick)=\"onClear()\">\n      </core-generic-button>\n      <core-generic-button\n        [config]=\"applyButtonConfig()\"\n        (buttonClick)=\"onApply()\">\n      </core-generic-button>\n    </div>\n  </div>\n</div>", styles: [".c-link.disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FilterModalComponent, decorators: [{
             type: Component,
-            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 filters(); 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"] }]
+            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: () => [] });
 
 class TableActionService {
@@ -10113,11 +10197,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 // Este archivo es generado automáticamente por scripts/update-version.js
 // No edites manualmente este archivo
 const VERSION = {
-    full: '2.11.19',
+    full: '2.11.20',
     major: 2,
     minor: 11,
-    patch: 19,
-    timestamp: '2025-08-27T16:43:32.065Z',
+    patch: 20,
+    timestamp: '2025-08-27T16:52:12.959Z',
     buildDate: '27/8/2025'
 };