ngx-t-forms 2.0.19 → 2.0.20

package/fesm2022/{ngx-t-forms-ngx-t-forms-Izs2rqnL.mjs → ngx-t-forms-ngx-t-forms--NcMk6t2.mjs}

@@ -5972,9 +5972,9 @@ class FormBuilderComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormBuilderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", 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);background-color:var(--mat-sys-surface-container-high)}.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;color:var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));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-rWqYX5DN.mjs').then(m => m.FormsBuilderMenuComponent)], () => [i2$1.CdkDrag, i7.MatProgressSpinner, import('./ngx-t-forms-input-editor.component-BEM9U1pR.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-qYyd6E6Q.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-CzVh21f1.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);background-color:var(--mat-sys-surface-container-high)}.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;color:var(--mat-sidenav-content-text-color, var(--mat-sys-on-background));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-DYP-_7bZ.mjs').then(m => m.FormsBuilderMenuComponent)], () => [i2$1.CdkDrag, i7.MatProgressSpinner, import('./ngx-t-forms-input-editor.component-KmUcZsa3.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-DauM50Lq.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-DqfXze2Z.mjs').then(m => m.MissingFormConfigsComponent)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ngImport: i0, type: FormBuilderComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-forms-builder-menu.component-rWqYX5DN.mjs').then(m => m.FormsBuilderMenuComponent), import('./ngx-t-forms-input-editor.component-BEM9U1pR.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-qYyd6E6Q.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-CzVh21f1.mjs').then(m => m.MissingFormConfigsComponent)], resolveMetadata: (FormsBuilderMenuComponent, InputEditorComponent, FormSectionStepperComponent, MissingFormConfigsComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ngImport: i0, type: FormBuilderComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-forms-builder-menu.component-DYP-_7bZ.mjs').then(m => m.FormsBuilderMenuComponent), import('./ngx-t-forms-input-editor.component-KmUcZsa3.mjs').then(m => m.InputEditorComponent), import('./ngx-t-forms-form-section-stepper.component-DauM50Lq.mjs').then(m => m.FormSectionStepperComponent), import('./ngx-t-forms-missing-form-configs.component-DqfXze2Z.mjs').then(m => m.MissingFormConfigsComponent)], resolveMetadata: (FormsBuilderMenuComponent, InputEditorComponent, FormSectionStepperComponent, MissingFormConfigsComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'app-form-builder', standalone: true, imports: [CommonModule,
                             MatModulesModule,
