@solcre-org/core-ui 2.20.18 → 2.20.20

package/assets/css/inc/components/ng-select.css

@@ -205,4 +205,8 @@ app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opene
 
 .ng-select.disabled .ng-select-container .ng-value-container .ng-input input {
     cursor: not-allowed;
+}
+
+.ng-select.ng-select-opened .ng-select-container {
+    z-index: 1;
 }

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

@@ -7089,11 +7089,11 @@ class ConfirmationDialogService {
         return this.response$;
     }
     confirm(value) {
-        this.responseSubject.next(value);
+        this.responseSubject.next(value ?? { value: true, fieldsData: null });
         this.close();
     }
     cancel() {
-        this.responseSubject.next(undefined);
+        this.responseSubject.next({ value: undefined, fieldsData: null });
         this.close();
     }
     close() {
@@ -7125,6 +7125,17 @@ class ConfirmationDialogService {
             ...config
         }));
     }
+    openWithFields(config) {
+        return this.open({
+            ...config,
+            type: config.type || 'default',
+            size: config.size || 'xl',
+            showCloseButton: config.showCloseButton ?? true,
+            fieldsConfig: config.fieldsConfig,
+            fieldsMode: config.fieldsMode ?? ModalMode.CREATE,
+            fieldsData: config.fieldsData ?? {}
+        });
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ConfirmationDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ConfirmationDialogService, providedIn: 'root' });
 }
