ngx-t-forms 0.0.1 → 2.0.2

package/lib/components/form-builder/elements/input-element-editor/input-element-editor.component.d.ts

@@ -14,29 +14,31 @@ export declare class InputElementEditorComponent {
         title?: string;
         description?: string;
     }>;
-    inputElementEditorConfigs: import("@angular/core").Signal<{
-        editorSections: {
-            elements: ElementEditorInnerSectionElementInterface[];
-            hasErrors: boolean;
-            label: string;
-            showItemValue?: keyof import("ngx-t-forms-types").FormColumnInputs;
-            id: string;
-            additionalTest?: import("ngx-t-forms-types").ConfigurationValidTestInterface[];
-        }[];
-        title?: string;
-        description?: string;
-    } | undefined>;
     inputInEdit$: import("rxjs").Observable<import("ngx-t-forms-types").FormColumnInputs | undefined>;
-    inputInEdit: import("@angular/core").Signal<import("ngx-t-forms-types").FormColumnInputs | undefined>;
     defaultInputInEdit$: import("rxjs").Observable<any>;
-    defaultInputInEdit: import("@angular/core").Signal<any>;
     formInputs$: import("rxjs").Observable<import("ngx-t-forms-types").FormColumnInputs[]>;
-    formInputs: import("@angular/core").Signal<import("ngx-t-forms-types").FormColumnInputs[] | undefined>;
     elementConfigurationChanged: (value: any, ele: ElementEditorInnerSectionElementInterface) => void;
     clearInputInEdit: () => void;
     elementBlur: (event: any, element: ElementEditorInnerSectionElementInterface) => void;
     inputInEditValidationErrors$: import("rxjs").Observable<import("ngx-t-forms-types").ValidationError[]>;
-    inputInEditValidationErrors: import("@angular/core").Signal<import("ngx-t-forms-types").ValidationError[] | undefined>;
+    vm$: import("rxjs").Observable<{
+        defaultInputInEdit: any;
+        inputInEdit: import("ngx-t-forms-types").FormColumnInputs | undefined;
+        inputElementEditorConfigs: {
+            editorSections: {
+                elements: ElementEditorInnerSectionElementInterface[];
+                hasErrors: boolean;
+                label: string;
+                showItemValue?: keyof import("ngx-t-forms-types").FormColumnInputs;
+                id: string;
+                additionalTest?: import("ngx-t-forms-types").ConfigurationValidTestInterface[];
+            }[];
+            title?: string;
+            description?: string;
+        };
+        inputInEditValidationErrors: import("ngx-t-forms-types").ValidationError[];
+        formInputs: import("ngx-t-forms-types").FormColumnInputs[];
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputElementEditorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputElementEditorComponent, "app-input-element-editor", never, {}, {}, never, never, true, never>;
 }

package/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.d.ts

