ets-fe-ng-sdk 20.0.14 → 20.0.15

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

@@ -3,12 +3,12 @@ import { FormControl, Validators, FormGroup, FormArray, FormBuilder, NG_VALUE_AC
 import { ReplaySubject, filter, debounceTime, lastValueFrom, Observable, BehaviorSubject, isObservable, of, merge, firstValueFrom, throwError, interval, map as map$1, startWith, switchMap, forkJoin, catchError as catchError$1, first, distinctUntilChanged, tap as tap$1, fromEvent, mergeMap, debounce, timer, Subject, distinct, concat } from 'rxjs';
 import 'zone.js/plugins/zone-error';
 import * as i0 from '@angular/core';
-import { signal, computed, Injectable, inject, APP_INITIALIZER, isDevMode, Pipe, NgModule, input, Directive, booleanAttribute, ChangeDetectorRef, model, output, effect, ViewChild, Input, Component, EventEmitter, Output, forwardRef, ChangeDetectionStrategy, HostListener, HostBinding, viewChild, linkedSignal, viewChildren, Inject, DestroyRef, contentChild, ElementRef, InjectionToken, ErrorHandler } from '@angular/core';
+import { signal, computed, Injectable, inject, APP_INITIALIZER, isDevMode, Pipe, NgModule, input, Directive, booleanAttribute, ChangeDetectorRef, model, output, effect, ViewChild, Input, Component, EventEmitter, Output, forwardRef, ChangeDetectionStrategy, HostListener, HostBinding, viewChild, linkedSignal, viewChildren, Inject, DestroyRef, contentChild, ElementRef, Optional, InjectionToken, ErrorHandler } from '@angular/core';
 import { faSpoon, faTable, faCircleExclamation, faHandshake, faPercent, faPlay, faArrowsH, faBank, faReceipt, faTag, faTruck, faStop, faRecycle, faUsers, faUnlock, faUpload, faBellSlash, faEye, faSearch, faSave, faArrowLeft, faPen, faPause, faArrowRight, faLock, faInfoCircle, faFileImport, faHome, faHistory, faUserShield, faPenFancy, faFilter, faFile, faFileExport, faEdit, faDownload, faTrash, faCogs, faClone, faListAlt, faCheck, faCancel, faMoneyCheck, faSlidersH, faPlus } from '@fortawesome/free-solid-svg-icons';
 import { faPaperPlane } from '@fortawesome/free-regular-svg-icons';
 import { clone, uniqBy, uniq, cloneDeep, isEqual, isEmpty } from 'lodash-es';
 import * as i1$1 from '@angular/common';
-import { Location, CurrencyPipe, TitleCasePipe, DatePipe, DecimalPipe, CommonModule, NgClass, JsonPipe, AsyncPipe, UpperCasePipe, NgTemplateOutlet, NgFor, NgIf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgStyle } from '@angular/common';
+import { Location, CurrencyPipe, TitleCasePipe, DatePipe, DecimalPipe, CommonModule, NgClass, JsonPipe, AsyncPipe, UpperCasePipe, NgTemplateOutlet, NgStyle } from '@angular/common';
 import { map, tap, catchError, retry, filter as filter$1, debounceTime as debounceTime$1, switchMap as switchMap$1, startWith as startWith$1, first as first$1, timeout } from 'rxjs/operators';
 import { ToastNotificationsService } from '@serene-dev/toast-notifications';
 import { HttpClient, HttpHeaders, HttpRequest, HttpResponse, HttpErrorResponse } from '@angular/common/http';
@@ -1056,6 +1056,155 @@ var EETSPageBtnID;
     EETSPageBtnID["clientFutureActions"] = "PCFA23";
 })(EETSPageBtnID || (EETSPageBtnID = {}));
 
+// import '../prototypes/prototypes';
+/**
+ * Represents a basic route item with path generation capabilities.
+ * Handles route path construction with optional parameters.
+ */
+class RouteItem {
+    /**
+     * Creates a new RouteItem instance.
+     * @param base - The base route segment
+     * @param parentPub - The parent public path (defaults to empty string)
+     * @param params - Optional route parameters to append
+     */
+    constructor(base, parentPub = '', ...params) {
+        // console.log(params);
+        this._ = base + (params?.length ? '/:' + params.join('/:') : '');
+        this.__ = base;
+        this.pub = parentPub + '/' + base;
+    }
+}
+/**
+ * Extended route class that provides common application routes and utility methods.
+ * Creates a standard set of routes for CRUD operations and navigation.
+ */
+class AppRouteBase extends RouteItem {
+    /**
+     * Creates a new AppRouteBase with standard child routes.
+     * @param base - The base route segment
+     * @param parentPub - The parent public path (defaults to empty string)
+     * @param params - Optional route parameters to append
+     */
+    constructor(base, parentPub = '', ...params) {
+        super(base, parentPub, ...params);
+        this.all = new RouteItem('all', this.pub);
+        this.clone = new RouteItem('clone', this.pub, 'id');
+        this.create = new CreateRoute('create', this.pub);
+        this.edit = new RouteItem('edit', this.pub, 'id');
+        this.find = new FindRoute('find', this.pub);
+        this.index = new RouteItem('index', this.pub);
+        this.overview = new RouteItem('overview', this.pub);
+        this.show = new RouteItem('show', this.pub, 'id');
+        this.start = new RouteItem('start', this.pub);
+    }
+    //#region funcs
+    /**
+     * Combines a route with a parent ID.
+     * @param route - The base route
+     * @param prtID - The parent ID to append
+     * @returns The combined route string or null if route is falsy
+     */
+    routeIdPipe(route, prtID) {
+        return route ? route + '/' + prtID : null;
+    }
+    /**
+     * Creates a route with ID and formatted title.
+     * @param route - The base route
+     * @param id - The item ID
+     * @param title - Optional title to format and append
+     * @returns The formatted route string
+     */
+    routeIdTitlePipe(route, id, title) {
+        return route + '/' + id + '/' + this.routeNamer(title);
+    }
+    /**
+     * Creates a route with parent ID, item ID, and formatted title.
+     * @param route - The base route
+     * @param parentID - The parent item ID
+     * @param id - The item ID
+     * @param title - Optional title to format and append
+     * @returns The formatted route string
+     */
+    routePIdIdTitlePipe(route, parentID, id, title) {
+        return route + '/' + parentID + '/' + id + '/' + this.routeNamer(title);
+    }
+    /**
+     * Creates a route with parent ID, sub-item ID, item ID, and formatted title.
+     * @param route - The base route
+     * @param parentID - The parent item ID
+     * @param subID - The sub-item ID
+     * @param id - The item ID
+     * @param title - Optional title to format and append
+     * @returns The formatted route string
+     */
+    routePidSidIdTitlePipe(route, parentID, subID, id, title) {
+        return (route +
+            '/' +
+            parentID +
+            '/' +
+            subID +
+            '/' +
+            id +
+            '/' +
+            this.routeNamer(title));
+    }
+    /**
+     * Formats a title for use in a URL.
+     * Trims, removes special characters, converts to lowercase, and replaces spaces with hyphens.
+     * @param title - The title to format
+     * @returns The URL-friendly formatted title or empty string if no title provided
+     */
+    routeNamer(title) {
+        return title
+            ? title
+                .substr(0, 30)
+                .unChar('/')
+                .trim()
+                .toLowerCase()
+                .split(' ')
+                .filter((x) => x)
+                .join('-')
+            : '';
+    }
+}
+/**
+ * Specialized route for creation operations with different entity types.
+ */
+class CreateRoute extends RouteItem {
+    constructor() {
+        super(...arguments);
+        /** Route for corporate entity creation */
+        this.corporate = new RouteItem('corporate', this.pub);
+        /** Route for group entity creation */
+        this.group = new RouteItem('group', this.pub);
+        /** Route for individual entity creation */
+        this.individual = new RouteItem('individual', this.pub);
+        /** Route for provider entity creation with sub-routes */
+        this.provider = new CreateProviderRoute('provider', this.pub);
+    }
+}
+/**
+ * Specialized route for provider creation operations.
+ */
+class CreateProviderRoute extends RouteItem {
+    constructor() {
+        super(...arguments);
+        /** Index route for provider creation */
+        this.index = new RouteItem('index', this.pub);
+    }
+}
+/**
+ * Specialized route for find/search operations.
+ */
+class FindRoute extends RouteItem {
+    constructor() {
+        super(...arguments);
+        /** Route for search results list */
+        this.searchList = new RouteItem('search-list', this.pub);
+    }
+}
+
 var EVFunctions;
 (function (EVFunctions) {
     /**
@@ -1605,154 +1754,6 @@ var prototypes = /*#__PURE__*/Object.freeze({
     __proto__: null
 });
 
-/**
- * Represents a basic route item with path generation capabilities.
- * Handles route path construction with optional parameters.
- */
-class RouteItem {
-    /**
-     * Creates a new RouteItem instance.
-     * @param base - The base route segment
-     * @param parentPub - The parent public path (defaults to empty string)
-     * @param params - Optional route parameters to append
-     */
-    constructor(base, parentPub = '', ...params) {
-        // console.log(params);
-        this._ = base + (params?.length ? '/:' + params.join('/:') : '');
-        this.__ = base;
-        this.pub = parentPub + '/' + base;
-    }
-}
-/**
- * Extended route class that provides common application routes and utility methods.
- * Creates a standard set of routes for CRUD operations and navigation.
- */
-class AppRouteBase extends RouteItem {
-    /**
-     * Creates a new AppRouteBase with standard child routes.
-     * @param base - The base route segment
-     * @param parentPub - The parent public path (defaults to empty string)
-     * @param params - Optional route parameters to append
-     */
-    constructor(base, parentPub = '', ...params) {
-        super(base, parentPub, ...params);
-        this.all = new RouteItem('all', this.pub);
-        this.clone = new RouteItem('clone', this.pub, 'id');
-        this.create = new CreateRoute('create', this.pub);
-        this.edit = new RouteItem('edit', this.pub, 'id');
-        this.find = new FindRoute('find', this.pub);
-        this.index = new RouteItem('index', this.pub);
-        this.overview = new RouteItem('overview', this.pub);
-        this.show = new RouteItem('show', this.pub, 'id');
-        this.start = new RouteItem('start', this.pub);
-    }
-    //#region funcs
-    /**
-     * Combines a route with a parent ID.
-     * @param route - The base route
-     * @param prtID - The parent ID to append
-     * @returns The combined route string or null if route is falsy
-     */
-    routeIdPipe(route, prtID) {
-        return route ? route + '/' + prtID : null;
-    }
-    /**
-     * Creates a route with ID and formatted title.
-     * @param route - The base route
-     * @param id - The item ID
-     * @param title - Optional title to format and append
-     * @returns The formatted route string
-     */
-    routeIdTitlePipe(route, id, title) {
-        return route + '/' + id + '/' + this.routeNamer(title);
-    }
-    /**
-     * Creates a route with parent ID, item ID, and formatted title.
-     * @param route - The base route
-     * @param parentID - The parent item ID
-     * @param id - The item ID
-     * @param title - Optional title to format and append
-     * @returns The formatted route string
-     */
-    routePIdIdTitlePipe(route, parentID, id, title) {
-        return route + '/' + parentID + '/' + id + '/' + this.routeNamer(title);
-    }
-    /**
-     * Creates a route with parent ID, sub-item ID, item ID, and formatted title.
-     * @param route - The base route
-     * @param parentID - The parent item ID
-     * @param subID - The sub-item ID
-     * @param id - The item ID
-     * @param title - Optional title to format and append
-     * @returns The formatted route string
-     */
-    routePidSidIdTitlePipe(route, parentID, subID, id, title) {
-        return (route +
-            '/' +
-            parentID +
-            '/' +
-            subID +
-            '/' +
-            id +
-            '/' +
-            this.routeNamer(title));
-    }
-    /**
-     * Formats a title for use in a URL.
-     * Trims, removes special characters, converts to lowercase, and replaces spaces with hyphens.
-     * @param title - The title to format
-     * @returns The URL-friendly formatted title or empty string if no title provided
-     */
-    routeNamer(title) {
-        return title
-            ? title
-                .substr(0, 30)
-                .unChar('/')
-                .trim()
-                .toLowerCase()
-                .split(' ')
-                .filter((x) => x)
-                .join('-')
-            : '';
-    }
-}
-/**
- * Specialized route for creation operations with different entity types.
- */
-class CreateRoute extends RouteItem {
-    constructor() {
-        super(...arguments);
-        /** Route for corporate entity creation */
-        this.corporate = new RouteItem('corporate', this.pub);
-        /** Route for group entity creation */
-        this.group = new RouteItem('group', this.pub);
-        /** Route for individual entity creation */
-        this.individual = new RouteItem('individual', this.pub);
-        /** Route for provider entity creation with sub-routes */
-        this.provider = new CreateProviderRoute('provider', this.pub);
-    }
-}
-/**
- * Specialized route for provider creation operations.
- */
-class CreateProviderRoute extends RouteItem {
-    constructor() {
-        super(...arguments);
-        /** Index route for provider creation */
-        this.index = new RouteItem('index', this.pub);
-    }
-}
-/**
- * Specialized route for find/search operations.
- */
-class FindRoute extends RouteItem {
-    constructor() {
-        super(...arguments);
-        /** Route for search results list */
-        this.searchList = new RouteItem('search-list', this.pub);
-    }
-}
-
 /**
  * Configuration class containing application-wide constants and settings
  */
@@ -2210,123 +2211,15 @@ class BtnService {
             activityDescription: btn.extractText,
         });
     }
