@solcre-org/core-ui 2.12.38 → 2.12.40

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

@@ -2154,6 +2154,8 @@ class SelectFieldComponent extends BaseFieldComponent {
     selectionChange = output();
     isInitialized = signal(false);
     hasValue = signal(false);
+    userHasInteracted = signal(false);
+    lastDynamicValue = undefined;
     computedValue = computed(() => {
         const value = this.value();
         if (this.field().multiple && !Array.isArray(value)) {
@@ -2207,17 +2209,13 @@ class SelectFieldComponent extends BaseFieldComponent {
             const formValue = this.formValue();
             if ('dynamicValue' in fieldCfg && typeof fieldCfg.dynamicValue === 'function' && formValue) {
                 const newValue = fieldCfg.dynamicValue(formValue);
-                const currentValue = this.formControl().value;
-                if (newValue !== null && newValue !== undefined && newValue !== currentValue) {
-                    setTimeout(() => {
-                        this.formControl().setValue(newValue, { emitEvent: true });
-                        this.valueChange.emit(newValue);
-                    }, 0);
-                }
+                this.scheduleDynamicValue(newValue);
             }
         });
     }
     ngOnInit() {
+        this.userHasInteracted.set(false);
+        this.lastDynamicValue = undefined;
         super.ngOnInit();
         const currentInitialValue = this.formControl().value;
         if (!this.field().multiple && typeof currentInitialValue === 'string' && currentInitialValue.trim() === '') {
@@ -2241,12 +2239,7 @@ class SelectFieldComponent extends BaseFieldComponent {
             const formValue = this.formValue();
             if ('dynamicValue' in fieldCfg && typeof fieldCfg.dynamicValue === 'function' && formValue) {
                 const newValue = fieldCfg.dynamicValue(formValue);
-                const currentValue = this.formControl().value;
-                if (newValue !== null && newValue !== undefined && newValue !== currentValue) {
-                    this.formControl().setValue(newValue, { emitEvent: true });
-                    this.valueChange.emit(newValue);
-                    this.hasValue.set(true);
-                }
+                this.scheduleDynamicValue(newValue);
             }
             const finalValue = this.formControl().value;
             if (finalValue !== null && finalValue !== undefined && finalValue !== '') {
@@ -2298,6 +2291,12 @@ class SelectFieldComponent extends BaseFieldComponent {
             finalValue !== '' &&
             (!Array.isArray(finalValue) || finalValue.length > 0);
         this.hasValue.set(hasValidValue);
+        if (this.formControl().dirty && !this.userHasInteracted()) {
+            this.userHasInteracted.set(true);
+        }
+        if (!this.areValuesEqual(finalValue, this.lastDynamicValue)) {
+            this.lastDynamicValue = undefined;
+        }
         const fieldConfig = this.field();
         if (fieldConfig.onSelectionChange && this.formValue()) {
             try {
@@ -2344,6 +2343,72 @@ class SelectFieldComponent extends BaseFieldComponent {
     onBlurInput() {
         this.onBlur();
     }
+    scheduleDynamicValue(newValue, delay = 0) {
+        const control = this.formControl();
+        if (!control)
+            return;
+        const currentValue = control.value;
+        if (!this.shouldApplyDynamicValue(newValue, currentValue)) {
+            if (!this.userHasInteracted() && this.areValuesEqual(newValue, currentValue)) {
+                this.lastDynamicValue = this.cloneValue(newValue);
+            }
+            return;
+        }
+        setTimeout(() => {
+            const ctrl = this.formControl();
+            if (!ctrl)
+                return;
+            const latestValue = ctrl.value;
+            if (!this.shouldApplyDynamicValue(newValue, latestValue)) {
+                if (!this.userHasInteracted() && this.areValuesEqual(newValue, latestValue)) {
+                    this.lastDynamicValue = this.cloneValue(newValue);
+                }
+                return;
+            }
+            ctrl.setValue(newValue, { emitEvent: true });
+            ctrl.markAsPristine();
+            this.lastDynamicValue = this.cloneValue(newValue);
+            this.hasValue.set(this.hasMeaningfulValue(newValue));
+        }, delay);
+    }
+    shouldApplyDynamicValue(newValue, currentValue) {
+        if (newValue === undefined || newValue === null)
+            return false;
+        if (this.userHasInteracted())
+            return false;
+        const hasCurrentValue = this.hasMeaningfulValue(currentValue);
+        const currentMatchesLastDynamic = this.areValuesEqual(currentValue, this.lastDynamicValue);
+        if (hasCurrentValue && !currentMatchesLastDynamic) {
+            return false;
+        }
+        return !this.areValuesEqual(newValue, currentValue);
+    }
+    hasMeaningfulValue(value) {
+        if (value === null || value === undefined) {
+            return false;
+        }
+        if (Array.isArray(value)) {
+            return value.length > 0;
+        }
+        if (typeof value === 'string') {
+            return value.trim() !== '';
+        }
+        return true;
+    }
+    areValuesEqual(a, b) {
+        if (Array.isArray(a) && Array.isArray(b)) {
+            if (a.length !== b.length)
+                return false;
+            return a.every((item, index) => item === b[index]);
+        }
+        return a === b;
+    }
+    cloneValue(value) {
+        if (Array.isArray(value)) {
+            return [...value];
+        }
+        return value;
+    }
     onSelectChange(value) {
         const hasValidValue = value !== null &&
             value !== undefined &&
@@ -3639,6 +3704,9 @@ class MultiEntryFieldComponent {
     ModalMode = ModalMode;
     entries = signal([]);
     fieldValues = signal([]);
+    isSyncingFromInput = signal(false);
+    lastInputSignature = null;
+    lastEmittedSignature = null;
     config = computed(() => this.field().multiEntryConfig || {});
     allowMultiple = computed(() => this.config().allowMultipleEntries || false);
     maxEntries = computed(() => this.config().maxEntries || 10);
@@ -3685,38 +3753,54 @@ class MultiEntryFieldComponent {
         this.initializeEntries(this.value());
     }
     initializeEntries(inputValue) {
-        if (!inputValue) {
-            const initialEntries = Array(this.minEntries()).fill(null).map((_, index) => ({
-                id: this.generateEntryId(),
-                value: null
-            }));
-            this.entries.set(initialEntries);
-            this.fieldValues.set(Array(this.minEntries()).fill(null));
+        const signature = this.serializeValue(inputValue);
+        const currentEntriesCount = this.entries().length;
+        const requiresMinEntriesUpdate = currentEntriesCount < this.minEntries();
+        if (this.lastInputSignature === signature && currentEntriesCount > 0 && !requiresMinEntriesUpdate) {
             return;
         }
-        let parsedValues = [];
-        if (Array.isArray(inputValue)) {
-            parsedValues = inputValue;
-        }
-        else if (typeof inputValue === 'string') {
-            const separator = this.config().customSeparator || ',';
-            parsedValues = inputValue.split(separator).map(v => v.trim()).filter(v => v !== '');
-        }
-        else {
-            parsedValues = [inputValue];
+        this.isSyncingFromInput.set(true);
+        try {
+            let newEntries = [];
+            if (!inputValue) {
+                newEntries = Array.from({ length: this.minEntries() }, () => ({
+                    id: this.generateEntryId(),
+                    value: null
+                }));
+            }
+            else {
+                let parsedValues = [];
+                if (Array.isArray(inputValue)) {
+                    parsedValues = inputValue;
+                }
+                else if (typeof inputValue === 'string') {
+                    const separator = this.config().customSeparator || ',';
+                    parsedValues = inputValue
+                        .split(separator)
+                        .map(v => v.trim())
+                        .filter(v => v !== '');
+                }
+                else {
+                    parsedValues = [inputValue];
+                }
+                newEntries = parsedValues.map(value => ({
+                    id: this.generateEntryId(),
+                    value
+                }));
+                while (newEntries.length < this.minEntries()) {
+                    newEntries.push({
+                        id: this.generateEntryId(),
+                        value: null
+                    });
+                }
+            }
+            this.entries.set(newEntries);
+            this.fieldValues.set(newEntries.map(entry => entry.value));
+            this.lastInputSignature = signature;
         }
-        const newEntries = parsedValues.map((value, index) => ({
-            id: this.generateEntryId(),
-            value: value
-        }));
-        while (newEntries.length < this.minEntries()) {
-            newEntries.push({
-                id: this.generateEntryId(),
-                value: null
-            });
+        finally {
+            this.isSyncingFromInput.set(false);
         }
-        this.entries.set(newEntries);
-        this.fieldValues.set(newEntries.map(entry => entry.value));
     }
     generateEntryId() {
         return `entry_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
@@ -3797,6 +3881,15 @@ class MultiEntryFieldComponent {
             default:
                 formattedValue = nonEmptyValues;
         }
+        const signature = this.serializeValue(formattedValue);
+        if (this.isSyncingFromInput()) {
+            this.lastEmittedSignature = signature;
+            return;
+        }
+        if (this.lastEmittedSignature === signature) {
+            return;
+        }
+        this.lastEmittedSignature = signature;
         this.valueChange.emit(formattedValue);
     }
     createFieldConfigForEntry(index) {
@@ -3825,6 +3918,14 @@ class MultiEntryFieldComponent {
     shouldShowRemoveButton(index) {
         return this.shouldShowActions(index) && this.canRemove();
     }
+    serializeValue(value) {
+        try {
+            return JSON.stringify(value ?? null);
+        }
+        catch {
+            return String(value);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MultiEntryFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: MultiEntryFieldComponent, isStandalone: true, selector: "core-multi-entry-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, rowData: { classPropertyName: "rowData", publicName: "rowData", isSignal: true, isRequired: false, transformFunction: null }, formValue: { classPropertyName: "formValue", publicName: "formValue", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange", onBlurEvent: "onBlurEvent", onEnterEvent: "onEnterEvent" }, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  @for (entry of entries(); track entry.id; let index = $index) {\n    <div class=\"c-entry-item\">\n      <!-- Campo din\u00E1mico para cada entrada -->\n      <div\n        coreDynamicField\n        [field]=\"createFieldConfigForEntry(index)\"\n        [value]=\"entry.value\"\n        [mode]=\"mode()\"\n        [errors]=\"errors()\"\n        [rowData]=\"rowData()\"\n        [formValue]=\"formValue()\"\n        (valueChange)=\"onFieldValueChange($event, index)\"\n        (onBlurEvent)=\"onFieldBlur($event)\"\n        (onEnterEvent)=\"onFieldEnter($event)\">\n      </div>\n\n      <!-- Botones de acci\u00F3n (agregar/eliminar) -->\n      @if (shouldShowActions(index)) {\n        <div class=\"c-entry-actions\">\n          @if (shouldShowAddButton(index)) {\n            <button \n              type=\"button\"\n              class=\"c-entry-action c-entry-action--add\"\n              (click)=\"addEntry()\"\n              [disabled]=\"isDisabled()\"\n              [title]=\"addLabel() | translate\"\n              [attr.aria-label]=\"addLabel() | translate\">\n              <span class=\"icon-counter-up\"></span>\n              {{ addLabel() | translate }}\n            </button>\n          }\n          \n          @if (shouldShowRemoveButton(index)) {\n            <button \n              type=\"button\"\n              class=\"c-entry-action c-entry-action--remove\"\n              (click)=\"removeEntry(index)\"\n              [disabled]=\"isDisabled()\"\n              [title]=\"removeLabel() | translate\"\n              [attr.aria-label]=\"removeLabel() | translate\">\n              <span class=\"icon-counter-down\"></span>\n              {{ removeLabel() | translate }}\n            </button>\n          }\n        </div>\n      }\n    </div>\n  }\n\n  <!-- Errores del campo principal -->\n  @if (errors().length > 0) {\n    <core-field-errors [errors]=\"errors()\"></core-field-errors>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
 }
@@ -5502,8 +5603,10 @@ class GenericModalComponent {
             this.allFields().forEach(field => {
                 const fieldKey = field.key;
                 const payloadKey = (field.keyToPayload ?? field.key);
-                if ('dynamicValue' in field && typeof field.dynamicValue === 'function') {
-                    const dynamicVal = field.dynamicValue(newInstance);
+                const modeConfig = field.modes?.[this.mode()];
+                const dynamicValueFn = (modeConfig?.dynamicValue ?? field.dynamicValue);
+                if (typeof dynamicValueFn === 'function') {
+                    const dynamicVal = dynamicValueFn(newInstance);
                     if (dynamicVal !== undefined && dynamicVal !== null) {
                         newInstance[payloadKey] = dynamicVal;
                         const control = this.form().get(fieldKey);
@@ -13290,11 +13393,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.12.38',
+    full: '2.12.40',
     major: 2,
     minor: 12,
-    patch: 38,
-    timestamp: '2025-09-17T14:27:53.302Z',
+    patch: 40,
+    timestamp: '2025-09-17T15:45:09.933Z',
     buildDate: '17/9/2025'
 };