@@ -8015,8 +8026,8 @@ class GenericModalComponent {
                 type: 'default',
                 icon: 'icon-warning',
                 showCloseButton: true
-            }).subscribe((confirmed) => {
-                if (confirmed) {
+            }).subscribe((response) => {
+                if (response?.value) {
                     this.forceClose();
                 }
             });
@@ -10449,15 +10460,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         }], ctorParameters: () => [{ type: PaginationService }, { type: TableDataService }] });
 
 class ConfirmationDialogComponent {
+    formBuilder = inject(FormBuilder);
     popupElement;
     overlayElement;
     customContentTemplate;
+    ModalMode = ModalMode;
+    FieldType = FieldType;
     isOpen = input.required();
     config = input.required();
     confirm = output();
     cancel = output();
     inputValue = signal('');
     isClosing = signal(false);
+    fieldsEditedData = signal(null);
+    fieldErrors = signal({});
+    form = signal(this.formBuilder.group({}));
+    isFieldsInitialized = signal(false);
+    hasFields = computed(() => {
+        const fields = this.config().fieldsConfig;
+        return !!fields && fields.length > 0;
+    });
+    fieldsMode = computed(() => {
+        return this.config().fieldsMode ?? ModalMode.CREATE;
+    });
+    currentFields = computed(() => {
+        return this.config().fieldsConfig ?? [];
+    });
+    hasFieldErrors = computed(() => {
+        return Object.values(this.fieldErrors()).some(errors => errors.length > 0);
+    });
     closeButtonConfig = computed(() => ({
         type: ButtonType.ICON,
         icon: 'icon-cross',
@@ -10484,11 +10515,237 @@ class ConfirmationDialogComponent {
     get hasCustomContent() {
         return !!this.customContentTemplate;
     }
+    constructor() {
+        effect(() => {
+            const isOpen = this.isOpen();
+            const config = this.config();
+            if (!isOpen) {
+                this.fieldsEditedData.set(null);
+                this.fieldErrors.set({});
+                this.form.set(this.formBuilder.group({}));
+                this.isFieldsInitialized.set(false);
+                return;
+            }
+            if (config.fieldsConfig && config.fieldsConfig.length > 0 && !this.isFieldsInitialized()) {
+                this.initializeFields();
+                this.isFieldsInitialized.set(true);
+            }
+        });
+    }
+    initializeFields() {
+        const config = this.config();
+        const fields = config.fieldsConfig;
+        if (!fields || fields.length === 0)
+            return;
+        const mode = this.fieldsMode();
+        const initialData = config.fieldsData ?? {};
+        const formGroup = {};
+        const editedData = { ...initialData };
+        fields.forEach(field => {
+            const fieldKey = field.key;
+            const modeConfig = field.modes?.[mode];
+            const defaultValue = modeConfig?.defaultValue ?? field.defaultValue;
+            let initialValue = editedData[fieldKey] ?? null;
+            if (mode === ModalMode.CREATE && defaultValue !== undefined) {
+                if (typeof defaultValue === 'function') {
+                    initialValue = defaultValue(editedData);
+                }
+                else {
+                    initialValue = defaultValue;
+                }
+                editedData[fieldKey] = initialValue;
+            }
+            const validators = modeConfig?.validators ?? field.validators ?? [];
+            formGroup[fieldKey] = [initialValue, validators];
+        });
+        this.form.set(this.formBuilder.group(formGroup));
+        // Evaluate dynamic values
+        fields.forEach(field => {
+            const fieldKey = field.key;
+            const modeConfig = field.modes?.[mode];
+            const dynamicValueFn = (modeConfig?.dynamicValue ?? field.dynamicValue);
+            if (typeof dynamicValueFn === 'function') {
+                const dynamicVal = dynamicValueFn(editedData);
+                if (dynamicVal !== undefined && dynamicVal !== null) {
+                    editedData[fieldKey] = dynamicVal;
+                    const control = this.form().get(fieldKey);
+                    if (control) {
+                        control.setValue(dynamicVal, { emitEvent: true });
+                    }
+                }
+            }
+        });
+        // Mark all controls as untouched
+        Object.values(this.form().controls).forEach(control => {
+            control.markAsUntouched();
+        });
+        this.fieldErrors.set({});
+        this.fieldsEditedData.set(editedData);
+    }
+    getFieldConfig(field) {
+        const mode = this.fieldsMode();
+        const modeConfig = field.modes?.[mode];
+        if (!modeConfig)
+            return {
+                ...field,
+                visible: this.evaluateVisibility(field.visible),
+                readonly: this.evaluateReadonly(field.readonly)
+            };
+        return {
+            ...field,
+            defaultValue: modeConfig.defaultValue ?? field.defaultValue,
+            readonly: this.evaluateReadonly(modeConfig.readonly ?? field.readonly),
+            options: modeConfig.options ?? field.options,
+            validators: modeConfig.validators ?? field.validators,
+            errorMessages: modeConfig.errorMessages ?? field.errorMessages,
+            multiple: modeConfig.multiple ?? field.multiple,
+            visible: this.evaluateVisibility(modeConfig.visible ?? field.visible),
+            includeInPayload: modeConfig.includeInPayload ?? field.includeInPayload,
+            customViewTemplate: modeConfig.customViewTemplate ?? field.customViewTemplate
+        };
+    }
+    evaluateVisibility(visible) {
+        if (visible === undefined)
+            return true;
+        if (typeof visible === 'function') {
+            try {
+                return visible(this.fieldsEditedData());
+            }
+            catch {
+                try {
+                    return visible();
+                }
+                catch {
+                    return true;
+                }
+            }
+        }
+        return visible;
+    }
+    evaluateReadonly(readonly) {
+        if (readonly === undefined)
+            return false;
+        if (typeof readonly === 'function') {
+            try {
+                return readonly(this.fieldsEditedData());
+            }
+            catch {
+                return false;
+            }
+        }
+        return readonly;
+    }
+    onFieldValueChange(fieldKey, newValue) {
+        const fields = this.currentFields();
+        const field = fields.find(f => f.key === fieldKey);
+        if (!field)
+            return;
+        const payloadKey = (field.keyToPayload ?? field.key);
+        this.fieldsEditedData.update(data => {
+            if (!data)
+                return data;
+            return { ...data, [payloadKey]: newValue };
+        });
+        const control = this.form().get(fieldKey);
+        if (control) {
+            control.setValue(newValue, { emitEvent: false });
+            control.markAsTouched();
+            const validationResult = this.validateField(field, newValue);
+            this.fieldErrors.update(current => ({
+                ...current,
+                [fieldKey]: validationResult.fieldErrors
+            }));
+        }
+    }
+    validateField(field, value) {
+        const control = this.form().get(field.key);
+        const result = {
+            fieldErrors: [],
+            internalErrors: []
+        };
+        if (!control)
+            return result;
+        if (control.touched) {
+            const mode = this.fieldsMode();
+            const modeConfig = field.modes?.[mode];
+            const validatorConfig = modeConfig?.validators ?? field.validators ?? [];
+            const currentValidators = typeof validatorConfig === 'function'
+                ? validatorConfig(this.fieldsEditedData())
+                : validatorConfig;
+            control.clearValidators();
+            control.setValidators(currentValidators);
+            control.updateValueAndValidity({ emitEvent: false });
+            const errorMessages = modeConfig?.errorMessages ?? field.errorMessages ?? {};
+            if (control.errors) {
+                const isDynamicValidators = typeof validatorConfig === 'function';
+                if (isDynamicValidators) {
+                    result.fieldErrors = this.mapDynamicValidatorErrors(control.errors, errorMessages);
+                }
+                else {
+                    result.fieldErrors = Object.keys(control.errors).map(errorKey => errorMessages[errorKey] || errorKey);
+                }
+            }
+        }
+        return result;
+    }
+    mapDynamicValidatorErrors(controlErrors, errorMessages) {
+        const errorKeys = Object.keys(controlErrors);
+        const mappedErrors = [];
+        const validatorKeyMap = {
+            '0': 'required',
+            '1': 'minlength',
+            '2': 'pattern',
+            '3': 'email',
+            '4': 'min',
+            '5': 'max'
+        };
+        errorKeys.forEach(errorKey => {
+            let messageKey = errorKey;
+            if (/^\d+$/.test(errorKey)) {
+                messageKey = validatorKeyMap[errorKey] || errorKey;
+            }
+            const message = errorMessages[messageKey] || errorMessages[errorKey] || messageKey;
+            mappedErrors.push(message);
+        });
+        return mappedErrors;
+    }
+    validateAllFields() {
+        const fields = this.currentFields();
+        const allErrors = {};
+        fields.forEach(field => {
+            const modeConfig = field.modes?.[this.fieldsMode()];
+            if (modeConfig?.visible === false)
+                return;
+            const control = this.form().get(field.key);
+            if (control) {
+                control.markAsTouched();
+                const value = control.value;
+                const validationResult = this.validateField(field, value);
+                if (validationResult.fieldErrors.length > 0) {
+                    allErrors[field.key] = validationResult.fieldErrors;
+                }
+            }
+        });
+        this.fieldErrors.set(allErrors);
+    }
+    getFieldErrors(fieldKey) {
+        return this.fieldErrors()[fieldKey] || [];
+    }
     onConfirm() {
+        // If has fields, validate first
+        if (this.hasFields()) {
+            this.validateAllFields();
+            if (this.hasFieldErrors()) {
+                return;
+            }
+        }
         const inputConfig = this.config().inputConfig;
         const valueToEmit = inputConfig?.validationValue ? this.inputValue() : true;
         this.closeWithAnimation(() => {
-            this.confirm.emit(valueToEmit);
+            this.confirm.emit({
+                value: valueToEmit,
+                fieldsData: this.fieldsEditedData()
+            });
         });
     }
     onCancel() {
@@ -10536,12 +10793,12 @@ class ConfirmationDialogComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ConfirmationDialogComponent, isStandalone: true, selector: "core-confirmation-dialog", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { confirm: "confirm", cancel: "cancel" }, queries: [{ propertyName: "customContentTemplate", first: true, predicate: ["customContent"], descendants: true }], viewQueries: [{ propertyName: "popupElement", first: true, predicate: ["popup"], descendants: true }, { propertyName: "overlayElement", first: true, predicate: ["overlay"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-popup\" \n     [class.c-popup--xl]=\"config().size === 'xl'\" \n     [class.is-visible]=\"isOpen()\" \n     [ngClass]=\"config().customClass\"\n     #popup \n     *ngIf=\"isOpen()\">\n  <div class=\"c-popup__overlay\" (click)=\"onCancel()\" #overlay></div>\n  <div class=\"c-popup__holder\">\n    @if(config().showCloseButton) {\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onCancel()\">\n      </core-generic-button>\n    }\n    @if (config().icon) {\n      <span class=\"c-popup__icon\" [ngClass]=\"config().icon | coreIconCompat\"></span>\n    }\n\n    <p class=\"c-popup__title u-heading u-fz--600\">\n      {{ config().title | translate: config().messageParams }}\n    </p>\n\n    @if (config().customTemplate) {\n      <ng-container *ngTemplateOutlet=\"config().customTemplate!; context: config().customTemplateContext\"></ng-container>\n    } @else {\n      \n      @if (config().message) {\n        <p class=\"c-popup__text u-text\">\n          {{ config().message ?? '' | translate: config().messageParams }}\n        </p>\n      }\n\n      @if (config().inputConfig) {\n        <label class=\"c-popup__form c-entry-item\">\n            <span class=\"c-entry-text\">\n              {{ config().inputConfig?.label ?? '' | translate }}\n              @if (!config().inputConfig?.validationValue) {\n                <!-- Todo: D\u00F3nde est\u00E1 el .u-text--muted ? -->\n                <span class=\"u-text--muted\"> ({{ 'common.optional' | translate }})</span>\n              }\n            </span>\n            <input \n              class=\"c-entry-input\"\n              type=\"text\"\n              [placeholder]=\"config().inputConfig?.placeholder ?? '' | translate\"\n              [(ngModel)]=\"inputValue\"\n              (ngModelChange)=\"onInputChange($event)\"\n              [required]=\"!!config().inputConfig?.validationValue\"\n            >\n        </label>\n      }\n\n    }\n\n    <div class=\"c-popup__btns u-flex u-push-t--xl\">\n      @if (config().showCancelButton !== false) {\n        <core-generic-button\n          [config]=\"cancelButtonConfig()\"\n          (buttonClick)=\"onCancel()\">\n        </core-generic-button>\n      }\n      @if (config().showConfirmButton !== false) {\n        <core-generic-button\n          [config]=\"confirmButtonConfig()\"\n          (buttonClick)=\"onConfirm()\">\n        </core-generic-button>\n      }\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: ConfirmationDialogComponent, isStandalone: true, selector: "core-confirmation-dialog", inputs: { isOpen: { classPropertyName: "isOpen", publicName: "isOpen", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { confirm: "confirm", cancel: "cancel" }, queries: [{ propertyName: "customContentTemplate", first: true, predicate: ["customContent"], descendants: true }], viewQueries: [{ propertyName: "popupElement", first: true, predicate: ["popup"], descendants: true }, { propertyName: "overlayElement", first: true, predicate: ["overlay"], descendants: true }], hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-popup\" \n     [class.c-popup--xl]=\"config().size === 'xl'\" \n     [class.is-visible]=\"isOpen()\" \n     [ngClass]=\"config().customClass\"\n     #popup \n     *ngIf=\"isOpen()\">\n  <div class=\"c-popup__overlay\" (click)=\"onCancel()\" #overlay></div>\n  <div class=\"c-popup__holder\">\n    @if(config().showCloseButton) {\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onCancel()\">\n      </core-generic-button>\n    }\n    @if (config().icon) {\n      <span class=\"c-popup__icon\" [ngClass]=\"config().icon | coreIconCompat\"></span>\n    }\n\n    <p class=\"c-popup__title u-heading u-fz--600\">\n      {{ config().title | translate: config().messageParams }}\n    </p>\n\n    @if (config().customTemplate) {\n      <ng-container *ngTemplateOutlet=\"config().customTemplate!; context: config().customTemplateContext\"></ng-container>\n    } @else {\n      \n      @if (config().message) {\n        <p class=\"c-popup__text u-text\">\n          {{ config().message ?? '' | translate: config().messageParams }}\n        </p>\n      }\n\n      @if (config().inputConfig) {\n        <label class=\"c-popup__form c-entry-item\">\n            <span class=\"c-entry-text\">\n              {{ config().inputConfig?.label ?? '' | translate }}\n              @if (!config().inputConfig?.validationValue) {\n                <span class=\"u-text--muted\"> ({{ 'common.optional' | translate }})</span>\n              }\n            </span>\n            <input \n              class=\"c-entry-input\"\n              type=\"text\"\n              [placeholder]=\"config().inputConfig?.placeholder ?? '' | translate\"\n              [(ngModel)]=\"inputValue\"\n              (ngModelChange)=\"onInputChange($event)\"\n              [required]=\"!!config().inputConfig?.validationValue\"\n            >\n        </label>\n      }\n\n      @if (hasFields() && fieldsEditedData()) {\n        <div class=\"c-entry-group\">\n          @for (field of currentFields(); track field.key) {\n            @if (getFieldConfig(field).visible) {\n              <div\n                coreDynamicField\n                [field]=\"getFieldConfig(field)\"\n                [value]=\"fieldsEditedData()![$any(field.key)]\"\n                [mode]=\"fieldsMode()\"\n                [errors]=\"getFieldErrors(field.key.toString())\"\n                [rowData]=\"fieldsEditedData()\"\n                [formValue]=\"fieldsEditedData()\"\n                (valueChange)=\"onFieldValueChange(field.key.toString(), $event)\"\n                (onBlurEvent)=\"validateAllFields()\"\n              ></div>\n            }\n          }\n        </div>\n      }\n\n    }\n\n    <div class=\"c-popup__btns u-flex u-push-t--xl\">\n      @if (config().showCancelButton !== false) {\n        <core-generic-button\n          [config]=\"cancelButtonConfig()\"\n          (buttonClick)=\"onCancel()\">\n        </core-generic-button>\n      }\n      @if (config().showConfirmButton !== false) {\n        <core-generic-button\n          [config]=\"confirmButtonConfig()\"\n          (buttonClick)=\"onConfirm()\">\n        </core-generic-button>\n      }\n    </div>\n  </div>\n</div>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: GenericButtonComponent, selector: "core-generic-button", inputs: ["config", "data"], outputs: ["buttonClick"] }, { kind: "pipe", type: IconCompatPipe, name: "coreIconCompat" }, { kind: "directive", type: DynamicFieldDirective, selector: "[coreDynamicField]", inputs: ["field", "value", "mode", "errors", "rowData", "formValue"], outputs: ["valueChange", "onBlurEvent", "onEnterEvent", "selectionChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'core-confirmation-dialog', standalone: true, imports: [CommonModule, TranslateModule, FormsModule, GenericButtonComponent, IconCompatPipe], hostDirectives: [CoreHostDirective], template: "<div class=\"c-popup\" \n     [class.c-popup--xl]=\"config().size === 'xl'\" \n     [class.is-visible]=\"isOpen()\" \n     [ngClass]=\"config().customClass\"\n     #popup \n     *ngIf=\"isOpen()\">\n  <div class=\"c-popup__overlay\" (click)=\"onCancel()\" #overlay></div>\n  <div class=\"c-popup__holder\">\n    @if(config().showCloseButton) {\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onCancel()\">\n      </core-generic-button>\n    }\n    @if (config().icon) {\n      <span class=\"c-popup__icon\" [ngClass]=\"config().icon | coreIconCompat\"></span>\n    }\n\n    <p class=\"c-popup__title u-heading u-fz--600\">\n      {{ config().title | translate: config().messageParams }}\n    </p>\n\n    @if (config().customTemplate) {\n      <ng-container *ngTemplateOutlet=\"config().customTemplate!; context: config().customTemplateContext\"></ng-container>\n    } @else {\n      \n      @if (config().message) {\n        <p class=\"c-popup__text u-text\">\n          {{ config().message ?? '' | translate: config().messageParams }}\n        </p>\n      }\n\n      @if (config().inputConfig) {\n        <label class=\"c-popup__form c-entry-item\">\n            <span class=\"c-entry-text\">\n              {{ config().inputConfig?.label ?? '' | translate }}\n              @if (!config().inputConfig?.validationValue) {\n                <!-- Todo: D\u00F3nde est\u00E1 el .u-text--muted ? -->\n                <span class=\"u-text--muted\"> ({{ 'common.optional' | translate }})</span>\n              }\n            </span>\n            <input \n              class=\"c-entry-input\"\n              type=\"text\"\n              [placeholder]=\"config().inputConfig?.placeholder ?? '' | translate\"\n              [(ngModel)]=\"inputValue\"\n              (ngModelChange)=\"onInputChange($event)\"\n              [required]=\"!!config().inputConfig?.validationValue\"\n            >\n        </label>\n      }\n\n    }\n\n    <div class=\"c-popup__btns u-flex u-push-t--xl\">\n      @if (config().showCancelButton !== false) {\n        <core-generic-button\n          [config]=\"cancelButtonConfig()\"\n          (buttonClick)=\"onCancel()\">\n        </core-generic-button>\n      }\n      @if (config().showConfirmButton !== false) {\n        <core-generic-button\n          [config]=\"confirmButtonConfig()\"\n          (buttonClick)=\"onConfirm()\">\n        </core-generic-button>\n      }\n    </div>\n  </div>\n</div>" }]
-        }], propDecorators: { popupElement: [{
+            args: [{ selector: 'core-confirmation-dialog', standalone: true, imports: [CommonModule, TranslateModule, FormsModule, ReactiveFormsModule, GenericButtonComponent, IconCompatPipe, DynamicFieldDirective], hostDirectives: [CoreHostDirective], template: "<div class=\"c-popup\" \n     [class.c-popup--xl]=\"config().size === 'xl'\" \n     [class.is-visible]=\"isOpen()\" \n     [ngClass]=\"config().customClass\"\n     #popup \n     *ngIf=\"isOpen()\">\n  <div class=\"c-popup__overlay\" (click)=\"onCancel()\" #overlay></div>\n  <div class=\"c-popup__holder\">\n    @if(config().showCloseButton) {\n      <core-generic-button\n        [config]=\"closeButtonConfig()\"\n        (buttonClick)=\"onCancel()\">\n      </core-generic-button>\n    }\n    @if (config().icon) {\n      <span class=\"c-popup__icon\" [ngClass]=\"config().icon | coreIconCompat\"></span>\n    }\n\n    <p class=\"c-popup__title u-heading u-fz--600\">\n      {{ config().title | translate: config().messageParams }}\n    </p>\n\n    @if (config().customTemplate) {\n      <ng-container *ngTemplateOutlet=\"config().customTemplate!; context: config().customTemplateContext\"></ng-container>\n    } @else {\n      \n      @if (config().message) {\n        <p class=\"c-popup__text u-text\">\n          {{ config().message ?? '' | translate: config().messageParams }}\n        </p>\n      }\n\n      @if (config().inputConfig) {\n        <label class=\"c-popup__form c-entry-item\">\n            <span class=\"c-entry-text\">\n              {{ config().inputConfig?.label ?? '' | translate }}\n              @if (!config().inputConfig?.validationValue) {\n                <span class=\"u-text--muted\"> ({{ 'common.optional' | translate }})</span>\n              }\n            </span>\n            <input \n              class=\"c-entry-input\"\n              type=\"text\"\n              [placeholder]=\"config().inputConfig?.placeholder ?? '' | translate\"\n              [(ngModel)]=\"inputValue\"\n              (ngModelChange)=\"onInputChange($event)\"\n              [required]=\"!!config().inputConfig?.validationValue\"\n            >\n        </label>\n      }\n\n      @if (hasFields() && fieldsEditedData()) {\n        <div class=\"c-entry-group\">\n          @for (field of currentFields(); track field.key) {\n            @if (getFieldConfig(field).visible) {\n              <div\n                coreDynamicField\n                [field]=\"getFieldConfig(field)\"\n                [value]=\"fieldsEditedData()![$any(field.key)]\"\n                [mode]=\"fieldsMode()\"\n                [errors]=\"getFieldErrors(field.key.toString())\"\n                [rowData]=\"fieldsEditedData()\"\n                [formValue]=\"fieldsEditedData()\"\n                (valueChange)=\"onFieldValueChange(field.key.toString(), $event)\"\n                (onBlurEvent)=\"validateAllFields()\"\n              ></div>\n            }\n          }\n        </div>\n      }\n\n    }\n\n    <div class=\"c-popup__btns u-flex u-push-t--xl\">\n      @if (config().showCancelButton !== false) {\n        <core-generic-button\n          [config]=\"cancelButtonConfig()\"\n          (buttonClick)=\"onCancel()\">\n        </core-generic-button>\n      }\n      @if (config().showConfirmButton !== false) {\n        <core-generic-button\n          [config]=\"confirmButtonConfig()\"\n          (buttonClick)=\"onConfirm()\">\n        </core-generic-button>\n      }\n    </div>\n  </div>\n</div>" }]
+        }], ctorParameters: () => [], propDecorators: { popupElement: [{
                 type: ViewChild,
                 args: ['popup']
             }], overlayElement: [{
@@ -14053,8 +14310,8 @@ class GenericTableComponent {
                 if (action === TableAction.DELETE && row) {
                     this.confirmationDialogService
                         .openDelete('dialog.confirmDeletionTitle', 'dialog.confirmDeletionSingle')
-                        .subscribe(confirmed => {
-                        if (confirmed) {
+                        .subscribe(response => {
+                        if (response?.value) {
                             this.tableDataService.deleteItem(this.endpoint(), row).subscribe({
                                 next: (success) => {
                                     if (success) {
@@ -14076,8 +14333,8 @@ class GenericTableComponent {
                         confirmButtonText: this.translationService.instant('table.recover'),
                         cancelButtonText: this.translationService.instant('dialog.cancel')
                     })
-                        .subscribe(confirmed => {
-                        if (confirmed) {
+                        .subscribe(response => {
+                        if (response?.value) {
                             this.tableDataService.recoverItem(this.endpoint(), row).subscribe({
                                 next: (success) => {
                                     if (success) {
@@ -17259,11 +17516,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.20.18',
+    full: '2.20.20',
     major: 2,
     minor: 20,
-    patch: 18,
-    timestamp: '2026-02-11T13:48:01.302Z',
+    patch: 20,
+    timestamp: '2026-02-11T17:09:57.217Z',
     buildDate: '11/2/2026'
 };