ui-core-abv 0.7.9 → 0.8.1

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

@@ -12,6 +12,10 @@ export declare class BlockEditorComponent {
         parentCode: string;
         subField: EditableField;
     } | null>;
+    notifyNewSubField: import("@angular/core").OutputEmitterRef<{
+        parentCode: string;
+        subField: EditableField;
+    }>;
     selectedFieldId: import("@angular/core").InputSignal<string | null>;
     selectedSubFieldCode: import("@angular/core").InputSignal<string | null>;
     selectedSubFieldParentCode: import("@angular/core").InputSignal<string | null>;
@@ -39,5 +43,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; "isSignal": true; }; "selectedSubFieldCode": { "alias": "selectedSubFieldCode"; "required": false; "isSignal": true; }; "selectedSubFieldParentCode": { "alias": "selectedSubFieldParentCode"; "required": false; "isSignal": true; }; "visibilityParentFieldCodes": { "alias": "visibilityParentFieldCodes"; "required": false; }; }, { "blockChange": "blockChange"; "addFieldRequest": "addFieldRequest"; "deleteBlock": "deleteBlock"; "notifySelectedField": "notifySelectedField"; "notifySelectedSubField": "notifySelectedSubField"; }, 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; "isSignal": true; }; "selectedSubFieldCode": { "alias": "selectedSubFieldCode"; "required": false; "isSignal": true; }; "selectedSubFieldParentCode": { "alias": "selectedSubFieldParentCode"; "required": false; "isSignal": true; }; "visibilityParentFieldCodes": { "alias": "visibilityParentFieldCodes"; "required": false; }; }, { "blockChange": "blockChange"; "addFieldRequest": "addFieldRequest"; "deleteBlock": "deleteBlock"; "notifySelectedField": "notifySelectedField"; "notifySelectedSubField": "notifySelectedSubField"; "notifyNewSubField": "notifyNewSubField"; }, never, never, true, never>;
 }

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

@@ -15,6 +15,7 @@ export declare class FieldEditorComponent {
     config: import("@angular/core").InputSignal<EditableField>;
     focusRequiredField: import("@angular/core").InputSignal<boolean>;
     isSubField: import("@angular/core").InputSignal<boolean>;
+    enableNameModify: 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>;
@@ -22,7 +23,7 @@ export declare class FieldEditorComponent {
     fieldChange: import("@angular/core").OutputEmitterRef<FormField>;
     nameManuallySet: import("@angular/core").OutputEmitterRef<void>;
     localField: import("@angular/core").WritableSignal<FormField>;
-    requiredFields: FormField[];
+    requiredFields: import("@angular/core").Signal<FormField[]>;
     optionsSourceFields: import("@angular/core").Signal<FormField[]>;
     computedSourceFields: import("@angular/core").Signal<FormField[]>;
     advancedFields: import("@angular/core").Signal<FormField[]>;
@@ -47,7 +48,6 @@ export declare class FieldEditorComponent {
     updateOptions(options: AppSelectOption[]): void;
     private getDependencyFieldLabel;
     toggleSection(section: string): void;
-    private buildRequiredFields;
     private buildDesignBlocks;
     private buildAdvancedBlocks;
     private buildOptionsSourceFields;
@@ -62,5 +62,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; }; "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"; "nameManuallySet": "nameManuallySet"; }, never, never, true, never>;
 }

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

@@ -41,6 +41,7 @@ export declare class UicUserFormbuilderComponent {
     computedFieldResolver?: ComputedFieldResolver;
     externalValidatorResolver?: ExternalValidatorResolver;
     readOnly: import("@angular/core").InputSignal<boolean>;
+    enableNameModify: import("@angular/core").InputSignal<boolean>;
     editableFormInput: import("@angular/core").InputSignal<EditableForm>;
     submitFormRequest: import("@angular/core").OutputEmitterRef<EditableForm>;
     nextBlockId: number;
@@ -60,6 +61,7 @@ export declare class UicUserFormbuilderComponent {
         subField: EditableField;
     } | null>;
     focusNewFieldCode: import("@angular/core").WritableSignal<string | null>;
+    focusNewSubFieldCode: import("@angular/core").WritableSignal<string | null>;
     propertiesWidth: import("@angular/core").WritableSignal<number>;
     previewSchema: import("@angular/core").Signal<FormSchema>;
     visibilityParentFieldCodes: import("@angular/core").Signal<Set<string>>;
@@ -78,7 +80,10 @@ export declare class UicUserFormbuilderComponent {
         subField: EditableField;
     } | null): void;
     onFieldNameManuallySet(): void;
-    onSubFieldNameManuallySet(): void;
+    onNewSubField(event: {
+        parentCode: string;
+        subField: EditableField;
+    }): void;
     onSubFieldChange(updatedFieldData: FormField): void;
     startPropertiesResize(event: MouseEvent): void;
     onPropertiesResize(event: MouseEvent): void;
