ets-fe-ng-sdk 20.3.35 → 20.3.37

package/fesm2022/ets-fe-ng-sdk.mjs

@@ -11,6 +11,7 @@ import * as i1$1 from '@angular/common';
 import { Location, CurrencyPipe, TitleCasePipe, DatePipe, DecimalPipe, CommonModule, NgClass, JsonPipe, AsyncPipe, UpperCasePipe, NgTemplateOutlet, NgStyle } from '@angular/common';
 import { map, tap, catchError, retry, filter as filter$1, debounceTime as debounceTime$1, switchMap as switchMap$1, startWith as startWith$1, first as first$1, timeout } from 'rxjs/operators';
 import { ToastNotificationsService } from '@serene-dev/toast-notifications';
+import * as i2$6 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpRequest, HttpResponse, HttpErrorResponse } from '@angular/common/http';
 import * as i1$3 from '@angular/material/dialog';
 import { MatDialog, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
@@ -16514,7 +16515,7 @@ class FormGeneratorComponent extends BaseFormGenerator {
             this.onSubmit.emit(this.formValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FormGeneratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: FormGeneratorComponent, isStandalone: true, selector: "form-generator", inputs: { keyField: { classPropertyName: "keyField", publicName: "keyField", isSignal: false, isRequired: false, transformFunction: null }, presetValueForSingleOption: { classPropertyName: "presetValueForSingleOption", publicName: "presetValueForSingleOption", isSignal: true, isRequired: false, transformFunction: null }, isCreate: { classPropertyName: "isCreate", publicName: "isCreate", isSignal: true, isRequired: false, transformFunction: null }, submitOnEnterKey: { classPropertyName: "submitOnEnterKey", publicName: "submitOnEnterKey", isSignal: true, isRequired: false, transformFunction: null }, submitFunc: { classPropertyName: "submitFunc", publicName: "submitFunc", isSignal: false, isRequired: false, transformFunction: null }, submitBtnText: { classPropertyName: "submitBtnText", publicName: "submitBtnText", isSignal: true, isRequired: false, transformFunction: null }, submitBtnTemplate: { classPropertyName: "submitBtnTemplate", publicName: "submitBtnTemplate", isSignal: true, isRequired: false, transformFunction: null }, submitSuccessText: { classPropertyName: "submitSuccessText", publicName: "submitSuccessText", isSignal: true, isRequired: false, transformFunction: null }, showSubmitSuccessText: { classPropertyName: "showSubmitSuccessText", publicName: "showSubmitSuccessText", isSignal: true, isRequired: false, transformFunction: null }, showSubmitBtn: { classPropertyName: "showSubmitBtn", publicName: "showSubmitBtn", isSignal: true, isRequired: false, transformFunction: null }, gridStyle: { classPropertyName: "gridStyle", publicName: "gridStyle", isSignal: true, isRequired: false, transformFunction: null }, gridMDStyle: { classPropertyName: "gridMDStyle", publicName: "gridMDStyle", isSignal: true, isRequired: false, transformFunction: null }, gridLGStyle: { classPropertyName: "gridLGStyle", publicName: "gridLGStyle", isSignal: true, isRequired: false, transformFunction: null }, gridXXLStyle: { classPropertyName: "gridXXLStyle", publicName: "gridXXLStyle", isSignal: true, isRequired: false, transformFunction: null }, formGridClass: { classPropertyName: "formGridClass", publicName: "formGridClass", isSignal: true, isRequired: false, transformFunction: null }, useLoader: { classPropertyName: "useLoader", publicName: "useLoader", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, _formSchema: { classPropertyName: "_formSchema", publicName: "formSchema", isSignal: false, isRequired: false, transformFunction: null }, _formSchemaNoForm: { classPropertyName: "_formSchemaNoForm", publicName: "formSchemaNoForm", isSignal: false, isRequired: false, transformFunction: null }, _isShow: { classPropertyName: "_isShow", publicName: "isShow", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSubmit: "onSubmit", mchange: "mchange", saved: "saved", form: "formChange" }, viewQueries: [{ propertyName: "formTagRef", first: true, predicate: ["formTag"], descendants: true, isSignal: true }, { propertyName: "submitBtnRef", first: true, predicate: ["submitBtn"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- {{formValue()|json}}\n{{formValid()|json}} -->\n<loader [loading]=\"computedLoading()\">\n  <form [formGroup]=\"form()\" #formTag>\n    <div\n      class=\"row row-cols-{{ gridStyle() }} row-cols-md-{{ gridMDStyle() }} row-cols-lg-{{\n        gridLGStyle()\n      }} row-cols-xxl-{{ gridXXLStyle() }} align-items-center {{ formGridClass() }}\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <div class=\"col {{ scheme.cls }} \">\n          <div\n            class=\"d-flex gap-2\"\n            [ngClass]=\"scheme.showValidationMsg ? 'align-items-center' : 'align-items-end'\">\n            <div class=\"flex-grow-1\">\n              @switch (true) {\n                @case (scheme.type == 'template') {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      customTemplates()[scheme.field];\n                      context: { $implicit: { scheme, form: form() } }\n                    \" />\n                }\n                @case (scheme.type == 'tel') {\n                  <app-phone-number\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [name]=\"scheme.field\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [countryCode3]=\"scheme.countryCode3\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'autocomplete') {\n                  <app-autocomplete\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [skipDoesOptionExistCheck]=\"scheme.skipDoesOptionExistCheck\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [labelField]=\"scheme.labelField\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    [valueField]=\"scheme.valueField\"\n                    [optionsFunc]=\"scheme.optionsFunc\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'richtext') {\n                  <rich-text-editor-rf\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label!\"\n                    [clearOnDisable]=\"scheme.clearOnDisable!\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [labelField]=\"scheme.labelField!\"\n                    [noFormat]=\"scheme.noFormat!\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug!\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag!\"\n                    [optionFormatter]=\"scheme.optionFormatter!\"\n                    [valueField]=\"scheme.valueField!\"\n                    [optionsFunc]=\"scheme.optionsFunc!\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField!\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint!\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf! | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'viewer') {\n                  <div\n                    class=\"custom-input align-items-center viewer gx-1 w-100\"\n                    [ngClass]=\"{ 'd-flex': !scheme.stacked }\">\n                    <app-input-label\n                      [label]=\"scheme.label\"\n                      [stacked]=\"scheme.stacked\"\n                      [hint]=\"scheme.hint\"\n                      [isRequired]=\"scheme.isRequired\"\n                      [showRequiredTag]=\"scheme.showRequiredTag\"\n                      [id]=\"scheme.field | toAny\" />\n                    <div class=\"d-flex align-items-center flex-grow-1\">\n                      <div\n                        class=\"position-relative d-flex input-content w-100\"\n                        [ngClass]=\"{ 'ms-2': !scheme.stacked }\">\n                        <div class=\"form-control-plaintext\">\n                          @if (scheme.formatterAsync) {\n                            {{\n                              scheme.formatterAsync\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | async\n                                | valueOrX: '-'\n                            }}\n                          } @else if (scheme.formatter) {\n                            {{\n                              scheme.formatter\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | valueOrX: '-'\n                            }}\n                          } @else {\n                            {{ (formValue() | toAny)?.[scheme.field] | valueOrX: '-' }}\n                          }\n                        </div>\n                      </div>\n                    </div>\n                    @if (scheme.showValidationMsg) {\n                      <app-validation-message\n                        [label]=\"scheme.label\"\n                        [minLength]=\"scheme.minLength\"\n                        [debug]=\"scheme.debug\"\n                        [maxLength]=\"scheme.maxLength\"\n                        [control]=\"form()?.controls[(scheme.field | toAny)]\" />\n                    }\n                  </div>\n                }\n                @default {\n                  <app-input-basic\n                    [noFormat]=\"scheme.noFormat\"\n                    [name]=\"scheme.field\"\n                    [form]=\"scheme.form || form()\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [type]=\"scheme.type\"\n                    [accept]=\"scheme.accept\"\n                    [verbose]=\"scheme.verbose\"\n                    [valueField]=\"scheme.valueField\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [stacked]=\"scheme.stacked\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    [checkedSignal]=\"scheme.checked\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [labelField]=\"scheme.labelField\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [decimalPoints]=\"scheme.decimalPoints\"\n                    [hint]=\"scheme.hint\"\n                    [max]=\"scheme.max\"\n                    [min]=\"scheme.min\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [placeholder]=\"scheme.placeholder\"\n                    [label]=\"scheme.label\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n              }\n            </div>\n            @for (btn of scheme.btns; track $index) {\n              <app-btn\n                [text]=\"btn.label\"\n                [icon]=\"btn.icon\"\n                [type]=\"btn.type\"\n                [class]=\"btn.cls\"\n                [mini]=\"btn.mini ?? true\"\n                [help]=\"btn.help\"\n                [showHelpIcon]=\"btn.showHelpIcon ?? false\"\n                [helpShowDelay]=\"btn.helpShowDelay ?? 800\"\n                [iconBtn]=\"btn.iconBtn\"\n                (mclick)=\"btn.action ? btn.action($event) : null\" />\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"row row-cols-auto justify-content-end\">\n      <div class=\"\">\n        @if (showSubmitBtn()) {\n          <app-btn\n            [text]=\"submitBtnText()\"\n            group=\"submit\"\n            [form]=\"form()\"\n            (mclick)=\"submit(submitBtn)\"\n            #submitBtn />\n        }\n        @if (submitBtnTemplate()) {\n          <ng-container *ngTemplateOutlet=\"submitBtnTemplate()\" />\n        }\n      </div>\n    </div>\n  </form>\n</loader>\n", styles: [""], dependencies: [{ kind: "component", type: LoaderComponent, selector: "loader", inputs: ["class", "text", "loading", "height", "width", "useStaticLoader", "ratioHW"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PhoneNumberComponent, selector: "app-phone-number", inputs: ["showLabel", "countryCode3", "config"], outputs: ["onCountrySelect"] }, { kind: "component", type: ValidationMessageComponent, selector: "app-validation-message", inputs: ["maxLength", "minLength", "control", "customMessage", "debug", "applyMargin", "ignoreDirtiness", "input", "label", "hideOverflow"], outputs: ["labelChange"] }, { kind: "component", type: AutocompleteComponent, selector: "app-autocomplete,autocomplete", inputs: ["showRequiredTag", "validate", "skipDoesOptionExistCheck", "options"], outputs: ["skipDoesOptionExistCheckChange"] }, { kind: "component", type: InputBasicComponent, selector: "app-input-basic,app-input", inputs: ["accept", "autocomplete", "input", "contextData", "decimalPoints", "files", "hide", "clearOnDisable", "labelLink", "loading", "multiple", "optionsFunc", "vms", "setCurrentDate", "options"], outputs: ["loadingChange", "mSelectedOptionLabel"] }, { kind: "component", type: RichTextEditorRFComponent, selector: "rich-text-editor-rf" }, { kind: "component", type: BtnComponent, selector: "app-btn", inputs: ["formSchema", "debug", "centerBtn", "danger", "warning", "verbose", "translatorOptions", "loading", "icon", "rightIcon", "leftIcon", "type", "group", "actionType", "animate", "excludeLogging", "loggingValue", "badge", "class", "customIcon", "form", "forms", "help", "helpShowDelay", "iconBtn", "mclass", "showHelpIcon", "rightCustomIcon", "leftCustomIcon", "text", "valid", "mini", "onFormInvalid", "disabled"], outputs: ["loadingChange", "leftCustomIconChange", "mclick", "disabledChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InputLabelComponent, selector: "app-input-label", inputs: ["colored", "form", "hint", "inlineHint", "id", "invalidCheckbox", "isRequired", "label", "labelLink", "lblCl", "light", "mini", "showLabel", "showRequiredTag", "small", "stacked", "theme", "xsmall"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: FunctionCaller2, name: "functionCaller2" }, { kind: "pipe", type: ToAnyPipe, name: "toAny" }, { kind: "pipe", type: ValueOrXPipe, name: "valueOrX" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: FormGeneratorComponent, isStandalone: true, selector: "form-generator", inputs: { keyField: { classPropertyName: "keyField", publicName: "keyField", isSignal: false, isRequired: false, transformFunction: null }, presetValueForSingleOption: { classPropertyName: "presetValueForSingleOption", publicName: "presetValueForSingleOption", isSignal: true, isRequired: false, transformFunction: null }, isCreate: { classPropertyName: "isCreate", publicName: "isCreate", isSignal: true, isRequired: false, transformFunction: null }, submitOnEnterKey: { classPropertyName: "submitOnEnterKey", publicName: "submitOnEnterKey", isSignal: true, isRequired: false, transformFunction: null }, submitFunc: { classPropertyName: "submitFunc", publicName: "submitFunc", isSignal: false, isRequired: false, transformFunction: null }, submitBtnText: { classPropertyName: "submitBtnText", publicName: "submitBtnText", isSignal: true, isRequired: false, transformFunction: null }, submitBtnTemplate: { classPropertyName: "submitBtnTemplate", publicName: "submitBtnTemplate", isSignal: true, isRequired: false, transformFunction: null }, submitSuccessText: { classPropertyName: "submitSuccessText", publicName: "submitSuccessText", isSignal: true, isRequired: false, transformFunction: null }, showSubmitSuccessText: { classPropertyName: "showSubmitSuccessText", publicName: "showSubmitSuccessText", isSignal: true, isRequired: false, transformFunction: null }, showSubmitBtn: { classPropertyName: "showSubmitBtn", publicName: "showSubmitBtn", isSignal: true, isRequired: false, transformFunction: null }, gridStyle: { classPropertyName: "gridStyle", publicName: "gridStyle", isSignal: true, isRequired: false, transformFunction: null }, gridMDStyle: { classPropertyName: "gridMDStyle", publicName: "gridMDStyle", isSignal: true, isRequired: false, transformFunction: null }, gridLGStyle: { classPropertyName: "gridLGStyle", publicName: "gridLGStyle", isSignal: true, isRequired: false, transformFunction: null }, gridXXLStyle: { classPropertyName: "gridXXLStyle", publicName: "gridXXLStyle", isSignal: true, isRequired: false, transformFunction: null }, formGridClass: { classPropertyName: "formGridClass", publicName: "formGridClass", isSignal: true, isRequired: false, transformFunction: null }, useLoader: { classPropertyName: "useLoader", publicName: "useLoader", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, _formSchema: { classPropertyName: "_formSchema", publicName: "formSchema", isSignal: false, isRequired: false, transformFunction: null }, _formSchemaNoForm: { classPropertyName: "_formSchemaNoForm", publicName: "formSchemaNoForm", isSignal: false, isRequired: false, transformFunction: null }, _isShow: { classPropertyName: "_isShow", publicName: "isShow", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onSubmit: "onSubmit", mchange: "mchange", saved: "saved", form: "formChange" }, viewQueries: [{ propertyName: "formTagRef", first: true, predicate: ["formTag"], descendants: true, isSignal: true }, { propertyName: "submitBtnRef", first: true, predicate: ["submitBtn"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- {{formValue()|json}}\n{{formValid()|json}} -->\n<loader [loading]=\"computedLoading()\">\n  <form [formGroup]=\"form()\" #formTag>\n    <div\n      class=\"row row-cols-{{ gridStyle() }} row-cols-md-{{ gridMDStyle() }} row-cols-lg-{{\n        gridLGStyle()\n      }} row-cols-xxl-{{ gridXXLStyle() }} align-items-center {{ formGridClass() }}\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <div class=\"col {{ scheme.cls }} \">\n          <div\n            class=\"d-flex gap-2\"\n            [ngClass]=\"scheme.showValidationMsg ? 'align-items-center' : 'align-items-end'\">\n            <div class=\"flex-grow-1\">\n              @switch (true) {\n                @case (scheme.type == 'template') {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      customTemplates()[scheme.field];\n                      context: { $implicit: { scheme, form: form() } }\n                    \" />\n                }\n                @case (scheme.type == 'tel') {\n                  <app-phone-number\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [name]=\"scheme.field\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [required]=\"scheme.isRequired\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [countryCode3]=\"scheme.countryCode3\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'autocomplete') {\n                  <app-autocomplete\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [skipDoesOptionExistCheck]=\"scheme.skipDoesOptionExistCheck\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [labelField]=\"scheme.labelField\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [required]=\"scheme.isRequired\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    [valueField]=\"scheme.valueField\"\n                    [optionsFunc]=\"scheme.optionsFunc\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'richtext') {\n                  <rich-text-editor-rf\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label!\"\n                    [clearOnDisable]=\"scheme.clearOnDisable!\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [labelField]=\"scheme.labelField!\"\n                    [noFormat]=\"scheme.noFormat!\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug!\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag!\"\n                    [required]=\"scheme.isRequired\"\n                    [optionFormatter]=\"scheme.optionFormatter!\"\n                    [valueField]=\"scheme.valueField!\"\n                    [optionsFunc]=\"scheme.optionsFunc!\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField!\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint!\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf! | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'viewer') {\n                  <div\n                    class=\"custom-input align-items-center viewer gx-1 w-100\"\n                    [ngClass]=\"{ 'd-flex': !scheme.stacked }\">\n                    <app-input-label\n                      [label]=\"scheme.label\"\n                      [stacked]=\"scheme.stacked\"\n                      [hint]=\"scheme.hint\"\n                      [isRequired]=\"scheme.isRequired\"\n                      [showRequiredTag]=\"scheme.showRequiredTag\"\n                      [id]=\"scheme.field | toAny\" />\n                    <div class=\"d-flex align-items-center flex-grow-1\">\n                      <div\n                        class=\"position-relative d-flex input-content w-100\"\n                        [ngClass]=\"{ 'ms-2': !scheme.stacked }\">\n                        <div class=\"form-control-plaintext\">\n                          @if (scheme.formatterAsync) {\n                            {{\n                              scheme.formatterAsync\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | async\n                                | valueOrX: '-'\n                            }}\n                          } @else if (scheme.formatter) {\n                            {{\n                              scheme.formatter\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | valueOrX: '-'\n                            }}\n                          } @else {\n                            {{ (formValue() | toAny)?.[scheme.field] | valueOrX: '-' }}\n                          }\n                        </div>\n                      </div>\n                    </div>\n                    @if (scheme.showValidationMsg) {\n                      <app-validation-message\n                        [label]=\"scheme.label\"\n                        [minLength]=\"scheme.minLength\"\n                        [debug]=\"scheme.debug\"\n                        [maxLength]=\"scheme.maxLength\"\n                        [control]=\"form()?.controls[(scheme.field | toAny)]\" />\n                    }\n                  </div>\n                }\n                @default {\n                  <app-input-basic\n                    [noFormat]=\"scheme.noFormat\"\n                    [name]=\"scheme.field\"\n                    [form]=\"scheme.form || form()\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [type]=\"scheme.type\"\n                    [accept]=\"scheme.accept\"\n                    [verbose]=\"scheme.verbose\"\n                    [valueField]=\"scheme.valueField\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [stacked]=\"scheme.stacked\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    [checkedSignal]=\"scheme.checked\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [required]=\"scheme.isRequired\"\n                    [labelField]=\"scheme.labelField\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [decimalPoints]=\"scheme.decimalPoints\"\n                    [hint]=\"scheme.hint\"\n                    [max]=\"scheme.max\"\n                    [min]=\"scheme.min\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [placeholder]=\"scheme.placeholder\"\n                    [label]=\"scheme.label\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n              }\n            </div>\n            @for (btn of scheme.btns; track $index) {\n              <app-btn\n                [text]=\"btn.label\"\n                [icon]=\"btn.icon\"\n                [type]=\"btn.type\"\n                [class]=\"btn.cls\"\n                [mini]=\"btn.mini ?? true\"\n                [help]=\"btn.help\"\n                [showHelpIcon]=\"btn.showHelpIcon ?? false\"\n                [helpShowDelay]=\"btn.helpShowDelay ?? 800\"\n                [iconBtn]=\"btn.iconBtn\"\n                (mclick)=\"btn.action ? btn.action($event) : null\" />\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"row row-cols-auto justify-content-end\">\n      <div class=\"\">\n        @if (showSubmitBtn()) {\n          <app-btn\n            [text]=\"submitBtnText()\"\n            group=\"submit\"\n            [form]=\"form()\"\n            (mclick)=\"submit(submitBtn)\"\n            #submitBtn />\n        }\n        @if (submitBtnTemplate()) {\n          <ng-container *ngTemplateOutlet=\"submitBtnTemplate()\" />\n        }\n      </div>\n    </div>\n  </form>\n</loader>\n", styles: [""], dependencies: [{ kind: "component", type: LoaderComponent, selector: "loader", inputs: ["class", "text", "loading", "height", "width", "useStaticLoader", "ratioHW"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PhoneNumberComponent, selector: "app-phone-number", inputs: ["showLabel", "countryCode3", "config"], outputs: ["onCountrySelect"] }, { kind: "component", type: ValidationMessageComponent, selector: "app-validation-message", inputs: ["maxLength", "minLength", "control", "customMessage", "debug", "applyMargin", "ignoreDirtiness", "input", "label", "hideOverflow"], outputs: ["labelChange"] }, { kind: "component", type: AutocompleteComponent, selector: "app-autocomplete,autocomplete", inputs: ["showRequiredTag", "validate", "skipDoesOptionExistCheck", "options"], outputs: ["skipDoesOptionExistCheckChange"] }, { kind: "component", type: InputBasicComponent, selector: "app-input-basic,app-input", inputs: ["accept", "autocomplete", "input", "contextData", "decimalPoints", "files", "hide", "clearOnDisable", "labelLink", "loading", "multiple", "optionsFunc", "vms", "setCurrentDate", "options"], outputs: ["loadingChange", "mSelectedOptionLabel"] }, { kind: "component", type: RichTextEditorRFComponent, selector: "rich-text-editor-rf" }, { kind: "component", type: BtnComponent, selector: "app-btn", inputs: ["formSchema", "debug", "centerBtn", "danger", "warning", "verbose", "translatorOptions", "loading", "icon", "rightIcon", "leftIcon", "type", "group", "actionType", "animate", "excludeLogging", "loggingValue", "badge", "class", "customIcon", "form", "forms", "help", "helpShowDelay", "iconBtn", "mclass", "showHelpIcon", "rightCustomIcon", "leftCustomIcon", "text", "valid", "mini", "onFormInvalid", "disabled"], outputs: ["loadingChange", "leftCustomIconChange", "mclick", "disabledChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: InputLabelComponent, selector: "app-input-label", inputs: ["colored", "form", "hint", "inlineHint", "id", "invalidCheckbox", "isRequired", "label", "labelLink", "lblCl", "light", "mini", "showLabel", "showRequiredTag", "small", "stacked", "theme", "xsmall"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: FunctionCaller2, name: "functionCaller2" }, { kind: "pipe", type: ToAnyPipe, name: "toAny" }, { kind: "pipe", type: ValueOrXPipe, name: "valueOrX" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: FormGeneratorComponent, decorators: [{
             type: Component,
@@ -16534,7 +16535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
                         ToAnyPipe,
                         InputLabelComponent,
                         ValueOrXPipe
-                    ], template: "<!-- {{formValue()|json}}\n{{formValid()|json}} -->\n<loader [loading]=\"computedLoading()\">\n  <form [formGroup]=\"form()\" #formTag>\n    <div\n      class=\"row row-cols-{{ gridStyle() }} row-cols-md-{{ gridMDStyle() }} row-cols-lg-{{\n        gridLGStyle()\n      }} row-cols-xxl-{{ gridXXLStyle() }} align-items-center {{ formGridClass() }}\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <div class=\"col {{ scheme.cls }} \">\n          <div\n            class=\"d-flex gap-2\"\n            [ngClass]=\"scheme.showValidationMsg ? 'align-items-center' : 'align-items-end'\">\n            <div class=\"flex-grow-1\">\n              @switch (true) {\n                @case (scheme.type == 'template') {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      customTemplates()[scheme.field];\n                      context: { $implicit: { scheme, form: form() } }\n                    \" />\n                }\n                @case (scheme.type == 'tel') {\n                  <app-phone-number\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [name]=\"scheme.field\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [countryCode3]=\"scheme.countryCode3\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'autocomplete') {\n                  <app-autocomplete\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [skipDoesOptionExistCheck]=\"scheme.skipDoesOptionExistCheck\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [labelField]=\"scheme.labelField\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    [valueField]=\"scheme.valueField\"\n                    [optionsFunc]=\"scheme.optionsFunc\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'richtext') {\n                  <rich-text-editor-rf\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label!\"\n                    [clearOnDisable]=\"scheme.clearOnDisable!\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [labelField]=\"scheme.labelField!\"\n                    [noFormat]=\"scheme.noFormat!\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug!\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag!\"\n                    [optionFormatter]=\"scheme.optionFormatter!\"\n                    [valueField]=\"scheme.valueField!\"\n                    [optionsFunc]=\"scheme.optionsFunc!\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField!\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint!\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf! | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'viewer') {\n                  <div\n                    class=\"custom-input align-items-center viewer gx-1 w-100\"\n                    [ngClass]=\"{ 'd-flex': !scheme.stacked }\">\n                    <app-input-label\n                      [label]=\"scheme.label\"\n                      [stacked]=\"scheme.stacked\"\n                      [hint]=\"scheme.hint\"\n                      [isRequired]=\"scheme.isRequired\"\n                      [showRequiredTag]=\"scheme.showRequiredTag\"\n                      [id]=\"scheme.field | toAny\" />\n                    <div class=\"d-flex align-items-center flex-grow-1\">\n                      <div\n                        class=\"position-relative d-flex input-content w-100\"\n                        [ngClass]=\"{ 'ms-2': !scheme.stacked }\">\n                        <div class=\"form-control-plaintext\">\n                          @if (scheme.formatterAsync) {\n                            {{\n                              scheme.formatterAsync\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | async\n                                | valueOrX: '-'\n                            }}\n                          } @else if (scheme.formatter) {\n                            {{\n                              scheme.formatter\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | valueOrX: '-'\n                            }}\n                          } @else {\n                            {{ (formValue() | toAny)?.[scheme.field] | valueOrX: '-' }}\n                          }\n                        </div>\n                      </div>\n                    </div>\n                    @if (scheme.showValidationMsg) {\n                      <app-validation-message\n                        [label]=\"scheme.label\"\n                        [minLength]=\"scheme.minLength\"\n                        [debug]=\"scheme.debug\"\n                        [maxLength]=\"scheme.maxLength\"\n                        [control]=\"form()?.controls[(scheme.field | toAny)]\" />\n                    }\n                  </div>\n                }\n                @default {\n                  <app-input-basic\n                    [noFormat]=\"scheme.noFormat\"\n                    [name]=\"scheme.field\"\n                    [form]=\"scheme.form || form()\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [type]=\"scheme.type\"\n                    [accept]=\"scheme.accept\"\n                    [verbose]=\"scheme.verbose\"\n                    [valueField]=\"scheme.valueField\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [stacked]=\"scheme.stacked\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    [checkedSignal]=\"scheme.checked\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [labelField]=\"scheme.labelField\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [decimalPoints]=\"scheme.decimalPoints\"\n                    [hint]=\"scheme.hint\"\n                    [max]=\"scheme.max\"\n                    [min]=\"scheme.min\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [placeholder]=\"scheme.placeholder\"\n                    [label]=\"scheme.label\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n              }\n            </div>\n            @for (btn of scheme.btns; track $index) {\n              <app-btn\n                [text]=\"btn.label\"\n                [icon]=\"btn.icon\"\n                [type]=\"btn.type\"\n                [class]=\"btn.cls\"\n                [mini]=\"btn.mini ?? true\"\n                [help]=\"btn.help\"\n                [showHelpIcon]=\"btn.showHelpIcon ?? false\"\n                [helpShowDelay]=\"btn.helpShowDelay ?? 800\"\n                [iconBtn]=\"btn.iconBtn\"\n                (mclick)=\"btn.action ? btn.action($event) : null\" />\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"row row-cols-auto justify-content-end\">\n      <div class=\"\">\n        @if (showSubmitBtn()) {\n          <app-btn\n            [text]=\"submitBtnText()\"\n            group=\"submit\"\n            [form]=\"form()\"\n            (mclick)=\"submit(submitBtn)\"\n            #submitBtn />\n        }\n        @if (submitBtnTemplate()) {\n          <ng-container *ngTemplateOutlet=\"submitBtnTemplate()\" />\n        }\n      </div>\n    </div>\n  </form>\n</loader>\n" }]
+                    ], template: "<!-- {{formValue()|json}}\n{{formValid()|json}} -->\n<loader [loading]=\"computedLoading()\">\n  <form [formGroup]=\"form()\" #formTag>\n    <div\n      class=\"row row-cols-{{ gridStyle() }} row-cols-md-{{ gridMDStyle() }} row-cols-lg-{{\n        gridLGStyle()\n      }} row-cols-xxl-{{ gridXXLStyle() }} align-items-center {{ formGridClass() }}\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <div class=\"col {{ scheme.cls }} \">\n          <div\n            class=\"d-flex gap-2\"\n            [ngClass]=\"scheme.showValidationMsg ? 'align-items-center' : 'align-items-end'\">\n            <div class=\"flex-grow-1\">\n              @switch (true) {\n                @case (scheme.type == 'template') {\n                  <ng-container\n                    *ngTemplateOutlet=\"\n                      customTemplates()[scheme.field];\n                      context: { $implicit: { scheme, form: form() } }\n                    \" />\n                }\n                @case (scheme.type == 'tel') {\n                  <app-phone-number\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [name]=\"scheme.field\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [required]=\"scheme.isRequired\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [countryCode3]=\"scheme.countryCode3\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'autocomplete') {\n                  <app-autocomplete\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [skipDoesOptionExistCheck]=\"scheme.skipDoesOptionExistCheck\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [labelField]=\"scheme.labelField\"\n                    [noFormat]=\"scheme.noFormat\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [required]=\"scheme.isRequired\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    [valueField]=\"scheme.valueField\"\n                    [optionsFunc]=\"scheme.optionsFunc\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'richtext') {\n                  <rich-text-editor-rf\n                    [form]=\"scheme.form || form()\"\n                    [label]=\"scheme.label!\"\n                    [clearOnDisable]=\"scheme.clearOnDisable!\"\n                    [stacked]=\"scheme.stacked\"\n                    [verbose]=\"scheme.verbose\"\n                    [labelField]=\"scheme.labelField!\"\n                    [noFormat]=\"scheme.noFormat!\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    (mchange)=\"mchangeEmitter()\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [name]=\"scheme.field\"\n                    [debug]=\"scheme.debug!\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag!\"\n                    [required]=\"scheme.isRequired\"\n                    [optionFormatter]=\"scheme.optionFormatter!\"\n                    [valueField]=\"scheme.valueField!\"\n                    [optionsFunc]=\"scheme.optionsFunc!\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [autoPickValueField]=\"scheme.autoPickValueField!\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [hint]=\"scheme.hint!\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf! | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n                @case (scheme.type == 'viewer') {\n                  <div\n                    class=\"custom-input align-items-center viewer gx-1 w-100\"\n                    [ngClass]=\"{ 'd-flex': !scheme.stacked }\">\n                    <app-input-label\n                      [label]=\"scheme.label\"\n                      [stacked]=\"scheme.stacked\"\n                      [hint]=\"scheme.hint\"\n                      [isRequired]=\"scheme.isRequired\"\n                      [showRequiredTag]=\"scheme.showRequiredTag\"\n                      [id]=\"scheme.field | toAny\" />\n                    <div class=\"d-flex align-items-center flex-grow-1\">\n                      <div\n                        class=\"position-relative d-flex input-content w-100\"\n                        [ngClass]=\"{ 'ms-2': !scheme.stacked }\">\n                        <div class=\"form-control-plaintext\">\n                          @if (scheme.formatterAsync) {\n                            {{\n                              scheme.formatterAsync\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | async\n                                | valueOrX: '-'\n                            }}\n                          } @else if (scheme.formatter) {\n                            {{\n                              scheme.formatter\n                                | functionCaller2: formValue():(scheme.field | toAny)\n                                | valueOrX: '-'\n                            }}\n                          } @else {\n                            {{ (formValue() | toAny)?.[scheme.field] | valueOrX: '-' }}\n                          }\n                        </div>\n                      </div>\n                    </div>\n                    @if (scheme.showValidationMsg) {\n                      <app-validation-message\n                        [label]=\"scheme.label\"\n                        [minLength]=\"scheme.minLength\"\n                        [debug]=\"scheme.debug\"\n                        [maxLength]=\"scheme.maxLength\"\n                        [control]=\"form()?.controls[(scheme.field | toAny)]\" />\n                    }\n                  </div>\n                }\n                @default {\n                  <app-input-basic\n                    [noFormat]=\"scheme.noFormat\"\n                    [name]=\"scheme.field\"\n                    [form]=\"scheme.form || form()\"\n                    [clearOnDisable]=\"scheme.clearOnDisable\"\n                    [type]=\"scheme.type\"\n                    [accept]=\"scheme.accept\"\n                    [verbose]=\"scheme.verbose\"\n                    [valueField]=\"scheme.valueField\"\n                    [autoPickValueField]=\"scheme.autoPickValueField\"\n                    [presetValue]=\"scheme.presetValue\"\n                    [endLabel]=\"scheme.endLabel\"\n                    [endLabelTooltip]=\"scheme.endLabelTooltip\"\n                    [stacked]=\"scheme.stacked\"\n                    [labelType]=\"scheme.labelType | toAny\"\n                    [checkedSignal]=\"scheme.checked\"\n                    [showValidation]=\"scheme.showValidation || !!scheme.asyncValidators\"\n                    [showValidationIcon]=\"scheme.showValidationIcon || !!scheme.asyncValidators\"\n                    [debug]=\"scheme.debug\"\n                    (mchange)=\"mchangeEmitter()\"\n                    [setFormattedValue]=\"scheme.setControlFormattedValue\"\n                    [showRequiredTag]=\"scheme.showRequiredTag\"\n                    [required]=\"scheme.isRequired\"\n                    [labelField]=\"scheme.labelField\"\n                    [optionFormatter]=\"scheme.optionFormatter\"\n                    (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n                    [options]=\"scheme.options || optionsMap()[scheme.field | toAny]\"\n                    [decimalPoints]=\"scheme.decimalPoints\"\n                    [hint]=\"scheme.hint\"\n                    [max]=\"scheme.max\"\n                    [min]=\"scheme.min\"\n                    [maxLength]=\"scheme.maxLength\"\n                    [minLength]=\"scheme.minLength\"\n                    [placeholder]=\"scheme.placeholder\"\n                    [label]=\"scheme.label\"\n                    [showValidationMsg]=\"scheme.showValidationMsg\"\n                    [disabled]=\"\n                      scheme.disabled ||\n                      (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n                    \" />\n                }\n              }\n            </div>\n            @for (btn of scheme.btns; track $index) {\n              <app-btn\n                [text]=\"btn.label\"\n                [icon]=\"btn.icon\"\n                [type]=\"btn.type\"\n                [class]=\"btn.cls\"\n                [mini]=\"btn.mini ?? true\"\n                [help]=\"btn.help\"\n                [showHelpIcon]=\"btn.showHelpIcon ?? false\"\n                [helpShowDelay]=\"btn.helpShowDelay ?? 800\"\n                [iconBtn]=\"btn.iconBtn\"\n                (mclick)=\"btn.action ? btn.action($event) : null\" />\n            }\n          </div>\n        </div>\n      }\n    </div>\n    <div class=\"row row-cols-auto justify-content-end\">\n      <div class=\"\">\n        @if (showSubmitBtn()) {\n          <app-btn\n            [text]=\"submitBtnText()\"\n            group=\"submit\"\n            [form]=\"form()\"\n            (mclick)=\"submit(submitBtn)\"\n            #submitBtn />\n        }\n        @if (submitBtnTemplate()) {\n          <ng-container *ngTemplateOutlet=\"submitBtnTemplate()\" />\n        }\n      </div>\n    </div>\n  </form>\n</loader>\n" }]
         }], ctorParameters: () => [], propDecorators: { keyField: [{
                 type: Input
             }], onSubmit: [{
@@ -25304,21 +25305,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImpor
         }], ctorParameters: () => [{ type: ETSStorageService }] });
 
 class VersionComponent {
-    constructor(vS) {
+    constructor(vS, http) {
         this.vS = vS;
+        this.http = http;
         this.env = environment;
-        this.props = [];
+        this.props = signal([], ...(ngDevMode ? [{ debugName: "props" }] : []));
     }
     ngOnInit() {
-        this.props.push({ label: 'App Name', value: this.env.appName }, { label: 'Environment Name', value: this.env.name }, { label: 'Current Version', value: this.vS.currentVersion });
+        this.props.set([
+            { label: 'App Name', value: this.env.appName },
+            { label: 'Environment Name', value: this.env.name },
+            { label: 'Current Version', value: this.vS.currentVersion },
+        ]);
+        this.http.get('/ngsw.json').subscribe({
+            next: (config) => {
+                if (config?.timestamp) {
+                    const dateStr = new Date(config.timestamp).toLocaleString();
+                    this.props.update(p => [...p, { label: 'Rendered SW Timestamp', value: dateStr }]);
+                }
+            },
+            error: () => console.warn('PWA service worker config (ngsw.json) not found or not active.')
+        });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: VersionComponent, deps: [{ token: VersionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: VersionComponent, isStandalone: true, selector: "version", ngImport: i0, template: "<div class=\"center vh-100\">\n  @for (item of props; track item) {\n    <text-case-2  [value]=\"item.value\" [label]=\"item.label\" [formatter]=\"item.formatter\" ></text-case-2>\n  }\n\n</div>", styles: [""], dependencies: [{ kind: "component", type: TextCase2Component, selector: "text-case-2", inputs: ["action", "name", "data", "coloredLbl", "coloredVal", "centered", "customValueTemplate", "formatter", "hint", "label", "light", "mini", "route", "routeFunc", "editable", "stacked", "type", "value", "wrapLabel", "isEmail", "isPhone"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: VersionComponent, deps: [{ token: VersionService }, { token: i2$6.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.2", type: VersionComponent, isStandalone: true, selector: "version", ngImport: i0, template: "<div class=\"center vh-100\">\n  @for (item of props(); track item) {\n    <text-case-2  [value]=\"item.value\" [label]=\"item.label\" [formatter]=\"item.formatter\" ></text-case-2>\n  }\n\n</div>", styles: [""], dependencies: [{ kind: "component", type: TextCase2Component, selector: "text-case-2", inputs: ["action", "name", "data", "coloredLbl", "coloredVal", "centered", "customValueTemplate", "formatter", "hint", "label", "light", "mini", "route", "routeFunc", "editable", "stacked", "type", "value", "wrapLabel", "isEmail", "isPhone"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: VersionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'version', imports: [TextCase2Component], template: "<div class=\"center vh-100\">\n  @for (item of props; track item) {\n    <text-case-2  [value]=\"item.value\" [label]=\"item.label\" [formatter]=\"item.formatter\" ></text-case-2>\n  }\n\n</div>" }]
-        }], ctorParameters: () => [{ type: VersionService }] });
+            args: [{ selector: 'version', imports: [TextCase2Component], template: "<div class=\"center vh-100\">\n  @for (item of props(); track item) {\n    <text-case-2  [value]=\"item.value\" [label]=\"item.label\" [formatter]=\"item.formatter\" ></text-case-2>\n  }\n\n</div>" }]
+        }], ctorParameters: () => [{ type: VersionService }, { type: i2$6.HttpClient }] });
 
 const routes$2 = [{ path: '', component: VersionComponent }];
 class VersionRoutingModule {