-    /**
-     * Validates forms associated with a button when the button is disabled
-     * Marks all form controls as touched to display validation errors
-     * @param btn - The button component associated with forms
-     */
-    checkForm(btn) {
-        // debugger;
-        if (btn.isDisabled() && btn.form()) {
-            btn.form().markAllAsTouched();
-            const form = btn.form();
-            console.log(form);
-            if (form instanceof FormGroup) {
-                console.log(Object.keys(form.controls)
-                    .filter((x) => !form.controls[x].valid)
-                    .map((x) => form.controls[x]));
-            }
-        }
-        if (btn.isDisabled() && btn.forms()) {
-            btn.forms().forEach((form) => form.markAllAsTouched());
-            // this.cdr.detectChanges();
-            console.log(btn.forms());
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BtnService, deps: [{ token: UserActivityService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BtnService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BtnService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: UserActivityService }] });
-
-/**
- * Service for handling reactive form inputs and form schema conversions.
- * @template TIFormSchema Type for form schema, defaults to IFormSchema
- * @template TFCInput Type for form control inputs, defaults to FCInput
- */
-class ETSReactiveFormInputService {
-    constructor() {
-        /**
-         * Binds form controls from a FormGroup to an array of input objects
-         * @template TFCInput Type of form control inputs
-         * @param inputs Array of input objects to bind controls to
-         * @param form FormGroup containing the controls to bind
-         * @returns void
-         */
-        this.bindFormControlToInputs = (inputs, form) => {
-            inputs.forEach((x) => {
-                x.form = form;
-                x.formControl = form.controls[x.name];
-            });
-        };
-    }
-    /**
-     * Converts an array of form control inputs to a controls object for FormGroup
-     * @template TFCInput Type of form control inputs
-     * @param inputs Array of form control inputs
-     * @returns Object with control names as keys and AbstractControls as values
-     */
-    formFieldsFromFCInputsArr(inputs) {
-        const controls = {};
-        for (const inp of inputs) {
-            controls[inp.name] = inp.formControl;
-        }
-        return controls;
-    }
-    /**
-     * Converts a form schema array to form controls object
-     * @template TIFormSchema Type of form schema
-     * @param formFields Array of form schema objects
-     * @returns Object with field names as keys and FormControls as values
-     */
-    formSchemaToFormControls(formFields) {
-        const controls = {};
-        formFields?.forEach((inp) => {
-            controls[inp.field?.toString()] = new FormControl(inp.value, inp.validators?.map((v) => v.bind(this)), inp.asyncValidators?.map((v) => v.bind(this)));
-        });
-        // controls['__rowID']=new FormControl('id'+Math.round(Math.random()*10000000))
-        return controls;
-    }
-    /**
-     * Adds form controls from a form schema array to an existing FormGroup
-     * @template TIFormSchema Type of form schema
-     * @param formFields Array of form schema objects
-     * @param form Existing FormGroup to add controls to
-     * @returns Updated FormGroup with added controls
-     */
-    addFormSchemaToForm(formFields, form) {
-        formFields?.forEach((inp) => {
-            form.addControl(inp.field?.toString(), new FormControl(inp.value, inp.validators?.map((v) => v.bind(this)), inp.asyncValidators?.map((v) => v.bind(this))));
-        });
-        // controls['__rowID']=new FormControl('id'+Math.round(Math.random()*10000000))
-        return form;
-    }
-    /**
-     * Creates form controls from a plain object
-     * @template T Type of the input object
-     * @param obj Object with properties to convert to form controls
-     * @returns Object with same keys as input and FormControls as values
-     */
-    formFieldsFromObj(obj) {
-        const controls = {};
-        for (const inp in obj) {
-            controls[inp] = new FormControl(obj[inp]);
-        }
-        return controls;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ETSReactiveFormInputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ETSReactiveFormInputService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ETSReactiveFormInputService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BtnService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [{ type: UserActivityService }] });
 
 class PageLoaderService extends PageLoader {
     constructor() {
@@ -3184,8 +3077,6 @@ class UtilityService {
         this.titleS = inject(Title);
         /** Angular Location service for browser location management */
         this.location = inject(Location);
-        /** Service for handling form input operations */
-        this.inputService = inject(ETSReactiveFormInputService);
         /** Service for managing page loading states */
         this.pS = inject(PageLoaderService);
         /** Angular CurrencyPipe for currency formatting */
@@ -3602,11 +3493,6 @@ class UtilityService {
             else
                 return `${item} - ${obj[labelField || 'title'] || obj[labelField || 'description']}`;
         };
-        this.formFieldsFromArr = this.inputService.formFieldsFromFCInputsArr;
-        this.objToFormControls = this.inputService.formFieldsFromObj;
-        this.formSchemaToFormControls = this.inputService.formSchemaToFormControls;
-        this.addFormSchemaToForm = this.inputService.addFormSchemaToForm;
-        this.bindFormControlToInputs = this.inputService.bindFormControlToInputs;
         this.go = (value, extra) => {
             this.router.navigate([value], extra);
         };
@@ -4102,20 +3988,6 @@ class UtilityService {
                     form.addControl(key, new FormControl(data[key]));
             return form;
         };
-        /**
-         * Converts a form schema to a FormGroup
-         * @param schema Form schema definition
-         * @param data Optional initial data
-         * @returns FormGroup built from the schema
-         */
-        this.formSchemaToFormGroup = (schema, data) => {
-            const form = new FormGroup({});
-            for (const item of schema)
-                form.addControl(item.field.toString(), new FormControl(data[item.field.toString()], item.isRequired
-                    ? (item.validators || [])?.concat([Validators.required])
-                    : item.validators, item.asyncValidators));
-            return form;
-        };
         /**
          * Times the execution of a code block
          * @param label Label for the timing log
@@ -6144,8 +6016,31 @@ class BtnComponent {
     enable() {
         this.disabled.set(false);
     }
+    /**
+     * Validates forms associated with a button when the button is disabled
+     * Marks all form controls as touched to display validation errors
+     * @param btn - The button component associated with forms
+     */
+    checkForm() {
+        // debugger;
+        if (this.isDisabled() && this.form()) {
+            this.form().markAllAsTouched();
+            const form = this.form();
+            console.log(form);
+            if (form instanceof FormGroup) {
+                console.log(Object.keys(form.controls)
+                    .filter((x) => !form.controls[x].valid)
+                    .map((x) => form.controls[x]));
+            }
+        }
+        if (this.isDisabled() && this.forms()) {
+            this.forms().forEach((form) => form.markAllAsTouched());
+            // this.cdr.detectChanges();
+            console.log(this.forms());
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BtnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: BtnComponent, isStandalone: true, selector: "app-btn", inputs: { formSchema: { classPropertyName: "formSchema", publicName: "formSchema", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, centerBtn: { classPropertyName: "centerBtn", publicName: "centerBtn", isSignal: true, isRequired: false, transformFunction: null }, danger: { classPropertyName: "danger", publicName: "danger", isSignal: true, isRequired: false, transformFunction: null }, warning: { classPropertyName: "warning", publicName: "warning", isSignal: true, isRequired: false, transformFunction: null }, verbose: { classPropertyName: "verbose", publicName: "verbose", isSignal: true, isRequired: false, transformFunction: null }, translatorOptions: { classPropertyName: "translatorOptions", publicName: "translatorOptions", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, _icon: { classPropertyName: "_icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, _rightIcon: { classPropertyName: "_rightIcon", publicName: "rightIcon", isSignal: false, isRequired: false, transformFunction: null }, _leftIcon: { classPropertyName: "_leftIcon", publicName: "leftIcon", isSignal: false, isRequired: false, transformFunction: null }, _type: { classPropertyName: "_type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, _group: { classPropertyName: "_group", publicName: "group", isSignal: false, isRequired: false, transformFunction: null }, actionType: { classPropertyName: "actionType", publicName: "actionType", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, excludeLogging: { classPropertyName: "excludeLogging", publicName: "excludeLogging", isSignal: false, isRequired: false, transformFunction: booleanAttribute2 }, loggingValue: { classPropertyName: "loggingValue", publicName: "loggingValue", isSignal: false, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, customIcon: { classPropertyName: "customIcon", publicName: "customIcon", isSignal: false, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, forms: { classPropertyName: "forms", publicName: "forms", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, helpShowDelay: { classPropertyName: "helpShowDelay", publicName: "helpShowDelay", isSignal: true, isRequired: false, transformFunction: null }, _iconBtn: { classPropertyName: "_iconBtn", publicName: "iconBtn", isSignal: false, isRequired: false, transformFunction: booleanAttribute2 }, mclass: { classPropertyName: "mclass", publicName: "mclass", isSignal: true, isRequired: false, transformFunction: null }, showHelpIcon: { classPropertyName: "showHelpIcon", publicName: "showHelpIcon", isSignal: true, isRequired: false, transformFunction: null }, _rightCustomIcon: { classPropertyName: "_rightCustomIcon", publicName: "rightCustomIcon", isSignal: false, isRequired: false, transformFunction: null }, leftCustomIcon: { classPropertyName: "leftCustomIcon", publicName: "leftCustomIcon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null }, mini: { classPropertyName: "mini", publicName: "mini", isSignal: true, isRequired: false, transformFunction: null }, onFormInvalid: { classPropertyName: "onFormInvalid", publicName: "onFormInvalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loading: "loadingChange", leftCustomIcon: "leftCustomIconChange", mclick: "mclick", disabled: "disabledChange" }, viewQueries: [{ propertyName: "innerText", first: true, predicate: ["innerText"], descendants: true }], ngImport: i0, template: "@if (verbose()) {\n  <div class=\"\">formState():{{ formState() | json }}</div>\n  <div class=\"\">form():{{ form()?.getRawValue() | json }}</div>\n}\n<span\n  class=\"{{ class() }}  d-flex  align-items-center justify-content-center\"\n  [ngClass]=\"{ disabled: isDisabled(), mini: mini() }\"\n  (click)=\"btnS.checkForm(this)\">\n  @if (showHelpIcon() && help()) {\n    <i\n      class=\"fa fa-info-circle me-2 text-primary\"\n      [matTooltipShowDelay]=\"helpShowDelay()\"\n      [matTooltip]=\"help() | appTranslate: translatorOptions() | async\"></i>\n  }\n  <button\n    type=\"{{ actionType() }}\"\n    class=\"{{ mclass() }} {{ _mclass() || 'btn' }} d-flex align-items-center \"\n    [matBadge]=\"badge()\"\n    [ngClass]=\"ngClass()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"click($event)\"\n    [matTooltipShowDelay]=\"helpShowDelay()\"\n    [matTooltip]=\"showHelpIcon() ? null : (help() | appTranslate: translatorOptions() | async)\">\n    @if (showLeftDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showLeftCustomIcon()) {\n      <i class=\"{{ leftCustomIcon() }}\"></i>\n    } @else if (showLeftIcon()) {\n      <fa-icon [icon]=\"leftIcon()\" />\n    }\n\n    @if (computedText()) {\n      <span\n        class=\"\"\n        [ngClass]=\"{\n          'ms-1': leftIcon() || leftCustomIcon(),\n          'me-1': rightIcon() || rightCustomIcon(),\n        }\">\n        {{ computedText() | appTranslate: translatorOptions() | async }}\n      </span>\n    } @else {\n      <span\n        class=\" \"\n        [ngClass]=\"{\n          'ms-1': innerText.innerText && (leftIcon() || leftCustomIcon()),\n          'me-1': innerText.innerText && (rightIcon() || rightCustomIcon()),\n        }\"\n        #innerText\n        [debug]=\"debug()\"\n        appTranslator>\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (loading()) {\n      <span class=\"fa fa-spinner ms-{{ iconBtn() ? '' : '2' }} fa-spin\"></span>\n    } @else if (showRightDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showRightCustomIcon()) {\n      <i class=\"{{ rightCustomIcon() }}\"></i>\n    } @else if (showRightIcon()) {\n      <fa-icon [icon]=\"rightIcon()\" />\n    }\n  </button>\n</span>\n", styles: [".lite{padding:0}.disabled{cursor:not-allowed}.invalid{border:3px solid var(--bs-danger)}.mini button{height:auto!important;min-height:unset;padding:2px 5px}@keyframes animateDanger{0%{background-color:red;border-color:red;background-image:none;color:#fff}50%{background-color:red;border-color:red;background-image:none;color:#fff}}@keyframes animateWarning{0%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}50%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}}.isDanger{animation-name:animateDanger;animation-duration:1s;animation-iteration-count:infinite}.isWarning{animation-name:animateWarning;animation-duration:1s;animation-iteration-count:infinite}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: TranslatorDirective, selector: "[appTranslator]", inputs: ["appTranslator", "debug", "translateOptions"] }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: BtnComponent, isStandalone: true, selector: "app-btn", inputs: { formSchema: { classPropertyName: "formSchema", publicName: "formSchema", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null }, centerBtn: { classPropertyName: "centerBtn", publicName: "centerBtn", isSignal: true, isRequired: false, transformFunction: null }, danger: { classPropertyName: "danger", publicName: "danger", isSignal: true, isRequired: false, transformFunction: null }, warning: { classPropertyName: "warning", publicName: "warning", isSignal: true, isRequired: false, transformFunction: null }, verbose: { classPropertyName: "verbose", publicName: "verbose", isSignal: true, isRequired: false, transformFunction: null }, translatorOptions: { classPropertyName: "translatorOptions", publicName: "translatorOptions", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, _icon: { classPropertyName: "_icon", publicName: "icon", isSignal: false, isRequired: false, transformFunction: null }, _rightIcon: { classPropertyName: "_rightIcon", publicName: "rightIcon", isSignal: false, isRequired: false, transformFunction: null }, _leftIcon: { classPropertyName: "_leftIcon", publicName: "leftIcon", isSignal: false, isRequired: false, transformFunction: null }, _type: { classPropertyName: "_type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, _group: { classPropertyName: "_group", publicName: "group", isSignal: false, isRequired: false, transformFunction: null }, actionType: { classPropertyName: "actionType", publicName: "actionType", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, excludeLogging: { classPropertyName: "excludeLogging", publicName: "excludeLogging", isSignal: false, isRequired: false, transformFunction: booleanAttribute2 }, loggingValue: { classPropertyName: "loggingValue", publicName: "loggingValue", isSignal: false, isRequired: false, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, customIcon: { classPropertyName: "customIcon", publicName: "customIcon", isSignal: false, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, forms: { classPropertyName: "forms", publicName: "forms", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, helpShowDelay: { classPropertyName: "helpShowDelay", publicName: "helpShowDelay", isSignal: true, isRequired: false, transformFunction: null }, _iconBtn: { classPropertyName: "_iconBtn", publicName: "iconBtn", isSignal: false, isRequired: false, transformFunction: booleanAttribute2 }, mclass: { classPropertyName: "mclass", publicName: "mclass", isSignal: true, isRequired: false, transformFunction: null }, showHelpIcon: { classPropertyName: "showHelpIcon", publicName: "showHelpIcon", isSignal: true, isRequired: false, transformFunction: null }, _rightCustomIcon: { classPropertyName: "_rightCustomIcon", publicName: "rightCustomIcon", isSignal: false, isRequired: false, transformFunction: null }, leftCustomIcon: { classPropertyName: "leftCustomIcon", publicName: "leftCustomIcon", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, valid: { classPropertyName: "valid", publicName: "valid", isSignal: true, isRequired: false, transformFunction: null }, mini: { classPropertyName: "mini", publicName: "mini", isSignal: true, isRequired: false, transformFunction: null }, onFormInvalid: { classPropertyName: "onFormInvalid", publicName: "onFormInvalid", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loading: "loadingChange", leftCustomIcon: "leftCustomIconChange", mclick: "mclick", disabled: "disabledChange" }, viewQueries: [{ propertyName: "innerText", first: true, predicate: ["innerText"], descendants: true }], ngImport: i0, template: "@if (verbose()) {\n  <div class=\"\">formState():{{ formState() | json }}</div>\n  <div class=\"\">form():{{ form()?.getRawValue() | json }}</div>\n}\n<span\n  class=\"{{ class() }}  d-flex  align-items-center justify-content-center\"\n  [ngClass]=\"{ disabled: isDisabled(), mini: mini() }\"\n  (click)=\"checkForm()\">\n  @if (showHelpIcon() && help()) {\n    <i\n      class=\"fa fa-info-circle me-2 text-primary\"\n      [matTooltipShowDelay]=\"helpShowDelay()\"\n      [matTooltip]=\"help() | appTranslate: translatorOptions() | async\"></i>\n  }\n  <button\n    type=\"{{ actionType() }}\"\n    class=\"{{ mclass() }} {{ _mclass() || 'btn' }} d-flex align-items-center \"\n    [matBadge]=\"badge()\"\n    [ngClass]=\"ngClass()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"click($event)\"\n    [matTooltipShowDelay]=\"helpShowDelay()\"\n    [matTooltip]=\"showHelpIcon() ? null : (help() | appTranslate: translatorOptions() | async)\">\n    @if (showLeftDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showLeftCustomIcon()) {\n      <i class=\"{{ leftCustomIcon() }}\"></i>\n    } @else if (showLeftIcon()) {\n      <fa-icon [icon]=\"leftIcon()\" />\n    }\n\n    @if (computedText()) {\n      <span\n        class=\"\"\n        [ngClass]=\"{\n          'ms-1': leftIcon() || leftCustomIcon(),\n          'me-1': rightIcon() || rightCustomIcon(),\n        }\">\n        {{ computedText() | appTranslate: translatorOptions() | async }}\n      </span>\n    } @else {\n      <span\n        class=\" \"\n        [ngClass]=\"{\n          'ms-1': innerText.innerText && (leftIcon() || leftCustomIcon()),\n          'me-1': innerText.innerText && (rightIcon() || rightCustomIcon()),\n        }\"\n        #innerText\n        [debug]=\"debug()\"\n        appTranslator>\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (loading()) {\n      <span class=\"fa fa-spinner ms-{{ iconBtn() ? '' : '2' }} fa-spin\"></span>\n    } @else if (showRightDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showRightCustomIcon()) {\n      <i class=\"{{ rightCustomIcon() }}\"></i>\n    } @else if (showRightIcon()) {\n      <fa-icon [icon]=\"rightIcon()\" />\n    }\n  </button>\n</span>\n", styles: [".lite{padding:0}.disabled{cursor:not-allowed}.invalid{border:3px solid var(--bs-danger)}.mini button{height:auto!important;min-height:unset;padding:2px 5px}@keyframes animateDanger{0%{background-color:red;border-color:red;background-image:none;color:#fff}50%{background-color:red;border-color:red;background-image:none;color:#fff}}@keyframes animateWarning{0%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}50%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}}.isDanger{animation-name:animateDanger;animation-duration:1s;animation-iteration-count:infinite}.isWarning{animation-name:animateWarning;animation-duration:1s;animation-iteration-count:infinite}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i2.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2$1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "mask", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "transform", "a11yRole"], outputs: ["iconChange", "titleChange", "animationChange", "maskChange", "flipChange", "sizeChange", "pullChange", "borderChange", "inverseChange", "symbolChange", "rotateChange", "fixedWidthChange", "transformChange", "a11yRoleChange"] }, { kind: "directive", type: TranslatorDirective, selector: "[appTranslator]", inputs: ["appTranslator", "debug", "translateOptions"] }, { kind: "pipe", type: JsonPipe, name: "json" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: BtnComponent, decorators: [{
             type: Component,
@@ -6158,7 +6053,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         TranslatorDirective,
                         AsyncPipe,
                         SDKTranslatePipe,
-                    ], template: "@if (verbose()) {\n  <div class=\"\">formState():{{ formState() | json }}</div>\n  <div class=\"\">form():{{ form()?.getRawValue() | json }}</div>\n}\n<span\n  class=\"{{ class() }}  d-flex  align-items-center justify-content-center\"\n  [ngClass]=\"{ disabled: isDisabled(), mini: mini() }\"\n  (click)=\"btnS.checkForm(this)\">\n  @if (showHelpIcon() && help()) {\n    <i\n      class=\"fa fa-info-circle me-2 text-primary\"\n      [matTooltipShowDelay]=\"helpShowDelay()\"\n      [matTooltip]=\"help() | appTranslate: translatorOptions() | async\"></i>\n  }\n  <button\n    type=\"{{ actionType() }}\"\n    class=\"{{ mclass() }} {{ _mclass() || 'btn' }} d-flex align-items-center \"\n    [matBadge]=\"badge()\"\n    [ngClass]=\"ngClass()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"click($event)\"\n    [matTooltipShowDelay]=\"helpShowDelay()\"\n    [matTooltip]=\"showHelpIcon() ? null : (help() | appTranslate: translatorOptions() | async)\">\n    @if (showLeftDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showLeftCustomIcon()) {\n      <i class=\"{{ leftCustomIcon() }}\"></i>\n    } @else if (showLeftIcon()) {\n      <fa-icon [icon]=\"leftIcon()\" />\n    }\n\n    @if (computedText()) {\n      <span\n        class=\"\"\n        [ngClass]=\"{\n          'ms-1': leftIcon() || leftCustomIcon(),\n          'me-1': rightIcon() || rightCustomIcon(),\n        }\">\n        {{ computedText() | appTranslate: translatorOptions() | async }}\n      </span>\n    } @else {\n      <span\n        class=\" \"\n        [ngClass]=\"{\n          'ms-1': innerText.innerText && (leftIcon() || leftCustomIcon()),\n          'me-1': innerText.innerText && (rightIcon() || rightCustomIcon()),\n        }\"\n        #innerText\n        [debug]=\"debug()\"\n        appTranslator>\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (loading()) {\n      <span class=\"fa fa-spinner ms-{{ iconBtn() ? '' : '2' }} fa-spin\"></span>\n    } @else if (showRightDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showRightCustomIcon()) {\n      <i class=\"{{ rightCustomIcon() }}\"></i>\n    } @else if (showRightIcon()) {\n      <fa-icon [icon]=\"rightIcon()\" />\n    }\n  </button>\n</span>\n", styles: [".lite{padding:0}.disabled{cursor:not-allowed}.invalid{border:3px solid var(--bs-danger)}.mini button{height:auto!important;min-height:unset;padding:2px 5px}@keyframes animateDanger{0%{background-color:red;border-color:red;background-image:none;color:#fff}50%{background-color:red;border-color:red;background-image:none;color:#fff}}@keyframes animateWarning{0%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}50%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}}.isDanger{animation-name:animateDanger;animation-duration:1s;animation-iteration-count:infinite}.isWarning{animation-name:animateWarning;animation-duration:1s;animation-iteration-count:infinite}\n"] }]
+                    ], template: "@if (verbose()) {\n  <div class=\"\">formState():{{ formState() | json }}</div>\n  <div class=\"\">form():{{ form()?.getRawValue() | json }}</div>\n}\n<span\n  class=\"{{ class() }}  d-flex  align-items-center justify-content-center\"\n  [ngClass]=\"{ disabled: isDisabled(), mini: mini() }\"\n  (click)=\"checkForm()\">\n  @if (showHelpIcon() && help()) {\n    <i\n      class=\"fa fa-info-circle me-2 text-primary\"\n      [matTooltipShowDelay]=\"helpShowDelay()\"\n      [matTooltip]=\"help() | appTranslate: translatorOptions() | async\"></i>\n  }\n  <button\n    type=\"{{ actionType() }}\"\n    class=\"{{ mclass() }} {{ _mclass() || 'btn' }} d-flex align-items-center \"\n    [matBadge]=\"badge()\"\n    [ngClass]=\"ngClass()\"\n    [disabled]=\"isDisabled()\"\n    (click)=\"click($event)\"\n    [matTooltipShowDelay]=\"helpShowDelay()\"\n    [matTooltip]=\"showHelpIcon() ? null : (help() | appTranslate: translatorOptions() | async)\">\n    @if (showLeftDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showLeftCustomIcon()) {\n      <i class=\"{{ leftCustomIcon() }}\"></i>\n    } @else if (showLeftIcon()) {\n      <fa-icon [icon]=\"leftIcon()\" />\n    }\n\n    @if (computedText()) {\n      <span\n        class=\"\"\n        [ngClass]=\"{\n          'ms-1': leftIcon() || leftCustomIcon(),\n          'me-1': rightIcon() || rightCustomIcon(),\n        }\">\n        {{ computedText() | appTranslate: translatorOptions() | async }}\n      </span>\n    } @else {\n      <span\n        class=\" \"\n        [ngClass]=\"{\n          'ms-1': innerText.innerText && (leftIcon() || leftCustomIcon()),\n          'me-1': innerText.innerText && (rightIcon() || rightCustomIcon()),\n        }\"\n        #innerText\n        [debug]=\"debug()\"\n        appTranslator>\n        <ng-content></ng-content>\n      </span>\n    }\n\n    @if (loading()) {\n      <span class=\"fa fa-spinner ms-{{ iconBtn() ? '' : '2' }} fa-spin\"></span>\n    } @else if (showRightDisabledIcon()) {\n      <fa-icon [icon]=\"lockedIcon()\" />\n    } @else if (showRightCustomIcon()) {\n      <i class=\"{{ rightCustomIcon() }}\"></i>\n    } @else if (showRightIcon()) {\n      <fa-icon [icon]=\"rightIcon()\" />\n    }\n  </button>\n</span>\n", styles: [".lite{padding:0}.disabled{cursor:not-allowed}.invalid{border:3px solid var(--bs-danger)}.mini button{height:auto!important;min-height:unset;padding:2px 5px}@keyframes animateDanger{0%{background-color:red;border-color:red;background-image:none;color:#fff}50%{background-color:red;border-color:red;background-image:none;color:#fff}}@keyframes animateWarning{0%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}50%{background-color:#ff8107;border-color:#ff8107;background-image:none;color:#000}}.isDanger{animation-name:animateDanger;animation-duration:1s;animation-iteration-count:infinite}.isWarning{animation-name:animateWarning;animation-duration:1s;animation-iteration-count:infinite}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _icon: [{
                 type: Input,
                 args: ['icon']
@@ -6493,44 +6388,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     standalone: true,
                 }]
         }] });
-/**
- * Converts an object to an array of labels for display
- */
-class ObjectToLabelsPipe {
-    /**
-     * Converts an object to an array of labels with optional custom field mapping
-     * @param value The source object to convert
-     * @param customFieldMap Optional mapping of object keys to ITextCase2 properties
-     * @param exclusionList Optional map of field names to exclude
-     * @returns Array of ITextCase2 objects representing the object's fields
-     */
-    transform(value, customFieldMap, exclusionList) {
-        // debugger;
-        const _exclusionList = {
-            id: true,
-            ...exclusionList,
-        };
-        return Object.keys(value || {})
-            .filter((x) => !_exclusionList[x])
-            .map((f) => ({
-            ...customFieldMap?.[f],
-            label: customFieldMap?.[f]?.label || this.uS.formatField(f),
-            value: value[f],
-        }));
-    }
-    constructor(uS) {
-        this.uS = uS;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ObjectToLabelsPipe, deps: [{ token: UtilityService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ObjectToLabelsPipe, isStandalone: true, name: "objectToLabels" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ObjectToLabelsPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'objectToLabels',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: UtilityService }] });
 /**
  * Retrieves a label for a value from a list of options
  */
@@ -7235,42 +7092,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     standalone: true,
                 }]
         }] });
-/**
- * Converts a form.value to string
- */
-class FormValuePipe {
-    transform(formValue, formSchema) {
-        // debugger;
-        return formValue
-            ? (formSchema?.length && typeof formSchema[0] != 'string'
-                ? formSchema.map((field) => {
-                    // debugger;
-                    const val = field.type == 'select' || field.type == 'autocomplete'
-                        ? field.selectedOptionLabel || formValue[field.field]
-                        : formValue[field.field];
-                    return val != null ? `${field.label}: ${val}` : null;
-                })
-                : (formSchema || Object.keys(formValue)).map((x) => {
-                    const val = formValue[x];
-                    return `${this.uS.formatField(x)}: ${val != null ? val : '-'}`;
-                }))
-                .filter((x) => x)
-                .join('\n')
-            : '';
-    }
-    constructor(uS) {
-        this.uS = uS;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormValuePipe, deps: [{ token: UtilityService }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FormValuePipe, isStandalone: true, name: "formValue" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormValuePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'formValue',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: UtilityService }] });
 /**
  * Converts a field name to a formatted label
  */
@@ -7462,25 +7283,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             type: Pipe,
             args: [{ name: 'objectToArray', standalone: true }]
         }] });