@@ -7423,9 +7423,9 @@ class TDynamicDataEditComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: TDynamicDataEditComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", 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\" [color]=\"((validationErrors)||[]||[]).length>0 ? 'warn' : 'primary'\"\r\n        [floatLabel]=\"'always'\" [subscriptSizing]=\"'dynamic'\" [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 (blur)=\"elementBlur($event)\" (input)=\"inputChange($event)\" [disabled]=\"(vm.disabled)\"\r\n            [value]=\"(vm.value)\" matInput [placeholder]=\"(vm.  editorConfigValue)?.placeholder ||'Enter value'\">\r\n\r\n\r\n        }\r\n        @case ( elementEditorTypes.Toggle) {\r\n        <lib-mat-slider-toggle-editor [name]=\"((vm.  editorConfigValue)?.name||'') \"\r\n            [label]=\"((vm.  editorConfigValue)?.label||'')\" [disabled]=\"(vm.disabled)||false\"\r\n            (valueChange)=\"valueChanged(!!$event)\" [value]=\"(vm.value)\" [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            [disabled]=\"(vm.disabled)||false\" [max]=\"(  vm.editorConfigValue)?.max || 100\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [min]=\"(  vm.editorConfigValue)?.min || 0\"\r\n            (valueChange)=\"inputChange($event)\" [step]=\"(  vm.editorConfigValue)?.step || 1\"\r\n            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 [disabled]=\"(vm.disabled)||false\"\r\n            [options]=\"(vm.editorConfigValue)?.options || vm.dataOptions\"\r\n            [required]=\"!!( vm.editorConfigValue)?.required\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            (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            [disabled]=\"(vm.disabled)||false\">\r\n            @for(option of ( vm.editorConfigValue)?.options || vm.dataOptions;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)||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [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 [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n            [httpGetDataFunction]=\"(vm.editorConfigValue)?.httpGetDataFunction\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\">\r\n\r\n        </lib-rest-api-call-setup>\r\n      \r\n        }\r\n\r\n        @case (elementEditorTypes.MongoPipelineBuilder) {\r\n\r\n        <app-pipeline-generator [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\"\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            [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 [disabled]=\"(vm.disabled)||false\" [formInputs]=\"formInputs ||[]\"\r\n            [errors]=\"(validationErrors)||[]\" [value]=\"(vm.value) || []\" (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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\"\r\n            [mapToData]=\"vm.dataOptions\"></app-calculated-field-rules>\r\n        }\r\n\r\n        @case(elementEditorTypes.Validators){\r\n\r\n        <app-validators-config [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [dataValue]=\"vm.dataValue\"\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 [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [mapToData]=\"vm.dataOptions\">\r\n            (valueChanged)=\"valueChanged($event)\">\r\n        </app-config-mscoa-additional-inputs>\r\n\r\n        }\r\n        @case (elementEditorTypes.ChipOptionsCreator) {\r\n        <lib-chip-options-creator-editor [disabled]=\"(vm.disabled)||false\" (valueChange)=\"valueChanged($event)\"\r\n            [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-chip-options-creator-editor>\r\n\r\n        }\r\n        @case (elementEditorTypes.DataSourcePicker) {\r\n        <lib-data-source-picker [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [formInputs]=\"formInputs ||[]\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n        </lib-data-source-picker>\r\n        }\r\n        @case (elementEditorTypes.ListLabelConfigEditor) {\r\n        <lib-document-list-label-config-editor [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [value]=\"(vm.value)\" [mapToData]=\"vm.dataOptions\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-document-list-label-config-editor>\r\n        }\r\n        @case(\r\n        elementEditorTypes.WorkflowPicker\r\n        ){\r\n        <lib-t-workflow-picker [disabled]=\"(vm.disabled)||false\" [getWorkflowOptions]=\"getWorkflowOptions$\"\r\n            (valueChanged)=\"valueChanged($event)\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            [value]=\"(vm.value)\"></lib-t-workflow-picker>\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$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }], deferBlockDependencies: [() => [i2$2.NgForOf, i2$2.NgIf, i2$2.AsyncPipe, import('./ngx-t-forms-selection-options-editor.component-B2A4Shzb.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-P4H4WpFZ.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-CbfQ7vUk.mjs').then(m => m.RestApiCallSetupComponent), Promise.resolve().then(function () { return apiValueAccessRules_component; }).then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-ByKaRMqs.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-CmQrax2H.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-DEJbn9nu.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-iqXx3hXU.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-CiRP_UnS.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-DoUmq086.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-B8hNJxAR.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-D3HzD0S7.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-sKF1VLac.mjs').then(m => m.MatChipListEditorComponent), i1$4.MatOption, i2.MatIconButton, i5.MatIcon, i3.MatFormField, i3.MatLabel, i3.MatError, i3.MatSuffix, i3.MatSelect, i6$1.MatTooltip, i8.MatInput, import('./ngx-t-forms-chip-options-creator-editor.component-DtguOclg.mjs').then(m => m.ChipOptionsCreatorEditorComponent), import('./ngx-t-forms-data-source-picker.component-B72gg_2g.mjs').then(m => m.DataSourcePickerComponent), import('./ngx-t-forms-document-list-label-config-editor.component-CJHaDkWl.mjs').then(m => m.DocumentListLabelConfigEditorComponent), import('./ngx-t-forms-t-workflow-picker.component-_RMb3PB4.mjs').then(m => m.TWorkflowPickerComponent)]] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", 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\" [color]=\"((validationErrors)||[]||[]).length>0 ? 'warn' : 'primary'\"\r\n        [floatLabel]=\"'always'\" [subscriptSizing]=\"'dynamic'\" [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 (blur)=\"elementBlur($event)\" (input)=\"inputChange($event)\" [disabled]=\"(vm.disabled)\"\r\n            [value]=\"(vm.value)\" matInput [placeholder]=\"(vm.  editorConfigValue)?.placeholder ||'Enter value'\">\r\n\r\n\r\n        }\r\n        @case ( elementEditorTypes.Toggle) {\r\n        <lib-mat-slider-toggle-editor [name]=\"((vm.  editorConfigValue)?.name||'') \"\r\n            [label]=\"((vm.  editorConfigValue)?.label||'')\" [disabled]=\"(vm.disabled)||false\"\r\n            (valueChange)=\"valueChanged(!!$event)\" [value]=\"(vm.value)\" [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            [disabled]=\"(vm.disabled)||false\" [max]=\"(  vm.editorConfigValue)?.max || 100\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [min]=\"(  vm.editorConfigValue)?.min || 0\"\r\n            (valueChange)=\"inputChange($event)\" [step]=\"(  vm.editorConfigValue)?.step || 1\"\r\n            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 [disabled]=\"(vm.disabled)||false\"\r\n            [options]=\"(vm.editorConfigValue)?.options || vm.dataOptions\"\r\n            [required]=\"!!( vm.editorConfigValue)?.required\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            (valueChange)=\"  valueChanged($event)\"></lib-mat-chip-list-editor>\r\n           \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            [disabled]=\"(vm.disabled)||false\">\r\n            @for(option of ( vm.editorConfigValue)?.options || vm.dataOptions;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)||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [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 [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n            [httpGetDataFunction]=\"(vm.editorConfigValue)?.httpGetDataFunction\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\">\r\n\r\n        </lib-rest-api-call-setup>\r\n      \r\n        }\r\n\r\n        @case (elementEditorTypes.MongoPipelineBuilder) {\r\n\r\n        <app-pipeline-generator [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\"\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            [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 [disabled]=\"(vm.disabled)||false\" [formInputs]=\"formInputs ||[]\"\r\n            [errors]=\"(validationErrors)||[]\" [value]=\"(vm.value) || []\" (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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\"\r\n            [mapToData]=\"vm.dataOptions\"></app-calculated-field-rules>\r\n        }\r\n\r\n        @case(elementEditorTypes.Validators){\r\n\r\n        <app-validators-config [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [dataValue]=\"vm.dataValue\"\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 [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [mapToData]=\"vm.dataOptions\">\r\n            (valueChanged)=\"valueChanged($event)\">\r\n        </app-config-mscoa-additional-inputs>\r\n\r\n        }\r\n        @case (elementEditorTypes.ChipOptionsCreator) {\r\n        <lib-chip-options-creator-editor [disabled]=\"(vm.disabled)||false\" (valueChange)=\"valueChanged($event)\"\r\n            [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-chip-options-creator-editor>\r\n\r\n        }\r\n        @case (elementEditorTypes.DataSourcePicker) {\r\n        <lib-data-source-picker [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [formInputs]=\"formInputs ||[]\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n        </lib-data-source-picker>\r\n        }\r\n        @case (elementEditorTypes.ListLabelConfigEditor) {\r\n        <lib-document-list-label-config-editor [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [value]=\"(vm.value)\" [mapToData]=\"vm.dataOptions\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-document-list-label-config-editor>\r\n        }\r\n        @case(\r\n        elementEditorTypes.WorkflowPicker\r\n        ){\r\n        <lib-t-workflow-picker [disabled]=\"(vm.disabled)||false\" [getWorkflowOptions]=\"getWorkflowOptions$\"\r\n            (valueChanged)=\"valueChanged($event)\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            [value]=\"(vm.value)\"></lib-t-workflow-picker>\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$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }], deferBlockDependencies: [() => [i2$2.NgForOf, i2$2.NgIf, i2$2.AsyncPipe, import('./ngx-t-forms-selection-options-editor.component-C1d3tc9r.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-DKA3JT53.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-D_ySLlQj.mjs').then(m => m.RestApiCallSetupComponent), Promise.resolve().then(function () { return apiValueAccessRules_component; }).then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-U3LicAep.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-DWJ_pzQQ.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-Bfxttbln.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-tcjhuqdU.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-kX-Om4Fk.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-Ip2A9KcV.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-Yp_xSVSu.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-gU5cXWEY.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-RLWcb-CD.mjs').then(m => m.MatChipListEditorComponent), i1$4.MatOption, i2.MatIconButton, i5.MatIcon, i3.MatFormField, i3.MatLabel, i3.MatError, i3.MatSuffix, i3.MatSelect, i6$1.MatTooltip, i8.MatInput, import('./ngx-t-forms-chip-options-creator-editor.component-DdJJ_42g.mjs').then(m => m.ChipOptionsCreatorEditorComponent), import('./ngx-t-forms-data-source-picker.component-CMfslgTo.mjs').then(m => m.DataSourcePickerComponent), import('./ngx-t-forms-document-list-label-config-editor.component-C81MpbQk.mjs').then(m => m.DocumentListLabelConfigEditorComponent), import('./ngx-t-forms-t-workflow-picker.component-CdAo5d0s.mjs').then(m => m.TWorkflowPickerComponent)]] }); }
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ngImport: i0, type: TDynamicDataEditComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-selection-options-editor.component-B2A4Shzb.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-P4H4WpFZ.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-CbfQ7vUk.mjs').then(m => m.RestApiCallSetupComponent), Promise.resolve().then(function () { return apiValueAccessRules_component; }).then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-ByKaRMqs.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-CmQrax2H.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-DEJbn9nu.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-iqXx3hXU.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-CiRP_UnS.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-DoUmq086.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-B8hNJxAR.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-D3HzD0S7.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-sKF1VLac.mjs').then(m => m.MatChipListEditorComponent), import('./ngx-t-forms-chip-options-creator-editor.component-DtguOclg.mjs').then(m => m.ChipOptionsCreatorEditorComponent), import('./ngx-t-forms-data-source-picker.component-B72gg_2g.mjs').then(m => m.DataSourcePickerComponent), import('./ngx-t-forms-document-list-label-config-editor.component-CJHaDkWl.mjs').then(m => m.DocumentListLabelConfigEditorComponent), import('./ngx-t-forms-t-workflow-picker.component-_RMb3PB4.mjs').then(m => m.TWorkflowPickerComponent)], resolveMetadata: (SelectionOptionsEditorComponent, FormInputSelectorComponent, RestApiCallSetupComponent, ApiValueAccessRulesComponent, RequiredInputsComponent, PipelineGeneratorComponent, CalculatedFieldRulesComponent, ValidatorsConfigComponent, ConfigMscoaAdditionalInputsComponent, MatSliderEditorComponent, MscoaSegmentConfigComponent, MatSliderToggleEditorComponent, MatChipListEditorComponent, ChipOptionsCreatorEditorComponent, DataSourcePickerComponent, DocumentListLabelConfigEditorComponent, TWorkflowPickerComponent) => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ngImport: i0, type: TDynamicDataEditComponent, resolveDeferredDeps: () => [import('./ngx-t-forms-selection-options-editor.component-C1d3tc9r.mjs').then(m => m.SelectionOptionsEditorComponent), import('./ngx-t-forms-form-input-selector.component-DKA3JT53.mjs').then(m => m.FormInputSelectorComponent), import('./ngx-t-forms-rest-api-call-setup.component-D_ySLlQj.mjs').then(m => m.RestApiCallSetupComponent), Promise.resolve().then(function () { return apiValueAccessRules_component; }).then(m => m.ApiValueAccessRulesComponent), import('./ngx-t-forms-required-inputs.component-U3LicAep.mjs').then(m => m.RequiredInputsComponent), import('./ngx-t-forms-pipeline-generator.component-DWJ_pzQQ.mjs').then(m => m.PipelineGeneratorComponent), import('./ngx-t-forms-calculated-field-rules.component-Bfxttbln.mjs').then(m => m.CalculatedFieldRulesComponent), import('./ngx-t-forms-validators-config.component-tcjhuqdU.mjs').then(m => m.ValidatorsConfigComponent), import('./ngx-t-forms-config-mscoa-additional-inputs.component-kX-Om4Fk.mjs').then(m => m.ConfigMscoaAdditionalInputsComponent), import('./ngx-t-forms-mat-slider-editor.component-Ip2A9KcV.mjs').then(m => m.MatSliderEditorComponent), import('./ngx-t-forms-mscoa-segment-config.component-Yp_xSVSu.mjs').then(m => m.MscoaSegmentConfigComponent), import('./ngx-t-forms-mat-slider-toggle-editor.component-gU5cXWEY.mjs').then(m => m.MatSliderToggleEditorComponent), import('./ngx-t-forms-mat-chip-list-editor.component-RLWcb-CD.mjs').then(m => m.MatChipListEditorComponent), import('./ngx-t-forms-chip-options-creator-editor.component-DdJJ_42g.mjs').then(m => m.ChipOptionsCreatorEditorComponent), import('./ngx-t-forms-data-source-picker.component-CMfslgTo.mjs').then(m => m.DataSourcePickerComponent), import('./ngx-t-forms-document-list-label-config-editor.component-C81MpbQk.mjs').then(m => m.DocumentListLabelConfigEditorComponent), import('./ngx-t-forms-t-workflow-picker.component-CdAo5d0s.mjs').then(m => m.TWorkflowPickerComponent)], resolveMetadata: (SelectionOptionsEditorComponent, FormInputSelectorComponent, RestApiCallSetupComponent, ApiValueAccessRulesComponent, RequiredInputsComponent, PipelineGeneratorComponent, CalculatedFieldRulesComponent, ValidatorsConfigComponent, ConfigMscoaAdditionalInputsComponent, MatSliderEditorComponent, MscoaSegmentConfigComponent, MatSliderToggleEditorComponent, MatChipListEditorComponent, ChipOptionsCreatorEditorComponent, DataSourcePickerComponent, DocumentListLabelConfigEditorComponent, TWorkflowPickerComponent) => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'lib-t-dynamic-data-edit', standalone: true, imports: [CommonModule,
                             SelectionOptionsEditorComponent,
@@ -7446,7 +7446,7 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "19.2.6", ng
                             DataSourcePickerComponent,
                             DocumentListLabelConfigEditorComponent,
                             TWorkflowPickerComponent
-                        ], template: "@defer {\r\n<ng-container *ngIf=\"( vm$ |async) as vm\">\r\n\r\n    <mat-form-field appearance=\"outline\" [color]=\"((validationErrors)||[]||[]).length>0 ? 'warn' : 'primary'\"\r\n        [floatLabel]=\"'always'\" [subscriptSizing]=\"'dynamic'\" [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 (blur)=\"elementBlur($event)\" (input)=\"inputChange($event)\" [disabled]=\"(vm.disabled)\"\r\n            [value]=\"(vm.value)\" matInput [placeholder]=\"(vm.  editorConfigValue)?.placeholder ||'Enter value'\">\r\n\r\n\r\n        }\r\n        @case ( elementEditorTypes.Toggle) {\r\n        <lib-mat-slider-toggle-editor [name]=\"((vm.  editorConfigValue)?.name||'') \"\r\n            [label]=\"((vm.  editorConfigValue)?.label||'')\" [disabled]=\"(vm.disabled)||false\"\r\n            (valueChange)=\"valueChanged(!!$event)\" [value]=\"(vm.value)\" [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            [disabled]=\"(vm.disabled)||false\" [max]=\"(  vm.editorConfigValue)?.max || 100\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [min]=\"(  vm.editorConfigValue)?.min || 0\"\r\n            (valueChange)=\"inputChange($event)\" [step]=\"(  vm.editorConfigValue)?.step || 1\"\r\n            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 [disabled]=\"(vm.disabled)||false\"\r\n            [options]=\"(vm.editorConfigValue)?.options || vm.dataOptions\"\r\n            [required]=\"!!( vm.editorConfigValue)?.required\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            (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            [disabled]=\"(vm.disabled)||false\">\r\n            @for(option of ( vm.editorConfigValue)?.options || vm.dataOptions;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)||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [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 [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n            [httpGetDataFunction]=\"(vm.editorConfigValue)?.httpGetDataFunction\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\">\r\n\r\n        </lib-rest-api-call-setup>\r\n      \r\n        }\r\n\r\n        @case (elementEditorTypes.MongoPipelineBuilder) {\r\n\r\n        <app-pipeline-generator [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\"\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            [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 [disabled]=\"(vm.disabled)||false\" [formInputs]=\"formInputs ||[]\"\r\n            [errors]=\"(validationErrors)||[]\" [value]=\"(vm.value) || []\" (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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\"\r\n            [mapToData]=\"vm.dataOptions\"></app-calculated-field-rules>\r\n        }\r\n\r\n        @case(elementEditorTypes.Validators){\r\n\r\n        <app-validators-config [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [dataValue]=\"vm.dataValue\"\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 [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [mapToData]=\"vm.dataOptions\">\r\n            (valueChanged)=\"valueChanged($event)\">\r\n        </app-config-mscoa-additional-inputs>\r\n\r\n        }\r\n        @case (elementEditorTypes.ChipOptionsCreator) {\r\n        <lib-chip-options-creator-editor [disabled]=\"(vm.disabled)||false\" (valueChange)=\"valueChanged($event)\"\r\n            [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-chip-options-creator-editor>\r\n\r\n        }\r\n        @case (elementEditorTypes.DataSourcePicker) {\r\n        <lib-data-source-picker [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [formInputs]=\"formInputs ||[]\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n        </lib-data-source-picker>\r\n        }\r\n        @case (elementEditorTypes.ListLabelConfigEditor) {\r\n        <lib-document-list-label-config-editor [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [value]=\"(vm.value)\" [mapToData]=\"vm.dataOptions\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-document-list-label-config-editor>\r\n        }\r\n        @case(\r\n        elementEditorTypes.WorkflowPicker\r\n        ){\r\n        <lib-t-workflow-picker [disabled]=\"(vm.disabled)||false\" [getWorkflowOptions]=\"getWorkflowOptions$\"\r\n            (valueChanged)=\"valueChanged($event)\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            [value]=\"(vm.value)\"></lib-t-workflow-picker>\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"] }]
+                        ], template: "@defer {\r\n<ng-container *ngIf=\"( vm$ |async) as vm\">\r\n\r\n    <mat-form-field appearance=\"outline\" [color]=\"((validationErrors)||[]||[]).length>0 ? 'warn' : 'primary'\"\r\n        [floatLabel]=\"'always'\" [subscriptSizing]=\"'dynamic'\" [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 (blur)=\"elementBlur($event)\" (input)=\"inputChange($event)\" [disabled]=\"(vm.disabled)\"\r\n            [value]=\"(vm.value)\" matInput [placeholder]=\"(vm.  editorConfigValue)?.placeholder ||'Enter value'\">\r\n\r\n\r\n        }\r\n        @case ( elementEditorTypes.Toggle) {\r\n        <lib-mat-slider-toggle-editor [name]=\"((vm.  editorConfigValue)?.name||'') \"\r\n            [label]=\"((vm.  editorConfigValue)?.label||'')\" [disabled]=\"(vm.disabled)||false\"\r\n            (valueChange)=\"valueChanged(!!$event)\" [value]=\"(vm.value)\" [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            [disabled]=\"(vm.disabled)||false\" [max]=\"(  vm.editorConfigValue)?.max || 100\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [min]=\"(  vm.editorConfigValue)?.min || 0\"\r\n            (valueChange)=\"inputChange($event)\" [step]=\"(  vm.editorConfigValue)?.step || 1\"\r\n            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 [disabled]=\"(vm.disabled)||false\"\r\n            [options]=\"(vm.editorConfigValue)?.options || vm.dataOptions\"\r\n            [required]=\"!!( vm.editorConfigValue)?.required\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            (valueChange)=\"  valueChanged($event)\"></lib-mat-chip-list-editor>\r\n           \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            [disabled]=\"(vm.disabled)||false\">\r\n            @for(option of ( vm.editorConfigValue)?.options || vm.dataOptions;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)||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [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 [postmanCollectionConfig]=\"(vm.editorConfigValue)?.postmanCollectionConfig\"\r\n            [httpGetDataFunction]=\"(vm.editorConfigValue)?.httpGetDataFunction\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\">\r\n\r\n        </lib-rest-api-call-setup>\r\n      \r\n        }\r\n\r\n        @case (elementEditorTypes.MongoPipelineBuilder) {\r\n\r\n        <app-pipeline-generator [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\"\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            [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 [disabled]=\"(vm.disabled)||false\" [formInputs]=\"formInputs ||[]\"\r\n            [errors]=\"(validationErrors)||[]\" [value]=\"(vm.value) || []\" (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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [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 ||[]\" [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" (valueChanged)=\"valueChanged($event)\"\r\n            [mapToData]=\"vm.dataOptions\"></app-calculated-field-rules>\r\n        }\r\n\r\n        @case(elementEditorTypes.Validators){\r\n\r\n        <app-validators-config [disabled]=\"(vm.disabled)||false\"\r\n            [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 [disabled]=\"(vm.disabled)||false\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [dataValue]=\"vm.dataValue\"\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 [disabled]=\"(vm.disabled)||false\"\r\n            [id]=\"((vm.editorConfigValue)?.label||'')+((vm.editorConfigValue)?.editType||'')\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\" [getMscoaTree]=\"getMscoaTree$\" [mapToData]=\"vm.dataOptions\">\r\n            (valueChanged)=\"valueChanged($event)\">\r\n        </app-config-mscoa-additional-inputs>\r\n\r\n        }\r\n        @case (elementEditorTypes.ChipOptionsCreator) {\r\n        <lib-chip-options-creator-editor [disabled]=\"(vm.disabled)||false\" (valueChange)=\"valueChanged($event)\"\r\n            [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-chip-options-creator-editor>\r\n\r\n        }\r\n        @case (elementEditorTypes.DataSourcePicker) {\r\n        <lib-data-source-picker [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [formInputs]=\"formInputs ||[]\" [value]=\"(vm.value)\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n        </lib-data-source-picker>\r\n        }\r\n        @case (elementEditorTypes.ListLabelConfigEditor) {\r\n        <lib-document-list-label-config-editor [disabled]=\"(vm.disabled)||false\" [editorConfig]=\"vm.  editorConfigValue\"\r\n            (valueChange)=\"valueChanged($event)\" [value]=\"(vm.value)\" [mapToData]=\"vm.dataOptions\"\r\n            [errors]=\"(validationErrors)||[]\">\r\n\r\n        </lib-document-list-label-config-editor>\r\n        }\r\n        @case(\r\n        elementEditorTypes.WorkflowPicker\r\n        ){\r\n        <lib-t-workflow-picker [disabled]=\"(vm.disabled)||false\" [getWorkflowOptions]=\"getWorkflowOptions$\"\r\n            (valueChanged)=\"valueChanged($event)\" [value]=\"(vm.value)\" [errors]=\"(validationErrors)||[]\"\r\n            [value]=\"(vm.value)\"></lib-t-workflow-picker>\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"] }]
             }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { editorConfig: [{
                     type: Input
                 }], formInputs: [{
@@ -8886,6 +8886,9 @@ class MscoaReactiveFormFieldComponent extends BaseCustomInput {
         const allSegmentsValid = requiredSegments?.every((segment) => {
             const key = segment.customSegment || segment.segment;
             const segmentValue = this.value && key ? this.value[key] : undefined;
+            if ((segmentValue !== undefined && segmentValue !== null) === false) {
+                console.error("Segment value is invalid", segmentValue, key, this.value, segment);
+            }
             return segmentValue !== undefined && segmentValue !== null;
         });
         const valueValid = Boolean(allSegmentsValid);
@@ -8907,14 +8910,14 @@ class MscoaReactiveFormFieldComponent extends BaseCustomInput {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MscoaReactiveFormFieldComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MscoaReactiveFormFieldComponent, isStandalone: true, selector: "lib-mscoa-reactive-form-field", inputs: { formBuilderFunctions: "formBuilderFunctions", editorMode: "editorMode", inputConfig: "inputConfig" }, host: { properties: { "lib-mscoa-reactive-form-field.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: MscoaReactiveFormFieldComponent }], usesInheritance: true, ngImport: i0, template: "\r\n<div (click)=\"onContainerClick($event)\">\r\n\r\n    <app-mscoa-chart \r\n        (onContainerClick)=\"onContainerClick($event)\"\r\n        (segmentValuesChanged)=\"segmentValuesChanged($event)\" \r\n         [config]=\"mscoaInputConfig$|async\"\r\n         [inputConfig]=\"_inputConfig \"\r\n         [readonly]=\"readonly\"\r\n         [editorMode]=\"editorMode\"\r\n         [formGroup]=\"parentFormGroup\"\r\n         [formBuilderFunctions]=\"formBuilderFunctions\"\r\n        [segmentValues]=\"value\"></app-mscoa-chart>\r\n    \r\n\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "component", type: MscoaChartComponent, selector: "app-mscoa-chart", inputs: ["inputConfig", "editorMode", "formBuilderFunctions", "segmentValues", "readonly", "config", "formGroup"], outputs: ["onContainerClick", "segmentValuesChanged", "interaction"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MscoaReactiveFormFieldComponent, isStandalone: true, selector: "lib-mscoa-reactive-form-field", inputs: { formBuilderFunctions: "formBuilderFunctions", editorMode: "editorMode", inputConfig: "inputConfig" }, host: { properties: { "lib-mscoa-reactive-form-field.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: MscoaReactiveFormFieldComponent }], usesInheritance: true, ngImport: i0, template: "\r\n<div (click)=\"onContainerClick($event)\">\r\n\r\n    <app-mscoa-chart \r\n        (onContainerClick)=\"onContainerClick($event)\"\r\n        (segmentValuesChanged)=\"segmentValuesChanged($event)\" \r\n         [config]=\"mscoaInputConfig$|async\"\r\n         [inputConfig]=\"_inputConfig \"\r\n         [readonly]=\"readonly\"\r\n         [editorMode]=\"editorMode\"\r\n         [formGroup]=\"parentFormGroup\"\r\n         [formBuilderFunctions]=\"formBuilderFunctions\"\r\n        [segmentValues]=\"value\"></app-mscoa-chart>\r\n\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "component", type: MscoaChartComponent, selector: "app-mscoa-chart", inputs: ["inputConfig", "editorMode", "formBuilderFunctions", "segmentValues", "readonly", "config", "formGroup"], outputs: ["onContainerClick", "segmentValuesChanged", "interaction"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MscoaReactiveFormFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-mscoa-reactive-form-field', standalone: true, imports: [MscoaChartComponent, CommonModule], host: {
                         '[lib-mscoa-reactive-form-field.floating]': 'shouldLabelFloat',
                         '[id]': 'id',
-                    }, providers: [{ provide: MatFormFieldControl, useExisting: MscoaReactiveFormFieldComponent }], template: "\r\n<div (click)=\"onContainerClick($event)\">\r\n\r\n    <app-mscoa-chart \r\n        (onContainerClick)=\"onContainerClick($event)\"\r\n        (segmentValuesChanged)=\"segmentValuesChanged($event)\" \r\n         [config]=\"mscoaInputConfig$|async\"\r\n         [inputConfig]=\"_inputConfig \"\r\n         [readonly]=\"readonly\"\r\n         [editorMode]=\"editorMode\"\r\n         [formGroup]=\"parentFormGroup\"\r\n         [formBuilderFunctions]=\"formBuilderFunctions\"\r\n        [segmentValues]=\"value\"></app-mscoa-chart>\r\n    \r\n\r\n</div>\r\n\r\n" }]
+                    }, providers: [{ provide: MatFormFieldControl, useExisting: MscoaReactiveFormFieldComponent }], template: "\r\n<div (click)=\"onContainerClick($event)\">\r\n\r\n    <app-mscoa-chart \r\n        (onContainerClick)=\"onContainerClick($event)\"\r\n        (segmentValuesChanged)=\"segmentValuesChanged($event)\" \r\n         [config]=\"mscoaInputConfig$|async\"\r\n         [inputConfig]=\"_inputConfig \"\r\n         [readonly]=\"readonly\"\r\n         [editorMode]=\"editorMode\"\r\n         [formGroup]=\"parentFormGroup\"\r\n         [formBuilderFunctions]=\"formBuilderFunctions\"\r\n        [segmentValues]=\"value\"></app-mscoa-chart>\r\n\r\n</div>\r\n\r\n" }]
         }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -9495,14 +9498,14 @@ class ToggleComponent extends BaseCustomInput {
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: ToggleComponent, isStandalone: true, selector: "lib-toggle", inputs: { inputConfig: "inputConfig", changed: "changed" }, providers: [{
                 provide: MatFormFieldControl,
                 useExisting: forwardRef(() => ToggleComponent)
-            }], usesInheritance: true, ngImport: i0, template: "<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"!!(this.inputConfig.disabled || this.inputConfig.readonly)\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n\r\n<mat-slide-toggle \r\n\r\nstyle=\"display: block\" \r\n\r\n [disabledInteractive]=\"this.inputConfig.disabled || this.inputConfig.readonly\"\r\n[required]=\"this.inputConfig.required\" \r\n[labelPosition]=\"this.inputConfig.labelPosition || 'after'\"\r\n(change)=\"this.changed($event)\"\r\n[checked]=\"isChecked\"\r\n[ariaReadOnly]=\"this.inputConfig.disabled\"\r\n[disabled]=\"this.inputConfig.disabled\"\r\n>\r\n@if (inputConfig.falseLabel || inputConfig.trueLabel) {\r\n\r\n\r\n  @if (this.inputConfig.labelPosition !== 'after') {\r\n    {{ this.inputConfig.label | titlecase }}\r\n    <span class=\"spacer\"></span>\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{ inputConfig.falseLabel || 'Yes' }}</span>\r\n    } @else {\r\n      <span class=\"false-label\" >{{ inputConfig.trueLabel || 'No' }}</span>\r\n    }\r\n  } \r\n  @else {\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{ inputConfig.falseLabel || 'Yes' }}</span>\r\n    } @else {\r\n      <span  class=\"false-label\">{{ inputConfig.trueLabel || 'No' }}</span>\r\n    }\r\n      <span class=\"spacer\"></span>\r\n    {{ this.inputConfig.label | titlecase }}\r\n  }\r\n\r\n}\r\n</mat-slide-toggle>", styles: [".false-label{font-weight:500;color:var(--mat-sys-error)!important}.true-label{font-weight:500;color:var(--mat-sys-primary)!important}.spacer{width:16px;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i9$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i4$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: OverlayModule }] }); }
+            }], usesInheritance: true, ngImport: i0, template: "<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"!!(this.inputConfig.disabled || this.inputConfig.readonly)\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n\r\n<mat-slide-toggle \r\n\r\nstyle=\"display: block\" \r\n\r\n [disabledInteractive]=\"this.inputConfig.disabled || this.inputConfig.readonly\"\r\n[required]=\"this.inputConfig.required\" \r\n[labelPosition]=\"this.inputConfig.labelPosition || 'after'\"\r\n(change)=\"this.changed($event)\"\r\n[checked]=\"isChecked\"\r\n[ariaReadOnly]=\"this.inputConfig.disabled\"\r\n[disabled]=\"this.inputConfig.disabled\"\r\n>\r\n@if (inputConfig.falseLabel || inputConfig.trueLabel) {\r\n\r\n\r\n  @if (this.inputConfig.labelPosition !== 'after') {\r\n    {{ this.inputConfig.label | titlecase }}\r\n    <span class=\"spacer\"></span>\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{  inputConfig.trueLabel|| 'Yes' }}</span>\r\n    } @else {\r\n      <span class=\"false-label\" >{{ inputConfig.falseLabel  || 'No' }}</span>\r\n    }\r\n  } \r\n  @else {\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{  inputConfig.trueLabel || 'Yes' }}</span>\r\n    } @else {\r\n      <span  class=\"false-label\">{{  inputConfig.falseLabel  || 'No' }}</span>\r\n    }\r\n      <span class=\"spacer\"></span>\r\n    {{ this.inputConfig.label | titlecase }}\r\n  }\r\n\r\n}\r\n</mat-slide-toggle>", styles: [".false-label{font-weight:500;color:var(--mat-sys-error)!important}.true-label{font-weight:500;color:var(--mat-sys-primary)!important}.spacer{width:16px;display:inline-block}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i9$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i4$2.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: OverlayModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-toggle', standalone: true, imports: [MatModulesModule, CommonModule, OverlayModule], providers: [{
                             provide: MatFormFieldControl,
                             useExisting: forwardRef(() => ToggleComponent)
-                        }], template: "<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"!!(this.inputConfig.disabled || this.inputConfig.readonly)\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n\r\n<mat-slide-toggle \r\n\r\nstyle=\"display: block\" \r\n\r\n [disabledInteractive]=\"this.inputConfig.disabled || this.inputConfig.readonly\"\r\n[required]=\"this.inputConfig.required\" \r\n[labelPosition]=\"this.inputConfig.labelPosition || 'after'\"\r\n(change)=\"this.changed($event)\"\r\n[checked]=\"isChecked\"\r\n[ariaReadOnly]=\"this.inputConfig.disabled\"\r\n[disabled]=\"this.inputConfig.disabled\"\r\n>\r\n@if (inputConfig.falseLabel || inputConfig.trueLabel) {\r\n\r\n\r\n  @if (this.inputConfig.labelPosition !== 'after') {\r\n    {{ this.inputConfig.label | titlecase }}\r\n    <span class=\"spacer\"></span>\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{ inputConfig.falseLabel || 'Yes' }}</span>\r\n    } @else {\r\n      <span class=\"false-label\" >{{ inputConfig.trueLabel || 'No' }}</span>\r\n    }\r\n  } \r\n  @else {\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{ inputConfig.falseLabel || 'Yes' }}</span>\r\n    } @else {\r\n      <span  class=\"false-label\">{{ inputConfig.trueLabel || 'No' }}</span>\r\n    }\r\n      <span class=\"spacer\"></span>\r\n    {{ this.inputConfig.label | titlecase }}\r\n  }\r\n\r\n}\r\n</mat-slide-toggle>", styles: [".false-label{font-weight:500;color:var(--mat-sys-error)!important}.true-label{font-weight:500;color:var(--mat-sys-primary)!important}.spacer{width:16px;display:inline-block}\n"] }]
+                        }], template: "<ng-template\r\n  cdkConnectedOverlay\r\n  [cdkConnectedOverlayOpen]=\"!!(this.inputConfig.disabled || this.inputConfig.readonly)\"\r\n>\r\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);\">\r\n\r\n\r\n</div>\r\n</ng-template>\r\n\r\n<mat-slide-toggle \r\n\r\nstyle=\"display: block\" \r\n\r\n [disabledInteractive]=\"this.inputConfig.disabled || this.inputConfig.readonly\"\r\n[required]=\"this.inputConfig.required\" \r\n[labelPosition]=\"this.inputConfig.labelPosition || 'after'\"\r\n(change)=\"this.changed($event)\"\r\n[checked]=\"isChecked\"\r\n[ariaReadOnly]=\"this.inputConfig.disabled\"\r\n[disabled]=\"this.inputConfig.disabled\"\r\n>\r\n@if (inputConfig.falseLabel || inputConfig.trueLabel) {\r\n\r\n\r\n  @if (this.inputConfig.labelPosition !== 'after') {\r\n    {{ this.inputConfig.label | titlecase }}\r\n    <span class=\"spacer\"></span>\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{  inputConfig.trueLabel|| 'Yes' }}</span>\r\n    } @else {\r\n      <span class=\"false-label\" >{{ inputConfig.falseLabel  || 'No' }}</span>\r\n    }\r\n  } \r\n  @else {\r\n    @if (isChecked) {\r\n      <span class=\"true-label\" >{{  inputConfig.trueLabel || 'Yes' }}</span>\r\n    } @else {\r\n      <span  class=\"false-label\">{{  inputConfig.falseLabel  || 'No' }}</span>\r\n    }\r\n      <span class=\"spacer\"></span>\r\n    {{ this.inputConfig.label | titlecase }}\r\n  }\r\n\r\n}\r\n</mat-slide-toggle>", styles: [".false-label{font-weight:500;color:var(--mat-sys-error)!important}.true-label{font-weight:500;color:var(--mat-sys-primary)!important}.spacer{width:16px;display:inline-block}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -11895,6 +11898,7 @@ class WorkflowAdjudicationReactiveInputComponent extends BaseCustomInput {
     }
     constructor(ngControl, elementRef) {
         super(ngControl, elementRef, customInputConfig);
+        this.adjudicationSteps = AdjudicationSteps;
         this.editorMode = false;
     }
     set inputConfig(inputConfig) {
@@ -11912,14 +11916,14 @@ class WorkflowAdjudicationReactiveInputComponent extends BaseCustomInput {
         this.onTouched();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WorkflowAdjudicationReactiveInputComponent, deps: [{ token: i1$2.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: WorkflowAdjudicationReactiveInputComponent, isStandalone: true, selector: "lib-workflow-adjudication-reactive-input", inputs: { formBuilderFunctions: "formBuilderFunctions", editorMode: "editorMode", inputConfig: "inputConfig" }, host: { properties: { "lib-workflow-adjudication-reactive-input.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: WorkflowAdjudicationReactiveInputComponent }], usesInheritance: true, ngImport: i0, template: "<app-points-creation [inputConfig]=\"inputConfig\" \r\n[value]=\"value\"\r\n(pointsChange)=\"setValue($event)\"\r\n>\r\n</app-points-creation>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: PointsCreationComponent, selector: "app-points-creation", inputs: ["value", "inputConfig"], outputs: ["pointsChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: WorkflowAdjudicationReactiveInputComponent, isStandalone: true, selector: "lib-workflow-adjudication-reactive-input", inputs: { formBuilderFunctions: "formBuilderFunctions", editorMode: "editorMode", inputConfig: "inputConfig" }, host: { properties: { "lib-workflow-adjudication-reactive-input.floating": "shouldLabelFloat", "id": "id" } }, providers: [{ provide: MatFormFieldControl, useExisting: WorkflowAdjudicationReactiveInputComponent }], usesInheritance: true, ngImport: i0, template: "@switch (inputConfig.adjudicationStep) {\r\n@case (adjudicationSteps.ScoreCreation) {\r\n<app-points-creation [inputConfig]=\"inputConfig\" [value]=\"value\" (pointsChange)=\"setValue($event)\">\r\n</app-points-creation>\r\n}\r\n@default {\r\n    <h6>\r\n        {{ inputConfig.adjudicationStep | titlecase }} is not implemented yet.\r\n    </h6>\r\n}\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2$2.TitleCasePipe, name: "titlecase" }, { kind: "component", type: PointsCreationComponent, selector: "app-points-creation", inputs: ["value", "inputConfig"], outputs: ["pointsChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WorkflowAdjudicationReactiveInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-workflow-adjudication-reactive-input', imports: [CommonModule, PointsCreationComponent], host: {
                         '[lib-workflow-adjudication-reactive-input.floating]': 'shouldLabelFloat',
                         '[id]': 'id',
-                    }, providers: [{ provide: MatFormFieldControl, useExisting: WorkflowAdjudicationReactiveInputComponent }], template: "<app-points-creation [inputConfig]=\"inputConfig\" \r\n[value]=\"value\"\r\n(pointsChange)=\"setValue($event)\"\r\n>\r\n</app-points-creation>\r\n" }]
+                    }, providers: [{ provide: MatFormFieldControl, useExisting: WorkflowAdjudicationReactiveInputComponent }], template: "@switch (inputConfig.adjudicationStep) {\r\n@case (adjudicationSteps.ScoreCreation) {\r\n<app-points-creation [inputConfig]=\"inputConfig\" [value]=\"value\" (pointsChange)=\"setValue($event)\">\r\n</app-points-creation>\r\n}\r\n@default {\r\n    <h6>\r\n        {{ inputConfig.adjudicationStep | titlecase }} is not implemented yet.\r\n    </h6>\r\n}\r\n}" }]
         }], ctorParameters: () => [{ type: i1$2.NgControl, decorators: [{
                     type: Optional
                 }, {
@@ -11941,14 +11945,14 @@ class WorkflowAdjudicationComponent {
         return getInputErrorMessage(this.inputConfig, this.formGroup);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WorkflowAdjudicationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: WorkflowAdjudicationComponent, isStandalone: true, selector: "lib-workflow-adjudication", inputs: { inputConfig: "inputConfig", editorMode: "editorMode", formGroup: "formGroup", formBuilderFunctions: "formBuilderFunctions" }, outputs: { reload: "reload" }, ngImport: i0, template: "<form [formGroup]=\"formGroup\">\r\n  <mat-form-field [appearance]=\"this.inputConfig.appearance ||'fill' \" [floatLabel]=\"'always'\" subscriptSizing=\"dynamic\"\r\n    *ngIf=\"this.inputConfig as inputConfig\">\r\n    <mat-label>\r\n      {{this.inputConfig.label }}\r\n      <lib-t-form-input-status [inputConfig]=\"this.inputConfig\"></lib-t-form-input-status>\r\n    </mat-label>\r\n\r\n <lib-workflow-adjudication-reactive-input [inputConfig]=\"this.inputConfig\"\r\n          [formControlName]=\"this.inputConfig.id\" [required]=\"this.inputConfig.required\" [formGroup]=\"formGroup\"\r\n   \r\n          [editorMode]=\"editorMode\" [formBuilderFunctions]=\"formBuilderFunctions\">\r\n\r\n        </lib-workflow-adjudication-reactive-input>\r\n \r\n\r\n\r\n    @if(inputConfig.hintLabel || inputConfig.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ inputConfig.temporaryHint || inputConfig.hintLabel}}\r\n    </mat-hint>\r\n    }\r\n\r\n    @if (!!errorMessage) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage}}</mat-error>\r\n    }\r\n    <!-- Prefix Icon -->\r\n    <mat-icon *ngIf=\"inputConfig.prefixIcon\" matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <!-- <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"inputConfig.togglePasswordVisibility()\"\r\n            mat-icon-button matSuffix>\r\n            <mat-icon>{{ inputConfig.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n          </button> -->\r\n    </ng-container>\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    <span *ngIf=\"inputConfig.prefixText\" matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n    <span *ngIf=\"inputConfig.suffixText\" matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText\r\n      }}</span>\r\n\r\n    <!-- Character Count Hint -->\r\n    <mat-hint *ngIf=\"inputConfig.maxLength && formGroup\" align=\"end\">\r\n      {{ (formGroup.controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength\r\n      }}\r\n    </mat-hint>\r\n\r\n\r\n  </mat-form-field>", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WorkflowAdjudicationReactiveInputComponent, selector: "lib-workflow-adjudication-reactive-input", inputs: ["formBuilderFunctions", "editorMode", "inputConfig"] }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: WorkflowAdjudicationComponent, isStandalone: true, selector: "lib-workflow-adjudication", inputs: { inputConfig: "inputConfig", editorMode: "editorMode", formGroup: "formGroup", formBuilderFunctions: "formBuilderFunctions" }, outputs: { reload: "reload" }, ngImport: i0, template: "<form [formGroup]=\"formGroup\">\r\n  <mat-form-field [appearance]=\"this.inputConfig.appearance ||'fill' \" [floatLabel]=\"'always'\" subscriptSizing=\"dynamic\"\r\n    *ngIf=\"this.inputConfig as inputConfig\">\r\n    <mat-label>\r\n      {{this.inputConfig.label }}\r\n      <lib-t-form-input-status [inputConfig]=\"this.inputConfig\"></lib-t-form-input-status>\r\n    </mat-label>\r\n\r\n    <lib-workflow-adjudication-reactive-input [inputConfig]=\"this.inputConfig\" [formControlName]=\"this.inputConfig.id\"\r\n      [required]=\"this.inputConfig.required\" [formGroup]=\"formGroup\" [editorMode]=\"editorMode\"\r\n      [formBuilderFunctions]=\"formBuilderFunctions\">\r\n\r\n    </lib-workflow-adjudication-reactive-input>\r\n\r\n\r\n\r\n    @if(inputConfig.hintLabel || inputConfig.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ inputConfig.temporaryHint || inputConfig.hintLabel}}\r\n    </mat-hint>\r\n    }\r\n\r\n    @if (!!errorMessage) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage}}</mat-error>\r\n    }\r\n    <!-- Prefix Icon -->\r\n    <mat-icon *ngIf=\"inputConfig.prefixIcon\" matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <!-- <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"inputConfig.togglePasswordVisibility()\"\r\n            mat-icon-button matSuffix>\r\n            <mat-icon>{{ inputConfig.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n          </button> -->\r\n    </ng-container>\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    <span *ngIf=\"inputConfig.prefixText\" matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n    <span *ngIf=\"inputConfig.suffixText\" matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText\r\n      }}</span>\r\n\r\n    <!-- Character Count Hint -->\r\n    <mat-hint *ngIf=\"inputConfig.maxLength && formGroup\" align=\"end\">\r\n      {{ (formGroup.controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength\r\n      }}\r\n    </mat-hint>\r\n\r\n\r\n  </mat-form-field>", styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: WorkflowAdjudicationReactiveInputComponent, selector: "lib-workflow-adjudication-reactive-input", inputs: ["formBuilderFunctions", "editorMode", "inputConfig"] }, { kind: "component", type: TFormInputStatusComponent, selector: "lib-t-form-input-status", inputs: ["inputConfig"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WorkflowAdjudicationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-workflow-adjudication', imports: [MatModulesModule, ReactiveFormsModule,
                         CommonModule,
                         WorkflowAdjudicationReactiveInputComponent,
-                        TFormInputStatusComponent,], template: "<form [formGroup]=\"formGroup\">\r\n  <mat-form-field [appearance]=\"this.inputConfig.appearance ||'fill' \" [floatLabel]=\"'always'\" subscriptSizing=\"dynamic\"\r\n    *ngIf=\"this.inputConfig as inputConfig\">\r\n    <mat-label>\r\n      {{this.inputConfig.label }}\r\n      <lib-t-form-input-status [inputConfig]=\"this.inputConfig\"></lib-t-form-input-status>\r\n    </mat-label>\r\n\r\n <lib-workflow-adjudication-reactive-input [inputConfig]=\"this.inputConfig\"\r\n          [formControlName]=\"this.inputConfig.id\" [required]=\"this.inputConfig.required\" [formGroup]=\"formGroup\"\r\n   \r\n          [editorMode]=\"editorMode\" [formBuilderFunctions]=\"formBuilderFunctions\">\r\n\r\n        </lib-workflow-adjudication-reactive-input>\r\n \r\n\r\n\r\n    @if(inputConfig.hintLabel || inputConfig.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ inputConfig.temporaryHint || inputConfig.hintLabel}}\r\n    </mat-hint>\r\n    }\r\n\r\n    @if (!!errorMessage) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage}}</mat-error>\r\n    }\r\n    <!-- Prefix Icon -->\r\n    <mat-icon *ngIf=\"inputConfig.prefixIcon\" matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <!-- <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"inputConfig.togglePasswordVisibility()\"\r\n            mat-icon-button matSuffix>\r\n            <mat-icon>{{ inputConfig.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n          </button> -->\r\n    </ng-container>\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    <span *ngIf=\"inputConfig.prefixText\" matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n    <span *ngIf=\"inputConfig.suffixText\" matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText\r\n      }}</span>\r\n\r\n    <!-- Character Count Hint -->\r\n    <mat-hint *ngIf=\"inputConfig.maxLength && formGroup\" align=\"end\">\r\n      {{ (formGroup.controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength\r\n      }}\r\n    </mat-hint>\r\n\r\n\r\n  </mat-form-field>", styles: ["mat-form-field{width:100%}\n"] }]
+                        TFormInputStatusComponent,], template: "<form [formGroup]=\"formGroup\">\r\n  <mat-form-field [appearance]=\"this.inputConfig.appearance ||'fill' \" [floatLabel]=\"'always'\" subscriptSizing=\"dynamic\"\r\n    *ngIf=\"this.inputConfig as inputConfig\">\r\n    <mat-label>\r\n      {{this.inputConfig.label }}\r\n      <lib-t-form-input-status [inputConfig]=\"this.inputConfig\"></lib-t-form-input-status>\r\n    </mat-label>\r\n\r\n    <lib-workflow-adjudication-reactive-input [inputConfig]=\"this.inputConfig\" [formControlName]=\"this.inputConfig.id\"\r\n      [required]=\"this.inputConfig.required\" [formGroup]=\"formGroup\" [editorMode]=\"editorMode\"\r\n      [formBuilderFunctions]=\"formBuilderFunctions\">\r\n\r\n    </lib-workflow-adjudication-reactive-input>\r\n\r\n\r\n\r\n    @if(inputConfig.hintLabel || inputConfig.temporaryHint ){\r\n    <mat-hint class=\"inputHint\">\r\n      {{ inputConfig.temporaryHint || inputConfig.hintLabel}}\r\n    </mat-hint>\r\n    }\r\n\r\n    @if (!!errorMessage) {\r\n    <mat-error class=\"oneLineTextEllipsis\" matTooltipClass=\"errorToolTip\">{{errorMessage}}</mat-error>\r\n    }\r\n    <!-- Prefix Icon -->\r\n    <mat-icon *ngIf=\"inputConfig.prefixIcon\" matPrefix>{{ inputConfig.prefixIcon }}</mat-icon>\r\n\r\n    <!-- Suffix Icon or Password Visibility Toggle -->\r\n    <ng-container *ngIf=\"inputConfig.suffixIcon\">\r\n      <mat-icon *ngIf=\"inputConfig.id !== 'password'\" matSuffix>{{ inputConfig.suffixIcon\r\n        }}</mat-icon>\r\n      <!-- <button *ngIf=\"inputConfig.id === 'password'\" (click)=\"inputConfig.togglePasswordVisibility()\"\r\n            mat-icon-button matSuffix>\r\n            <mat-icon>{{ inputConfig.showPassword ? 'remove_red_eye' : 'eye_off' }}</mat-icon>\r\n          </button> -->\r\n    </ng-container>\r\n\r\n    <!-- Prefix & Suffix Text -->\r\n    <span *ngIf=\"inputConfig.prefixText\" matPrefix style=\"top: 0\">{{ inputConfig.prefixText }}</span>\r\n    <span *ngIf=\"inputConfig.suffixText\" matSuffix style=\"padding-left: 5px\">{{ inputConfig.suffixText\r\n      }}</span>\r\n\r\n    <!-- Character Count Hint -->\r\n    <mat-hint *ngIf=\"inputConfig.maxLength && formGroup\" align=\"end\">\r\n      {{ (formGroup.controls[inputConfig.id]?.value?.length || 0) + '/' + inputConfig.maxLength\r\n      }}\r\n    </mat-hint>\r\n\r\n\r\n  </mat-form-field>", styles: ["mat-form-field{width:100%}\n"] }]
         }], propDecorators: { inputConfig: [{
                 type: Input
             }], editorMode: [{
@@ -12207,5 +12211,5 @@ console.debug = () => { };
  * Generated bundle index. Do not edit.
  */
 
-export { DialogTemplateComponent as A, FormatDataPipe as B, returnDeepProperty as C, DaysAgoPipe as D, safeReturnDeepProperty as E, FormsStoreService as F, validateObjectAgainstString as G, validateExpressionSyntax as H, getUrl as I, textIconsForUserHints as J, getSampleValueForInput as K, createFileFromBase64 as L, MatModulesModule as M, NGX_T_FORMS_CONFIG_TOKEN as N, index as O, PropertyAccessError as P, SignatureInputElementComponent as S, TDynamicDataEditComponent as T, UTILS_OBJECT_TOKEN as U, ValidationExpressioCreatorComponent as V, _isEqual as _, assignDeepPropertyToObject as a, TDynamicDataViewComponent as b, FormTowerControllerService as c, getSubmissionStatusFn as d, getInputIllustration as e, TreeComponent as f, getAvatar as g, convertPostmanFolderItemsToTree as h, NgxTFormsService as i, NgxTFormsComponent as j, initFormConfigToV2 as k, formGenerator as l, getSectionElements as m, FORM_ACTIONS_TOKEN as n, FORM_CONFIG_TOKEN as o, provideNgxTForms as p, FORM_SLIDES_TOKEN as q, FORM_INPUTS_TOKEN as r, MULTIPLE_FORM_INPUT_TOKEN as s, testAgainstItem as t, MSCOA_TREE_PROVIDER as u, FormsComponent as v, FormBuilderComponent as w, MscoaFormInputComponent as x, UserFormStepperComponent as y, TFormInputComponent as z };
-//# sourceMappingURL=ngx-t-forms-ngx-t-forms-Izs2rqnL.mjs.map
+export { UserFormStepperComponent as A, TFormInputComponent as B, DialogTemplateComponent as C, DaysAgoPipe as D, FormatDataPipe as E, FormsStoreService as F, returnDeepProperty as G, safeReturnDeepProperty as H, validateObjectAgainstString as I, validateExpressionSyntax as J, getUrl as K, textIconsForUserHints as L, MatModulesModule as M, NGX_T_FORMS_CONFIG_TOKEN as N, getSampleValueForInput as O, PropertyAccessError as P, createFileFromBase64 as Q, index as R, SignatureInputElementComponent as S, TDynamicDataEditComponent as T, UTILS_OBJECT_TOKEN as U, ValidationExpressioCreatorComponent as V, _isEqual as _, assignDeepPropertyToObject as a, TDynamicDataViewComponent as b, FormTowerControllerService as c, getSubmissionStatusFn as d, getInputIllustration as e, TreeComponent as f, getAvatar as g, convertPostmanFolderItemsToTree as h, NgxTFormsService as i, NgxTFormsComponent as j, initFormConfigToV2 as k, formGenerator as l, getSectionElements as m, getValueFromValueAccessor as n, FORM_ACTIONS_TOKEN as o, provideNgxTForms as p, FORM_CONFIG_TOKEN as q, returnMappedPathValue as r, FORM_SLIDES_TOKEN as s, testAgainstItem as t, FORM_INPUTS_TOKEN as u, MULTIPLE_FORM_INPUT_TOKEN as v, MSCOA_TREE_PROVIDER as w, FormsComponent as x, FormBuilderComponent as y, MscoaFormInputComponent as z };
+//# sourceMappingURL=ngx-t-forms-ngx-t-forms--NcMk6t2.mjs.map