@solcre-org/core-ui 2.12.45 → 2.12.47

package/assets/css/inc/components/data-entry.layout.css

@@ -31,14 +31,21 @@ label.c-entry-item{
     margin-top: calc( var(--_entry-group-gap) * 0.5);
 }
 
-.c-entry-group--cols{
-    grid-template-columns: repeat(var(--cols, 2), 1fr);
-    column-gap: min( var(--space-x), var(--_entry-group-gap));
-}
-
 .c-entry-title{
     color: var(--_entry-title-color);
     font-size: calc((var(--_entry-title-fz) * var(--_size-factor, 1)));
     font-weight: var(--_entry-title-fw);
     margin-top: .5em;
+}
+
+
+/* ********************** desde TABLET ********************** */
+
+@media (min-width: 48rem) /* 768px */ {
+
+    .c-entry-group--cols{
+        grid-template-columns: repeat(var(--cols, 2), 1fr);
+        column-gap: min( var(--space-x), var(--_entry-group-gap));
+    }
+
 }

package/assets/css/inc/components/main-nav.css

@@ -87,6 +87,7 @@
     .c-main-nav{
         opacity: 0;
         transform: translate3d(-5rem,0,0);
+        border-radius: 0 var(--_br) var(--_br) 0;
     }
 
     .c-main-nav__close {

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

@@ -262,7 +262,6 @@ body:has(.c-modal.is-visible) {
         --_holder-px: calc(var(--wrapper-x)*1.2);
         --_holder-w: calc(100% - var(--_ouside-padding)*2);
         --_header-py: 1.8rem;
-
     }
 
     .c-modal.is-visible .c-modal__holder {
@@ -273,6 +272,10 @@ body:has(.c-modal.is-visible) {
         animation: hidemodalMobile var(--_modal-animation-out) ease-out forwards;
     }
 
+    .c-modal__close {
+        color: var(--app-main-header-mobile-text, inherit);
+    }
+
     .c-modal__holder {
         height: auto;
         top: auto;
@@ -291,9 +294,10 @@ body:has(.c-modal.is-visible) {
         border: none;
     }
 
-    .c-modal__body{
-        padding-top: 0;
+    .c-modal__header{
+        box-shadow: 0 0 0.8rem 0rem hsl(var(--color-neutral-800-hsl) / 8%);
     }
+    
 
 }
 

package/assets/css/inc/components/pagination.css

@@ -81,7 +81,30 @@ app-generic-pagination{
     pointer-events: none;
 }
 
+/* ********************** MOBILE & TABLET ********************** */
 
+@media (max-width: 61.1875rem) /* up to 979px */ { 
+
+     .c-pagination{
+        flex-wrap: wrap;
+        gap: 2rem 1rem;
+     }
+
+     .c-pagination .c-pager{
+        order: 1;
+        width: 100%;
+        text-align: center;
+     }
+
+     .c-pagination__summary{
+        order: 2;
+     }
+
+     .c-pagination__select{
+        order: 3;
+     }
+
+}
 
 /* ********************** MEDIA HOVER ********************** */
 

package/assets/css/inc/components/table.css

@@ -404,6 +404,12 @@
         display: block;
     }
 
+    .c-table__inline-edit{
+        display: flex;
+        flex-direction: column;
+        gap: 0.6rem;
+    }
+
     .c-table thead {
         display: none;
     }
@@ -415,15 +421,27 @@
     }
 
     .c-table tr {
+        position: relative;
         border-radius: var(--app-br);
         padding: var(--_card-padding-y) var(--_card-padding-x);
         border: 1px solid hsl(var(--_bc));
+        overflow: hidden;
     }
 
     .c-table td {
         border: none;
     }
 
+    .c-table tbody tr.is-new td:first-child,
+    .c-table tbody tr.is-editable td:first-child{
+        position: initial !important;
+    }
+
+    .c-table tbody tr.is-new td:first-child::before,
+    .c-table tbody tr.is-editable td:first-child::before{
+        border-radius: 0;
+    }
+
     .c-table td:first-child {
         font-weight: 600;
     }

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

@@ -972,6 +972,167 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ selector: 'core-datetime-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, NgSelectModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n  <label class=\"c-entry-text\" *ngIf=\"field().label\" [for]=\"field().key.toString()\">\n    {{ field().label | translate }}\n    @if (hasRequiredValidators()) {\n      <span class=\"c-required\">*</span>\n    }\n  </label>\n  <div class=\"c-entry-datetime\">\n    <span class=\"c-entry-input\" [class.is-invalid]=\"hasError()\">\n      <input\n        type=\"date\"\n        [id]=\"field().key.toString()\"\n        [name]=\"field().key.toString()\"\n        [value]=\"formattedDate()\"\n        [disabled]=\"isDisabled()\"\n        (input)=\"onDateChange($event)\"\n        (blur)=\"onBlur()\"\n        (keydown.enter)=\"onEnter($any($event))\"\n      />\n      <button class=\"c-entry-input__addon icon-calendar-thin\" \n        tabindex=\"-1\"\n        type=\"button\"\n        (click)=\"onCalendarClick($event)\"></button>\n    </span>\n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"hoursOptions()\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [ngModel]=\"selectedHour()\"\n        (ngModelChange)=\"onHourChange($event)\"\n        [disabled]=\"isDisabled()\"\n        [clearable]=\"false\"\n        [searchable]=\"false\"\n        (blur)=\"onBlur()\"\n        [placeholder]=\"isHourPlaceholderVisible() ? 'HH' : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n    <span class=\"c-entry-datetime__separator\">:</span>\n    <span class=\"c-entry-input c-entry-input--ng-select\" [class.is-invalid]=\"hasError()\">\n      <ng-select\n        [items]=\"minutesOptions()\"\n        bindValue=\"value\"\n        bindLabel=\"label\"\n        [ngModel]=\"selectedMinute()\"\n        (ngModelChange)=\"onMinuteChange($event)\"\n        [disabled]=\"isDisabled()\"\n        [clearable]=\"false\"\n        [searchable]=\"false\"\n        (blur)=\"onBlur()\"\n        [placeholder]=\"isMinutePlaceholderVisible() ? 'MM' : ''\"\n      >\n        <ng-template ng-option-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n        <ng-template ng-label-tmp let-item=\"item\">\n          {{ item.label }}\n        </ng-template>\n      </ng-select>\n      <span class=\"c-entry-input__addon icon-select-arrow\"></span>\n    </span>\n  </div>\n  <core-field-errors [errors]=\"errors()\" />\n</div>\n\n\n", styles: [".ng-select .ng-select-container .ng-value-container{flex-wrap:wrap}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{color:var(--_entry-input-placeholder-color);opacity:1}.c-entry-input--ng-select.is-placeholder ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input{color:var(--_entry-input-placeholder-color)}.c-entry-input--ng-select:not(.is-placeholder) ::ng-deep .ng-select .ng-select-container .ng-value-container .ng-input input::placeholder{opacity:0}::ng-deep .ng-select{width:100%!important;display:contents}.c-entry-input--ng-select{position:relative}::ng-deep .ng-dropdown-panel{top:0;right:0}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value{background-color:var(--form-highlighted-color, var(--color-neutral-300));color:#3f4e6a;border-radius:var(--_entry-input-br);padding:.2em .8em;margin:.2em;border:none;border-radius:4px}::ng-deep .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{border:none;padding-right:.4em;color:#3f4e6a}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items{border:none;min-height:auto;padding:0;position:relative;right:0;margin-top:3em;box-shadow:1em 2.4em 3.4em -2em hsl(var(--color-neutral-900-hsl)/25%);background-color:var(--color-neutral-100)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:.6em .8em;color:#6a788c;cursor:pointer;transition:background-color .1s ease-out}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:var(--color-primary-400)}::ng-deep .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{color:var(--color-primary-400);font-weight:500}::ng-deep .ng-dropdown-panel .scrollable-content{background:#f2f5fa}::ng-deep .ng-dropdown-panel-items.scroll-host{background:#f2f5fa;padding:1em;border-radius:var(--_entry-input-br)}::ng-deep app-server-select-field .ng-select:not(.ng-select-filtered):not(.ng-select-opened) .ng-dropdown-panel{opacity:0!important}::ng-deep .c-entry-input--ng-select{--_entry-input-padd-y: .76em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value){--_entry-input-padd-y: .35em}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input{margin-left:8px}::ng-deep .c-entry-input--ng-select:has(.ng-value-container .ng-value) .ng-select .ng-select-container .ng-value-container .ng-input>input{height:100%}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-notfound){background-color:hsl(from hsl(var(--color-context-error-hsl)) h s 94%);color:hsl(from hsl(var(--color-context-error-hsl)) h s 60%)}::ng-deep .ng-dropdown-panel-items.scroll-host:has(.ng-select-loading){background-color:hsl(from hsl(var(--color-alternative-800-hsl)) h s 96%);color:hsl(from hsl(var(--color-alternative-800-hsl)) h 90% 70%)}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container,.ng-select.ng-select-single .ng-select-container .ng-value-container{display:grid;justify-content:start}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{height:-webkit-fill-available}::ng-deep .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input>input{height:98%}::ng-deep .ng-select.ng-select-single .ng-select-container{overflow:visible;position:relative;cursor:pointer}::ng-deep .ng-select.ng-select-single .ng-select-container:before{content:\"\";position:absolute;left:calc(var(--_entry-input-padd-x) * -1);right:calc(var(--_entry-input-padd-x) * -1 - var(--_entry-input-addon-gap) - var(--_entry-input-addon-icon-fz));top:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1);bottom:calc(max(var(--_entry-input-padd-y) * var(--_size-factor, 1),2px)*-1)}::ng-deep .ng-select .ng-clear-wrapper .ng-clear{position:absolute;top:50%;transform:translateY(-50%)}@media (hover: hover){::ng-deep .ng-select .ng-clear-wrapper:is(:hover,:focus-visible){color:var(--color-hover)}}\n"] }]
         }], ctorParameters: () => [] });
 