-/**
- * Converts form schema to table columns
- */
-class FormSchemaToTableColumnsPipe {
-    /**
-     * Converts form schema to table columns configuration
-     * @param value Array of form schema definitions
-     * @returns Array of table column configurations
-     */
-    transform(value) {
-        return value?.map((x) => ({ f: x.field, t: x.label })) || [];
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormSchemaToTableColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FormSchemaToTableColumnsPipe, isStandalone: true, name: "formSchemaToCols" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormSchemaToTableColumnsPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'formSchemaToCols', standalone: true }]
-        }] });
 /**
  * Provides responsive values based on screen size
  */
@@ -7526,8 +7328,6 @@ const comps$3 = [
     FilterArrayPipe,
     FilterFormArrayGroupPipe,
     FormInvalidClassPipe,
-    FormSchemaToTableColumnsPipe,
-    FormValuePipe,
     FunctionCaller,
     FunctionCaller1,
     FunctionCaller2,
@@ -7563,7 +7363,7 @@ const comps$3 = [
 const modules = [];
 class UtilityPipesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: UtilityPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: UtilityPipesModule, imports: [CommonModule, ArraySplitter, CustomDatePipe, FieldToLabelPipe, FilterArrayByStringPipe, FilterArrayPipe, FilterFormArrayGroupPipe, FormInvalidClassPipe, FormSchemaToTableColumnsPipe, FormValuePipe, FunctionCaller, FunctionCaller1, FunctionCaller2, FunctionCaller3, GenderPipe, GetValueLabel, HasFormValuePipe, HasValuePipe, CodeTitleDescPipe, HttpListCaller, HttpListCaller1, HttpListCaller2, IsClonePage, IsShowPage, ObjectToArrayPipe, RefresherPipe, RemoveUsedOptionsPipe, ReplaceAllPipe, ResponsiveValPipe, RoundPipe, SecondsToTimePipe, SortPipe, StrConcatenatorPipe, ToAnyArrayPipe, ToAnyPipe, SDKTranslatePipe, TrimPipe, TrimTextPipe, ValueFormatterPipe, ValueOrXPipe, XOrYPipe], exports: [ArraySplitter, CustomDatePipe, FieldToLabelPipe, FilterArrayByStringPipe, FilterArrayPipe, FilterFormArrayGroupPipe, FormInvalidClassPipe, FormSchemaToTableColumnsPipe, FormValuePipe, FunctionCaller, FunctionCaller1, FunctionCaller2, FunctionCaller3, GenderPipe, GetValueLabel, HasFormValuePipe, HasValuePipe, CodeTitleDescPipe, HttpListCaller, HttpListCaller1, HttpListCaller2, IsClonePage, IsShowPage, ObjectToArrayPipe, RefresherPipe, RemoveUsedOptionsPipe, ReplaceAllPipe, ResponsiveValPipe, RoundPipe, SecondsToTimePipe, SortPipe, StrConcatenatorPipe, ToAnyArrayPipe, ToAnyPipe, SDKTranslatePipe, TrimPipe, TrimTextPipe, ValueFormatterPipe, ValueOrXPipe, XOrYPipe] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: UtilityPipesModule, imports: [CommonModule, ArraySplitter, CustomDatePipe, FieldToLabelPipe, FilterArrayByStringPipe, FilterArrayPipe, FilterFormArrayGroupPipe, FormInvalidClassPipe, FunctionCaller, FunctionCaller1, FunctionCaller2, FunctionCaller3, GenderPipe, GetValueLabel, HasFormValuePipe, HasValuePipe, CodeTitleDescPipe, HttpListCaller, HttpListCaller1, HttpListCaller2, IsClonePage, IsShowPage, ObjectToArrayPipe, RefresherPipe, RemoveUsedOptionsPipe, ReplaceAllPipe, ResponsiveValPipe, RoundPipe, SecondsToTimePipe, SortPipe, StrConcatenatorPipe, ToAnyArrayPipe, ToAnyPipe, SDKTranslatePipe, TrimPipe, TrimTextPipe, ValueFormatterPipe, ValueOrXPipe, XOrYPipe], exports: [ArraySplitter, CustomDatePipe, FieldToLabelPipe, FilterArrayByStringPipe, FilterArrayPipe, FilterFormArrayGroupPipe, FormInvalidClassPipe, FunctionCaller, FunctionCaller1, FunctionCaller2, FunctionCaller3, GenderPipe, GetValueLabel, HasFormValuePipe, HasValuePipe, CodeTitleDescPipe, HttpListCaller, HttpListCaller1, HttpListCaller2, IsClonePage, IsShowPage, ObjectToArrayPipe, RefresherPipe, RemoveUsedOptionsPipe, ReplaceAllPipe, ResponsiveValPipe, RoundPipe, SecondsToTimePipe, SortPipe, StrConcatenatorPipe, ToAnyArrayPipe, ToAnyPipe, SDKTranslatePipe, TrimPipe, TrimTextPipe, ValueFormatterPipe, ValueOrXPipe, XOrYPipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: UtilityPipesModule, imports: [CommonModule, modules] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: UtilityPipesModule, decorators: [{
@@ -8298,6 +8098,7 @@ class ValidationMessageComponent {
         /** Whether to show validation errors regardless of the control's dirty state */
         this.ignoreDirtiness = input(...(ngDevMode ? [undefined, { debugName: "ignoreDirtiness" }] : []));
         /** InputBasicComponent that contains the control to validate */
+        // readonly input = input<InputBasicComponent | undefined>();
         this.input = input(...(ngDevMode ? [undefined, { debugName: "input" }] : []));
         /** Label for the input field */
         this.label = model(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
@@ -8394,7 +8195,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         SDKTranslatePipe,
                         forwardRef(() => ErrorMessagePipe),
                         MatTooltipModule,
-                        SDKTranslateNoLoaderPipe
+                        SDKTranslateNoLoaderPipe,
                     ], template: "<div class=\"text-danger\" [class.applyMargin]=\"applyMargin()\" (click)=\"logErrors()\" [ngClass]=\"{ hideOverflow: hideOverflow() }\" #el>\n  @for (error of computedErrors(); track error) {\n    <div class=\"d-flex gap-1\">\n      <i class=\"fa fa-info-circle\" aria-hidden=\"true\"></i>\n      <span\n        class=\"me-2 errormssg\"\n        [matTooltip]=\"ele.innerText\"\n        [matTooltipDisabled]=\"\n          ele.scrollHeight <= ele.offsetHeight && ele.scrollWidth <= ele.offsetWidth\n        \"\n        [innerHTML]=\"error | appTranslateNL: translationConfig | async\"\n        #ele></span>\n    </div>\n  }\n</div>\n", styles: [".text-danger{min-height:25px;position:relative}.applyMargin{margin-top:5px}.errormssg{display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.8rem}.hideOverflow{height:25px;overflow:hidden}\n"] }]
         }] });
 /**
@@ -10258,11 +10059,6 @@ const InputSharedModules = [
     MatSelectModule,
     MatTooltipModule,
     NgClass,
-    NgFor,
-    NgIf,
-    NgSwitch,
-    NgSwitchCase,
-    NgSwitchDefault,
     ReactiveFormsModule,
     ToAnyPipe,
     SDKTranslatePipe,
@@ -16232,7 +16028,134 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                     template: '',
                     standalone: false
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [] });
+
+/**
+ * Component for displaying information dialogs with customizable content and actions.
+ * Supports different status types (success, info, danger, warning) and configurable buttons.
+ */
+class InfoDialogComponent {
+    /**
+     * @param data Configuration data for the dialog
+     * @param data.text Main content text to display
+     * @param data.heading Dialog title/heading
+     * @param data.status Status code determining the dialog's visual style (0=danger, 1=success, 2=info, 3=warning)
+     * @param data.btns Array of button configurations to display
+     * @param dialogRef Reference to the dialog instance
+     */
+    constructor(data, dialogRef) {
+        this.data = data;
+        this.dialogRef = dialogRef;
+        /**
+         * Handles custom button actions
+         * @param event The pointer event that triggered the action
+         * @param item The button configuration
+         */
+        this.handleAction = (event, item) => {
+            item?.action(event);
+            if (item?.closeBoxOnClick)
+                this.dialogRef.close();
+        };
+        /**
+         * Returns the CSS class name based on the status code
+         * @param status Status code (0=danger, 1=success, 2=info, 3=warning)
+         * @returns CSS class name corresponding to the status
+         */
+        this.cls = (status = this.data.status) => {
+            switch (status) {
+                case 1:
+                    return 'success';
+                case 2:
+                    return 'info';
+                case 0:
+                    return 'danger';
+                case 3:
+                    return 'warning';
+                default:
+                    return '';
+            }
+        };
+    }
+    /** Lifecycle hook that is called after data-bound properties are initialized */
+    ngOnInit() { }
+    /**
+     * Handles the affirmative action for the dialog
+     * @param btn Optional button configuration that triggered this action
+     */
+    yes(btn) {
+        if (btn && btn.closeBoxOnClick === false)
+            return;
+        this.dialogRef.close(true);
+    }
+    /**
+     * Handles the negative action for the dialog
+     * Closes the dialog with a false result
+     */
+    no() {
+        this.dialogRef.close(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: InfoDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"d-flex justify-content-between align-items-center\">\n  <div class=\"text-{{ cls() }} ms-3 font-weight-bold text-uppercase\">\n    <i class=\"fa fa-{{ data?.status ? 'check-circle' : 'exclamation-circle' }}\"></i>\n    {{ data?.heading || 'Notice' | appTranslate | async }}\n  </div>\n  <button mat-icon-button (click)=\"yes()\" class=\"btn-outline-danger\">\n    <i class=\"material-icons\">close</i>\n  </button>\n</div>\n\n<div class=\"info-body\" [innerHTML]=\"data?.text | appTranslate | async\"></div>\n\n@if (data?.btns?.length) {\n  <div class=\"info-buttons\">\n    <div class=\"row justify-content-center\">\n      @for (item of data?.btns; track item) {\n        <div class=\"col-md-auto my-1\">\n          <app-btn\n            [type]=\"item.type || 'secondary'\"\n            text=\"{{ item.value || item.label }}\"\n            [icon]=\"item.icon\"\n            (mclick)=\"item.action($event); yes(item)\"></app-btn>\n        </div>\n      }\n    </div>\n  </div>\n}\n<div class=\"bg-{{ cls() }} mt-2 rounded bar\"></div>\n", styles: [":host{text-align:center}:host .bar{height:5px}:host .info-body{overflow-wrap:anywhere;white-space:pre-line;padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [MatButtonModule, BtnComponent, AsyncPipe, SDKTranslatePipe], template: "<div class=\"d-flex justify-content-between align-items-center\">\n  <div class=\"text-{{ cls() }} ms-3 font-weight-bold text-uppercase\">\n    <i class=\"fa fa-{{ data?.status ? 'check-circle' : 'exclamation-circle' }}\"></i>\n    {{ data?.heading || 'Notice' | appTranslate | async }}\n  </div>\n  <button mat-icon-button (click)=\"yes()\" class=\"btn-outline-danger\">\n    <i class=\"material-icons\">close</i>\n  </button>\n</div>\n\n<div class=\"info-body\" [innerHTML]=\"data?.text | appTranslate | async\"></div>\n\n@if (data?.btns?.length) {\n  <div class=\"info-buttons\">\n    <div class=\"row justify-content-center\">\n      @for (item of data?.btns; track item) {\n        <div class=\"col-md-auto my-1\">\n          <app-btn\n            [type]=\"item.type || 'secondary'\"\n            text=\"{{ item.value || item.label }}\"\n            [icon]=\"item.icon\"\n            (mclick)=\"item.action($event); yes(item)\"></app-btn>\n        </div>\n      }\n    </div>\n  </div>\n}\n<div class=\"bg-{{ cls() }} mt-2 rounded bar\"></div>\n", styles: [":host{text-align:center}:host .bar{height:5px}:host .info-body{overflow-wrap:anywhere;white-space:pre-line;padding:1rem}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$3.MatDialogRef }] });
+
+class InfoDialogService {
+    constructor(dialog) {
+        this.dialog = dialog;
+        this.overrideDialogConfig = {};
+        this.errorReporterService = inject(ErrorReporterService);
+        this.info = (text, status = 1, heading, btns, disableClose = false) => {
+            if (status == 0)
+                if (typeof text != 'string') {
+                    console.error(text);
+                    this.errorReporterService.reportError(text);
+                    text = 'An error occurred';
+                }
+                else
+                    this.errorReporterService.reportMessage(text);
+            return this.dialog
+                .open(InfoDialogComponent, {
+                data: {
+                    text,
+                    status: +status,
+                    heading: heading || (status ? 'Success!' : 'Oops!'),
+                    btns: btns?.filter((b) => b),
+                },
+                height: 'auto',
+                minWidth: '450px',
+                maxWidth: '90vw',
+                maxHeight: '90vh',
+                autoFocus: false,
+                disableClose,
+                ...this.overrideDialogConfig,
+            })
+                .afterClosed()
+                .toPromise()
+                .then((r) => {
+                if (r) {
+                    return true;
+                }
+                else {
+                    return false;
+                }
+            });
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogService, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialog }] });
 
 /**
  * Form Generator Component
@@ -16283,6 +16206,7 @@ class FormGeneratorComponent extends BaseFormGenerator {
     }
     constructor() {
         super();
+        this.infoDialogService = inject(InfoDialogService);
         /** Determines which field to use as the key - 'field' or 'label' */
         this.keyField = 'field';
         /** Whether to preset value for single option */
@@ -16515,11 +16439,11 @@ class FormGeneratorComponent extends BaseFormGenerator {
             try {
                 this.submissionResponse = await this.submitFunc(formVal);
                 if (this.submitSuccessText())
-                    this.utilityService.info(this.submitSuccessText(), 1);
+                    this.infoDialogService.info(this.submitSuccessText(), 1);
                 this.saved.emit(this.submissionResponse);
             }
             catch (error) {
-                this.utilityService.info(error, 0);
+                this.infoDialogService.info(error, 0);
             }
             this._loading.set(false);
             btn?.setLoader(false);
@@ -17702,7 +17626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         TextCase2Component,
                         ToAnyPipe,
                         ValidationMessageComponent,
-                        ValueOrXPipe
+                        ValueOrXPipe,
                     ], providers: [ListOptionFinderPipe], template: "<loader [loading]=\"computedLoading()\">\n  <form>\n    <div\n      class=\"row row-cols-{{ gridStyle() }} row-cols-md-{{ gridMDStyle() }} row-cols-lg-{{\n        gridLGStyle()\n      }} row-cols-xxl-{{ gridXXLStyle() }} align-items-center {{ formGridClass() }}\">\n      @for (scheme of computedListValue(); track scheme.field) {\n        <div class=\"col {{ scheme.cls }} \">\n          @switch (true) {\n            @case (scheme.type == 'tel') {\n              <app-phone-number\n                [form]=\"form()\"\n                [label]=\"scheme.label\"\n                [clearOnDisable]=\"scheme.clearOnDisable\"\n                [name]=\"scheme.field\"\n                [showLabel]=\"false\"\n                [noFormat]=\"scheme.noFormat\"\n                [debug]=\"scheme.debug\"\n                [showValidation]=\"scheme.showValidation\"\n                [autoPickValueField]=\"scheme.autoPickValueField\"\n                [showRequiredTag]=\"scheme.showRequiredTag\"\n                [showValidationIcon]=\"scheme.showValidationIcon\"\n                [countryCode3]=\"scheme.countryCode3\"\n                #inputTag />\n            } \n            @default {\n              <div class=\"\">\n                <div class=\"text-primary\">\n                  {{ scheme.label }}\n                </div>\n                <div class=\" \">\n                  {{ scheme.formattedValue | valueOrX: '-' }}\n                </div>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n  </form>\n</loader>\n\n<ng-template #labelValue let-obj>\n  <div class=\"\">\n    <div class=\"text-primary\">\n      {{ obj.scheme.label }}\n    </div>\n    <div class=\" \">\n      {{ formatValue | functionCaller2: obj.scheme : obj.value | valueOrX: '-' }}\n    </div>\n  </div>\n</ng-template>\n", styles: [":host ::ng-deep input:not([type=checkbox]),:host ::ng-deep .control-bg-gray.form-control,:host ::ng-deep textarea{border:none!important;background-color:transparent!important;padding:0!important;height:auto!important}\n"] }]
         }], ctorParameters: () => [] });
 