@@ -86,6 +91,7 @@ export declare class UicUserFormbuilderComponent {
     printForm(): void;
     copySchemaToClipboard(): void;
     submitForm(): void;
+    private deduplicateFieldNames;
     private getDuplicatedFieldName;
     enableEditMode(): void;
     discardChanges(): void;
@@ -99,7 +105,7 @@ 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; }; "computedSources": { "alias": "computedSources"; "required": false; }; "validationSources": { "alias": "validationSources"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "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; }; "validationSources": { "alias": "validationSources"; "required": false; }; "selectOptionsResolver": { "alias": "selectOptionsResolver"; "required": false; }; "computedFieldResolver": { "alias": "computedFieldResolver"; "required": false; }; "externalValidatorResolver": { "alias": "externalValidatorResolver"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "enableNameModify": { "alias": "enableNameModify"; "required": false; "isSignal": true; }; "editableFormInput": { "alias": "editableForm"; "required": false; "isSignal": true; }; }, { "submitFormRequest": "submitFormRequest"; }, never, never, true, never>;
 }
 export interface ComputedSourceOption {
     id: string | number;

package/lib/components/wizard/wizard-step.component.d.ts

@@ -0,0 +1,13 @@
+import { FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class UicWizardStepComponent {
+    title: import("@angular/core").InputSignal<string>;
+    formRef: import("@angular/core").InputSignal<FormGroup<any> | null>;
+    validateFn: import("@angular/core").InputSignal<(() => boolean) | null>;
+    canSkip: import("@angular/core").InputSignal<boolean>;
+    /** Controlled by UicWizardComponent via effect */
+    isActive: import("@angular/core").WritableSignal<boolean>;
+    validate(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicWizardStepComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicWizardStepComponent, "uic-wizard-step", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "formRef": { "alias": "formRef"; "required": false; "isSignal": true; }; "validateFn": { "alias": "validateFn"; "required": false; "isSignal": true; }; "canSkip": { "alias": "canSkip"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/wizard/wizard.component.d.ts

@@ -0,0 +1,20 @@
+import { UicWizardStepComponent } from './wizard-step.component';
+import { ButtonColor } from '../button/button.component';
+import * as i0 from "@angular/core";
+export declare class UicWizardComponent {
+    steps: import("@angular/core").Signal<readonly UicWizardStepComponent[]>;
+    navigationEnabled: import("@angular/core").InputSignal<boolean>;
+    buttonsColor: import("@angular/core").InputSignal<ButtonColor>;
+    stepChange: import("@angular/core").OutputEmitterRef<number>;
+    wizardComplete: import("@angular/core").OutputEmitterRef<void>;
+    currentIdx: import("@angular/core").WritableSignal<number>;
+    isFirst: import("@angular/core").Signal<boolean>;
+    isLast: import("@angular/core").Signal<boolean>;
+    stepTitles: import("@angular/core").Signal<string[]>;
+    constructor();
+    next(): void;
+    back(): void;
+    goTo(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UicWizardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UicWizardComponent, "uic-wizard", never, { "navigationEnabled": { "alias": "navigationEnabled"; "required": false; "isSignal": true; }; "buttonsColor": { "alias": "buttonsColor"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; "wizardComplete": "wizardComplete"; }, ["steps"], ["*"], true, never>;
+}

package/lib/components/wizard/wizard.index.d.ts

@@ -0,0 +1,2 @@
+export * from './wizard.component';
+export * from './wizard-step.component';

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

@@ -126,6 +126,12 @@ export declare const DICTIONARY_EN: {
         readonly next: "Next";
         readonly submit: "Send";
     };
+    readonly wizard: {
+        readonly back: "Previous";
+        readonly next: "Next";
+        readonly finish: "Finish";
+        readonly step_of: "Step {{current}} of {{total}}";
+    };
     readonly work_panel: {
         readonly minimize: "Minimize";
         readonly expand: "Expand";
@@ -164,6 +170,7 @@ export declare const DICTIONARY_EN: {
         readonly delete_field_dependency_blocked: "This field cannot be deleted because another field depends on its value";
         readonly preview_form: "Preview";
         readonly submit_form: "Submit";
+        readonly preview_form_label: "This is just a preview";
         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

@@ -126,6 +126,12 @@ export declare const DICTIONARY_ES: {
         readonly next: "Siguiente";
         readonly submit: "Enviar";
     };
+    readonly wizard: {
+        readonly back: "Anterior";
+        readonly next: "Siguiente";
+        readonly finish: "Finalizar";
+        readonly step_of: "Paso {{current}} de {{total}}";
+    };
     readonly work_panel: {
         readonly minimize: "Minimizar";
         readonly expand: "Agrandar";
@@ -163,6 +169,7 @@ export declare const DICTIONARY_ES: {
         readonly delete_block_dependency_blocked: "Este bloque no se puede eliminar porque contiene campos de los que dependen otros campos";
         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 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.7.9",
+  "version": "0.8.1",
   "peerDependencies": {
     "@angular/common": ">=19.2.0 <21.0.0",
     "@angular/core": ">=19.2.0  <21.0.0",

package/public-api.d.ts

@@ -38,6 +38,7 @@ export * from './lib/components/excel-table/excel-table.component';
 export * from './lib/components/editable-table/editable-table.component';
 export * from './lib/components/tag-selector/tag-selector.component';
 export * from './lib/components/progress-bar/progress-bar.component';
+export * from './lib/components/wizard/wizard.index';
 export * from './lib/animations/animatios.index';
 export * from './lib/components/dynamic-form/form.models';
 export * from './lib/components/dynamic-form/repeater/repeater.component';