ngx-t-forms 2.0.5 → 2.0.7

package/fesm2022/{ngx-t-forms-ngx-t-forms-BIKaG6Gx.mjs → ngx-t-forms-ngx-t-forms-DtoFU6uQ.mjs}

@@ -1,9 +1,8 @@
 import * as i0 from '@angular/core';
 import { Injectable, Component, InjectionToken, makeEnvironmentProviders, inject, Inject, Directive, NgModule, Input, Pipe, EventEmitter, Output, ViewChild, Optional, Self, ChangeDetectionStrategy, ViewEncapsulation, forwardRef } from '@angular/core';
-import { DataSources, formColumnInputsSchema, ElementTypes, validateCalculatedFieldRules, CalculationFunctions, MinInputTypes, InputDataTypes, FormSubmissionStatus, validateForm, FormListSection, FormStateErrors, DefaultInputConfig, validateFormSlide, validateFormColumnInputsWithRequired, BlurHandleTypes, AllFormInputPrimaryKeys, ElementEditorTypes, AllDocumentFileExtensions, AllImageFileExtensions, InputFileType, UploadTypes, InputTypes, AutocapitalizeOptions } from 'ngx-t-forms-types';
+import { DataSources, formColumnInputsSchema, ElementTypes, validateCalculatedFieldRules, CalculationFunctions, MinInputTypes, InputDataTypes, FormSubmissionStatus, validateForm, FormListSection, FormStateErrors, getElementEditorConfig, DefaultInputConfig, ElementEditorTypes, SpecialElementKeys, validateFormColumnInputsWithRequired, validateFormSlide, BlurHandleTypes, AllFormInputPrimaryKeys, AllDocumentFileExtensions, AllImageFileExtensions, InputFileType, UploadTypes, InputTypes, AutocapitalizeOptions } from 'ngx-t-forms-types';
 import * as i1$2 from '@angular/forms';
 import { Validators, FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import ExpressionValidator from 'stringtoobjectvalidator';
 import { takeUntil, debounceTime, distinctUntilChanged, startWith, map, pairwise, switchMap, catchError, EMPTY, throwError, of, tap, forkJoin, filter, Subject, take, Observable, concatMap, concat, finalize, Subscription, BehaviorSubject, combineLatest, withLatestFrom, firstValueFrom, timer } from 'rxjs';
 import { evaluate } from 'mathjs';
 import * as i1 from '@angular/common/http';
@@ -245,6 +244,173 @@ function provideNgxTForms(config) {
     ]);
 }
 
