ui-core-abv 0.9.6 → 0.9.9

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

@@ -2,7 +2,7 @@ import { NgZone, OnDestroy } from '@angular/core';
 import { AbstractControl, FormArray, FormGroup } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { ButtonColor } from '../../button/button.component';
-import { FormField, SelectOptionsResolver } from '../form.models';
+import { FormField, FormIconMode, SelectOptionsResolver } from '../form.models';
 import * as i0 from "@angular/core";
 interface DynamicFieldState {
     field: FormField;
@@ -36,6 +36,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     fieldBlur: import("@angular/core").OutputEmitterRef<string>;
     voiceToTextSilenceMs: number;
     cols: number;
+    iconMode?: FormIconMode;
     fileUidResolverFn?: (fileUid: string, fileName: string, fieldLabel: string) => void;
     selectOptionsResolver?: SelectOptionsResolver;
     parentFormValues?: Record<string, any>;
@@ -45,6 +46,7 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     private readonly formSyncEffect;
     private readonly fieldStateSyncEffect;
     readonly colorToIcon: Record<string, string>;
+    private readonly checklistIcon;
     constructor(ngZone: NgZone);
     ngOnDestroy(): void;
     getGridColumn(field: FormField): string;
@@ -64,6 +66,10 @@ export declare class UicDynamicFormComponent implements OnDestroy {
     asFormArray(control: AbstractControl | null): FormArray;
     isListening(fieldName: string): boolean;
     private readonly errorMessages;
+    getFieldIcon(field: FormField): string;
+    getFieldIconColor(field: FormField, control: AbstractControl | null, value: any): ButtonColor;
+    private getChecklistColor;
+    private isFieldComplete;
     getInputColor(field: FormField, value: string | number): ButtonColor;
     getIconByColor(field: FormField, color: string): ButtonColor;
     getSearcherFn(field: FormField): ((query: string) => Observable<any[]>) | undefined;
@@ -79,6 +85,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; }; "isSubForm": { "alias": "isSubForm"; "required": false; }; "form": { "alias": "form"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "externalValidationStates": { "alias": "externalValidationStates"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "parentFormValues": { "alias": "parentFormValues"; "required": false; }; }, { "fieldBlur": "fieldBlur"; }, 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; }; "externalValidationStates": { "alias": "externalValidationStates"; "required": false; }; "voiceToTextSilenceMs": { "alias": "voiceToTextSilenceMs"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; "iconMode": { "alias": "iconMode"; "required": false; }; "fileUidResolverFn": { "alias": "fileUidResolverFn"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "parentFormValues": { "alias": "parentFormValues"; "required": false; }; }, { "fieldBlur": "fieldBlur"; }, never, never, true, never>;
 }
 export {};

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

@@ -1,7 +1,7 @@
 import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { AppSelectOption } from '../../inputs/select/select.component';
-import { ComputedFieldResolver, ExternalValidatorResolver, FormField, FormResult, FormSchema, SelectOptionsResolver, SelectOptionsSource, uicFormValuesRecord } from '../form.models';
+import { ComputedFieldResolver, ExternalValidatorResolver, FormField, FormIconMode, 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;
@@ -22,6 +22,7 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     loading: boolean;
     disabled: boolean;
     showButtons: boolean;
+    iconMode?: FormIconMode;
     fillSelects: boolean;
     initialValues: uicFormValuesRecord;
     focusFieldName: string | null;
@@ -118,6 +119,8 @@ export declare class UicFormWrapperComponent implements OnInit, OnChanges, OnDes
     updateFieldDisabled(name: string, disabled: boolean): void;
     updateFieldLoading(name: string, loading: boolean): void;
     submit(): FormResult;
+    /** Valores actuales del formulario, sin importar si son válidos. */
+    getCurrentValues(): uicFormValuesRecord;
     clean(hardReset?: boolean): void;
     addFieldControl(field: FormField, after?: string): void;
     removeFieldControl(name: string): void;
@@ -135,5 +138,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; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "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; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "iconMode": { "alias": "iconMode"; "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

@@ -1,6 +1,7 @@
 import { Observable } from "rxjs";
 import { AppSelectOption } from "../inputs/select/select.component";
 import { ButtonColor } from "../button/button.component";
+export type FormIconMode = 'checklist';
 export interface FormStep {
     title: string;
     form: FormSchema;

package/lib/components/inputs/multy-searcher/multy-searcher.component.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
+import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 type MultySearcherValue = Record<string, any>[];
 declare const base: abstract new () => {
@@ -15,7 +16,7 @@ declare const base: abstract new () => {
 };
 export declare class UicMultySearcherComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     label: string;
     error: string;

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

@@ -16,7 +16,7 @@ declare const base: abstract new () => {
 };
 export declare class UicMultySelectComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     internalIconColor: ButtonColor;
     size: 's' | 'm' | 'l';

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

@@ -14,7 +14,7 @@ declare const base: abstract new () => {
 };
 export declare class UicTimePickerComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     internalIconColor: ButtonColor;
     disabled: boolean;

package/lib/components/inputs/uic-searcher/uic-searcher.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { Observable } from 'rxjs';
+import { ButtonColor } from '../../button/button.component';
 import * as i0 from "@angular/core";
 declare const base: abstract new () => {
     value: Record<string, any> | null;
@@ -14,7 +15,7 @@ declare const base: abstract new () => {
 };
 export declare class UicSearcherComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     internalIcon: string;
     size: 's' | 'm' | 'l';
     label: string;

package/lib/components/pool-options/pool-options.component.d.ts

@@ -1,5 +1,6 @@
 import { SimpleChanges } from '@angular/core';
 import { AppSelectOption } from '../inputs/select/select.component';
+import { ButtonColor } from '../button/button.component';
 import * as i0 from "@angular/core";
 type selectId = number | string;
 type selectedDetailed = {
@@ -19,7 +20,7 @@ declare const base: abstract new () => {
 };
 export declare class UicPoolOptionsComponent extends base {
     icon: string;
-    iconColor: 'primary' | 'secondary';
+    iconColor: ButtonColor;
     size: 's' | 'm' | 'l';
     label: string;
     error: string;

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

@@ -6,8 +6,6 @@ export declare class FieldEditorComponent {
     private readonly translateService;
     private readonly elementRef;
     private currentFieldCode;
-    private nameManuallySetForCurrentField;
-    private readonly basicFormWrapper?;
     hasOptions: import("@angular/core").Signal<boolean>;
     hasOptionsSourceConfig: import("@angular/core").Signal<boolean>;
     hasExternalOptionsSource: import("@angular/core").Signal<boolean>;
@@ -23,7 +21,6 @@ export declare class FieldEditorComponent {
     editingRuleIndex: import("@angular/core").WritableSignal<number>;
     isAddingNewRule: import("@angular/core").WritableSignal<boolean>;
     fieldChange: import("@angular/core").OutputEmitterRef<FormField>;
-    nameManuallySet: import("@angular/core").OutputEmitterRef<void>;
     localField: import("@angular/core").WritableSignal<FormField>;
     requiredFields: import("@angular/core").Signal<FormField[]>;
     optionsSourceFields: import("@angular/core").Signal<FormField[]>;
@@ -45,7 +42,6 @@ export declare class FieldEditorComponent {
     cancelEditingRule(): void;
     removeRule(index: number): void;
     private clearDraftRule;
-    private normalizeLabelToName;
     updateFieldValues(fr: uicFormValuesRecord): void;
     updateOptions(options: AppSelectOption[]): void;
     private getDependencyFieldLabel;
@@ -64,5 +60,5 @@ export declare class FieldEditorComponent {
     private buildComputedSourceFields;
     private buildExternalValidationFields;
     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; }; "enableNameModify": { "alias": "enableNameModify"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "nameManuallySet": "nameManuallySet"; }, 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; }; "enableNameModify": { "alias": "enableNameModify"; "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,4 +1,4 @@
-import { ComputedFieldResolver, ExternalValidatorResolver, FormResult, FormSchema, SelectOptionsResolver } from '../../dynamic-form/form.models';
+import { ComputedFieldResolver, ExternalValidatorResolver, FormSchema, SelectOptionsResolver } from '../../dynamic-form/form.models';
 import * as i0 from "@angular/core";
 export declare class FormPreviewComponent {
     data: {
@@ -11,13 +11,14 @@ export declare class FormPreviewComponent {
     selectOptionsResolver?: SelectOptionsResolver;
     computedFieldResolver?: ComputedFieldResolver;
     externalValidatorResolver?: ExternalValidatorResolver;
+    private readonly formWrapper?;
     constructor(data: {
         schema: FormSchema;
         selectOptionsResolver?: SelectOptionsResolver;
         computedFieldResolver?: ComputedFieldResolver;
         externalValidatorResolver?: ExternalValidatorResolver;
     });
-    save(fr: FormResult): void;
+    copyResponseToClipboard(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormPreviewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormPreviewComponent, "lib-form-preview", never, {}, {}, never, never, true, never>;
 }

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

@@ -83,7 +83,6 @@ export declare class UicUserFormbuilderComponent {
         parentCode: string;
         subField: EditableField;
     } | null): void;
-    onFieldNameManuallySet(): void;
     onNewSubField(event: {
         parentCode: string;
         subField: EditableField;

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

@@ -172,6 +172,7 @@ export declare const DICTIONARY_EN: {
         readonly preview_form: "Preview";
         readonly submit_form: "Submit";
         readonly preview_form_label: "This is just a preview";
+        readonly preview_copy_response: "Validate and copy response";
         readonly select_field_to_edit: "Select a field to edit its properties";
         readonly no_fields: "Add fields to your form";
         readonly base: {

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

@@ -171,6 +171,7 @@ export declare const DICTIONARY_ES: {
         readonly delete_field_dependency_blocked: "Este campo no se puede eliminar porque otro campo depende de su valor";
         readonly preview_form: "Vista previa";
         readonly preview_form_label: "Esta es solo una vista previa";
+        readonly preview_copy_response: "Validar y copiar respuesta";
         readonly submit_form: "Guardar";
         readonly select_field_to_edit: "Selecciona un campo para editar sus propiedades";
         readonly no_fields: "Añade campos a tu formulario";

package/package.json

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