@@ -17764,135 +17688,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Output
             }] } });
 
-/**
- * Component for displaying information dialogs with customizable content and actions.
- * Supports different status types (success, info, danger, warning) and configurable buttons.
- */
-class InfoDialogComponent {
-    /**
-     * @param data Configuration data for the dialog
-     * @param data.text Main content text to display
-     * @param data.heading Dialog title/heading
-     * @param data.status Status code determining the dialog's visual style (0=danger, 1=success, 2=info, 3=warning)
-     * @param data.btns Array of button configurations to display
-     * @param dialogRef Reference to the dialog instance
-     */
-    constructor(data, dialogRef) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        /**
-         * Handles custom button actions
-         * @param event The pointer event that triggered the action
-         * @param item The button configuration
-         */
-        this.handleAction = (event, item) => {
-            item?.action(event);
-            if (item?.closeBoxOnClick)
-                this.dialogRef.close();
-        };
-        /**
-         * Returns the CSS class name based on the status code
-         * @param status Status code (0=danger, 1=success, 2=info, 3=warning)
-         * @returns CSS class name corresponding to the status
-         */
-        this.cls = (status = this.data.status) => {
-            switch (status) {
-                case 1:
-                    return 'success';
-                case 2:
-                    return 'info';
-                case 0:
-                    return 'danger';
-                case 3:
-                    return 'warning';
-                default:
-                    return '';
-            }
-        };
-    }
-    /** Lifecycle hook that is called after data-bound properties are initialized */
-    ngOnInit() { }
-    /**
-     * Handles the affirmative action for the dialog
-     * @param btn Optional button configuration that triggered this action
-     */
-    yes(btn) {
-        if (btn && btn.closeBoxOnClick === false)
-            return;
-        this.dialogRef.close(true);
-    }
-    /**
-     * Handles the negative action for the dialog
-     * Closes the dialog with a false result
-     */
-    no() {
-        this.dialogRef.close(false);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: InfoDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"d-flex justify-content-between align-items-center\">\n  <div class=\"text-{{ cls() }} ms-3 font-weight-bold text-uppercase\">\n    <i class=\"fa fa-{{ data?.status ? 'check-circle' : 'exclamation-circle' }}\"></i>\n    {{ data?.heading || 'Notice' | appTranslate | async }}\n  </div>\n  <button mat-icon-button (click)=\"yes()\" class=\"btn-outline-danger\">\n    <i class=\"material-icons\">close</i>\n  </button>\n</div>\n\n<div class=\"info-body\" [innerHTML]=\"data?.text | appTranslate | async\"></div>\n\n@if (data?.btns?.length) {\n  <div class=\"info-buttons\">\n    <div class=\"row justify-content-center\">\n      @for (item of data?.btns; track item) {\n        <div class=\"col-md-auto my-1\">\n          <app-btn\n            [type]=\"item.type || 'secondary'\"\n            text=\"{{ item.value || item.label }}\"\n            [icon]=\"item.icon\"\n            (mclick)=\"item.action($event); yes(item)\"></app-btn>\n        </div>\n      }\n    </div>\n  </div>\n}\n<div class=\"bg-{{ cls() }} mt-2 rounded bar\"></div>\n", styles: [":host{text-align:center}:host .bar{height:5px}:host .info-body{overflow-wrap:anywhere;white-space:pre-line;padding:1rem}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$4.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: SDKTranslatePipe, name: "appTranslate" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogComponent, decorators: [{
-            type: Component,
-            args: [{ imports: [MatButtonModule, BtnComponent, AsyncPipe, SDKTranslatePipe], template: "<div class=\"d-flex justify-content-between align-items-center\">\n  <div class=\"text-{{ cls() }} ms-3 font-weight-bold text-uppercase\">\n    <i class=\"fa fa-{{ data?.status ? 'check-circle' : 'exclamation-circle' }}\"></i>\n    {{ data?.heading || 'Notice' | appTranslate | async }}\n  </div>\n  <button mat-icon-button (click)=\"yes()\" class=\"btn-outline-danger\">\n    <i class=\"material-icons\">close</i>\n  </button>\n</div>\n\n<div class=\"info-body\" [innerHTML]=\"data?.text | appTranslate | async\"></div>\n\n@if (data?.btns?.length) {\n  <div class=\"info-buttons\">\n    <div class=\"row justify-content-center\">\n      @for (item of data?.btns; track item) {\n        <div class=\"col-md-auto my-1\">\n          <app-btn\n            [type]=\"item.type || 'secondary'\"\n            text=\"{{ item.value || item.label }}\"\n            [icon]=\"item.icon\"\n            (mclick)=\"item.action($event); yes(item)\"></app-btn>\n        </div>\n      }\n    </div>\n  </div>\n}\n<div class=\"bg-{{ cls() }} mt-2 rounded bar\"></div>\n", styles: [":host{text-align:center}:host .bar{height:5px}:host .info-body{overflow-wrap:anywhere;white-space:pre-line;padding:1rem}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$3.MatDialogRef }] });
-
 const InfoDialogModule = [InfoDialogComponent];
 
-class InfoDialogService {
-    constructor(dialog) {
-        this.dialog = dialog;
-        this.overrideDialogConfig = {};
-        this.errorReporterService = inject(ErrorReporterService);
-        this.info = (text, status = 1, heading, btns, disableClose = false) => {
-            if (status == 0)
-                if (typeof text != 'string') {
-                    console.error(text);
-                    this.errorReporterService.reportError(text);
-                    text = 'An error occurred';
-                }
-                else
-                    this.errorReporterService.reportMessage(text);
-            return this.dialog
-                .open(InfoDialogComponent, {
-                data: {
-                    text,
-                    status: +status,
-                    heading: heading || (status ? 'Success!' : 'Oops!'),
-                    btns: btns?.filter((b) => b),
-                },
-                height: 'auto',
-                minWidth: '450px',
-                maxWidth: '90vw',
-                maxHeight: '90vh',
-                autoFocus: false,
-                disableClose,
-                ...this.overrideDialogConfig,
-            })
-                .afterClosed()
-                .toPromise()
-                .then((r) => {
-                if (r) {
-                    return true;
-                }
-                else {
-                    return false;
-                }
-            });
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogService, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: InfoDialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1$3.MatDialog }] });
-
 /**
  * @deprecated The method should not be used. Use app-input-td-rf instead
  *
@@ -19047,46 +18844,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 args: [{ required: true }]
             }] } });
 
-class NotificationsService {
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
-    open() {
-        Promise.resolve().then(function () { return notifications_component; }).then((c) => {
-            this.dialog.open(c.NotificationsComponent, {
-                width: '350px',
-                position: { right: '-10px', top: '80px', bottom: '50px' },
-                height: '100vh',
-                hasBackdrop: false,
-            });
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotificationsService, deps: [{ token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotificationsService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotificationsService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: i1$3.MatDialog }] });
-
-class NotificationsComponent {
-    constructor(nS, dialogRef) {
-        this.nS = nS;
-        this.dialogRef = dialogRef;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotificationsComponent, deps: [{ token: NotificationsService }, { token: i1$3.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: NotificationsComponent, isStandalone: true, selector: "notifications", ngImport: i0, template: "<modal-header header=\"Notifications\" [dialogRef]=\"dialogRef\"/>\n\n<div class=\"notif-case\" mat-dialog-content >\n\n</div>", styles: [""], dependencies: [{ kind: "component", type: ModalHeaderComponent, selector: "modal-header", inputs: ["dialogRef", "header", "onCloseValue"], outputs: ["close"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: NotificationsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'notifications', imports: [ModalHeaderComponent, MatDialogModule], template: "<modal-header header=\"Notifications\" [dialogRef]=\"dialogRef\"/>\n\n<div class=\"notif-case\" mat-dialog-content >\n\n</div>" }]
-        }], ctorParameters: () => [{ type: NotificationsService }, { type: i1$3.MatDialogRef }] });
-
-var notifications_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    NotificationsComponent: NotificationsComponent
-});
-
 class PageCenterBodyComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: PageCenterBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: PageCenterBodyComponent, isStandalone: true, selector: "page-center-body", ngImport: i0, template: "<div class=\"page-height center\">\n    <div class=\"w-100\">\n        <ng-content>\n\n        </ng-content>\n    </div>\n</div>", styles: [".page-height{height:calc(100vh - 245px)}\n"] }); }
@@ -19921,60 +19678,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
  */
 class TableToStringPipe {
     /**
-     * Transforms table data into a string representation.
-     * @param arr - Array of column configurations
-     * @param obj - The data object to format
-     * @returns Promise resolving to a formatted string representation of the table data
+     * Transforms table data into a string representation.
+     * @param arr - Array of column configurations
+     * @param obj - The data object to format
+     * @returns Promise resolving to a formatted string representation of the table data
+     */
+    async transform(arr, obj) {
+        // console.log(arr)
+        if (!arr?.length)
+            return '';
+        return (await Promise.all(arr.map(async (col) => {
+            let res = this.cfS.transform(obj, col);
+            // const val1 = typeof res == 'object';
+            // if (res) {
+            //   const val2 = await lastValueFrom(res as any);
+            // }
+            const val = typeof res == 'object' && res != null ? await lastValueFrom(res) : res;
+            // console.log('tableToString',val);
+            return `${col.t}:  ${val == null ? '-' : val}`;
+        })))?.join('\n');
+    }
+    /**
+     * @param cfS - Injected GetColFormattedPipe for formatting column values
+     */
+    constructor(cfS) {
+        this.cfS = cfS;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableToStringPipe, deps: [{ token: GetColFormattedPipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: TableToStringPipe, isStandalone: true, name: "tableToString" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableToStringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'tableToString',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: GetColFormattedPipe }] });
+/** Collection of all table-related pipes */
+const pipes = [GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, TableToStringPipe, GetColFormattedEPipe];
+/**
+ * Module that bundles all table-related pipes for easy import.
+ */
+class TablePipesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, imports: [CommonModule, GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, TableToStringPipe, GetColFormattedEPipe], exports: [GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, TableToStringPipe, GetColFormattedEPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, providers: [GetColFormattedPipe], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: pipes,
+                    imports: [CommonModule, ...pipes],
+                    providers: [GetColFormattedPipe],
+                }]
+        }] });
+
+/**
+ * Service for handling reactive form inputs and form schema conversions.
+ * @template TIFormSchema Type for form schema, defaults to IFormSchema
+ * @template TFCInput Type for form control inputs, defaults to FCInput
+ */
+class ETSReactiveFormInputService {
+    constructor() {
+        /**
+         * Binds form controls from a FormGroup to an array of input objects
+         * @template TFCInput Type of form control inputs
+         * @param inputs Array of input objects to bind controls to
+         * @param form FormGroup containing the controls to bind
+         * @returns void
+         */
+        this.bindFormControlToInputs = (inputs, form) => {
+            inputs.forEach((x) => {
+                x.form = form;
+                x.formControl = form.controls[x.name];
+            });
+        };
+        /**
+         * Converts a form schema to a FormGroup
+         * @param schema Form schema definition
+         * @param data Optional initial data
+         * @returns FormGroup built from the schema
+         */
+        this.formSchemaToFormGroup = (schema, data) => {
+            const form = new FormGroup({});
+            for (const item of schema)
+                form.addControl(item.field.toString(), new FormControl(data[item.field.toString()], item.isRequired
+                    ? (item.validators || [])?.concat([Validators.required])
+                    : item.validators, item.asyncValidators));
+            return form;
+        };
+    }
+    /**
+     * Converts an array of form control inputs to a controls object for FormGroup
+     * @template TFCInput Type of form control inputs
+     * @param inputs Array of form control inputs
+     * @returns Object with control names as keys and AbstractControls as values
+     */
+    formFieldsFromFCInputsArr(inputs) {
+        const controls = {};
+        for (const inp of inputs) {
+            controls[inp.name] = inp.formControl;
+        }
+        return controls;
+    }
+    /**
+     * Converts a form schema array to form controls object
+     * @template TIFormSchema Type of form schema
+     * @param formFields Array of form schema objects
+     * @returns Object with field names as keys and FormControls as values
+     */
+    formSchemaToFormControls(formFields) {
+        const controls = {};
+        formFields?.forEach((inp) => {
+            controls[inp.field?.toString()] = new FormControl(inp.value, inp.validators?.map((v) => v.bind(this)), inp.asyncValidators?.map((v) => v.bind(this)));
+        });
+        // controls['__rowID']=new FormControl('id'+Math.round(Math.random()*10000000))
+        return controls;
+    }
+    /**
+     * Adds form controls from a form schema array to an existing FormGroup
+     * @template TIFormSchema Type of form schema
+     * @param formFields Array of form schema objects
+     * @param form Existing FormGroup to add controls to
+     * @returns Updated FormGroup with added controls
      */
-    async transform(arr, obj) {
-        // console.log(arr)
-        if (!arr?.length)
-            return '';
-        return (await Promise.all(arr.map(async (col) => {
-            let res = this.cfS.transform(obj, col);
-            // const val1 = typeof res == 'object';
-            // if (res) {
-            //   const val2 = await lastValueFrom(res as any);
-            // }
-            const val = typeof res == 'object' && res != null ? await lastValueFrom(res) : res;
-            // console.log('tableToString',val);
-            return `${col.t}:  ${val == null ? '-' : val}`;
-        })))?.join('\n');
+    addFormSchemaToForm(formFields, form) {
+        formFields?.forEach((inp) => {
+            form.addControl(inp.field?.toString(), new FormControl(inp.value, inp.validators?.map((v) => v.bind(this)), inp.asyncValidators?.map((v) => v.bind(this))));
+        });
+        // controls['__rowID']=new FormControl('id'+Math.round(Math.random()*10000000))
+        return form;
     }
     /**
-     * @param cfS - Injected GetColFormattedPipe for formatting column values
+     * Creates form controls from a plain object
+     * @template T Type of the input object
+     * @param obj Object with properties to convert to form controls
+     * @returns Object with same keys as input and FormControls as values
      */
-    constructor(cfS) {
-        this.cfS = cfS;
+    formFieldsFromObj(obj) {
+        const controls = {};
+        for (const inp in obj) {
+            controls[inp] = new FormControl(obj[inp]);
+        }
+        return controls;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableToStringPipe, deps: [{ token: GetColFormattedPipe }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: TableToStringPipe, isStandalone: true, name: "tableToString" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableToStringPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'tableToString',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: GetColFormattedPipe }] });
-/** Collection of all table-related pipes */
-const pipes = [GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, TableToStringPipe, GetColFormattedEPipe];
-/**
- * Module that bundles all table-related pipes for easy import.
- */
-class TablePipesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, imports: [CommonModule, GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, TableToStringPipe, GetColFormattedEPipe], exports: [GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, TableToStringPipe, GetColFormattedEPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, providers: [GetColFormattedPipe], imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ETSReactiveFormInputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ETSReactiveFormInputService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TablePipesModule, decorators: [{
-            type: NgModule,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ETSReactiveFormInputService, decorators: [{
+            type: Injectable,
             args: [{
-                    exports: pipes,
-                    imports: [CommonModule, ...pipes],
-                    providers: [GetColFormattedPipe],
+                    providedIn: 'root',
                 }]
-        }] });
+        }], ctorParameters: () => [] });
 
 /**
  * Base component for table functionality with selection, pagination, sorting, and customization options.
@@ -19983,6 +19839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
 class TableBaseComponent {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);
+        this.reactiveFormInputService = inject(ETSReactiveFormInputService);
         /** Options for actions that can be performed on each row */
         this._rowOptions = input(null, ...(ngDevMode ? [{ debugName: "_rowOptions", alias: 'rowOptions' }] : [{ alias: 'rowOptions' }]));
         /** Function that returns row-specific options based on the row data */