@@ -2,8 +2,8 @@ import { FormsStoreService } from '../../../forms/store/forms-store.service';
 import * as i0 from "@angular/core";
 export declare class MissingFormConfigsComponent {
     private store;
-    errors: import("@angular/core").Signal<string[]>;
-    missingConfigs: import("@angular/core").Signal<string[]>;
+    errors$: import("rxjs").Observable<string[]>;
+    missingConfigs$: import("rxjs").Observable<string[]>;
     constructor(store: FormsStoreService);
     hideDetails: boolean;
     showAllErrors: boolean;

package/lib/components/forms/store/Forms-selectors.d.ts

@@ -1,24 +1,3 @@
-import { LocalFormStateSelectorInterface } from "ngx-t-forms-types";
 import { FormsStoreService } from "./forms-store.service";
-export declare function formsStoreSelectors(store: FormsStoreService): {
-    state$: import("rxjs").Observable<import("ngx-t-forms-types").IFormsInitStateInterface>;
-    selectForms$: import("rxjs").Observable<LocalFormStateSelectorInterface[]>;
-    selectFormInEdit$: import("rxjs").Observable<import("ngx-t-forms-types").DatabaseFormInterface | null>;
-    selectFormBuilderIsBusy$: import("rxjs").Observable<boolean>;
-    selectLoadingForm$: import("rxjs").Observable<boolean>;
-    selectLoadingForms$: import("rxjs").Observable<boolean>;
-    selectFormId$: import("rxjs").Observable<string | null>;
-    selectErrors$: import("rxjs").Observable<{
-        ArchiveForm: string | undefined;
-        CreateForm: string | undefined;
-        UpdateForm: string | undefined;
-        GetForm: string | undefined;
-        LoadForms: string | undefined;
-    } | null>;
-    selectFormListSection$: import("rxjs").Observable<import("ngx-t-forms-types").FormListSection>;
-    selectFormUpdated$: import("rxjs").Observable<string | Date | null>;
-    selectRouterState$: import("rxjs").Observable<import("@angular/router").ActivatedRouteSnapshot | null>;
-    selectSubmittingForm$: import("rxjs").Observable<boolean>;
-    selectFormInitialValues$: import("rxjs").Observable<Record<string, any> | null>;
-    selectInputInEditId$: import("rxjs").Observable<string | null>;
-};
+import { FormsStoreSelectorsInterface } from "ngx-t-forms-types";
+export declare function formsStoreSelectors(store: FormsStoreService): FormsStoreSelectorsInterface;

package/lib/components/forms/store/forms-store.service.d.ts

@@ -1,5 +1,5 @@
 import { ComponentStore } from '@ngrx/component-store';
-import { FormListSection, IFormsInitStateInterface, InClassFormUtilsInterface } from "ngx-t-forms-types";
+import { FormListSection, FormsStoreSelectorsInterface, IFormsInitStateInterface, InClassFormUtilsInterface } from "ngx-t-forms-types";
 import { Observable } from 'rxjs';
 import { DatabaseFormInterface, FormInterface, NgxTFormsConfig } from "ngx-t-forms-types";
 import { HttpClient } from '@angular/common/http';
@@ -66,28 +66,7 @@ export declare class FormsStoreService extends ComponentStore<IFormsInitStateInt
     showMessage(message: string, type: HintType): void;
     private setupDevTools;
     get resourceFunctions(): IStoreFunctions | null;
-    readonly selectors: {
-        state$: Observable<IFormsInitStateInterface>;
-        selectForms$: Observable<import("ngx-t-forms-types").LocalFormStateSelectorInterface[]>;
-        selectFormInEdit$: Observable<DatabaseFormInterface | null>;
-        selectFormBuilderIsBusy$: Observable<boolean>;
-        selectLoadingForm$: Observable<boolean>;
-        selectLoadingForms$: Observable<boolean>;
-        selectFormId$: Observable<string | null>;
-        selectErrors$: Observable<{
-            ArchiveForm: string | undefined;
-            CreateForm: string | undefined;
-            UpdateForm: string | undefined;
-            GetForm: string | undefined;
-            LoadForms: string | undefined;
-        } | null>;
-        selectFormListSection$: Observable<FormListSection>;
-        selectFormUpdated$: Observable<string | Date | null>;
-        selectRouterState$: Observable<import("@angular/router").ActivatedRouteSnapshot | null>;
-        selectSubmittingForm$: Observable<boolean>;
-        selectFormInitialValues$: Observable<Record<string, any> | null>;
-        selectInputInEditId$: Observable<string | null>;
-    };
+    readonly selectors: FormsStoreSelectorsInterface;
     readonly formBuilderSelectors: {
         selectFormSlides$: Observable<import("ngx-t-forms-types").FormSlideInterface[]>;
         missingConfig$: Observable<string[]>;

package/lib/components/t-dynamic-data-edit/elements/config-mscoa-additional-inputs/config-mscoa-additional-inputs.component.d.ts

@@ -35,7 +35,7 @@ export declare class ConfigMscoaAdditionalInputsComponent implements OnInit, Mat
     markAsTouched(): void;
     mscoaInitiated: boolean;
     errors: IConfigElementError[] | undefined;
-    set getMscoaTree(options$: Observable<IGetTreeResponse> | undefined);
+    set getMscoaTree(options$: Observable<IGetTreeResponse | undefined>);
     mapToData: FormColumnInputs | undefined;
     set value(val: ConfiguredMscoaInput[]);
     get value(): ConfiguredMscoaInput[];

package/lib/components/t-dynamic-data-edit/elements/mat-chip-list-editor/mat-chip-list-editor.component.d.ts

@@ -3,6 +3,7 @@ import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 import { NgControl } from '@angular/forms';
 import { IConfigElementError } from '../../t-dynamic-data-edit.component';
+import { MatChipListboxChange } from '@angular/material/chips';
 import * as i0 from "@angular/core";
 export declare class MatChipListEditorComponent implements MatFormFieldControl<{
     label: string;
@@ -37,7 +38,7 @@ export declare class MatChipListEditorComponent implements MatFormFieldControl<{
         value: any;
     }[] | undefined;
     valueChange: EventEmitter<any>;
-    valueListChanged(value: any): void;
+    valueListChanged($event: MatChipListboxChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatChipListEditorComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatChipListEditorComponent, "lib-mat-chip-list-editor", never, { "errors": { "alias": "errors"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }

package/lib/components/t-dynamic-data-edit/elements/mscoa-segment-config/mscoa-segment-config.component.d.ts

@@ -12,7 +12,7 @@ interface IIncludedSegmentConfig {
     readOnly: boolean;
     singleSelect: boolean;
 }
-export declare class MscoaSegmentConfigComponent implements OnInit, OnDestroy, MatFormFieldControl<IIncludedSegmentConfig[]> {
+export declare class MscoaSegmentConfigComponent implements OnInit, OnDestroy, MatFormFieldControl<IIncludedSegmentConfig[] | undefined> {
     private fb;
     ngControl: NgControl;
     private _elementRef;
@@ -39,15 +39,15 @@ export declare class MscoaSegmentConfigComponent implements OnInit, OnDestroy, M
     errors: IConfigElementError[] | undefined;
     set value(val: IIncludedSegmentConfig[]);
     get value(): IIncludedSegmentConfig[];
-    _getMscoaTree: Observable<IGetTreeResponse> | undefined;
+    _getMscoaTree: Observable<IGetTreeResponse | undefined> | undefined;
     _showAllSegments: boolean;
     set showAllSegments(val: boolean);
     get showAllSegments(): boolean;
-    set getMscoaTree(options$: Observable<IGetTreeResponse> | undefined);
+    set getMscoaTree(options$: Observable<IGetTreeResponse | undefined>);
     valueChanged: EventEmitter<IIncludedSegmentConfig[]>;
     private _value;
     private destroy$;
-    mscoaTree: IGetTreeResponse | null;
+    mscoaTree: IGetTreeResponse | undefined;
     treeSegments: IIncludedSegmentConfig[];
     error$: BehaviorSubject<string | null>;
     segmentForm: FormGroup;

package/lib/components/t-dynamic-data-edit/elements/pipeline-generator/pipeline-generator.component.d.ts

@@ -32,10 +32,10 @@ export declare class PipelineGeneratorComponent implements OnInit, OnDestroy, Ma
     markAsTouched(): void;
     textareaElementRef: ElementRef;
     set value(value: MongoDbPipeLineConfigInterface);
-    workflowOptions: IWorkflowOption[];
+    workflowOptions: IWorkflowOption[] | undefined;
     loadingWorkflowOptions: boolean;
     workflowsInitialized: boolean;
-    set getWorkflowOptions(options$: Observable<IWorkflowOption[]> | undefined);
+    set getWorkflowOptions(options$: Observable<IWorkflowOption[] | undefined> | undefined);
     userName: string | undefined;
     _value: MongoDbPipeLineConfigInterface;
     valueChanged: EventEmitter<MongoDbPipeLineConfigInterface>;

package/lib/components/t-dynamic-data-edit/elements/t-workflow-picker/t-workflow-picker.component.d.ts

@@ -3,7 +3,7 @@ import { IWorkflowOption } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class TWorkflowPickerComponent implements OnInit {
     private _workflowOptions;
-    set getWorkflowOptions(value: IWorkflowOption[]);
+    set getWorkflowOptions(value: IWorkflowOption[] | undefined);
     value: string | undefined | null;
     valueChanged: EventEmitter<string | undefined>;
     constructor();

package/lib/components/t-dynamic-data-edit/t-dynamic-data-edit.component.d.ts

@@ -23,13 +23,13 @@ export declare class TDynamicDataEditComponent implements OnDestroy {
     validationErrors: IConfigElementError[] | null;
     valueChange: EventEmitter<unknown>;
     blur: EventEmitter<any>;
-    editorConfigValue: import("@angular/core").Signal<ElementEditorInnerSectionElementInterface | undefined>;
-    dataValue: import("@angular/core").Signal<any>;
-    get getMscoaTree(): Observable<IGetTreeResponse> | undefined;
-    get getWorkflowOptions(): Observable<IWorkflowOption[]> | undefined;
-    value: import("@angular/core").Signal<any>;
-    dataOptions: import("@angular/core").Signal<any>;
-    disabled: import("@angular/core").Signal<boolean | undefined>;
+    editorConfigValue$: Observable<ElementEditorInnerSectionElementInterface | undefined>;
+    dataValue$: Observable<any>;
+    get getMscoaTree$(): Observable<IGetTreeResponse | undefined>;
+    get getWorkflowOptions$(): Observable<IWorkflowOption[] | undefined>;
+    get value$(): Observable<any>;
+    get dataOptions$(): Observable<any>;
+    get disabled$(): Observable<boolean | undefined>;
     private initializeValueChanges;
     private computeValueChange;
     inputChange(event: any): void;
@@ -40,9 +40,16 @@ export declare class TDynamicDataEditComponent implements OnDestroy {
     }): void;
     blurOff: boolean;
     elementBlur(event: any): void;
-    inputHasBlurFunction: import("@angular/core").Signal<BlurHandleTypes | undefined>;
+    get inputHasBlurFunction$(): Observable<BlurHandleTypes | undefined>;
     blurFunctionTooltip(blurHandle: BlurHandleTypes | undefined): "Enable/disable pre-populating of the form control name from the label" | "Enable/disable auto conversion of control name to camel case" | "Toggle blur function";
     formatLabel: (value: number) => any;
+    vm$: Observable<{
+        editorConfigValue: ElementEditorInnerSectionElementInterface | undefined;
+        value: any;
+        dataOptions: any;
+        disabled: boolean | undefined;
+        inputHasBlurFunction: BlurHandleTypes | undefined;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TDynamicDataEditComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TDynamicDataEditComponent, "lib-t-dynamic-data-edit", never, { "editorConfig": { "alias": "editorConfig"; "required": false; }; "formInputs": { "alias": "formInputs"; "required": false; }; "data": { "alias": "data"; "required": false; }; "validationErrors": { "alias": "validationErrors"; "required": false; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
 }

package/lib/services/core/t-form-tower-controller/functions/prePoPulateForm.d.ts

@@ -1,85 +1,2 @@
 import { FormInterface } from "ngx-t-forms-types";
-export declare const prepPopulateForm: (form: FormInterface, initValue: Record<string, any>) => FormInterface | {
-    slides: {
-        columns: {
-            value: any;
-            label: string;
-            formControlName: string;
-            readonly?: boolean;
-            id: string;
-            sectionId: string;
-            pipe?: {
-                pipeType: import("ngx-t-forms-types").InputPipeTypes;
-                param: string;
-            };
-            hintLabel?: string;
-            temporaryHint?: string;
-            valueUpdatedAt?: Date;
-            status?: Record<string, string>;
-            min?: number | string | Date | import("ngx-t-forms-types/dist/interfaces/formInput/BasicFormInputInterface").MaxMinCustomScripts;
-            max?: number | string | Date | import("ngx-t-forms-types/dist/interfaces/formInput/BasicFormInputInterface").MaxMinCustomScripts;
-            tourContent?: string;
-            viewType?: import("ngx-t-forms-types/dist/interfaces/formInput/BasicFormInputInterface").InputViewTypes;
-            maxLength?: number;
-            minLength?: number;
-            placeholder?: string;
-            pattern?: string;
-            spellcheck?: boolean;
-            autocapitalize?: import("ngx-t-forms-types").AutocapitalizeOptions;
-            autocomplete?: import("ngx-t-forms-types").AutocompleteOptions;
-            multipleInputInEditId?: string;
-            suffixText?: string;
-            prefixText?: string;
-            prefixIcon?: string;
-            suffixIcon?: string;
-            disabled?: boolean;
-            script?: Record<string, unknown>;
-            conditionalInputConfig?: import("ngx-t-forms-types/dist/interfaces/formInput/ConditionalInputRule").ConditionalInputRule[];
-            calculatedFieldRules?: import("ngx-t-forms-types").CalculatedFieldRules;
-            element: import("ngx-t-forms-types").ElementTypes;
-            dataType: import("ngx-t-forms-types").InputDataTypes;
-            appearance: import("@angular/material/form-field").MatFormFieldAppearance;
-            type?: import("ngx-t-forms-types").InputTypes;
-            required: boolean;
-            colSize: number;
-            onlySetTempErrorOnTouch: boolean;
-            isCalculatedField: boolean;
-            matOptions?: import("ngx-t-forms-types").MatDataOptionsInterface;
-            validators: Array<import("ngx-t-forms-types").FormControlCustomValidatorsInterface | string>;
-            selectUpto?: number;
-            tableConfig?: import("ngx-t-forms-types").TableConfigurationsInterface;
-            fileType?: import("ngx-t-forms-types").InputFileType;
-            singleSelect?: boolean;
-            accept?: string;
-            endDateControl?: string;
-            startDateControl?: string;
-            startMinDate?: Date;
-            endMaxDate?: Date;
-            startMaxDate?: Date;
-            endMinDate?: Date;
-            rows?: number;
-            wrap?: "hard" | "soft";
-            labelPosition?: import("ngx-t-forms-types/dist/interfaces/formInput/ToggleInputInterface").LabelPosition;
-            matrixTableConfig?: {
-                dataSource: string;
-            };
-            handleLabel: string;
-            formIsOpen?: boolean;
-            originalId?: string;
-            showAsLabel?: boolean;
-            formInputs?: Array<import("ngx-t-forms-types").FormColumnInputs>;
-            calculateListFunctions: Array<import("ngx-t-forms-types").IMultipleInputCal>;
-            groupBy?: string[];
-            mscoaConfig: import("ngx-t-forms-types").IMscoaInputConfig;
-            richTextEditorLibrary: import("ngx-t-forms-types/dist/interfaces/formInput/RichTextEditorInput").RichTextEditorType;
-        }[];
-        sectionId: string;
-        label: string;
-        inEdit?: boolean;
-        sectionIsSeen?: boolean;
-        isActive?: boolean;
-    }[];
-    submissionHandle: import("ngx-t-forms-types").FormSubmissionHandleInterface;
-    formId: string | any;
-    formTitle: string;
-};
+export declare const prepPopulateForm: (form: FormInterface, initValue: Record<string, any>) => FormInterface;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-t-forms",
-  "version": "0.0.1",
+  "version": "2.0.2",
   "description": "Angular forms module for creating dynamic forms through configuration. Supports form validation, custom controls, and complex form structures.",
   "license": "UNLICENSED",
   "author": {
@@ -47,7 +47,7 @@
     "@editorjs/table": "^2.4.3",
     "@editorjs/text-variant-tune": "^1.0.3",
     "signature_pad": "^5.0.4",
-    "ngx-t-forms-types": "^0.0.1"
+    "ngx-t-forms-types": "^0.0.2"
   },
   "dependencies": {
     "tslib": "^2.3.0"