ui-core-abv 0.7.0 → 0.7.2

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,10 +36,17 @@ 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;
@@ -66,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;
@@ -89,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,6 +107,16 @@ 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[];

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/field-editor/field-editor.component.d.ts

@@ -15,6 +15,8 @@ export declare class FieldEditorComponent {
     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[];
@@ -30,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;
@@ -46,7 +52,6 @@ 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; }; "isSubField": { "alias": "isSubField"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; }, never, never, true, never>;

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";
@@ -276,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";

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";
@@ -276,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";

package/package.json

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