@@ -20837,6 +20694,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Input
             }] } });
 
+/**
+ * Converts form schema to table columns
+ */
+class FormSchemaToTableColumnsPipe {
+    /**
+     * Converts form schema to table columns configuration
+     * @param value Array of form schema definitions
+     * @returns Array of table column configurations
+     */
+    transform(value) {
+        return value?.map((x) => ({ f: x.field, t: x.label })) || [];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormSchemaToTableColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FormSchemaToTableColumnsPipe, isStandalone: true, name: "formSchemaToCols" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormSchemaToTableColumnsPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'formSchemaToCols', standalone: true }]
+        }] });
+/**
+ * Converts a form.value to string
+ */
+class FormValuePipe {
+    transform(formValue, formSchema) {
+        // debugger;
+        return formValue
+            ? (formSchema?.length && typeof formSchema[0] != 'string'
+                ? formSchema.map((field) => {
+                    // debugger;
+                    const val = field.type == 'select' || field.type == 'autocomplete'
+                        ? field.selectedOptionLabel || formValue[field.field]
+                        : formValue[field.field];
+                    return val != null ? `${field.label}: ${val}` : null;
+                })
+                : (formSchema || Object.keys(formValue)).map((x) => {
+                    const val = formValue[x];
+                    return `${this.uS.formatField(x)}: ${val != null ? val : '-'}`;
+                }))
+                .filter((x) => x)
+                .join('\n')
+            : '';
+    }
+    constructor(uS) {
+        this.uS = uS;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormValuePipe, deps: [{ token: UtilityService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: FormValuePipe, isStandalone: true, name: "formValue" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormValuePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'formValue',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: UtilityService }] });
+
 /**
  * Component representing a row in a table with input capabilities.
  * Extends FormGeneratorComponent to provide form functionality within table rows.
@@ -21206,7 +21119,7 @@ class TableInputComponent extends FormGeneratorComponent {
                 this.singleFormStructure?.controls[scheme.field]?.hasValidator(Validators.required);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", 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: "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(() => AsyncPipe), name: "async" }, { 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: "20.1.4", 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>\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: "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(() => AsyncPipe), name: "async" }, { kind: "pipe", type: i0.forwardRef(() => SDKTranslatePipe), name: "appTranslate" }, { kind: "pipe", type: i0.forwardRef(() => TableInputClassFunctionPipe), name: "tableInputClassFunction" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: TableInputComponent, decorators: [{
             type: Component,
@@ -21224,7 +21137,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         TableInputRowComponent,
                         SDKTranslatePipe,
                         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 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"] }]
+                    ], 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>\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']
@@ -21295,7 +21208,7 @@ class TablePlainComponent extends TableBaseComponent {
      */
     set _filterFields(v) {
         const _v = v || [];
-        this.uS.addFormSchemaToForm(_v, this.filterForm);
+        this.reactiveFormInputService.addFormSchemaToForm(_v, this.filterForm);
         this.filterFields.set(_v);
         for (const scheme of _v)
             scheme.optionsInitFunc?.subscribe((r) => (this.cellOptions[scheme.field?.toString()] = r));
@@ -22460,6 +22373,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Component that displays an idle timeout dialog to the user.
+ * Shows remaining time before session expiration and allows user interaction.
+ */
+class IdlerComponent {
+    /**
+     * Creates an instance of IdlerComponent.
+     * @param dialogRef - Reference to the dialog opened by the Material Dialog service
+     * @param uS - Utility service for time formatting and other helper functions
+     */
+    constructor(dialogRef, uS, data) {
+        this.dialogRef = dialogRef;
+        this.uS = uS;
+        this.data = data;
+        /**
+         * Computed property that formats the remaining time into hours, minutes, and seconds.
+         * Uses the utility service to convert seconds to a formatted object.
+         */
+        this.timeLeftFormatted = computed(() => this.uS.secondsToHourMinSec(this.data.timeLeft()), ...(ngDevMode ? [{ debugName: "timeLeftFormatted" }] : []));
+        /**
+         * Computed property that creates a human-readable string of the remaining time.
+         * @returns A formatted string representation of the time remaining (e.g. "2hrs 30min 15s")
+         */
+        this.timeLeftString = computed(() => {
+            const { hours, mins, secs } = this.timeLeftFormatted() || {};
+            return `${hours ? hours + 'hrs' : ''} ${mins ? mins + 'min' : ''} ${secs ? secs + 's' : ''}`;
+        }, ...(ngDevMode ? [{ debugName: "timeLeftString" }] : []));
+    }
+    /**
+     * Closes the idle timeout dialog.
+     * This typically indicates user activity and resets the idle timer.
+     */
+    close() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IdlerComponent, deps: [{ token: i1$3.MatDialogRef }, { token: UtilityService }, { token: MAT_DIALOG_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IdlerComponent, isStandalone: true, selector: "app-idler", ngImport: i0, template: "@if (timeLeftString(); as timeLeft) {\n<div class=\"center h-100 text-center  caution\">\n  You will be logged out in {{timeLeft}}\n</div>\n}\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IdlerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-idler', imports: [], template: "@if (timeLeftString(); as timeLeft) {\n<div class=\"center h-100 text-center  caution\">\n  You will be logged out in {{timeLeft}}\n</div>\n}\n" }]
+        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: UtilityService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+
 /**
  * Service that manages user idle state detection and timeout warnings.
  *
@@ -22562,8 +22523,9 @@ class IdlerService {
      */
     openTimeWarningModal() {
         this.idlerModal = this.dialog.open(IdlerComponent, {
-        // height: 'auto',
-        // width: 'auto',
+            // height: 'auto',
+            // width: 'auto',
+            data: { timeLeft: this.timeLeft },
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IdlerService, deps: [{ token: i1$8.Idle }, { token: i1$3.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -22573,50 +22535,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i1$8.Idle }, { type: i1$3.MatDialog }] });
 
-/**
- * Component that displays an idle timeout dialog to the user.
- * Shows remaining time before session expiration and allows user interaction.
- */
-class IdlerComponent {
-    /**
-     * Creates an instance of IdlerComponent.
-     * @param dialogRef - Reference to the dialog opened by the Material Dialog service
-     * @param idlerService - Service that tracks idle time and manages the timeout
-     * @param uS - Utility service for time formatting and other helper functions
-     */
-    constructor(dialogRef, idlerService, uS) {
-        this.dialogRef = dialogRef;
-        this.idlerService = idlerService;
-        this.uS = uS;
-        /**
-         * Computed property that formats the remaining time into hours, minutes, and seconds.
-         * Uses the utility service to convert seconds to a formatted object.
-         */
-        this.timeLeftFormatted = computed(() => this.uS.secondsToHourMinSec(this.idlerService.timeLeft()), ...(ngDevMode ? [{ debugName: "timeLeftFormatted" }] : []));
-        /**
-         * Computed property that creates a human-readable string of the remaining time.
-         * @returns A formatted string representation of the time remaining (e.g. "2hrs 30min 15s")
-         */
-        this.timeLeftString = computed(() => {
-            const { hours, mins, secs } = this.timeLeftFormatted() || {};
-            return `${hours ? hours + 'hrs' : ''} ${mins ? mins + 'min' : ''} ${secs ? secs + 's' : ''}`;
-        }, ...(ngDevMode ? [{ debugName: "timeLeftString" }] : []));
-    }
-    /**
-     * Closes the idle timeout dialog.
-     * This typically indicates user activity and resets the idle timer.
-     */
-    close() {
-        this.dialogRef.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IdlerComponent, deps: [{ token: i1$3.MatDialogRef }, { token: IdlerService }, { token: UtilityService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: IdlerComponent, isStandalone: true, selector: "app-idler", providers: [IdlerService], ngImport: i0, template: "@if (timeLeftString(); as timeLeft) {\n<div class=\"center h-100 text-center  caution\">\n  You will be logged out in {{timeLeft}}\n</div>\n}\n", styles: [""] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: IdlerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-idler', imports: [], providers: [IdlerService], template: "@if (timeLeftString(); as timeLeft) {\n<div class=\"center h-100 text-center  caution\">\n  You will be logged out in {{timeLeft}}\n</div>\n}\n" }]
-        }], ctorParameters: () => [{ type: i1$3.MatDialogRef }, { type: IdlerService }, { type: UtilityService }] });
-
 /**
  * Directive that formats numbers with commas in input fields.
  *
@@ -22903,6 +22821,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1$1.DecimalPipe }, { type: UtilityService }] });
 
+/**
+ * Converts an object to an array of labels for display
+ */
+class ObjectToLabelsPipe {
+    /**
+     * Converts an object to an array of labels with optional custom field mapping
+     * @param value The source object to convert
+     * @param customFieldMap Optional mapping of object keys to ITextCase2 properties
+     * @param exclusionList Optional map of field names to exclude
+     * @returns Array of ITextCase2 objects representing the object's fields
+     */
+    transform(value, customFieldMap, exclusionList) {
+        // debugger;
+        const _exclusionList = {
+            id: true,
+            ...exclusionList,
+        };
+        return Object.keys(value || {})
+            .filter((x) => !_exclusionList[x])
+            .map((f) => ({
+            ...customFieldMap?.[f],
+            label: customFieldMap?.[f]?.label || this.uS.formatField(f),
+            value: value[f],
+        }));
+    }
+    constructor(uS) {
+        this.uS = uS;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ObjectToLabelsPipe, deps: [{ token: UtilityService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.4", ngImport: i0, type: ObjectToLabelsPipe, isStandalone: true, name: "objectToLabels" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: ObjectToLabelsPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'objectToLabels',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: UtilityService }] });
+
 /**
  * Core application service that manages system state, navigation menus, and UI theming.
  * @template TESystem - The system enum type (defaults to ESystem)
@@ -25896,5 +25853,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddItemComponent, ApiService, AppRouteBase, AppRouteService, AppRouteState, AppService, ArraySplitter, AuthenticationInterceptorService, AutocompleteComponent, AutocompleteModule, AutocompleteService, AutocompleteTdRfComponent, BaseFormGenerator, BaseNativeEventListenerDirective, BlinkingBlocksComponent, BouncingBallComponent, Btn, BtnComponent, BtnLg, BtnLgComponent, BtnLinkComponent, BtnModule, BtnService, ButtonComponent, CETSInput, CacheService, CacheUpdaterService, CardComponent, CardComponent as CardModule, CodeTitleDescPipe, CommafyNumberDirective, ButtonComponent as ComponentsModule, Config, ConfirmDialogComponent, ConfirmDialogComponent as ConfirmDialogModule, Constant, CustomDatePipe, DEFAULT_TIMEOUT, DateInputComponent, Day, DayHourMinInputComponent, DebouncerService, DesktopClassDirective, DetailsBtnComponent, DetailsBtnComponent as DetailsBtnModule, DirectivesModule, DocumentsNameDisplayComponent, DocumentsNameDisplayComponent as DocumentsNameDisplayModule, DragDropFileUploadDirective, EETSPageBtnID, ELanguage, EMenuLocation, EMenuType, EPageType, ESubSystem, ESystem, ESystemBusLine, ETSCheckForUpdateService, ETSConfirmDialogService, ETSExtraPagesModule, ETSFKVP, ETSForms, ETSHandleUnrecoverableStateService, ETSKVP, ETSLogUpdateService, ETSLoggerModule, ETSMenuItem, ETSMenuItemDivider, ETSPageNotFoundComponent, ETSPromptUpdateService, ETSReactiveFormInputService, ETSResetModule, ETSResponsivenessDirectiveModule, ETSRobotModule, ETSServiceWorkerService, ETSStorageService, ETSThemeService, ETSTimeoutTesterModule, ETSVersionModule, ETSWindowSecurityService, EUA, EVFunctions, EValidationType, EditableTextCaseComponent, EditableTextCaseComponent as EditableTextCaseModule, SDKEnvironment as Environment, EqualChildrenDirective, ErrorMessagePipe, ErrorReporterService, ExportTableComponent, ExportTableComponent as ExportTableModule, FCInput, FadingBarsComponent, FadingCirclesComponent, FieldToLabelPipe, FieldsToDisplayComponent, FileUploadComponent, FilterArrayByStringPipe, FilterArrayPipe, FilterFormArrayControlPipe, FilterFormArrayGroupPipe, FilterOptions, FindItemComponent, FormErrorComponent, FormGeneratedValueComponent, FormGeneratorComponent, FormGeneratorComponent as FormGeneratorModule, FormGeneratorService, FormInvalidClassDirective, FormInvalidClassPipe, FormLinkComponent, FormLinkComponent as FormLinkModule, FormSchemaToTableColumnsPipe, FormTabHeadersComponent, FormTabHeadersComponent as FormTabHeadersModule, FormValuePipe, FunctionCaller, FunctionCaller1, FunctionCaller2, FunctionCaller3, GenderPipe, GetColFormattedEPipe, GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, GetValueLabel, GlobalErrorHandlerService, HasFormValuePipe, HasValuePipe, HideDesktopDirective, HideMobileDirective, HtmlerService, HttpListCaller, HttpListCaller1, HttpListCaller2, IdlerComponent, IdlerService, ImageLoaderDirective, ImageUpload, IndexCompLayoutComponent, InfoDialogComponent, InfoDialogModule, InfoDialogService, InfoIconComponent, InfoIconComponent as InfoIconModule, InputBasicComponent, InputClassPipe, InputComponent, InputComponents, InputControlComponent, InputFormatDirective, InputFormatService, InputLabelComponent, InputModule, InputNGModelComponent, InputNGModelComponent as InputNGModelModule, InputPipesModule, InputService, InputTD_RFComponent, InputTableComponent, InputTableService, IntegerOnlyDirective, IsClonePage, IsShowPage, LabelComponent, LabelComponent as LabelModule, Lbl, ListOptionFinderPipe, LoaderComponent, LoaderComponent as LoaderModule, LoaderService, LocalCacheService, Log, LoggerComponent, LoggerInterceptorService, LoggerRoutingModule, LoggerService, MHrefDirective, MobileClassDirective, ModalBodyDirective, ModalComponent, ModalComponents, ModalFooterDirective, ModalFormComponent, ModalFormComponent as ModalFormModule, ModalHeaderComponent, ModalHeaderComponent as ModalHeaderModule, ModalComponent as ModalModule, MouseClickListenerDirective, MouseEnterListenerDirective, MouseLeaveListenerDirective, MrouterLinkirective, NELEventName, NarrationHistoryCompComponent, NativeEventListenerDirectives, NegativeNumberOnlyDirective, NotificationsComponent, NotificationsService, NumberFormatService, NumberPipe, ObjectToArrayPipe, ObjectToLabelsPipe, OnClickDirective, OptionLabeller, OptionerPipe, OptionsFormatter, PSDirective, PageCenterBodyComponent, PageLoader, PageLoaderService, PageModal, PageService, PageTemplateComponent, PageTemplateComponent as PageTemplateModule, PageToComponentComponent, PageToComponentDirective, PageToComponentComponent as PageToComponentModule, PageToComponentService, PaginatorComponent, PaginatorPipe, PhoneNumberComponent, PhoneNumberService, PointerMoveListenerDirective, prototypes as Prototypes, RefresherPipe, RemoveUsedOptionsPipe, RemoveUsedOptionsReactivePipe, ReplaceAllPipe, RequestLoggerInterceptorService, RequestTimeoutInterceptorService, ResizeGridPipe, ResponsiveValPipe, ResponsivenessDirective, ReverseTranslateSingleNLPipe, RichTextEditorComponent, RichTextEditorRFComponent, RingRipplesComponent, RoundPipe, RouteItem, RowActionsComponent, RowActionsComponent as RowActionsModule, BaseEffect as SDKBaseEffect, BaseFacadeService as SDKBaseFacadeService, BaseService as SDKBaseService, SDKTranslateNoLoaderPipe, SDKTranslatePipe, SDKTranslateSingleNoLoaderPipe, SDKTranslateSinglePipe, SaverClass, SaverService, SecondsToTimePipe, SharedModule, SortPipe, SpinnerComponent, StorageClass, StrConcatenatorPipe, SvgIconComponent, SvgIconService, TableBaseComponent, TableCol, TableHttpsComponent, TableInputClassFunctionPipe, TableInputComponent, TableInputRowComponent, TablePipesModule, TablePlainComponent, TableService, TableToStringPipe, TextAreaModalComponent, TextAreaModalService, TextCase1Component, TextCase2Component, TextCase2ForObject, TextCaseInputComponent, TextCaseService, TextComponent, ToAnyArrayPipe, ToAnyPipe, ToggleInputFormComponent, TranslatePipeModule, TranslationService, TranslatorCaseComponent, TranslatorDirective, TrimPipe, TrimTextPipe, TyperPipe, UserActivity, UserActivityService, UtilityPipesModule, UtilityService, ValidationMessageComponent, ValidationMessageNgmodelComponent, ValidationMsg, Validator, ValueFormatterPipe, ValueOrXPipe, VersionService, VerticalNavComponent, ViewFormButtonsComponent, ViewFormButtonsComponent as ViewFormButtonsModule, WatermarkComponent, WebUserAuthenticationService, WebUserForgotPasswordComponent, WebUserLoginComponent, WebUserResetPasswordComponent, WebcamMediaComponent, XOrYPipe, YearMonthTdRfComponent, _SharedModule, configForms, configPatterns, configValidationMessages, environment, pageErrorRouter, webUserAuthenticationGuard, webUserAuthenticationInterceptor, widthOffsetPipe };
+export { AddItemComponent, ApiService, AppRouteBase, AppRouteService, AppRouteState, AppService, ArraySplitter, AuthenticationInterceptorService, AutocompleteComponent, AutocompleteModule, AutocompleteService, AutocompleteTdRfComponent, BaseFormGenerator, BaseNativeEventListenerDirective, BlinkingBlocksComponent, BouncingBallComponent, Btn, BtnComponent, BtnLg, BtnLgComponent, BtnLinkComponent, BtnModule, BtnService, ButtonComponent, CETSInput, CacheService, CacheUpdaterService, CardComponent, CardComponent as CardModule, CodeTitleDescPipe, CommafyNumberDirective, ButtonComponent as ComponentsModule, Config, ConfirmDialogComponent, ConfirmDialogComponent as ConfirmDialogModule, Constant, CustomDatePipe, DEFAULT_TIMEOUT, DateInputComponent, Day, DayHourMinInputComponent, DebouncerService, DesktopClassDirective, DetailsBtnComponent, DetailsBtnComponent as DetailsBtnModule, DirectivesModule, DocumentsNameDisplayComponent, DocumentsNameDisplayComponent as DocumentsNameDisplayModule, DragDropFileUploadDirective, EETSPageBtnID, ELanguage, EMenuLocation, EMenuType, EPageType, ESubSystem, ESystem, ESystemBusLine, ETSCheckForUpdateService, ETSConfirmDialogService, ETSExtraPagesModule, ETSFKVP, ETSForms, ETSHandleUnrecoverableStateService, ETSKVP, ETSLogUpdateService, ETSLoggerModule, ETSMenuItem, ETSMenuItemDivider, ETSPageNotFoundComponent, ETSPromptUpdateService, ETSReactiveFormInputService, ETSResetModule, ETSResponsivenessDirectiveModule, ETSRobotModule, ETSServiceWorkerService, ETSStorageService, ETSThemeService, ETSTimeoutTesterModule, ETSVersionModule, ETSWindowSecurityService, EUA, EVFunctions, EValidationType, EditableTextCaseComponent, EditableTextCaseComponent as EditableTextCaseModule, SDKEnvironment as Environment, EqualChildrenDirective, ErrorMessagePipe, ErrorReporterService, ExportTableComponent, ExportTableComponent as ExportTableModule, FCInput, FadingBarsComponent, FadingCirclesComponent, FieldToLabelPipe, FieldsToDisplayComponent, FileUploadComponent, FilterArrayByStringPipe, FilterArrayPipe, FilterFormArrayControlPipe, FilterFormArrayGroupPipe, FilterOptions, FindItemComponent, FormErrorComponent, FormGeneratedValueComponent, FormGeneratorComponent, FormGeneratorComponent as FormGeneratorModule, FormGeneratorService, FormInvalidClassDirective, FormInvalidClassPipe, FormLinkComponent, FormLinkComponent as FormLinkModule, FormSchemaToTableColumnsPipe, FormTabHeadersComponent, FormTabHeadersComponent as FormTabHeadersModule, FormValuePipe, FunctionCaller, FunctionCaller1, FunctionCaller2, FunctionCaller3, GenderPipe, GetColFormattedEPipe, GetColFormattedPipe, GetHeadersPipe, GetRawFieldsPipe, GetValueLabel, GlobalErrorHandlerService, HasFormValuePipe, HasValuePipe, HideDesktopDirective, HideMobileDirective, HtmlerService, HttpListCaller, HttpListCaller1, HttpListCaller2, IdlerComponent, IdlerService, ImageLoaderDirective, ImageUpload, IndexCompLayoutComponent, InfoDialogComponent, InfoDialogModule, InfoDialogService, InfoIconComponent, InfoIconComponent as InfoIconModule, InputBasicComponent, InputClassPipe, InputComponent, InputComponents, InputControlComponent, InputFormatDirective, InputFormatService, InputLabelComponent, InputModule, InputNGModelComponent, InputNGModelComponent as InputNGModelModule, InputPipesModule, InputService, InputTD_RFComponent, InputTableComponent, InputTableService, IntegerOnlyDirective, IsClonePage, IsShowPage, LabelComponent, LabelComponent as LabelModule, Lbl, ListOptionFinderPipe, LoaderComponent, LoaderComponent as LoaderModule, LoaderService, LocalCacheService, Log, LoggerComponent, LoggerInterceptorService, LoggerRoutingModule, LoggerService, MHrefDirective, MobileClassDirective, ModalBodyDirective, ModalComponent, ModalComponents, ModalFooterDirective, ModalFormComponent, ModalFormComponent as ModalFormModule, ModalHeaderComponent, ModalHeaderComponent as ModalHeaderModule, ModalComponent as ModalModule, MouseClickListenerDirective, MouseEnterListenerDirective, MouseLeaveListenerDirective, MrouterLinkirective, NELEventName, NarrationHistoryCompComponent, NativeEventListenerDirectives, NegativeNumberOnlyDirective, NumberFormatService, NumberPipe, ObjectToArrayPipe, ObjectToLabelsPipe, OnClickDirective, OptionLabeller, OptionerPipe, OptionsFormatter, PSDirective, PageCenterBodyComponent, PageLoader, PageLoaderService, PageModal, PageService, PageTemplateComponent, PageTemplateComponent as PageTemplateModule, PageToComponentComponent, PageToComponentDirective, PageToComponentComponent as PageToComponentModule, PageToComponentService, PaginatorComponent, PaginatorPipe, PhoneNumberComponent, PhoneNumberService, PointerMoveListenerDirective, prototypes as Prototypes, RefresherPipe, RemoveUsedOptionsPipe, RemoveUsedOptionsReactivePipe, ReplaceAllPipe, RequestLoggerInterceptorService, RequestTimeoutInterceptorService, ResizeGridPipe, ResponsiveValPipe, ResponsivenessDirective, ReverseTranslateSingleNLPipe, RichTextEditorComponent, RichTextEditorRFComponent, RingRipplesComponent, RoundPipe, RouteItem, RowActionsComponent, RowActionsComponent as RowActionsModule, BaseEffect as SDKBaseEffect, BaseFacadeService as SDKBaseFacadeService, BaseService as SDKBaseService, SDKTranslateNoLoaderPipe, SDKTranslatePipe, SDKTranslateSingleNoLoaderPipe, SDKTranslateSinglePipe, SaverClass, SaverService, SecondsToTimePipe, SharedModule, SortPipe, SpinnerComponent, StorageClass, StrConcatenatorPipe, SvgIconComponent, SvgIconService, TableBaseComponent, TableCol, TableHttpsComponent, TableInputClassFunctionPipe, TableInputComponent, TableInputRowComponent, TablePipesModule, TablePlainComponent, TableService, TableToStringPipe, TextAreaModalComponent, TextAreaModalService, TextCase1Component, TextCase2Component, TextCase2ForObject, TextCaseInputComponent, TextCaseService, TextComponent, ToAnyArrayPipe, ToAnyPipe, ToggleInputFormComponent, TranslatePipeModule, TranslationService, TranslatorCaseComponent, TranslatorDirective, TrimPipe, TrimTextPipe, TyperPipe, UserActivity, UserActivityService, UtilityPipesModule, UtilityService, ValidationMessageComponent, ValidationMessageNgmodelComponent, ValidationMsg, Validator, ValueFormatterPipe, ValueOrXPipe, VersionService, VerticalNavComponent, ViewFormButtonsComponent, ViewFormButtonsComponent as ViewFormButtonsModule, WatermarkComponent, WebUserAuthenticationService, WebUserForgotPasswordComponent, WebUserLoginComponent, WebUserResetPasswordComponent, WebcamMediaComponent, XOrYPipe, YearMonthTdRfComponent, _SharedModule, configForms, configPatterns, configValidationMessages, environment, pageErrorRouter, webUserAuthenticationGuard, webUserAuthenticationInterceptor, widthOffsetPipe };
 //# sourceMappingURL=ets-fe-ng-sdk.mjs.map