ui-core-abv 0.6.81 → 0.7.2

package/lib/components/dynamic-form/form/dynamic-form.component.d.ts

@@ -1,5 +1,5 @@
 import { NgZone, OnDestroy } from '@angular/core';
-import { AbstractControl, FormGroup } from '@angular/forms';
+import { AbstractControl, FormArray, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { ButtonColor } from '../../button/button.component';
 import { FormField, SelectOptionsResolver } from '../form.models';
@@ -26,6 +26,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     private voiceStopTimer;
     set fields(value: FormField[]);
     get fields(): FormField[];
+    isSubForm: boolean;
     set form(value: FormGroup);
     get form(): FormGroup;
     set disabled(value: boolean);
@@ -37,6 +38,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     listeningField: string | null;
     readonly fieldStates: import("@angular/core").Signal<DynamicFieldState[]>;
     readonly visibleFieldStates: import("@angular/core").Signal<DynamicFieldState[]>;
+    private readonly formSyncEffect;
     private readonly fieldStateSyncEffect;
     readonly colorToIcon: Record<string, string>;
     constructor(ngZone: NgZone);
@@ -54,6 +56,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     private arrayIncludesVisibilityValue;
     private parseBooleanLike;
     getControlErrorMessages(control: AbstractControl | null, field: FormField): string[];
+    asFormArray(control: AbstractControl | null): FormArray;
     isListening(fieldName: string): boolean;
     private readonly errorMessages;
     getInputColor(field: FormField, value: string | number): ButtonColor;
@@ -71,6 +74,6 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     private scheduleVoiceStop;
     voiceToText(target: HTMLTextAreaElement, fieldName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicDynamicFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicDynamicFormComponent, "ui-dynamic-form", never, { "fields": { "alias": "fields"; "required": false; }; "isSubForm": { "alias": "isSubForm"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; }, {}, never, never, true, never>;
 }
 export {};

package/lib/components/dynamic-form/form-wrapper/form-wrapper.component.d.ts

@@ -1,18 +1,23 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { AppSelectOption } from '../../inputs/select/select.component';
-import { FormField, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
+import { ComputedFieldResolver, FormField, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
 import * as i0 from "@angular/core";
 export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDestroy {
     private readonly fb;
     private readonly elementRef;
+    private readonly titleLineHeightRatio;
+    private readonly subtitleLineHeightRatio;
     form: FormGroup;
     effectiveSchema: FormSchema;
+    private readonly blockTitleStyles;
+    private readonly blockSubtitleStyles;
     schema?: FormSchema;
     fields: FormField[];
     cols: number;
     externalData: Record<string, AppSelectOption[]>;
     selectOptionsResolver?: SelectOptionsResolver;
+    computedFieldResolver?: ComputedFieldResolver;
     loading: boolean;
     disabled: boolean;
     showButtons: boolean;
@@ -31,11 +36,20 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     private formValueSub;
     private readonly optionSourceSubs;
     private readonly optionSourceDependencyValueByField;
+    private readonly computedFieldSubs;
     private hasFocusedCurrentTrigger;
     ngOnInit(): void;
+    getBlockTitleStyles(index: number): Record<string, string> | null;
+    getBlockSubtitleStyles(index: number): Record<string, string> | null;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
+    private initializeTypographyStyles;
+    private buildTypographyStyles;
+    private toValidFontSize;
+    private toValidMargin;
     private buildForm;
+    private buildRepeaterGroup;
+    private repeaterArrayValidator;
     private focusConfiguredField;
     private findFocusableFieldElement;
     private updateDisabledState;
@@ -45,6 +59,9 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     private handleFormChange;
     private updateFieldOptions;
     private updateOptionsSources;
+    private updateRepeaterSubFieldOptionsSources;
+    private resolveRepeaterSubFieldOptionsSource;
+    private updateRepeaterSubFieldOptionsState;
     private updateDependentOptionsSources;
     private resolveOptionsSourceField;
     private handleOptionsSourceError;
@@ -61,6 +78,14 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     private getValueByPath;
     private safeStringify;
     private clearOptionSourceSubscriptions;
+    private clearComputedFieldSubs;
+    /**
+     * Recalcula todos los campos autocalculados (computeFn o computedSource).
+     * Se llama en cada valueChanges y al inicializar el formulario.
+     * Usa emitEvent:false para evitar bucles infinitos.
+     */
+    private resolveComputedFields;
+    private toComputedObservable;
     private collectAllFields;
     updateFieldValue(name: string, value: any): void;
     updateFieldConfig(name: string, config: Omit<FormField, 'name' | 'type'>): void;
@@ -84,5 +109,5 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     private setNestedValue;
     private syncEffectiveSchema;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicFormWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "fillSelects": { "alias": "fillSelects"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "focusFieldName": { "alias": "focusFieldName"; "required": false; }; "focusFieldTrigger": { "alias": "focusFieldTrigger"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "optionsSourceError": "optionsSourceError"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicFormWrapperComponent, "ui-form-wrapper", never, { "schema": { "alias": "schema"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "externalData": { "alias": "externalData"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "fillSelects": { "alias": "fillSelects"; "required": false; }; "initialValues": { "alias": "initialValues"; "required": false; }; "focusFieldName": { "alias": "focusFieldName"; "required": false; }; "focusFieldTrigger": { "alias": "focusFieldTrigger"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "optionsSourceError": "optionsSourceError"; }, never, never, true, never>;
 }

package/lib/components/dynamic-form/form.models.d.ts

@@ -11,11 +11,20 @@ export interface FormStep {
 export interface FormSchema {
     cols: number;
     blocks?: FormBlock[];
+    titleFontSize?: number;
+    subtitleFontSize?: number;
+    titleMargin?: number;
+    subtitleMargin?: number;
 }
 export interface FormBlock {
     subtitle?: string;
     title?: string;
+    message?: string;
     fields: FormField[];
+    titleFontSize?: number;
+    subtitleFontSize?: number;
+    titleMargin?: number;
+    subtitleMargin?: number;
 }
 export interface SelectOptionsSource {
     key: string;
@@ -33,6 +42,21 @@ export interface SelectOptionsContext {
     query?: string;
 }
 export type SelectOptionsResolver = (source: SelectOptionsSource, context: SelectOptionsContext) => AppSelectOption[] | unknown[] | Promise<AppSelectOption[] | unknown[]> | Observable<AppSelectOption[] | unknown[]>;
+export interface ComputedFieldSource {
+    /** Identificador del cálculo; lo recibe el ComputedFieldResolver del consumidor */
+    key: string;
+    /** Nombres de los campos del formulario cuyo cambio dispara el recálculo */
+    dependsOn: string[];
+}
+export interface ComputedFieldContext {
+    field: FormField;
+    values: uicFormValuesRecord;
+}
+/**
+ * Función provista por el consumidor para resolver campos autocalculados declarativos.
+ * Puede retornar el valor directamente, una Promise o un Observable.
+ */
+export type ComputedFieldResolver = (source: ComputedFieldSource, context: ComputedFieldContext) => any | Promise<any> | Observable<any>;
 export interface FormField {
     name: string;
     type: FieldType;
@@ -83,8 +107,24 @@ export interface FormField {
     searchIsEnabledFn?: (item: any) => boolean;
     pattern?: RegExp;
     visibilityRules?: FieldVisibilityRule[] | null;
+    /**
+     * Opción A (declarativa/serializable): define la clave y dependencias del campo calculado.
+     * El wrapper llama a `computedFieldResolver` cuando algún campo de `dependsOn` cambia.
+     */
+    computedSource?: ComputedFieldSource;
+    /**
+     * Opción B (inline): función síncrona que recibe todos los valores del formulario
+     * y retorna el valor calculado. No requiere `computedFieldResolver` en el wrapper.
+     */
+    computeFn?: (values: uicFormValuesRecord) => any;
     iaValidation?: boolean;
     iaValidationPrompt?: string;
+    repeaterFields?: FormField[];
+    repeaterMinItems?: number;
+    repeaterMaxItems?: number;
+    repeaterAddLabel?: string;
+    repeaterRemoveLabel?: string;
+    repeaterItemTitle?: string;
 }
 export interface FieldVisibilityRule {
     fieldName: string;
@@ -110,7 +150,7 @@ export declare const VISIBILITY_OPERATOR_OPTIONS: {
     text: string;
 }[];
 export declare const FIELDS_CONFIG: FieldConfig[];
-export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'radio' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider';
+export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'radio' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider' | 'repeater';
 export interface FormResult {
     result: boolean;
     form: uicFormValuesRecord | null;

package/lib/components/dynamic-form/repeater/repeater.component.d.ts

@@ -0,0 +1,21 @@
+import { OnInit } from '@angular/core';
+import { FormArray, FormGroup } from '@angular/forms';
+import { FormField } from '../form.models';
+import * as i0 from "@angular/core";
+export declare class UicRepeaterComponent implements OnInit {
+    private readonly fb;
+    formArray: FormArray;
+    field: FormField;
+    cols: number;
+    error?: string;
+    ngOnInit(): void;
+    getGroup(index: number): FormGroup;
+    addGroup(): void;
+    removeGroup(index: number): void;
+    get canAdd(): boolean;
+    get canRemove(): boolean;
+    private mapValidatorsFromField;
+    private getBlankValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicRepeaterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicRepeaterComponent, "ui-repeater", never, { "formArray": { "alias": "formArray"; "required": true; }; "field": { "alias": "field"; "required": true; }; "cols": { "alias": "cols"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/excel-table/excel-table.component.d.ts

@@ -16,6 +16,10 @@ export declare class UicExcelTableComponent {
     resetData(): void;
     private normalizeHeaderFormat;
     private formatHeader;
+    private normalizeImportedCellValue;
+    private isDateLikeCellFormat;
+    private formatParsedDate;
+    private formatDate;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicExcelTableComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<UicExcelTableComponent, "ui-excel-table", never, { "headerFormat": { "alias": "headerFormat"; "required": false; }; "title": { "alias": "title"; "required": false; }; "visibleRowsStep": { "alias": "visibleRowsStep"; "required": false; }; "record": { "alias": "record"; "required": false; }; }, { "recordChange": "recordChange"; }, never, never, true, never>;
 }

package/lib/components/inputs/select/select.component.d.ts

@@ -61,6 +61,8 @@ export declare class UicSelectComponent extends base {
     private setInitialActiveOption;
     private resetActiveOption;
     private moveActiveOption;
+    private findFirstEnabledOptionIndex;
+    private isKeyboardOptionEnabled;
     private scrollActiveOptionIntoView;
     private normalizeText;
     private escapeHtml;
@@ -73,5 +75,6 @@ export interface AppSelectOption {
     detail?: string;
     icon?: string;
     iconColor?: string;
+    disabled?: boolean;
 }
 export {};

package/lib/components/inputs/time-picker/time-picker.component.d.ts

@@ -39,6 +39,7 @@ export declare class UicTimePickerComponent extends base {
     selectedHour12: number | null;
     selectedMinute: number | null;
     selectedMeridiem: 'am' | 'pm' | null;
+    isOverlayOpen: boolean;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     private rebuildMinutes;
@@ -47,6 +48,11 @@ export declare class UicTimePickerComponent extends base {
     private syncSelectionFromValue;
     openOverlay(): void;
     closeOverlay(): void;
+    /**
+     * Cierra explícitamente el overlay desde el botón confirmar.
+     * Comitea la selección actual antes de cerrar.
+     */
+    confirmAndClose(): void;
     pickHour(hour: number): void;
     pickMinute(minute: number): void;
     pickMeridiem(meridiem: 'am' | 'pm'): void;

package/lib/components/user-formbuilder/block-editor/block-editor.component.d.ts

@@ -1,6 +1,6 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { EditableBlock, EditableField } from '../user-formbuilder.component';
-import { FieldConfig } from '../../dynamic-form/form.models';
+import { FieldConfig, FieldType } from '../../dynamic-form/form.models';
 import * as i0 from "@angular/core";
 export declare class BlockEditorComponent {
     block: import("@angular/core").InputSignal<EditableBlock>;
@@ -8,9 +8,25 @@ export declare class BlockEditorComponent {
     addFieldRequest: import("@angular/core").OutputEmitterRef<FieldConfig>;
     deleteBlock: import("@angular/core").OutputEmitterRef<string>;
     notifySelectedField: import("@angular/core").OutputEmitterRef<EditableField | null>;
+    notifySelectedSubField: import("@angular/core").OutputEmitterRef<{
+        parentCode: string;
+        subField: EditableField;
+    } | null>;
     selectedFieldId: string | null;
+    selectedSubFieldCode: string | null;
     visibilityParentFieldCodes: Set<string>;
+    excludeSubFieldTypes: FieldType[];
+    private expandedRepeaters;
+    isRepeaterExpanded(code: string): boolean;
+    toggleRepeater(code: string, event: Event): void;
+    isRepeaterParentSelected(field: EditableField): boolean;
     selectField(field: EditableField): void;
+    onSelectSubField(parentCode: string, subField: EditableField, event: Event): void;
+    addSubField(parentCode: string, type: FieldConfig): void;
+    deleteSubField(parentCode: string, sfCode: string, event: Event): void;
+    reorderSubFields(parentCode: string, event: CdkDragDrop<EditableField[]>): void;
+    private updateSubFields;
+    private generateSubFieldCode;
     changeTitle(newTitle: string): void;
     changeSubtitle(newSubtitle: string): void;
     addField(newFieldType: FieldConfig): void;
@@ -20,5 +36,5 @@ export declare class BlockEditorComponent {
     isBlockVisibilityParent(): boolean;
     reorderFields(event: CdkDragDrop<EditableField[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BlockEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BlockEditorComponent, "lib-block-editor", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "selectedFieldId": { "alias": "selectedFieldId"; "required": false; }; "visibilityParentFieldCodes": { "alias": "visibilityParentFieldCodes"; "required": false; }; }, { "blockChange": "blockChange"; "addFieldRequest": "addFieldRequest"; "deleteBlock": "deleteBlock"; "notifySelectedField": "notifySelectedField"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BlockEditorComponent, "lib-block-editor", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; "selectedFieldId": { "alias": "selectedFieldId"; "required": false; }; "selectedSubFieldCode": { "alias": "selectedSubFieldCode"; "required": false; }; "visibilityParentFieldCodes": { "alias": "visibilityParentFieldCodes"; "required": false; }; }, { "blockChange": "blockChange"; "addFieldRequest": "addFieldRequest"; "deleteBlock": "deleteBlock"; "notifySelectedField": "notifySelectedField"; "notifySelectedSubField": "notifySelectedSubField"; }, never, never, true, never>;
 }

package/lib/components/user-formbuilder/block-editor/field-editor/field-editor.component.d.ts

@@ -9,10 +9,14 @@ export declare class FieldEditorComponent {
     hasOptions: import("@angular/core").Signal<boolean>;
     hasOptionsSourceConfig: import("@angular/core").Signal<boolean>;
     hasExternalOptionsSource: import("@angular/core").Signal<boolean>;
+    isRepeater: import("@angular/core").Signal<boolean>;
     config: import("@angular/core").InputSignal<EditableField>;
     focusRequiredField: import("@angular/core").InputSignal<boolean>;
+    isSubField: import("@angular/core").InputSignal<boolean>;
     options: import("@angular/core").InputSignal<Record<string, AppSelectOption[]>>;
     hiddenSections: import("@angular/core").WritableSignal<string[]>;
+    editingRuleIndex: import("@angular/core").WritableSignal<number>;
+    isAddingNewRule: import("@angular/core").WritableSignal<boolean>;
     fieldChange: import("@angular/core").OutputEmitterRef<FormField>;
     localField: import("@angular/core").WritableSignal<FormField>;
     requiredFields: FormField[];
@@ -28,7 +32,11 @@ export declare class FieldEditorComponent {
     private scrollPropertiesToTop;
     updateRuleValue(fr: uicFormValuesRecord): void;
     addRule(): void;
-    removeRule(): void;
+    startEditingRule(index: number): void;
+    confirmEditingRule(): void;
+    cancelEditingRule(): void;
+    removeRule(index: number): void;
+    private clearDraftRule;
     updateFieldValues(fr: uicFormValuesRecord): void;
     updateOptions(options: AppSelectOption[]): void;
     private getDependencyFieldLabel;
@@ -44,8 +52,7 @@ export declare class FieldEditorComponent {
     private getDependencyFieldType;
     private getBranchValueFieldType;
     private ruleToBranchValues;
-    private clearCurrentVisibilityRule;
     private isValueLessVisibilityOperator;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldEditorComponent, "lib-field-editor", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "focusRequiredField": { "alias": "focusRequiredField"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldEditorComponent, "lib-field-editor", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "focusRequiredField": { "alias": "focusRequiredField"; "required": false; "isSignal": true; }; "isSubField": { "alias": "isSubField"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; }, never, never, true, never>;
 }

package/lib/components/user-formbuilder/block-editor/field-type-selector/field-type-selector.component.d.ts

@@ -1,9 +1,10 @@
-import { FieldConfig } from '../../../dynamic-form/form.models';
+import { FieldConfig, FieldType } from '../../../dynamic-form/form.models';
 import * as i0 from "@angular/core";
 export declare class FieldTypeSelectorComponent {
-    types: FieldConfig[];
+    excludeTypes: import("@angular/core").InputSignal<FieldType[]>;
+    types: import("@angular/core").Signal<FieldConfig[]>;
     selectType: import("@angular/core").OutputEmitterRef<FieldConfig>;
     addField(type: FieldConfig): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldTypeSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldTypeSelectorComponent, "lib-field-type-selector", never, {}, { "selectType": "selectType"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldTypeSelectorComponent, "lib-field-type-selector", never, { "excludeTypes": { "alias": "excludeTypes"; "required": false; "isSignal": true; }; }, { "selectType": "selectType"; }, never, never, true, never>;
 }

package/lib/components/user-formbuilder/user-formbuilder.component.d.ts

@@ -8,6 +8,7 @@ export type EditableField = {
     type?: string;
     field?: FieldConfig;
     fieldData: FormField;
+    repeaterSubFields?: EditableField[];
 };
 export type EditableBlock = {
     id?: number | null;
@@ -39,6 +40,10 @@ export declare class UicUserFormbuilderComponent {
     editingSnapshot: import("@angular/core").WritableSignal<EditableForm | null>;
     isReadOnly: import("@angular/core").WritableSignal<boolean>;
     selectedField: import("@angular/core").WritableSignal<EditableField | null>;
+    editingSubField: import("@angular/core").WritableSignal<{
+        parentCode: string;
+        subField: EditableField;
+    } | null>;
     focusNewFieldCode: import("@angular/core").WritableSignal<string | null>;
     propertiesWidth: import("@angular/core").WritableSignal<number>;
     previewSchema: import("@angular/core").Signal<FormSchema>;
@@ -52,6 +57,11 @@ export declare class UicUserFormbuilderComponent {
     deleteBlock(code: string): void;
     addField(blockCode: string, newFieldType: FieldConfig): void;
     selectField(field: EditableField | null): void;
+    onSelectSubField(event: {
+        parentCode: string;
+        subField: EditableField;
+    } | null): void;
+    onSubFieldChange(updatedFieldData: FormField): void;
     startPropertiesResize(event: MouseEvent): void;
     onPropertiesResize(event: MouseEvent): void;
     stopPropertiesResize(): void;

package/lib/translate/dictionary.en.d.ts

@@ -56,6 +56,7 @@ export declare const DICTIONARY_EN: {
     };
     readonly time_picker: {
         readonly placeholder: "hh:mm am/pm";
+        readonly confirm: "Confirm";
     };
     readonly excel_table: {
         readonly load_file: "Upload excel";
@@ -213,7 +214,7 @@ export declare const DICTIONARY_EN: {
             readonly monthMode: "Month mode";
             readonly monthMode_tip: "Select a month date";
             readonly monthDay: "Month day";
-            readonly monthDay_tip: "Pick first or last day";
+            readonly monthDay_tip: "To save in DB";
             readonly minDate: "Minimum date";
             readonly minDate_tip: "Earliest allowed date";
             readonly maxDate: "Maximum date";
@@ -258,6 +259,13 @@ export declare const DICTIONARY_EN: {
             readonly selectSearchEnabled_tip: "Enables search among options";
             readonly selectNullable: "Allow empty option";
             readonly selectSearchEnabled: "Enable search";
+            readonly repeaterMinItems: "Minimum items";
+            readonly repeaterMinItems_tip: "Minimum number of required items";
+            readonly repeaterMaxItems: "Maximum items";
+            readonly repeaterMaxItems_tip: "Maximum number of allowed items";
+            readonly repeaterAddLabel: "Add button label";
+            readonly repeaterRemoveLabel: "Remove button label";
+            readonly repeaterItemTitle: "Item title";
         };
         readonly options_editor: {
             readonly title: "Options";
@@ -269,9 +277,11 @@ export declare const DICTIONARY_EN: {
         };
         readonly field_editor: {
             readonly dependency_title: "Dependency";
-            readonly dependency_description: "This field is shown only if the rule is met:";
+            readonly dependency_description: "This field is shown only if all rules are met:";
             readonly add_relation: "Add relation";
             readonly remove_relation: "Remove relation";
+            readonly cancel: "Cancel";
+            readonly save: "Save";
             readonly basic: "Basic";
             readonly parent: "Parent";
             readonly operator: "Operator";
@@ -283,6 +293,7 @@ export declare const DICTIONARY_EN: {
             readonly delete: "Delete";
             readonly show_advanced: "Show advanced";
             readonly hide_advanced: "Hide advanced";
+            readonly subfields: "Sub-fields";
         };
         readonly visibility_operators: {
             readonly equals: "Equals";
@@ -298,6 +309,10 @@ export declare const DICTIONARY_EN: {
             readonly duplicate_identifier: "The identifier \"{{identifier}}\" is used more than once.";
             readonly duplicate_identifier_title: "Validation error";
         };
+        readonly repeater: {
+            readonly no_subfields: "No sub-fields yet. Add one below.";
+            readonly add_subfield: "Add sub-field";
+        };
     };
     readonly validation: {
         readonly invalid: "{{field}} is invalid.";

package/lib/translate/dictionary.es.d.ts

@@ -56,6 +56,7 @@ export declare const DICTIONARY_ES: {
     };
     readonly time_picker: {
         readonly placeholder: "hh:mm am/pm";
+        readonly confirm: "Confirmar";
     };
     readonly excel_table: {
         readonly load_file: "Cargar excel";
@@ -213,7 +214,7 @@ export declare const DICTIONARY_ES: {
             readonly monthMode: "Modo mes";
             readonly monthMode_tip: "Seleccionar fecha por mes";
             readonly monthDay: "Día del mes";
-            readonly monthDay_tip: "Elegir primer o último día";
+            readonly monthDay_tip: "Elegir Para guardar en BBDD";
             readonly minDate: "Fecha mínima";
             readonly minDate_tip: "Fecha mínima permitida";
             readonly maxDate: "Fecha máxima";
@@ -258,6 +259,13 @@ export declare const DICTIONARY_ES: {
             readonly selectSearchEnabled_tip: "Habilita búsqueda entre opciones";
             readonly selectNullable: "Permitir opción vacía";
             readonly selectSearchEnabled: "Habilitar búsqueda";
+            readonly repeaterMinItems: "Mínimo de ítems";
+            readonly repeaterMinItems_tip: "Cantidad mínima de ítems requerida";
+            readonly repeaterMaxItems: "Máximo de ítems";
+            readonly repeaterMaxItems_tip: "Cantidad máxima de ítems permitida";
+            readonly repeaterAddLabel: "Etiqueta del botón agregar";
+            readonly repeaterRemoveLabel: "Etiqueta del botón eliminar";
+            readonly repeaterItemTitle: "Título de ítem";
         };
         readonly options_editor: {
             readonly title: "Opciones";
@@ -269,9 +277,11 @@ export declare const DICTIONARY_ES: {
         };
         readonly field_editor: {
             readonly dependency_title: "Dependencia";
-            readonly dependency_description: "Este campo solo se muestra si se cumple la regla:";
+            readonly dependency_description: "Este campo solo se muestra si se cumplen todas las reglas:";
             readonly add_relation: "Agregar relación";
             readonly remove_relation: "Eliminar relación";
+            readonly cancel: "Cancelar";
+            readonly save: "Guardar";
             readonly basic: "Básico";
             readonly parent: "Padre";
             readonly operator: "Operador";
@@ -283,6 +293,7 @@ export declare const DICTIONARY_ES: {
             readonly delete: "Eliminar";
             readonly show_advanced: "Mostrar avanzado";
             readonly hide_advanced: "Ocultar avanzado";
+            readonly subfields: "Sub-campos";
         };
         readonly visibility_operators: {
             readonly equals: "Es igual a";
@@ -298,6 +309,10 @@ export declare const DICTIONARY_ES: {
             readonly duplicate_identifier: "El identificador \"{{identifier}}\" se está usando más de una vez.";
             readonly duplicate_identifier_title: "Error de validación";
         };
+        readonly repeater: {
+            readonly no_subfields: "Sin sub-campos. Añade uno abajo.";
+            readonly add_subfield: "Agregar sub-campo";
+        };
     };
     readonly validation: {
         readonly invalid: "{{field}} es invalido.";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-core-abv",
-  "version": "0.6.81",
+  "version": "0.7.2",
   "peerDependencies": {
     "@angular/common": ">=19.2.0 <21.0.0",
     "@angular/core": ">=19.2.0  <21.0.0",

package/public-api.d.ts

@@ -40,6 +40,7 @@ export * from './lib/components/tag-selector/tag-selector.component';
 export * from './lib/components/progress-bar/progress-bar.component';
 export * from './lib/animations/animatios.index';
 export * from './lib/components/dynamic-form/form.models';
+export * from './lib/components/dynamic-form/repeater/repeater.component';
 export * from './lib/components/user-formbuilder/user-formbuilder.component';
 export * from './lib/components/rule-builder/rule-builder.component';
 export * from './lib/services/modal.service';