ui-core-abv 0.7.2 → 0.7.5

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

@@ -33,7 +33,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     get disabled(): boolean;
     voiceToTextSilenceMs: number;
     cols: number;
-    fileUidResolverFn?: (fileUid: string) => void;
+    fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
     selectOptionsResolver?: SelectOptionsResolver;
     listeningField: string | null;
     readonly fieldStates: import("@angular/core").Signal<DynamicFieldState[]>;

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

@@ -25,7 +25,7 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     initialValues: uicFormValuesRecord;
     focusFieldName: string | null;
     focusFieldTrigger: unknown;
-    fileUidResolverFn?: (fileUid: string) => void;
+    fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
     formSubmit: EventEmitter<FormResult>;
     formChange: EventEmitter<uicFormValuesRecord>;
     optionsSourceError: EventEmitter<{

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

@@ -150,12 +150,13 @@ 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' | 'repeater';
+export type FieldType = 'text' | 'number' | 'phone' | 'date' | 'time' | 'select' | 'radio' | 'checkbox' | 'switch' | 'textarea' | 'pool' | 'file' | 'multyselect' | 'searcher' | 'slider' | 'repeater' | 'computed';
 export interface FormResult {
     result: boolean;
     form: uicFormValuesRecord | null;
 }
 export type uicFormValuesRecord = Record<string, any>;
+export declare const COMPUTED_FORM_FIELDS: FormField[];
 export declare const BASE_FORM_FIELDS: FormField[];
 export declare const LAYOUT_FORM_FIELDS: FormField[];
 export declare const EXTRA_FORM_FIELDS: FormField[];

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

@@ -8,6 +8,7 @@ export declare class UicRepeaterComponent implements OnInit {
     field: FormField;
     cols: number;
     error?: string;
+    fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
     ngOnInit(): void;
     getGroup(index: number): FormGroup;
     addGroup(): void;
@@ -17,5 +18,5 @@ export declare class UicRepeaterComponent implements OnInit {
     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>;
+    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; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/inputs/file-input/file-input.component.d.ts

@@ -30,7 +30,7 @@ export declare class UicFileInputComponent extends base {
     loading: boolean;
     multy: boolean;
     fileTypes: string[] | string | null;
-    fileUidResolverFn?: (fileUid: string) => void;
+    fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
     private fileInput?;
     private readonly push;
     value: UicFileInputValue[];

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

@@ -10,6 +10,7 @@ export declare class FieldEditorComponent {
     hasOptionsSourceConfig: import("@angular/core").Signal<boolean>;
     hasExternalOptionsSource: import("@angular/core").Signal<boolean>;
     isRepeater: import("@angular/core").Signal<boolean>;
+    isComputed: import("@angular/core").Signal<boolean>;
     config: import("@angular/core").InputSignal<EditableField>;
     focusRequiredField: import("@angular/core").InputSignal<boolean>;
     isSubField: import("@angular/core").InputSignal<boolean>;
@@ -21,6 +22,7 @@ export declare class FieldEditorComponent {
     localField: import("@angular/core").WritableSignal<FormField>;
     requiredFields: FormField[];
     optionsSourceFields: import("@angular/core").Signal<FormField[]>;
+    computedSourceFields: import("@angular/core").Signal<FormField[]>;
     advancedFields: import("@angular/core").Signal<FormField[]>;
     styleFields: import("@angular/core").Signal<FormField[]>;
     branchDraftValues: import("@angular/core").WritableSignal<uicFormValuesRecord>;
@@ -53,6 +55,7 @@ export declare class FieldEditorComponent {
     private getBranchValueFieldType;
     private ruleToBranchValues;
     private isValueLessVisibilityOperator;
+    private buildComputedSourceFields;
     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/components/user-formbuilder/form-preview/form-preview.component.d.ts

@@ -1,15 +1,18 @@
-import { FormResult, FormSchema, SelectOptionsResolver } from '../../dynamic-form/form.models';
+import { ComputedFieldResolver, FormResult, FormSchema, SelectOptionsResolver } from '../../dynamic-form/form.models';
 import * as i0 from "@angular/core";
 export declare class FormPreviewComponent {
     data: {
         schema: FormSchema;
         selectOptionsResolver?: SelectOptionsResolver;
+        computedFieldResolver?: ComputedFieldResolver;
     };
     schema: FormSchema;
     selectOptionsResolver?: SelectOptionsResolver;
+    computedFieldResolver?: ComputedFieldResolver;
     constructor(data: {
         schema: FormSchema;
         selectOptionsResolver?: SelectOptionsResolver;
+        computedFieldResolver?: ComputedFieldResolver;
     });
     save(fr: FormResult): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormPreviewComponent, never>;

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

@@ -1,4 +1,4 @@
-import { FieldConfig, FormField, FormSchema, SelectOptionsResolver } from '../dynamic-form/form.models';
+import { FieldConfig, FormField, FormSchema, SelectOptionsResolver, ComputedFieldResolver } from '../dynamic-form/form.models';
 import { AppSelectOption } from '../inputs/select/select.component';
 import * as i0 from "@angular/core";
 export type EditableField = {
@@ -21,6 +21,10 @@ export type EditableBlock = {
 export type EditableForm = {
     cols: number;
     blocks: EditableBlock[];
+    titleFontSize?: number;
+    subtitleFontSize?: number;
+    titleMargin?: number;
+    subtitleMargin?: number;
 };
 export declare class UicUserFormbuilderComponent {
     private readonly modalService;
@@ -29,13 +33,20 @@ export declare class UicUserFormbuilderComponent {
     disabled: boolean;
     formTitle: string;
     optionSources: AppSelectOption[];
+    computedSources: AppSelectOption[];
     selectOptionsResolver?: SelectOptionsResolver;
+    computedFieldResolver?: ComputedFieldResolver;
     readOnly: import("@angular/core").InputSignal<boolean>;
     editableFormInput: import("@angular/core").InputSignal<EditableForm>;
     submitFormRequest: import("@angular/core").OutputEmitterRef<EditableForm>;
     nextBlockId: number;
     nextFieldId: number;
     editableCols: import("@angular/core").WritableSignal<number>;
+    editableTitleFontSize: import("@angular/core").WritableSignal<number | null>;
+    editableSubtitleFontSize: import("@angular/core").WritableSignal<number | null>;
+    editableTitleMargin: import("@angular/core").WritableSignal<number | null>;
+    editableSubtitleMargin: import("@angular/core").WritableSignal<number | null>;
+    headerRowExpanded: import("@angular/core").WritableSignal<boolean>;
     editableBlocks: import("@angular/core").WritableSignal<EditableBlock[]>;
     editingSnapshot: import("@angular/core").WritableSignal<EditableForm | null>;
     isReadOnly: import("@angular/core").WritableSignal<boolean>;
@@ -80,5 +91,9 @@ export declare class UicUserFormbuilderComponent {
     private prepareFieldDataForSubmit;
     private deepClone;
     static ɵfac: i0.ɵɵFactoryDeclaration<UicUserFormbuilderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UicUserFormbuilderComponent, "ui-user-formbuilder", never, { "disabled": { "alias": "disabled"; "required": false; }; "formTitle": { "alias": "formTitle"; "required": false; }; "optionSources": { "alias": "optionSources"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "editableFormInput": { "alias": "editableForm"; "required": false; "isSignal": true; }; }, { "submitFormRequest": "submitFormRequest"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicUserFormbuilderComponent, "ui-user-formbuilder", never, { "disabled": { "alias": "disabled"; "required": false; }; "formTitle": { "alias": "formTitle"; "required": false; }; "optionSources": { "alias": "optionSources"; "required": false; }; "computedSources": { "alias": "computedSources"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "editableFormInput": { "alias": "editableForm"; "required": false; "isSignal": true; }; }, { "submitFormRequest": "submitFormRequest"; }, never, never, true, never>;
+}
+export interface ComputedSourceOption {
+    id: string | number;
+    text: string;
 }

package/lib/helpers.d.ts

@@ -2,7 +2,16 @@ import { EditableBlock, FormBlock, TableColums, TableRowData } from "../public-a
 export declare function helperTableMapDatoToColums(data: Record<string, any>, headers: TableColums[]): TableRowData[];
 export declare function helperFormMapFormdataToObject<T extends object>(formData: Record<string, any>, defaults: T): T;
 export declare function isMobile(): boolean;
-export declare function helperShowFormFromBuilder(blocks: EditableBlock[], cols: number, editable?: boolean): {
-    cols: number;
+export declare function helperShowFormFromBuilder(blocks: EditableBlock[], cols: number, editable?: boolean, schemaOptions?: {
+    titleFontSize?: number;
+    subtitleFontSize?: number;
+    titleMargin?: number;
+    subtitleMargin?: number;
+}): {
     blocks: FormBlock[];
+    titleFontSize?: number;
+    subtitleFontSize?: number;
+    titleMargin?: number;
+    subtitleMargin?: number;
+    cols: number;
 };

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

@@ -266,6 +266,10 @@ export declare const DICTIONARY_EN: {
             readonly repeaterAddLabel: "Add button label";
             readonly repeaterRemoveLabel: "Remove button label";
             readonly repeaterItemTitle: "Item title";
+            readonly computedSourceKey: "Calculation key";
+            readonly computedSourceKey_tip: "Identifier the consumer resolver will receive";
+            readonly computedSourceDependsOn: "Depends on";
+            readonly computedSourceDependsOn_tip: "Fields whose change triggers recalculation";
         };
         readonly options_editor: {
             readonly title: "Options";
@@ -313,6 +317,12 @@ export declare const DICTIONARY_EN: {
             readonly no_subfields: "No sub-fields yet. Add one below.";
             readonly add_subfield: "Add sub-field";
         };
+        readonly schema: {
+            readonly title_font_size: "Title size";
+            readonly subtitle_font_size: "Subtitle size";
+            readonly title_margin: "Title margin";
+            readonly subtitle_margin: "Subtitle margin";
+        };
     };
     readonly validation: {
         readonly invalid: "{{field}} is invalid.";

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

@@ -266,6 +266,10 @@ export declare const DICTIONARY_ES: {
             readonly repeaterAddLabel: "Etiqueta del botón agregar";
             readonly repeaterRemoveLabel: "Etiqueta del botón eliminar";
             readonly repeaterItemTitle: "Título de ítem";
+            readonly computedSourceKey: "Clave de cálculo";
+            readonly computedSourceKey_tip: "Identificador que recibirá el resolver del consumidor";
+            readonly computedSourceDependsOn: "Depende de";
+            readonly computedSourceDependsOn_tip: "Campos cuyo cambio dispara el recálculo";
         };
         readonly options_editor: {
             readonly title: "Opciones";
@@ -313,6 +317,12 @@ export declare const DICTIONARY_ES: {
             readonly no_subfields: "Sin sub-campos. Añade uno abajo.";
             readonly add_subfield: "Agregar sub-campo";
         };
+        readonly schema: {
+            readonly title_font_size: "Tamaño título";
+            readonly subtitle_font_size: "Tamaño subtítulo";
+            readonly title_margin: "Margen título";
+            readonly subtitle_margin: "Margen subtítulo";
+        };
     };
     readonly validation: {
         readonly invalid: "{{field}} es invalido.";

package/package.json

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