@solcre-org/core-ui 2.12.31 → 2.12.33

package/assets/css/inc/components/modal.css

@@ -11,7 +11,7 @@
     --_holder-px: 3rem;
     --_holder-py: 3.6rem;
     --_holder-br: var(--app-br, 8px);
-    --_holder-min-w: 40rem;
+    --_holder-min-w: 45rem;
     --_holder-max-w: 60rem;
     --_holder-w: clamp(var(--_holder-min-w),32vw,var(--_holder-max-w));
     --_overlay-bg: var(--app-popup-overlay, hsl(var(--color-alternative-800-hsl)/70%) );
@@ -65,7 +65,6 @@
     width: var(--_holder-w);
     font-size: var(--_fz);
     font-weight: var(--_fw);
-    line-height: 1.2;
     background-color: var(--_bg);
     color: var(--_color);
     border-radius: var(--_holder-br);
@@ -154,6 +153,7 @@ body:has(.c-modal.is-visible) {
     display: flex;
     justify-content: space-between;
     gap: 0 var(--_bottom-gap-x);
+    align-items: center;
 }
 
 .c-modal.is-visible{

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

@@ -167,9 +167,8 @@ class BaseFieldComponent {
         return this.errors().length > 0;
     });
     hasRequiredValidators = computed(() => {
-        const modeConfig = this.field().modes?.[this.mode()];
-        const validators = modeConfig?.validators ?? this.field().validators ?? [];
-        return validators.some(validator => validator === Validators.required);
+        const validators = this.getCurrentValidators();
+        return validators.some((validator) => validator === Validators.required);
     });
     ngOnInit() {
         this.initializeFormControl();
@@ -183,12 +182,39 @@ class BaseFieldComponent {
                 this.lastEmittedValue = newValue;
             }
         });
+        effect(() => {
+            const formValue = this.formValue();
+            const control = this.formControl();
+            if (control) {
+                const currentValidators = this.getCurrentValidators();
+                control.setValidators(currentValidators);
+                control.updateValueAndValidity({ emitEvent: false });
+            }
+        });
+        effect(() => {
+            const formValue = this.formValue();
+            const control = this.formControl();
+            const currentValue = this.value();
+            if (formValue && control && (currentValue === undefined || currentValue === null || currentValue === '')) {
+                const dynamicValue = this.getDynamicValue();
+                if (dynamicValue !== undefined && dynamicValue !== null) {
+                    const controlValue = control.value;
+                    if (this.normalizeValue(dynamicValue) !== this.normalizeValue(controlValue)) {
+                        control.setValue(dynamicValue, { emitEvent: false });
+                        this.lastEmittedValue = dynamicValue;
+                    }
+                }
+            }
+        });
     }
     initializeFormControl() {
-        const modeConfig = this.field().modes?.[this.mode()];
-        const validators = modeConfig?.validators ?? this.field().validators ?? [];
-        const initialValue = this.value() ?? '';
-        this.formControl.set(new FormControl(initialValue, validators));
+        const initialValidators = this.getCurrentValidators();
+        let initialValue = this.value();
+        if (initialValue === undefined || initialValue === null) {
+            const dynamicValue = this.getDynamicValue();
+            initialValue = dynamicValue !== undefined ? dynamicValue : '';
+        }
+        this.formControl.set(new FormControl(initialValue, initialValidators));
         this.lastEmittedValue = initialValue;
         this.formControl().valueChanges.subscribe(newValue => {
             if (this.normalizeValue(newValue) !== this.normalizeValue(this.lastEmittedValue)) {
@@ -197,6 +223,38 @@ class BaseFieldComponent {
             }
         });
     }
+    getCurrentValidators() {
+        const modeConfig = this.field().modes?.[this.mode()];
+        const modeValidators = modeConfig?.validators;
+        const fieldValidators = this.field().validators;
+        const validatorConfig = modeValidators ?? fieldValidators ?? [];
+        if (typeof validatorConfig === 'function') {
+            try {
+                return validatorConfig(this.formValue());
+            }
+            catch (error) {
+                console.warn('Error evaluating dynamic validators:', error);
+                return [];
+            }
+        }
+        return validatorConfig;
+    }
+    getDynamicValue() {
+        const modeConfig = this.field().modes?.[this.mode()];
+        const modeDynamicValue = modeConfig?.dynamicValue;
+        const fieldDynamicValue = this.field().dynamicValue;
+        const dynamicValueConfig = modeDynamicValue ?? fieldDynamicValue;
+        if (typeof dynamicValueConfig === 'function') {
+            try {
+                return dynamicValueConfig(this.formValue());
+            }
+            catch (error) {
+                console.warn('Error evaluating dynamicValue:', error);
+                return undefined;
+            }
+        }
+        return undefined;
+    }
     normalizeValue(value) {
         if (value === null || value === undefined)
             return '';
@@ -687,10 +745,25 @@ class DatetimeFieldComponent {
         }));
     });
     hasRequiredValidators = computed(() => {
-        const modeConfig = this.field().modes?.[this.mode()];
-        const validators = modeConfig?.validators ?? this.field().validators ?? [];
-        return validators.some(validator => validator === Validators.required);
+        const validators = this.getCurrentValidators();
+        return validators.some((validator) => validator === Validators.required);
     });