+/**
+ * Validates an object against a validation expression.
+ *
+ * @param {string} expression - The validation expression to evaluate.
+ * @param {object} object - The object to validate.
+ * @returns {boolean} - A boolean indicating whether the object is valid according to the expression.
+ *
+ * This function is designed to handle a variety of cases for validating objects based on a given expression. It can:
+ * 1. Evaluate an expression part with a single comparison operator, for example: 'a === 1' or '(a === 1)'.
+ * 2. Evaluate an expression with multiple comparison operators, including: '===', '==', '!==', '!=', '>', '<', '>=', and '<='.
+ * 3. Group expression parts considering bracket enclosures and logical operators.
+ * 4. Evaluate an expression with multiple logical operators, such as 'a === 1 && b === 2 || c === 3'.
+ */
+//type LogicalOperator = '&&' | '||' | '!';
+const validateObjectAgainstString = (expression, object) => {
+    /**
+     * Removes enclosing brackets from a string.
+     * @param expression The string to remove brackets from.
+     * @returns The string without enclosing brackets.
+     */
+    function removeEnclosingBrackets(exp) {
+        exp = exp.trim();
+        if (exp.startsWith('(') && exp.endsWith(')')) {
+            // remove the first and last characters from the string
+            return exp.slice(1, -1);
+        }
+        return exp;
+    }
+    /**
+     * Evaluates a validation string against an object.
+     * @param validationString The validation string to evaluate.
+     * @param data The object to validate.
+     * @returns A boolean indicating whether the object is valid according to the validation string.
+     */
+    function evaluateValidationString(validationString, data) {
+        //const operators: Operator[] = ['===', '==', '!==', '!=', '>', '<', '>=', '<='];
+        const evaluationExpression = removeEnclosingBrackets(validationString);
+        /**
+         * Parses an operand from a string.
+         * @param operand The string to parse.
+         * @returns The parsed operand.
+         */
+        function parseOperand(operand) {
+            if (!operand) {
+                throw new Error(`Invalid operand: ${operand}`);
+            }
+            if (operand in data) {
+                return data[operand];
+            }
+            else if (operand === 'true') {
+                return true;
+            }
+            else if (operand === 'false') {
+                return false;
+            }
+            else if (!isNaN(Number(operand))) {
+                return Number(operand);
+            }
+            else if (typeof operand === 'string') {
+                return operand.replace(/['"]+/g, '');
+            }
+            else {
+                throw new Error(`Invalid operand: ${operand}`);
+            }
+        }
+        /**
+         * Evaluates a comparison expression.
+         * @param expression The expression to evaluate.
+         * @returns A boolean indicating whether the expression is true or false.
+         */
+        function evaluateExpression(expression) {
+            const operators = ['===', '==', '!==', '!=', '>', '<', '>=', '<='];
+            const parts = (expression || '').split(' ');
+            if (parts.length !== 3) {
+                throw new Error(`Invalid expression: ${expression}`);
+            }
+            const [leftOperand, operator, rightOperand] = parts;
+            const leftValue = parseOperand(leftOperand);
+            const rightValue = parseOperand(rightOperand);
+            if (!operators.includes(operator)) {
+                throw new Error(`Invalid operator: ${operator}`);
+            }
+            switch (operator) {
+                case '===':
+                    return leftValue === rightValue;
+                case '==':
+                    return leftValue == rightValue;
+                case '!==':
+                    return leftValue !== rightValue;
+                case '!=':
+                    return leftValue != rightValue;
+                case '>':
+                    console.log(data, leftValue, rightValue, "TTTTTTTTTTTTTTTTTTTTT");
+                    return leftValue > rightValue;
+                case '<':
+                    return leftValue < rightValue;
+                case '>=':
+                    return leftValue >= rightValue;
+                case '<=':
+                    return leftValue <= rightValue;
+                default:
+                    throw new Error(`Invalid operator: ${operator}`);
+            }
+        }
+        return evaluateExpression(evaluationExpression);
+    }
+    /**
+     * Evaluates a conjunction expression.
+     * @param conjunctionExpression The conjunction expression to evaluate.
+     * @param object The object to validate.
+     * @returns A boolean indicating whether the object is valid according to the conjunction expression.
+     */
+    function evaluateConjunction(conjunctionExpression, object) {
+        if (typeof conjunctionExpression !== 'string') {
+            return false;
+        }
+        const parts = (conjunctionExpression || '').split("&&"); //conjunctions
+        return parts.every((part) => {
+            const hasDisjunction = part.split("||").length > 1;
+            const hasConjunction = part.split("&&").length > 1;
+            const strippedPart = removeEnclosingBrackets(part);
+            if (hasDisjunction) {
+                return evaluateDisjunctions(strippedPart, object);
+            }
+            if (hasConjunction) {
+                return evaluateConjunction(strippedPart, object);
+            }
+            if (!hasConjunction && !hasDisjunction) {
+                return evaluateValidationString(strippedPart, object);
+            }
+            return false;
+        });
+    }
+    /**
+     * Evaluates a disjunction expression.
+     * @param disjunctionExpression The disjunction expression to evaluate.
+     * @param object The object to validate.
+     * @returns A boolean indicating whether the object is valid according to the disjunction expression.
+     */
+    function evaluateDisjunctions(disjunctionExpression, object) {
+        let evaluationResult = false;
+        if (typeof disjunctionExpression !== 'string') {
+            return false;
+        }
+        const parts = disjunctionExpression.split("||"); //disjunctions
+        for (let part of parts) {
+            const hasDisjunction = part.split("||").length > 1;
+            const hasConjunction = part.split("&&").length > 1;
+            const strippedPart = removeEnclosingBrackets(part);
+            if (hasDisjunction) {
+                evaluationResult = evaluateDisjunctions(strippedPart, object);
+            }
+            else if (hasConjunction) {
+                evaluationResult = evaluateConjunction(strippedPart, object);
+            }
+            else if (!hasConjunction && !hasDisjunction) {
+                evaluationResult = evaluateValidationString(strippedPart, object);
+            }
+            if (evaluationResult) {
+                break;
+            }
+        }
+        return evaluationResult;
+    }
+    return evaluateDisjunctions(expression, object);
+};
+
 function compileInputValidators(input, getFormValue) {
     const isRequired = !!input.required;
     let inputValidators = input.validators ? [...input.validators] : [];
@@ -291,7 +457,7 @@ function createCustomValidator(config, formValue) {
         }
         try {
             const scope = getValidationScopeFromFormValue(inputsObservedForChanges, formValue());
-            const isInvalid = ExpressionValidator(expression, scope);
+            const isInvalid = validateObjectAgainstString(expression, scope);
             const ev = isInvalid ? { [config.id]: { message, canOverride } } : null;
             if (isInvalid) {
                 control.markAsTouched();
@@ -960,12 +1126,17 @@ function arrayAccessFunctions(array, rule) {
 const ruleFunctions = {
     [FunctionTypes.Filter]: (array, expression) => {
         return array.filter((item) => {
-            const ev = ExpressionValidator(expression, item);
-            return ev;
+            try {
+                const ev = validateObjectAgainstString(expression, item);
+                return ev;
+            }
+            catch (error) {
+                return false;
+            }
         });
     },
     [FunctionTypes.Find]: (array, expression) => {
-        return array.find((item) => ExpressionValidator(expression, item));
+        return array.find((item) => validateObjectAgainstString(expression, item));
     },
     [FunctionTypes.Map]: (array, expression) => {
         return array.map((item) => {
@@ -3504,6 +3675,163 @@ function missingConfig(form) {
     }
 }
 
+function testAgainstItem(test, item) {
+    try {
+        const testValue = test.deepBind ? safeReturnDeepProperty(item, test.deepBind || [])?.value : item;
+        const key = test.deepBind ? test.deepBind[test.deepBind.length - 1] : '';
+        const objectValue = test.deepBind ? { [key || '']: testValue } : testValue;
+        if (test.expression) {
+            try {
+                return validateObjectAgainstString(test.expression, objectValue);
+            }
+            catch (error) {
+                console.error(error);
+                return false;
+            }
+        }
+        if (test.testType === 'exists') {
+            return test.testType === 'exists' && testValue !== '' && testValue !== undefined;
+        }
+        if (test.testType === 'equalTo') {
+            return testValue === test.valueMatch;
+        }
+        return false;
+    }
+    catch (error) {
+        return false;
+    }
+}
+
+;
+function inputElementEditorConfigs(form, inputInEdit, NGX_T_FORMS_CONFIG, utils) {
+    try {
+        // Get base configuration    
+        const config = getElementEditorConfig;
+        // Get validation errors for the input being edited
+        const errors = inputInEditValidationErrors(form, inputInEdit);
+        // Create a completely new configuration object (for change detection)
+        return {
+            ...config, // Copy all base properties
+            // Create new array with new section objects
+            editorSections: config.editorSections.map(section => {
+                const elements = getSectionElements(section.elements, inputInEdit, NGX_T_FORMS_CONFIG, utils, errors);
+                // Check if any element in this section has errors
+                const hasErrors = section.elements.some(el => errors.some(err => err.key === el.deepBind?.join('.')));
+                return ({
+                    ...section,
+                    elements: [...[], ...elements],
+                    hasErrors
+                });
+            })
+        };
+    }
+    catch (error) {
+        const message = error instanceof Error ? error.message : 'Failed to configure columns';
+        throw new Error(message);
+    }
+}
+function getSectionElements(elements, inputInEdit, NGX_T_FORMS_CONFIG, utils, errors = []) {
+    try {
+        const defaultInputs = { ...DefaultInputConfig };
+        if (!inputInEdit)
+            return [];
+        const defaultInput = defaultInputs[inputInEdit?.element];
+        const processedElements = elements
+            .map(el => processElement(el, inputInEdit, NGX_T_FORMS_CONFIG, utils, errors));
+        const filteredElements = processedElements.filter(el => isElementApplicable(inputInEdit, defaultInput?.properties, el));
+        console.error('%c Form Element Editor Debug Info ', 'background: #ff0000; color: white; font-weight: bold; padding: 2px;', '\n\nFiltered Elements:', filteredElements, '\n\nProcessed Elements:', processedElements, '\n\nInput Being Edited:', inputInEdit, '\n\nDefault Input Config:', defaultInputs[inputInEdit?.element], '\n\nElements Removed:', processedElements.filter(el => !filteredElements.includes(el)));
+        return filteredElements;
+    }
+    catch (err) {
+        console.error('Error processing section elements:', err);
+        return [];
+    }
+}
+function processElement(element, inputInEdit, NGX_T_FORMS_CONFIG, utils, errors = []) {
+    const defaultInputs = { ...DefaultInputConfig };
+    if (!inputInEdit)
+        return [];
+    const defaultInput = defaultInputs[inputInEdit?.element];
+    return {
+        ...element,
+        computedErrors: computedErrors(element, errors),
+        required: defaultInput?.requiredProperties?.includes(element.name),
+        postmanCollectionConfig: getPostmanConfig(element, NGX_T_FORMS_CONFIG),
+        httpGetDataFunction: utils.httpGetDataFunction.bind(utils),
+        getWorkflowOptions: element.editType === ElementEditorTypes.MongoPipelineBuilder ?
+            NGX_T_FORMS_CONFIG.formBuilder.workflows() :
+            undefined,
+        getMscoaTree: element.editType === ElementEditorTypes.ConfigMscoaSegments ?
+            NGX_T_FORMS_CONFIG.formBuilder.getScoaTree() :
+            undefined
+    };
+}
+;
+function getPostmanConfig(element, NGX_T_FORMS_CONFIG) {
+    if (![ElementEditorTypes.ApiCall, ElementEditorTypes.ApiValueAccessRules].includes(element.editType)) {
+        return undefined;
+    }
+    return {
+        collectionUrl: String(NGX_T_FORMS_CONFIG['POSTMAN_COLLECTION_URL'] || ''),
+        collectionKey: String(NGX_T_FORMS_CONFIG['POSTMAN_COLLECTION_KEY'] || '')
+    };
+}
+function isElementApplicable(input, inputProperties, element) {
+    const { name, additionalTest } = element;
+    const isDefault = name === SpecialElementKeys.Default;
+    if (!!isDefault && !additionalTest)
+        return true;
+    // Check property inclusion
+    const isInputProperty = inputProperties?.includes(name);
+    if (!isInputProperty && !isDefault)
+        return false;
+    // Execute additional tests
+    return additionalTest ?
+        additionalTest.every(test => testAgainstItem(test, input)) :
+        !!isInputProperty;
+}
+;
+function inputInEditValidationErrors(form, inputInEdit) {
+    try {
+        const defaultInputs = { ...DefaultInputConfig };
+        let allInputs = form?.slides?.flatMap(slide => slide.columns) || [];
+        const parentInput = allInputs.find(input => input.id === inputInEdit?.multipleInputInEditId);
+        if (!inputInEdit || !inputInEdit.element)
+            return [];
+        const editingNewInput = !inputInEdit?.id;
+        if (!editingNewInput) {
+            return validateFormColumnInputsWithRequired({
+                data: inputInEdit,
+                requiredKeys: (defaultInputs[inputInEdit.element]?.requiredProperties || [])
+            });
+        }
+        // Improved duplicate check logic
+        const isDuplicateFormControl = () => {
+            if (!inputInEdit.formControlName)
+                return false;
+            if (parentInput) {
+                return parentInput.formInputs?.some(input => input.formControlName === inputInEdit.formControlName) || false;
+            }
+            return allInputs.some(input => input.formControlName === inputInEdit.formControlName);
+        };
+        const duplicateError = isDuplicateFormControl()
+            ? [{ key: 'formControlName', message: 'Form control name must be unique' }]
+            : [];
+        return [...duplicateError, ...validateFormColumnInputsWithRequired({
+                data: inputInEdit,
+                requiredKeys: (defaultInputs[inputInEdit.element]?.requiredProperties || [])
+            })];
+    }
+    catch (error) {
+        const msg = error instanceof Error ? error.message : 'Failed to check form config';
+        throw new Error(msg);
+    }
+}
+function computedErrors(element, allErrors) {
+    const errors = allErrors?.filter(error => error.key === element.deepBind?.join('.'));
+    return [...[], ...errors];
+}
+
 ;
 ;
 function formsFormBuilderStoreSelectors(store) {
@@ -3568,6 +3896,7 @@ function formsFormBuilderStoreSelectors(store) {
         }));
         const selectFormTitle$ = selectFormInEdit$.pipe(map((form) => form?.formTitle));
         const getAllFormInputs$ = selectFormInEdit$.pipe(map((form) => form?.slides.flatMap(slide => slide.columns) || []));
+        const inputElementEditorConfigs$ = inputInEdit$.pipe(switchMap((inputInEdit) => selectFormInEdit$.pipe(map(form => inputElementEditorConfigs(form, inputInEdit, store.NGX_T_FORMS_CONFIG, store.utils)))));
         return {
             selectFormSlides$,
             missingConfig$,
@@ -3581,6 +3910,7 @@ function formsFormBuilderStoreSelectors(store) {
             inputInEditValidationErrors$,
             selectFormTitle$,
             getAllFormInputs$,
+            inputElementEditorConfigs$,
             selectFormSlideSections$
         };
     }
@@ -4783,9 +5113,9 @@ class FormBuilderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: FormBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: FormBuilderComponent, isStandalone: true, selector: "app-form-builder", inputs: { formId: "formId" }, providers: [
             FormsStoreService
-        ], ngImport: i0, template: "<header>\r\n    <mat-toolbar color=\"primary\">\r\n        @if (closeButton) {\r\n        <button mat-icon-button [style.color]=\"closeButton.color\" (click)=\"closeButton.onClick()\">\r\n            <mat-icon>{{closeButton.icon}}</mat-icon>\r\n        </button>\r\n        }\r\n\r\n        <!-- Navigation group -->\r\n        <div class=\"nav-group\">\r\n            <button mat-button routerLink=\"/\">Forms</button>\r\n            <mat-icon>navigate_next</mat-icon>\r\n        </div>\r\n\r\n        <!-- Title input with optimized binding -->\r\n        @if (selectHasFormId()) {\r\n        <input [(ngModel)]=\"titleValue\" class=\"section-title-input\" placeholder=\"Enter Form Title\">\r\n        }\r\n\r\n        <span class=\"spacer\"></span>\r\n\r\n        @defer (on viewport) {\r\n        <app-forms-builder-menu />\r\n        } @placeholder {\r\n            <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"20\" />\r\n              </div>\r\n\r\n        }\r\n\r\n        <span class=\"divider\">|</span>\r\n\r\n        <!-- Save/Update button with optimized reactive state -->\r\n        <button mat-raised-button color=\"accent\" class=\"save-button\" [disabled]=\"!(canSaveForm())\"\r\n            (click)=\"saveForm()\">\r\n\r\n            <mat-icon>\r\n                {{(isNewForm()) ? 'save' : 'update'}}\r\n            </mat-icon>\r\n\r\n            @if (selectFormBuilderIsBusy()) {\r\n            {{(isNewForm()) ? '..Saving new form' : '..Updating Form'}}\r\n            } @else {\r\n            {{(isNewForm()) ? 'Save' : 'Update'}}\r\n            }\r\n        </button>\r\n\r\n        <!-- Updated time info -->\r\n        @if (!(isNewForm())) {\r\n        <div class=\"updated-time\">\r\n            <mat-icon>update</mat-icon>\r\n            <span>Updated {{ selectFormUpdated() }}</span>\r\n        </div>\r\n        }\r\n    </mat-toolbar>\r\n</header>\r\n\r\n<!-- Main content with optimized loading -->\r\n@defer (on viewport) {\r\n<div class=\"container\">\r\n    <div class=\"middle\">\r\n        <br>\r\n        @if (selectLoadingForm()) {\r\n        <div class=\"loading-container\">\r\n            <mat-spinner />\r\n        </div>\r\n        } @else {\r\n        <app-form-section-stepper />\r\n        }\r\n        <br>\r\n        @if ((hasMissingConfigs()) && !(selectLoadingForm())) {\r\n            <app-missing-form-configs />\r\n            }\r\n    </div>\r\n\r\n    @if (elementEditorOpen()) {\r\n    <app-input-editor style=\"max-width:480px;height:calc(100vh - 64px);z-index:1\" cdkDrag cdkDragBoundary=\"container\" class=\"middle editor-container\" />\r\n    }\r\n    <!-- Missing fields section -->`\r\n\r\n\r\n</div>\r\n}@placeholder {\r\n    <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"50\" />\r\n      </div>\r\n}", styles: [".container{display:flex;width:100%;height:calc(100% - 64px)}.side{width:100px;background-color:#f8d7da}.middle{flex-grow:1;height:100%;overflow:auto;background-color:none}.section-title-input{border:none;background-color:transparent;font-size:16px;font-weight:600;color:#fff;padding-top:12px;padding-bottom:12px;outline:none;min-width:268px;transition:border-bottom-color .3s ease-in-out}.section-title-input:focus{border-bottom:1px solid #ffffff}.missing-fields{position:fixed;bottom:0}.updated-time{display:flex;gap:8px;align-items:center;line-height:normal;font-size:14px;bottom:0;position:absolute;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px;border-radius:4px}.nav-group{display:flex;align-items:center;gap:8px}.save-button{margin-left:8px;min-width:168px}.loading-container{display:flex;height:calc(100% - 150px);justify-content:center;align-items:center}.editor-container{max-width:500px}.divider{margin:0 8px;opacity:.5}app-missing-form-configs{position:absolute;bottom:0;right:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], deferBlockDependencies: [() => [import('./ngx-t-forms-forms-builder-menu.component-beIiFQyM.mjs').then(m => m.FormsBuilderMenuComponent)], () => [i2$1.CdkDrag, i7.MatProgressSpinner, import('./ngx-t-forms-input-editor.component-CItOFrvx.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-BYli3qzy.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-kdu_ar17.mjs').then(m => m.MissingFormConfigsComponent)]] }); }
+        ], ngImport: i0, template: "<header>\r\n    <mat-toolbar color=\"primary\">\r\n        @if (closeButton) {\r\n        <button mat-icon-button [style.color]=\"closeButton.color\" (click)=\"closeButton.onClick()\">\r\n            <mat-icon>{{closeButton.icon}}</mat-icon>\r\n        </button>\r\n        }\r\n\r\n        <!-- Navigation group -->\r\n        <div class=\"nav-group\">\r\n            <button mat-button routerLink=\"/\">Forms</button>\r\n            <mat-icon>navigate_next</mat-icon>\r\n        </div>\r\n\r\n        <!-- Title input with optimized binding -->\r\n        @if (selectHasFormId()) {\r\n        <input [(ngModel)]=\"titleValue\" class=\"section-title-input\" placeholder=\"Enter Form Title\">\r\n        }\r\n\r\n        <span class=\"spacer\"></span>\r\n\r\n        @defer (on viewport) {\r\n        <app-forms-builder-menu />\r\n        } @placeholder {\r\n            <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n                <mat-spinner diameter=\"20\" />\r\n              </div>\r\n\r\n        }\r\n\r\n        <span class=\"divider\">|</span>\r\n\r\n        <!-- Save/Update button with optimized reactive state -->\r\n        <button mat-raised-button color=\"accent\" class=\"save-button\" [disabled]=\"!(canSaveForm())\"\r\n            (click)=\"saveForm()\">\r\n\r\n            <mat-icon>\r\n                {{(isNewForm()) ? 'save' : 'update'}}\r\n            </mat-icon>\r\n\r\n            @if (selectFormBuilderIsBusy()) {\r\n            {{(isNewForm()) ? '..Saving new form' : '..Updating Form'}}\r\n            } @else {\r\n            {{(isNewForm()) ? 'Save' : 'Update'}}\r\n            }\r\n        </button>\r\n\r\n        <!-- Updated time info -->\r\n        @if (!(isNewForm())) {\r\n        <div class=\"updated-time\">\r\n            <mat-icon>update</mat-icon>\r\n            <span>Updated {{ selectFormUpdated() }}</span>\r\n        </div>\r\n        }\r\n    </mat-toolbar>\r\n</header>\r\n\r\n<!-- Main content with optimized loading -->\r\n@defer (on viewport) {\r\n<div class=\"container\">\r\n    <div class=\"middle\">\r\n        <br>\r\n        @if (selectLoadingForm()) {\r\n        <div class=\"loading-container\">\r\n            <mat-spinner />\r\n        </div>\r\n        } @else {\r\n        <app-form-section-stepper />\r\n        }\r\n        <br>\r\n        @if ((hasMissingConfigs()) && !(selectLoadingForm())) {\r\n            <app-missing-form-configs />\r\n            }\r\n    </div>\r\n\r\n    @if (elementEditorOpen()) {\r\n    <app-input-editor style=\"max-width:480px;height:calc(100vh - 64px);z-index:1\" cdkDrag cdkDragBoundary=\"container\" class=\"middle editor-container\" />\r\n    }\r\n    <!-- Missing fields section -->`\r\n\r\n\r\n</div>\r\n}@placeholder {\r\n    <div style=\"padding: 50px;display:flex;justify-content:center;align-items:center; text-align: center;\">\r\n        <mat-spinner diameter=\"50\" />\r\n      </div>\r\n}", styles: [".container{display:flex;width:100%;height:calc(100% - 64px)}.side{width:100px;background-color:#f8d7da}.middle{flex-grow:1;height:100%;overflow:auto;background-color:none}.section-title-input{border:none;background-color:transparent;font-size:16px;font-weight:600;color:#fff;padding-top:12px;padding-bottom:12px;outline:none;min-width:268px;transition:border-bottom-color .3s ease-in-out}.section-title-input:focus{border-bottom:1px solid #ffffff}.missing-fields{position:fixed;bottom:0}.updated-time{display:flex;gap:8px;align-items:center;line-height:normal;font-size:14px;bottom:0;position:absolute;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px;border-radius:4px}.nav-group{display:flex;align-items:center;gap:8px}.save-button{margin-left:8px;min-width:168px}.loading-container{display:flex;height:calc(100% - 150px);justify-content:center;align-items:center}.editor-container{max-width:500px}.divider{margin:0 8px;opacity:.5}app-missing-form-configs{position:absolute;bottom:0;right:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i9.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], deferBlockDependencies: [() => [import('./ngx-t-forms-forms-builder-menu.component-DQ8JYw6g.mjs').then(m => m.FormsBuilderMenuComponent)], () => [i2$1.CdkDrag, i7.MatProgressSpinner, import('./ngx-t-forms-input-editor.component-Gi9MgyHB.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-hnOcnZGc.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-BvsopeCg.mjs').then(m => m.MissingFormConfigsComponent)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: FormBuilderComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-forms-builder-menu.component-beIiFQyM.mjs').then(m => m.FormsBuilderMenuComponent), import('./ngx-t-forms-input-editor.component-CItOFrvx.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-BYli3qzy.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-kdu_ar17.mjs').then(m => m.MissingFormConfigsComponent)], resolveMetadata: (FormsBuilderMenuComponent, InputEditorComponent, FormSectionStepperComponent, MissingFormConfigsComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: FormBuilderComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-forms-builder-menu.component-DQ8JYw6g.mjs').then(m => m.FormsBuilderMenuComponent), import('./ngx-t-forms-input-editor.component-Gi9MgyHB.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-hnOcnZGc.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-BvsopeCg.mjs').then(m => m.MissingFormConfigsComponent)], resolveMetadata: (FormsBuilderMenuComponent, InputEditorComponent, FormSectionStepperComponent, MissingFormConfigsComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'app-form-builder', standalone: true, imports: [CommonModule,
                             MatModulesModule,
@@ -4959,27 +5289,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.2", ngImpor
                     args: [DOCUMENT]
                 }] }] });
 
-function testAgainstItem(test, item) {
-    try {
-        const testValue = test.deepBind ? safeReturnDeepProperty(item, test.deepBind || [])?.value : item;
-        const key = test.deepBind ? test.deepBind[test.deepBind.length - 1] : '';
-        const objectValue = test.deepBind ? { [key || '']: testValue } : testValue;
-        if (test.expression) {
-            return ExpressionValidator(test.expression, objectValue);
-        }
-        if (test.testType === 'exists') {
-            return test.testType === 'exists' && testValue !== '' && testValue !== undefined;
-        }
-        if (test.testType === 'equalTo') {
-            return testValue === test.valueMatch;
-        }
-        return false;
-    }
-    catch (error) {
-        return false;
-    }
-}
-
 class TDynamicDataEditComponent {
     constructor(ngZone) {
         this.ngZone = ngZone;
@@ -5147,9 +5456,9 @@ class TDynamicDataEditComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.2", ngImport: i0, type: TDynamicDataEditComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: TDynamicDataEditComponent, isStandalone: true, selector: "lib-t-dynamic-data-edit", inputs: { editorConfig: "editorConfig", formInputs: "formInputs", data: "data", validationErrors: "validationErrors" }, outputs: { valueChange: "valueChange", blur: "blur" }, ngImport: i0, template: "@defer {\r\n    <ng-container *ngIf=\"( vm$ |async) as vm\" >\r\n\r\n            <mat-form-field appearance=\"outline\"\r\n                 [color]=\"((validationErrors)||[]||[]).length>0 ? 'warn' : 'primary'\"\r\n                [floatLabel]=\"'always'\" [subscriptSizing]=\"'dynamic'\"\r\n                [hintLabel]=\"vm.editorConfigValue?.hint||''\">\r\n                <mat-label> {{ (vm.  editorConfigValue)?.label + ((vm.  editorConfigValue)?.required ? '*' : '')}} </mat-label>\r\n    \r\n                @switch ((vm.  editorConfigValue)?.editType) {\r\n                @default {\r\n                <input \r\n                (blur)=\"elementBlur($event)\" \r\n                (input)=\"inputChange($event)\" \r\n                [disabled]=\"(vm.disabled)\"\r\n                [value]=\"(vm.value)\" matInput \r\n                \r\n                [placeholder]=\"(vm.  editorConfigValue)?.placeholder ||'Enter value'\">\r\n    \r\n    \r\n                }\r\n                @case ( elementEditorTypes.Toggle) {\r\n                <lib-mat-slider-toggle-editor \r\n                [name]=\"((vm.  editorConfigValue)?.name||'') \" \r\n                [label]=\"((vm.  editorConfigValue)?.label||'')\"\r\n                \r\n                (valueChange)=\"valueChanged(!!$event)\" [value]=\"(vm.value)\" \r\n                [errors]=\"(validationErrors)||[]\">\r\n                </lib-mat-slider-toggle-editor>\r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.Range) {\r\n    \r\n    \r\n                <lib-mat-slider-editor [format]=\"(  vm.editorConfigValue)?.format \" [formatLabel]=\" formatLabel\"\r\n                    [max]=\"(  vm.editorConfigValue)?.max || 100\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n                    [min]=\"(  vm.editorConfigValue)?.min || 0\" (valueChange)=\"inputChange($event)\"\r\n                    [step]=\"(  vm.editorConfigValue)?.step || 1\" tickInterval=\"(  vm.editorConfigValue)?.step || 1\">\r\n    \r\n    \r\n                </lib-mat-slider-editor>\r\n    \r\n    \r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.ChipSelect) {\r\n                <lib-mat-chip-list-editor [options]=\"(vm.editorConfigValue)?.options\" [required]=\"!!( vm.editorConfigValue)?.required\"\r\n                    [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" (valueChange)=\"  valueChanged($event)\"></lib-mat-chip-list-editor>\r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.OptionSelect) {\r\n    \r\n                <mat-select [value]=\"(vm.value)\" (selectionChange)=\"valueChanged($event.value)\">\r\n                    @for(option of ( vm.editorConfigValue)?.options;track option.value){\r\n                    <mat-option [value]=\"option.value\">{{option.label}}</mat-option>\r\n                    }\r\n                </mat-select>\r\n    \r\n                }\r\n                <!--\r\n            @case (elementEditorTypes.RichTextEditor) {\r\n                <p>\r\n                    Not implemented yet\r\n                </p>\r\n            }\r\n                --->\r\n    \r\n                @case (elementEditorTypes.SelectionOptions) {\r\n    \r\n                <app-selection-options-editor [errors]=\"(validationErrors)||[]\" [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\"\r\n                    [options]=\"(vm.value) || []\" (valueChanged)=\"valueChanged($event)\"></app-selection-options-editor>\r\n                }\r\n    \r\n                @case (\r\n                elementEditorTypes.ApiCall) {\r\n    \r\n                <lib-rest-api-call-setup \r\n                    [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n                    [httpGetDataFunction]=\"(vm.editorConfigValue)?.httpGetDataFunction\"\r\n                    [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n                    (valueChanged)=\"valueChanged($event)\">\r\n    \r\n                </lib-rest-api-call-setup>\r\n                }\r\n    \r\n                @case (elementEditorTypes.MongoPipelineBuilder) {\r\n    \r\n                <app-pipeline-generator [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n                    [errors]=\"(validationErrors)||[]\" [getWorkflowOptions]=\"getWorkflowOptions$\"\r\n                    (valueChanged)=\"valueChanged($event)\"></app-pipeline-generator>\r\n    \r\n                }\r\n                @case (elementEditorTypes.ApiValueAccessRules) {\r\n    \r\n    \r\n    \r\n                <app-api-value-access-rules \r\n                    [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n                    [errors]=\"(validationErrors)||[]\" [formInputs]=\"formInputs ||[]\" \r\n                    [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n            \r\n                    [mapToData]=\"vm.dataOptions\"\r\n                    (valueChanged)=\"valueChanged($event)\">\r\n                </app-api-value-access-rules>\r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.FormInputSelector)\r\n                {\r\n    \r\n                <lib-form-input-selector [formInputs]=\"formInputs ||[]\" [errors]=\"(validationErrors)||[]\" [value]=\"(vm.value) || []\"\r\n                    (change)=\"valueChanged($event)\">\r\n                </lib-form-input-selector>\r\n                }\r\n    \r\n                @case (\r\n                elementEditorTypes.RequiredInputs\r\n                ){\r\n    \r\n                <app-required-inputs [formInputs]=\"formInputs ||[]\" [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\"\r\n                    [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\">\r\n                </app-required-inputs>\r\n                }\r\n    \r\n                @case(elementEditorTypes.CalculatedFieldRules){\r\n    \r\n                <app-calculated-field-rules [formInputs]=\"formInputs ||[]\"\r\n                    [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n                    (valueChanged)=\"valueChanged($event)\" [mapToData]=\"vm.dataOptions\"></app-calculated-field-rules>\r\n                }\r\n    \r\n                @case(elementEditorTypes.Validators){\r\n    \r\n                <app-validators-config [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n                    [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\" [formInputs]=\"formInputs ||[]\"\r\n                    [mapToData]=\"vm.dataOptions\">\r\n                </app-validators-config>\r\n    \r\n                }\r\n                @case(elementEditorTypes.ConfigMscoaSegments){\r\n    \r\n                <app-mscoa-segment-config [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\"\r\n                    [showAllSegments]=\"vm.dataOptions\" (valueChanged)=\"valueChanged($event)\"></app-mscoa-segment-config>\r\n                }\r\n                @case(elementEditorTypes.ConfigMscoaAdditionalInputs){\r\n    \r\n                <app-config-mscoa-additional-inputs [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\"\r\n                    [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\"\r\n                    (valueChanged)=\"valueChanged($event)\">\r\n                </app-config-mscoa-additional-inputs>\r\n    \r\n                }\r\n                }\r\n    \r\n                <button [matTooltip]=\"blurFunctionTooltip((vm.editorConfigValue)?.blurHandle)\" *ngIf=\"(vm.inputHasBlurFunction)\"\r\n                    [disabled]=\"(vm.disabled)\" [color]=\"blurOff?'':'primary'\" (click)=\"blurOff=!blurOff\" matSuffix\r\n                    mat-icon-button>\r\n                    <mat-icon>{{\r\n                        blurOff?'blur_off':'blur_on'\r\n                        }}\r\n    \r\n    \r\n                    </mat-icon>\r\n                </button>\r\n            </mat-form-field>\r\n\r\n    \r\n        <mat-error style=\"    font-size: 12px;\r\n        margin-left: 14px;\r\n    \" *ngFor=\"let error of (validationErrors)||[]\">\r\n    \r\n    {{error.message}}</mat-error>\r\n    \r\n    </ng-container>\r\n    \r\n}@error {\r\n    <mat-card>\r\n        <mat-card-content>\r\n            \r\n            <span> \r\n                Failed to load form inputs\r\n            </span>\r\n        </mat-card-content>\r\n    </mat-card>\r\n    }\r\n\r\n\r\n\r\n<!-- - \r\n `TableConfigSetup`\r\n- `ConditionalInputConfig`\r\n- `MatrixTable`-->", styles: [".showItemValue{opacity:.6}mat-form-field{width:100%}mat-slider{width:100%}.range{display:flex;align-items:center}label{line-height:normal;margin-top:12px;font-weight:500;font-size:12px;color:var(--mdc-filled-text-field-focus-label-text-color, var(--mat-app-primary));display:flex;justify-content:space-between;align-items:center}.elementInfo{display:flex;align-items:center;justify-content:center;padding:0;height:24px;width:24px}.infoIcon{font-size:16px;height:16px;width:16px}.toggle-label{margin-left:5px;align-items:center;display:flex;font-weight:500;line-height:normal;justify-content:space-between;color:var(--mdc-filled-text-field-focus-label-text-color, var(--mat-app-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }], deferBlockDependencies: [() => [i2$2.NgForOf, i2$2.NgIf, i2$2.AsyncPipe, import('./ngx-t-forms-selection-options-editor.component-CKdTcvyb.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-BZLCiTEx.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-C_zsy4Pr.mjs').then(m => m.RestApiCallSetupComponent), import('./ngx-t-forms-api-value-access-rules.component-DVxjY46W.mjs').then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-CnRGUtEj.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-CZRBVUb4.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-CF0b2IAN.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-CTUwEJKh.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-DEDrjICX.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-bDCnls3E.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-B80B7Y2g.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-C7q7RAhA.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-D1jGY0Wp.mjs').then(m => m.MatChipListEditorComponent), i2$3.MatOption, i2.MatIconButton, i5.MatIcon, i4.MatFormField, i4.MatLabel, i4.MatError, i4.MatSuffix, i7$1.MatSelect, i8.MatTooltip, i5$1.MatInput]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.2", type: TDynamicDataEditComponent, isStandalone: true, selector: "lib-t-dynamic-data-edit", inputs: { editorConfig: "editorConfig", formInputs: "formInputs", data: "data", validationErrors: "validationErrors" }, outputs: { valueChange: "valueChange", blur: "blur" }, ngImport: i0, template: "@defer {\r\n    <ng-container *ngIf=\"( vm$ |async) as vm\" >\r\n\r\n            <mat-form-field appearance=\"outline\"\r\n                 [color]=\"((validationErrors)||[]||[]).length>0 ? 'warn' : 'primary'\"\r\n                [floatLabel]=\"'always'\" [subscriptSizing]=\"'dynamic'\"\r\n                [hintLabel]=\"vm.editorConfigValue?.hint||''\">\r\n                <mat-label> {{ (vm.  editorConfigValue)?.label + ((vm.  editorConfigValue)?.required ? '*' : '')}} </mat-label>\r\n    \r\n                @switch ((vm.  editorConfigValue)?.editType) {\r\n                @default {\r\n                <input \r\n                (blur)=\"elementBlur($event)\" \r\n                (input)=\"inputChange($event)\" \r\n                [disabled]=\"(vm.disabled)\"\r\n                [value]=\"(vm.value)\" matInput \r\n                \r\n                [placeholder]=\"(vm.  editorConfigValue)?.placeholder ||'Enter value'\">\r\n    \r\n    \r\n                }\r\n                @case ( elementEditorTypes.Toggle) {\r\n                <lib-mat-slider-toggle-editor \r\n                [name]=\"((vm.  editorConfigValue)?.name||'') \" \r\n                [label]=\"((vm.  editorConfigValue)?.label||'')\"\r\n                \r\n                (valueChange)=\"valueChanged(!!$event)\" [value]=\"(vm.value)\" \r\n                [errors]=\"(validationErrors)||[]\">\r\n                </lib-mat-slider-toggle-editor>\r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.Range) {\r\n    \r\n    \r\n                <lib-mat-slider-editor [format]=\"(  vm.editorConfigValue)?.format \" [formatLabel]=\" formatLabel\"\r\n                    [max]=\"(  vm.editorConfigValue)?.max || 100\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n                    [min]=\"(  vm.editorConfigValue)?.min || 0\" (valueChange)=\"inputChange($event)\"\r\n                    [step]=\"(  vm.editorConfigValue)?.step || 1\" tickInterval=\"(  vm.editorConfigValue)?.step || 1\">\r\n    \r\n    \r\n                </lib-mat-slider-editor>\r\n    \r\n    \r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.ChipSelect) {\r\n                <lib-mat-chip-list-editor [options]=\"(vm.editorConfigValue)?.options\" [required]=\"!!( vm.editorConfigValue)?.required\"\r\n                    [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" (valueChange)=\"  valueChanged($event)\"></lib-mat-chip-list-editor>\r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.OptionSelect) {\r\n    \r\n                <mat-select [value]=\"(vm.value)\" (selectionChange)=\"valueChanged($event.value)\">\r\n                    @for(option of ( vm.editorConfigValue)?.options;track option.value){\r\n                    <mat-option [value]=\"option.value\">{{option.label}}</mat-option>\r\n                    }\r\n                </mat-select>\r\n    \r\n                }\r\n                <!--\r\n            @case (elementEditorTypes.RichTextEditor) {\r\n                <p>\r\n                    Not implemented yet\r\n                </p>\r\n            }\r\n                --->\r\n    \r\n                @case (elementEditorTypes.SelectionOptions) {\r\n    \r\n                <app-selection-options-editor [errors]=\"(validationErrors)||[]\" [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\"\r\n                    [options]=\"(vm.value) || []\" (valueChanged)=\"valueChanged($event)\"></app-selection-options-editor>\r\n                }\r\n    \r\n                @case (\r\n                elementEditorTypes.ApiCall) {\r\n    \r\n                <lib-rest-api-call-setup \r\n                    [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n                    [httpGetDataFunction]=\"(vm.editorConfigValue)?.httpGetDataFunction\"\r\n                    [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n                    (valueChanged)=\"valueChanged($event)\">\r\n    \r\n                </lib-rest-api-call-setup>\r\n                }\r\n    \r\n                @case (elementEditorTypes.MongoPipelineBuilder) {\r\n    \r\n                <app-pipeline-generator [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n                    [errors]=\"(validationErrors)||[]\" [getWorkflowOptions]=\"getWorkflowOptions$\"\r\n                    (valueChanged)=\"valueChanged($event)\"></app-pipeline-generator>\r\n    \r\n                }\r\n                @case (elementEditorTypes.ApiValueAccessRules) {\r\n    \r\n    \r\n    \r\n                <app-api-value-access-rules \r\n                    [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n                    [errors]=\"(validationErrors)||[]\" [formInputs]=\"formInputs ||[]\" \r\n                    [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n            \r\n                    [mapToData]=\"vm.dataOptions\"\r\n                    (valueChanged)=\"valueChanged($event)\">\r\n                </app-api-value-access-rules>\r\n    \r\n                }\r\n    \r\n                @case (elementEditorTypes.FormInputSelector)\r\n                {\r\n    \r\n                <lib-form-input-selector [formInputs]=\"formInputs ||[]\" [errors]=\"(validationErrors)||[]\" [value]=\"(vm.value) || []\"\r\n                    (change)=\"valueChanged($event)\">\r\n                </lib-form-input-selector>\r\n                }\r\n    \r\n                @case (\r\n                elementEditorTypes.RequiredInputs\r\n                ){\r\n    \r\n                <app-required-inputs [formInputs]=\"formInputs ||[]\" [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\"\r\n                    [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\">\r\n                </app-required-inputs>\r\n                }\r\n    \r\n                @case(elementEditorTypes.CalculatedFieldRules){\r\n    \r\n                <app-calculated-field-rules [formInputs]=\"formInputs ||[]\"\r\n                    [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n                    (valueChanged)=\"valueChanged($event)\" [mapToData]=\"vm.dataOptions\"></app-calculated-field-rules>\r\n                }\r\n    \r\n                @case(elementEditorTypes.Validators){\r\n    \r\n                <app-validators-config [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n                    [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\" [formInputs]=\"formInputs ||[]\"\r\n                    [mapToData]=\"vm.dataOptions\">\r\n                </app-validators-config>\r\n    \r\n                }\r\n                @case(elementEditorTypes.ConfigMscoaSegments){\r\n    \r\n                <app-mscoa-segment-config [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\"\r\n                    [showAllSegments]=\"vm.dataOptions\" (valueChanged)=\"valueChanged($event)\"></app-mscoa-segment-config>\r\n                }\r\n                @case(elementEditorTypes.ConfigMscoaAdditionalInputs){\r\n    \r\n                <app-config-mscoa-additional-inputs [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\"\r\n                    [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\"\r\n                    (valueChanged)=\"valueChanged($event)\">\r\n                </app-config-mscoa-additional-inputs>\r\n    \r\n                }\r\n                }\r\n    \r\n                <button [matTooltip]=\"blurFunctionTooltip((vm.editorConfigValue)?.blurHandle)\" *ngIf=\"(vm.inputHasBlurFunction)\"\r\n                    [disabled]=\"(vm.disabled)\" [color]=\"blurOff?'':'primary'\" (click)=\"blurOff=!blurOff\" matSuffix\r\n                    mat-icon-button>\r\n                    <mat-icon>{{\r\n                        blurOff?'blur_off':'blur_on'\r\n                        }}\r\n    \r\n    \r\n                    </mat-icon>\r\n                </button>\r\n            </mat-form-field>\r\n\r\n    \r\n        <mat-error style=\"    font-size: 12px;\r\n        margin-left: 14px;\r\n    \" *ngFor=\"let error of (validationErrors)||[]\">\r\n    \r\n    {{error.message}}</mat-error>\r\n    \r\n    </ng-container>\r\n    \r\n}@error {\r\n    <mat-card>\r\n        <mat-card-content>\r\n            \r\n            <span> \r\n                Failed to load form inputs\r\n            </span>\r\n        </mat-card-content>\r\n    </mat-card>\r\n    }\r\n\r\n\r\n\r\n<!-- - \r\n `TableConfigSetup`\r\n- `ConditionalInputConfig`\r\n- `MatrixTable`-->", styles: [".showItemValue{opacity:.6}mat-form-field{width:100%}mat-slider{width:100%}.range{display:flex;align-items:center}label{line-height:normal;margin-top:12px;font-weight:500;font-size:12px;color:var(--mdc-filled-text-field-focus-label-text-color, var(--mat-app-primary));display:flex;justify-content:space-between;align-items:center}.elementInfo{display:flex;align-items:center;justify-content:center;padding:0;height:24px;width:24px}.infoIcon{font-size:16px;height:16px;width:16px}.toggle-label{margin-left:5px;align-items:center;display:flex;font-weight:500;line-height:normal;justify-content:space-between;color:var(--mdc-filled-text-field-focus-label-text-color, var(--mat-app-primary))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }], deferBlockDependencies: [() => [i2$2.NgForOf, i2$2.NgIf, i2$2.AsyncPipe, import('./ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-DbKhNmVM.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-DH5GpWKn.mjs').then(m => m.RestApiCallSetupComponent), import('./ngx-t-forms-api-value-access-rules.component-Cp0BeYD7.mjs').then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-DdNLYKY6.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-IwmDgCk9.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-C1v-xiGd.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-SyL_Vln8.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-jgXTh0do.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-D_IMC63r.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-D_IIYPud.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-DeKGDDuU.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-C2jw_2gf.mjs').then(m => m.MatChipListEditorComponent), i2$3.MatOption, i2.MatIconButton, i5.MatIcon, i4.MatFormField, i4.MatLabel, i4.MatError, i4.MatSuffix, i7$1.MatSelect, i8.MatTooltip, i5$1.MatInput]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: TDynamicDataEditComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-selection-options-editor.component-CKdTcvyb.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-BZLCiTEx.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-C_zsy4Pr.mjs').then(m => m.RestApiCallSetupComponent), import('./ngx-t-forms-api-value-access-rules.component-DVxjY46W.mjs').then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-CnRGUtEj.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-CZRBVUb4.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-CF0b2IAN.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-CTUwEJKh.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-DEDrjICX.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-bDCnls3E.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-B80B7Y2g.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-C7q7RAhA.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-D1jGY0Wp.mjs').then(m => m.MatChipListEditorComponent)], resolveMetadata: (SelectionOptionsEditorComponent, FormInputSelectorComponent, RestApiCallSetupComponent, ApiValueAccessRulesComponent, RequiredInputsComponent, PipelineGeneratorComponent, CalculatedFieldRulesComponent, ValidatorsConfigComponent, ConfigMscoaAdditionalInputsComponent, MatSliderEditorComponent, MscoaSegmentConfigComponent, MatSliderToggleEditorComponent, MatChipListEditorComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.2", ngImport: i0, type: TDynamicDataEditComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-selection-options-editor.component-CQh-InJ6.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-DbKhNmVM.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-DH5GpWKn.mjs').then(m => m.RestApiCallSetupComponent), import('./ngx-t-forms-api-value-access-rules.component-Cp0BeYD7.mjs').then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-DdNLYKY6.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-IwmDgCk9.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-C1v-xiGd.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-SyL_Vln8.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-jgXTh0do.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-D_IMC63r.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-D_IIYPud.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-DeKGDDuU.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-C2jw_2gf.mjs').then(m => m.MatChipListEditorComponent)], resolveMetadata: (SelectionOptionsEditorComponent, FormInputSelectorComponent, RestApiCallSetupComponent, ApiValueAccessRulesComponent, RequiredInputsComponent, PipelineGeneratorComponent, CalculatedFieldRulesComponent, ValidatorsConfigComponent, ConfigMscoaAdditionalInputsComponent, MatSliderEditorComponent, MscoaSegmentConfigComponent, MatSliderToggleEditorComponent, MatChipListEditorComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'lib-t-dynamic-data-edit', standalone: true, imports: [CommonModule,
                             SelectionOptionsEditorComponent,
@@ -10265,5 +10574,5 @@ console.debug = () => { };
  * Generated bundle index. Do not edit.
  */
 
-export { returnDeepProperty as A, safeReturnDeepProperty as B, getUrl as C, DaysAgoPipe as D, textIconsForUserHints as E, FormsStoreService as F, index as G, MatModulesModule as M, NGX_T_FORMS_CONFIG_TOKEN as N, PropertyAccessError as P, SyncEditorComponent as S, TDynamicDataEditComponent as T, UTILS_OBJECT_TOKEN as U, _isEqual as _, assignDeepPropertyToObject as a, TDynamicDataViewComponent as b, FormTowerControllerService as c, getSubmissionStatusFn as d, TreeComponent as e, NgxTFormsService as f, getAvatar as g, NgxTFormsComponent as h, initFormConfigToV2 as i, formGenerator as j, FORM_ACTIONS_TOKEN as k, FORM_CONFIG_TOKEN as l, FORM_SLIDES_TOKEN as m, FORM_INPUTS_TOKEN as n, MULTIPLE_FORM_INPUT_TOKEN as o, provideNgxTForms as p, MSCOA_TREE_PROVIDER as q, returnAnyFormInputFromForm as r, FormsComponent as s, testAgainstItem as t, FormBuilderComponent as u, MscoaFormInputComponent as v, UserFormStepperComponent as w, TFormInputComponent as x, DialogTemplateComponent as y, SignatureInputElementComponent as z };
-//# sourceMappingURL=ngx-t-forms-ngx-t-forms-BIKaG6Gx.mjs.map
+export { safeReturnDeepProperty as A, validateObjectAgainstString as B, getUrl as C, DaysAgoPipe as D, textIconsForUserHints as E, FormsStoreService as F, index as G, MatModulesModule as M, NGX_T_FORMS_CONFIG_TOKEN as N, PropertyAccessError as P, SyncEditorComponent as S, TDynamicDataEditComponent as T, UTILS_OBJECT_TOKEN as U, _isEqual as _, assignDeepPropertyToObject as a, TDynamicDataViewComponent as b, FormTowerControllerService as c, getSubmissionStatusFn as d, TreeComponent as e, NgxTFormsService as f, getAvatar as g, NgxTFormsComponent as h, initFormConfigToV2 as i, formGenerator as j, FORM_ACTIONS_TOKEN as k, FORM_CONFIG_TOKEN as l, FORM_SLIDES_TOKEN as m, FORM_INPUTS_TOKEN as n, MULTIPLE_FORM_INPUT_TOKEN as o, provideNgxTForms as p, MSCOA_TREE_PROVIDER as q, FormsComponent as r, FormBuilderComponent as s, testAgainstItem as t, MscoaFormInputComponent as u, UserFormStepperComponent as v, TFormInputComponent as w, DialogTemplateComponent as x, SignatureInputElementComponent as y, returnDeepProperty as z };
+//# sourceMappingURL=ngx-t-forms-ngx-t-forms-DtoFU6uQ.mjs.map