+var DocumentPayloadMode;
+(function (DocumentPayloadMode) {
+    DocumentPayloadMode["OBJECT"] = "object";
+    DocumentPayloadMode["SEPARATE_KEYS"] = "separateKeys";
+})(DocumentPayloadMode || (DocumentPayloadMode = {}));
+
+class DocumentFieldComponent extends BaseFieldComponent {
+    documentTypeControl = new FormControl('');
+    documentNumberControl = new FormControl('');
+    isUserEditing = false;
+    defaultDocumentOptions = [
+        { value: 'CI', label: 'CI' },
+        { value: 'DNI', label: 'DNI' },
+        { value: 'PASSPORT', label: 'Pasaporte' },
+        { value: 'OTHER', label: 'Otro' }
+    ];
+    fieldConfig = computed(() => this.field());
+    documentTypeOptions = computed(() => {
+        return this.fieldConfig().documentTypeOptions || this.defaultDocumentOptions;
+    });
+    isDisabled = computed(() => {
+        return this.mode() === ModalMode.VIEW || this.evaluateReadonly() || this.evaluateDisabled();
+    });
+    documentTypeChars = computed(() => {
+        const chars = this.fieldConfig().documentTypeChars;
+        return chars ? chars.toString() : '5';
+    });
+    documentNumberChars = computed(() => {
+        const chars = this.fieldConfig().documentNumberChars;
+        return chars ? chars.toString() : null;
+    });
+    constructor() {
+        super();
+        effect(() => {
+            if (this.isUserEditing) {
+                return;
+            }
+            const currentValue = this.value();
+            const config = this.fieldConfig();
+            const payloadMode = config.payloadMode || DocumentPayloadMode.OBJECT;
+            if (currentValue) {
+                let documentType = '';
+                let documentNumber = '';
+                if (payloadMode === DocumentPayloadMode.SEPARATE_KEYS) {
+                    const documentTypeKey = config.documentTypeKey || 'document_type';
+                    const documentNumberKey = config.documentNumberKey || 'document';
+                    if (currentValue._isSeparatedDocumentField) {
+                        documentType = currentValue[documentTypeKey] || '';
+                        documentNumber = currentValue[documentNumberKey] || '';
+                    }
+                    else {
+                        const formValue = this.formValue();
+                        if (formValue) {
+                            documentType = formValue[documentTypeKey] || '';
+                            documentNumber = formValue[documentNumberKey] || '';
+                        }
+                    }
+                }
+                else {
+                    const docValue = currentValue;
+                    documentType = docValue.documentType || '';
+                    documentNumber = docValue.documentNumber || '';
+                }
+                if (documentType !== this.documentTypeControl.value) {
+                    this.documentTypeControl.setValue(documentType, { emitEvent: false });
+                }
+                if (documentNumber !== this.documentNumberControl.value) {
+                    this.documentNumberControl.setValue(documentNumber, { emitEvent: false });
+                }
+            }
+            else if (!this.documentTypeControl.value && !this.documentNumberControl.value) {
+                this.documentTypeControl.setValue('', { emitEvent: false });
+                this.documentNumberControl.setValue('', { emitEvent: false });
+            }
+        });
+        this.documentTypeControl.valueChanges.subscribe(() => {
+            this.emitValue();
+        });
+        this.documentNumberControl.valueChanges.subscribe(() => {
+            this.emitValue();
+        });
+        effect(() => {
+            if (this.isDisabled()) {
+                this.documentTypeControl.disable({ emitEvent: false });
+                this.documentNumberControl.disable({ emitEvent: false });
+            }
+            else {
+                this.documentTypeControl.enable({ emitEvent: false });
+                this.documentNumberControl.enable({ emitEvent: false });
+            }
+        });
+    }
+    emitValue() {
+        const config = this.fieldConfig();
+        const payloadMode = config.payloadMode || DocumentPayloadMode.OBJECT;
+        const documentType = this.documentTypeControl.value || '';
+        const documentNumber = this.documentNumberControl.value || '';
+        const standardValue = {
+            documentType,
+            documentNumber
+        };
+        if (payloadMode === DocumentPayloadMode.SEPARATE_KEYS) {
+            const documentTypeKey = config.documentTypeKey || 'document_type';
+            const documentNumberKey = config.documentNumberKey || 'document';
+            const separatedValue = {
+                _isSeparatedDocumentField: true,
+                [documentTypeKey]: documentType || null,
+                [documentNumberKey]: documentNumber || null
+            };
+            this.valueChange.emit(separatedValue);
+            super.onValueChange(standardValue);
+        }
+        else {
+            this.valueChange.emit(standardValue);
+            super.onValueChange(standardValue);
+        }
+    }
+    onDocumentTypeChange(event) {
+        const target = event.target;
+        this.isUserEditing = true;
+        this.documentTypeControl.setValue(target.value);
+        setTimeout(() => {
+            this.isUserEditing = false;
+        }, 100);
+    }
+    onDocumentNumberChange(event) {
+        const target = event.target;
+        this.isUserEditing = true;
+        this.documentNumberControl.setValue(target.value);
+        setTimeout(() => {
+            this.isUserEditing = false;
+        }, 100);
+    }
+    onDocumentTypeFocus() {
+        this.isUserEditing = true;
+    }
+    onDocumentNumberFocus() {
+        this.isUserEditing = true;
+    }
+    onDocumentTypeBlur() {
+        this.isUserEditing = false;
+        this.onBlur();
+    }
+    onDocumentNumberBlur() {
+        this.isUserEditing = false;
+        this.onBlur();
+    }
+    getDocumentTypePlaceholder() {
+        return this.fieldConfig().documentTypePlaceholder || 'Seleccione tipo';
+    }
+    getDocumentNumberPlaceholder() {
+        return this.fieldConfig().documentNumberPlaceholder || 'Ingrese el número de documento';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DocumentFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DocumentFieldComponent, isStandalone: true, selector: "core-document-field", usesInheritance: true, hostDirectives: [{ directive: CoreHostDirective }], ngImport: i0, template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <span class=\"c-entry-select\" [style.--chars]=\"documentTypeChars()\">\n        <select \n          [value]=\"documentTypeControl.value\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentTypeFocus()\"\n          (change)=\"onDocumentTypeChange($event)\"\n          (blur)=\"onDocumentTypeBlur()\">\n          <option value=\"\" disabled>{{ getDocumentTypePlaceholder() | translate }}</option>\n          @for (option of documentTypeOptions(); track option.value) {\n            <option [value]=\"option.value\">{{ option.label | translate }}</option>\n          }\n        </select>\n        <span class=\"c-entry-select__arrow icon-arrow-down\"></span>\n      </span>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input \n          type=\"text\" \n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\">\n      </span>\n    </div>\n  </label>\n</div>\n\n@if (hasError()) {\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "component", type: FieldErrorsComponent, selector: "core-field-errors", inputs: ["errors"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DocumentFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'core-document-field', standalone: true, imports: [CommonModule, FormsModule, TranslateModule, ReactiveFormsModule, FieldErrorsComponent], hostDirectives: [CoreHostDirective], template: "<div class=\"c-entry-group\">\n  <label class=\"c-entry-item\" [class.c-entry-item--inline]=\"field().inline\">\n    <span class=\"c-entry-text\" *ngIf=\"field().label\">\n      {{ field().label | translate }}\n      @if (hasRequiredValidators()) {\n        <span class=\"c-required\">*</span>\n      }\n    </span>\n    <div class=\"c-entry-grid\">\n      <span class=\"c-entry-select\" [style.--chars]=\"documentTypeChars()\">\n        <select \n          [value]=\"documentTypeControl.value\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentTypeFocus()\"\n          (change)=\"onDocumentTypeChange($event)\"\n          (blur)=\"onDocumentTypeBlur()\">\n          <option value=\"\" disabled>{{ getDocumentTypePlaceholder() | translate }}</option>\n          @for (option of documentTypeOptions(); track option.value) {\n            <option [value]=\"option.value\">{{ option.label | translate }}</option>\n          }\n        </select>\n        <span class=\"c-entry-select__arrow icon-arrow-down\"></span>\n      </span>\n      <span class=\"c-entry-input\" [style.--chars]=\"documentNumberChars()\">\n        <input \n          type=\"text\" \n          [value]=\"documentNumberControl.value\"\n          [placeholder]=\"getDocumentNumberPlaceholder() | translate\"\n          [disabled]=\"isDisabled()\"\n          (focus)=\"onDocumentNumberFocus()\"\n          (input)=\"onDocumentNumberChange($event)\"\n          (blur)=\"onDocumentNumberBlur()\">\n      </span>\n    </div>\n  </label>\n</div>\n\n@if (hasError()) {\n  <core-field-errors [errors]=\"errors()\"></core-field-errors>\n}\n" }]
+        }], ctorParameters: () => [] });
+
 // icon-compat.pipe.ts
 class IconCompatPipe {
     transform(value) {
@@ -2185,6 +2346,7 @@ var FieldType;
     FieldType["SERVER_SELECT"] = "server-select";
     FieldType["FILE"] = "file";
     FieldType["PHONE"] = "phone";
+    FieldType["DOCUMENT"] = "document";
 })(FieldType || (FieldType = {}));
 var NumberFieldType;
 (function (NumberFieldType) {
@@ -4634,6 +4796,7 @@ class DynamicFieldDirective {
         datetime: DatetimeFieldComponent,
         time: TimeFieldComponent,
         password: PasswordFieldComponent,
+        document: DocumentFieldComponent,
         file: FileFieldComponent,
         phone: PhoneFieldComponent,
     };
@@ -6642,6 +6805,22 @@ class GenericModalComponent {
             const modeConfig = field.modes?.[this.mode()];
             const defaultValue = modeConfig?.defaultValue ?? field.defaultValue;
             let initialValue = newInstance[fieldKey];
+            if (field.type === FieldType.DOCUMENT) {
+                const documentConfig = field;
+                const payloadMode = documentConfig.payloadMode || DocumentPayloadMode.OBJECT;
+                if (payloadMode === DocumentPayloadMode.SEPARATE_KEYS && this.mode() !== ModalMode.CREATE) {
+                    const documentTypeKey = documentConfig.documentTypeKey || 'documentType';
+                    const documentNumberKey = documentConfig.documentNumberKey || 'documentNumber';
+                    const documentType = newInstance[documentTypeKey];
+                    const documentNumber = newInstance[documentNumberKey];
+                    if (documentType && documentNumber) {
+                        initialValue = {
+                            type: documentType,
+                            number: documentNumber
+                        };
+                    }
+                }
+            }
             if (this.mode() === ModalMode.CREATE) {
                 if (defaultValue !== undefined) {
                     if (typeof defaultValue === 'function') {
@@ -6828,6 +7007,34 @@ class GenericModalComponent {
         const field = this.allFields().find(f => f.key === fieldKey);
         if (!field)
             return;
+        if (value && typeof value === 'object' && value._isSeparatedDocumentField) {
+            const { _isSeparatedDocumentField, ...separatedKeys } = value;
+            this.editedData.update(data => {
+                if (data) {
+                    Object.keys(separatedKeys).forEach(key => {
+                        const value = separatedKeys[key];
+                        if (value !== null && value !== undefined) {
+                            data[key] = value;
+                        }
+                        else {
+                            delete data[key];
+                        }
+                    });
+                }
+                return data;
+            });
+            Object.keys(separatedKeys).forEach(key => {
+                const control = this.form().get(key);
+                if (control) {
+                    control.setValue(separatedKeys[key], { emitEvent: false });
+                }
+            });
+            const originalControl = this.form().get(fieldKey);
+            if (originalControl) {
+                originalControl.setValue(null, { emitEvent: false });
+            }
+            return;
+        }
         const payloadKey = (field.keyToPayload ?? field.key);
         if (field.type === FieldType.FILE) {
             this.editedData.update(data => {
@@ -7768,14 +7975,33 @@ class DynamicFieldsHelper {
             const payloadKey = (field.keyToPayload ?? field.key);
             const modeConfig = field.modes?.[this.mode];
             const defaultValue = modeConfig?.defaultValue ?? field.defaultValue;
+            let initialValue = newInstance[fieldKey];
+            if (field.type === FieldType.DOCUMENT) {
+                const documentConfig = field;
+                const payloadMode = documentConfig.payloadMode || DocumentPayloadMode.OBJECT;
+                if (payloadMode === DocumentPayloadMode.SEPARATE_KEYS && this.mode !== ModalMode.CREATE) {
+                    const documentTypeKey = documentConfig.documentTypeKey || 'documentType';
+                    const documentNumberKey = documentConfig.documentNumberKey || 'documentNumber';
+                    const documentType = newInstance[documentTypeKey];
+                    const documentNumber = newInstance[documentNumberKey];
+                    if (documentType && documentNumber) {
+                        initialValue = {
+                            type: documentType,
+                            number: documentNumber
+                        };
+                    }
+                }
+            }
             if (this.mode === ModalMode.CREATE) {
-                if (defaultValue !== undefined && newInstance[fieldKey] === undefined) {
+                if (defaultValue !== undefined && initialValue === undefined) {
                     if (typeof defaultValue === 'function') {
                         const computedValue = defaultValue(newInstance);
                         newInstance[payloadKey] = computedValue;
+                        initialValue = computedValue;
                     }
                     else {
                         newInstance[payloadKey] = defaultValue;
+                        initialValue = defaultValue;
                     }
                 }
             }
@@ -7783,10 +8009,11 @@ class DynamicFieldsHelper {
                 if (typeof defaultValue === 'function') {
                     const computedValue = defaultValue(newInstance);
                     newInstance[payloadKey] = computedValue;
+                    initialValue = computedValue;
                 }
             }
             const validators = modeConfig?.validators ?? field.validators ?? [];
-            formGroup[fieldKey] = [newInstance[fieldKey], validators];
+            formGroup[fieldKey] = [initialValue, validators];
         });
         this._form.set(this.formBuilder.group(formGroup));
         this.config.fields.forEach(field => {
@@ -7956,6 +8183,34 @@ class DynamicFieldsHelper {
         const field = this.config.fields.find(f => f.key === fieldKey);
         if (!field)
             return;
+        if (value && typeof value === 'object' && value._isSeparatedDocumentField) {
+            const { _isSeparatedDocumentField, ...separatedKeys } = value;
+            this._editedData.update(data => {
+                if (data) {
+                    Object.keys(separatedKeys).forEach(key => {
+                        const value = separatedKeys[key];
+                        if (value !== null && value !== undefined) {
+                            data[key] = value;
+                        }
+                        else {
+                            delete data[key];
+                        }
+                    });
+                }
+                return data;
+            });
+            Object.keys(separatedKeys).forEach(key => {
+                const control = this._form().get(key);
+                if (control) {
+                    control.setValue(separatedKeys[key], { emitEvent: false });
+                }
+            });
+            const originalControl = this._form().get(fieldKey);
+            if (originalControl) {
+                originalControl.setValue(null, { emitEvent: false });
+            }
+            return;
+        }
         const payloadKey = (field.keyToPayload ?? field.key);
         this._editedData.update(data => {
             if (data) {
@@ -14414,11 +14669,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.45',
+    full: '2.12.47',
     major: 2,
     minor: 12,
-    patch: 45,
-    timestamp: '2025-09-23T14:31:24.373Z',
+    patch: 47,
+    timestamp: '2025-09-23T17:54:10.477Z',
     buildDate: '23/9/2025'
 };
 
@@ -17298,6 +17553,89 @@ function equalToValidator(targetKey) {
     };
 }
 
+class DocumentFieldValidators {
+    static required = (control) => {
+        const value = control.value;
+        if (!value) {
+            return { required: true };
+        }
+        if (typeof value === 'object' && 'documentType' in value && 'documentNumber' in value) {
+            const docValue = value;
+            if (!docValue.documentType || !docValue.documentNumber) {
+                return { required: true };
+            }
+            return null;
+        }
+        if (typeof value === 'object' && value._isSeparatedDocumentField) {
+            const keys = Object.keys(value).filter(k => k !== '_isSeparatedDocumentField');
+            const hasEmptyValues = keys.some(key => !value[key]);
+            if (hasEmptyValues) {
+                return { required: true };
+            }
+            return null;
+        }
+        if (typeof value === 'string' && !value.trim()) {
+            return { required: true };
+        }
+        return null;
+    };
+    static documentTypeRequired = (control) => {
+        const value = control.value;
+        if (!value) {
+            return { documentTypeRequired: true };
+        }
+        if (typeof value === 'object' && 'documentType' in value) {
+            const docValue = value;
+            if (!docValue.documentType) {
+                return { documentTypeRequired: true };
+            }
+        }
+        return null;
+    };
+    static documentNumberRequired = (control) => {
+        const value = control.value;
+        if (!value) {
+            return { documentNumberRequired: true };
+        }
+        if (typeof value === 'object' && 'documentNumber' in value) {
+            const docValue = value;
+            if (!docValue.documentNumber) {
+                return { documentNumberRequired: true };
+            }
+        }
+        return null;
+    };
+    static documentNumberFormat = (control) => {
+        const value = control.value;
+        if (!value || typeof value !== 'object' || !('documentType' in value) || !('documentNumber' in value)) {
+            return null;
+        }
+        const docValue = value;
+        const { documentType, documentNumber } = docValue;
+        if (!documentType || !documentNumber) {
+            return null;
+        }
+        switch (documentType.toUpperCase()) {
+            case 'CI':
+                if (!/^\d{7,8}$/.test(documentNumber)) {
+                    return { documentNumberFormat: { message: 'CI debe tener 7-8 dígitos numéricos' } };
+                }
+                break;
+            case 'DNI':
+                if (!/^\d{8}$/.test(documentNumber)) {
+                    return { documentNumberFormat: { message: 'DNI debe tener 8 dígitos numéricos' } };
+                }
+                break;
+            case 'PASSPORT':
+                if (!/^[A-Z0-9]{6,12}$/i.test(documentNumber)) {
+                    return { documentNumberFormat: { message: 'Pasaporte debe tener 6-12 caracteres alfanuméricos' } };
+                }
+                break;
+        }
+        return null;
+    };
+}
+
 function HttpLoaderFactory(http) {
     return new TranslateHttpLoader(http, './assets/i18n/', '/main.json');
 }
@@ -17397,5 +17735,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
+export { ALL_COUNTRY_CODES, ActiveFiltersComponent, AgeValidationHelper, AlertComponent, AlertContainerComponent, AlertService, AlertType, ApiConfigurationProvider, BaseFieldComponent, ButtonContext, ButtonSize, ButtonType, COMMON_COUNTRIES, CacheBustingInterceptor, CardComponent, CarouselComponent, ChatMessagePosition, ChatMessageType, CheckboxFieldComponent, ConfigurationModel, ConfirmationDialogComponent, ConfirmationDialogService, CoreHostDirective, CoreManualRefreshComponent, CoreUiHttpLoaderFactory, CoreUiTranslateLoader, CoreUiTranslateService, CountryCode, DEFAULT_COUNTRIES, DataListComponent, DataListItemComponent, DateFieldComponent, DateUtility, DatetimeFieldComponent, DialogActions, DocumentAction, DocumentDisplayMode, DocumentFieldComponent, DocumentFieldValidators, DocumentPayloadMode, DropdownComponent, DropdownDirection, DropdownService, DynamicFieldDirective, DynamicFieldsHelper, FieldErrorsComponent, FieldType, FileFieldComponent, FileModel, FilePreviewActionType, FileTemplateModel, FileTemplateType, FileType, FileTypeModel, FileUploadService, FilterModalComponent, FilterService, FilterType, GalleryAnimationType, GalleryLayoutType, GalleryModalComponent, GalleryModalGlobalService, GenericButtonComponent, GenericChatComponent, GenericChatService, GenericDocumentationComponent, GenericGalleryComponent, GenericModalComponent, GenericPaginationComponent, GenericRatingComponent, GenericSidebarComponent, GenericSkeletonComponent, GenericStepsComponent, GenericTableComponent, GenericTabsComponent, GenericTimelineComponent, GlobalApiConfigService, HeaderComponent, HeaderConfigurationService, HeaderElementType, HeaderService, HttpLoaderFactory, ImageModalComponent, ImageModalService, ImagePreviewComponent, LATIN_AMERICA_COUNTRIES, LayoutAuth, LayoutBreakpoint, LayoutComponent, LayoutService, LayoutStateService, LayoutType, LoaderComponent, LoaderService, MainNavComponent, MainNavService, ManualRefreshService, ModalMode, ModelApiService, MultiEntryFieldComponent, MultiEntryOutputFormat, NumberFieldComponent, NumberFieldConfigType, NumberFieldType, NumberRange, PERMISSION_ACTIONS_PROVIDER, PERMISSION_PROVIDER, PERMISSION_RESOURCES_PROVIDER, PaginationService, PasswordFieldComponent, PermissionEnumsService, PermissionModel, PermissionService, PermissionWrapperService, PermissionsActions, PermissionsInterceptor, PermissionsResources, PhoneFieldComponent, ProgressBarComponent, ProgressBarSize, RatingService, RatingSize, RatingType, ResetPasswordModel, RoleModel, SOUTH_AMERICA_COUNTRIES, SelectFieldComponent, ServerSelectFieldComponent, ServerSelectService, SidebarCustomModalComponent, SidebarCustomModalService, SidebarHeight, SidebarMobileModalService, SidebarMobileType, SidebarPosition, SidebarService, SidebarState, SidebarTemplateRegistryService, SidebarVisibility, SidebarWidth, SkeletonAnimation, SkeletonService, SkeletonSize, SkeletonType, SmartFieldComponent, SortDirection, SortMode, StepSize, StepStatus, StepType, StepsService, SwitchFieldComponent, TableAction, TableActionService, TableDataService, TableSortService, TextAreaFieldComponent, TextFieldComponent, TimeFieldComponent, TimeInterval, TimelineService, TimelineStatus, TimelineType, TranslationMergeService, UruguayanDocumentValidationHelper, UsersModel, VERSION, ageValidator, calculateAge, equalToValidator, generateRandomUruguayanDocument, getCountryCodeStrings, getLatestBirthDateForAge, getRandomCi, getUruguayanDocumentValidationDigit, getValidationDigit, isSameDate, isValidCountryCode, provideCoreUiTranslateLoader, providePermissionActions, providePermissionEnums, providePermissionResources, providePermissionService, providePermissionServiceFactory, provideTranslateLoader, random, transform, transformUruguayanDocument, uruguayanDocumentValidator, validate, validateAge, validateCi, validateUruguayanDocument, validationDigit };
 //# sourceMappingURL=solcre-org-core-ui.mjs.map