npm - ets-fe-ng-sdk - Versions diffs - 19.0.11 → 19.0.14 - Mend

ets-fe-ng-sdk 19.0.11 → 19.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

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

@@ -15660,7 +15660,7 @@ class TableInputRowComponent extends FormGeneratorComponent {
         }, { allowSignalWrites: true });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableInputRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TableInputRowComponent, isStandalone: true, selector: "tr[table-input-row]", inputs: { isShow: { classPropertyName: "isShow", publicName: "isShow", isSignal: true, isRequired: false, transformFunction: null }, hideAdd: { classPropertyName: "hideAdd", publicName: "hideAdd", isSignal: true, isRequired: false, transformFunction: null }, hideDelete: { classPropertyName: "hideDelete", publicName: "hideDelete", isSignal: true, isRequired: false, transformFunction: null }, borderedInput: { classPropertyName: "borderedInput", publicName: "borderedInput", isSignal: true, isRequired: false, transformFunction: null }, actionBtns: { classPropertyName: "actionBtns", publicName: "actionBtns", isSignal: true, isRequired: false, transformFunction: null }, childrenFormSchemaMap: { classPropertyName: "childrenFormSchemaMap", publicName: "childrenFormSchemaMap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDeleteRowFunc: "onDeleteRowFunc", onAddRowFunc: "onAddRowFunc", onActionButtonClick: "onActionButtonClick" }, usesInheritance: true, ngImport: i0, template: "@for (scheme of formSchema(); track scheme._id) {\n  <td\n    class=\"{{ scheme.cls }} w-1\"\n    [ngClass]=\"{ stickyColumn: scheme.sticky }\"\n    [style.left.px]=\"scheme.sticky ? tdEl.offsetLeft : null\"\n    #tdEl>\n    @if (scheme.type == 'button') {\n      <div class=\"d-flex\">\n        <app-btn\n          [text]=\"scheme.label\"\n          [type]=\"\n            (form()\n            | hasFormValue\n              : (childrenFormSchemaMap()[scheme.field].formSchemaStr | toAny)\n              : formValue())\n              ? 'primary'\n              : 'secondary'\n          \"\n          onFormInvalid=\"warn\"\n          [form]=\"form()\"\n          [icon]=\"scheme.icon\"\n          [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n          [matTooltip]=\"\n            formValue() | formValue: childrenFormSchemaMap()[scheme.field].formSchema | toAny\n          \"\n          (mclick)=\"dModal.open()\" />\n      </div>\n      <modal-comp #dModal [showFooter]=\"false\" header=\"{{ scheme.label }} Form\" width=\"70%\">\n        <ng-template modalBody>\n          <form-generator\n            [form]=\"form()\"\n            [gridXXLStyle]=\"4\"\n            [gridLGStyle]=\"4\"\n            [showSubmitBtn]=\"false\"\n            [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n            (onSubmit)=\"dModal.close()\"></form-generator>\n          @if (!isShow()) {\n            <div class=\"d-flex justify-content-end\">\n              <app-btn (mclick)=\"dModal.close()\" text=\"Done\" />\n            </div>\n          }\n        </ng-template>\n      </modal-comp>\n    } @else if (scheme.type == 'template') {\n      <ng-container *ngTemplateOutlet=\"scheme.templateRef; context: { $implicit: { scheme,form:form() } }\" />\n    } @else if (scheme.field) {\n      @switch (true) {\n        @case (scheme.type == 'tel') {\n          <app-phone-number\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [name]=\"scheme.field\"\n            [showLabel]=\"false\"\n            [noFormat]=\"scheme.noFormat\"\n            [debug]=\"scheme.debug\"\n            [showValidation]=\"scheme.showValidation\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [showValidationIcon]=\"scheme.showValidationIcon\"\n            [countryCode3]=\"scheme.countryCode3\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \"\n            #inputTag />\n        }\n        @case (scheme.type == 'autocomplete') {\n          <app-autocomplete\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [labelField]=\"scheme.labelField\"\n            [noFormat]=\"scheme.noFormat\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n            [name]=\"scheme.field | toAny\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [debug]=\"scheme.debug\"\n            [optionFormatter]=\"scheme.optionFormatter\"\n            [valueField]=\"scheme.valueField\"\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            #inputTag />\n        }\n\n        @default {\n          <app-input-basic\n            #formField\n            [name]=\"scheme.field | toAny\"\n            [form]=\"form()\"\n            [dontFormatAsInput]=\"scheme.dontFormatAsInput\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [type]=\"scheme.type\"\n            [valueField]=\"scheme.valueField\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [checkedSignal]=\"scheme.checked\"\n            [showValidation]=\"!!scheme.asyncValidators\"\n            [noFormat]=\"scheme.noFormat\"\n            [showValidationIcon]=\"!!scheme.asyncValidators\"\n            [debug]=\"scheme.debug\"\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            [placeholder]=\"scheme.placeholder\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \" />\n        }\n      }\n    }\n  </td>\n}\n@if (!isShow()) {\n  @if (!hideDelete()) {\n    <td class=\"w-1\">\n      <app-btn\n        group=\"delete\"\n        [iconBtn]=\"true\"\n        (mclick)=\"onDeleteRowFunc.emit({ btn: deleteBtn })\"\n        #deleteBtn />\n    </td>\n  }\n  @if (!hideAdd()) {\n    <td class=\"w-1\">\n      <app-btn [iconBtn]=\"true\" group=\"add\" (mclick)=\"onAddRowFunc.emit({ btn: addBtn })\" #addBtn />\n    </td>\n  }\n  @for (actionBtn of actionBtns(); track actionBtn.icon) {\n    <td class=\"w-1\">\n      <app-btn\n        [iconBtn]=\"true\"\n        [group]=\"actionBtn.group\"\n        [icon]=\"actionBtn.icon\"\n        (mclick)=\"\n          onActionButtonClick.emit({\n            btn: actionBtnTemp,\n            actionButton: actionBtn,\n          })\n        \"\n        #actionBtnTemp />\n    </td>\n  }\n}\n", styles: [":host{position:relative}\n"], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "app-autocomplete,autocomplete", inputs: ["showRequiredTag", "validate", "skipDoesOptionExistCheck", "options"], outputs: ["skipDoesOptionExistCheckChange"] }, { 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: "component", type: FormGeneratorComponent, selector: "form-generator", inputs: ["keyField", "presetValueForSingleOption", "isCreate", "submitOnEnterKey", "submitFunc", "submitBtnText", "submitBtnTemplate", "submitSuccessText", "showSubmitBtn", "gridStyle", "gridMDStyle", "gridLGStyle", "gridXXLStyle", "formGridClass", "useLoader", "loading", "form", "formSchema", "formSchemaNoForm", "isShow"], outputs: ["onSubmit", "mchange", "saved", "formChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: FormValuePipe, name: "formValue" }, { kind: "pipe", type: FunctionCaller2, name: "functionCaller2" }, { kind: "pipe", type: HasFormValuePipe, name: "hasFormValue" }, { 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: ["mSelectedOptionLabel"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ModalComponent, selector: "modal-comp", inputs: ["header", "bodyTemplateRef", "footerTemplateRef", "showHeader", "loading", "isFullscreen", "showFooter", "width", "minWidth", "height", "maxHeight", "icon", "data", "disableClose", "hasBackdrop"], outputs: ["headerChange", "showHeaderChange", "mouseLeft", "loadingChange", "showFooterChange", "modalOpen", "modalClose"] }, { kind: "directive", type: ModalBodyDirective, selector: "[modalBody]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PhoneNumberComponent, selector: "app-phone-number", inputs: ["showLabel", "countryCode3", "config"], outputs: ["onCountrySelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: ToAnyPipe, name: "toAny" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TableInputRowComponent, isStandalone: true, selector: "tr[table-input-row]", inputs: { isShow: { classPropertyName: "isShow", publicName: "isShow", isSignal: true, isRequired: false, transformFunction: null }, hideAdd: { classPropertyName: "hideAdd", publicName: "hideAdd", isSignal: true, isRequired: false, transformFunction: null }, hideDelete: { classPropertyName: "hideDelete", publicName: "hideDelete", isSignal: true, isRequired: false, transformFunction: null }, borderedInput: { classPropertyName: "borderedInput", publicName: "borderedInput", isSignal: true, isRequired: false, transformFunction: null }, actionBtns: { classPropertyName: "actionBtns", publicName: "actionBtns", isSignal: true, isRequired: false, transformFunction: null }, childrenFormSchemaMap: { classPropertyName: "childrenFormSchemaMap", publicName: "childrenFormSchemaMap", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDeleteRowFunc: "onDeleteRowFunc", onAddRowFunc: "onAddRowFunc", onActionButtonClick: "onActionButtonClick" }, usesInheritance: true, ngImport: i0, template: "@for (scheme of formSchema(); track scheme._id) {\n  <td\n    class=\"{{ scheme.cls }} \"\n    [ngClass]=\"{ stickyColumn: scheme.sticky }\"\n    [style.left.px]=\"scheme.sticky ? tdEl.offsetLeft : null\"\n    #tdEl>\n    @if (scheme.type == 'button') {\n      <div class=\"d-flex\">\n        <app-btn\n          [text]=\"scheme.label\"\n          [type]=\"\n            (form()\n            | hasFormValue\n              : (childrenFormSchemaMap()[scheme.field].formSchemaStr | toAny)\n              : formValue())\n              ? 'primary'\n              : 'secondary'\n          \"\n          onFormInvalid=\"warn\"\n          [form]=\"form()\"\n          [icon]=\"scheme.icon\"\n          [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n          [matTooltip]=\"\n            formValue() | formValue: childrenFormSchemaMap()[scheme.field].formSchema | toAny\n          \"\n          (mclick)=\"dModal.open()\" />\n      </div>\n      <modal-comp #dModal [showFooter]=\"false\" header=\"{{ scheme.label }} Form\" width=\"70%\">\n        <ng-template modalBody>\n          <form-generator\n            [form]=\"form()\"\n            [gridXXLStyle]=\"4\"\n            [gridLGStyle]=\"4\"\n            [showSubmitBtn]=\"false\"\n            [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n            (onSubmit)=\"dModal.close()\"></form-generator>\n          @if (!isShow()) {\n            <div class=\"d-flex justify-content-end\">\n              <app-btn (mclick)=\"dModal.close()\" text=\"Done\" />\n            </div>\n          }\n        </ng-template>\n      </modal-comp>\n    } @else if (scheme.type == 'template') {\n      <ng-container *ngTemplateOutlet=\"scheme.templateRef; context: { $implicit: { scheme,form:form() } }\" />\n    } @else if (scheme.field) {\n      @switch (true) {\n        @case (scheme.type == 'tel') {\n          <app-phone-number\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [name]=\"scheme.field\"\n            [showLabel]=\"false\"\n            [noFormat]=\"scheme.noFormat\"\n            [debug]=\"scheme.debug\"\n            [showValidation]=\"scheme.showValidation\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [showValidationIcon]=\"scheme.showValidationIcon\"\n            [countryCode3]=\"scheme.countryCode3\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \"\n            #inputTag />\n        }\n        @case (scheme.type == 'autocomplete') {\n          <app-autocomplete\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [labelField]=\"scheme.labelField\"\n            [noFormat]=\"scheme.noFormat\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n            [name]=\"scheme.field | toAny\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [debug]=\"scheme.debug\"\n            [optionFormatter]=\"scheme.optionFormatter\"\n            [valueField]=\"scheme.valueField\"\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            #inputTag />\n        }\n\n        @default {\n          <app-input-basic\n            #formField\n            [name]=\"scheme.field | toAny\"\n            [form]=\"form()\"\n            [dontFormatAsInput]=\"scheme.dontFormatAsInput\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [type]=\"scheme.type\"\n            [valueField]=\"scheme.valueField\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [checkedSignal]=\"scheme.checked\"\n            [showValidation]=\"!!scheme.asyncValidators\"\n            [noFormat]=\"scheme.noFormat\"\n            [showValidationIcon]=\"!!scheme.asyncValidators\"\n            [debug]=\"scheme.debug\"\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            [placeholder]=\"scheme.placeholder\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \" />\n        }\n      }\n    }\n  </td>\n}\n@if (!isShow()) {\n  @if (!hideDelete()) {\n    <td class=\"w-1\">\n      <app-btn\n        group=\"delete\"\n        [iconBtn]=\"true\"\n        (mclick)=\"onDeleteRowFunc.emit({ btn: deleteBtn })\"\n        #deleteBtn />\n    </td>\n  }\n  @if (!hideAdd()) {\n    <td class=\"w-1\">\n      <app-btn [iconBtn]=\"true\" group=\"add\" (mclick)=\"onAddRowFunc.emit({ btn: addBtn })\" #addBtn />\n    </td>\n  }\n  @for (actionBtn of actionBtns(); track actionBtn.icon) {\n    <td class=\"w-1\">\n      <app-btn\n        [iconBtn]=\"true\"\n        [group]=\"actionBtn.group\"\n        [icon]=\"actionBtn.icon\"\n        (mclick)=\"\n          onActionButtonClick.emit({\n            btn: actionBtnTemp,\n            actionButton: actionBtn,\n          })\n        \"\n        #actionBtnTemp />\n    </td>\n  }\n}\n", styles: [":host{position:relative}\n"], dependencies: [{ kind: "component", type: AutocompleteComponent, selector: "app-autocomplete,autocomplete", inputs: ["showRequiredTag", "validate", "skipDoesOptionExistCheck", "options"], outputs: ["skipDoesOptionExistCheckChange"] }, { 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: "component", type: FormGeneratorComponent, selector: "form-generator", inputs: ["keyField", "presetValueForSingleOption", "isCreate", "submitOnEnterKey", "submitFunc", "submitBtnText", "submitBtnTemplate", "submitSuccessText", "showSubmitBtn", "gridStyle", "gridMDStyle", "gridLGStyle", "gridXXLStyle", "formGridClass", "useLoader", "loading", "form", "formSchema", "formSchemaNoForm", "isShow"], outputs: ["onSubmit", "mchange", "saved", "formChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "pipe", type: FormValuePipe, name: "formValue" }, { kind: "pipe", type: FunctionCaller2, name: "functionCaller2" }, { kind: "pipe", type: HasFormValuePipe, name: "hasFormValue" }, { 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: ["mSelectedOptionLabel"] }, { kind: "ngmodule", type: MatExpansionModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ModalComponent, selector: "modal-comp", inputs: ["header", "bodyTemplateRef", "footerTemplateRef", "showHeader", "loading", "isFullscreen", "showFooter", "width", "minWidth", "height", "maxHeight", "icon", "data", "disableClose", "hasBackdrop"], outputs: ["headerChange", "showHeaderChange", "mouseLeft", "loadingChange", "showFooterChange", "modalOpen", "modalClose"] }, { kind: "directive", type: ModalBodyDirective, selector: "[modalBody]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PhoneNumberComponent, selector: "app-phone-number", inputs: ["showLabel", "countryCode3", "config"], outputs: ["onCountrySelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: ToAnyPipe, name: "toAny" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableInputRowComponent, decorators: [{
             type: Component,
@@ -15694,7 +15694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                         SDKTranslatePipe,
                         ValidationMessageComponent,
                         NgTemplateOutlet,
-                    ], template: "@for (scheme of formSchema(); track scheme._id) {\n  <td\n    class=\"{{ scheme.cls }} w-1\"\n    [ngClass]=\"{ stickyColumn: scheme.sticky }\"\n    [style.left.px]=\"scheme.sticky ? tdEl.offsetLeft : null\"\n    #tdEl>\n    @if (scheme.type == 'button') {\n      <div class=\"d-flex\">\n        <app-btn\n          [text]=\"scheme.label\"\n          [type]=\"\n            (form()\n            | hasFormValue\n              : (childrenFormSchemaMap()[scheme.field].formSchemaStr | toAny)\n              : formValue())\n              ? 'primary'\n              : 'secondary'\n          \"\n          onFormInvalid=\"warn\"\n          [form]=\"form()\"\n          [icon]=\"scheme.icon\"\n          [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n          [matTooltip]=\"\n            formValue() | formValue: childrenFormSchemaMap()[scheme.field].formSchema | toAny\n          \"\n          (mclick)=\"dModal.open()\" />\n      </div>\n      <modal-comp #dModal [showFooter]=\"false\" header=\"{{ scheme.label }} Form\" width=\"70%\">\n        <ng-template modalBody>\n          <form-generator\n            [form]=\"form()\"\n            [gridXXLStyle]=\"4\"\n            [gridLGStyle]=\"4\"\n            [showSubmitBtn]=\"false\"\n            [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n            (onSubmit)=\"dModal.close()\"></form-generator>\n          @if (!isShow()) {\n            <div class=\"d-flex justify-content-end\">\n              <app-btn (mclick)=\"dModal.close()\" text=\"Done\" />\n            </div>\n          }\n        </ng-template>\n      </modal-comp>\n    } @else if (scheme.type == 'template') {\n      <ng-container *ngTemplateOutlet=\"scheme.templateRef; context: { $implicit: { scheme,form:form() } }\" />\n    } @else if (scheme.field) {\n      @switch (true) {\n        @case (scheme.type == 'tel') {\n          <app-phone-number\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [name]=\"scheme.field\"\n            [showLabel]=\"false\"\n            [noFormat]=\"scheme.noFormat\"\n            [debug]=\"scheme.debug\"\n            [showValidation]=\"scheme.showValidation\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [showValidationIcon]=\"scheme.showValidationIcon\"\n            [countryCode3]=\"scheme.countryCode3\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \"\n            #inputTag />\n        }\n        @case (scheme.type == 'autocomplete') {\n          <app-autocomplete\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [labelField]=\"scheme.labelField\"\n            [noFormat]=\"scheme.noFormat\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n            [name]=\"scheme.field | toAny\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [debug]=\"scheme.debug\"\n            [optionFormatter]=\"scheme.optionFormatter\"\n            [valueField]=\"scheme.valueField\"\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            #inputTag />\n        }\n\n        @default {\n          <app-input-basic\n            #formField\n            [name]=\"scheme.field | toAny\"\n            [form]=\"form()\"\n            [dontFormatAsInput]=\"scheme.dontFormatAsInput\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [type]=\"scheme.type\"\n            [valueField]=\"scheme.valueField\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [checkedSignal]=\"scheme.checked\"\n            [showValidation]=\"!!scheme.asyncValidators\"\n            [noFormat]=\"scheme.noFormat\"\n            [showValidationIcon]=\"!!scheme.asyncValidators\"\n            [debug]=\"scheme.debug\"\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            [placeholder]=\"scheme.placeholder\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \" />\n        }\n      }\n    }\n  </td>\n}\n@if (!isShow()) {\n  @if (!hideDelete()) {\n    <td class=\"w-1\">\n      <app-btn\n        group=\"delete\"\n        [iconBtn]=\"true\"\n        (mclick)=\"onDeleteRowFunc.emit({ btn: deleteBtn })\"\n        #deleteBtn />\n    </td>\n  }\n  @if (!hideAdd()) {\n    <td class=\"w-1\">\n      <app-btn [iconBtn]=\"true\" group=\"add\" (mclick)=\"onAddRowFunc.emit({ btn: addBtn })\" #addBtn />\n    </td>\n  }\n  @for (actionBtn of actionBtns(); track actionBtn.icon) {\n    <td class=\"w-1\">\n      <app-btn\n        [iconBtn]=\"true\"\n        [group]=\"actionBtn.group\"\n        [icon]=\"actionBtn.icon\"\n        (mclick)=\"\n          onActionButtonClick.emit({\n            btn: actionBtnTemp,\n            actionButton: actionBtn,\n          })\n        \"\n        #actionBtnTemp />\n    </td>\n  }\n}\n", styles: [":host{position:relative}\n"] }]
+                    ], template: "@for (scheme of formSchema(); track scheme._id) {\n  <td\n    class=\"{{ scheme.cls }} \"\n    [ngClass]=\"{ stickyColumn: scheme.sticky }\"\n    [style.left.px]=\"scheme.sticky ? tdEl.offsetLeft : null\"\n    #tdEl>\n    @if (scheme.type == 'button') {\n      <div class=\"d-flex\">\n        <app-btn\n          [text]=\"scheme.label\"\n          [type]=\"\n            (form()\n            | hasFormValue\n              : (childrenFormSchemaMap()[scheme.field].formSchemaStr | toAny)\n              : formValue())\n              ? 'primary'\n              : 'secondary'\n          \"\n          onFormInvalid=\"warn\"\n          [form]=\"form()\"\n          [icon]=\"scheme.icon\"\n          [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n          [matTooltip]=\"\n            formValue() | formValue: childrenFormSchemaMap()[scheme.field].formSchema | toAny\n          \"\n          (mclick)=\"dModal.open()\" />\n      </div>\n      <modal-comp #dModal [showFooter]=\"false\" header=\"{{ scheme.label }} Form\" width=\"70%\">\n        <ng-template modalBody>\n          <form-generator\n            [form]=\"form()\"\n            [gridXXLStyle]=\"4\"\n            [gridLGStyle]=\"4\"\n            [showSubmitBtn]=\"false\"\n            [formSchema]=\"childrenFormSchemaMap()[scheme.field].formSchema\"\n            (onSubmit)=\"dModal.close()\"></form-generator>\n          @if (!isShow()) {\n            <div class=\"d-flex justify-content-end\">\n              <app-btn (mclick)=\"dModal.close()\" text=\"Done\" />\n            </div>\n          }\n        </ng-template>\n      </modal-comp>\n    } @else if (scheme.type == 'template') {\n      <ng-container *ngTemplateOutlet=\"scheme.templateRef; context: { $implicit: { scheme,form:form() } }\" />\n    } @else if (scheme.field) {\n      @switch (true) {\n        @case (scheme.type == 'tel') {\n          <app-phone-number\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [name]=\"scheme.field\"\n            [showLabel]=\"false\"\n            [noFormat]=\"scheme.noFormat\"\n            [debug]=\"scheme.debug\"\n            [showValidation]=\"scheme.showValidation\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [showValidationIcon]=\"scheme.showValidationIcon\"\n            [countryCode3]=\"scheme.countryCode3\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \"\n            #inputTag />\n        }\n        @case (scheme.type == 'autocomplete') {\n          <app-autocomplete\n            [form]=\"form()\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [labelField]=\"scheme.labelField\"\n            [noFormat]=\"scheme.noFormat\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            (mSelectedOptionLabel)=\"setOptionLabel($event, scheme)\"\n            [name]=\"scheme.field | toAny\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [debug]=\"scheme.debug\"\n            [optionFormatter]=\"scheme.optionFormatter\"\n            [valueField]=\"scheme.valueField\"\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            #inputTag />\n        }\n\n        @default {\n          <app-input-basic\n            #formField\n            [name]=\"scheme.field | toAny\"\n            [form]=\"form()\"\n            [dontFormatAsInput]=\"scheme.dontFormatAsInput\"\n            [clearOnDisable]=\"scheme.clearOnDisable\"\n            [type]=\"scheme.type\"\n            [valueField]=\"scheme.valueField\"\n            [labelType]=\"scheme.labelType | toAny\"\n            [showValidationMsg]=\"scheme.showValidationMsg == null ? true : scheme.showValidationMsg\"\n            [checkedSignal]=\"scheme.checked\"\n            [showValidation]=\"!!scheme.asyncValidators\"\n            [noFormat]=\"scheme.noFormat\"\n            [showValidationIcon]=\"!!scheme.asyncValidators\"\n            [debug]=\"scheme.debug\"\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            [placeholder]=\"scheme.placeholder\"\n            [disabled]=\"\n              scheme.disabled ||\n              (scheme.disabledIf | functionCaller2: formValue() : (scheme.field | toAny))\n            \" />\n        }\n      }\n    }\n  </td>\n}\n@if (!isShow()) {\n  @if (!hideDelete()) {\n    <td class=\"w-1\">\n      <app-btn\n        group=\"delete\"\n        [iconBtn]=\"true\"\n        (mclick)=\"onDeleteRowFunc.emit({ btn: deleteBtn })\"\n        #deleteBtn />\n    </td>\n  }\n  @if (!hideAdd()) {\n    <td class=\"w-1\">\n      <app-btn [iconBtn]=\"true\" group=\"add\" (mclick)=\"onAddRowFunc.emit({ btn: addBtn })\" #addBtn />\n    </td>\n  }\n  @for (actionBtn of actionBtns(); track actionBtn.icon) {\n    <td class=\"w-1\">\n      <app-btn\n        [iconBtn]=\"true\"\n        [group]=\"actionBtn.group\"\n        [icon]=\"actionBtn.icon\"\n        (mclick)=\"\n          onActionButtonClick.emit({\n            btn: actionBtnTemp,\n            actionButton: actionBtn,\n          })\n        \"\n        #actionBtnTemp />\n    </td>\n  }\n}\n", styles: [":host{position:relative}\n"] }]
         }] });
 /**
@@ -15858,7 +15858,7 @@ class TableInputComponent extends FormGeneratorComponent {
                 this.singleFormStructure?.controls[scheme.field]?.hasValidator(Validators.required);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TableInputComponent, isStandalone: true, selector: "table-input", inputs: { formArray: { classPropertyName: "formArray", publicName: "formArray", isSignal: true, isRequired: false, transformFunction: null }, filterContainerClass: { classPropertyName: "filterContainerClass", publicName: "filterContainerClass", isSignal: true, isRequired: false, transformFunction: null }, classFunction: { classPropertyName: "classFunction", publicName: "classFunction", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, noWrap: { classPropertyName: "noWrap", publicName: "noWrap", isSignal: true, isRequired: false, transformFunction: null }, filterLikeMatch: { classPropertyName: "filterLikeMatch", publicName: "filterLikeMatch", isSignal: true, isRequired: false, transformFunction: null }, isShow: { classPropertyName: "isShow", publicName: "isShow", isSignal: true, isRequired: false, transformFunction: null }, _pageSize: { classPropertyName: "_pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, actionBtns: { classPropertyName: "actionBtns", publicName: "actionBtns", isSignal: true, isRequired: false, transformFunction: null }, _formSchema: { classPropertyName: "_formSchema", publicName: "formSchema", isSignal: false, isRequired: true, transformFunction: null }, singleFormStructure: { classPropertyName: "singleFormStructure", publicName: "singleFormStructure", isSignal: false, isRequired: true, transformFunction: null }, deleteRowFunc: { classPropertyName: "deleteRowFunc", publicName: "deleteRowFunc", isSignal: false, isRequired: false, transformFunction: null }, addRowFunc: { classPropertyName: "addRowFunc", publicName: "addRowFunc", isSignal: false, isRequired: false, transformFunction: null }, hideDelete: { classPropertyName: "hideDelete", publicName: "hideDelete", isSignal: true, isRequired: false, transformFunction: null }, hideAdd: { classPropertyName: "hideAdd", publicName: "hideAdd", isSignal: true, isRequired: false, transformFunction: null }, borderedInput: { classPropertyName: "borderedInput", publicName: "borderedInput", isSignal: true, isRequired: false, transformFunction: null }, _usePaginator: { classPropertyName: "_usePaginator", publicName: "usePaginator", isSignal: false, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null } }, providers: [FilterFormArrayGroupPipe, PaginatorPipe], viewQueries: [{ propertyName: "paginatorComponent", first: true, predicate: PaginatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"table-input\">\n  @if (filterFormschema()?.length) {\n    <div class=\"mb-3 {{ filterContainerClass() }}\">\n      <div class=\"d-flex\">\n        <app-btn\n          text=\"{{ filterSection.hidden ? 'Show Filter' : 'Hide Filter' }}\"\n          [icon]=\"filterSection.hidden ? 'search' : 'close'\"\n          (mclick)=\"filterSection.hidden = !filterSection.hidden\" />\n      </div>\n      <div class=\"border p-3 mt-3 rounded-10\" #filterSection [hidden]=\"true\">\n        <form-generator\n          [form]=\"filterForm()\"\n          [formSchema]=\"filterFormschema()\"\n          [gridLGStyle]=\"3\"\n          [showSubmitBtn]=\"false\"\n          (mchange)=\"resetPaginator()\" />\n        <div class=\"d-flex justify-content-end\">\n          <app-btn type=\"danger-outline\" text=\"Clear\" (mclick)=\"filterForm().reset()\" />\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"bg-white\" [ngClass]=\"{ 'border rounded-10': border(), noWrap: noWrap() }\">\n    <div class=\" \">\n      <table\n        class=\" {{ tableClass() }} {{ inputClass() }} \"\n        [ngClass]=\"{ 'is-show-form': isShow() }\">\n        <thead (click)=\"utilityService.logForm(filteredFormArray())\">\n          <tr class=\"text-center\">\n            @for (item of formSchema(); track item.label) {\n              <th\n                class=\"{{ item.cls }}\"\n                [ngClass]=\"{ stickyColumn: item.sticky }\"\n                [style.minWidth]=\"item.width\"\n                id=\"th_{{ item.field }}\"\n                [style.left.px]=\"item.sticky ? thEl.offsetLeft : null\"\n                #thEl\n                (click)=\"logColumn(item)\">\n                {{ item.label | appTranslate | async }}\n                {{ item.isRequired ? '*' : '' }}\n              </th>\n            }\n            @if (!isShow()) {\n              @if (!hideAdd()) {\n                <th></th>\n              }\n              @if (!hideDelete()) {\n                <th></th>\n              }\n              @for (actionBtn of actionBtns(); track actionBtn) {\n                <th></th>\n              }\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (subForm of paginatedAndFilteredFormArray(); track subForm.id; let i = $index) {\n            <tr\n              table-input-row\n              (onAddRowFunc)=\"addRowClicked(subForm.index)\"\n              [isShow]=\"isShow()\"\n              [hideDelete]=\"hideDelete()\"\n              [hideAdd]=\"hideAdd()\"\n              [borderedInput]=\"borderedInput()\"\n              [form]=\"subForm.form\"\n              [actionBtns]=\"actionBtns()\"\n              class=\"{{ subForm.form | tableInputClassFunction: classFunction() | async }}\"\n              [formSchema]=\"formSchema()\"\n              [childrenFormSchemaMap]=\"childrenFormSchemaMap\"\n              (onDeleteRowFunc)=\"\n                deleteRowClicked(subForm.index, subForm.form, {\n                  btn: $event?.btn,\n                })\n              \"\n              (onActionButtonClick)=\"\n                handleActionButtonClick(subForm.index, subForm.form, $event)\n              \"></tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center\" [colSpan]=\"formSchema()?.length\">\n                {{ 'There are no items' | appTranslate | async }}\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div\n      class=\"\"\n      [hidden]=\"\n        !usePaginator() || !filteredFormArrayLength() || filteredFormArrayLength() < pageSize()\n      \">\n      <paginator\n        #paginatorTag\n        [arrayLength]=\"filteredFormArrayLength()\"\n        (pageChanged)=\"pageChanged($event)\"\n        [pageSize]=\"pageSize()\" />\n    </div>\n  </div>\n</div>\n", styles: ["tr{vertical-align:top}:host ::ng-deep .text-center input{text-align:center}:host ::ng-deep .noWrap{display:block;max-width:100%;width:100%;overflow:auto}:host ::ng-deep .noWrap th,:host ::ng-deep .noWrap td{white-space:nowrap}:host ::ng-deep table tr{position:relative}:host ::ng-deep .stickyColumn{position:sticky;left:0;z-index:100}:host ::ng-deep .plainInput input,:host ::ng-deep .plainInput .control-bg-gray,:host ::ng-deep .plainInput .form-control{border:none!important;border-radius:0!important}\n"], dependencies: [{ kind: "pipe", type: i0.forwardRef(() => AsyncPipe), name: "async" }, { kind: "component", type: i0.forwardRef(() => 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: "component", type: i0.forwardRef(() => FormGeneratorComponent), selector: "form-generator", inputs: ["keyField", "presetValueForSingleOption", "isCreate", "submitOnEnterKey", "submitFunc", "submitBtnText", "submitBtnTemplate", "submitSuccessText", "showSubmitBtn", "gridStyle", "gridMDStyle", "gridLGStyle", "gridXXLStyle", "formGridClass", "useLoader", "loading", "form", "formSchema", "formSchemaNoForm", "isShow"], outputs: ["onSubmit", "mchange", "saved", "formChange"] }, { kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "ngmodule", type: i0.forwardRef(() => MatExpansionModule) }, { kind: "ngmodule", type: i0.forwardRef(() => MatTabsModule) }, { kind: "ngmodule", type: i0.forwardRef(() => MatTooltipModule) }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i0.forwardRef(() => PaginatorComponent), selector: "paginator", inputs: ["arrayLength", "pageSize", "pageIndex", "resetIndexFunc", "pageSizeOptions"], outputs: ["pageSizeChange", "pageIndexChange", "pageChanged"] }, { kind: "ngmodule", type: i0.forwardRef(() => ReactiveFormsModule) }, { kind: "component", type: i0.forwardRef(() => TableInputRowComponent), selector: "tr[table-input-row]", inputs: ["isShow", "hideAdd", "hideDelete", "borderedInput", "actionBtns", "childrenFormSchemaMap"], outputs: ["onDeleteRowFunc", "onAddRowFunc", "onActionButtonClick"] }, { kind: "pipe", type: i0.forwardRef(() => SDKTranslatePipe), name: "appTranslate" }, { kind: "pipe", type: i0.forwardRef(() => TableInputClassFunctionPipe), name: "tableInputClassFunction" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: TableInputComponent, isStandalone: true, selector: "table-input", inputs: { formArray: { classPropertyName: "formArray", publicName: "formArray", isSignal: true, isRequired: false, transformFunction: null }, filterContainerClass: { classPropertyName: "filterContainerClass", publicName: "filterContainerClass", isSignal: true, isRequired: false, transformFunction: null }, classFunction: { classPropertyName: "classFunction", publicName: "classFunction", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, noWrap: { classPropertyName: "noWrap", publicName: "noWrap", isSignal: true, isRequired: false, transformFunction: null }, filterLikeMatch: { classPropertyName: "filterLikeMatch", publicName: "filterLikeMatch", isSignal: true, isRequired: false, transformFunction: null }, isShow: { classPropertyName: "isShow", publicName: "isShow", isSignal: true, isRequired: false, transformFunction: null }, _pageSize: { classPropertyName: "_pageSize", publicName: "pageSize", isSignal: false, isRequired: false, transformFunction: null }, actionBtns: { classPropertyName: "actionBtns", publicName: "actionBtns", isSignal: true, isRequired: false, transformFunction: null }, _formSchema: { classPropertyName: "_formSchema", publicName: "formSchema", isSignal: false, isRequired: true, transformFunction: null }, singleFormStructure: { classPropertyName: "singleFormStructure", publicName: "singleFormStructure", isSignal: false, isRequired: true, transformFunction: null }, deleteRowFunc: { classPropertyName: "deleteRowFunc", publicName: "deleteRowFunc", isSignal: false, isRequired: false, transformFunction: null }, addRowFunc: { classPropertyName: "addRowFunc", publicName: "addRowFunc", isSignal: false, isRequired: false, transformFunction: null }, hideDelete: { classPropertyName: "hideDelete", publicName: "hideDelete", isSignal: true, isRequired: false, transformFunction: null }, hideAdd: { classPropertyName: "hideAdd", publicName: "hideAdd", isSignal: true, isRequired: false, transformFunction: null }, borderedInput: { classPropertyName: "borderedInput", publicName: "borderedInput", isSignal: true, isRequired: false, transformFunction: null }, _usePaginator: { classPropertyName: "_usePaginator", publicName: "usePaginator", isSignal: false, isRequired: false, transformFunction: null }, tableClass: { classPropertyName: "tableClass", publicName: "tableClass", isSignal: true, isRequired: false, transformFunction: null } }, providers: [FilterFormArrayGroupPipe, PaginatorPipe], viewQueries: [{ propertyName: "paginatorComponent", first: true, predicate: PaginatorComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"table-input\">\n  @if (filterFormschema()?.length) {\n    <div class=\"mb-3 {{ filterContainerClass() }}\">\n      <div class=\"d-flex\">\n        <app-btn\n          text=\"{{ filterSection.hidden ? 'Show Filter' : 'Hide Filter' }}\"\n          [icon]=\"filterSection.hidden ? 'search' : 'close'\"\n          (mclick)=\"filterSection.hidden = !filterSection.hidden\" />\n      </div>\n      <div class=\"border p-3 mt-3 rounded-10\" #filterSection [hidden]=\"true\">\n        <form-generator\n          [form]=\"filterForm()\"\n          [formSchema]=\"filterFormschema()\"\n          [gridLGStyle]=\"3\"\n          [showSubmitBtn]=\"false\"\n          (mchange)=\"resetPaginator()\" />\n        <div class=\"d-flex justify-content-end\">\n          <app-btn type=\"danger-outline\" text=\"Clear\" (mclick)=\"filterForm().reset()\" />\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"bg-white\" [ngClass]=\"{ 'border rounded-10': border(), noWrap: noWrap() }\">\n    <div class=\" \">\n      <table\n        class=\" {{ tableClass() }} {{ inputClass() }} \"\n        [ngClass]=\"{ 'is-show-form': isShow() }\">\n        <thead (click)=\"utilityService.logForm(filteredFormArray())\">\n          <tr class=\"text-center\">\n            @for (item of formSchema(); track item.label) {\n              <th\n                class=\"{{ item.cls }}\"\n                [ngClass]=\"{ stickyColumn: item.sticky }\"\n                [style.minWidth]=\"item.width\"\n                id=\"th_{{ item.field }}\"\n                [style.left.px]=\"item.sticky ? thEl.offsetLeft : null\"\n                #thEl\n                (click)=\"logColumn(item)\">\n                {{ item.label | appTranslate | async }}\n                {{ item.isRequired ? '*' : '' }}\n              </th>\n            }\n            @if (!isShow()) {\n              @if (!hideAdd()) {\n                <th class=\"w-1\"></th>\n              }\n              @if (!hideDelete()) {\n                <th class=\"w-1\"></th>\n              }\n              @for (actionBtn of actionBtns(); track actionBtn) {\n                <th class=\"w-1\"></th>\n              }\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (subForm of paginatedAndFilteredFormArray(); track subForm.id; let i = $index) {\n            <tr\n              table-input-row\n              (onAddRowFunc)=\"addRowClicked(subForm.index)\"\n              [isShow]=\"isShow()\"\n              [hideDelete]=\"hideDelete()\"\n              [hideAdd]=\"hideAdd()\"\n              [borderedInput]=\"borderedInput()\"\n              [form]=\"subForm.form\"\n              [actionBtns]=\"actionBtns()\"\n              class=\"{{ subForm.form | tableInputClassFunction: classFunction() | async }}\"\n              [formSchema]=\"formSchema()\"\n              [childrenFormSchemaMap]=\"childrenFormSchemaMap\"\n              (onDeleteRowFunc)=\"\n                deleteRowClicked(subForm.index, subForm.form, {\n                  btn: $event?.btn,\n                })\n              \"\n              (onActionButtonClick)=\"\n                handleActionButtonClick(subForm.index, subForm.form, $event)\n              \"></tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center\" [colSpan]=\"formSchema()?.length\">\n                {{ 'There are no items' | appTranslate | async }}\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div\n      class=\"\"\n      [hidden]=\"\n        !usePaginator() || !filteredFormArrayLength() || filteredFormArrayLength() < pageSize()\n      \">\n      <paginator\n        #paginatorTag\n        [arrayLength]=\"filteredFormArrayLength()\"\n        (pageChanged)=\"pageChanged($event)\"\n        [pageSize]=\"pageSize()\" />\n    </div>\n  </div>\n</div>\n", styles: ["tr{vertical-align:top}:host ::ng-deep .text-center input{text-align:center}:host ::ng-deep .noWrap{display:block;max-width:100%;width:100%;overflow:auto}:host ::ng-deep .noWrap th,:host ::ng-deep .noWrap td{white-space:nowrap}:host ::ng-deep table tr{position:relative}:host ::ng-deep .stickyColumn{position:sticky;left:0;z-index:100}:host ::ng-deep .plainInput input,:host ::ng-deep .plainInput .control-bg-gray,:host ::ng-deep .plainInput .form-control{border:none!important;border-radius:0!important}\n"], dependencies: [{ kind: "pipe", type: i0.forwardRef(() => AsyncPipe), name: "async" }, { kind: "component", type: i0.forwardRef(() => 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: "component", type: i0.forwardRef(() => FormGeneratorComponent), selector: "form-generator", inputs: ["keyField", "presetValueForSingleOption", "isCreate", "submitOnEnterKey", "submitFunc", "submitBtnText", "submitBtnTemplate", "submitSuccessText", "showSubmitBtn", "gridStyle", "gridMDStyle", "gridLGStyle", "gridXXLStyle", "formGridClass", "useLoader", "loading", "form", "formSchema", "formSchemaNoForm", "isShow"], outputs: ["onSubmit", "mchange", "saved", "formChange"] }, { kind: "ngmodule", type: i0.forwardRef(() => FormsModule) }, { kind: "ngmodule", type: i0.forwardRef(() => MatExpansionModule) }, { kind: "ngmodule", type: i0.forwardRef(() => MatTabsModule) }, { kind: "ngmodule", type: i0.forwardRef(() => MatTooltipModule) }, { kind: "directive", type: i0.forwardRef(() => NgClass), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i0.forwardRef(() => PaginatorComponent), selector: "paginator", inputs: ["arrayLength", "pageSize", "pageIndex", "resetIndexFunc", "pageSizeOptions"], outputs: ["pageSizeChange", "pageIndexChange", "pageChanged"] }, { kind: "ngmodule", type: i0.forwardRef(() => ReactiveFormsModule) }, { kind: "component", type: i0.forwardRef(() => TableInputRowComponent), selector: "tr[table-input-row]", inputs: ["isShow", "hideAdd", "hideDelete", "borderedInput", "actionBtns", "childrenFormSchemaMap"], outputs: ["onDeleteRowFunc", "onAddRowFunc", "onActionButtonClick"] }, { kind: "pipe", type: i0.forwardRef(() => SDKTranslatePipe), name: "appTranslate" }, { kind: "pipe", type: i0.forwardRef(() => TableInputClassFunctionPipe), name: "tableInputClassFunction" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TableInputComponent, decorators: [{
             type: Component,
@@ -15895,7 +15895,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                         FilterFormArrayGroupPipe,
                         ValidationMessageComponent,
                         forwardRef(() => TableInputClassFunctionPipe),
-                    ], providers: [FilterFormArrayGroupPipe, PaginatorPipe], template: "<div class=\"table-input\">\n  @if (filterFormschema()?.length) {\n    <div class=\"mb-3 {{ filterContainerClass() }}\">\n      <div class=\"d-flex\">\n        <app-btn\n          text=\"{{ filterSection.hidden ? 'Show Filter' : 'Hide Filter' }}\"\n          [icon]=\"filterSection.hidden ? 'search' : 'close'\"\n          (mclick)=\"filterSection.hidden = !filterSection.hidden\" />\n      </div>\n      <div class=\"border p-3 mt-3 rounded-10\" #filterSection [hidden]=\"true\">\n        <form-generator\n          [form]=\"filterForm()\"\n          [formSchema]=\"filterFormschema()\"\n          [gridLGStyle]=\"3\"\n          [showSubmitBtn]=\"false\"\n          (mchange)=\"resetPaginator()\" />\n        <div class=\"d-flex justify-content-end\">\n          <app-btn type=\"danger-outline\" text=\"Clear\" (mclick)=\"filterForm().reset()\" />\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"bg-white\" [ngClass]=\"{ 'border rounded-10': border(), noWrap: noWrap() }\">\n    <div class=\" \">\n      <table\n        class=\" {{ tableClass() }} {{ inputClass() }} \"\n        [ngClass]=\"{ 'is-show-form': isShow() }\">\n        <thead (click)=\"utilityService.logForm(filteredFormArray())\">\n          <tr class=\"text-center\">\n            @for (item of formSchema(); track item.label) {\n              <th\n                class=\"{{ item.cls }}\"\n                [ngClass]=\"{ stickyColumn: item.sticky }\"\n                [style.minWidth]=\"item.width\"\n                id=\"th_{{ item.field }}\"\n                [style.left.px]=\"item.sticky ? thEl.offsetLeft : null\"\n                #thEl\n                (click)=\"logColumn(item)\">\n                {{ item.label | appTranslate | async }}\n                {{ item.isRequired ? '*' : '' }}\n              </th>\n            }\n            @if (!isShow()) {\n              @if (!hideAdd()) {\n                <th></th>\n              }\n              @if (!hideDelete()) {\n                <th></th>\n              }\n              @for (actionBtn of actionBtns(); track actionBtn) {\n                <th></th>\n              }\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (subForm of paginatedAndFilteredFormArray(); track subForm.id; let i = $index) {\n            <tr\n              table-input-row\n              (onAddRowFunc)=\"addRowClicked(subForm.index)\"\n              [isShow]=\"isShow()\"\n              [hideDelete]=\"hideDelete()\"\n              [hideAdd]=\"hideAdd()\"\n              [borderedInput]=\"borderedInput()\"\n              [form]=\"subForm.form\"\n              [actionBtns]=\"actionBtns()\"\n              class=\"{{ subForm.form | tableInputClassFunction: classFunction() | async }}\"\n              [formSchema]=\"formSchema()\"\n              [childrenFormSchemaMap]=\"childrenFormSchemaMap\"\n              (onDeleteRowFunc)=\"\n                deleteRowClicked(subForm.index, subForm.form, {\n                  btn: $event?.btn,\n                })\n              \"\n              (onActionButtonClick)=\"\n                handleActionButtonClick(subForm.index, subForm.form, $event)\n              \"></tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center\" [colSpan]=\"formSchema()?.length\">\n                {{ 'There are no items' | appTranslate | async }}\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div\n      class=\"\"\n      [hidden]=\"\n        !usePaginator() || !filteredFormArrayLength() || filteredFormArrayLength() < pageSize()\n      \">\n      <paginator\n        #paginatorTag\n        [arrayLength]=\"filteredFormArrayLength()\"\n        (pageChanged)=\"pageChanged($event)\"\n        [pageSize]=\"pageSize()\" />\n    </div>\n  </div>\n</div>\n", styles: ["tr{vertical-align:top}:host ::ng-deep .text-center input{text-align:center}:host ::ng-deep .noWrap{display:block;max-width:100%;width:100%;overflow:auto}:host ::ng-deep .noWrap th,:host ::ng-deep .noWrap td{white-space:nowrap}:host ::ng-deep table tr{position:relative}:host ::ng-deep .stickyColumn{position:sticky;left:0;z-index:100}:host ::ng-deep .plainInput input,:host ::ng-deep .plainInput .control-bg-gray,:host ::ng-deep .plainInput .form-control{border:none!important;border-radius:0!important}\n"] }]
+                    ], providers: [FilterFormArrayGroupPipe, PaginatorPipe], template: "<div class=\"table-input\">\n  @if (filterFormschema()?.length) {\n    <div class=\"mb-3 {{ filterContainerClass() }}\">\n      <div class=\"d-flex\">\n        <app-btn\n          text=\"{{ filterSection.hidden ? 'Show Filter' : 'Hide Filter' }}\"\n          [icon]=\"filterSection.hidden ? 'search' : 'close'\"\n          (mclick)=\"filterSection.hidden = !filterSection.hidden\" />\n      </div>\n      <div class=\"border p-3 mt-3 rounded-10\" #filterSection [hidden]=\"true\">\n        <form-generator\n          [form]=\"filterForm()\"\n          [formSchema]=\"filterFormschema()\"\n          [gridLGStyle]=\"3\"\n          [showSubmitBtn]=\"false\"\n          (mchange)=\"resetPaginator()\" />\n        <div class=\"d-flex justify-content-end\">\n          <app-btn type=\"danger-outline\" text=\"Clear\" (mclick)=\"filterForm().reset()\" />\n        </div>\n      </div>\n    </div>\n  }\n\n  <div class=\"bg-white\" [ngClass]=\"{ 'border rounded-10': border(), noWrap: noWrap() }\">\n    <div class=\" \">\n      <table\n        class=\" {{ tableClass() }} {{ inputClass() }} \"\n        [ngClass]=\"{ 'is-show-form': isShow() }\">\n        <thead (click)=\"utilityService.logForm(filteredFormArray())\">\n          <tr class=\"text-center\">\n            @for (item of formSchema(); track item.label) {\n              <th\n                class=\"{{ item.cls }}\"\n                [ngClass]=\"{ stickyColumn: item.sticky }\"\n                [style.minWidth]=\"item.width\"\n                id=\"th_{{ item.field }}\"\n                [style.left.px]=\"item.sticky ? thEl.offsetLeft : null\"\n                #thEl\n                (click)=\"logColumn(item)\">\n                {{ item.label | appTranslate | async }}\n                {{ item.isRequired ? '*' : '' }}\n              </th>\n            }\n            @if (!isShow()) {\n              @if (!hideAdd()) {\n                <th class=\"w-1\"></th>\n              }\n              @if (!hideDelete()) {\n                <th class=\"w-1\"></th>\n              }\n              @for (actionBtn of actionBtns(); track actionBtn) {\n                <th class=\"w-1\"></th>\n              }\n            }\n          </tr>\n        </thead>\n        <tbody>\n          @for (subForm of paginatedAndFilteredFormArray(); track subForm.id; let i = $index) {\n            <tr\n              table-input-row\n              (onAddRowFunc)=\"addRowClicked(subForm.index)\"\n              [isShow]=\"isShow()\"\n              [hideDelete]=\"hideDelete()\"\n              [hideAdd]=\"hideAdd()\"\n              [borderedInput]=\"borderedInput()\"\n              [form]=\"subForm.form\"\n              [actionBtns]=\"actionBtns()\"\n              class=\"{{ subForm.form | tableInputClassFunction: classFunction() | async }}\"\n              [formSchema]=\"formSchema()\"\n              [childrenFormSchemaMap]=\"childrenFormSchemaMap\"\n              (onDeleteRowFunc)=\"\n                deleteRowClicked(subForm.index, subForm.form, {\n                  btn: $event?.btn,\n                })\n              \"\n              (onActionButtonClick)=\"\n                handleActionButtonClick(subForm.index, subForm.form, $event)\n              \"></tr>\n          } @empty {\n            <tr>\n              <td class=\"text-center\" [colSpan]=\"formSchema()?.length\">\n                {{ 'There are no items' | appTranslate | async }}\n              </td>\n            </tr>\n          }\n        </tbody>\n      </table>\n    </div>\n\n    <div\n      class=\"\"\n      [hidden]=\"\n        !usePaginator() || !filteredFormArrayLength() || filteredFormArrayLength() < pageSize()\n      \">\n      <paginator\n        #paginatorTag\n        [arrayLength]=\"filteredFormArrayLength()\"\n        (pageChanged)=\"pageChanged($event)\"\n        [pageSize]=\"pageSize()\" />\n    </div>\n  </div>\n</div>\n", styles: ["tr{vertical-align:top}:host ::ng-deep .text-center input{text-align:center}:host ::ng-deep .noWrap{display:block;max-width:100%;width:100%;overflow:auto}:host ::ng-deep .noWrap th,:host ::ng-deep .noWrap td{white-space:nowrap}:host ::ng-deep table tr{position:relative}:host ::ng-deep .stickyColumn{position:sticky;left:0;z-index:100}:host ::ng-deep .plainInput input,:host ::ng-deep .plainInput .control-bg-gray,:host ::ng-deep .plainInput .form-control{border:none!important;border-radius:0!important}\n"] }]
         }], propDecorators: { _pageSize: [{
                 type: Input,
                 args: ['pageSize']
@@ -18733,7 +18733,7 @@ class FindItemComponent extends BaseFormGenerator {
         this._loading.set(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: FindItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: FindItemComponent, isStandalone: true, selector: "app-find-item,find-item", inputs: { autoFormatSchema: { classPropertyName: "autoFormatSchema", publicName: "autoFormatSchema", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autoOrder: { classPropertyName: "autoOrder", publicName: "autoOrder", isSignal: true, isRequired: false, transformFunction: null }, centerCells: { classPropertyName: "centerCells", publicName: "centerCells", isSignal: true, isRequired: false, transformFunction: null }, _displayedColumns: { classPropertyName: "_displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: false, transformFunction: null }, gridClass: { classPropertyName: "gridClass", publicName: "gridClass", isSignal: true, isRequired: false, transformFunction: null }, hideForm: { classPropertyName: "hideForm", publicName: "hideForm", isSignal: true, isRequired: false, transformFunction: null }, customTableCellTemplates: { classPropertyName: "customTableCellTemplates", publicName: "customTableCellTemplates", isSignal: true, isRequired: false, transformFunction: null }, expandedRowTemplate: { classPropertyName: "expandedRowTemplate", publicName: "expandedRowTemplate", isSignal: true, isRequired: false, transformFunction: null }, rowOptionsMap: { classPropertyName: "rowOptionsMap", publicName: "rowOptionsMap", isSignal: true, isRequired: false, transformFunction: null }, isExpandable: { classPropertyName: "isExpandable", publicName: "isExpandable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, nowrap: { classPropertyName: "nowrap", publicName: "nowrap", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "rowOptions", isSignal: true, isRequired: false, transformFunction: null }, orderDirection: { classPropertyName: "orderDirection", publicName: "orderDirection", isSignal: true, isRequired: false, transformFunction: null }, orderField: { classPropertyName: "orderField", publicName: "orderField", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, searchFunction: { classPropertyName: "searchFunction", publicName: "searchFunction", isSignal: true, isRequired: false, transformFunction: null }, showData: { classPropertyName: "showData", publicName: "showData", isSignal: true, isRequired: false, transformFunction: null }, searchIfNoQuery: { classPropertyName: "searchIfNoQuery", publicName: "searchIfNoQuery", isSignal: true, isRequired: false, transformFunction: null }, isCompact: { classPropertyName: "isCompact", publicName: "isCompact", isSignal: true, isRequired: false, transformFunction: null }, showExport: { classPropertyName: "showExport", publicName: "showExport", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, showRefreshBtn: { classPropertyName: "showRefreshBtn", publicName: "showRefreshBtn", isSignal: true, isRequired: false, transformFunction: null }, startSectionTemplate: { classPropertyName: "startSectionTemplate", publicName: "startSectionTemplate", isSignal: true, isRequired: false, transformFunction: null }, showSearchBtn: { classPropertyName: "showSearchBtn", publicName: "showSearchBtn", isSignal: true, isRequired: false, transformFunction: null }, showClearBtn: { classPropertyName: "showClearBtn", publicName: "showClearBtn", isSignal: true, isRequired: false, transformFunction: null }, showValidationMsg: { classPropertyName: "showValidationMsg", publicName: "showValidationMsg", isSignal: true, isRequired: false, transformFunction: null }, createBtnRoute: { classPropertyName: "createBtnRoute", publicName: "createBtnRoute", isSignal: true, isRequired: false, transformFunction: null }, showAdditionalColumns: { classPropertyName: "showAdditionalColumns", publicName: "showAdditionalColumns", isSignal: true, isRequired: false, transformFunction: null }, smallerFonts: { classPropertyName: "smallerFonts", publicName: "smallerFonts", isSignal: true, isRequired: false, transformFunction: null }, useSelection: { classPropertyName: "useSelection", publicName: "useSelection", isSignal: true, isRequired: false, transformFunction: null }, initialQuery: { classPropertyName: "initialQuery", publicName: "initialQuery", isSignal: true, isRequired: false, transformFunction: null }, createButton: { classPropertyName: "createButton", publicName: "createButton", isSignal: true, isRequired: false, transformFunction: null }, _formSchema: { classPropertyName: "_formSchema", publicName: "formSchema", isSignal: false, isRequired: false, transformFunction: null }, searchObservableFunc: { classPropertyName: "searchObservableFunc", publicName: "searchObservableFunc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { initialQuery: "initialQueryChange", _rowClick: "rowClick", clickedCreate: "clickedCreate" }, viewQueries: [{ propertyName: "tableHTTPSREF", first: true, predicate: (TableHttpsComponent), descendants: true, isSignal: true }, { propertyName: "tablePlainRef", first: true, predicate: (TablePlainComponent), descendants: true, isSignal: true }, { propertyName: "tableHTTPSREFSignal", first: true, predicate: TableHttpsComponent, descendants: true, isSignal: true }, { propertyName: "tablePlainRefSignal", first: true, predicate: TablePlainComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<loader [loading]=\"_loading()\">\n  @if (!hideForm() && searchForm()) {\n    <div class=\"row align-items-center\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <form class=\"{{ gridClass() }} \" (ngSubmit)=\"fieldAction(scheme)\">\n          <div class=\"form-cell\" [ngClass]=\"{ showValidationMsg: showValidationMsg() }\">\n            <ng-template #actionCell let-formField>\n              <app-btn\n                [icon]=\"scheme.icon || 'show'\"\n                [group]=\"scheme.standalone && scheme.action ? 'show' : null\"\n                actionType=\"submit\"\n                [disabled]=\"!formField?.validSignal()\" />\n            </ng-template>\n\n            @switch (scheme.type) {\n              @case ('template') {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    customTemplates()[scheme.field];\n                    context: { $implicit: { scheme, form: scheme.form } }\n                  \" />\n              }\n              @case ('tel') {\n                <app-phone-number\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [name]=\"scheme.field\"\n                  [showLabel]=\"false\"\n                  [showValidation]=\"scheme.showValidation\"\n                  [showValidationIcon]=\"scheme.showValidationIcon\"\n                  [countryCode3]=\"scheme.countryCode3\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue() : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n              @case ('autocomplete') {\n                <app-autocomplete\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [labelField]=\"scheme.labelField\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [optionsFunc]=\"scheme.optionsFunc\"\n                  [name]=\"scheme.field\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [valueField]=\"scheme.valueField\"\n                  [options]=\"scheme.options\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [hint]=\"scheme.hint\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              } \n              @default {\n                <app-input-basic\n                  #inputTag\n                  [name]=\"scheme.field\"\n                  [form]=\"scheme.form\"\n                  [type]=\"scheme.type\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [valueField]=\"scheme.valueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [checkedSignal]=\"scheme.checked\"\n                  [showValidation]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [showValidationIcon]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [noFormat]=\"true\"\n                  [labelField]=\"scheme.labelField\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [options]=\"scheme.options\"\n                  [decimalPoints]=\"scheme.decimalPoints\"\n                  [hint]=\"scheme.hint\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [max]=\"scheme.max\"\n                  [min]=\"scheme.min\"\n                  [placeholder]=\"scheme.placeholder\"\n                  [label]=\"scheme.label\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \" />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n            }\n          </div>\n        </form>\n      }\n      <div class=\"col-md justify-content-end align-items-center d-flex\">\n        @if (showClearBtn()) {\n          <app-btn type=\"danger-outline\" text=\"Clear\" icon=\"delete\" (mclick)=\"clearFilters()\" />\n        }\n        <span class=\"mx-1\"></span>\n        @if (showSearchBtn()) {\n          <app-btn\n            [group]=\"'search'\"\n            [iconBtn]=\"true\"\n            text=\"Search\"\n            actionType=\"submit\"\n            [excludeLogging]=\"true\"\n            [disabled]=\"!searchFunction() && !isTablePaginated()\" />\n        }\n        @if (isCompact()) {\n          <app-btn\n            [showHelpIcon]=\"false\"\n            mclass=\"ms-1\"\n            [excludeLogging]=\"true\"\n            help=\"Search Fields\"\n            customIcon=\"fa fa-ellipsis-v\"\n            (mclick)=\"extraFieldsModal.open(); tempSelectedCompactedFields.set([])\" />\n          <modal-comp #extraFieldsModal header=\"Additional Search Fields\" width=\"800px\">\n            <ng-template modalBody>\n              <toggle-input-form\n                [valueField]=\"'field' | toAny\"\n                labelField=\"label\"\n                [gridNo]=\"3\"\n                [checkedChecker]=\"asfCheckedChecker()\"\n                [list]=\"compactedFields()\"\n                (selected)=\"tempSelectedCompactedFields.set($event)\" />\n            </ng-template>\n            <ng-template modalFooter>\n              <app-btn\n                icon=\"save\"\n                (mclick)=\"extraFieldsModal.close(); selectedCompactedFields()\"\n                text=\"Save\" />\n            </ng-template>\n          </modal-comp>\n        }\n        @if (createButton()) {\n          <span class=\"mx-1\"></span>\n          @if (createBtnRoute()) {\n            <app-btn\n              type=\"outline\"\n              text=\"Create\"\n              icon=\"add\"\n              (mclick)=\"clickedCreate.emit()\"\n              routerLink=\"{{ createBtnRoute() }}\" />\n          } @else {\n            <app-btn type=\"outline\" text=\"Create\" icon=\"add\" (mclick)=\"clickedCreate.emit()\" />\n          }\n        }\n      </div>\n    </div>\n  }\n\n  <ng-content select=\"[tablePanel]\"></ng-content>\n  <!-- {{searchForm()?.getRawValue()|json}}\n  <hr>\n  {{standaloneForm()?.getRawValue()|json}} -->\n  @if (hasColumns()) {\n    <div class=\"mt-3\" [hidden]=\"hideTable()\">\n      <ng-container>\n        @if (isTablePaginated()) {\n          <table-https\n            #tableHTTPS\n            [searchIfNoQuery]=\"searchIfNoQuery()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [observableFunc]=\"searchObservableFunc()\"\n            (rowClick)=\"rowClick($event)\"\n            [centerCells]=\"centerCells()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [label]=\"label()\"\n            [nowrap]=\"nowrap()\"\n            [orderDirection]=\"orderDirection()\"\n            [orderField]=\"orderField()\"\n            [pageSize]=\"pageSize()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [(queryData)]=\"initialQuery\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [showExport]=\"showExport()\"\n            [showRefreshBtn]=\"showRefreshBtn()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [useSelection]=\"useSelection()\"\n            noItemTxt=\"No results found\" />\n        } @else {\n          <table-plain\n            [distinct]=\"true\"\n            [showPager]=\"true\"\n            [pageSize]=\"pageSize()\"\n            [centerCells]=\"false\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [nowrap]=\"nowrap()\"\n            [showFilter]=\"showFilter()\"\n            [showExport]=\"showExport()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [label]=\"label()\"\n            noItemTxt=\"No results found\"\n            (rowClick)=\"rowClick($event)\"\n            [orderField]=\"orderField()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [orderDirection]=\"orderDirection()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [data]=\"data()\" />\n        }\n      </ng-container>\n    </div>\n  }\n</loader>\n", styles: [":host .form-cell{display:flex;align-items:end;gap:8px}:host .form-cell.showValidationMsg{align-items:center}:host .form-cell>*:first-child{width:100%}\n"], dependencies: [{ kind: "component", type: LoaderComponent, selector: "loader", inputs: ["class", "text", "loading", "height", "width", "ratioHW"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PhoneNumberComponent, selector: "app-phone-number", inputs: ["showLabel", "countryCode3", "config"], outputs: ["onCountrySelect"] }, { kind: "component", type: AutocompleteComponent, selector: "app-autocomplete,autocomplete", inputs: ["showRequiredTag", "validate", "skipDoesOptionExistCheck", "options"], outputs: ["skipDoesOptionExistCheckChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: ["mSelectedOptionLabel"] }, { kind: "component", type: ModalComponent, selector: "modal-comp", inputs: ["header", "bodyTemplateRef", "footerTemplateRef", "showHeader", "loading", "isFullscreen", "showFooter", "width", "minWidth", "height", "maxHeight", "icon", "data", "disableClose", "hasBackdrop"], outputs: ["headerChange", "showHeaderChange", "mouseLeft", "loadingChange", "showFooterChange", "modalOpen", "modalClose"] }, { kind: "directive", type: ModalBodyDirective, selector: "[modalBody]" }, { kind: "directive", type: ModalFooterDirective, selector: "[modalFooter]" }, { 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ToggleInputFormComponent, selector: "toggle-input-form", inputs: ["addToFormFunc", "defaultToggleAll", "readOnly", "hideSearchMenu", "hideGridMenu", "hideToggle", "deleteFromFormFunc", "gridNo", "labelField", "labelSeparator", "searchQuery", "showToggleAll", "valueField", "checkedChecker", "list"], outputs: ["gridNoChange", "searchQueryChange", "selected"] }, { kind: "component", type: TableHttpsComponent, selector: "table-https", inputs: ["observableFunc", "pageNumber", "queryData", "searchIfNoQuery", "showRefreshBtn"], outputs: ["queryDataChange", "dataFetched"] }, { kind: "component", type: TablePlainComponent, selector: "table-plain", inputs: ["customSelectClass", "idField", "obsDataSource", "showFilter", "showPager", "disableSelectionByField", "data", "filterFields", "filterFieldsMap", "selectionPerPage"], outputs: ["view", "dataChanged", "filterChange", "listMutated"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: FunctionCaller2, name: "functionCaller2" }, { kind: "pipe", type: ToAnyPipe, name: "toAny" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.0", type: FindItemComponent, isStandalone: true, selector: "app-find-item,find-item", inputs: { autoFormatSchema: { classPropertyName: "autoFormatSchema", publicName: "autoFormatSchema", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, autoOrder: { classPropertyName: "autoOrder", publicName: "autoOrder", isSignal: true, isRequired: false, transformFunction: null }, centerCells: { classPropertyName: "centerCells", publicName: "centerCells", isSignal: true, isRequired: false, transformFunction: null }, _displayedColumns: { classPropertyName: "_displayedColumns", publicName: "displayedColumns", isSignal: true, isRequired: false, transformFunction: null }, gridClass: { classPropertyName: "gridClass", publicName: "gridClass", isSignal: true, isRequired: false, transformFunction: null }, hideForm: { classPropertyName: "hideForm", publicName: "hideForm", isSignal: true, isRequired: false, transformFunction: null }, customTableCellTemplates: { classPropertyName: "customTableCellTemplates", publicName: "customTableCellTemplates", isSignal: true, isRequired: false, transformFunction: null }, expandedRowTemplate: { classPropertyName: "expandedRowTemplate", publicName: "expandedRowTemplate", isSignal: true, isRequired: false, transformFunction: null }, rowOptionsMap: { classPropertyName: "rowOptionsMap", publicName: "rowOptionsMap", isSignal: true, isRequired: false, transformFunction: null }, isExpandable: { classPropertyName: "isExpandable", publicName: "isExpandable", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, nowrap: { classPropertyName: "nowrap", publicName: "nowrap", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "rowOptions", isSignal: true, isRequired: false, transformFunction: null }, orderDirection: { classPropertyName: "orderDirection", publicName: "orderDirection", isSignal: true, isRequired: false, transformFunction: null }, orderField: { classPropertyName: "orderField", publicName: "orderField", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, searchFunction: { classPropertyName: "searchFunction", publicName: "searchFunction", isSignal: true, isRequired: false, transformFunction: null }, showData: { classPropertyName: "showData", publicName: "showData", isSignal: true, isRequired: false, transformFunction: null }, searchIfNoQuery: { classPropertyName: "searchIfNoQuery", publicName: "searchIfNoQuery", isSignal: true, isRequired: false, transformFunction: null }, isCompact: { classPropertyName: "isCompact", publicName: "isCompact", isSignal: true, isRequired: false, transformFunction: null }, showExport: { classPropertyName: "showExport", publicName: "showExport", isSignal: true, isRequired: false, transformFunction: null }, showFilter: { classPropertyName: "showFilter", publicName: "showFilter", isSignal: true, isRequired: false, transformFunction: null }, showRefreshBtn: { classPropertyName: "showRefreshBtn", publicName: "showRefreshBtn", isSignal: true, isRequired: false, transformFunction: null }, startSectionTemplate: { classPropertyName: "startSectionTemplate", publicName: "startSectionTemplate", isSignal: true, isRequired: false, transformFunction: null }, showSearchBtn: { classPropertyName: "showSearchBtn", publicName: "showSearchBtn", isSignal: true, isRequired: false, transformFunction: null }, showClearBtn: { classPropertyName: "showClearBtn", publicName: "showClearBtn", isSignal: true, isRequired: false, transformFunction: null }, showValidationMsg: { classPropertyName: "showValidationMsg", publicName: "showValidationMsg", isSignal: true, isRequired: false, transformFunction: null }, createBtnRoute: { classPropertyName: "createBtnRoute", publicName: "createBtnRoute", isSignal: true, isRequired: false, transformFunction: null }, showAdditionalColumns: { classPropertyName: "showAdditionalColumns", publicName: "showAdditionalColumns", isSignal: true, isRequired: false, transformFunction: null }, smallerFonts: { classPropertyName: "smallerFonts", publicName: "smallerFonts", isSignal: true, isRequired: false, transformFunction: null }, useSelection: { classPropertyName: "useSelection", publicName: "useSelection", isSignal: true, isRequired: false, transformFunction: null }, initialQuery: { classPropertyName: "initialQuery", publicName: "initialQuery", isSignal: true, isRequired: false, transformFunction: null }, createButton: { classPropertyName: "createButton", publicName: "createButton", isSignal: true, isRequired: false, transformFunction: null }, _formSchema: { classPropertyName: "_formSchema", publicName: "formSchema", isSignal: false, isRequired: false, transformFunction: null }, searchObservableFunc: { classPropertyName: "searchObservableFunc", publicName: "searchObservableFunc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { initialQuery: "initialQueryChange", _rowClick: "rowClick", clickedCreate: "clickedCreate" }, viewQueries: [{ propertyName: "tableHTTPSREF", first: true, predicate: (TableHttpsComponent), descendants: true, isSignal: true }, { propertyName: "tablePlainRef", first: true, predicate: (TablePlainComponent), descendants: true, isSignal: true }, { propertyName: "tableHTTPSREFSignal", first: true, predicate: TableHttpsComponent, descendants: true, isSignal: true }, { propertyName: "tablePlainRefSignal", first: true, predicate: TablePlainComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<loader [loading]=\"_loading()\">\n  @if (!hideForm() && searchForm()) {\n    <div class=\"row align-items-center\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <form class=\"{{ gridClass() }} \" (ngSubmit)=\"fieldAction(scheme)\">\n          <div class=\"form-cell\" [ngClass]=\"{ showValidationMsg: showValidationMsg() }\">\n            <ng-template #actionCell let-formField>\n              <app-btn\n                [icon]=\"scheme.icon || 'show'\"\n                [group]=\"scheme.standalone && scheme.action ? 'show' : null\"\n                actionType=\"submit\"\n                [disabled]=\"!formField?.validSignal()\" />\n            </ng-template>\n\n            @switch (scheme.type) {\n              @case ('template') {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    customTemplates()[scheme.field];\n                    context: { $implicit: { scheme, form: scheme.form } }\n                  \" />\n              }\n              @case ('tel') {\n                <app-phone-number\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [name]=\"scheme.field\"\n                  [showLabel]=\"false\"\n                  [showValidation]=\"scheme.showValidation\"\n                  [showValidationIcon]=\"scheme.showValidationIcon\"\n                  [countryCode3]=\"scheme.countryCode3\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue() : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n              @case ('autocomplete') {\n                <app-autocomplete\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [labelField]=\"scheme.labelField\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [optionsFunc]=\"scheme.optionsFunc\"\n                  [name]=\"scheme.field\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [valueField]=\"scheme.valueField\"\n                  [options]=\"scheme.options\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [hint]=\"scheme.hint\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              } \n              @default {\n                <app-input-basic\n                  #inputTag\n                  [name]=\"scheme.field\"\n                  [form]=\"scheme.form\"\n                  [type]=\"scheme.type\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [valueField]=\"scheme.valueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [checkedSignal]=\"scheme.checked\"\n                  [showValidation]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [showValidationIcon]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [noFormat]=\"true\"\n                  [labelField]=\"scheme.labelField\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [options]=\"scheme.options\"\n                  [decimalPoints]=\"scheme.decimalPoints\"\n                  [hint]=\"scheme.hint\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [max]=\"scheme.max\"\n                  [min]=\"scheme.min\"\n                  [placeholder]=\"scheme.placeholder\"\n                  [label]=\"scheme.label\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \" />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n            }\n          </div>\n        </form>\n      }\n      <div class=\"col-md justify-content-end align-items-center d-flex\">\n        @if (showClearBtn()) {\n          <app-btn type=\"danger-outline\" text=\"Clear\" icon=\"delete\" (mclick)=\"clearFilters()\" />\n        }\n        <span class=\"mx-1\"></span>\n        @if (showSearchBtn()) {\n          <app-btn\n            [group]=\"'search'\"\n            [iconBtn]=\"true\"\n            text=\"Search\"\n            actionType=\"submit\" \n            (mclick)=\"search()\"\n            [excludeLogging]=\"true\"\n            [disabled]=\"!searchFunction() && !isTablePaginated()\" />\n        }\n        @if (isCompact()) {\n          <app-btn\n            [showHelpIcon]=\"false\"\n            mclass=\"ms-1\"\n            [excludeLogging]=\"true\"\n            help=\"Search Fields\"\n            customIcon=\"fa fa-ellipsis-v\"\n            (mclick)=\"extraFieldsModal.open(); tempSelectedCompactedFields.set([])\" />\n          <modal-comp #extraFieldsModal header=\"Additional Search Fields\" width=\"800px\">\n            <ng-template modalBody>\n              <toggle-input-form\n                [valueField]=\"'field' | toAny\"\n                labelField=\"label\"\n                [gridNo]=\"3\"\n                [checkedChecker]=\"asfCheckedChecker()\"\n                [list]=\"compactedFields()\"\n                (selected)=\"tempSelectedCompactedFields.set($event)\" />\n            </ng-template>\n            <ng-template modalFooter>\n              <app-btn\n                icon=\"save\"\n                (mclick)=\"extraFieldsModal.close(); selectedCompactedFields()\"\n                text=\"Save\" />\n            </ng-template>\n          </modal-comp>\n        }\n        @if (createButton()) {\n          <span class=\"mx-1\"></span>\n          @if (createBtnRoute()) {\n            <app-btn\n              type=\"outline\"\n              text=\"Create\"\n              icon=\"add\"\n              (mclick)=\"clickedCreate.emit()\"\n              routerLink=\"{{ createBtnRoute() }}\" />\n          } @else {\n            <app-btn type=\"outline\" text=\"Create\" icon=\"add\" (mclick)=\"clickedCreate.emit()\" />\n          }\n        }\n      </div>\n    </div>\n  }\n\n  <ng-content select=\"[tablePanel]\"></ng-content>\n  <!-- {{searchForm()?.getRawValue()|json}}\n  <hr>\n  {{standaloneForm()?.getRawValue()|json}} -->\n  @if (hasColumns()) {\n    <div class=\"mt-3\" [hidden]=\"hideTable()\">\n      <ng-container>\n        @if (isTablePaginated()) {\n          <table-https\n            #tableHTTPS\n            [searchIfNoQuery]=\"searchIfNoQuery()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [observableFunc]=\"searchObservableFunc()\"\n            (rowClick)=\"rowClick($event)\"\n            [centerCells]=\"centerCells()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [label]=\"label()\"\n            [nowrap]=\"nowrap()\"\n            [orderDirection]=\"orderDirection()\"\n            [orderField]=\"orderField()\"\n            [pageSize]=\"pageSize()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [(queryData)]=\"initialQuery\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [showExport]=\"showExport()\"\n            [showRefreshBtn]=\"showRefreshBtn()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [useSelection]=\"useSelection()\"\n            noItemTxt=\"No results found\" />\n        } @else {\n          <table-plain\n            [distinct]=\"true\"\n            [showPager]=\"true\"\n            [pageSize]=\"pageSize()\"\n            [centerCells]=\"false\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [nowrap]=\"nowrap()\"\n            [showFilter]=\"showFilter()\"\n            [showExport]=\"showExport()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [label]=\"label()\"\n            noItemTxt=\"No results found\"\n            (rowClick)=\"rowClick($event)\"\n            [orderField]=\"orderField()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [orderDirection]=\"orderDirection()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [data]=\"data()\" />\n        }\n      </ng-container>\n    </div>\n  }\n</loader>\n", styles: [":host .form-cell{display:flex;align-items:end;gap:8px}:host .form-cell.showValidationMsg{align-items:center}:host .form-cell>*:first-child{width:100%}\n"], dependencies: [{ kind: "component", type: LoaderComponent, selector: "loader", inputs: ["class", "text", "loading", "height", "width", "ratioHW"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: PhoneNumberComponent, selector: "app-phone-number", inputs: ["showLabel", "countryCode3", "config"], outputs: ["onCountrySelect"] }, { kind: "component", type: AutocompleteComponent, selector: "app-autocomplete,autocomplete", inputs: ["showRequiredTag", "validate", "skipDoesOptionExistCheck", "options"], outputs: ["skipDoesOptionExistCheckChange"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: ["mSelectedOptionLabel"] }, { kind: "component", type: ModalComponent, selector: "modal-comp", inputs: ["header", "bodyTemplateRef", "footerTemplateRef", "showHeader", "loading", "isFullscreen", "showFooter", "width", "minWidth", "height", "maxHeight", "icon", "data", "disableClose", "hasBackdrop"], outputs: ["headerChange", "showHeaderChange", "mouseLeft", "loadingChange", "showFooterChange", "modalOpen", "modalClose"] }, { kind: "directive", type: ModalBodyDirective, selector: "[modalBody]" }, { kind: "directive", type: ModalFooterDirective, selector: "[modalFooter]" }, { 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: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ToggleInputFormComponent, selector: "toggle-input-form", inputs: ["addToFormFunc", "defaultToggleAll", "readOnly", "hideSearchMenu", "hideGridMenu", "hideToggle", "deleteFromFormFunc", "gridNo", "labelField", "labelSeparator", "searchQuery", "showToggleAll", "valueField", "checkedChecker", "list"], outputs: ["gridNoChange", "searchQueryChange", "selected"] }, { kind: "component", type: TableHttpsComponent, selector: "table-https", inputs: ["observableFunc", "pageNumber", "queryData", "searchIfNoQuery", "showRefreshBtn"], outputs: ["queryDataChange", "dataFetched"] }, { kind: "component", type: TablePlainComponent, selector: "table-plain", inputs: ["customSelectClass", "idField", "obsDataSource", "showFilter", "showPager", "disableSelectionByField", "data", "filterFields", "filterFieldsMap", "selectionPerPage"], outputs: ["view", "dataChanged", "filterChange", "listMutated"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "pipe", type: FunctionCaller2, name: "functionCaller2" }, { kind: "pipe", type: ToAnyPipe, name: "toAny" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: FindItemComponent, decorators: [{
             type: Component,
@@ -18760,7 +18760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                         ReactiveFormsModule,
                         FunctionCaller2,
                         ToAnyPipe,
-                    ], template: "<loader [loading]=\"_loading()\">\n  @if (!hideForm() && searchForm()) {\n    <div class=\"row align-items-center\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <form class=\"{{ gridClass() }} \" (ngSubmit)=\"fieldAction(scheme)\">\n          <div class=\"form-cell\" [ngClass]=\"{ showValidationMsg: showValidationMsg() }\">\n            <ng-template #actionCell let-formField>\n              <app-btn\n                [icon]=\"scheme.icon || 'show'\"\n                [group]=\"scheme.standalone && scheme.action ? 'show' : null\"\n                actionType=\"submit\"\n                [disabled]=\"!formField?.validSignal()\" />\n            </ng-template>\n\n            @switch (scheme.type) {\n              @case ('template') {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    customTemplates()[scheme.field];\n                    context: { $implicit: { scheme, form: scheme.form } }\n                  \" />\n              }\n              @case ('tel') {\n                <app-phone-number\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [name]=\"scheme.field\"\n                  [showLabel]=\"false\"\n                  [showValidation]=\"scheme.showValidation\"\n                  [showValidationIcon]=\"scheme.showValidationIcon\"\n                  [countryCode3]=\"scheme.countryCode3\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue() : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n              @case ('autocomplete') {\n                <app-autocomplete\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [labelField]=\"scheme.labelField\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [optionsFunc]=\"scheme.optionsFunc\"\n                  [name]=\"scheme.field\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [valueField]=\"scheme.valueField\"\n                  [options]=\"scheme.options\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [hint]=\"scheme.hint\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              } \n              @default {\n                <app-input-basic\n                  #inputTag\n                  [name]=\"scheme.field\"\n                  [form]=\"scheme.form\"\n                  [type]=\"scheme.type\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [valueField]=\"scheme.valueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [checkedSignal]=\"scheme.checked\"\n                  [showValidation]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [showValidationIcon]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [noFormat]=\"true\"\n                  [labelField]=\"scheme.labelField\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [options]=\"scheme.options\"\n                  [decimalPoints]=\"scheme.decimalPoints\"\n                  [hint]=\"scheme.hint\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [max]=\"scheme.max\"\n                  [min]=\"scheme.min\"\n                  [placeholder]=\"scheme.placeholder\"\n                  [label]=\"scheme.label\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \" />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n            }\n          </div>\n        </form>\n      }\n      <div class=\"col-md justify-content-end align-items-center d-flex\">\n        @if (showClearBtn()) {\n          <app-btn type=\"danger-outline\" text=\"Clear\" icon=\"delete\" (mclick)=\"clearFilters()\" />\n        }\n        <span class=\"mx-1\"></span>\n        @if (showSearchBtn()) {\n          <app-btn\n            [group]=\"'search'\"\n            [iconBtn]=\"true\"\n            text=\"Search\"\n            actionType=\"submit\"\n            [excludeLogging]=\"true\"\n            [disabled]=\"!searchFunction() && !isTablePaginated()\" />\n        }\n        @if (isCompact()) {\n          <app-btn\n            [showHelpIcon]=\"false\"\n            mclass=\"ms-1\"\n            [excludeLogging]=\"true\"\n            help=\"Search Fields\"\n            customIcon=\"fa fa-ellipsis-v\"\n            (mclick)=\"extraFieldsModal.open(); tempSelectedCompactedFields.set([])\" />\n          <modal-comp #extraFieldsModal header=\"Additional Search Fields\" width=\"800px\">\n            <ng-template modalBody>\n              <toggle-input-form\n                [valueField]=\"'field' | toAny\"\n                labelField=\"label\"\n                [gridNo]=\"3\"\n                [checkedChecker]=\"asfCheckedChecker()\"\n                [list]=\"compactedFields()\"\n                (selected)=\"tempSelectedCompactedFields.set($event)\" />\n            </ng-template>\n            <ng-template modalFooter>\n              <app-btn\n                icon=\"save\"\n                (mclick)=\"extraFieldsModal.close(); selectedCompactedFields()\"\n                text=\"Save\" />\n            </ng-template>\n          </modal-comp>\n        }\n        @if (createButton()) {\n          <span class=\"mx-1\"></span>\n          @if (createBtnRoute()) {\n            <app-btn\n              type=\"outline\"\n              text=\"Create\"\n              icon=\"add\"\n              (mclick)=\"clickedCreate.emit()\"\n              routerLink=\"{{ createBtnRoute() }}\" />\n          } @else {\n            <app-btn type=\"outline\" text=\"Create\" icon=\"add\" (mclick)=\"clickedCreate.emit()\" />\n          }\n        }\n      </div>\n    </div>\n  }\n\n  <ng-content select=\"[tablePanel]\"></ng-content>\n  <!-- {{searchForm()?.getRawValue()|json}}\n  <hr>\n  {{standaloneForm()?.getRawValue()|json}} -->\n  @if (hasColumns()) {\n    <div class=\"mt-3\" [hidden]=\"hideTable()\">\n      <ng-container>\n        @if (isTablePaginated()) {\n          <table-https\n            #tableHTTPS\n            [searchIfNoQuery]=\"searchIfNoQuery()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [observableFunc]=\"searchObservableFunc()\"\n            (rowClick)=\"rowClick($event)\"\n            [centerCells]=\"centerCells()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [label]=\"label()\"\n            [nowrap]=\"nowrap()\"\n            [orderDirection]=\"orderDirection()\"\n            [orderField]=\"orderField()\"\n            [pageSize]=\"pageSize()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [(queryData)]=\"initialQuery\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [showExport]=\"showExport()\"\n            [showRefreshBtn]=\"showRefreshBtn()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [useSelection]=\"useSelection()\"\n            noItemTxt=\"No results found\" />\n        } @else {\n          <table-plain\n            [distinct]=\"true\"\n            [showPager]=\"true\"\n            [pageSize]=\"pageSize()\"\n            [centerCells]=\"false\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [nowrap]=\"nowrap()\"\n            [showFilter]=\"showFilter()\"\n            [showExport]=\"showExport()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [label]=\"label()\"\n            noItemTxt=\"No results found\"\n            (rowClick)=\"rowClick($event)\"\n            [orderField]=\"orderField()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [orderDirection]=\"orderDirection()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [data]=\"data()\" />\n        }\n      </ng-container>\n    </div>\n  }\n</loader>\n", styles: [":host .form-cell{display:flex;align-items:end;gap:8px}:host .form-cell.showValidationMsg{align-items:center}:host .form-cell>*:first-child{width:100%}\n"] }]
+                    ], template: "<loader [loading]=\"_loading()\">\n  @if (!hideForm() && searchForm()) {\n    <div class=\"row align-items-center\">\n      @for (scheme of computedFormSchema(); track scheme.field) {\n        <form class=\"{{ gridClass() }} \" (ngSubmit)=\"fieldAction(scheme)\">\n          <div class=\"form-cell\" [ngClass]=\"{ showValidationMsg: showValidationMsg() }\">\n            <ng-template #actionCell let-formField>\n              <app-btn\n                [icon]=\"scheme.icon || 'show'\"\n                [group]=\"scheme.standalone && scheme.action ? 'show' : null\"\n                actionType=\"submit\"\n                [disabled]=\"!formField?.validSignal()\" />\n            </ng-template>\n\n            @switch (scheme.type) {\n              @case ('template') {\n                <ng-container\n                  *ngTemplateOutlet=\"\n                    customTemplates()[scheme.field];\n                    context: { $implicit: { scheme, form: scheme.form } }\n                  \" />\n              }\n              @case ('tel') {\n                <app-phone-number\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [name]=\"scheme.field\"\n                  [showLabel]=\"false\"\n                  [showValidation]=\"scheme.showValidation\"\n                  [showValidationIcon]=\"scheme.showValidationIcon\"\n                  [countryCode3]=\"scheme.countryCode3\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue() : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n              @case ('autocomplete') {\n                <app-autocomplete\n                  [form]=\"scheme.form\"\n                  [label]=\"scheme.label\"\n                  [labelField]=\"scheme.labelField\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [optionsFunc]=\"scheme.optionsFunc\"\n                  [name]=\"scheme.field\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [valueField]=\"scheme.valueField\"\n                  [options]=\"scheme.options\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [hint]=\"scheme.hint\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \"\n                  #inputTag />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              } \n              @default {\n                <app-input-basic\n                  #inputTag\n                  [name]=\"scheme.field\"\n                  [form]=\"scheme.form\"\n                  [type]=\"scheme.type\"\n                  [autoPickValueField]=\"scheme.autoPickValueField\"\n                  [valueField]=\"scheme.valueField\"\n                  [labelType]=\"scheme.labelType | toAny\"\n                  [checkedSignal]=\"scheme.checked\"\n                  [showValidation]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [showValidationIcon]=\"inputTag.hasValue() && !!scheme.asyncValidators\"\n                  [noFormat]=\"true\"\n                  [labelField]=\"scheme.labelField\"\n                  [optionFormatter]=\"scheme.optionFormatter\"\n                  [options]=\"scheme.options\"\n                  [decimalPoints]=\"scheme.decimalPoints\"\n                  [hint]=\"scheme.hint\"\n                  [showValidationMsg]=\"showValidationMsg()\"\n                  [max]=\"scheme.max\"\n                  [min]=\"scheme.min\"\n                  [placeholder]=\"scheme.placeholder\"\n                  [label]=\"scheme.label\"\n                  [disabled]=\"\n                    scheme.disabledIf | functionCaller2: searchFormValue : (scheme.field | toAny)\n                  \" />\n                @if (scheme.needsButton) {\n                  <ng-container *ngTemplateOutlet=\"actionCell; context: { $implicit: inputTag }\" />\n                }\n              }\n            }\n          </div>\n        </form>\n      }\n      <div class=\"col-md justify-content-end align-items-center d-flex\">\n        @if (showClearBtn()) {\n          <app-btn type=\"danger-outline\" text=\"Clear\" icon=\"delete\" (mclick)=\"clearFilters()\" />\n        }\n        <span class=\"mx-1\"></span>\n        @if (showSearchBtn()) {\n          <app-btn\n            [group]=\"'search'\"\n            [iconBtn]=\"true\"\n            text=\"Search\"\n            actionType=\"submit\" \n            (mclick)=\"search()\"\n            [excludeLogging]=\"true\"\n            [disabled]=\"!searchFunction() && !isTablePaginated()\" />\n        }\n        @if (isCompact()) {\n          <app-btn\n            [showHelpIcon]=\"false\"\n            mclass=\"ms-1\"\n            [excludeLogging]=\"true\"\n            help=\"Search Fields\"\n            customIcon=\"fa fa-ellipsis-v\"\n            (mclick)=\"extraFieldsModal.open(); tempSelectedCompactedFields.set([])\" />\n          <modal-comp #extraFieldsModal header=\"Additional Search Fields\" width=\"800px\">\n            <ng-template modalBody>\n              <toggle-input-form\n                [valueField]=\"'field' | toAny\"\n                labelField=\"label\"\n                [gridNo]=\"3\"\n                [checkedChecker]=\"asfCheckedChecker()\"\n                [list]=\"compactedFields()\"\n                (selected)=\"tempSelectedCompactedFields.set($event)\" />\n            </ng-template>\n            <ng-template modalFooter>\n              <app-btn\n                icon=\"save\"\n                (mclick)=\"extraFieldsModal.close(); selectedCompactedFields()\"\n                text=\"Save\" />\n            </ng-template>\n          </modal-comp>\n        }\n        @if (createButton()) {\n          <span class=\"mx-1\"></span>\n          @if (createBtnRoute()) {\n            <app-btn\n              type=\"outline\"\n              text=\"Create\"\n              icon=\"add\"\n              (mclick)=\"clickedCreate.emit()\"\n              routerLink=\"{{ createBtnRoute() }}\" />\n          } @else {\n            <app-btn type=\"outline\" text=\"Create\" icon=\"add\" (mclick)=\"clickedCreate.emit()\" />\n          }\n        }\n      </div>\n    </div>\n  }\n\n  <ng-content select=\"[tablePanel]\"></ng-content>\n  <!-- {{searchForm()?.getRawValue()|json}}\n  <hr>\n  {{standaloneForm()?.getRawValue()|json}} -->\n  @if (hasColumns()) {\n    <div class=\"mt-3\" [hidden]=\"hideTable()\">\n      <ng-container>\n        @if (isTablePaginated()) {\n          <table-https\n            #tableHTTPS\n            [searchIfNoQuery]=\"searchIfNoQuery()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [observableFunc]=\"searchObservableFunc()\"\n            (rowClick)=\"rowClick($event)\"\n            [centerCells]=\"centerCells()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [label]=\"label()\"\n            [nowrap]=\"nowrap()\"\n            [orderDirection]=\"orderDirection()\"\n            [orderField]=\"orderField()\"\n            [pageSize]=\"pageSize()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [(queryData)]=\"initialQuery\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [showExport]=\"showExport()\"\n            [showRefreshBtn]=\"showRefreshBtn()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [useSelection]=\"useSelection()\"\n            noItemTxt=\"No results found\" />\n        } @else {\n          <table-plain\n            [distinct]=\"true\"\n            [showPager]=\"true\"\n            [pageSize]=\"pageSize()\"\n            [centerCells]=\"false\"\n            [startSectionTemplate]=\"startSectionTemplate()\"\n            [smallerFonts]=\"smallerFonts()\"\n            [nowrap]=\"nowrap()\"\n            [showFilter]=\"showFilter()\"\n            [showExport]=\"showExport()\"\n            [isExpandable]=\"isExpandable()\"\n            [customTemplates]=\"customTableCellTemplates()\"\n            [expandedRowTemplate]=\"expandedRowTemplate()\"\n            [label]=\"label()\"\n            noItemTxt=\"No results found\"\n            (rowClick)=\"rowClick($event)\"\n            [orderField]=\"orderField()\"\n            [rowOptions]=\"options()\"\n            [debug]=\"debug()\"\n            [rowOptionsMap]=\"rowOptionsMap()\"\n            [showAdditionalColumns]=\"showAdditionalColumns()\"\n            [orderDirection]=\"orderDirection()\"\n            [displayedColumns]=\"displayedColumns()\"\n            [data]=\"data()\" />\n        }\n      </ng-container>\n    </div>\n  }\n</loader>\n", styles: [":host .form-cell{display:flex;align-items:end;gap:8px}:host .form-cell.showValidationMsg{align-items:center}:host .form-cell>*:first-child{width:100%}\n"] }]
         }], propDecorators: { _formSchema: [{
                 type: Input,
                 args: ['formSchema']