+    getCurrentValidators() {
+        const modeConfig = this.field().modes?.[this.mode()];
+        const modeValidators = modeConfig?.validators;
+        const fieldValidators = this.field().validators;
+        const validatorConfig = modeValidators ?? fieldValidators ?? [];
+        if (typeof validatorConfig === 'function') {
+            try {
+                return validatorConfig(this.formValue());
+            }
+            catch (error) {
+                console.warn('Error evaluating dynamic validators:', error);
+                return [];
+            }
+        }
+        return validatorConfig;
+    }
     formattedDate = computed(() => {
         const date = this.selectedDate();
         if (!date || isNaN(date.getTime()))
@@ -1468,15 +1541,14 @@ class FileFieldComponent extends BaseFieldComponent {
         setTimeout(() => this.regeneratePreviewsIfNeeded(), 200);
     }
     initializeFormControl() {
-        const modeConfig = this.field().modes?.[this.mode()];
-        const validators = modeConfig?.validators ?? this.field().validators ?? [];
+        const currentValidators = this.getCurrentValidators();
         const initialValue = this.value() ?? null;
         const cfg = this.fieldConfig();
         const extraValidators = [];
         if (cfg.multiple && (cfg.minFiles || cfg.maxFiles)) {
             extraValidators.push(this.filesCountValidator(cfg.minFiles, cfg.maxFiles));
         }
-        this.formControl.set(new FormControl(initialValue, [...validators, ...extraValidators]));
+        this.formControl.set(new FormControl(initialValue, [...currentValidators, ...extraValidators]));
     }
     filesCountValidator(min, max) {
         return (control) => {
@@ -3216,9 +3288,25 @@ class TimeFieldComponent {
         return this.errors().length > 0;
     });
     hasRequiredValidators = computed(() => {
-        const validators = this.field().validators || [];
-        return validators.some(validator => validator === Validators.required);
+        const validators = this.getCurrentValidators();
+        return validators.some((validator) => validator === Validators.required);
     });
+    getCurrentValidators() {
+        const modeConfig = this.field().modes?.[this.mode()];
+        const modeValidators = modeConfig?.validators;
+        const fieldValidators = this.field().validators;
+        const validatorConfig = modeValidators ?? fieldValidators ?? [];
+        if (typeof validatorConfig === 'function') {
+            try {
+                return validatorConfig(this.formValue());
+            }
+            catch (error) {
+                console.warn('Error evaluating dynamic validators:', error);
+                return [];
+            }
+        }
+        return validatorConfig;
+    }
     evaluateReadonly() {
         const readonly = this.field().readonly;
         if (typeof readonly === 'function') {
@@ -3549,10 +3637,25 @@ class MultiEntryFieldComponent {
     canRemove = computed(() => this.entries().length > this.minEntries());
     isDisabled = computed(() => this.mode() === ModalMode.VIEW);
     hasRequiredValidators = computed(() => {
-        const modeConfig = this.field().modes?.[this.mode()];
-        const validators = modeConfig?.validators ?? this.field().validators ?? [];
-        return validators.some(validator => validator === Validators.required);
+        const validators = this.getCurrentValidators();
+        return validators.some((validator) => validator === Validators.required);
     });
+    getCurrentValidators() {
+        const modeConfig = this.field().modes?.[this.mode()];
+        const modeValidators = modeConfig?.validators;
+        const fieldValidators = this.field().validators;
+        const validatorConfig = modeValidators ?? fieldValidators ?? [];
+        if (typeof validatorConfig === 'function') {
+            try {
+                return validatorConfig(this.formValue());
+            }
+            catch (error) {
+                console.warn('Error evaluating dynamic validators:', error);
+                return [];
+            }
+        }
+        return validatorConfig;
+    }
     constructor() {
         effect(() => {
             const inputValue = this.value();
@@ -8722,7 +8825,8 @@ class InlineEditService {
             return;
         const errors = [];
         const cellKey = this.getCellKey(row, column);
-        editableColumn.validators.forEach(validator => {
+        const resolvedValidators = this.resolveValidators(editableColumn.validators, row);
+        resolvedValidators.forEach((validator) => {
             const result = validator({ value });
             if (result && typeof result === 'object') {
                 Object.keys(result).forEach(errorKey => {
@@ -8749,6 +8853,18 @@ class InlineEditService {
         }
         this.editingErrors.set(currentErrors);
     }
+    resolveValidators(validatorConfig, row) {
+        if (typeof validatorConfig === 'function') {
+            try {
+                return validatorConfig(row);
+            }
+            catch (error) {
+                console.warn('Error evaluating dynamic validators in inline edit:', error);
+                return [];
+            }
+        }
+        return validatorConfig;
+    }
     getCellErrors(row, column) {
         const cellKey = this.getCellKey(row, column);
         return this.editingErrors().get(cellKey) || [];
@@ -12243,12 +12359,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.31',
+    full: '2.12.33',
     major: 2,
     minor: 12,
-    patch: 31,
-    timestamp: '2025-09-12T11:51:34.140Z',
-    buildDate: '12/9/2025'
+    patch: 33,
+    timestamp: '2025-09-16T10:31:16.858Z',
+    buildDate: '16/9/2025'
 };
 
 class MainNavComponent {