ngx-t-forms 2.0.18 → 2.0.19

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

@@ -85,7 +85,37 @@ export declare class FormsStoreService extends ComponentStore<IFormsInitStateInt
         getAllFormInputs$: Observable<import("ngx-t-forms-types").FormColumnInputs[] | undefined>;
         inputElementEditorConfigs$: Observable<{
             editorSections: {
-                elements: import("ngx-t-forms-types").ElementEditorInnerSectionElementInterface[];
+                elements: {
+                    editType: import("ngx-t-forms-types").ElementEditorTypes;
+                    id: string;
+                    name: import("ngx-t-forms-types").FormInputKeys | import("ngx-t-forms-types").SpecialElementKeys | import("ngx-t-forms-types").AllFormInputPrimaryKeys;
+                    hint?: string;
+                    deepBind: Array<string>;
+                    limitTo?: number;
+                    additionalTest?: import("ngx-t-forms-types").ConfigurationValidTestInterface[];
+                    disabled?: import("ngx-t-forms-types").ConfigurationValidTestInterface[];
+                    fetchOptions?: string[];
+                    clearOnChange?: string[][];
+                    blurHandle?: import("ngx-t-forms-types").BlurHandleTypes;
+                    label: string;
+                    required?: boolean;
+                    readonly?: boolean;
+                    templateOptions?: Array<any>;
+                    placeholder?: string;
+                    options?: Array<{
+                        label: string;
+                        value: string;
+                    }>;
+                    computedErrors?: import("ngx-t-forms-types").ValidationError[];
+                    min?: number;
+                    max?: number;
+                    step?: number;
+                    format?: (value: any) => number;
+                    postmanCollectionConfig?: import("ngx-t-forms-types").IPostmanCollectionConfig;
+                    httpGetDataFunction?: (url: string, options: any) => Observable<any>;
+                    getWorkflowOptions?: Observable<IWorkflowOption[]> | undefined;
+                    getMscoaTree?: Observable<IGetTreeResponse> | undefined;
+                }[];
                 hasErrors: boolean;
                 label: string;
                 showItemValue?: keyof import("ngx-t-forms-types").FormColumnInputs;

package/lib/components/index.d.ts

@@ -1,10 +1,12 @@
 import { DialogTemplateComponent } from "./dialog-template/dialog-template.component";
 import { FormBuilderComponent } from "./form-builder/form-builder.component";
 import { FormsComponent } from "./forms/forms.component";
+import { ValidationExpressioCreatorComponent } from "./t-dynamic-data-edit/elements/api-value-access-rules/elements/validation-expressio-creator/validation-expressio-creator.component";
+import { testAgainstItem } from "./t-dynamic-data-edit/functions/testData";
 import { TDynamicDataEditComponent } from "./t-dynamic-data-edit/t-dynamic-data-edit.component";
 import { TDynamicDataViewComponent } from "./t-dynamic-data-view/t-dynamic-data-view.component";
 import { MscoaFormInputComponent } from "./t-form-input/elements/mscoa-form-input/mscoa-form-input.component";
 import { SignatureInputElementComponent } from "./t-form-input/elements/signature-input-element/signature-input-element.component";
 import { TFormInputComponent } from "./t-form-input/t-form-input.component";
 import { UserFormStepperComponent } from "./user-form-stepper/user-form-stepper.component";
-export { FormsComponent, FormBuilderComponent, MscoaFormInputComponent, UserFormStepperComponent, TFormInputComponent, TDynamicDataEditComponent, TDynamicDataViewComponent, DialogTemplateComponent, SignatureInputElementComponent, };
+export { FormsComponent, FormBuilderComponent, MscoaFormInputComponent, UserFormStepperComponent, TFormInputComponent, TDynamicDataEditComponent, TDynamicDataViewComponent, DialogTemplateComponent, SignatureInputElementComponent, ValidationExpressioCreatorComponent, testAgainstItem };

package/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/elements/data-tree/data-tree.component.d.ts

@@ -1,19 +1,20 @@
-import { ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit } from '@angular/core';
 import { TreeComponent } from '../../functions/convertDataToTree';
 import { FlatNode, TreeNode } from 'ngx-t-forms-types';
 import { FormColumnInputs } from 'ngx-t-forms-types';
 import { MatSelectChange } from '@angular/material/select';
 import * as i0 from "@angular/core";
-export declare class DataTreeComponent implements OnInit, OnChanges {
+export declare class DataTreeComponent implements OnInit {
     treeClass: TreeComponent;
-    data: any;
-    value: TreeNode[] | string;
+    set data(value: any);
+    get data(): any;
+    set value(value: TreeNode[] | string);
+    get value(): TreeNode[] | string;
     formInputs: FormColumnInputs[];
     pathChanged: EventEmitter<string | TreeNode[]>;
     constructor();
-    _data: any;
-    _value: TreeNode[] | string;
-    ngOnChanges(changes: SimpleChanges): void;
+    private _data;
+    private _value;
     ngOnInit(): void;
     textareaElementRef: ElementRef;
     showSuggestions: boolean;
@@ -46,12 +47,7 @@ export declare class DataTreeComponent implements OnInit, OnChanges {
     saveNodeInEdit(): void;
     closeEdit(): void;
     reset(): void;
-    getFunctionInEdit(): {
-        function: "filter" | "find";
-        id: string;
-        expression: string;
-        inEdit?: boolean;
-    } | undefined;
+    getFunctionInEdit(): import("ngx-t-forms-types").IArrayFunction | undefined;
     get getValue(): any;
     removeFunction(id: string): void;
     update(node: any): void;

package/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/elements/validation-expressio-creator/validation-expressio-creator.component.d.ts

@@ -0,0 +1,50 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Subscription } from 'rxjs';
+import { FormColumnInputs, TreeNode } from 'ngx-t-forms-types';
+import * as i0 from "@angular/core";
+export declare class ValidationExpressioCreatorComponent implements OnDestroy, OnInit {
+    hint: string;
+    label: string;
+    formInputs: FormColumnInputs[];
+    _data: any;
+    set data(value: any);
+    get data(): any;
+    set expression(value: string);
+    _valueAccessRules: Record<string, TreeNode[]>;
+    set valueAccessRules(value: Record<string, TreeNode[]>);
+    get valueAccessRules(): Record<string, TreeNode[]>;
+    subscription$: Subscription;
+    ngOnDestroy(): void;
+    expressionChange: EventEmitter<{
+        expression: string | null;
+        valueAccessRules: Record<string, TreeNode[]>;
+    }>;
+    ngOnInit(): void;
+    textareaElementRef: ElementRef;
+    expressionControl: FormControl<string | null>;
+    cursorPosition: number;
+    showSuggestions: boolean;
+    optionsSearch: string;
+    onTextChange(expression: string): Promise<void>;
+    cleanValueAccessRules(): void;
+    selectSuggestionInput(suggestion: string): void;
+    get getAllInputs(): FormColumnInputs[];
+    onFocus(event: FocusEvent): void;
+    methods: {
+        label: string;
+        hint: string;
+        value: string;
+    }[];
+    getMethods(): {
+        label: string;
+        hint: string;
+        value: string;
+    }[];
+    variableInEdit: string | null;
+    get errorMessage(): string | null;
+    get valueAccessOptions(): string[];
+    activeVariableChanged(value: TreeNode[] | string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValidationExpressioCreatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ValidationExpressioCreatorComponent, "lib-validation-expressio-creator", never, { "hint": { "alias": "hint"; "required": false; }; "label": { "alias": "label"; "required": false; }; "formInputs": { "alias": "formInputs"; "required": false; }; "data": { "alias": "data"; "required": false; }; "expression": { "alias": "expression"; "required": false; }; "valueAccessRules": { "alias": "valueAccessRules"; "required": false; }; }, { "expressionChange": "expressionChange"; }, never, never, true, never>;
+}

package/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/functions/convertDataToTree.d.ts

@@ -29,12 +29,7 @@ export declare class TreeComponent {
         inEdit?: boolean;
         path: string[];
         keyIsArrayIndex?: boolean;
-        functions: {
-            function: "filter" | "find";
-            id: string;
-            expression: string;
-            inEdit?: boolean;
-        }[];
+        functions: import("ngx-t-forms-types").IArrayFunction[];
     }[] | undefined;
     resetNode(): void;
     removeFunction(id: string): void;

package/lib/components/t-dynamic-data-edit/elements/api-value-access-rules/functions/validateExpression.d.ts

@@ -0,0 +1,6 @@
+import { ValidatorFn } from '@angular/forms';
+/**
+ * Creates a validator that checks for valid expression syntax.
+ * @returns {ValidatorFn} A validator function.
+ */
+export declare function expressionSyntaxValidator(): ValidatorFn;

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

@@ -23,6 +23,7 @@ export declare class TDynamicDataEditComponent implements OnDestroy {
     set formInputs(inputs: Array<FormColumnInputs>);
     get formInputs(): Array<FormColumnInputs>;
     set data(data: any);
+    get data(): any;
     validationErrors: IConfigElementError[] | null;
     valueChange: EventEmitter<unknown>;
     blur: EventEmitter<any>;

package/lib/components/t-form-input/elements/Geo-location-form-input/elements/geo-location-form-input/geo-location-form-input.component.d.ts

@@ -1,15 +1,14 @@
 import { ElementRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { FormBuilderFunctions } from "ngx-t-forms-types";
+import { FormBuilderFunctions, ITowerStepColumn } from "ngx-t-forms-types";
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
-import { FormColumnInputs } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class GeoLocationFormInputComponent extends BaseCustomInput<GeolocationPosition | null> {
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
     formBuilderFunctions: FormBuilderFunctions | undefined;
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     isLoading: boolean;
     error: boolean;
     getLocation(): Promise<void>;

package/lib/components/t-form-input/elements/Geo-location-form-input/geo-location.component.d.ts

@@ -1,16 +1,14 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormBuilderFunctions } from "ngx-t-forms-types";
-import { FormColumnInputs } from "ngx-t-forms-types";
+import { FormBuilderFunctions, ITowerStepColumn } from "ngx-t-forms-types";
 import * as i0 from "@angular/core";
 export declare class GeoLocationComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
     editorMode: boolean;
     formBuilderFunctions: FormBuilderFunctions | undefined;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<GeoLocationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLocationComponent, "lib-geo-location", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GeoLocationComponent, "lib-geo-location", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/auto-complete-input-element/auto-complete-input-element.component.d.ts

@@ -1,14 +1,13 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormColumnInputs } from "ngx-t-forms-types";
+import { ITowerStepColumn } from "ngx-t-forms-types";
 import * as i0 from "@angular/core";
 export declare class AutoCompleteInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
     options: any;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteInputElementComponent, "lib-auto-complete-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "options": { "alias": "options"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteInputElementComponent, "lib-auto-complete-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/auto-complete-input-element/core/auto-complet-reactive-input/auto-complet-reactive-input.component.d.ts

@@ -1,14 +1,14 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import { MatAutocomplete } from '@angular/material/autocomplete';
 import * as i0 from "@angular/core";
 export declare class AutoCompletReactiveInputComponent extends BaseCustomInput<string | number | Date> implements OnInit {
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
     auto: MatAutocomplete;
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     private readonly debounceTime;
     private valueSubject;

package/lib/components/t-form-input/elements/basic-input-input-element/basic-input-input-element.component.d.ts

@@ -1,11 +1,10 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup, FormControl } from '@angular/forms';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class BasicInputInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get formControl(): FormControl<any>;
     passwordStrengthColor(formControlName: string): "var(--ion-color-success)" | "var(--ion-color-warning)" | "var(--ion-color-danger)";
@@ -13,5 +12,5 @@ export declare class BasicInputInputElementComponent {
     get errorMessage(): string | undefined;
     get hasError(): boolean | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicInputInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicInputInputElementComponent, "lib-basic-input-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicInputInputElementComponent, "lib-basic-input-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/basic-input-input-element/core/input-custom/input-custom.component.d.ts

@@ -1,10 +1,10 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class InputCustomComponent extends BaseCustomInput<string | number | Date> implements OnInit {
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     get empty(): boolean;
     get shouldLabelFloat(): boolean;

package/lib/components/t-form-input/elements/date-picker-input-element/core/date-picker-reactive-input/date-picker-reactive-input.component.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import { NgControl } from '@angular/forms';
 import { MatDatepicker, MatDatepickerInputEvent } from '@angular/material/datepicker';
 import * as i0 from "@angular/core";
@@ -8,7 +8,7 @@ export declare class DatePickerReactiveInputComponent extends BaseCustomInput<Da
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
     picker: MatDatepicker<any>;
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     changed(event: MatDatepickerInputEvent<any, any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerReactiveInputComponent, [{ optional: true; self: true; }, null]>;

package/lib/components/t-form-input/elements/date-picker-input-element/date-picker-input-element.component.d.ts

@@ -1,13 +1,12 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class DatePickerInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerInputElementComponent, "lib-date-picker-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerInputElementComponent, "lib-date-picker-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/date-range-picker-input-element/core/date-range-picker-reactive-input/date-range-picker-reactive-input.component.d.ts

@@ -1,12 +1,12 @@
 import { ElementRef } from '@angular/core';
 import { FormControl, FormGroup, NgControl } from '@angular/forms';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class DateRangePickerReactiveInputComponent extends BaseCustomInput<Date> {
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     get startDateControl(): FormControl;
     get endDateControl(): FormControl;

package/lib/components/t-form-input/elements/date-range-picker-input-element/date-range-picker-input-element.component.d.ts

@@ -1,12 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormColumnInputs } from "ngx-t-forms-types";
 import { DateRange, MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class DateRangePickerInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
-    canReload: boolean;
     reload: EventEmitter<void>;
     /**
      * Get the appropriate error message for this input
@@ -30,5 +29,5 @@ export declare class DateRangePickerInputElementComponent {
     hasEndDateError(errorName: string): boolean;
     dateChanged(event: MatDatepickerInputEvent<any, DateRange<any>>, formControlName: string | undefined): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerInputElementComponent, "lib-date-range-picker-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerInputElementComponent, "lib-date-range-picker-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/document-picker/core/document-picker-reactive-input/document-picker-reactive-input.component.d.ts

@@ -1,11 +1,11 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
 import { APIDataFetchingConfigurationInterface, FormBuilderFunctions, FormColumnInputs, MongoDbPipeLineConfigInterface } from 'ngx-t-forms-types';
 import { FormControl, FormGroup, NgControl } from '@angular/forms';
 import { IWorkflowDocumentPickerConfig, IWorkflowDocListCols } from 'ngx-t-forms-types';
 import { PageEvent } from '@angular/material/paginator';
 import * as i0 from "@angular/core";
-export declare class DocumentPickerReactiveInputComponent extends BaseCustomInput<string> implements OnInit {
+export declare class DocumentPickerReactiveInputComponent extends BaseCustomInput<string> {
     FORMS_CONFIG: import("ngx-t-forms-types").NgxTFormsConfig;
     searchFormControl: FormControl<string | null>;
     get empty(): boolean;
@@ -15,12 +15,12 @@ export declare class DocumentPickerReactiveInputComponent extends BaseCustomInpu
     set inputConfig(value: FormColumnInputs | undefined);
     get inputConfig(): FormColumnInputs | undefined;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
-    ngOnInit(): void;
     get parentFormGroup(): FormGroup | null;
     _pickerConfig: IWorkflowDocumentPickerConfig | undefined;
     _cols: IWorkflowDocListCols[];
     _loadingCols: boolean;
     get displayedColumns(): string[];
+    listenToStateChanges(): void;
     loadCols(): void;
     documentOptions: Record<string, any>[];
     get docLength(): number;

package/lib/components/t-form-input/elements/document-picker/document-picker.component.d.ts

@@ -1,15 +1,14 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormBuilderFunctions, FormColumnInputs } from 'ngx-t-forms-types';
+import { FormBuilderFunctions, ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class DocumentPickerComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
     editorMode: boolean;
     formBuilderFunctions: FormBuilderFunctions | undefined;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<DocumentPickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPickerComponent, "lib-document-picker", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DocumentPickerComponent, "lib-document-picker", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/editor-input-element/core/editor-js-input/editor-js-input.component.d.ts

@@ -1,12 +1,12 @@
 import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
 import { NgControl } from '@angular/forms';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import EditorJS, { OutputData } from '@editorjs/editorjs';
 import * as i0 from "@angular/core";
 export declare class EditorJsInputComponent extends BaseCustomInput<OutputData | undefined> implements AfterViewInit, OnDestroy {
     editor: EditorJS | undefined;
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);

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

@@ -1,14 +1,13 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormColumnInputs } from "ngx-t-forms-types";
+import { ITowerStepColumn } from 'ngx-t-forms-types';
 import * as i0 from "@angular/core";
 export declare class EditorInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
-    canReload: boolean;
     reload: EventEmitter<void>;
     constructor();
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditorInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditorInputElementComponent, "lib-editor-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorInputElementComponent, "lib-editor-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/file-upload-input-element/core/file-uploader/file-uploader.component.d.ts

@@ -1,13 +1,13 @@
 import { ElementRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { ITowerStepColumn } from "ngx-t-forms-types";
 import { FileUploadInputValueInterface } from "ngx-t-forms-types";
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
 import * as i0 from "@angular/core";
 export declare class FileUploaderComponent extends BaseCustomInput<FileUploadInputValueInterface | object | null> {
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     uploader: ElementRef<HTMLInputElement>;
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     get value(): FileUploadInputValueInterface | object | null;
     set value(file: FileUploadInputValueInterface | object | null);
     get empty(): boolean;

package/lib/components/t-form-input/elements/file-upload-input-element/file-upload-input-element.component.d.ts

@@ -1,14 +1,13 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup, ValidationErrors } from '@angular/forms';
-import { FormColumnInputs } from "ngx-t-forms-types";
+import { ITowerStepColumn } from "ngx-t-forms-types";
 import * as i0 from "@angular/core";
 export declare class FileUploadInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
-    canReload: boolean;
     reload: EventEmitter<void>;
     getErrors(): ValidationErrors | null | undefined;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadInputElementComponent, "lib-file-upload-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadInputElementComponent, "lib-file-upload-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/image-capture-input-element/core/camera-capture/camera-capture.component.d.ts

@@ -1,14 +1,13 @@
 import { ElementRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { FileUploadInputValueInterface } from "ngx-t-forms-types";
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { FileUploadInputValueInterface, ITowerStepColumn } from "ngx-t-forms-types";
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
 import * as i0 from "@angular/core";
 export declare class CameraCaptureComponent extends BaseCustomInput<FileUploadInputValueInterface | object | null> {
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     video: ElementRef;
     canvas: ElementRef;
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     get empty(): boolean;
     get shouldLabelFloat(): boolean;
     WIDTH: number;

package/lib/components/t-form-input/elements/image-capture-input-element/image-capture-input-element.component.d.ts

@@ -1,13 +1,12 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormColumnInputs } from "ngx-t-forms-types";
+import { ITowerStepColumn } from "ngx-t-forms-types";
 import * as i0 from "@angular/core";
 export declare class ImageCaptureInputElementComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     formGroup: FormGroup;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<ImageCaptureInputElementComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCaptureInputElementComponent, "lib-image-capture-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageCaptureInputElementComponent, "lib-image-capture-input-element", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }

package/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/mscoa-chart.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit, OnDestroy, EventEmitter, Injector } from '@angular/core';
 import { Observable, Subject } from 'rxjs';
 import { MatDialog } from '@angular/material/dialog';
-import { IScoaAccount, IScoaInputConfig, ITableScoaSelectionRow, ScoaInnerInput, ScoaSegmentValue } from "ngx-t-forms-types";
+import { IScoaAccount, IScoaInputConfig, ITableScoaSelectionRow, ITowerStepColumn, ScoaInnerInput, ScoaSegmentValue } from "ngx-t-forms-types";
 import { MscoaComponentStore } from '../../store/mscoa-component-store.service';
 import { FormColumnInputs } from 'ngx-t-forms-types';
 import { FormBuilderFunctions } from "ngx-t-forms-types";
@@ -51,7 +51,7 @@ export declare class MscoaChartComponent implements OnInit, OnDestroy {
     };
     setupPortals(inputs: ScoaInnerInput[]): void;
     createInjectorWithProps(props: any): Injector;
-    inputConfig: FormColumnInputs | undefined;
+    inputConfig: ITowerStepColumn;
     editorMode: boolean;
     set formBuilderFunctions(func: FormBuilderFunctions | undefined);
     get formBuilderFunctions(): FormBuilderFunctions | undefined;

package/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-reactive-form-field/mscoa-reactive-form-field.component.d.ts

@@ -1,8 +1,7 @@
 import { ElementRef } from '@angular/core';
 import { FormGroup, NgControl } from '@angular/forms';
 import { BehaviorSubject } from 'rxjs';
-import { FormBuilderFunctions } from "ngx-t-forms-types";
-import { FormColumnInputs } from 'ngx-t-forms-types';
+import { FormBuilderFunctions, ITowerStepColumn } from "ngx-t-forms-types";
 import { IScoaInputConfig, ScoaSegmentValue } from "ngx-t-forms-types";
 import { BaseCustomInput } from '../../../../../../services/core/t-input-controller/functions/baseCustomInput';
 import * as i0 from "@angular/core";
@@ -11,9 +10,9 @@ export declare class MscoaReactiveFormFieldComponent extends BaseCustomInput<Sco
     constructor(ngControl: NgControl, elementRef: ElementRef<HTMLElement>);
     formBuilderFunctions: FormBuilderFunctions | undefined;
     editorMode: boolean;
-    _inputConfig: FormColumnInputs;
+    _inputConfig: ITowerStepColumn;
     mscoaInputConfig$: BehaviorSubject<IScoaInputConfig | undefined>;
-    set inputConfig(inputConfig: FormColumnInputs);
+    set inputConfig(inputConfig: ITowerStepColumn);
     get shouldLabelFloat(): boolean;
     segmentValuesChanged(event: ScoaSegmentValue): void;
     get readonly(): boolean;

package/lib/components/t-form-input/elements/mscoa-form-input/mscoa-form-input.component.d.ts

@@ -1,16 +1,15 @@
 import { EventEmitter } from '@angular/core';
-import { FormColumnInputs } from "ngx-t-forms-types";
+import { ITowerStepColumn } from "ngx-t-forms-types";
 import { FormGroup } from '@angular/forms';
 import { FormBuilderFunctions } from "ngx-t-forms-types";
 import * as i0 from "@angular/core";
 export declare class MscoaFormInputComponent {
-    inputConfig: FormColumnInputs;
+    inputConfig: ITowerStepColumn;
     editorMode: boolean;
     formGroup: FormGroup;
     formBuilderFunctions: FormBuilderFunctions | undefined;
-    canReload: boolean;
     reload: EventEmitter<void>;
     get errorMessage(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<MscoaFormInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MscoaFormInputComponent, "lib-mscoa-form-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; "canReload": { "alias": "canReload"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MscoaFormInputComponent, "lib-mscoa-form-input", never, { "inputConfig": { "alias": "inputConfig"; "required": false; }; "editorMode": { "alias": "editorMode"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": false; }; "formBuilderFunctions": { "alias": "formBuilderFunctions"; "required": false; }; }, { "reload": "reload"; }, never, never, true, never>;
 }