barsa-novin-ray-core 2.3.163 → 2.3.165

package/fesm2022/{barsa-novin-ray-core-barsa-novin-ray-core-CGp55b2N.mjs → barsa-novin-ray-core-barsa-novin-ray-core-Q1H9o6KT.mjs}

@@ -10,7 +10,7 @@ import moment$1 from 'moment-hijri';
 import moment$2 from 'moment-jalaali';
 import { _isNumberValue } from '@angular/cdk/coercion';
 import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { HttpClient, HttpEventType, HttpErrorResponse, HttpHeaders, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
+import { HttpClient, HttpEventType, HttpErrorResponse, HttpHeaders, provideHttpClient, withXhr, withInterceptorsFromDi } from '@angular/common/http';
 import { loadRemoteModule } from '@angular-architects/native-federation';
 import * as i1$1 from '@angular/common';
 import { Location, TitleCasePipe, CommonModule } from '@angular/common';
@@ -21,6 +21,14 @@ import Splide from '@splidejs/splide';
 
 class BarsaApi {
     static { this.idGenerator = -10000; }
+    /**
+     * رجیستری سراسری کامپوننت‌های سفارشی (per-xtype) که از سرور با
+     * BL method گرفته می‌شود. کلید = originalXtype (مثل 'Ui.TextArea')،
+     * مقدار = تعریف کامپوننت (Module/Name/Selector/Version/IsFederatedRemote/...).
+     * توسط CustomUiRegistryService در AppInitializer پر می‌شود و در
+     * getComponentDefined خوانده می‌شود.
+     */
+    static { this.CustomUiMap = {}; }
     static get GanttChartHelper() {
         return GanttChartHelper;
     }
@@ -100,10 +108,10 @@ class LogService {
             console.warn(warn);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -159,10 +167,10 @@ class BaseComponent {
         console.log('ngOnDestroy');
         console.log(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseComponent, isStandalone: false, selector: "bnrc-base", inputs: { rendered: "rendered" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseComponent, isStandalone: false, selector: "bnrc-base", inputs: { rendered: "rendered" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base',
@@ -178,10 +186,10 @@ class EmptyPageWithRouterAndRouterOutletComponent extends BaseComponent {
     constructor() {
         super();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EmptyPageWithRouterAndRouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: EmptyPageWithRouterAndRouterOutletComponent, isStandalone: false, selector: "bnrc-empty-page-with-router-and-router-outlet", usesInheritance: true, ngImport: i0, template: "<ng-container #containerRef></ng-container>\r\n<router-outlet></router-outlet>\r\n<router-outlet name=\"main\"></router-outlet>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EmptyPageWithRouterAndRouterOutletComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: EmptyPageWithRouterAndRouterOutletComponent, isStandalone: false, selector: "bnrc-empty-page-with-router-and-router-outlet", usesInheritance: true, ngImport: i0, template: "<ng-container #containerRef></ng-container>\r\n<router-outlet></router-outlet>\r\n<router-outlet name=\"main\"></router-outlet>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EmptyPageWithRouterAndRouterOutletComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EmptyPageWithRouterAndRouterOutletComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-empty-page-with-router-and-router-outlet', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container #containerRef></ng-container>\r\n<router-outlet></router-outlet>\r\n<router-outlet name=\"main\"></router-outlet>\r\n" }]
         }], ctorParameters: () => [] });
@@ -535,10 +543,10 @@ class DateService {
         }
         return val1 === val2;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateService, decorators: [{
             type: Injectable
         }] });
 
@@ -672,10 +680,10 @@ class DateHijriService extends DateService {
         }
         return m.format(format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateHijriService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateHijriService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateHijriService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateHijriService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateHijriService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateHijriService, decorators: [{
             type: Injectable
         }] });
 
@@ -788,10 +796,10 @@ class DateMiladiService extends DateService {
     weekDays() {
         return moment.weekdays();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateMiladiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateMiladiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateMiladiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateMiladiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateMiladiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateMiladiService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -932,10 +940,10 @@ class DateShamsiService extends DateService {
         }
         return moment$2(value, format);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateShamsiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateShamsiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateShamsiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateShamsiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateShamsiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DateShamsiService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1090,6 +1098,16 @@ const isAndroid = () => {
     }
     return !!Device.os.android;
 };
+const isIOS$1 = () => {
+    if (!Device.os) {
+        _setOS();
+    }
+    if (Device.os.ios) {
+        return true;
+    }
+    // iPadOS 13+ خودش را «Macintosh» گزارش می‌کند؛ با وجود لمس از مکِ واقعی تفکیک می‌شود
+    return !!Device.os.macintosh && supportTouch();
+};
 // * ******* Browser Detection ********
 /**
  * Contains information about the used browser.
@@ -1972,6 +1990,10 @@ function setOneDepthLevel(node) {
 function isFirefox() {
     return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
 }
+/** تشخیص دستگاه‌های iOS (iPhone/iPad/iPod، شامل iPadOS 13+ در حالت دسکتاپ). */
+function isIOS() {
+    return isIOS$1();
+}
 function getImagePath(type, moId, fileId, fieldDefId, size, sizeH) {
     moId = moId == null ? '' : encodeURIComponent(moId);
     fileId = fileId == null ? '' : encodeURIComponent(fileId);
@@ -2064,14 +2086,23 @@ function getComponentDefined(controlUi, customUiSetting) {
     selector = selector.substring(1, selector.length);
     selector = BarsaApi.LoginFormData.CustomUiPrefix + '-' + selector;
     let version;
-    if (customUiSetting && customUiSetting.Module) {
-        moduleName = customUiSetting.Module;
+    let isFederatedRemote = false;
+    let moduleFileName;
+    // ── انتخاب override با اولویت ──────────────────────────────────
+    // ۱) CustomUi روی خود فیلد (خاص‌ترین)  >  ۲) رجیستری سراسری per-xtype  >  ۳) پیش‌فرض
+    const registryEntry = BarsaApi.CustomUiMap ? BarsaApi.CustomUiMap[controlUi.originalXtype] : null;
+    const override = customUiSetting && customUiSetting.Module ? customUiSetting : registryEntry;
+    if (override && override.Module) {
+        moduleName = override.Module;
         moduleKebabName = BarsaApi.Common.Util.GetKebabCase(moduleName);
-        componentName = customUiSetting.Name;
-        selector = customUiSetting.Selector;
-        version = customUiSetting.Version;
-    }
-    const modulePath = moduleKebabName.slice(1, moduleKebabName.length);
+        componentName = override.Name;
+        selector = override.Selector;
+        version = override.Version;
+        isFederatedRemote = !!override.IsFederatedRemote;
+        moduleFileName = override.ModuleFileName;
+    }
+    // ModuleFileName سرور را ترجیح بده؛ در غیر این‌صورت از kebab نام ماژول بساز
+    const modulePath = moduleFileName ? moduleFileName : moduleKebabName.slice(1, moduleKebabName.length);
     return {
         Id: '',
         $Caption: '',
@@ -2079,7 +2110,8 @@ function getComponentDefined(controlUi, customUiSetting) {
         ModuleFileName: modulePath,
         Name: componentName,
         Selector: selector,
-        Version: version
+        Version: version,
+        IsFederatedRemote: isFederatedRemote
     };
 }
 function isSafari() {
@@ -2919,10 +2951,10 @@ class MoReportValuePipe {
     transform(name, mo, Columns, caption) {
         return getColumnValueOfMoDataList(name, mo, Columns, caption);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoReportValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MoReportValuePipe, isStandalone: false, name: "rval" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoReportValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MoReportValuePipe, isStandalone: false, name: "rval" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoReportValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoReportValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'rval',
@@ -2947,11 +2979,11 @@ class EnumCaptionPipe {
         const val = obj[`${field}$Caption`];
         return val !== undefined ? val : obj[field];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EnumCaptionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: EnumCaptionPipe, isStandalone: false, name: "enumCaption" }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EnumCaptionPipe, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EnumCaptionPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: EnumCaptionPipe, isStandalone: false, name: "enumCaption" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EnumCaptionPipe, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EnumCaptionPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EnumCaptionPipe, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }, {
@@ -2999,10 +3031,10 @@ class NumeralPipe {
         const newVal = value.toString().replace(/,/g, '');
         return newVal;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NumeralPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: NumeralPipe, isStandalone: false, name: "numeral" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NumeralPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: NumeralPipe, isStandalone: false, name: "numeral" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NumeralPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NumeralPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'numeral',
@@ -3060,10 +3092,10 @@ class GroupByPipe {
             value: groupedCollection[key]
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GroupByPipe, isStandalone: false, name: "groupBy" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: GroupByPipe, isStandalone: false, name: "groupBy" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GroupByPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GroupByPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'groupBy',
@@ -3089,10 +3121,10 @@ class BbbTranslatePipe {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BbbTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: BbbTranslatePipe, isStandalone: false, name: "bbbTranslate" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BbbTranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BbbTranslatePipe, isStandalone: false, name: "bbbTranslate" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BbbTranslatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BbbTranslatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'bbbTranslate',
@@ -3128,10 +3160,10 @@ class ContextMenuPipe {
             return true;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContextMenuPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ContextMenuPipe, isStandalone: false, name: "contextMenu" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContextMenuPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ContextMenuPipe, isStandalone: false, name: "contextMenu" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContextMenuPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContextMenuPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'contextMenu',
@@ -3148,10 +3180,10 @@ class HeaderFacetValuePipe {
         // rating-indicator && progress-indicator
         return Number(value.Value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HeaderFacetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: HeaderFacetValuePipe, isStandalone: false, name: "facetValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HeaderFacetValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: HeaderFacetValuePipe, isStandalone: false, name: "facetValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HeaderFacetValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HeaderFacetValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'facetValue',
@@ -3170,10 +3202,10 @@ class SeperatorFixPipe {
         }
         return !removeSeperator ? buttons : buttons.filter((c) => typeof c === 'object' && c.cls);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SeperatorFixPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SeperatorFixPipe, isStandalone: false, name: "seperatorFix" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SeperatorFixPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SeperatorFixPipe, isStandalone: false, name: "seperatorFix" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SeperatorFixPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SeperatorFixPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'seperatorFix',
@@ -3201,10 +3233,10 @@ class ConvertToStylePipe {
         }
         return {};
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConvertToStylePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ConvertToStylePipe, isStandalone: false, name: "convertToStyle" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConvertToStylePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ConvertToStylePipe, isStandalone: false, name: "convertToStyle" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConvertToStylePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ConvertToStylePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'convertToStyle',
@@ -3264,10 +3296,10 @@ class TlbButtonsPipe {
         }
         return value === val && !btn.hidden && !btn.Command?.hide;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TlbButtonsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: TlbButtonsPipe, isStandalone: false, name: "tlbButtons" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TlbButtonsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: TlbButtonsPipe, isStandalone: false, name: "tlbButtons" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TlbButtonsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TlbButtonsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'tlbButtons',
@@ -3283,10 +3315,10 @@ class RemoveNewlinePipe {
         }
         return text;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RemoveNewlinePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: RemoveNewlinePipe, isStandalone: false, name: "removeNewline" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RemoveNewlinePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: RemoveNewlinePipe, isStandalone: false, name: "removeNewline" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RemoveNewlinePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RemoveNewlinePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'removeNewline',
@@ -3299,10 +3331,10 @@ class MoValuePipe {
     transform(name, mo, caption) {
         return getFieldValue(name, mo, caption);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MoValuePipe, isStandalone: false, name: "val" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MoValuePipe, isStandalone: false, name: "val" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'val',
@@ -3330,10 +3362,10 @@ class FilterPipe {
         });
         return match;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterPipe, isStandalone: false, name: "filter" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterPipe, isStandalone: false, name: "filter" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filter',
@@ -3348,10 +3380,10 @@ class FilterTabPipe {
         }
         return collection.filter((val) => val.Visible !== false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterTabPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterTabPipe, isStandalone: false, name: "filterTab" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterTabPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterTabPipe, isStandalone: false, name: "filterTab" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterTabPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterTabPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterTab',
@@ -3382,10 +3414,10 @@ class MoReportValueConcatPipe {
         });
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoReportValueConcatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MoReportValueConcatPipe, isStandalone: false, name: "rvalConcat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoReportValueConcatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MoReportValueConcatPipe, isStandalone: false, name: "rvalConcat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoReportValueConcatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoReportValueConcatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'rvalConcat',
@@ -3424,10 +3456,10 @@ class FilterStringPipe {
         });
         return match;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterStringPipe, isStandalone: false, name: "filterStr" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterStringPipe, isStandalone: false, name: "filterStr" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterStringPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterStringPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterStr',
@@ -3442,10 +3474,10 @@ class SortPipe {
         }
         return [...items].sort(multilevelSort(criteria));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SortPipe, isStandalone: false, name: "sort" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SortPipe, isStandalone: false, name: "sort" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SortPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SortPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'sort',
@@ -3459,10 +3491,10 @@ class BarsaIconDictPipe {
         const sizeField = size === '128' ? 'FileIconDict128' : 'FileIconDict16';
         return BarsaApi.Common.File[sizeField][type];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaIconDictPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: BarsaIconDictPipe, isStandalone: false, name: "barsaIconDict" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaIconDictPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BarsaIconDictPipe, isStandalone: false, name: "barsaIconDict" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaIconDictPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaIconDictPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'barsaIconDict',
@@ -3478,10 +3510,10 @@ class FileInfoCountPipe {
         }
         return value.Files.filter((c) => !c.IsDeleted).length;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileInfoCountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FileInfoCountPipe, isStandalone: false, name: "fileinfoCount" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileInfoCountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FileInfoCountPipe, isStandalone: false, name: "fileinfoCount" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FileInfoCountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FileInfoCountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'fileinfoCount',
@@ -3508,10 +3540,10 @@ class ControlUiPipe {
         });
         return finded;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ControlUiPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ControlUiPipe, isStandalone: false, name: "controlUi" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ControlUiPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ControlUiPipe, isStandalone: false, name: "controlUi" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ControlUiPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ControlUiPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'controlUi',
@@ -3524,10 +3556,10 @@ class VisibleValuePipe {
     transform(object, field) {
         return GetVisibleValue(object, field);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VisibleValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: VisibleValuePipe, isStandalone: false, name: "barsaVisibleValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VisibleValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: VisibleValuePipe, isStandalone: false, name: "barsaVisibleValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VisibleValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VisibleValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'barsaVisibleValue',
@@ -3539,10 +3571,10 @@ class FilterToolbarControlPipe {
     transform(config) {
         return config.items.filter((c) => c.xtype !== 'Ly.LayoutControl' || (c.xtype === 'Ly.LayoutControl' && c.FieldUi)); // filter toolbar button.fieldui is undefined in toolbar layout control.
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterToolbarControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterToolbarControlPipe, isStandalone: false, name: "filterToolbarControl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterToolbarControlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterToolbarControlPipe, isStandalone: false, name: "filterToolbarControl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterToolbarControlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterToolbarControlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterToolbarControl',
@@ -3624,10 +3656,10 @@ class MultipleGroupByPipe {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MultipleGroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MultipleGroupByPipe, isStandalone: false, name: "multipleGroupBy" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultipleGroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MultipleGroupByPipe, isStandalone: false, name: "multipleGroupBy" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MultipleGroupByPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MultipleGroupByPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'multipleGroupBy',
@@ -3644,10 +3676,10 @@ class PictureFieldSourcePipe {
         const url = getImagePath(type, moId, value, fieldDefId, sw, sh);
         return url;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PictureFieldSourcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: PictureFieldSourcePipe, isStandalone: false, name: "picFieldSrc" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PictureFieldSourcePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PictureFieldSourcePipe, isStandalone: false, name: "picFieldSrc" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PictureFieldSourcePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PictureFieldSourcePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'picFieldSrc',
@@ -3685,10 +3717,10 @@ class FioriIconPipe {
                 return defaultIcon;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FioriIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FioriIconPipe, isStandalone: false, name: "fioriIcon" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FioriIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FioriIconPipe, isStandalone: false, name: "fioriIcon" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FioriIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FioriIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'fioriIcon',
@@ -3710,10 +3742,10 @@ class CanUploadFilePipe {
         }
         return canUpload;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CanUploadFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: CanUploadFilePipe, isStandalone: false, name: "canUploadFile" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CanUploadFilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: CanUploadFilePipe, isStandalone: false, name: "canUploadFile" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CanUploadFilePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CanUploadFilePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'canUploadFile',
@@ -3726,10 +3758,10 @@ class ListCountPipe {
     transform(list) {
         return list.length;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ListCountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ListCountPipe, isStandalone: false, name: "listCount" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListCountPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ListCountPipe, isStandalone: false, name: "listCount" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ListCountPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ListCountPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'listCount',
@@ -3741,10 +3773,10 @@ class TotalSummaryPipe {
     transform(moDataList, columnName) {
         return moDataList.reduce((curr, prev, currIndex) => currIndex === 0 ? Number(prev[columnName]) : curr + Number(prev[columnName]), 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TotalSummaryPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: TotalSummaryPipe, isStandalone: false, name: "totalSummary" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TotalSummaryPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: TotalSummaryPipe, isStandalone: false, name: "totalSummary" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TotalSummaryPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TotalSummaryPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'totalSummary',
@@ -3779,11 +3811,11 @@ class MergeFieldsToColumnsPipe {
         }
         return columns;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MergeFieldsToColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MergeFieldsToColumnsPipe, isStandalone: false, name: "mergeFieldsToColumns" }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MergeFieldsToColumnsPipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MergeFieldsToColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MergeFieldsToColumnsPipe, isStandalone: false, name: "mergeFieldsToColumns" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MergeFieldsToColumnsPipe }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MergeFieldsToColumnsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MergeFieldsToColumnsPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -3807,10 +3839,10 @@ class FindColumnByDbNamePipe {
     _findColumn(columns, name) {
         return columns.find((column) => column.Name === name || column.Caption === name || column.Alias === name);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FindColumnByDbNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FindColumnByDbNamePipe, isStandalone: false, name: "findColumnByDbName" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FindColumnByDbNamePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FindColumnByDbNamePipe, isStandalone: false, name: "findColumnByDbName" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FindColumnByDbNamePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FindColumnByDbNamePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'findColumnByDbName',
@@ -3829,10 +3861,10 @@ class FilterColumnsByDetailsPipe {
             detailsColumns.map((c) => c.Name).indexOf(column.Name) === -1);
         return x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterColumnsByDetailsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterColumnsByDetailsPipe, isStandalone: false, name: "filterColumnsByDetails" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterColumnsByDetailsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterColumnsByDetailsPipe, isStandalone: false, name: "filterColumnsByDetails" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterColumnsByDetailsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterColumnsByDetailsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterColumnsByDetails',
@@ -3844,10 +3876,10 @@ class MoInfoUlvPagingPipe {
     transform(ulvAdapterPaging, ulvUiPaging) {
         return ulvAdapterPaging ? ulvAdapterPaging : ulvUiPaging;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoInfoUlvPagingPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MoInfoUlvPagingPipe, isStandalone: false, name: "moInfoUlvPaging" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoInfoUlvPagingPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MoInfoUlvPagingPipe, isStandalone: false, name: "moInfoUlvPaging" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoInfoUlvPagingPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoInfoUlvPagingPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'moInfoUlvPaging',
@@ -3901,10 +3933,10 @@ class MoInfoUlvMoListPipe {
         }
         return result;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoInfoUlvMoListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MoInfoUlvMoListPipe, isStandalone: false, name: "moInfoUlvMoList" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoInfoUlvMoListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MoInfoUlvMoListPipe, isStandalone: false, name: "moInfoUlvMoList" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoInfoUlvMoListPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoInfoUlvMoListPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'moInfoUlvMoList',
@@ -3922,10 +3954,10 @@ class ReversePipe {
         }
         return value.reverse();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ReversePipe, isStandalone: false, name: "reverse" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReversePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ReversePipe, isStandalone: false, name: "reverse" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReversePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReversePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'reverse',
@@ -3953,10 +3985,10 @@ class ColumnCustomUiPipe {
         });
         return component;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomUiPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomUiPipe, isStandalone: false, name: "columnCustomUi" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomUiPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomUiPipe, isStandalone: false, name: "columnCustomUi" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomUiPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomUiPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'columnCustomUi',
@@ -3972,10 +4004,10 @@ class SanitizeTextPipe {
     transform(text) {
         return this._domSanitizer.bypassSecurityTrustHtml(text);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SanitizeTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SanitizeTextPipe, isStandalone: false, name: "sanitizeText" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SanitizeTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SanitizeTextPipe, isStandalone: false, name: "sanitizeText" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SanitizeTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SanitizeTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'sanitizeText',
@@ -4008,11 +4040,11 @@ class ColumnCustomComponentPipe {
         }
         return columns;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomComponentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomComponentPipe, isStandalone: false, name: "columnCustomComponent" }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomComponentPipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomComponentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomComponentPipe, isStandalone: false, name: "columnCustomComponent" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomComponentPipe }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnCustomComponentPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnCustomComponentPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -4044,10 +4076,10 @@ class ColumnValuePipe {
         }
         return caption || '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ColumnValuePipe, isStandalone: false, name: "columnValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ColumnValuePipe, isStandalone: false, name: "columnValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'columnValue',
@@ -4065,10 +4097,10 @@ class ColumnIconPipe {
         }
         return icon;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ColumnIconPipe, isStandalone: false, name: "columnIcon" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ColumnIconPipe, isStandalone: false, name: "columnIcon" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnIconPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnIconPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'columnIcon',
@@ -4085,11 +4117,11 @@ class RowNumberPipe {
         const firstRow = BarsaApi.Common.Util.TryGetValue(setting, 'StartIndex', 0);
         return rowIndex + Number(firstRow) + 1;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RowNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: RowNumberPipe, isStandalone: false, name: "rowNumber" }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RowNumberPipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RowNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: RowNumberPipe, isStandalone: false, name: "rowNumber" }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RowNumberPipe }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RowNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RowNumberPipe, decorators: [{
             type: Injectable
         }, {
             type: Pipe,
@@ -4103,10 +4135,10 @@ class ComboRowImagePipe {
     transform(value, data) {
         return data.find((c) => c.id === value).url;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ComboRowImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ComboRowImagePipe, isStandalone: false, name: "comboRowImg" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ComboRowImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ComboRowImagePipe, isStandalone: false, name: "comboRowImg" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ComboRowImagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ComboRowImagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'comboRowImg',
@@ -4127,10 +4159,10 @@ class IsExpandedNodePipe {
         }
         return this._isExpanded(value.parentNode);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IsExpandedNodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: IsExpandedNodePipe, isStandalone: false, name: "isExpandedNode" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IsExpandedNodePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: IsExpandedNodePipe, isStandalone: false, name: "isExpandedNode" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IsExpandedNodePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IsExpandedNodePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isExpandedNode',
@@ -4147,10 +4179,10 @@ class ThImageOrIconePipe {
         column.$IsImageOricon = x;
         return x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ThImageOrIconePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ThImageOrIconePipe, isStandalone: false, name: "thImageOrIcon" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ThImageOrIconePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ThImageOrIconePipe, isStandalone: false, name: "thImageOrIcon" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ThImageOrIconePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ThImageOrIconePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'thImageOrIcon',
@@ -4165,10 +4197,10 @@ class FindPreviewColumnPipe {
         }
         return columns.find((column) => column.IsPreview);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FindPreviewColumnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FindPreviewColumnPipe, isStandalone: false, name: "findPreviewColumn" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FindPreviewColumnPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FindPreviewColumnPipe, isStandalone: false, name: "findPreviewColumn" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FindPreviewColumnPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FindPreviewColumnPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'findPreviewColumn',
@@ -4181,10 +4213,10 @@ class ReplacePipe {
         const regex = new RegExp(regexValue, 'g');
         return value.replace(regex, replaceValue);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ReplacePipe, isStandalone: false, name: "replace" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReplacePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ReplacePipe, isStandalone: false, name: "replace" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReplacePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReplacePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'replace',
@@ -4203,10 +4235,10 @@ class FilterWorkflowInMobilePipe {
         }
         return buttons.filter((button) => !button.isWorkflow);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterWorkflowInMobilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterWorkflowInMobilePipe, isStandalone: false, name: "filterWorkflowInMobile" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterWorkflowInMobilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterWorkflowInMobilePipe, isStandalone: false, name: "filterWorkflowInMobile" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterWorkflowInMobilePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterWorkflowInMobilePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterWorkflowInMobile',
@@ -4223,10 +4255,10 @@ class HideColumnsInmobilePipe {
         const x = columns.filter((column, _i) => arrOfColumns.indexOf(column.Caption) === -1 && arrOfColumns.indexOf(column.Name) === -1);
         return x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HideColumnsInmobilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: HideColumnsInmobilePipe, isStandalone: false, name: "hideColumnsInmobile" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HideColumnsInmobilePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: HideColumnsInmobilePipe, isStandalone: false, name: "hideColumnsInmobile" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HideColumnsInmobilePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HideColumnsInmobilePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'hideColumnsInmobile',
@@ -4247,10 +4279,10 @@ class StringToNumberPipe {
         }
         return tvalue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StringToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: StringToNumberPipe, isStandalone: false, name: "strToNum" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StringToNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: StringToNumberPipe, isStandalone: false, name: "strToNum" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StringToNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StringToNumberPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'strToNum',
@@ -4276,10 +4308,10 @@ class ColumnValueOfParametersPipe {
         }
         return defaultValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnValueOfParametersPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ColumnValueOfParametersPipe, isStandalone: false, name: "columnValueOfParameters" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnValueOfParametersPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ColumnValueOfParametersPipe, isStandalone: false, name: "columnValueOfParameters" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnValueOfParametersPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnValueOfParametersPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'columnValueOfParameters',
@@ -4298,10 +4330,10 @@ class HideAcceptCancelButtonsPipe {
         }
         return buttons.filter((c) => c.itemId !== 'Ok' && c.itemId !== 'Cancel');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HideAcceptCancelButtonsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: HideAcceptCancelButtonsPipe, isStandalone: false, name: "hideAcceptCancel" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HideAcceptCancelButtonsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: HideAcceptCancelButtonsPipe, isStandalone: false, name: "hideAcceptCancel" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HideAcceptCancelButtonsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HideAcceptCancelButtonsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'hideAcceptCancel',
@@ -4315,10 +4347,10 @@ class FilterInlineActionListPipe {
             (action.itemId === 'Edit' && !hideEditButton) ||
             (action.itemId === 'Show' && !hideShowButton));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterInlineActionListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FilterInlineActionListPipe, isStandalone: false, name: "filterInlineActionList" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterInlineActionListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FilterInlineActionListPipe, isStandalone: false, name: "filterInlineActionList" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FilterInlineActionListPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FilterInlineActionListPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'filterInlineActionList',
@@ -4332,10 +4364,10 @@ class IsImagePipe {
     ) {
         return isImage(type);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IsImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: IsImagePipe, isStandalone: false, name: "isImageType" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IsImagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: IsImagePipe, isStandalone: false, name: "isImageType" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IsImagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IsImagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'isImageType',
@@ -4357,10 +4389,10 @@ class ToolbarSettingsPipe {
         });
         return [...toolbarButtons.filter((c) => !c.HideButton)];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToolbarSettingsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ToolbarSettingsPipe, isStandalone: false, name: "ulvToolbarSettings" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ToolbarSettingsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ToolbarSettingsPipe, isStandalone: false, name: "ulvToolbarSettings" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ToolbarSettingsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ToolbarSettingsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'ulvToolbarSettings',
@@ -4376,10 +4408,10 @@ class CardMediaSizePipe {
         const x = cardMediaSize.split('x');
         return [+x[0], +x[1]];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardMediaSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: CardMediaSizePipe, isStandalone: false, name: "cardMediaSize" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardMediaSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: CardMediaSizePipe, isStandalone: false, name: "cardMediaSize" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardMediaSizePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardMediaSizePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cardMediaSize',
@@ -4402,10 +4434,10 @@ class LabelStarTrimPipe {
         const key2 = !hasStar ? key.trim() : key.replace('*', '').trim();
         return key2;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LabelStarTrimPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: LabelStarTrimPipe, isStandalone: false, name: "lableStartTrim" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LabelStarTrimPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: LabelStarTrimPipe, isStandalone: false, name: "lableStartTrim" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LabelStarTrimPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LabelStarTrimPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'lableStartTrim',
@@ -4417,10 +4449,10 @@ class SplitPipe {
     transform(value, delimiter = ',') {
         return value ? value.split(delimiter).map((s) => s.trim()) : [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SplitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: SplitPipe, isStandalone: false, name: "split" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SplitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: SplitPipe, isStandalone: false, name: "split" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SplitPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SplitPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'split',
@@ -4593,10 +4625,10 @@ class DynamicDarkColorPipe {
         });
         return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicDarkColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: DynamicDarkColorPipe, isStandalone: false, name: "dynamicDarkColor" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicDarkColorPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: DynamicDarkColorPipe, isStandalone: false, name: "dynamicDarkColor" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicDarkColorPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicDarkColorPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dynamicDarkColor',
@@ -4615,10 +4647,10 @@ class ChunkArrayPipe {
         }
         return out;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChunkArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ChunkArrayPipe, isStandalone: false, name: "chunkArray" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChunkArrayPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ChunkArrayPipe, isStandalone: false, name: "chunkArray" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ChunkArrayPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ChunkArrayPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'chunkArray',
@@ -4657,10 +4689,10 @@ class MapToChatMessagePipe {
         });
         return match;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MapToChatMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MapToChatMessagePipe, isStandalone: false, name: "mapToChatMessage" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MapToChatMessagePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: MapToChatMessagePipe, isStandalone: false, name: "mapToChatMessage" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MapToChatMessagePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MapToChatMessagePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'mapToChatMessage',
@@ -4675,10 +4707,10 @@ class PicturesByGroupIdPipe {
         }
         return value.filter((c) => c.groupId === groupId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PicturesByGroupIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: PicturesByGroupIdPipe, isStandalone: false, name: "picturesByGroupId" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PicturesByGroupIdPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: PicturesByGroupIdPipe, isStandalone: false, name: "picturesByGroupId" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PicturesByGroupIdPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PicturesByGroupIdPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'picturesByGroupId',
@@ -4715,10 +4747,10 @@ class ScopedCssPipe {
         // حالا کل محتوای داخل wrapper را برگردانید
         return container.innerHTML;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScopedCssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ScopedCssPipe, isStandalone: false, name: "scopedCss" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScopedCssPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ScopedCssPipe, isStandalone: false, name: "scopedCss" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScopedCssPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScopedCssPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'scopedCss',
@@ -4765,10 +4797,10 @@ class ReportActionListPipe {
         }
         return buttons;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportActionListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ReportActionListPipe, isStandalone: false, name: "reportActionList" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportActionListPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ReportActionListPipe, isStandalone: false, name: "reportActionList" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportActionListPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportActionListPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'reportActionList',
@@ -4794,10 +4826,10 @@ class GetCssVariableValuePipe {
         }
         return value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GetCssVariableValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: GetCssVariableValuePipe, isStandalone: false, name: "getCssVarValue" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GetCssVariableValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: GetCssVariableValuePipe, isStandalone: false, name: "getCssVarValue" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GetCssVariableValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GetCssVariableValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'getCssVarValue',
@@ -4814,10 +4846,10 @@ class FindColumnsPipe {
         const x = columns.filter((column, _i) => arrOfColumns.indexOf(column.Caption) !== -1 || arrOfColumns.indexOf(column.Name) !== -1);
         return x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FindColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: FindColumnsPipe, isStandalone: false, name: "findColumns" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FindColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: FindColumnsPipe, isStandalone: false, name: "findColumns" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FindColumnsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FindColumnsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'findColumns',
@@ -4832,10 +4864,10 @@ class ExistsColumnsPipe {
         }
         return columns.filter((col) => col.Name === column.Name || col.Caption === column.Caption);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ExistsColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ExistsColumnsPipe, isStandalone: false, name: "existsColumns" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExistsColumnsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ExistsColumnsPipe, isStandalone: false, name: "existsColumns" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ExistsColumnsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ExistsColumnsPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'existsColumns',
@@ -4891,10 +4923,10 @@ class ApiService {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -4969,10 +5001,10 @@ class BreadcrumbService {
         const breadcrumb = data.breadcrumb || BarsaApi.Common.Util.TryGetValue(data, 'pageData.BreadCrumb', '');
         return typeof breadcrumb === 'function' ? data.breadcrumb(data) : breadcrumb;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BreadcrumbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BreadcrumbService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5000,13 +5032,14 @@ class ModalRootComponent extends BaseComponent {
         });
         this._appRef.attachView(this.componentInstance.hostView);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ModalRootComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ModalRootComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalRootComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ModalRootComponent, isStandalone: false, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ModalRootComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ModalRootComponent, decorators: [{
             type: Component,
             args: [{
                     template: ``,
+                    changeDetection: ChangeDetectionStrategy.Eager,
                     standalone: false
                 }]
         }] });
@@ -5041,10 +5074,10 @@ class DialogParams {
     ngOnDestroy() {
         this.afterClosed.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogParams, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogParams }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogParams, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogParams }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DialogParams, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DialogParams, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 class BarsaDialogService {
@@ -5076,10 +5109,10 @@ class BarsaDialogService {
         // this.modalRootComponentRef.instance.navigate();
         return dialogParams.afterClosed$;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaDialogService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaDialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaDialogService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaDialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaDialogService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -5087,10 +5120,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         }] });
 
 class NotFoundComponent extends BaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NotFoundComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: NotFoundComponent, isStandalone: false, selector: "bnrc-not-found", inputs: { componentName: "componentName", moduleName: "moduleName" }, usesInheritance: true, ngImport: i0, template: "<div fd-form-control>{{ moduleName + ' ' + componentName }}</div>\r\n", styles: [":host{border:1px solid red;display:flex;align-items:center;justify-content:center;opacity:.2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NotFoundComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NotFoundComponent, isStandalone: false, selector: "bnrc-not-found", inputs: { componentName: "componentName", moduleName: "moduleName" }, usesInheritance: true, ngImport: i0, template: "<div fd-form-control>{{ moduleName + ' ' + componentName }}</div>\r\n", styles: [":host{border:1px solid red;display:flex;align-items:center;justify-content:center;opacity:.2}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NotFoundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NotFoundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-not-found', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div fd-form-control>{{ moduleName + ' ' + componentName }}</div>\r\n", styles: [":host{border:1px solid red;display:flex;align-items:center;justify-content:center;opacity:.2}\n"] }]
         }], propDecorators: { componentName: [{
@@ -5208,10 +5241,10 @@ class DynamicComponentService {
             return of(componentRef);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicComponentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicComponentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicComponentService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -5777,10 +5810,10 @@ class ContainerService {
             this.addModules.next();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContainerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContainerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContainerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContainerService, decorators: [{
             type: Injectable
         }] });
 
@@ -5829,10 +5862,10 @@ class LayoutService {
         this._listOfHorizontal = this._listOfHorizontal.filter((c) => c !== id);
         this.horizontalSource.next(this._listOfHorizontal);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -5863,10 +5896,10 @@ class PortalPageResolver {
         });
         return x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -5906,10 +5939,10 @@ class AuthGuard {
             }
         }), map(([pageInfo]) => pageInfo.hasAuthorized));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AuthGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AuthGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AuthGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AuthGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AuthGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AuthGuard, decorators: [{
             type: Injectable
         }] });
 
@@ -5936,10 +5969,10 @@ class LocalStorageService {
     clear() {
         localStorage.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LocalStorageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LocalStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -6077,10 +6110,10 @@ class SearchService {
     search(term) {
         this.search$.next(term);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SearchService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SearchService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SearchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SearchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -6438,10 +6471,10 @@ class ApplicationCtrlrService {
     }
     _setStatusBarValues(_statusbarValues) { }
     _showReleaseNoteWindow(_releaseNoteData) { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApplicationCtrlrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApplicationCtrlrService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApplicationCtrlrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApplicationCtrlrService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApplicationCtrlrService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApplicationCtrlrService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -6485,10 +6518,10 @@ class RedirectHomeGuard {
             this._portalService.pushActionNext(pushAction);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RedirectHomeGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RedirectHomeGuard }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RedirectHomeGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RedirectHomeGuard }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RedirectHomeGuard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RedirectHomeGuard, decorators: [{
             type: Injectable
         }] });
 
@@ -6506,10 +6539,10 @@ class ReportBreadcrumbResolver {
             isReportPage: params.id.split('__').length > 3 ? params.id.split('__')[3] : null
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportBreadcrumbResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportBreadcrumbResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportBreadcrumbResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportBreadcrumbResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportBreadcrumbResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportBreadcrumbResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -6518,7 +6551,7 @@ function reportRoutes(authGuard = false) {
     return {
         path: 'report/:id',
         canActivate: authGuard ? [AuthGuard] : [],
-        loadChildren: () => import('./barsa-novin-ray-core-barsa-report-page.module-BfX9Hk-R.mjs').then((m) => m.BarsaReportPageModule),
+        loadChildren: () => import('./barsa-novin-ray-core-barsa-report-page.module-DKTPWXYB.mjs').then((m) => m.BarsaReportPageModule),
         resolve: {
             breadcrumb: ReportBreadcrumbResolver
         }
@@ -7511,10 +7544,10 @@ class PortalService {
         }
         return modules;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -7534,10 +7567,10 @@ class UiService {
     setTabSelected(val) {
         this.tabSelected.next(val);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UiService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UiService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UiService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -7550,6 +7583,7 @@ class UlvMainService {
         this.openOneClick = false;
         this._bbbPipe = inject(BbbTranslatePipe);
         this._apiService = inject(ApiService);
+        this._portalService = inject(PortalService);
         this._setUiViewerSelector$ = new Subject();
         this._gridFreeColumnSizing$ = new BehaviorSubject(false);
         this._layoutInfoSource = new Subject();
@@ -7621,6 +7655,8 @@ class UlvMainService {
         this._showToolbarBorderSource = new BehaviorSubject(false);
         this._viewSettingsSource = new BehaviorSubject({});
         this._parentHeightSource = new BehaviorSubject(0);
+        this._moveUpAccessSource = new BehaviorSubject(false);
+        this._reorderGroupbySource = new BehaviorSubject([]);
         this.context$ = this._contextSource
             .asObservable()
             .pipe(takeUntil(this._onDestroy$), tap((context) => (this.context = context)), tap((context) => this._initialize(context)), tap((context) => this._addEventListener(context)))
@@ -7887,6 +7923,20 @@ class UlvMainService {
     get parentHeight() {
         return this._parentHeightSource.getValue();
     }
+    /**
+     * مجاز بودن تغییر ترتیب رکوردها با drag/drop. به‌صورت واکنشی از سه عامل ساخته می‌شود:
+     * دسترسی MoveUp، نبودِ گروه‌بندی، و نبودِ حالتِ ویرایش لیستی (چون در این دو حالت اندیس ردیف با اندیس آرایه یکی نیست).
+     */
+    get allowRecordReorder$() {
+        return combineLatest([
+            this._moveUpAccessSource,
+            this._reorderGroupbySource,
+            this._inlineEditModeSource
+        ]).pipe(map(([moveUp, groupby, inlineEdit]) => moveUp === true && !groupby.length && !inlineEdit), distinctUntilChanged());
+    }
+    setReorderGroupby(groupby) {
+        this._reorderGroupbySource.next(groupby ?? []);
+    }
     get alternateRowMode$() {
         return this._alternateRowMode.asObservable();
     }
@@ -8091,6 +8141,13 @@ class UlvMainService {
         this._onDestroy$.next();
         this._unscubscribeContext();
     }
+    /**
+     * تغییر ترتیب رکورد: source را دقیقاً بالای aboveTarget قرار می‌دهد.
+     * برای بردن به انتهای لیست، aboveTargetMoId برابر null فرستاده می‌شود.
+     */
+    changeRecordOrderAbove(sourceMoId, aboveTargetMoId) {
+        return this._portalService.RunBlMethodAsync('ChangeOrderAbove', [sourceMoId, aboveTargetMoId]);
+    }
     pageSizeChanged(pageIndex) {
         this.context.fireEvent('PageChange', this.context, pageIndex);
     }
@@ -8354,6 +8411,11 @@ class UlvMainService {
         this._initSearchpanel(context);
         this._initCreateNewInlineMo(context);
         this._initGridFreeColumnSizing(context);
+        this._initAllowRecordReorder(context);
+    }
+    _initAllowRecordReorder(context) {
+        const moveUp = BarsaApi.Common.Util.TryGetValue(context, 'Setting.Extra.DefaultCommandsAccess.MoveUp', false);
+        this._moveUpAccessSource.next(moveUp === true);
     }
     _initGridFreeColumnSizing(context) {
         if (context && context.Setting.View?.Grid_FreeColumnSizing) {
@@ -8626,10 +8688,10 @@ class UlvMainService {
             this._cartableTemplates$.next(cartableTemplates);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UlvMainService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UlvMainService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UlvMainService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UlvMainService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UlvMainService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UlvMainService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -8788,10 +8850,10 @@ class UploadService {
             // });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UploadService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -8802,10 +8864,10 @@ class NetworkStatusService {
     get networkStatus$() {
         return merge(of(null), fromEvent(window, 'online'), fromEvent(window, 'offline')).pipe(map(() => navigator.onLine));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NetworkStatusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NetworkStatusService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NetworkStatusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NetworkStatusService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NetworkStatusService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NetworkStatusService, decorators: [{
             type: Injectable
         }] });
 
@@ -8892,10 +8954,10 @@ class AudioRecordingService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AudioRecordingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AudioRecordingService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AudioRecordingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AudioRecordingService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AudioRecordingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AudioRecordingService, decorators: [{
             type: Injectable
         }] });
 
@@ -9002,10 +9064,10 @@ class VideoRecordingService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VideoRecordingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VideoRecordingService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VideoRecordingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VideoRecordingService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: VideoRecordingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: VideoRecordingService, decorators: [{
             type: Injectable
         }] });
 
@@ -9034,10 +9096,10 @@ class IndexedDbService {
     delete(dbName) {
         window.indexedDB.deleteDatabase(dbName);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IndexedDbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IndexedDbService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IndexedDbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IndexedDbService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IndexedDbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IndexedDbService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -9106,10 +9168,10 @@ class BarsaStorageService {
     openDatabase(version) {
         this._indexedDbService.open(this.DBNAME_KEY, version);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaStorageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaStorageService, decorators: [{
             type: Injectable
         }] });
 
@@ -9159,10 +9221,10 @@ class PromptUpdateService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PromptUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PromptUpdateService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PromptUpdateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PromptUpdateService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PromptUpdateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PromptUpdateService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -9311,10 +9373,10 @@ class ServiceWorkerNotificationService {
     isReqInterSupported() {
         return 'requireInteraction' in Notification.prototype;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServiceWorkerNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServiceWorkerNotificationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceWorkerNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceWorkerNotificationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServiceWorkerNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceWorkerNotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -9490,10 +9552,10 @@ class NotificationService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NotificationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NotificationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NotificationService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -9507,10 +9569,10 @@ class ColumnService {
     controlRendered() {
         this._uiControlRendered.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -9553,10 +9615,10 @@ class IdbService {
         const db = await this.dbPromise;
         await db.clear(store);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IdbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IdbService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IdbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IdbService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IdbService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IdbService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -9574,7 +9636,8 @@ class PushNotificationService {
             isSubscribed: false,
             permission: checkPermission(),
             errorMessage: null
-        }, ...(ngDevMode ? [{ debugName: "_push" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_push" }] : /* istanbul ignore next */ []));
         this.registerServiceWorkerMessageListener = () => {
             // avoid adding multiple listeners (idempotent)
             const onMessage = (event) => {
@@ -9735,10 +9798,10 @@ class PushNotificationService {
         const token2 = this.local.getItem(BarsaApi.LoginAction.token2StorageKey) ?? '';
         return { headers: new HttpHeaders({ 'Content-Type': 'application/json', sth: token2 }) };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushNotificationService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushNotificationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushNotificationService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushNotificationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushNotificationService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -9820,10 +9883,10 @@ class ServiceWorkerCommuncationService {
         }
         this._toastService.open(msg, { duration: 5000 });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServiceWorkerCommuncationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServiceWorkerCommuncationService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceWorkerCommuncationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceWorkerCommuncationService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServiceWorkerCommuncationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServiceWorkerCommuncationService, decorators: [{
             type: Injectable
         }] });
 
@@ -9846,10 +9909,10 @@ class SaveScrollPositionService {
         value[key] = scrollTop;
         this._scrollPositionSource.next(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveScrollPositionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveScrollPositionService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SaveScrollPositionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SaveScrollPositionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveScrollPositionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SaveScrollPositionService, decorators: [{
             type: Injectable
         }] });
 
@@ -9971,10 +10034,10 @@ class RoutingService {
             state: { ...data }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RoutingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RoutingService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RoutingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RoutingService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RoutingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RoutingService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -9986,10 +10049,10 @@ class GroupByService {
     setGroupBy(groupBy) {
         this._groupBy.next(groupBy);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GroupByService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GroupByService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GroupByService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GroupByService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GroupByService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GroupByService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -10004,10 +10067,10 @@ class LayoutMainContentService {
     setMainContentHeight(height) {
         this.mainContentHeightSource.next(height);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutMainContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutMainContentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutMainContentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutMainContentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutMainContentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutMainContentService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -10015,10 +10078,10 @@ class TabpageService {
     setItemCount(itemCount) {
         this.itemCount = itemCount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabpageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabpageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TabpageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TabpageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TabpageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TabpageService, decorators: [{
             type: Injectable
         }] });
 
@@ -10038,26 +10101,27 @@ class InMemoryStorageService {
     clear() {
         this._dictionary.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InMemoryStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InMemoryStorageService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InMemoryStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InMemoryStorageService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InMemoryStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: InMemoryStorageService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
 
 class ScrollLayoutContextHolder {
     constructor() {
-        this._mode = signal('root', ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
+        this._mode = signal('root', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_mode" }] : /* istanbul ignore next */ []));
         this.mode = this._mode.asReadonly();
     }
     setMode(mode) {
         this._mode.set(mode);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollLayoutContextHolder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollLayoutContextHolder }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollLayoutContextHolder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollLayoutContextHolder }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollLayoutContextHolder, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollLayoutContextHolder, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -10075,10 +10139,10 @@ class ShellbarHeightService {
         }
         this._dict.next([...x]);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShellbarHeightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShellbarHeightService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShellbarHeightService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShellbarHeightService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShellbarHeightService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShellbarHeightService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -10135,10 +10199,10 @@ class PushCheckService {
         }
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushCheckService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushCheckService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushCheckService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushCheckService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushCheckService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -10280,10 +10344,10 @@ class RuntimeNavStateCacheService {
             /* ignore IDB errors during purge */
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RuntimeNavStateCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RuntimeNavStateCacheService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RuntimeNavStateCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RuntimeNavStateCacheService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RuntimeNavStateCacheService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RuntimeNavStateCacheService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -10302,10 +10366,10 @@ class CardViewService {
             this._maxHeaderTitleHeight$.next(height);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardViewService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardViewService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardViewService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardViewService, decorators: [{
             type: Injectable
         }] });
 
@@ -10323,10 +10387,10 @@ class BaseSettingsService {
     removeSetting(key) {
         return from(this.idb.delete('settings', key));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseSettingsService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseSettingsService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseSettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseSettingsService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -10396,6 +10460,122 @@ const TEMPLATE_ENGINE = new InjectionToken('TEMPLATE_ENGINE', {
     factory: () => new SimpleTemplateEngine()
 });
 
+/**
+ * رجیستری سراسری کامپوننت‌های سفارشی (per-xtype) — با کش سمت کلاینت (stale-while-revalidate).
+ *
+ * دیتای رجیستری از سرور با یک BL method گرفته می‌شود (متد سمت سرور:
+ * TarahiOlgo_GetComponentRegistry که یک Dictionary<xtype, ComponentSchema> برمی‌گرداند)
+ * و داخل BarsaApi.CustomUiMap نگه‌داری می‌شود تا getComponentDefined بتواند
+ * به‌صورت O(1) بخواندش.
+ *
+ * ترتیب اولویت انتخاب کامپوننت در getComponentDefined:
+ *   ۱) CustomUi روی خود فیلد  >  ۲) این رجیستری (per-xtype)  >  ۳) DefaultUiModule + CustomUiPrefix
+ *
+ * استراتژی لود (هیچ‌کدام بوت اپ را block نمی‌کنند):
+ *   ۱) primeFromCache() — همگام و فوری. کشِ localStorage را می‌خواند و در صورت معتبر بودن
+ *      (نسخه‌اش با ChangeKeyVersion فعلی یکی باشد) بلافاصله روی BarsaApi.CustomUiMap می‌گذارد.
+ *      از دومین بار به بعدِ اجرای اپ، اولین رندر هم رجیستریِ درست را می‌بیند — بدون هیچ شبکه‌ای.
+ *   ۲) refresh() — ناهمگام و fire-and-forget؛ هرگز نباید await شود. روی موفقیت هم مپِ زنده
+ *      و هم کش را آپدیت می‌کند. روی خطا (تایم‌اوت، قطعی شبکه، ...) هیچ‌چیز را پاک نمی‌کند —
+ *      یعنی یک خطای گذرا، رجیستریِ سالمِ قبلی (کش‌شده یا زنده) را از بین نمی‌برد.
+ */
+class CustomUiRegistryService {
+    constructor() {
+        this._log = inject(LogService);
+        this._localStorage = inject(LocalStorageService);
+        this._loaded = false;
+    }
+    /** نام BL method سمت سرور. در صورت متفاوت‌بودن، همین‌جا تغییرش بده. */
+    static { this.BL_METHOD = 'TarahiOlgo_GetComponentRegistry'; }
+    static { this.CACHE_KEY = 'CUSTOM_UI_REGISTRY_CACHE'; }
+    /** true اگر رجیستری در همین session با موفقیت از سرور تازه شده باشد. */
+    get isLoaded() {
+        return this._loaded;
+    }
+    /**
+     * همگام: کشِ محلیِ معتبر را (در صورت وجود) فوری روی BarsaApi.CustomUiMap اعمال می‌کند.
+     * باید همیشه قبل از اولین رندرِ فرم‌ها صدا زده شود (مثلاً بعد از loadServerStartupData
+     * در AppInitializer)، ولی خودش هیچ کار شبکه‌ای انجام نمی‌دهد پس بوت را کند نمی‌کند.
+     */
+    primeFromCache() {
+        const raw = this._localStorage.getItem(CustomUiRegistryService.CACHE_KEY);
+        if (!raw) {
+            return;
+        }
+        try {
+            const cached = JSON.parse(raw);
+            if (!cached?.data || typeof cached.data !== 'object') {
+                return;
+            }
+            if (cached.v !== this._currentVersion) {
+                // متادیتای سرور از آخرین کش عوض شده → به کش قدیمی اعتماد نکن، منتظر refresh بمان
+                return;
+            }
+            BarsaApi.CustomUiMap = cached.data;
+        }
+        catch (err) {
+            this._log.error('CustomUiRegistry primeFromCache: invalid cache', err);
+        }
+    }
+    /**
+     * ناهمگام و fire-and-forget. هرگز نباید توی زنجیره‌ی AppInitializer await شود —
+     * اگر سرور دیر جواب بدهد یا اصلاً جواب ندهد (بدون timeout داخلی در RunBlMethodAsync)،
+     * اپ نباید معطلش بماند؛ فقط CustomUiMap دیرتر (یا هیچ‌وقت در آن session) تازه می‌شود.
+     */
+    refresh() {
+        try {
+            BarsaApi.Bw.RunBlMethodAsync({
+                Method: CustomUiRegistryService.BL_METHOD,
+                SuccessFn: (data) => {
+                    const parsed = this._parse(data);
+                    if (!parsed) {
+                        return;
+                    }
+                    BarsaApi.CustomUiMap = parsed;
+                    this._loaded = true;
+                    this._persist(parsed);
+                },
+                FailFn: (err) => {
+                    this._log.error('CustomUiRegistry refresh failed', err);
+                    // عمداً چیزی پاک نمی‌شود؛ کش/مپ قبلی (اگر بود) دست‌نخورده می‌ماند
+                },
+                doReturn: () => { }
+            });
+        }
+        catch (err) {
+            this._log.error('CustomUiRegistry refresh threw', err);
+        }
+    }
+    get _currentVersion() {
+        return BarsaApi.LoginFormData?.ChangeKeyVersion ?? '';
+    }
+    _parse(data) {
+        try {
+            const parsed = typeof data === 'string' ? JSON.parse(data) : data;
+            return parsed && typeof parsed === 'object' ? parsed : null;
+        }
+        catch (err) {
+            this._log.error('CustomUiRegistry: invalid JSON from server', err);
+            return null;
+        }
+    }
+    _persist(data) {
+        try {
+            const cache = { v: this._currentVersion, data };
+            this._localStorage.setItem(CustomUiRegistryService.CACHE_KEY, JSON.stringify(cache));
+        }
+        catch (err) {
+            this._log.error('CustomUiRegistry: failed to persist cache', err);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CustomUiRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CustomUiRegistryService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CustomUiRegistryService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class FieldBaseComponent extends BaseComponent {
     get customFieldInfo() {
         return this.context.Setting.CustomFieldInfo;
@@ -10416,8 +10596,10 @@ class FieldBaseComponent extends BaseComponent {
                 ariaLabel: 'انتخاب'
             }
         };
-        this.errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        this.errorCode = signal(-1, ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
+        this.errorMessage = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.errorCode = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
         this.injector = inject(Injector);
         // #endregion
         this._portalService = inject(PortalService);
@@ -10563,10 +10745,10 @@ class FieldBaseComponent extends BaseComponent {
             this._cdr.detectChanges();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FieldBaseComponent, isStandalone: false, selector: "bnrc-field-base", inputs: { context: "context", focusControl: "focusControl", layoutInfo: "layoutInfo", value: "value", width: "width", height: "height", formHeight: "formHeight", inlineEdit: "inlineEdit", cellEdit: "cellEdit", formContainer: "formContainer", id: "id", parametes: "parametes", settings: "settings" }, outputs: { valueChange: "valueChange", formmatedValue: "formmatedValue" }, host: { properties: { "class.isMobile": "this.isMobile", "class.isTablet": "this.isTablet", "class.rtl": "this._rlt" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FieldBaseComponent, isStandalone: false, selector: "bnrc-field-base", inputs: { context: "context", focusControl: "focusControl", layoutInfo: "layoutInfo", value: "value", width: "width", height: "height", formHeight: "formHeight", inlineEdit: "inlineEdit", cellEdit: "cellEdit", formContainer: "formContainer", id: "id", parametes: "parametes", settings: "settings" }, outputs: { valueChange: "valueChange", formmatedValue: "formmatedValue" }, host: { properties: { "class.isMobile": "this.isMobile", "class.isTablet": "this.isTablet", "class.rtl": "this._rlt" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-field-base',
@@ -10618,8 +10800,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class FieldViewBase extends FieldBaseComponent {
     constructor() {
         super(...arguments);
-        this.errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        this.errorCode = signal(-1, ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
+        this.errorMessage = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.errorCode = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
         this.injector = inject(Injector);
     }
     /**
@@ -10638,10 +10822,10 @@ class FieldViewBase extends FieldBaseComponent {
         this.errorMessage.set(message);
         this.errorCode.set(code);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldViewBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FieldViewBase, isStandalone: false, selector: "bnrc-ext-field-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldViewBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FieldViewBase, isStandalone: false, selector: "bnrc-ext-field-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldViewBase, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-ext-field-base',
@@ -10776,10 +10960,10 @@ class FormBaseComponent extends BaseComponent {
     _setParamters() {
         this.parameters = BarsaApi.Common.Util.TryGetValue(this.context, 'Setting.View.CustomUi.Parameters', null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormBaseComponent, isStandalone: false, selector: "bnrc-form-base", inputs: { context: "context" }, outputs: { formClose: "formClose" }, host: { properties: { "attr.id": "this.id", "class.fullscreen": "this.fullscreen", "attr.typeDefName": "this._typeDefName", "attr.viewName": "this._viewName" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormBaseComponent, isStandalone: false, selector: "bnrc-form-base", inputs: { context: "context" }, outputs: { formClose: "formClose" }, host: { properties: { "attr.id": "this.id", "class.fullscreen": "this.fullscreen", "attr.typeDefName": "this._typeDefName", "attr.viewName": "this._viewName" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-form-base',
@@ -10820,10 +11004,10 @@ class FormToolbarBaseComponent extends BaseComponent {
     onToolClick(btn) {
         this.toolClick.emit(btn);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormToolbarBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormToolbarBaseComponent, isStandalone: false, selector: "bnrc-form-toolbar-base", inputs: { buttons: "buttons", visible: "visible", size: "size", device: "device", deviceSize: "deviceSize", rtl: "rtl", landscape: "landscape", standalone: "standalone", shouldOverflow: "shouldOverflow", toolbarVisible: "toolbarVisible", isFirefox: "isFirefox", dirValue: "dirValue", width: "width" }, outputs: { toolClick: "toolClick" }, host: { properties: { "attr.rtl": "this._rtl" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormToolbarBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormToolbarBaseComponent, isStandalone: false, selector: "bnrc-form-toolbar-base", inputs: { buttons: "buttons", visible: "visible", size: "size", device: "device", deviceSize: "deviceSize", rtl: "rtl", landscape: "landscape", standalone: "standalone", shouldOverflow: "shouldOverflow", toolbarVisible: "toolbarVisible", isFirefox: "isFirefox", dirValue: "dirValue", width: "width" }, outputs: { toolClick: "toolClick" }, host: { properties: { "attr.rtl": "this._rtl" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormToolbarBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormToolbarBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-form-toolbar-base',
@@ -10869,10 +11053,10 @@ class SystemBaseComponent extends BaseComponent {
         super();
         this.showFormPanel = () => { };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SystemBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SystemBaseComponent, isStandalone: false, selector: "bnrc-system-base", inputs: { context: "context", showFormPanel: "showFormPanel" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SystemBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: SystemBaseComponent, isStandalone: false, selector: "bnrc-system-base", inputs: { context: "context", showFormPanel: "showFormPanel" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SystemBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SystemBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-system-base',
@@ -11057,7 +11241,9 @@ class ReportBaseComponent extends BaseComponent {
     }
     applyGroupby() {
         const sortList = BarsaApi.Common.Util.TryGetValue(this.context, 'Setting.View.GridSetting.SortSettingList', []);
-        this.groupbySource.next(sortList.filter((c) => c.IsGrouped));
+        const grouped = sortList.filter((c) => c.IsGrouped);
+        this.groupbySource.next(grouped);
+        this._ulvMainService.setReorderGroupby(grouped);
     }
     _raiseRowClick(index, mo) {
         this.context?.fireEvent('rowdblclick', this.context, index, mo);
@@ -11151,10 +11337,10 @@ class ReportBaseComponent extends BaseComponent {
     refreshContextMoDataList(moDataList) {
         this.context.fireEvent('RefreshContextMoDataList', moDataList);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ReportBaseComponent, isStandalone: false, selector: "bnrc-report-base", inputs: { context: "context", currentPage: "currentPage" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportBaseComponent, isStandalone: false, selector: "bnrc-report-base", inputs: { context: "context", currentPage: "currentPage" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-report-base',
@@ -11191,10 +11377,10 @@ class ReportItemBaseComponent extends BaseComponent {
             this.fields[c.ComponentParameter.$Caption] = c.$Caption;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportItemBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ReportItemBaseComponent, isStandalone: false, selector: "bnrc-report-item-base", inputs: { classNames: "classNames", context: "context", mo: "mo", allColumns: "allColumns", index: "index" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onClick($event.target)" }, properties: { "class": "this.classNames2" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportItemBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportItemBaseComponent, isStandalone: false, selector: "bnrc-report-item-base", inputs: { classNames: "classNames", context: "context", mo: "mo", allColumns: "allColumns", index: "index" }, outputs: { itemClick: "itemClick" }, host: { listeners: { "click": "onClick($event.target)" }, properties: { "class": "this.classNames2" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportItemBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportItemBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-report-item-base',
@@ -11227,10 +11413,10 @@ class ApplicationBaseComponent extends BaseComponent {
         super(...arguments);
         this.systemList = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApplicationBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ApplicationBaseComponent, isStandalone: false, selector: "bnrc-application-base", inputs: { context: "context", selectedSystemId: "selectedSystemId" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApplicationBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ApplicationBaseComponent, isStandalone: false, selector: "bnrc-application-base", inputs: { context: "context", selectedSystemId: "selectedSystemId" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ApplicationBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ApplicationBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-application-base',
@@ -11270,10 +11456,10 @@ class LayoutItemBaseComponent extends BaseComponent {
             this.maxLabelWidth = maxLabelWidth.currentValue;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutItemBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: LayoutItemBaseComponent, isStandalone: false, selector: "bnrc-layout-item-base", inputs: { config: "config", isPanel: "isPanel", maxLabelWidth: "maxLabelWidth", rtl: "rtl" }, host: { properties: { "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutItemBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: LayoutItemBaseComponent, isStandalone: false, selector: "bnrc-layout-item-base", inputs: { config: "config", isPanel: "isPanel", maxLabelWidth: "maxLabelWidth", rtl: "rtl" }, host: { properties: { "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutItemBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutItemBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-layout-item-base',
@@ -11351,10 +11537,10 @@ class LayoutPanelBaseComponent extends LayoutItemBaseComponent {
             this._layoutService.setMaxWidth(controlWidth);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutPanelBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: LayoutPanelBaseComponent, isStandalone: false, selector: "bnrc-layout-panel-base", inputs: { parentDom: "parentDom", isPanel: "isPanel", config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutPanelBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: LayoutPanelBaseComponent, isStandalone: false, selector: "bnrc-layout-panel-base", inputs: { parentDom: "parentDom", isPanel: "isPanel", config: "config" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LayoutPanelBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LayoutPanelBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-layout-panel-base',
@@ -11422,10 +11608,10 @@ class ContainerComponent extends BaseComponent {
             this._cdr.detectChanges();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ContainerComponent, isStandalone: false, selector: "bnrc-container", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "containerBottomRef", first: true, predicate: ["containerBottomRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ContainerComponent, isStandalone: false, selector: "bnrc-container", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "containerBottomRef", first: true, predicate: ["containerBottomRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-container',
@@ -11536,10 +11722,10 @@ class PageBaseComponent extends ContainerComponent {
         const x2 = BarsaApi.Common.Util.TryGetValue(pageData, 'ModuleList2.MoDataList', []);
         return x2.length ? x2 : x;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PageBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PageBaseComponent, isStandalone: false, selector: "bnrc-page-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PageBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PageBaseComponent, isStandalone: false, selector: "bnrc-page-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PageBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PageBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-page-base',
@@ -11760,10 +11946,10 @@ class NumberBaseComponent extends FieldBaseComponent {
         this.formmatedValue.emit(this.inputElement?.value);
         this.valueChange.emit(this.value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NumberBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: NumberBaseComponent, isStandalone: false, selector: "bnrc-number-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NumberBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NumberBaseComponent, isStandalone: false, selector: "bnrc-number-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NumberBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NumberBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-number-base',
@@ -12143,10 +12329,10 @@ class ReportViewBaseComponent extends BaseComponent {
         }
         this.rowIndicator = Number(columns[0].MetaFieldTypeId) === 41;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportViewBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ReportViewBaseComponent, isStandalone: false, selector: "bnrc-report-view-base", inputs: { contextView: "contextView", viewSetting: "viewSetting", allColumns: "allColumns", isCheckList: "isCheckList", simpleInlineEdit: "simpleInlineEdit", alternateRowMode: "alternateRowMode", inlineEditWithoutSelection: "inlineEditWithoutSelection", hideToolbar: "hideToolbar", hideTitle: "hideTitle", toolbarButtons: "toolbarButtons", allChecked: "allChecked", moDataList: "moDataList", UlvMainCtrlr: "UlvMainCtrlr", access: "access", groupby: "groupby", selectedCount: "selectedCount", conditionalFormats: "conditionalFormats", parentHeight: "parentHeight", deviceName: "deviceName", deviceSize: "deviceSize", contextMenuItems: "contextMenuItems", columns: "columns", allowInlineEdit: "allowInlineEdit", secondaryColumns: "secondaryColumns", popin: "popin", customFieldInfo: "customFieldInfo", hasSummary: "hasSummary", layoutInfo: "layoutInfo", hasSelected: "hasSelected", hideIcon: "hideIcon", columnsCount: "columnsCount", hideOpenIcon: "hideOpenIcon", openOnClick: "openOnClick", typeDefId: "typeDefId", reportId: "reportId", listEditViewId: "listEditViewId", typeViewId: "typeViewId", extraRelation: "extraRelation", relationList: "relationList", disableResponsive: "disableResponsive", rowItem: "rowItem", mobileOrTablet: "mobileOrTablet", inDialog: "inDialog", isMultiSelect: "isMultiSelect", fullscreen: "fullscreen", hideSearchpanel: "hideSearchpanel", newInlineEditMo: "newInlineEditMo", selectedMo: "selectedMo", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", rowHoverable: "rowHoverable", groupSummary: "groupSummary", tlbButtons: "tlbButtons", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", rowActivable: "rowActivable", isReportPage: "isReportPage", ulvHeightSizeType: "ulvHeightSizeType", contentHeight: "contentHeight", alternateEditObjectColumn: "alternateEditObjectColumn", disableHyperLink: "disableHyperLink", columnsHyperLink: "columnsHyperLink", effectiveReportLayout: "effectiveReportLayout", contentDensity: "contentDensity", rtl: "rtl", showOkCancelButtons: "showOkCancelButtons", title: "title", hasInlineDeleteButton: "hasInlineDeleteButton", hasInlineEditButton: "hasInlineEditButton", contextSetting: "contextSetting", gridFreeColumnSizing: "gridFreeColumnSizing", navigationArrow: "navigationArrow", cartableTemplates: "cartableTemplates", cartableChildsMo: "cartableChildsMo", pagingSetting: "pagingSetting", minEmptyRows: "minEmptyRows", containerWidth: "containerWidth" }, outputs: { columnSummary: "columnSummary", escapeKey: "escapeKey", resetWorkflowState: "resetWorkflowState", deselectAll: "deselectAll", editFormPanelCancel: "editFormPanelCancel", editFormPanelSave: "editFormPanelSave", selectNextInlineRecord: "selectNextInlineRecord", editFormPanelValueChange: "editFormPanelValueChange", ulvCommandClick: "ulvCommandClick", sortAscending: "sortAscending", workflowShareButtons: "workflowShareButtons", sortDescending: "sortDescending", filter: "filter", executeToolbarButton: "executeToolbarButton", resetGridSettings: "resetGridSettings", sortSettingsChange: "sortSettingsChange", rowCheck: "rowCheck", rowClick: "rowClick", cartableFormClosed: "cartableFormClosed", createNewMo: "createNewMo", updateMo: "updateMo", expandClick: "expandClick", trackBySelectedFn: "trackBySelectedFn", allCheckbox: "allCheckbox", mandatory: "mandatory", columnResized: "columnResized", hasDetailsInRow: "hasDetailsInRow" }, host: { properties: { "class.report-view": "this._reportView", "style.visibility": "this._visibility" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportViewBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportViewBaseComponent, isStandalone: false, selector: "bnrc-report-view-base", inputs: { contextView: "contextView", viewSetting: "viewSetting", allColumns: "allColumns", isCheckList: "isCheckList", simpleInlineEdit: "simpleInlineEdit", alternateRowMode: "alternateRowMode", inlineEditWithoutSelection: "inlineEditWithoutSelection", hideToolbar: "hideToolbar", hideTitle: "hideTitle", toolbarButtons: "toolbarButtons", allChecked: "allChecked", moDataList: "moDataList", UlvMainCtrlr: "UlvMainCtrlr", access: "access", allowRecordReorder: "allowRecordReorder", groupby: "groupby", selectedCount: "selectedCount", conditionalFormats: "conditionalFormats", parentHeight: "parentHeight", deviceName: "deviceName", deviceSize: "deviceSize", contextMenuItems: "contextMenuItems", columns: "columns", allowInlineEdit: "allowInlineEdit", secondaryColumns: "secondaryColumns", popin: "popin", customFieldInfo: "customFieldInfo", hasSummary: "hasSummary", layoutInfo: "layoutInfo", hasSelected: "hasSelected", hideIcon: "hideIcon", columnsCount: "columnsCount", hideOpenIcon: "hideOpenIcon", openOnClick: "openOnClick", typeDefId: "typeDefId", reportId: "reportId", listEditViewId: "listEditViewId", typeViewId: "typeViewId", extraRelation: "extraRelation", relationList: "relationList", disableResponsive: "disableResponsive", rowItem: "rowItem", mobileOrTablet: "mobileOrTablet", inDialog: "inDialog", isMultiSelect: "isMultiSelect", fullscreen: "fullscreen", hideSearchpanel: "hideSearchpanel", newInlineEditMo: "newInlineEditMo", selectedMo: "selectedMo", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", rowHoverable: "rowHoverable", groupSummary: "groupSummary", tlbButtons: "tlbButtons", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", rowActivable: "rowActivable", isReportPage: "isReportPage", ulvHeightSizeType: "ulvHeightSizeType", contentHeight: "contentHeight", alternateEditObjectColumn: "alternateEditObjectColumn", disableHyperLink: "disableHyperLink", columnsHyperLink: "columnsHyperLink", effectiveReportLayout: "effectiveReportLayout", contentDensity: "contentDensity", rtl: "rtl", showOkCancelButtons: "showOkCancelButtons", title: "title", hasInlineDeleteButton: "hasInlineDeleteButton", hasInlineEditButton: "hasInlineEditButton", contextSetting: "contextSetting", gridFreeColumnSizing: "gridFreeColumnSizing", navigationArrow: "navigationArrow", cartableTemplates: "cartableTemplates", cartableChildsMo: "cartableChildsMo", pagingSetting: "pagingSetting", minEmptyRows: "minEmptyRows", containerWidth: "containerWidth" }, outputs: { columnSummary: "columnSummary", escapeKey: "escapeKey", resetWorkflowState: "resetWorkflowState", deselectAll: "deselectAll", editFormPanelCancel: "editFormPanelCancel", editFormPanelSave: "editFormPanelSave", selectNextInlineRecord: "selectNextInlineRecord", editFormPanelValueChange: "editFormPanelValueChange", ulvCommandClick: "ulvCommandClick", sortAscending: "sortAscending", workflowShareButtons: "workflowShareButtons", sortDescending: "sortDescending", filter: "filter", executeToolbarButton: "executeToolbarButton", resetGridSettings: "resetGridSettings", sortSettingsChange: "sortSettingsChange", rowCheck: "rowCheck", rowClick: "rowClick", cartableFormClosed: "cartableFormClosed", createNewMo: "createNewMo", updateMo: "updateMo", expandClick: "expandClick", trackBySelectedFn: "trackBySelectedFn", allCheckbox: "allCheckbox", mandatory: "mandatory", columnResized: "columnResized", hasDetailsInRow: "hasDetailsInRow" }, host: { properties: { "class.report-view": "this._reportView", "style.visibility": "this._visibility" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportViewBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportViewBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-report-view-base',
@@ -12188,6 +12374,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], access: [{
                 type: Input
+            }], allowRecordReorder: [{
+                type: Input
             }], groupby: [{
                 type: Input
             }], selectedCount: [{
@@ -12388,10 +12576,10 @@ class FormPropsBaseComponent extends BaseComponent {
     onEvents(title, data) {
         this.events.emit({ title, data });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormPropsBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormPropsBaseComponent, isStandalone: false, selector: "bnrc-form-props-base", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layoutActionsTemplateRef: "layoutActionsTemplateRef", layout94: "layout94", settings: "settings", workflowPanelUi: "workflowPanelUi", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", isModal: "isModal", avatar: "avatar", rtl: "rtl", mask: "mask", canSend: "canSend", landscape: "landscape", standalone: "standalone", footerDesign: "footerDesign", workflowButtons: "workflowButtons", workflowButtonsComboMode: "workflowButtonsComboMode", fieldDict: "fieldDict", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", modernTabs: "modernTabs", mo: "mo" }, outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormPropsBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormPropsBaseComponent, isStandalone: false, selector: "bnrc-form-props-base", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layoutActionsTemplateRef: "layoutActionsTemplateRef", layout94: "layout94", settings: "settings", workflowPanelUi: "workflowPanelUi", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", isModal: "isModal", avatar: "avatar", rtl: "rtl", mask: "mask", canSend: "canSend", landscape: "landscape", standalone: "standalone", footerDesign: "footerDesign", workflowButtons: "workflowButtons", workflowButtonsComboMode: "workflowButtonsComboMode", fieldDict: "fieldDict", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", modernTabs: "modernTabs", mo: "mo" }, outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormPropsBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormPropsBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-form-props-base',
@@ -12619,13 +12807,14 @@ class PageWithFormHandlerBaseComponent extends PageBaseComponent {
     _showFormPanel(refreshOnly = false) {
         this._portalService.ShowFormPanelControl(this.formpanelCtrlr, this._router, this._activatedRoute, this._formDialogComponent, this.isFirstPage, this._vcr, refreshOnly);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PageWithFormHandlerBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PageWithFormHandlerBaseComponent, isStandalone: false, selector: "ng-component", inputs: { ShowFormPanelControl: "ShowFormPanelControl", ForceCloseChild: "ForceCloseChild", RefreshFormPanelControl: "RefreshFormPanelControl" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PageWithFormHandlerBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PageWithFormHandlerBaseComponent, isStandalone: false, selector: "ng-component", inputs: { ShowFormPanelControl: "ShowFormPanelControl", ForceCloseChild: "ForceCloseChild", RefreshFormPanelControl: "RefreshFormPanelControl" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PageWithFormHandlerBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PageWithFormHandlerBaseComponent, decorators: [{
             type: Component,
             args: [{
                     template: '',
+                    changeDetection: ChangeDetectionStrategy.Eager,
                     standalone: false
                 }]
         }], propDecorators: { ShowFormPanelControl: [{
@@ -12697,10 +12886,10 @@ class FormPageBaseComponent extends ContainerComponent {
         this.params = Object.assign({}, { moId, typeDefId, reportId, viewId });
         this._cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormPageBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormPageBaseComponent, isStandalone: false, selector: "bnrc-form-page-base", inputs: { formPanelCtrlr: "formPanelCtrlr" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormPageBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormPageBaseComponent, isStandalone: false, selector: "bnrc-form-page-base", inputs: { formPanelCtrlr: "formPanelCtrlr" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormPageBaseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormPageBaseComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-form-page-base',
@@ -12724,7 +12913,8 @@ class FormComponent extends BaseComponent {
         this.bruleAction = new EventEmitter();
         this.beforeTransition = new EventEmitter();
         this.afterTransition = new EventEmitter();
-        this.uiFormComponent = signal(undefined, ...(ngDevMode ? [{ debugName: "uiFormComponent" }] : /* istanbul ignore next */ []));
+        this.uiFormComponent = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "uiFormComponent" }] : /* istanbul ignore next */ []));
         this.cdr = inject(ChangeDetectorRef);
         this.portalService = inject(PortalService);
         this.injector = inject(Injector);
@@ -12887,10 +13077,10 @@ class FormComponent extends BaseComponent {
             this.uiComponent.emit(component.instance);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormComponent, isStandalone: false, selector: "bnrc-form", inputs: { params: "params", customFormPanelUi: "customFormPanelUi", formPanelCtrl: "formPanelCtrl", UlvMainCtrlr: "UlvMainCtrlr", formPanelCtrlId: "formPanelCtrlId", saveOnChange: "saveOnChange", inlineEditInReport: "inlineEditInReport" }, outputs: { titleChanged: "titleChanged", moChanged: "moChanged", formClose: "formClose", uiComponent: "uiComponent", formRendered: "formRendered", bruleAction: "bruleAction", beforeTransition: "beforeTransition", afterTransition: "afterTransition" }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-container #placeholder> </ng-container>', isInline: true, styles: [":host{display:block;width:100%;min-height:100%}:host ::ng-deep bsu-ly-layout-container-of-root.ismobile bnrc-field-ui{padding:.3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormComponent, isStandalone: false, selector: "bnrc-form", inputs: { params: "params", customFormPanelUi: "customFormPanelUi", formPanelCtrl: "formPanelCtrl", UlvMainCtrlr: "UlvMainCtrlr", formPanelCtrlId: "formPanelCtrlId", saveOnChange: "saveOnChange", inlineEditInReport: "inlineEditInReport" }, outputs: { titleChanged: "titleChanged", moChanged: "moChanged", formClose: "formClose", uiComponent: "uiComponent", formRendered: "formRendered", bruleAction: "bruleAction", beforeTransition: "beforeTransition", afterTransition: "afterTransition" }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-container #placeholder> </ng-container>', isInline: true, styles: [":host{display:block;width:100%;min-height:100%}:host ::ng-deep bsu-ly-layout-container-of-root.ismobile bnrc-field-ui{padding:.3rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-form', template: '<ng-container #placeholder> </ng-container>', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;width:100%;min-height:100%}:host ::ng-deep bsu-ly-layout-container-of-root.ismobile bnrc-field-ui{padding:.3rem}\n"] }]
         }], ctorParameters: () => [], propDecorators: { params: [{
@@ -12974,10 +13164,10 @@ class BaseDirective {
         console.log('ngOnDestroy');
         console.log(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: BaseDirective, isStandalone: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: BaseDirective, isStandalone: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseDirective, decorators: [{
             type: Directive
         }] });
 
@@ -12994,10 +13184,10 @@ class FormCloseDirective extends BaseDirective {
             titleContainerDom?.insertAdjacentElement('afterbegin', closeButton);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormCloseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: FormCloseDirective, isStandalone: false, selector: "[formClose]", inputs: { isMobile: "isMobile" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormCloseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: FormCloseDirective, isStandalone: false, selector: "[formClose]", inputs: { isMobile: "isMobile" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormCloseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormCloseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[formClose]',
@@ -13017,8 +13207,8 @@ class FormPageComponent extends FormPageBaseComponent {
         this.containerRef.insert(this._placeHolderTemplate.createEmbeddedView(this, this._injector));
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormPageComponent, isStandalone: false, selector: "bnrc-form-page", inputs: { formPanelCtrlr: "formPanelCtrlr" }, host: { properties: { "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass" } }, providers: [FormService, RoutingService, ContainerService], viewQueries: [{ propertyName: "_placeHolderTemplate", first: true, predicate: ["placeHolderTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormPageComponent, isStandalone: false, selector: "bnrc-form-page", inputs: { formPanelCtrlr: "formPanelCtrlr" }, host: { properties: { "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass" } }, providers: [FormService, RoutingService, ContainerService], viewQueries: [{ propertyName: "_placeHolderTemplate", first: true, predicate: ["placeHolderTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #placeHolderTemplate>
             <bnrc-form
                 [formPanelCtrl]="formPanelCtrlr"
@@ -13031,7 +13221,7 @@ class FormPageComponent extends FormPageBaseComponent {
         <router-outlet></router-outlet>
     `, isInline: true, styles: [":host{display:block;background:var(--sapBackgroundColor)}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-form-page', template: `
         <ng-template #placeHolderTemplate>
@@ -13079,10 +13269,10 @@ class BaseColumnPropsComponent extends BaseComponent {
     _callChangeToEditMode() {
         this.changeToEditMode.emit(this._el.nativeElement);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseColumnPropsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseColumnPropsComponent, isStandalone: false, selector: "bnrc-base-column-props", inputs: { allColumns: "allColumns", column: "column", attachmentViewType: "attachmentViewType", mo: "mo", index: "index", editMode: "editMode", isMobile: "isMobile", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isdirty: "isdirty", isNewInlineMo: "isNewInlineMo", layout94: "layout94", detailsComponentSetting: "detailsComponentSetting", value: "value", icon: "icon", rtl: "rtl", cellEdit: "cellEdit", deviceName: "deviceName", deviceSize: "deviceSize", customComponent: "customComponent" }, outputs: { save: "save", cancel: "cancel", tab: "tab", changeToEditMode: "changeToEditMode" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseColumnPropsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseColumnPropsComponent, isStandalone: false, selector: "bnrc-base-column-props", inputs: { allColumns: "allColumns", column: "column", attachmentViewType: "attachmentViewType", mo: "mo", index: "index", editMode: "editMode", isMobile: "isMobile", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isdirty: "isdirty", isNewInlineMo: "isNewInlineMo", layout94: "layout94", detailsComponentSetting: "detailsComponentSetting", value: "value", icon: "icon", rtl: "rtl", cellEdit: "cellEdit", deviceName: "deviceName", deviceSize: "deviceSize", customComponent: "customComponent" }, outputs: { save: "save", cancel: "cancel", tab: "tab", changeToEditMode: "changeToEditMode" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseColumnPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseColumnPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base-column-props',
@@ -13153,10 +13343,10 @@ class TilePropsComponent extends BaseComponent {
         this._renderer2 = inject(Renderer2);
         this._cdr = inject(ChangeDetectorRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TilePropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: TilePropsComponent, isStandalone: false, selector: "bnrc-tile-base", inputs: { parameters: "parameters", data: "data", context: "context", edit: "edit", deviceSize: "deviceSize", setToStorage: "setToStorage", listMode: "listMode", navigateBackOnClick: "navigateBackOnClick", groupType: "groupType", layoutInfo: "layoutInfo" }, outputs: { hideClick: "hideClick", renameClick: "renameClick", changeGroupClick: "changeGroupClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilePropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: TilePropsComponent, isStandalone: false, selector: "bnrc-tile-base", inputs: { parameters: "parameters", data: "data", context: "context", edit: "edit", deviceSize: "deviceSize", setToStorage: "setToStorage", listMode: "listMode", navigateBackOnClick: "navigateBackOnClick", groupType: "groupType", layoutInfo: "layoutInfo" }, outputs: { hideClick: "hideClick", renameClick: "renameClick", changeGroupClick: "changeGroupClick" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TilePropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TilePropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-tile-base',
@@ -13223,10 +13413,10 @@ class FormFieldReportPageComponent extends BaseComponent {
         this._loadingSource.next(val);
         this._cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormFieldReportPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormFieldReportPageComponent, isStandalone: false, selector: "bnrc-form-field-report-page.component", host: { properties: { "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container><router-outlet></router-outlet>`, isInline: true, styles: [":host{display:block;background:var(--sapBackgroundColor)}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormFieldReportPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormFieldReportPageComponent, isStandalone: false, selector: "bnrc-form-field-report-page.component", host: { properties: { "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass" } }, viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container><router-outlet></router-outlet>`, isInline: true, styles: [":host{display:block;background:var(--sapBackgroundColor)}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormFieldReportPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormFieldReportPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-form-field-report-page.component', template: `<ng-container #containerRef></ng-container><router-outlet></router-outlet>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;background:var(--sapBackgroundColor)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { containerRef: [{
@@ -13244,8 +13434,10 @@ class ColumnRendererBase extends BaseComponent {
     constructor() {
         super(...arguments);
         this._isSmall = false;
-        this.errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        this.errorCode = signal(-1, ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
+        this.errorMessage = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.errorCode = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
         this.injector = inject(Injector);
         /**
          *
@@ -13254,7 +13446,8 @@ class ColumnRendererBase extends BaseComponent {
         this._cdr = inject(ChangeDetectorRef);
     }
     ngOnInit() {
-        this.signalValue = signal(this.value, ...(ngDevMode ? [{ debugName: "signalValue" }] : /* istanbul ignore next */ []));
+        this.signalValue = signal(this.value, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signalValue" }] : /* istanbul ignore next */ []));
         super.ngOnInit();
         this.fieldTypeId = Number(this.column.FieldTypeId);
         if (this.deviceSize === 's') {
@@ -13288,10 +13481,10 @@ class ColumnRendererBase extends BaseComponent {
     onSetMaxWidth() {
         this._renderer2.setStyle(this._filePopover.nativeElement, 'max-width', `${this.containerDom?.offsetWidth}px`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnRendererBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ColumnRendererBase, isStandalone: false, selector: "bsu-column-renderer-base", inputs: { cellEdit: "cellEdit", column: "column", allColumns: "allColumns", mo: "mo", index: "index", editMode: "editMode", attachmentViewType: "attachmentViewType", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", isMobile: "isMobile", fdTextMode: "fdTextMode", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon", parameters: "parameters" }, host: { properties: { "class.isMobile": "this._isSmall" } }, viewQueries: [{ propertyName: "_filePopover", first: true, predicate: ["fileviewerPopover"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnRendererBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ColumnRendererBase, isStandalone: false, selector: "bsu-column-renderer-base", inputs: { cellEdit: "cellEdit", column: "column", allColumns: "allColumns", mo: "mo", index: "index", editMode: "editMode", attachmentViewType: "attachmentViewType", customRowHeight: "customRowHeight", controlUi: "controlUi", formLayoutShowLabel: "formLayoutShowLabel", isChecked: "isChecked", isNewInlineMo: "isNewInlineMo", containerDom: "containerDom", disableEllapsis: "disableEllapsis", rtl: "rtl", isMobile: "isMobile", fdTextMode: "fdTextMode", deviceName: "deviceName", deviceSize: "deviceSize", value: "value", icon: "icon", parameters: "parameters" }, host: { properties: { "class.isMobile": "this._isSmall" } }, viewQueries: [{ propertyName: "_filePopover", first: true, predicate: ["fileviewerPopover"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnRendererBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnRendererBase, decorators: [{
             type: Component,
             args: [{
                     selector: 'bsu-column-renderer-base',
@@ -13354,8 +13547,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class ColumnRendererViewBase extends ColumnRendererBase {
     constructor() {
         super(...arguments);
-        this.errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        this.errorCode = signal(-1, ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
+        this.errorMessage = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.errorCode = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
         this.injector = inject(Injector);
     }
     /**
@@ -13368,10 +13563,10 @@ class ColumnRendererViewBase extends ColumnRendererBase {
         this.errorMessage.set(message);
         this.errorCode.set(code);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnRendererViewBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ColumnRendererViewBase, isStandalone: false, selector: "bnrc-ext-field-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnRendererViewBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ColumnRendererViewBase, isStandalone: false, selector: "bnrc-ext-field-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnRendererViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnRendererViewBase, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-ext-field-base',
@@ -13413,12 +13608,12 @@ class EmptyPageComponent extends PageWithFormHandlerBaseComponent {
             this._position = 'initial';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EmptyPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: EmptyPageComponent, isStandalone: false, selector: "bnrc-empty-page", host: { properties: { "style.position": "this._position", "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass", "class.modal": "this.ismodal" } }, providers: [RoutingService, ContainerService], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EmptyPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: EmptyPageComponent, isStandalone: false, selector: "bnrc-empty-page", host: { properties: { "style.position": "this._position", "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass", "class.modal": "this.ismodal" } }, providers: [RoutingService, ContainerService], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>
         <router-outlet></router-outlet>
         <router-outlet name="dialog"></router-outlet>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EmptyPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EmptyPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-empty-page', template: `<ng-container #containerRef></ng-container>
         <router-outlet></router-outlet>
@@ -13529,8 +13724,8 @@ class SplitterComponent extends BaseComponent {
             nextSibling && this._renderer.addClass(nextSibling, 'tw-overflow-hidden');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SplitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SplitterComponent, isStandalone: false, selector: "bnrc-splitter", inputs: { minWidth: "minWidth", maxWidth: "maxWidth", config: "config", elDom: "elDom" }, outputs: { spliterResized: "spliterResized" }, host: { properties: { "class.empty-space": "this.emptyClass", "class.big": "this.isBig", "style.flex": "this.flex", "style.max-width.px": "this.elMaxWidth", "style.height.px": "this.elHeight" } }, usesInheritance: true, ngImport: i0, template: `<div class="splitter-container">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SplitterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: SplitterComponent, isStandalone: false, selector: "bnrc-splitter", inputs: { minWidth: "minWidth", maxWidth: "maxWidth", config: "config", elDom: "elDom" }, outputs: { spliterResized: "spliterResized" }, host: { properties: { "class.empty-space": "this.emptyClass", "class.big": "this.isBig", "style.flex": "this.flex", "style.max-width.px": "this.elMaxWidth", "style.height.px": "this.elHeight" } }, usesInheritance: true, ngImport: i0, template: `<div class="splitter-container">
         <div class="splitter-line"></div>
         <div class="grip-handle">
             <svg viewBox="0 0 24 24" fill="currentColor">
@@ -13542,9 +13737,9 @@ class SplitterComponent extends BaseComponent {
                 <circle cx="15" cy="16" r="1.5" />
             </svg>
         </div>
-    </div>`, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:center;width:12px;cursor:col-resize;z-index:50;-webkit-user-select:none;user-select:none;position:relative;background:var(--sapBackgroundColor)}.splitter-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.splitter-line{width:1px;height:90%;background:linear-gradient(to bottom,transparent 0%,rgba(203,213,225,1) 15%,rgba(203,213,225,1) 85%,transparent 100%);transition:all .2s}.grip-handle{position:absolute;width:17px;height:20px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;transition:all .2s;color:#94a3b8}.grip-handle svg{width:14px;height:14px}:host:hover .splitter-line,.is-resizing .splitter-line{background:linear-gradient(to bottom,transparent 0%,#3b82f6 15%,#3b82f6 85%,transparent 100%);width:2px}:host:hover .grip-handle,.is-resizing .grip-handle{border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f633;transform:scale(1.05)}\n"] }); }
+    </div>`, isInline: true, styles: [":host{display:flex;align-items:center;justify-content:center;width:12px;cursor:col-resize;z-index:50;-webkit-user-select:none;user-select:none;position:relative;background:var(--sapBackgroundColor)}.splitter-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.splitter-line{width:1px;height:90%;background:linear-gradient(to bottom,transparent 0%,rgba(203,213,225,1) 15%,rgba(203,213,225,1) 85%,transparent 100%);transition:all .2s}.grip-handle{position:absolute;width:17px;height:20px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;transition:all .2s;color:#94a3b8}.grip-handle svg{width:14px;height:14px}:host:hover .splitter-line,.is-resizing .splitter-line{background:linear-gradient(to bottom,transparent 0%,#3b82f6 15%,#3b82f6 85%,transparent 100%);width:2px}:host:hover .grip-handle,.is-resizing .grip-handle{border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f633;transform:scale(1.05)}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SplitterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SplitterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-splitter', standalone: false, template: `<div class="splitter-container">
         <div class="splitter-line"></div>
@@ -13558,7 +13753,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 <circle cx="15" cy="16" r="1.5" />
             </svg>
         </div>
-    </div>`, styles: [":host{display:flex;align-items:center;justify-content:center;width:12px;cursor:col-resize;z-index:50;-webkit-user-select:none;user-select:none;position:relative;background:var(--sapBackgroundColor)}.splitter-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.splitter-line{width:1px;height:90%;background:linear-gradient(to bottom,transparent 0%,rgba(203,213,225,1) 15%,rgba(203,213,225,1) 85%,transparent 100%);transition:all .2s}.grip-handle{position:absolute;width:17px;height:20px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;transition:all .2s;color:#94a3b8}.grip-handle svg{width:14px;height:14px}:host:hover .splitter-line,.is-resizing .splitter-line{background:linear-gradient(to bottom,transparent 0%,#3b82f6 15%,#3b82f6 85%,transparent 100%);width:2px}:host:hover .grip-handle,.is-resizing .grip-handle{border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f633;transform:scale(1.05)}\n"] }]
+    </div>`, changeDetection: ChangeDetectionStrategy.Eager, styles: [":host{display:flex;align-items:center;justify-content:center;width:12px;cursor:col-resize;z-index:50;-webkit-user-select:none;user-select:none;position:relative;background:var(--sapBackgroundColor)}.splitter-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative}.splitter-line{width:1px;height:90%;background:linear-gradient(to bottom,transparent 0%,rgba(203,213,225,1) 15%,rgba(203,213,225,1) 85%,transparent 100%);transition:all .2s}.grip-handle{position:absolute;width:17px;height:20px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;transition:all .2s;color:#94a3b8}.grip-handle svg{width:14px;height:14px}:host:hover .splitter-line,.is-resizing .splitter-line{background:linear-gradient(to bottom,transparent 0%,#3b82f6 15%,#3b82f6 85%,transparent 100%);width:2px}:host:hover .grip-handle,.is-resizing .grip-handle{border-color:#3b82f6;color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f633;transform:scale(1.05)}\n"] }]
         }], propDecorators: { emptyClass: [{
                 type: HostBinding,
                 args: ['class.empty-space']
@@ -13777,10 +13972,10 @@ class FillEmptySpaceDirective extends BaseDirective {
         const n = parseFloat(s);
         return Number.isNaN(n) ? 0 : n;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FillEmptySpaceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: FillEmptySpaceDirective, isStandalone: false, selector: "[fillEmptySpace]", inputs: { mode: "mode", containerDom: "containerDom", decrement: "decrement", disable: "disable", height: "height", dontUseTopBound: "dontUseTopBound", setMinHeight: "setMinHeight", setMaxHeight: "setMaxHeight" }, outputs: { heightChanged: "heightChanged" }, exportAs: ["fillEmptySpace"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FillEmptySpaceDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: FillEmptySpaceDirective, isStandalone: false, selector: "[fillEmptySpace]", inputs: { mode: "mode", containerDom: "containerDom", decrement: "decrement", disable: "disable", height: "height", dontUseTopBound: "dontUseTopBound", setMinHeight: "setMinHeight", setMaxHeight: "setMaxHeight" }, outputs: { heightChanged: "heightChanged" }, exportAs: ["fillEmptySpace"], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FillEmptySpaceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FillEmptySpaceDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[fillEmptySpace]',
@@ -13849,8 +14044,8 @@ class MasterDetailsPageComponent extends PageWithFormHandlerBaseComponent {
         // add ngondestroy because to call routingservice ngondestroy.
         // if i dont add this ngondestroy in routingservice do not call.
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MasterDetailsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MasterDetailsPageComponent, isStandalone: false, selector: "bnrc-master-details-page", host: { properties: { "style.position": "this._position", "class.section": "this.sectionClass", "class.modal": "this.ismodal", "class.insideview": "this.isinsideview" } }, providers: [RoutingService, ContainerService, ScrollLayoutContextHolder], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MasterDetailsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: MasterDetailsPageComponent, isStandalone: false, selector: "bnrc-master-details-page", host: { properties: { "style.position": "this._position", "class.section": "this.sectionClass", "class.modal": "this.ismodal", "class.insideview": "this.isinsideview" } }, providers: [RoutingService, ContainerService, ScrollLayoutContextHolder], usesInheritance: true, ngImport: i0, template: `
         <div
             class="tw-flex tw-h-full tw-w-full tw-flex-col md:tw-flex-row tw-p-2"
             fillEmptySpace
@@ -13874,7 +14069,7 @@ class MasterDetailsPageComponent extends PageWithFormHandlerBaseComponent {
         <router-outlet name="dialog"></router-outlet>
     `, isInline: true, styles: [":host{display:block;box-sizing:border-box}:host .fd-dynamic-page__content ::ng-deep bnrc-empty-page{flex:1 1 auto;min-height:0}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: SplitterComponent, selector: "bnrc-splitter", inputs: ["minWidth", "maxWidth", "config", "elDom"], outputs: ["spliterResized"] }, { kind: "directive", type: FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["mode", "containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight", "setMaxHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MasterDetailsPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MasterDetailsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-master-details-page', template: `
         <div
@@ -13918,12 +14113,12 @@ class PortalPageComponent extends PageWithFormHandlerBaseComponent {
         super.ngOnInit();
         this.addModulesToDom();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PortalPageComponent, isStandalone: false, selector: "bnrc-portal-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container> <router-outlet></router-outlet
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PortalPageComponent, isStandalone: false, selector: "bnrc-portal-page", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container> <router-outlet></router-outlet
         ><router-outlet name="dialog"></router-outlet>
         <ng-container #containerBottomRef></ng-container> `, isInline: true, styles: [":host{min-height:100svh}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-portal-page', template: `<ng-container #containerRef></ng-container> <router-outlet></router-outlet
         ><router-outlet name="dialog"></router-outlet>
@@ -13939,14 +14134,14 @@ class PortalPageSidebarComponent extends PageBaseComponent {
         super.ngOnInit();
         this._routingService.isSidebar = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageSidebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PortalPageSidebarComponent, isStandalone: false, selector: "bnrc-portal-page-sidebar", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: `<div class="page-sidebar-wrapper">
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageSidebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: PortalPageSidebarComponent, isStandalone: false, selector: "bnrc-portal-page-sidebar", providers: [RoutingService], usesInheritance: true, ngImport: i0, template: `<div class="page-sidebar-wrapper">
             <div class="sidebar" fillEmptySpace><ng-container #containerRef></ng-container></div>
             <div class="mainside"><router-outlet name="mainside"></router-outlet></div>
         </div>
         <router-outlet></router-outlet>`, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "directive", type: FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["mode", "containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight", "setMaxHeight"], outputs: ["heightChanged"], exportAs: ["fillEmptySpace"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalPageSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalPageSidebarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-portal-page-sidebar',
@@ -14047,10 +14242,10 @@ class BaseDynamicComponent extends BaseComponent {
             this._component.destroy();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseDynamicComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseDynamicComponent, isStandalone: false, selector: "bnrc-dynamic-component", inputs: { component: "component", FnHandleEvents: "FnHandleEvents", value: "value" }, outputs: { events: "events" }, viewQueries: [{ propertyName: "_container", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseDynamicComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseDynamicComponent, isStandalone: false, selector: "bnrc-dynamic-component", inputs: { component: "component", FnHandleEvents: "FnHandleEvents", value: "value" }, outputs: { events: "events" }, viewQueries: [{ propertyName: "_container", first: true, predicate: ["componentContainer"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseDynamicComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseDynamicComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-dynamic-component',
@@ -14072,10 +14267,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class DynamicFormComponent extends BaseDynamicComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DynamicFormComponent, isStandalone: false, selector: "bnrc-dynamic-form-component", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layoutActionsTemplateRef: "layoutActionsTemplateRef", workflowButtons: "workflowButtons", layout94: "layout94", footerDesign: "footerDesign", settings: "settings", workflowPanelUi: "workflowPanelUi", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", isModal: "isModal", avatar: "avatar", rtl: "rtl", mask: "mask", mo: "mo", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", fieldDict: "fieldDict", modernTabs: "modernTabs" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DynamicFormComponent, isStandalone: false, selector: "bnrc-dynamic-form-component", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layoutActionsTemplateRef: "layoutActionsTemplateRef", workflowButtons: "workflowButtons", layout94: "layout94", footerDesign: "footerDesign", settings: "settings", workflowPanelUi: "workflowPanelUi", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", isModal: "isModal", avatar: "avatar", rtl: "rtl", mask: "mask", mo: "mo", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", fieldDict: "fieldDict", modernTabs: "modernTabs" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-dynamic-form-component',
@@ -14140,10 +14335,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class DynamicItemComponent extends BaseDynamicComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DynamicItemComponent, isStandalone: false, selector: "bnrc-dynamic-item-component", inputs: { mo: "mo", allColumns: "allColumns", moDataList: "moDataList", columns: "columns", column: "column", index: "index", last: "last", hideOpenIcon: "hideOpenIcon", deviceName: "deviceName", deviceSize: "deviceSize", rtl: "rtl", editMode: "editMode", setting: "setting", parameters: "parameters", contextMenuItems: "contextMenuItems", canView: "canView", showRowNumber: "showRowNumber", rowNumber: "rowNumber", formSetting: "formSetting", conditionalFormats: "conditionalFormats", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", isCheckList: "isCheckList", maxHeightHeader: "maxHeightHeader", fields: "fields", isChecked: "isChecked", layout94$: "layout94$", inlineEditMode: "inlineEditMode", isNewInlineMo: "isNewInlineMo", allowInlineEdit: "allowInlineEdit", typeDefId: "typeDefId", rowIndicator: "rowIndicator", rowIndicatorColor: "rowIndicatorColor", UlvMainCtrlr: "UlvMainCtrlr" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DynamicItemComponent, isStandalone: false, selector: "bnrc-dynamic-item-component", inputs: { mo: "mo", allColumns: "allColumns", moDataList: "moDataList", columns: "columns", column: "column", index: "index", last: "last", hideOpenIcon: "hideOpenIcon", deviceName: "deviceName", deviceSize: "deviceSize", rtl: "rtl", editMode: "editMode", setting: "setting", parameters: "parameters", contextMenuItems: "contextMenuItems", canView: "canView", showRowNumber: "showRowNumber", rowNumber: "rowNumber", formSetting: "formSetting", conditionalFormats: "conditionalFormats", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", isCheckList: "isCheckList", maxHeightHeader: "maxHeightHeader", fields: "fields", isChecked: "isChecked", layout94$: "layout94$", inlineEditMode: "inlineEditMode", isNewInlineMo: "isNewInlineMo", allowInlineEdit: "allowInlineEdit", typeDefId: "typeDefId", rowIndicator: "rowIndicator", rowIndicatorColor: "rowIndicatorColor", UlvMainCtrlr: "UlvMainCtrlr" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-dynamic-item-component', template: `<ng-container #componentContainer></ng-container>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:contents}\n"] }]
         }], propDecorators: { mo: [{
@@ -14217,10 +14412,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class CardDynamicItemComponent extends DynamicItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardDynamicItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: CardDynamicItemComponent, isStandalone: false, selector: "bnrc-card-dynamic-item-component", inputs: { columnTemplate: "columnTemplate", extendedHeaderTemplate: "extendedHeaderTemplate" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardDynamicItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: CardDynamicItemComponent, isStandalone: false, selector: "bnrc-card-dynamic-item-component", inputs: { columnTemplate: "columnTemplate", extendedHeaderTemplate: "extendedHeaderTemplate" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, styles: [":host{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardDynamicItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardDynamicItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-card-dynamic-item-component', template: `<ng-container #componentContainer></ng-container>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:contents}\n"] }]
         }], propDecorators: { columnTemplate: [{
@@ -14252,10 +14447,10 @@ class BaseViewPropsComponent extends BaseComponent {
     _trackByRow(index, row) {
         return `${row.$Group ? row.$Group : row.Id}${index}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseViewPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseViewPropsComponent, isStandalone: false, selector: "bnrc-base-view-props", inputs: { detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", detailsTextFunction: "detailsTextFunction", moDataList: "moDataList", reportId: "reportId", allColumns: "allColumns", hideOpenIcon: "hideOpenIcon", isCheckList: "isCheckList", allChecked: "allChecked", canView: "canView", visibility: "visibility", level: "level", expanded: "expanded", styleIndex: "styleIndex", parentExpanded: "parentExpanded", access: "access", groupby: "groupby", UlvMainCtrlr: "UlvMainCtrlr", conditionalFormats: "conditionalFormats", deviceName: "deviceName", deviceSize: "deviceSize", contextMenuItems: "contextMenuItems", columns: "columns", allowInlineEdit: "allowInlineEdit", secondaryColumns: "secondaryColumns", popin: "popin", typeDefId: "typeDefId", columnsCount: "columnsCount", mobileOrTablet: "mobileOrTablet", containerWidth: "containerWidth", newInlineEditMo: "newInlineEditMo", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", rowHoverable: "rowHoverable", openOnClick: "openOnClick", tlbButtons: "tlbButtons", setting: "setting", parameters: "parameters", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", rowActivable: "rowActivable", contentDensity: "contentDensity", rtl: "rtl", showOkCancelButtons: "showOkCancelButtons", title: "title", isChecked: "isChecked", navigationArrow: "navigationArrow", alternateEditObjectColumn: "alternateEditObjectColumn", disableHyperLink: "disableHyperLink", columnsHyperLink: "columnsHyperLink" }, outputs: { resetWorkflowState: "resetWorkflowState", deselectAll: "deselectAll", escapeKey: "escapeKey", rowCheck: "rowCheck", workflowShareButtons: "workflowShareButtons", rowClick: "rowClick", ulvCommand: "ulvCommand", editFormPanelCancel: "editFormPanelCancel", editFormPanelSave: "editFormPanelSave", selectNextInlineRecord: "selectNextInlineRecord", action: "action", expandClick: "expandClick", editFormPanelValueChange: "editFormPanelValueChange", cartableFormClosed: "cartableFormClosed" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseViewPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseViewPropsComponent, isStandalone: false, selector: "bnrc-base-view-props", inputs: { detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", detailsTextFunction: "detailsTextFunction", moDataList: "moDataList", reportId: "reportId", allColumns: "allColumns", hideOpenIcon: "hideOpenIcon", isCheckList: "isCheckList", allChecked: "allChecked", canView: "canView", visibility: "visibility", level: "level", expanded: "expanded", styleIndex: "styleIndex", parentExpanded: "parentExpanded", access: "access", groupby: "groupby", UlvMainCtrlr: "UlvMainCtrlr", conditionalFormats: "conditionalFormats", deviceName: "deviceName", deviceSize: "deviceSize", contextMenuItems: "contextMenuItems", columns: "columns", allowInlineEdit: "allowInlineEdit", secondaryColumns: "secondaryColumns", popin: "popin", typeDefId: "typeDefId", columnsCount: "columnsCount", mobileOrTablet: "mobileOrTablet", containerWidth: "containerWidth", newInlineEditMo: "newInlineEditMo", inlineEditMode: "inlineEditMode", onlyInlineEdit: "onlyInlineEdit", rowHoverable: "rowHoverable", openOnClick: "openOnClick", tlbButtons: "tlbButtons", setting: "setting", parameters: "parameters", formSetting: "formSetting", disableOverflowContextMenu: "disableOverflowContextMenu", rowActivable: "rowActivable", contentDensity: "contentDensity", rtl: "rtl", showOkCancelButtons: "showOkCancelButtons", title: "title", isChecked: "isChecked", navigationArrow: "navigationArrow", alternateEditObjectColumn: "alternateEditObjectColumn", disableHyperLink: "disableHyperLink", columnsHyperLink: "columnsHyperLink" }, outputs: { resetWorkflowState: "resetWorkflowState", deselectAll: "deselectAll", escapeKey: "escapeKey", rowCheck: "rowCheck", workflowShareButtons: "workflowShareButtons", rowClick: "rowClick", ulvCommand: "ulvCommand", editFormPanelCancel: "editFormPanelCancel", editFormPanelSave: "editFormPanelSave", selectNextInlineRecord: "selectNextInlineRecord", action: "action", expandClick: "expandClick", editFormPanelValueChange: "editFormPanelValueChange", cartableFormClosed: "cartableFormClosed" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseViewPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseViewPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base-view-props',
@@ -14400,10 +14595,10 @@ class BaseViewContentPropsComponent extends BaseViewPropsComponent {
         super(...arguments);
         this.actionListClick = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseViewContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseViewContentPropsComponent, isStandalone: false, selector: "bnrc-base-view-content-props", inputs: { moDataList: "moDataList", maxHeightHeader: "maxHeightHeader", setting: "setting" }, outputs: { actionListClick: "actionListClick" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseViewContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseViewContentPropsComponent, isStandalone: false, selector: "bnrc-base-view-content-props", inputs: { moDataList: "moDataList", maxHeightHeader: "maxHeightHeader", setting: "setting" }, outputs: { actionListClick: "actionListClick" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseViewContentPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseViewContentPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base-view-content-props',
@@ -14449,9 +14644,12 @@ class BaseViewItemPropsComponent extends BaseViewPropsComponent {
         this.inlineEditInReport = true;
         this.rewriteLayout = true;
         this.hasCartableTemplate = false;
-        this.workflowState = signal(null, ...(ngDevMode ? [{ debugName: "workflowState" }] : /* istanbul ignore next */ []));
-        this.bruleActionMessage = signal(null, ...(ngDevMode ? [{ debugName: "bruleActionMessage" }] : /* istanbul ignore next */ []));
-        this.activeColumn = signal(undefined, ...(ngDevMode ? [{ debugName: "activeColumn" }] : /* istanbul ignore next */ []));
+        this.workflowState = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "workflowState" }] : /* istanbul ignore next */ []));
+        this.bruleActionMessage = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bruleActionMessage" }] : /* istanbul ignore next */ []));
+        this.activeColumn = signal(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "activeColumn" }] : /* istanbul ignore next */ []));
         this._domSanitizer = inject(DomSanitizer);
         this._cdr = inject(ChangeDetectorRef);
         this._reportValuePipe = inject(MoReportValuePipe);
@@ -14878,10 +15076,10 @@ class BaseViewItemPropsComponent extends BaseViewPropsComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseViewItemPropsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseViewItemPropsComponent, isStandalone: false, selector: "bnrc-base-view-item-props", inputs: { checkboxComponent: "checkboxComponent", disableEllapsis: "disableEllapsis", isslider: "isslider", attachmentViewType: "attachmentViewType", dirtyColumns: "dirtyColumns", contextMenuOverflowText: "contextMenuOverflowText", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", mo: "mo", moDataListCount: "moDataListCount", index: "index", last: "last", hideHeader: "hideHeader", isdirty: "isdirty", isChecked: "isChecked", hideDetailsText: "hideDetailsText", showViewButton: "showViewButton", isNewInlineMo: "isNewInlineMo", extraRelation: "extraRelation", hideOpenIcon: "hideOpenIcon", inlineEditWithoutSelection: "inlineEditWithoutSelection", inDialog: "inDialog", isMobile: "isMobile", isMultiSelect: "isMultiSelect", rowIndicator: "rowIndicator", groupSummary: "groupSummary", isLastChildGroup: "isLastChildGroup", showRowNumber: "showRowNumber", rowNumber: "rowNumber", alternateRowMode: "alternateRowMode", noSaveInlineEditInServer: "noSaveInlineEditInServer", disableHyperLink: "disableHyperLink", columnsHyperLink: "columnsHyperLink", rowIndicatorColor: "rowIndicatorColor", alternateEditObjectColumn: "alternateEditObjectColumn", maxHeightHeader: "maxHeightHeader", UlvMainCtrlr: "UlvMainCtrlr", fieldDict: "fieldDict", actionList: "actionList", serializedRelatedMo: "serializedRelatedMo", cartableTemplate: "cartableTemplate", cartableMo: "cartableMo", cartableWorkflowData: "cartableWorkflowData" }, outputs: { actionListClick: "actionListClick", events: "events" }, viewQueries: [{ propertyName: "_cartableFormRef", first: true, predicate: ["cartableFormRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseViewItemPropsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseViewItemPropsComponent, isStandalone: false, selector: "bnrc-base-view-item-props", inputs: { checkboxComponent: "checkboxComponent", disableEllapsis: "disableEllapsis", isslider: "isslider", attachmentViewType: "attachmentViewType", dirtyColumns: "dirtyColumns", contextMenuOverflowText: "contextMenuOverflowText", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", mo: "mo", moDataListCount: "moDataListCount", index: "index", last: "last", hideHeader: "hideHeader", isdirty: "isdirty", isChecked: "isChecked", hideDetailsText: "hideDetailsText", showViewButton: "showViewButton", isNewInlineMo: "isNewInlineMo", extraRelation: "extraRelation", hideOpenIcon: "hideOpenIcon", inlineEditWithoutSelection: "inlineEditWithoutSelection", inDialog: "inDialog", isMobile: "isMobile", isMultiSelect: "isMultiSelect", rowIndicator: "rowIndicator", groupSummary: "groupSummary", isLastChildGroup: "isLastChildGroup", showRowNumber: "showRowNumber", rowNumber: "rowNumber", alternateRowMode: "alternateRowMode", noSaveInlineEditInServer: "noSaveInlineEditInServer", disableHyperLink: "disableHyperLink", columnsHyperLink: "columnsHyperLink", rowIndicatorColor: "rowIndicatorColor", alternateEditObjectColumn: "alternateEditObjectColumn", maxHeightHeader: "maxHeightHeader", UlvMainCtrlr: "UlvMainCtrlr", fieldDict: "fieldDict", actionList: "actionList", serializedRelatedMo: "serializedRelatedMo", cartableTemplate: "cartableTemplate", cartableMo: "cartableMo", cartableWorkflowData: "cartableWorkflowData" }, outputs: { actionListClick: "actionListClick", events: "events" }, viewQueries: [{ propertyName: "_cartableFormRef", first: true, predicate: ["cartableFormRef"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseViewItemPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseViewItemPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base-view-item-props',
@@ -15021,10 +15219,10 @@ class BaseItemContentPropsComponent extends BaseComponent {
     detectChanges() {
         this._cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseItemContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseItemContentPropsComponent, isStandalone: false, selector: "bnrc-base-item-content-props", inputs: { mo: "mo", allColumns: "allColumns", column: "column", index: "index", styleIndex: "styleIndex", deviceName: "deviceName", deviceSize: "deviceSize", rtl: "rtl", editMode: "editMode", setting: "setting", parameters: "parameters", contextMenuItems: "contextMenuItems", canView: "canView", conditionalFormats: "conditionalFormats", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", isCheckList: "isCheckList", fields: "fields", isChecked: "isChecked", hideOpenIcon: "hideOpenIcon", layout94$: "layout94$", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", isNewInlineMo: "isNewInlineMo", formSetting: "formSetting", typeDefId: "typeDefId", maxHeightHeader: "maxHeightHeader", UlvMainCtrlr: "UlvMainCtrlr" }, outputs: { events: "events" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseItemContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseItemContentPropsComponent, isStandalone: false, selector: "bnrc-base-item-content-props", inputs: { mo: "mo", allColumns: "allColumns", column: "column", index: "index", styleIndex: "styleIndex", deviceName: "deviceName", deviceSize: "deviceSize", rtl: "rtl", editMode: "editMode", setting: "setting", parameters: "parameters", contextMenuItems: "contextMenuItems", canView: "canView", conditionalFormats: "conditionalFormats", disableOverflowContextMenu: "disableOverflowContextMenu", navigationArrow: "navigationArrow", isCheckList: "isCheckList", fields: "fields", isChecked: "isChecked", hideOpenIcon: "hideOpenIcon", layout94$: "layout94$", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", isNewInlineMo: "isNewInlineMo", formSetting: "formSetting", typeDefId: "typeDefId", maxHeightHeader: "maxHeightHeader", UlvMainCtrlr: "UlvMainCtrlr" }, outputs: { events: "events" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseItemContentPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseItemContentPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base-item-content-props',
@@ -15093,10 +15291,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class CardBaseItemContentPropsComponent extends BaseItemContentPropsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardBaseItemContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: CardBaseItemContentPropsComponent, isStandalone: false, selector: "bnrc-card-base-item-content-props", inputs: { columnTemplate: "columnTemplate", extendedHeaderTemplate: "extendedHeaderTemplate" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardBaseItemContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: CardBaseItemContentPropsComponent, isStandalone: false, selector: "bnrc-card-base-item-content-props", inputs: { columnTemplate: "columnTemplate", extendedHeaderTemplate: "extendedHeaderTemplate" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CardBaseItemContentPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CardBaseItemContentPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-card-base-item-content-props',
@@ -15118,10 +15316,10 @@ class BaseFormToolbaritemPropsComponent extends BaseComponent {
         this._reportValuePipe = inject(MoReportValuePipe);
         this._cdr = inject(ChangeDetectorRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseFormToolbaritemPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseFormToolbaritemPropsComponent, isStandalone: false, selector: "bnrc-form-toolbaritem-props", inputs: { deviceName: "deviceName", deviceSize: "deviceSize", btn: "btn", context: "context", isEnable: "isEnable", inlineEditMode: "inlineEditMode", parameters: "parameters", mo: "mo", allColumns: "allColumns", index: "index", showText: "showText", conditionalFormats: "conditionalFormats" }, outputs: { ulvClick: "ulvClick", commandClick: "commandClick" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseFormToolbaritemPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseFormToolbaritemPropsComponent, isStandalone: false, selector: "bnrc-form-toolbaritem-props", inputs: { deviceName: "deviceName", deviceSize: "deviceSize", btn: "btn", context: "context", isEnable: "isEnable", inlineEditMode: "inlineEditMode", parameters: "parameters", mo: "mo", allColumns: "allColumns", index: "index", showText: "showText", conditionalFormats: "conditionalFormats" }, outputs: { ulvClick: "ulvClick", commandClick: "commandClick" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseFormToolbaritemPropsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseFormToolbaritemPropsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-form-toolbaritem-props',
@@ -15164,10 +15362,10 @@ class DynamicFormToolbaritemComponent extends BaseDynamicComponent {
         super(...arguments);
         this.btnClick = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicFormToolbaritemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DynamicFormToolbaritemComponent, isStandalone: false, selector: "bnrc-dynamic-form-toolbaritem", inputs: { mo: "mo", index: "index", deviceName: "deviceName", deviceSize: "deviceSize", context: "context", btn: "btn", isEnable: "isEnable", showText: "showText", allColumns: "allColumns", conditionalFormats: "conditionalFormats" }, outputs: { btnClick: "btnClick" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, styles: [":host{display:block;width:min-content}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicFormToolbaritemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DynamicFormToolbaritemComponent, isStandalone: false, selector: "bnrc-dynamic-form-toolbaritem", inputs: { mo: "mo", index: "index", deviceName: "deviceName", deviceSize: "deviceSize", context: "context", btn: "btn", isEnable: "isEnable", showText: "showText", allColumns: "allColumns", conditionalFormats: "conditionalFormats" }, outputs: { btnClick: "btnClick" }, usesInheritance: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, styles: [":host{display:block;width:min-content}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicFormToolbaritemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicFormToolbaritemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-dynamic-form-toolbaritem', template: `<ng-container #componentContainer></ng-container>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;width:min-content}\n"] }]
         }], propDecorators: { btnClick: [{
@@ -15223,10 +15421,10 @@ class DynamicLayoutComponent extends BaseDynamicComponent {
         }
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicLayoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DynamicLayoutComponent, isStandalone: false, selector: "bnrc-dynamic-layout", inputs: { selector: "selector", module: "module", name: "name", parameters: "parameters", moduleFileName: "moduleFileName", flex: "flex", config: "config", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", isSearchPanel: "isSearchPanel" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicLayoutComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DynamicLayoutComponent, isStandalone: false, selector: "bnrc-dynamic-layout", inputs: { selector: "selector", module: "module", name: "name", parameters: "parameters", moduleFileName: "moduleFileName", flex: "flex", config: "config", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", isSearchPanel: "isSearchPanel" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, styles: [":host{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicLayoutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicLayoutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-dynamic-layout', template: ``, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:none}\n"] }]
         }], propDecorators: { selector: [{
@@ -15267,10 +15465,10 @@ class DynamicUlvToolbarComponent extends BaseDynamicComponent {
             this._component.instance.changeDetect && this._component.instance.changeDetect();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicUlvToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DynamicUlvToolbarComponent, isStandalone: false, selector: "bnrc-dynamic-ulv-toolbar-component", inputs: { viewSettings: "viewSettings", allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", icon: "icon", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", toolbarButtonsReportView: "toolbarButtonsReportView", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", cls: "cls", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount", showToolbarBorder: "showToolbarBorder" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicUlvToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DynamicUlvToolbarComponent, isStandalone: false, selector: "bnrc-dynamic-ulv-toolbar-component", inputs: { viewSettings: "viewSettings", allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", icon: "icon", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", toolbarButtonsReportView: "toolbarButtonsReportView", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", cls: "cls", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount", showToolbarBorder: "showToolbarBorder" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicUlvToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicUlvToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-dynamic-ulv-toolbar-component',
@@ -15348,10 +15546,10 @@ class DynamicUlvPagingComponent extends BaseDynamicComponent {
             this._component.instance.changeDetect && this._component.instance.changeDetect();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicUlvPagingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: DynamicUlvPagingComponent, isStandalone: false, selector: "bnrc-dynamic-ulv-paging-component", inputs: { pagingSetting: "pagingSetting", context: "context" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicUlvPagingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: DynamicUlvPagingComponent, isStandalone: false, selector: "bnrc-dynamic-ulv-paging-component", inputs: { pagingSetting: "pagingSetting", context: "context" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `<ng-container #componentContainer></ng-container>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicUlvPagingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicUlvPagingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-dynamic-ulv-paging-component',
@@ -15391,10 +15589,10 @@ class UnlimitSessionComponent extends BaseComponent {
     _setStandaloneApp() {
         this._portalService.RunBlMethodAsync('BarsaSetStandAloneApp', [BarsaApi.LoginFormData.PortalId]).catch((_) => { });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UnlimitSessionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: UnlimitSessionComponent, isStandalone: false, selector: "bnrc-unlimit-session", usesInheritance: true, ngImport: i0, template: "", styles: [":host{background:#191919 -webkit-linear-gradient(top,#000 0%,#191919 100%) no-repeat;background:#191919 linear-gradient(to bottom,#000,#191919) no-repeat;text-align:center}:host h1,:host h2{font-weight:400}:host h1{margin:0 auto;padding:.15em;font-size:10em;text-shadow:0 2px 2px #000}:host h2{margin-bottom:2em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UnlimitSessionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: UnlimitSessionComponent, isStandalone: false, selector: "bnrc-unlimit-session", usesInheritance: true, ngImport: i0, template: "", styles: [":host{background:#191919 -webkit-linear-gradient(top,#000 0%,#191919 100%) no-repeat;background:#191919 linear-gradient(to bottom,#000,#191919) no-repeat;text-align:center}:host h1,:host h2{font-weight:400}:host h1{margin:0 auto;padding:.15em;font-size:10em;text-shadow:0 2px 2px #000}:host h2{margin-bottom:2em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UnlimitSessionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UnlimitSessionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-unlimit-session', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "", styles: [":host{background:#191919 -webkit-linear-gradient(top,#000 0%,#191919 100%) no-repeat;background:#191919 linear-gradient(to bottom,#000,#191919) no-repeat;text-align:center}:host h1,:host h2{font-weight:400}:host h1{margin:0 auto;padding:.15em;font-size:10em;text-shadow:0 2px 2px #000}:host h2{margin-bottom:2em}\n"] }]
         }] });
@@ -15431,8 +15629,8 @@ class PushBannerComponent extends BaseComponent {
     onEnable() {
         this._pushService.subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: PushBannerComponent, isStandalone: false, selector: "bnrc-push-banner", usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: PushBannerComponent, isStandalone: false, selector: "bnrc-push-banner", usesInheritance: true, ngImport: i0, template: `
         @if(push().bannerVisible){
         <div class="push-banner" [ngClass]="bannerPositionClass">
             <div class="text">
@@ -15450,7 +15648,7 @@ class PushBannerComponent extends BaseComponent {
         }
     `, isInline: true, styles: [".push-banner{position:fixed;left:0;right:0;font-family:var(--sapFontFamily);background:#fff;border-radius:12px 12px 0 0;box-shadow:0 -4px 16px #00000026;padding:16px;display:flex;flex-direction:column;gap:8px;z-index:9999}.actions{display:flex;gap:8px}.btn.enable{background:#25d366;color:#fff;border-radius:8px;padding:8px 12px;border:none}.btn.later{background:transparent;color:#666;border:none;padding:8px 12px}.error{color:red;font-size:13px}.position-ios-bottom{bottom:0;top:auto;border-radius:12px 12px 0 0}.position-android-top{top:0;bottom:auto;border-radius:0 0 12px 12px}.position-desktop{inset:20px 20px auto auto;width:320px;max-width:90%;border-radius:8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PushBannerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PushBannerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-push-banner', standalone: false, changeDetection: ChangeDetectionStrategy.OnPush, template: `
         @if(push().bannerVisible){
@@ -15495,10 +15693,10 @@ class LoadExternalFilesDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LoadExternalFilesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: LoadExternalFilesDirective, isStandalone: false, selector: "[loadExternalFiles]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadExternalFilesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LoadExternalFilesDirective, isStandalone: false, selector: "[loadExternalFiles]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LoadExternalFilesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoadExternalFilesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[loadExternalFiles]',
@@ -15511,7 +15709,8 @@ class RootPortalComponent extends PageBaseComponent {
         super(...arguments);
         this._dir = 'ltr';
         this.isRoot = true;
-        this.inLocalMode = signal(false, ...(ngDevMode ? [{ debugName: "inLocalMode" }] : /* istanbul ignore next */ []));
+        this.inLocalMode = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inLocalMode" }] : /* istanbul ignore next */ []));
     }
     ngOnInit() {
         super.ngOnInit();
@@ -15591,8 +15790,8 @@ class RootPortalComponent extends PageBaseComponent {
             this._portalService.setSiteImageUrl(BackgroundColor, this.imageUrl);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RootPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: RootPortalComponent, isStandalone: false, selector: "bnrc-root-portal", host: { properties: { "attr.dir": "this._dir", "attr.devicesize": "this._deviceSize" } }, viewQueries: [{ propertyName: "sectionRef", first: true, predicate: ["sectionRef"], descendants: true }, { propertyName: "footerRefVcr", first: true, predicate: ["footerRef"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RootPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: RootPortalComponent, isStandalone: false, selector: "bnrc-root-portal", host: { properties: { "attr.dir": "this._dir", "attr.devicesize": "this._deviceSize" } }, viewQueries: [{ propertyName: "sectionRef", first: true, predicate: ["sectionRef"], descendants: true }, { propertyName: "footerRefVcr", first: true, predicate: ["footerRef"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: `
         <span
             class="!tw-hidden tw-grid-cols-[1fr_auto] tw-text-bold tw-grid tw-grid-cols-12 tw-gap-2 tw-py-1 tw-px-2 tw-font-semibold
             max-md:tw-grid-cols-1  tw-inline-flex tw-items-center tw-gap-1 tw-px-3 
@@ -15655,7 +15854,7 @@ class RootPortalComponent extends PageBaseComponent {
             </div>
         </div>
         }
-        <section loadExternalFiles class="tw-invisible section" id="mainpage" #sectionRef>
+        <section loadExternalFiles class="section" id="mainpage" #sectionRef>
             <div #containerRef></div>
         </section>
         <div class="page-wrapper">
@@ -15669,7 +15868,7 @@ class RootPortalComponent extends PageBaseComponent {
         <bnrc-push-banner></bnrc-push-banner>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: UnlimitSessionComponent, selector: "bnrc-unlimit-session" }, { kind: "component", type: PushBannerComponent, selector: "bnrc-push-banner" }, { kind: "directive", type: LoadExternalFilesDirective, selector: "[loadExternalFiles]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RootPortalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RootPortalComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-root-portal',
@@ -15736,7 +15935,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             </div>
         </div>
         }
-        <section loadExternalFiles class="tw-invisible section" id="mainpage" #sectionRef>
+        <section loadExternalFiles class="section" id="mainpage" #sectionRef>
             <div #containerRef></div>
         </section>
         <div class="page-wrapper">
@@ -15773,10 +15972,10 @@ class AnchorScrollDirective {
             element.scrollIntoView();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AnchorScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: AnchorScrollDirective, isStandalone: false, selector: "[anchorScroll]", inputs: { anchorScroll: "anchorScroll" }, host: { listeners: { "click": "scrollInto()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AnchorScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AnchorScrollDirective, isStandalone: false, selector: "[anchorScroll]", inputs: { anchorScroll: "anchorScroll" }, host: { listeners: { "click": "scrollInto()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AnchorScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AnchorScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[anchorScroll]',
@@ -15804,10 +16003,10 @@ class AttrRtlDirective extends BaseDirective {
     _setRtlAttribute(rtl) {
         this._renderer2.setAttribute(this._el.nativeElement, 'rtl', `${rtl}`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AttrRtlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: AttrRtlDirective, isStandalone: false, selector: "[attrRtl]", inputs: { rtl: ["attrRtl", "rtl"] }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AttrRtlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AttrRtlDirective, isStandalone: false, selector: "[attrRtl]", inputs: { rtl: ["attrRtl", "rtl"] }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AttrRtlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AttrRtlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[attrRtl]',
@@ -15841,10 +16040,10 @@ class ColumnResizerDirective extends BaseDirective {
         this.renderer.setStyle(cell, 'padding-left', 0);
         this.renderer.setStyle(cell, 'position', 'relative');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnResizerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ColumnResizerDirective, isStandalone: false, selector: "[columnResizer]", inputs: { disableResizer: "disableResizer" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnResizerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ColumnResizerDirective, isStandalone: false, selector: "[columnResizer]", inputs: { disableResizer: "disableResizer" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnResizerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnResizerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[columnResizer]',
@@ -15872,10 +16071,10 @@ class DynamicCommandDirective {
         this.commandClick.emit();
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: DynamicCommandDirective, isStandalone: false, selector: "[dynCommand]", inputs: { dynCommand: "dynCommand", mo: "mo", enableCommand: "enableCommand" }, outputs: { commandClick: "commandClick" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: DynamicCommandDirective, isStandalone: false, selector: "[dynCommand]", inputs: { dynCommand: "dynCommand", mo: "mo", enableCommand: "enableCommand" }, outputs: { commandClick: "commandClick" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicCommandDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicCommandDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dynCommand]',
@@ -15947,10 +16146,10 @@ class EllipsifyDirective extends BaseDirective {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EllipsifyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: EllipsifyDirective, isStandalone: false, selector: "[ellipsify]", inputs: { limitLine: "limitLine" }, host: { listeners: { "mousemove": "moseMove($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EllipsifyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: EllipsifyDirective, isStandalone: false, selector: "[ellipsify]", inputs: { limitLine: "limitLine" }, host: { listeners: { "mousemove": "moseMove($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EllipsifyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EllipsifyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ellipsify]',
@@ -15964,10 +16163,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class FieldDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: FieldDirective, isStandalone: false, selector: "[field]", inputs: { field: "field", value: "value" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: FieldDirective, isStandalone: false, selector: "[field]", inputs: { field: "field", value: "value" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[field]',
@@ -16035,10 +16234,10 @@ class ImageLazyDirective extends BaseDirective {
             rect.right <= (window.innerWidth || document.documentElement.clientWidth);
         return isInViewport;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ImageLazyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ImageLazyDirective, isStandalone: false, selector: "[imgLazy]", inputs: { auto: "auto", threshold: "threshold", imgLazy: "imgLazy" }, outputs: { imageLoaded: "imageLoaded" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageLazyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ImageLazyDirective, isStandalone: false, selector: "[imgLazy]", inputs: { auto: "auto", threshold: "threshold", imgLazy: "imgLazy" }, outputs: { imageLoaded: "imageLoaded" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ImageLazyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ImageLazyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[imgLazy]',
@@ -16131,10 +16330,10 @@ class IntersectionObserverDirective {
     ngOnDestroy() {
         this.destroy$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IntersectionObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: IntersectionObserverDirective, isStandalone: false, selector: "[intersectionObserver]", inputs: { intersectionDebounce: "intersectionDebounce", intersectionRootMargin: "intersectionRootMargin", intersectionRoot: "intersectionRoot", intersectionThreshold: "intersectionThreshold" }, outputs: { visibilityChange: "visibilityChange" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IntersectionObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: IntersectionObserverDirective, isStandalone: false, selector: "[intersectionObserver]", inputs: { intersectionDebounce: "intersectionDebounce", intersectionRootMargin: "intersectionRootMargin", intersectionRoot: "intersectionRoot", intersectionThreshold: "intersectionThreshold" }, outputs: { visibilityChange: "visibilityChange" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: IntersectionObserverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: IntersectionObserverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[intersectionObserver]',
@@ -16187,10 +16386,10 @@ class ItemsRendererDirective extends BaseDirective {
         this._el.nativeElement.appendChild(fragmentDoc);
         this._fragmentDoc = fragmentDoc;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ItemsRendererDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ItemsRendererDirective, isStandalone: false, selector: "[itemsRenderer]", inputs: { itemsRenderer: "itemsRenderer", moDataList: "moDataList", itemClass: "itemClass", handleClick: "handleClick" }, outputs: { itemClick: "itemClick" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ItemsRendererDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ItemsRendererDirective, isStandalone: false, selector: "[itemsRenderer]", inputs: { itemsRenderer: "itemsRenderer", moDataList: "moDataList", itemClass: "itemClass", handleClick: "handleClick" }, outputs: { itemClick: "itemClick" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ItemsRendererDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ItemsRendererDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[itemsRenderer]',
@@ -16220,10 +16419,10 @@ class NumbersOnlyInputDirective {
             event.stopPropagation();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NumbersOnlyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: NumbersOnlyInputDirective, isStandalone: false, selector: "input[type=number], input[numbersOnly]", host: { listeners: { "input": "onInputChange($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NumbersOnlyInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NumbersOnlyInputDirective, isStandalone: false, selector: "input[type=number], input[numbersOnly]", host: { listeners: { "input": "onInputChange($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NumbersOnlyInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NumbersOnlyInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[type=number], input[numbersOnly]',
@@ -16235,10 +16434,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 class PlaceHolderDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PlaceHolderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: PlaceHolderDirective, isStandalone: false, selector: "[placeHolder]", inputs: { placeHolder: "placeHolder" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PlaceHolderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PlaceHolderDirective, isStandalone: false, selector: "[placeHolder]", inputs: { placeHolder: "placeHolder" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PlaceHolderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PlaceHolderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[placeHolder]',
@@ -16298,10 +16497,10 @@ class RenderUlvViewerDirective extends BaseDirective {
                 .subscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenderUlvViewerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: RenderUlvViewerDirective, isStandalone: false, selector: "[renderUlvViewer]", inputs: { mask: "mask", isReportPage: "isReportPage", layoutInfo: "layoutInfo", viewer: ["renderUlvViewer", "viewer"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RenderUlvViewerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: RenderUlvViewerDirective, isStandalone: false, selector: "[renderUlvViewer]", inputs: { mask: "mask", isReportPage: "isReportPage", layoutInfo: "layoutInfo", viewer: ["renderUlvViewer", "viewer"] }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenderUlvViewerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RenderUlvViewerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[renderUlvViewer]',
@@ -16351,6 +16550,8 @@ class RenderUlvPaginDirective extends BaseDirective {
         if (context) {
             const customUiSetting = BarsaApi.Common.Util.TryGetValue(context.Setting, 'ClassNames.CustomUi', null);
             const component = getComponentDefined(context, customUiSetting);
+            component.Name = 'UlvPaging';
+            component.Selector = 'bsu-ulv-paging';
             this._portalService
                 .getComponent(component, this._injector, this._environmentInjector)
                 .pipe(takeUntil(this._onDestroy$), delay(0), tap((component) => {
@@ -16368,10 +16569,10 @@ class RenderUlvPaginDirective extends BaseDirective {
                 .subscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenderUlvPaginDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: RenderUlvPaginDirective, isStandalone: false, selector: "[renderUlvPaging]", inputs: { mask: "mask", pagingSetting: "pagingSetting", context: ["renderUlvPaging", "context"] }, outputs: { pageChange: "pageChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RenderUlvPaginDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: RenderUlvPaginDirective, isStandalone: false, selector: "[renderUlvPaging]", inputs: { mask: "mask", pagingSetting: "pagingSetting", context: ["renderUlvPaging", "context"] }, outputs: { pageChange: "pageChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenderUlvPaginDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RenderUlvPaginDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[renderUlvPaging]',
@@ -16588,10 +16789,10 @@ class TableResizerDirective extends BaseDirective {
         this._currentResizer = null;
         this.renderer.setStyle(this._el.nativeElement, 'cursor', 'default');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableResizerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: TableResizerDirective, isStandalone: false, selector: "[tableResizer]", inputs: { fitWidth: "fitWidth", minWidth: "minWidth", minHeight: "minHeight", containerWidth: "containerWidth", rowResizer: "rowResizer", enableResizing: "enableResizing" }, outputs: { columnResized: "columnResized" }, host: { listeners: { "mousedown": "moseDown($event)", "mousemove": "moseMove($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TableResizerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: TableResizerDirective, isStandalone: false, selector: "[tableResizer]", inputs: { fitWidth: "fitWidth", minWidth: "minWidth", minHeight: "minHeight", containerWidth: "containerWidth", rowResizer: "rowResizer", enableResizing: "enableResizing" }, outputs: { columnResized: "columnResized" }, host: { listeners: { "mousedown": "moseDown($event)", "mousemove": "moseMove($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TableResizerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TableResizerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[tableResizer]',
@@ -16649,10 +16850,10 @@ class UlvCommandDirective extends BaseDirective {
         }))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UlvCommandDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: UlvCommandDirective, isStandalone: false, selector: "[ulvCommandHandler]", inputs: { ulvCommandHandler: "ulvCommandHandler", disable: "disable" }, outputs: { commandClick: "commandClick" }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UlvCommandDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: UlvCommandDirective, isStandalone: false, selector: "[ulvCommandHandler]", inputs: { ulvCommandHandler: "ulvCommandHandler", disable: "disable" }, outputs: { commandClick: "commandClick" }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UlvCommandDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UlvCommandDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ulvCommandHandler]',
@@ -16700,10 +16901,10 @@ class UntilInViewDirective extends BaseDirective {
     ngOnDestroy() {
         this._onDestroy$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UntilInViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: UntilInViewDirective, isStandalone: false, selector: "[untilInView]", inputs: { untilInView: "untilInView", intersectionDebounce: "intersectionDebounce" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UntilInViewDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: UntilInViewDirective, isStandalone: false, selector: "[untilInView]", inputs: { untilInView: "untilInView", intersectionDebounce: "intersectionDebounce" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UntilInViewDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: UntilInViewDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[untilInView]',
@@ -16749,10 +16950,10 @@ class WorfkflowwChoiceCommandDirective {
         this.commandClick.emit();
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WorfkflowwChoiceCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: WorfkflowwChoiceCommandDirective, isStandalone: false, selector: "[wfChoice]", inputs: { wfChoice: "wfChoice", mo: "mo", enableCommand: "enableCommand" }, outputs: { commandClick: "commandClick", workflowExecuteChoiceStatusChanged: "workflowExecuteChoiceStatusChanged" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WorfkflowwChoiceCommandDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: WorfkflowwChoiceCommandDirective, isStandalone: false, selector: "[wfChoice]", inputs: { wfChoice: "wfChoice", mo: "mo", enableCommand: "enableCommand" }, outputs: { commandClick: "commandClick", workflowExecuteChoiceStatusChanged: "workflowExecuteChoiceStatusChanged" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WorfkflowwChoiceCommandDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WorfkflowwChoiceCommandDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wfChoice]',
@@ -16806,10 +17007,10 @@ class CopyDirective extends BaseDirective {
         dom.appendChild(inputEl);
         this._inputEl = inputEl;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CopyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: CopyDirective, isStandalone: false, selector: "[copy]", inputs: { copy: "copy" }, host: { listeners: { "click": "doCopy()" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CopyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CopyDirective, isStandalone: false, selector: "[copy]", inputs: { copy: "copy" }, host: { listeners: { "click": "doCopy()" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CopyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CopyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[copy]',
@@ -16858,10 +17059,10 @@ class EllapsisTextDirective extends BaseDirective {
     _isEllipsisActive(element) {
         return element.scrollWidth > element.clientWidth;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EllapsisTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: EllapsisTextDirective, isStandalone: false, selector: "[ellapsisText]", inputs: { ellapsisText: "ellapsisText", fontSize: "fontSize", disableEllapsis: "disableEllapsis" }, outputs: { ellapsised: "ellapsised" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EllapsisTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: EllapsisTextDirective, isStandalone: false, selector: "[ellapsisText]", inputs: { ellapsisText: "ellapsisText", fontSize: "fontSize", disableEllapsis: "disableEllapsis" }, outputs: { ellapsised: "ellapsised" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: EllapsisTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: EllapsisTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ellapsisText]',
@@ -16887,10 +17088,10 @@ class MobileDirective extends BaseDirective {
         const dom = this._el.nativeElement;
         this._renderer2.addClass(dom, 'mobile');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MobileDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: MobileDirective, isStandalone: false, selector: "[mobile]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MobileDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: MobileDirective, isStandalone: false, selector: "[mobile]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MobileDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MobileDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mobile]',
@@ -16909,10 +17110,10 @@ class BodyClickDirective extends BaseDirective {
         }
         bodyClick(this._document, this._el);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BodyClickDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: BodyClickDirective, isStandalone: false, selector: "[bodyClick]", inputs: { disableBodyClick: "disableBodyClick" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BodyClickDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: BodyClickDirective, isStandalone: false, selector: "[bodyClick]", inputs: { disableBodyClick: "disableBodyClick" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BodyClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BodyClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bodyClick]',
@@ -16929,10 +17130,10 @@ class PreventDefaultDirective extends BaseDirective {
     onClick(e) {
         e.preventDefault();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PreventDefaultDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: PreventDefaultDirective, isStandalone: false, selector: "[preventDefault]", host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PreventDefaultDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PreventDefaultDirective, isStandalone: false, selector: "[preventDefault]", host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PreventDefaultDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PreventDefaultDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[preventDefault]',
@@ -16947,10 +17148,10 @@ class StopPropagationDirective extends BaseDirective {
     onClick(e) {
         e.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StopPropagationDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: StopPropagationDirective, isStandalone: false, selector: "[stopPropagation]", host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StopPropagationDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: StopPropagationDirective, isStandalone: false, selector: "[stopPropagation]", host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: StopPropagationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: StopPropagationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[stopPropagation]',
@@ -17024,8 +17225,8 @@ class CountDownDirective extends BaseDirective {
         }
         return `${this.includeHour ? hours + ':' : ''}${this.includeMinute ? minutes + ':' : ''}${seconds}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CountDownDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: CountDownDirective, isStandalone: false, selector: "[countDown]", inputs: { value: ["countDown", "value"], includeMonth: "includeMonth", includeDay: "includeDay", includeHour: "includeHour", includeMinute: "includeMinute" }, outputs: { expired: "expired" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CountDownDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CountDownDirective, isStandalone: false, selector: "[countDown]", inputs: { value: ["countDown", "value"], includeMonth: "includeMonth", includeDay: "includeDay", includeHour: "includeHour", includeMinute: "includeMinute" }, outputs: { expired: "expired" }, providers: [
             {
                 provide: DateService,
                 useFactory: getDateService,
@@ -17033,7 +17234,7 @@ class CountDownDirective extends BaseDirective {
             }
         ], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CountDownDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CountDownDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[countDown]',
@@ -17075,10 +17276,10 @@ class RouteFormChangeDirective extends BaseDirective {
             this.stateChanged.emit();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RouteFormChangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: RouteFormChangeDirective, isStandalone: false, selector: "[routeFormChange]", inputs: { handleBodyClick: "handleBodyClick" }, outputs: { stateChanged: "stateChanged" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RouteFormChangeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: RouteFormChangeDirective, isStandalone: false, selector: "[routeFormChange]", inputs: { handleBodyClick: "handleBodyClick" }, outputs: { stateChanged: "stateChanged" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RouteFormChangeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RouteFormChangeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[routeFormChange]',
@@ -17111,10 +17312,10 @@ class DynamicStyleDirective extends BaseDirective {
         super.ngOnDestroy();
         RemoveDynamicFormStyles(this._style);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicStyleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: DynamicStyleDirective, isStandalone: false, selector: "[cssStyle]", inputs: { cssStyle: "cssStyle" }, host: { properties: { "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicStyleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: DynamicStyleDirective, isStandalone: false, selector: "[cssStyle]", inputs: { cssStyle: "cssStyle" }, host: { properties: { "attr.id": "this.id" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicStyleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cssStyle]',
@@ -17138,10 +17339,10 @@ class NowraptextDirective extends BaseDirective {
         this._renderer2.setStyle(dom, 'width', this.width);
         this._renderer2.setStyle(dom, 'display', 'block');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NowraptextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: NowraptextDirective, isStandalone: false, selector: "[nowraptext]", inputs: { width: "width" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NowraptextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: NowraptextDirective, isStandalone: false, selector: "[nowraptext]", inputs: { width: "width" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NowraptextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NowraptextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nowraptext]',
@@ -17177,10 +17378,10 @@ class LabelmandatoryDirective extends BaseDirective {
             dom.innerHTML += `<strong ${style}>*</strong>`;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LabelmandatoryDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: LabelmandatoryDirective, isStandalone: false, selector: "[lblMandatory]", inputs: { lblMandatory: "lblMandatory", mandatoryStyle: "mandatoryStyle" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LabelmandatoryDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LabelmandatoryDirective, isStandalone: false, selector: "[lblMandatory]", inputs: { lblMandatory: "lblMandatory", mandatoryStyle: "mandatoryStyle" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LabelmandatoryDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LabelmandatoryDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[lblMandatory]',
@@ -17218,10 +17419,10 @@ class AbsoluteDivBodyDirective extends BaseDirective {
         super.ngOnDestroy();
         this.elem?.remove();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbsoluteDivBodyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: AbsoluteDivBodyDirective, isStandalone: false, selector: "[absDiv]", outputs: { elemCreated: "elemCreated" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AbsoluteDivBodyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: AbsoluteDivBodyDirective, isStandalone: false, selector: "[absDiv]", outputs: { elemCreated: "elemCreated" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AbsoluteDivBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AbsoluteDivBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[absDiv]',
@@ -17234,7 +17435,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class RenderUlvDirective extends BaseDirective {
     constructor() {
         super(...arguments);
-        this.reportId = input(...(ngDevMode ? [undefined, { debugName: "reportId" }] : /* istanbul ignore next */ []));
+        this.reportId = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "reportId" }] : /* istanbul ignore next */ []));
         this._injector = inject(Injector);
         this._environmentInjector = inject(EnvironmentInjector);
         this._logService = inject(LogService);
@@ -17266,10 +17468,10 @@ class RenderUlvDirective extends BaseDirective {
         }, this._vcr, this._injector, this._environmentInjector, false)
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenderUlvDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: RenderUlvDirective, isStandalone: false, selector: "[renderUlv]", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RenderUlvDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: RenderUlvDirective, isStandalone: false, selector: "[renderUlv]", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RenderUlvDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RenderUlvDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[renderUlv]',
@@ -17291,10 +17493,10 @@ class PrintFilesDirective {
         };
         PrintImage(setting);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PrintFilesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: PrintFilesDirective, isStandalone: false, selector: "[printFiles]", inputs: { files: "files", file: "file", isImageGallery: "isImageGallery", component: "component" }, host: { listeners: { "click": "_handleClick()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PrintFilesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: PrintFilesDirective, isStandalone: false, selector: "[printFiles]", inputs: { files: "files", file: "file", isImageGallery: "isImageGallery", component: "component" }, host: { listeners: { "click": "_handleClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PrintFilesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PrintFilesDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[printFiles]',
@@ -17320,10 +17522,10 @@ class SaveImageDirective {
         }
         SaveImageToFile(this.name, this.src);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SaveImageDirective, isStandalone: false, selector: "[saveImage]", inputs: { name: "name", src: "src" }, host: { listeners: { "click": "_handleClick()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SaveImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SaveImageDirective, isStandalone: false, selector: "[saveImage]", inputs: { name: "name", src: "src" }, host: { listeners: { "click": "_handleClick()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SaveImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SaveImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[saveImage]',
@@ -17373,10 +17575,10 @@ class WebOtpDirective {
             this._ac.abort();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WebOtpDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: WebOtpDirective, isStandalone: false, selector: "[appWebotp]", inputs: { autoUpdate: "autoUpdate" }, outputs: { otpRecieved: "otpRecieved" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WebOtpDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: WebOtpDirective, isStandalone: false, selector: "[appWebotp]", inputs: { autoUpdate: "autoUpdate" }, outputs: { otpRecieved: "otpRecieved" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: WebOtpDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: WebOtpDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[appWebotp]',
@@ -17470,10 +17672,10 @@ class SplideSliderDirective extends BaseDirective {
     get direction() {
         return BarsaApi.LoginFormData.IsRtl ? 'rtl' : 'ltr';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SplideSliderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SplideSliderDirective, isStandalone: false, selector: "[splideSlider]", inputs: { moDataList: "moDataList", type: "type", breakpoint991: "breakpoint991", breakpoint768: "breakpoint768", breakpoint480: "breakpoint480", breakpoint1279: "breakpoint1279", sliderPerPage: "sliderPerPage", sliderGap: "sliderGap", sliderPadding: "sliderPadding", interval: "interval", autoPlay: "autoPlay", width: "width" }, host: { properties: { "style.width": "this._width" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SplideSliderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SplideSliderDirective, isStandalone: false, selector: "[splideSlider]", inputs: { moDataList: "moDataList", type: "type", breakpoint991: "breakpoint991", breakpoint768: "breakpoint768", breakpoint480: "breakpoint480", breakpoint1279: "breakpoint1279", sliderPerPage: "sliderPerPage", sliderGap: "sliderGap", sliderPadding: "sliderPadding", interval: "interval", autoPlay: "autoPlay", width: "width" }, host: { properties: { "style.width": "this._width" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SplideSliderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SplideSliderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[splideSlider]',
@@ -17511,13 +17713,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class DynamicRootVariableDirective extends BaseDirective {
     constructor() {
         super(...arguments);
-        this.cssVariableName = input.required(...(ngDevMode ? [{ debugName: "cssVariableName" }] : /* istanbul ignore next */ []));
-        this.cssVariableValue = input.required(...(ngDevMode ? [{ debugName: "cssVariableValue" }] : /* istanbul ignore next */ []));
+        this.cssVariableName = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cssVariableName" }] : /* istanbul ignore next */ []));
+        this.cssVariableValue = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "cssVariableValue" }] : /* istanbul ignore next */ []));
         this.disable = input(false, { ...(ngDevMode ? { debugName: "disable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
         /**
          * برای اجرای دستی مجدد effect توسط refresh
          */
-        this._refreshVersion = signal(0, ...(ngDevMode ? [{ debugName: "_refreshVersion" }] : /* istanbul ignore next */ []));
+        this._refreshVersion = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_refreshVersion" }] : /* istanbul ignore next */ []));
         /**
          * با تغییر هرکدام از ورودی‌های زیر دوباره اجرا می‌شود:
          *
@@ -17543,15 +17748,16 @@ class DynamicRootVariableDirective extends BaseDirective {
             onCleanup(() => {
                 removeDynamicStyle(style);
             });
-        }, ...(ngDevMode ? [{ debugName: "_styleEffect" }] : /* istanbul ignore next */ []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_styleEffect" }] : /* istanbul ignore next */ []));
     }
     refresh() {
         this._refreshVersion.update(version => version + 1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicRootVariableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: DynamicRootVariableDirective, isStandalone: false, selector: "[cssRootVariable]", inputs: { cssVariableName: { classPropertyName: "cssVariableName", publicName: "cssVariableName", isSignal: true, isRequired: true, transformFunction: null }, cssVariableValue: { classPropertyName: "cssVariableValue", publicName: "cssVariableValue", isSignal: true, isRequired: true, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["cssRootVariable"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicRootVariableDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: DynamicRootVariableDirective, isStandalone: false, selector: "[cssRootVariable]", inputs: { cssVariableName: { classPropertyName: "cssVariableName", publicName: "cssVariableName", isSignal: true, isRequired: true, transformFunction: null }, cssVariableValue: { classPropertyName: "cssVariableValue", publicName: "cssVariableValue", isSignal: true, isRequired: true, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["cssRootVariable"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DynamicRootVariableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: DynamicRootVariableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cssRootVariable]',
@@ -17585,10 +17791,10 @@ class HorizontalResponsiveDirective extends BaseDirective {
         root.style.setProperty('--horizontal-grid-templateMd', `repeat(${MdColumns},1fr)`);
         root.style.setProperty('--horizontal-grid-templateSm', `repeat(${SmColumns},1fr)`);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HorizontalResponsiveDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: HorizontalResponsiveDirective, isStandalone: false, selector: "[hrResponsive]", inputs: { disable: "disable", config: "config", hrResponsive: "hrResponsive" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalResponsiveDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: HorizontalResponsiveDirective, isStandalone: false, selector: "[hrResponsive]", inputs: { disable: "disable", config: "config", hrResponsive: "hrResponsive" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: HorizontalResponsiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: HorizontalResponsiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[hrResponsive]',
@@ -17626,10 +17832,10 @@ class MeasureFormTitleWidthDirective extends BaseDirective {
             ? this._renderer2.addClass(this._el.nativeElement, 'overflow-toolbar')
             : this._renderer2.addClass(this._el.nativeElement, 'title-auto');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MeasureFormTitleWidthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: MeasureFormTitleWidthDirective, isStandalone: false, selector: "[mWidthTitle]", inputs: { mWidthTitle: "mWidthTitle", enableMobile: "enableMobile" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MeasureFormTitleWidthDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: MeasureFormTitleWidthDirective, isStandalone: false, selector: "[mWidthTitle]", inputs: { mWidthTitle: "mWidthTitle", enableMobile: "enableMobile" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MeasureFormTitleWidthDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MeasureFormTitleWidthDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mWidthTitle]',
@@ -17676,10 +17882,10 @@ class OverflowTextDirective extends BaseDirective {
         this._renderer2.addClass(this._el.nativeElement, 'overflow-text-in');
         this._renderer2.addClass(this._el.nativeElement.parentNode, 'child-has-overflow-text');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OverflowTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: OverflowTextDirective, isStandalone: false, selector: "[overflowText]", exportAs: ["overflowText"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OverflowTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: OverflowTextDirective, isStandalone: false, selector: "[overflowText]", exportAs: ["overflowText"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OverflowTextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: OverflowTextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[overflowText]',
@@ -17712,10 +17918,10 @@ class ShortcutRegisterDirective extends BaseDirective {
         });
         this._ulvMainService.setShortCuts(shortcuts);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShortcutRegisterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ShortcutRegisterDirective, isStandalone: false, selector: "[shortcutRegister]", inputs: { shortcutRegister: "shortcutRegister" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShortcutRegisterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ShortcutRegisterDirective, isStandalone: false, selector: "[shortcutRegister]", inputs: { shortcutRegister: "shortcutRegister" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShortcutRegisterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShortcutRegisterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shortcutRegister]',
@@ -17739,10 +17945,10 @@ class ShortcutHandlerDirective extends BaseDirective {
             }
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShortcutHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ShortcutHandlerDirective, isStandalone: false, selector: "[shortcutHandler]", inputs: { shortcutHandler: "shortcutHandler" }, outputs: { shortCutCommand: "shortCutCommand" }, host: { listeners: { "keydown": "onKeyEnter($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShortcutHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ShortcutHandlerDirective, isStandalone: false, selector: "[shortcutHandler]", inputs: { shortcutHandler: "shortcutHandler" }, outputs: { shortCutCommand: "shortCutCommand" }, host: { listeners: { "keydown": "onKeyEnter($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ShortcutHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ShortcutHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[shortcutHandler]',
@@ -17766,10 +17972,10 @@ class BarsaReadonlyDirective extends BaseDirective {
             this._renderer2.addClass(this._el.nativeElement, 'barsa-readonly');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaReadonlyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: BarsaReadonlyDirective, isStandalone: false, selector: "[barsaReadonly]", inputs: { barsaReadonly: "barsaReadonly" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaReadonlyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: BarsaReadonlyDirective, isStandalone: false, selector: "[barsaReadonly]", inputs: { barsaReadonly: "barsaReadonly" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaReadonlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaReadonlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[barsaReadonly]',
@@ -17798,10 +18004,10 @@ class ResizeObserverDirective {
         this.observer.unobserve(this.el.nativeElement);
         this.observer.disconnect();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ResizeObserverDirective, isStandalone: false, selector: "[resizeObserver]", outputs: { elResized: "elResized" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizeObserverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ResizeObserverDirective, isStandalone: false, selector: "[resizeObserver]", outputs: { elResized: "elResized" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizeObserverDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizeObserverDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[resizeObserver]',
@@ -17828,10 +18034,10 @@ class ColumnValueDirective extends BaseDirective {
             this._renderer2.setProperty(this._el.nativeElement, 'textContent', '');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ColumnValueDirective, isStandalone: false, selector: "[columnValue]", inputs: { columnValue: "columnValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnValueDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ColumnValueDirective, isStandalone: false, selector: "[columnValue]", inputs: { columnValue: "columnValue" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ColumnValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ColumnValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[columnValue]',
@@ -17865,10 +18071,10 @@ class ScrollToSelectedDirective extends BaseDirective {
             block: 'center'
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollToSelectedDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ScrollToSelectedDirective, isStandalone: false, selector: "[scrollToSelected]", inputs: { scrollToSelected: "scrollToSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollToSelectedDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollToSelectedDirective, isStandalone: false, selector: "[scrollToSelected]", inputs: { scrollToSelected: "scrollToSelected" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollToSelectedDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollToSelectedDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scrollToSelected]',
@@ -17905,10 +18111,10 @@ class ScrollPersistDirective {
             this.observer.disconnect();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollPersistDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ScrollPersistDirective, isStandalone: false, selector: "[scrollPersist]", inputs: { key: ["scrollPersist", "key"] }, host: { listeners: { "scroll": "onScroll()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollPersistDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ScrollPersistDirective, isStandalone: false, selector: "[scrollPersist]", inputs: { key: ["scrollPersist", "key"] }, host: { listeners: { "scroll": "onScroll()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ScrollPersistDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ScrollPersistDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[scrollPersist]',
@@ -17924,7 +18130,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 
 class TooltipDirective {
     constructor() {
-        this.bnrcTooltip = input.required(...(ngDevMode ? [{ debugName: "bnrcTooltip" }] : /* istanbul ignore next */ []));
+        this.bnrcTooltip = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "bnrcTooltip" }] : /* istanbul ignore next */ []));
         this.hostRef = inject(ElementRef);
         this.renderer = inject(Renderer2);
         this.document = inject(DOCUMENT);
@@ -17962,10 +18169,10 @@ class TooltipDirective {
             this.tooltipEl = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: TooltipDirective, isStandalone: false, selector: "[bnrcTooltip]", inputs: { bnrcTooltip: { classPropertyName: "bnrcTooltip", publicName: "bnrcTooltip", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: TooltipDirective, isStandalone: false, selector: "[bnrcTooltip]", inputs: { bnrcTooltip: { classPropertyName: "bnrcTooltip", publicName: "bnrcTooltip", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[bnrcTooltip]',
@@ -17996,10 +18203,10 @@ class SimplebarDirective extends BaseDirective {
         const SimpleBar = (await import('simplebar')).default;
         new SimpleBar(this._el.nativeElement, { autoHide: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SimplebarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SimplebarDirective, isStandalone: false, selector: "[simplebar]", usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SimplebarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SimplebarDirective, isStandalone: false, selector: "[simplebar]", usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SimplebarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SimplebarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[simplebar]',
@@ -18062,10 +18269,10 @@ class LeafletLongPressDirective {
     ngOnDestroy() {
         this.sub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LeafletLongPressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: LeafletLongPressDirective, isStandalone: false, selector: "[leafletLongPress]", inputs: { map: ["leafletLongPress", "map"], longPressDuration: "longPressDuration" }, outputs: { longPress: "longPress" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LeafletLongPressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: LeafletLongPressDirective, isStandalone: false, selector: "[leafletLongPress]", inputs: { map: ["leafletLongPress", "map"], longPressDuration: "longPressDuration" }, outputs: { longPress: "longPress" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LeafletLongPressDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LeafletLongPressDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[leafletLongPress]',
@@ -18125,10 +18332,10 @@ class ResizeHandlerDirective extends BaseDirective {
             // no-op
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizeHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ResizeHandlerDirective, isStandalone: false, selector: "[resizeHandler]", inputs: { fnResize: "fnResize" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizeHandlerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ResizeHandlerDirective, isStandalone: false, selector: "[resizeHandler]", inputs: { fnResize: "fnResize" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizeHandlerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizeHandlerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[resizeHandler]',
@@ -18160,10 +18367,10 @@ class SafeBottomDirective extends BaseDirective {
             this._renderer2.addClass(this._el.nativeElement, clsNonStandlalone);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SafeBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: SafeBottomDirective, isStandalone: false, selector: "[safe-area]", inputs: { applyTop: "applyTop", disableBottom: "disableBottom" }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeBottomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SafeBottomDirective, isStandalone: false, selector: "[safe-area]", inputs: { applyTop: "applyTop", disableBottom: "disableBottom" }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SafeBottomDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SafeBottomDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[safe-area]',
@@ -18178,9 +18385,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
 class MoLinkerDirective extends BaseDirective {
     constructor() {
         super(...arguments);
-        this.moLinker = input.required(...(ngDevMode ? [{ debugName: "moLinker" }] : /* istanbul ignore next */ []));
-        this.alternateEditObjectColumn = input.required(...(ngDevMode ? [{ debugName: "alternateEditObjectColumn" }] : /* istanbul ignore next */ []));
-        this.disableHyperLink = input(false, ...(ngDevMode ? [{ debugName: "disableHyperLink" }] : /* istanbul ignore next */ []));
+        this.moLinker = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "moLinker" }] : /* istanbul ignore next */ []));
+        this.alternateEditObjectColumn = input.required(/* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "alternateEditObjectColumn" }] : /* istanbul ignore next */ []));
+        this.disableHyperLink = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "disableHyperLink" }] : /* istanbul ignore next */ []));
         this._routingService = inject(RoutingService, { optional: true });
         this._activatedRoute = inject(ActivatedRoute);
         this._moVal = inject(MoValuePipe);
@@ -18210,6 +18420,12 @@ class MoLinkerDirective extends BaseDirective {
     }
     // گوش دادن به رویداد کلیک
     onClick(event) {
+        // وقتی لینک غیرفعال است (مثلاً حالت inline-edit) اصلاً هایپرلینکی وجود ندارد،
+        // پس نباید preventDefault کنیم؛ در غیر این‌صورت اکشن پیش‌فرضِ کلیک‌های داخلی مثل
+        // باز شدن دیالوگ انتخاب فایل (input[type=file].click()) کنسل می‌شود.
+        if (this.disableHyperLink()) {
+            return;
+        }
         if (!event.ctrlKey && !event.metaKey && !event.shiftKey && event.button === 0) {
             event.preventDefault();
         }
@@ -18274,10 +18490,10 @@ class MoLinkerDirective extends BaseDirective {
             relativeTo: this._activatedRoute // وابستگی به روت فعلی فقط برای کلیک معمولی
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoLinkerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.17", type: MoLinkerDirective, isStandalone: false, selector: "[moLinker]", inputs: { moLinker: { classPropertyName: "moLinker", publicName: "moLinker", isSignal: true, isRequired: true, transformFunction: null }, alternateEditObjectColumn: { classPropertyName: "alternateEditObjectColumn", publicName: "alternateEditObjectColumn", isSignal: true, isRequired: true, transformFunction: null }, disableHyperLink: { classPropertyName: "disableHyperLink", publicName: "disableHyperLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "auxclick": "onAuxClick($event)", "click": "onClick($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoLinkerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.8", type: MoLinkerDirective, isStandalone: false, selector: "[moLinker]", inputs: { moLinker: { classPropertyName: "moLinker", publicName: "moLinker", isSignal: true, isRequired: true, transformFunction: null }, alternateEditObjectColumn: { classPropertyName: "alternateEditObjectColumn", publicName: "alternateEditObjectColumn", isSignal: true, isRequired: true, transformFunction: null }, disableHyperLink: { classPropertyName: "disableHyperLink", publicName: "disableHyperLink", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "auxclick": "onAuxClick($event)", "click": "onClick($event)" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MoLinkerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: MoLinkerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[moLinker]',
@@ -18330,10 +18546,10 @@ class PortalDynamicPageResolver {
         // }
         return this.portalService.resolveData(pageData);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalDynamicPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalDynamicPageResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalDynamicPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalDynamicPageResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalDynamicPageResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalDynamicPageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -18346,10 +18562,10 @@ class PortalFormPageResolver {
         const breadcrumb = route.params.bc; // means breadCrumb
         return breadcrumb;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalFormPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalFormPageResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalFormPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalFormPageResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalFormPageResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalFormPageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -18380,10 +18596,10 @@ class PortalReportPageResolver {
             return pageData;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalReportPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalReportPageResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalReportPageResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalReportPageResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PortalReportPageResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: PortalReportPageResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -18408,10 +18624,10 @@ class TileGroupBreadcrumResolver {
         // url2 = '/' + url2;
         return this._localStorage.getItem('ActiveTile');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TileGroupBreadcrumResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TileGroupBreadcrumResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileGroupBreadcrumResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileGroupBreadcrumResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TileGroupBreadcrumResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: TileGroupBreadcrumResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -18423,10 +18639,10 @@ class LoginSettingsResolver {
             return res.text().then((c) => BarsaApi.Ext.decode(BarsaApi.Common.Util.ReplaceArabicCharchter(c))?.LoginSettings);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LoginSettingsResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LoginSettingsResolver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoginSettingsResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoginSettingsResolver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: LoginSettingsResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LoginSettingsResolver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -18524,10 +18740,10 @@ class CalendarSettingsStore extends EntitySettingsStore {
         super(...arguments);
         this.keyPrefix = 'cal_cfg_';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarSettingsStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarSettingsStore, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CalendarSettingsStore, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CalendarSettingsStore, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: CalendarSettingsStore, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CalendarSettingsStore, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -18565,10 +18781,10 @@ class FormNewComponent extends BaseComponent {
             replaceUrl: true
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormNewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FormNewComponent, isStandalone: false, selector: "bnrc-form-new", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '<bnrc-form [params]="params"     (formClose)="onFormClose()"></bnrc-form>', isInline: true, dependencies: [{ kind: "component", type: FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormNewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FormNewComponent, isStandalone: false, selector: "bnrc-form-new", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: '<bnrc-form [params]="params"     (formClose)="onFormClose()"></bnrc-form>', isInline: true, dependencies: [{ kind: "component", type: FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FormNewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FormNewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-form-new',
@@ -18626,10 +18842,10 @@ class ReportContainerComponent extends BaseComponent {
             .pipe(takeUntil(this._onDestroy$), catchError$1((err) => throwError(err)), finalize(() => this._loadingSource.next(false)))
             .subscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ReportContainerComponent, isStandalone: false, selector: "bnrc-report-container", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if ((loading$ | async)!!) {\r\n<bsu-mask></bsu-mask>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ReportContainerComponent, isStandalone: false, selector: "bnrc-report-container", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if ((loading$ | async)!!) {\r\n<bsu-mask></bsu-mask>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "pipe", type: i1$1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-report-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if ((loading$ | async)!!) {\r\n<bsu-mask></bsu-mask>\r\n}\r\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [], propDecorators: { settings: [{
@@ -18749,10 +18965,10 @@ class FieldUiComponent extends BaseComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: FieldUiComponent, isStandalone: false, selector: "bnrc-field-ui", inputs: { isSearchPanel: "isSearchPanel", customField: "customField", componentUi: "componentUi", layoutInfo: "layoutInfo", inlineEdit: "inlineEdit", focusControl: "focusControl", cellEdit: "cellEdit", formHeight: "formHeight" }, host: { properties: { "style.width": "this.width" } }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-container #placeholder></ng-container>', isInline: true, styles: [":host{display:block;width:100%;min-height:0;height:auto;box-sizing:border-box}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: FieldUiComponent, isStandalone: false, selector: "bnrc-field-ui", inputs: { isSearchPanel: "isSearchPanel", customField: "customField", componentUi: "componentUi", layoutInfo: "layoutInfo", inlineEdit: "inlineEdit", focusControl: "focusControl", cellEdit: "cellEdit", formHeight: "formHeight" }, host: { properties: { "style.width": "this.width" } }, viewQueries: [{ propertyName: "vcr", first: true, predicate: ["placeholder"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: '<ng-container #placeholder></ng-container>', isInline: true, styles: [":host{display:block;width:100%;min-height:0;height:auto;box-sizing:border-box}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: FieldUiComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: FieldUiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-field-ui', template: '<ng-container #placeholder></ng-container>', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;width:100%;min-height:0;height:auto;box-sizing:border-box}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isSearchPanel: [{
@@ -18813,11 +19029,11 @@ const routes$1 = [
     }
 ];
 class BarsaSapUiFormPageRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, imports: [RouterModule.forChild(routes$1), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, imports: [RouterModule.forChild(routes$1), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes$1)],
@@ -18862,11 +19078,11 @@ class BarsaSapUiFormPageModule extends BaseModule {
         this.dynamicComponents = [...components$1];
         this.dcm = dcm;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageModule, imports: [CommonModule, FormsModule, BarsaSapUiFormPageRoutingModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageModule, imports: [CommonModule, FormsModule, BarsaSapUiFormPageRoutingModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageModule, imports: [CommonModule, FormsModule, BarsaSapUiFormPageRoutingModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageModule, imports: [CommonModule, FormsModule, BarsaSapUiFormPageRoutingModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaSapUiFormPageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaSapUiFormPageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, FormsModule, BarsaSapUiFormPageRoutingModule],
@@ -19044,10 +19260,10 @@ class ReportNavigatorComponent extends BaseComponent {
         }
         return nav;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ReportNavigatorComponent, isStandalone: false, selector: "bnrc-report-navigator", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>`, isInline: true, styles: [":host{display:block;width:100%;background:var(--sapBaseColor)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportNavigatorComponent, isStandalone: false, selector: "bnrc-report-navigator", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["containerRef"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>`, isInline: true, styles: [":host{display:block;width:100%;background:var(--sapBaseColor)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportNavigatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportNavigatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-report-navigator', template: `<ng-container #containerRef></ng-container>`, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;width:100%;background:var(--sapBaseColor)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { containerRef: [{
@@ -19064,8 +19280,8 @@ class ReportEmptyPageComponent extends PageWithFormHandlerBaseComponent {
         this.containerRef.insert(this.blockTemplate.createEmbeddedView(this, this._injecotr));
         super.ngOnInit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportEmptyPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ReportEmptyPageComponent, isStandalone: false, selector: "bnrc-report-empty-page", providers: [RoutingService, ContainerService], viewQueries: [{ propertyName: "blockTemplate", first: true, predicate: ["block"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportEmptyPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ReportEmptyPageComponent, isStandalone: false, selector: "bnrc-report-empty-page", providers: [RoutingService, ContainerService], viewQueries: [{ propertyName: "blockTemplate", first: true, predicate: ["block"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
         <ng-template #block>
             <bnrc-report-navigator></bnrc-report-navigator>
         </ng-template>
@@ -19073,7 +19289,7 @@ class ReportEmptyPageComponent extends PageWithFormHandlerBaseComponent {
         <router-outlet></router-outlet>
     `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: ReportNavigatorComponent, selector: "bnrc-report-navigator" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ReportEmptyPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ReportEmptyPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-report-empty-page', template: `
         <ng-template #block>
@@ -19103,8 +19319,10 @@ class FieldBaseController extends BaseController {
 class ViewBase extends BaseComponent {
     constructor() {
         super(...arguments);
-        this.errorMessage = signal('', ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
-        this.errorCode = signal(-1, ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
+        this.errorMessage = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorMessage" }] : /* istanbul ignore next */ []));
+        this.errorCode = signal(-1, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "errorCode" }] : /* istanbul ignore next */ []));
         this.injector = inject(Injector);
     }
     /**
@@ -19117,10 +19335,10 @@ class ViewBase extends BaseComponent {
         this.errorMessage.set(message);
         this.errorCode.set(code);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ViewBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ViewBase, isStandalone: false, selector: "bnrc-view-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewBase, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ViewBase, isStandalone: false, selector: "bnrc-view-base", usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ViewBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ViewBase, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-view-base',
@@ -19131,10 +19349,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
         }] });
 
 class ButtonLoadingComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: ButtonLoadingComponent, isStandalone: false, selector: "bnrc-button-loading", inputs: { valid: "valid", loading: "loading", text: "text", transparent: "transparent" }, ngImport: i0, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n    <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n    >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n    type=\"button\"\r\n    class=\"tw-bg-(--primaryColor) tw-bg-blue-500 tw-w-full hover:tw-bg-blue-700 tw-text-white tw-font-bold tw-py-2 tw-px-4 tw-rounded dark:tw-bg-blue-700 dark:hover:tw-bg-blue-900\"\r\n    [disabled]=\"loading || !valid\"\r\n    [class.transparent]=\"transparent\"\r\n    [class.!tw-bg-gray-200]=\"!valid\"\r\n>\r\n    @if(loading && valid){\r\n    <div role=\"status\" class=\"tw-w-full tw-flex tw-justify-center\">\r\n        <svg\r\n            class=\"tw-mr-3 tw--ml-1 tw-size-5 tw-animate-spin tw-text-white\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n        >\r\n            <circle class=\"tw-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n            <path\r\n                class=\"tw-opacity-75\"\r\n                fill=\"currentColor\"\r\n                d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n            ></path>\r\n        </svg>\r\n        <span class=\"tw-sr-only\">{{ 'Loading' | bbbTranslate }}...</span>\r\n    </div>\r\n    }@else{\r\n    <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "pipe", type: BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: ButtonLoadingComponent, isStandalone: false, selector: "bnrc-button-loading", inputs: { valid: "valid", loading: "loading", text: "text", transparent: "transparent" }, ngImport: i0, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n    <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n    >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n    type=\"button\"\r\n    class=\"tw-bg-(--primaryColor) tw-bg-blue-500 tw-w-full hover:tw-bg-blue-700 tw-text-white tw-font-bold tw-py-2 tw-px-4 tw-rounded dark:tw-bg-blue-700 dark:hover:tw-bg-blue-900\"\r\n    [disabled]=\"loading || !valid\"\r\n    [class.transparent]=\"transparent\"\r\n    [class.!tw-bg-gray-200]=\"!valid\"\r\n>\r\n    @if(loading && valid){\r\n    <div role=\"status\" class=\"tw-w-full tw-flex tw-justify-center\">\r\n        <svg\r\n            class=\"tw-mr-3 tw--ml-1 tw-size-5 tw-animate-spin tw-text-white\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n        >\r\n            <circle class=\"tw-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n            <path\r\n                class=\"tw-opacity-75\"\r\n                fill=\"currentColor\"\r\n                d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n            ></path>\r\n        </svg>\r\n        <span class=\"tw-sr-only\">{{ 'Loading' | bbbTranslate }}...</span>\r\n    </div>\r\n    }@else{\r\n    <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"], dependencies: [{ kind: "pipe", type: BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ButtonLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ButtonLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-button-loading', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<!-- <button class=\"button\" [disabled]=\"loading\">\r\n    <i [class.!tw-hidden]=\"!loading\" class=\"fa fa-circle-o-notch fa-spin\"></i\r\n    >{{ (loading ? 'Wait' : text) | bbbTranslate }}\r\n</button> -->\r\n<button\r\n    type=\"button\"\r\n    class=\"tw-bg-(--primaryColor) tw-bg-blue-500 tw-w-full hover:tw-bg-blue-700 tw-text-white tw-font-bold tw-py-2 tw-px-4 tw-rounded dark:tw-bg-blue-700 dark:hover:tw-bg-blue-900\"\r\n    [disabled]=\"loading || !valid\"\r\n    [class.transparent]=\"transparent\"\r\n    [class.!tw-bg-gray-200]=\"!valid\"\r\n>\r\n    @if(loading && valid){\r\n    <div role=\"status\" class=\"tw-w-full tw-flex tw-justify-center\">\r\n        <svg\r\n            class=\"tw-mr-3 tw--ml-1 tw-size-5 tw-animate-spin tw-text-white\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            fill=\"none\"\r\n            viewBox=\"0 0 24 24\"\r\n        >\r\n            <circle class=\"tw-opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"></circle>\r\n            <path\r\n                class=\"tw-opacity-75\"\r\n                fill=\"currentColor\"\r\n                d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\r\n            ></path>\r\n        </svg>\r\n        <span class=\"tw-sr-only\">{{ 'Loading' | bbbTranslate }}...</span>\r\n    </div>\r\n    }@else{\r\n    <span class=\"button__text\">{{ text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n", styles: [":host{display:block;width:100%}.button{width:100%;position:relative;padding:8px 16px;background:var(--button-loading);border:none;outline:none;cursor:pointer}.button .button__text{font:700 1rem IranYekanDigits,B-Font;color:var(--button-loading-text-color);transition:all .2s}.button.transparent{background:transparent;border:1px solid var(--button-loading)}.button.transparent .button__text{color:var(--button-loading)}.button.transparent .button:active{background:var(--button-loading-transparent-active)}.button[disabled],.button[disabled]:active{background-color:gray}.button:active{background:var(--button-loading-active)}.button--loading .button__text{visibility:hidden;opacity:0}.button--loading:after{content:\"\";position:absolute;width:16px;height:16px;inset:0;margin:auto;border:4px solid transparent;border-top-color:var(--button-loading-border-top-color);border-radius:50%;animation:button-loading-spinner 1s ease infinite}.transparent.button--loading:after{border-top-color:var(--button-loading-transparent-border-top-color)}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}\n"] }]
         }], propDecorators: { valid: [{
@@ -19171,10 +19389,10 @@ class BaseUlvSettingComponent extends BaseComponent {
     getSettings() {
         return getGridSettings(this.context);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseUlvSettingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: BaseUlvSettingComponent, isStandalone: false, selector: "bnrc-base-ulv-setting", host: { properties: { "class.mobile": "this.mobile" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseUlvSettingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: BaseUlvSettingComponent, isStandalone: false, selector: "bnrc-base-ulv-setting", host: { properties: { "class.mobile": "this.mobile" } }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BaseUlvSettingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BaseUlvSettingComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'bnrc-base-ulv-setting',
@@ -19244,10 +19462,10 @@ class RootPageComponent extends BaseComponent {
         this._pageContent = true;
         this.viewContainerRef = inject(ViewContainerRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RootPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: RootPageComponent, isStandalone: false, selector: "bnrc-root-page", host: { properties: { "class.page-content": "this._pageContent" } }, providers: [RoutingService], usesInheritance: true, ngImport: i0, template: `<router-outlet></router-outlet><router-outlet name="main"></router-outlet>`, isInline: true, styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RootPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: RootPageComponent, isStandalone: false, selector: "bnrc-root-page", host: { properties: { "class.page-content": "this._pageContent" } }, providers: [RoutingService], usesInheritance: true, ngImport: i0, template: `<router-outlet></router-outlet><router-outlet name="main"></router-outlet>`, isInline: true, styles: [":host{position:relative;display:block}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: RootPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: RootPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-root-page', template: `<router-outlet></router-outlet><router-outlet name="main"></router-outlet>`, changeDetection: ChangeDetectionStrategy.OnPush, providers: [RoutingService], standalone: false, styles: [":host{position:relative;display:block}\n"] }]
         }], propDecorators: { _pageContent: [{
@@ -19261,18 +19479,19 @@ class ResizableDirective {
      */
     constructor() {
         this.resizableComplete = new EventEmitter();
+        this.resizableStart = new EventEmitter();
         this.documentRef = inject(DOCUMENT);
         this.elementRef = inject(ElementRef);
-        this.resizable = fromEvent(this.elementRef.nativeElement, 'mousedown').pipe(tap((e) => e.preventDefault()), switchMap$1(() => {
+        this.resizable = fromEvent(this.elementRef.nativeElement, 'mousedown').pipe(tap((e) => e.preventDefault()), tap(() => this.resizableStart.emit()), switchMap$1(() => {
             const elDom = this.elementRef.nativeElement;
             const { width, right, left } = elDom.closest('th').getBoundingClientRect();
             return fromEvent(this.documentRef, 'mousemove').pipe(map(({ clientX }) => (this.rtl ? width + left - clientX : width + clientX - right)), distinctUntilChanged(), takeUntil(fromEvent(this.documentRef, 'mouseup').pipe(tap((_c) => this.resizableComplete.emit()))));
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: ResizableDirective, isStandalone: false, selector: "[resizable]", inputs: { rtl: "rtl" }, outputs: { resizableComplete: "resizableComplete", resizable: "resizable" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: ResizableDirective, isStandalone: false, selector: "[resizable]", inputs: { rtl: "rtl" }, outputs: { resizableComplete: "resizableComplete", resizableStart: "resizableStart", resizable: "resizable" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[resizable]',
@@ -19282,6 +19501,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Input
             }], resizableComplete: [{
                 type: Output
+            }], resizableStart: [{
+                type: Output
             }], resizable: [{
                 type: Output
             }] } });
@@ -19290,6 +19511,7 @@ class ResizableComponent {
     constructor() {
         this.widthChange = new EventEmitter();
         this.widthChanging = new EventEmitter();
+        this.widthChangeStart = new EventEmitter();
         this._el = inject(ElementRef);
         this._renderer2 = inject(Renderer2);
     }
@@ -19297,12 +19519,12 @@ class ResizableComponent {
         this._renderer2.setStyle(this._el.nativeElement, 'width', width + 'px');
         this.widthChanging.emit(width);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ResizableComponent, isStandalone: false, selector: "th[resizable]", inputs: { disableResize: "disableResize", rtl: "rtl" }, outputs: { widthChange: "widthChange", widthChanging: "widthChanging" }, ngImport: i0, template: "<div class=\"wrapper\" [style.justify-content]=\"disableResize ? 'center' : 'flex-end'\">\r\n    <div class=\"content tw-flex\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n        [style.pointer-events]=\"disableResize ? 'none' : 'auto'\"\r\n        class=\"bar\"\r\n        [class.rtl]=\"rtl\"\r\n        (resizable)=\"onResize($event)\"\r\n        [rtl]=\"rtl\"\r\n        (resizableComplete)=\"widthChange.emit()\"\r\n    ></div>\r\n</div>\r\n", styles: [".wrapper{display:flex}.content{flex:1;min-width:0}.bar{position:absolute;z-index:2;top:0;bottom:0;width:2px;margin:0 -.5rem 0 .5rem;justify-self:flex-start;border-left:2px solid transparent;border-right:2px solid transparent;background:#8a2be2;cursor:col-resize;opacity:0;transition:opacity .3s}.bar.rtl{margin:0 0 0 -.5rem}.bar:hover,.bar:active{opacity:1}\n"], dependencies: [{ kind: "directive", type: ResizableDirective, selector: "[resizable]", inputs: ["rtl"], outputs: ["resizableComplete", "resizable"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ResizableComponent, isStandalone: false, selector: "th[resizable]", inputs: { disableResize: "disableResize", rtl: "rtl" }, outputs: { widthChange: "widthChange", widthChanging: "widthChanging", widthChangeStart: "widthChangeStart" }, ngImport: i0, template: "<div class=\"wrapper\" [style.justify-content]=\"disableResize ? 'center' : 'flex-end'\">\r\n    <div class=\"content tw-flex\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n        [style.pointer-events]=\"disableResize ? 'none' : 'auto'\"\r\n        class=\"bar\"\r\n        [class.rtl]=\"rtl\"\r\n        (resizable)=\"onResize($event)\"\r\n        [rtl]=\"rtl\"\r\n        (resizableStart)=\"widthChangeStart.emit()\"\r\n        (resizableComplete)=\"widthChange.emit()\"\r\n    ></div>\r\n</div>\r\n", styles: [".wrapper{display:flex}.content{flex:1;min-width:0}.bar{position:absolute;z-index:2;top:0;bottom:0;width:2px;margin:0 -.5rem 0 .5rem;justify-self:flex-start;border-left:2px solid transparent;border-right:2px solid transparent;background:#8a2be2;cursor:col-resize;opacity:0;transition:opacity .3s}.bar.rtl{margin:0 0 0 -.5rem}.bar:hover,.bar:active{opacity:1}\n"], dependencies: [{ kind: "directive", type: ResizableDirective, selector: "[resizable]", inputs: ["rtl"], outputs: ["resizableComplete", "resizableStart", "resizable"] }], changeDetection: i0.ChangeDetectionStrategy.Eager }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'th[resizable]', standalone: false, template: "<div class=\"wrapper\" [style.justify-content]=\"disableResize ? 'center' : 'flex-end'\">\r\n    <div class=\"content tw-flex\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n        [style.pointer-events]=\"disableResize ? 'none' : 'auto'\"\r\n        class=\"bar\"\r\n        [class.rtl]=\"rtl\"\r\n        (resizable)=\"onResize($event)\"\r\n        [rtl]=\"rtl\"\r\n        (resizableComplete)=\"widthChange.emit()\"\r\n    ></div>\r\n</div>\r\n", styles: [".wrapper{display:flex}.content{flex:1;min-width:0}.bar{position:absolute;z-index:2;top:0;bottom:0;width:2px;margin:0 -.5rem 0 .5rem;justify-self:flex-start;border-left:2px solid transparent;border-right:2px solid transparent;background:#8a2be2;cursor:col-resize;opacity:0;transition:opacity .3s}.bar.rtl{margin:0 0 0 -.5rem}.bar:hover,.bar:active{opacity:1}\n"] }]
+            args: [{ selector: 'th[resizable]', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<div class=\"wrapper\" [style.justify-content]=\"disableResize ? 'center' : 'flex-end'\">\r\n    <div class=\"content tw-flex\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    <div\r\n        [style.pointer-events]=\"disableResize ? 'none' : 'auto'\"\r\n        class=\"bar\"\r\n        [class.rtl]=\"rtl\"\r\n        (resizable)=\"onResize($event)\"\r\n        [rtl]=\"rtl\"\r\n        (resizableStart)=\"widthChangeStart.emit()\"\r\n        (resizableComplete)=\"widthChange.emit()\"\r\n    ></div>\r\n</div>\r\n", styles: [".wrapper{display:flex}.content{flex:1;min-width:0}.bar{position:absolute;z-index:2;top:0;bottom:0;width:2px;margin:0 -.5rem 0 .5rem;justify-self:flex-start;border-left:2px solid transparent;border-right:2px solid transparent;background:#8a2be2;cursor:col-resize;opacity:0;transition:opacity .3s}.bar.rtl{margin:0 0 0 -.5rem}.bar:hover,.bar:active{opacity:1}\n"] }]
         }], propDecorators: { disableResize: [{
                 type: Input
             }], rtl: [{
@@ -19311,14 +19533,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                 type: Output
             }], widthChanging: [{
                 type: Output
+            }], widthChangeStart: [{
+                type: Output
             }] } });
 
 class ResizableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: ResizableModule, declarations: [ResizableComponent, ResizableDirective], exports: [ResizableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: ResizableModule, declarations: [ResizableComponent, ResizableDirective], exports: [ResizableComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ResizableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ResizableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ResizableComponent, ResizableDirective],
@@ -19419,10 +19643,10 @@ class NoInternetComponent extends BaseComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NoInternetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: NoInternetComponent, isStandalone: false, selector: "bnrc-not-internet", usesInheritance: true, ngImport: i0, template: "<h1>\u26A0</h1>\r\n<h2>No connection to the internet</h2>\r\n<p>This Display has a connection to your network but no connection to the internet.</p>\r\n<p class=\"desc\">The connection to the outside world is needed for updates and keeping the time.</p>\r\n", styles: [":host{background:#191919 -webkit-linear-gradient(top,#000 0%,#191919 100%) no-repeat;background:#191919 linear-gradient(to bottom,#000,#191919) no-repeat;text-align:center}:host h1,:host h2{font-weight:400}:host h1{margin:0 auto;padding:.15em;font-size:10em;text-shadow:0 2px 2px #000}:host h2{margin-bottom:2em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NoInternetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: NoInternetComponent, isStandalone: false, selector: "bnrc-not-internet", usesInheritance: true, ngImport: i0, template: "<h1>\u26A0</h1>\r\n<h2>No connection to the internet</h2>\r\n<p>This Display has a connection to your network but no connection to the internet.</p>\r\n<p class=\"desc\">The connection to the outside world is needed for updates and keeping the time.</p>\r\n", styles: [":host{background:#191919 -webkit-linear-gradient(top,#000 0%,#191919 100%) no-repeat;background:#191919 linear-gradient(to bottom,#000,#191919) no-repeat;text-align:center}:host h1,:host h2{font-weight:400}:host h1{margin:0 auto;padding:.15em;font-size:10em;text-shadow:0 2px 2px #000}:host h2{margin-bottom:2em}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NoInternetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: NoInternetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-not-internet', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<h1>\u26A0</h1>\r\n<h2>No connection to the internet</h2>\r\n<p>This Display has a connection to your network but no connection to the internet.</p>\r\n<p class=\"desc\">The connection to the outside world is needed for updates and keeping the time.</p>\r\n", styles: [":host{background:#191919 -webkit-linear-gradient(top,#000 0%,#191919 100%) no-repeat;background:#191919 linear-gradient(to bottom,#000,#191919) no-repeat;text-align:center}:host h1,:host h2{font-weight:400}:host h1{margin:0 auto;padding:.15em;font-size:10em;text-shadow:0 2px 2px #000}:host h2{margin-bottom:2em}\n"] }]
         }], ctorParameters: () => [] });
@@ -19431,10 +19655,10 @@ class ServerConnectionErrorComponent extends BaseComponent {
     onReload() {
         window.location.reload();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServerConnectionErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ServerConnectionErrorComponent, isStandalone: false, selector: "bnrc-server-connection-error", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <span></span>\r\n    <div class=\"middle\">\r\n        <h1>502</h1>\r\n        <p>\u0627\u0631\u062A\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u062F\u06CC\u062A\u0627 \u0642\u0637\u0639 \u0645\u06CC \u0628\u0627\u0634\u062F.</p>\r\n    </div>\r\n    <div>\r\n        <button class=\"fd-button fd-button--transparent\" (click)=\"onReload()\">Reload</button>\r\n    </div>\r\n</div>\r\n", styles: [":host{direction:rtl}:host .container{height:100%;text-align:center;display:flex;flex-direction:column}:host span{height:100%;vertical-align:middle;display:inline-block}:host .middle{vertical-align:middle;margin:0;display:inline-block}:host h1{font-size:25em}:host p{margin:-70px 0 0;padding:0;font-size:2em}:host a{color:#ccc}@media only screen and (max-width:767px){:host h1{font-size:13em}:host p{font-size:1.5em;margin-top:-50px}}@media only screen and (max-width:400px){:host h1{font-size:9em}:host p{font-size:1em;margin-top:-30px}}:host button{margin-top:5rem;border:1px solid #ccc;padding:5px;max-width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServerConnectionErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.8", type: ServerConnectionErrorComponent, isStandalone: false, selector: "bnrc-server-connection-error", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <span></span>\r\n    <div class=\"middle\">\r\n        <h1>502</h1>\r\n        <p>\u0627\u0631\u062A\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u062F\u06CC\u062A\u0627 \u0642\u0637\u0639 \u0645\u06CC \u0628\u0627\u0634\u062F.</p>\r\n    </div>\r\n    <div>\r\n        <button class=\"fd-button fd-button--transparent\" (click)=\"onReload()\">Reload</button>\r\n    </div>\r\n</div>\r\n", styles: [":host{direction:rtl}:host .container{height:100%;text-align:center;display:flex;flex-direction:column}:host span{height:100%;vertical-align:middle;display:inline-block}:host .middle{vertical-align:middle;margin:0;display:inline-block}:host h1{font-size:25em}:host p{margin:-70px 0 0;padding:0;font-size:2em}:host a{color:#ccc}@media only screen and (max-width:767px){:host h1{font-size:13em}:host p{font-size:1.5em;margin-top:-50px}}@media only screen and (max-width:400px){:host h1{font-size:9em}:host p{font-size:1em;margin-top:-30px}}:host button{margin-top:5rem;border:1px solid #ccc;padding:5px;max-width:120px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ServerConnectionErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: ServerConnectionErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bnrc-server-connection-error', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"container\">\r\n    <span></span>\r\n    <div class=\"middle\">\r\n        <h1>502</h1>\r\n        <p>\u0627\u0631\u062A\u0628\u0627\u0637 \u0628\u0627 \u0633\u0631\u0648\u0631 \u062F\u06CC\u062A\u0627 \u0642\u0637\u0639 \u0645\u06CC \u0628\u0627\u0634\u062F.</p>\r\n    </div>\r\n    <div>\r\n        <button class=\"fd-button fd-button--transparent\" (click)=\"onReload()\">Reload</button>\r\n    </div>\r\n</div>\r\n", styles: [":host{direction:rtl}:host .container{height:100%;text-align:center;display:flex;flex-direction:column}:host span{height:100%;vertical-align:middle;display:inline-block}:host .middle{vertical-align:middle;margin:0;display:inline-block}:host h1{font-size:25em}:host p{margin:-70px 0 0;padding:0;font-size:2em}:host a{color:#ccc}@media only screen and (max-width:767px){:host h1{font-size:13em}:host p{font-size:1.5em;margin-top:-50px}}@media only screen and (max-width:400px){:host h1{font-size:9em}:host p{font-size:1em;margin-top:-30px}}:host button{margin-top:5rem;border:1px solid #ccc;padding:5px;max-width:120px}\n"] }]
         }] });
@@ -19753,11 +19977,11 @@ const routesServiceDesk = [
 const routes = [...routesDefault, ...mainRoutes, ...routesServiceDesk];
 // export const routesServiceDesk2 = [...routesDefault, ...routesServiceDesk];
 class BarsaNovinRayCoreRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes)],
@@ -19781,10 +20005,10 @@ class GlobalErrorHandler {
         // IMPORTANT: Rethrow the error otherwise it gets swallowed
         // throw error;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GlobalErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GlobalErrorHandler }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GlobalErrorHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GlobalErrorHandler }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: GlobalErrorHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: GlobalErrorHandler, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -19902,7 +20126,8 @@ const services = [
     BarsaStorageService,
     ServiceWorkerCommuncationService,
     ApplicationCtrlrService,
-    PushNotificationService
+    PushNotificationService,
+    CustomUiRegistryService
 ];
 const pipes = [
     NumeralPipe,
@@ -20017,18 +20242,27 @@ class BarsaNovinRayCoreModule extends BaseModule {
             ngModule: BarsaNovinRayCoreModule,
             providers: [
                 provideAppInitializer(() => {
-                    const initializerFn = ((portalService, applicationCtrlrService, titleService, promptUpdateService, barsaStorageService, swCommunication, _, router) => () => {
+                    const initializerFn = ((portalService, applicationCtrlrService, titleService, promptUpdateService, barsaStorageService, swCommunication, _, router, customUiRegistryService) => () => {
                         const inLocalMode = isInLocalMode();
                         return portalService
                             .loadServerStartupData()
-                            .then(() => Promise.all([
-                            functionL1(),
-                            functionL2(portalService, applicationCtrlrService, titleService)
-                        ]).finally(() => {
-                            promptUpdateService.checkForUpdate();
-                            barsaStorageService.init();
-                            swCommunication.init();
-                        }))
+                            .then(() => {
+                            // همگام و فوری: از کشِ localStorage (اگه معتبر بود) قبل از
+                            // اولین رندرِ فرم‌ها روی BarsaApi.CustomUiMap می‌شینه.
+                            customUiRegistryService.primeFromCache();
+                            // ناهمگام و fire-and-forget: عمداً await/داخل Promise.all
+                            // نیست تا اگه سرور دیر جواب بده یا اصلاً جواب نده، بوت اپ
+                            // گیر نکنه. جواب که برسه، مپ زنده + کش رو در پس‌زمینه آپدیت می‌کنه.
+                            customUiRegistryService.refresh();
+                            return Promise.all([
+                                functionL1(),
+                                functionL2(portalService, applicationCtrlrService, titleService)
+                            ]).finally(() => {
+                                promptUpdateService.checkForUpdate();
+                                barsaStorageService.init();
+                                swCommunication.init();
+                            });
+                        })
                             .catch((_) => {
                             if (!inLocalMode && !navigator.onLine) {
                                 console.error('internet is not connected.');
@@ -20039,7 +20273,7 @@ class BarsaNovinRayCoreModule extends BaseModule {
                             }
                             return Promise.resolve();
                         });
-                    })(inject(PortalService), inject(ApplicationCtrlrService), inject(Title), inject(PromptUpdateService), inject(BarsaStorageService), inject(ServiceWorkerCommuncationService), inject(NetworkStatusService), inject(Router));
+                    })(inject(PortalService), inject(ApplicationCtrlrService), inject(Title), inject(PromptUpdateService), inject(BarsaStorageService), inject(ServiceWorkerCommuncationService), inject(NetworkStatusService), inject(Router), inject(CustomUiRegistryService));
                     return initializerFn();
                 }),
                 {
@@ -20069,8 +20303,8 @@ class BarsaNovinRayCoreModule extends BaseModule {
             ]
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreModule, declarations: [FormComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreModule, declarations: [FormComponent,
             FieldUiComponent,
             NotFoundComponent,
             RootPageComponent,
@@ -20364,14 +20598,14 @@ class BarsaNovinRayCoreModule extends BaseModule {
             ResizeHandlerDirective,
             SafeBottomDirective,
             MoLinkerDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreModule, providers: [provideHttpClient(withXhr(), withInterceptorsFromDi())], imports: [CommonModule,
             BarsaNovinRayCoreRoutingModule,
             BarsaSapUiFormPageModule,
             ResizableModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: BarsaNovinRayCoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: BarsaNovinRayCoreModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...components, ...pipes, ...directives],
@@ -20385,7 +20619,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
                         FormsModule,
                         ReactiveFormsModule
                     ],
-                    providers: [provideHttpClient(withInterceptorsFromDi())]
+                    providers: [provideHttpClient(withXhr(), withInterceptorsFromDi())]
                 }]
         }], ctorParameters: () => [] });
 
@@ -20393,5 +20627,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ColSetting as $, APP_VERSION as A, BaseModule as B, BaseFormToolbaritemPropsComponent as C, DynamicComponentService as D, BaseItemContentPropsComponent as E, BaseReportModel as F, BaseSettingsService as G, BaseUlvSettingComponent as H, BaseViewContentPropsComponent as I, BaseViewItemPropsComponent as J, BaseViewPropsComponent as K, BbbTranslatePipe as L, BodyClickDirective as M, BoolControlInfoModel as N, BreadcrumbService as O, ButtonLoadingComponent as P, CalculateControlInfoModel as Q, ReportEmptyPageComponent as R, CalendarSettingsStore as S, CanUploadFilePipe as T, CardBaseItemContentPropsComponent as U, CardDynamicItemComponent as V, CardMediaSizePipe as W, CardViewService as X, ChangeLayoutInfoCustomUi as Y, ChunkArrayPipe as Z, CodeEditorControlInfoModel as _, AbsoluteDivBodyDirective as a, FilePictureInfoModel as a$, ColumnCustomComponentPipe as a0, ColumnCustomUiPipe as a1, ColumnIconPipe as a2, ColumnRendererBase as a3, ColumnRendererViewBase as a4, ColumnResizerDirective as a5, ColumnService as a6, ColumnValueDirective as a7, ColumnValueOfParametersPipe as a8, ColumnValuePipe as a9, DynamicFormComponent as aA, DynamicFormToolbaritemComponent as aB, DynamicItemComponent as aC, DynamicLayoutComponent as aD, DynamicRootVariableDirective as aE, DynamicStyleDirective as aF, DynamicUlvPagingComponent as aG, DynamicUlvToolbarComponent as aH, EllapsisTextDirective as aI, EllipsifyDirective as aJ, EmptyPageComponent as aK, EmptyPageWithRouterAndRouterOutletComponent as aL, EntitySettingsStore as aM, EnumCaptionPipe as aN, EnumControlInfoModel as aO, ExecuteDynamicCommand as aP, ExecuteWorkflowChoiceDef as aQ, ExistsColumnsPipe as aR, FORM_DIALOG_COMPONENT as aS, FieldBaseComponent as aT, FieldBaseController as aU, FieldDirective as aV, FieldInfoTypeEnum as aW, FieldUiComponent as aX, FieldViewBase as aY, FileControlInfoModel as aZ, FileInfoCountPipe as a_, ComboRowImagePipe as aa, CommandControlInfoModel as ab, ContainerComponent as ac, ContainerService as ad, ContextMenuPipe as ae, ControlUiPipe as af, ConvertToStylePipe as ag, CopyDirective as ah, CountDownDirective as ai, CustomCommand as aj, CustomInjector as ak, CustomRouteReuseStrategy as al, DEFAULT_REPORT_LAYOUT_POLICY as am, DIALOG_SERVICE as an, DateHijriService as ao, DateMiladiService as ap, DateRanges as aq, DateService as ar, DateShamsiService as as, DateTimeControlInfoModel as at, DefaultCommandsAccessValue as au, DefaultGridSetting as av, DeviceWidth as aw, DialogParams as ax, DynamicCommandDirective as ay, DynamicDarkColorPipe as az, AddDynamicFormStyles as b, LabelStarTrimPipe as b$, FilesValidationHelper as b0, FillAllLayoutControls as b1, FillEmptySpaceDirective as b2, FilterColumnsByDetailsPipe as b3, FilterInlineActionListPipe as b4, FilterPipe as b5, FilterStringPipe as b6, FilterTabPipe as b7, FilterToolbarControlPipe as b8, FilterWorkflowInMobilePipe as b9, GetImgTags as bA, GetViewableExtensions as bB, GetVisibleValue as bC, GridSetting as bD, GroupBy as bE, GroupByPipe as bF, GroupByService as bG, HeaderFacetValuePipe as bH, HideAcceptCancelButtonsPipe as bI, HideColumnsInmobilePipe as bJ, HistoryControlInfoModel as bK, HorizontalLayoutService as bL, HorizontalResponsiveDirective as bM, IconControlInfoModel as bN, IdbService as bO, ImageLazyDirective as bP, ImageMimeType as bQ, ImagetoPrint as bR, InMemoryStorageService as bS, IndexedDbService as bT, InputNumber as bU, IntersectionObserverDirective as bV, IntersectionStatus as bW, IsDarkMode as bX, IsExpandedNodePipe as bY, IsImagePipe as bZ, ItemsRendererDirective as b_, FindColumnByDbNamePipe as ba, FindColumnsPipe as bb, FindGroup as bc, FindLayoutSettingFromLayout94 as bd, FindPreviewColumnPipe as be, FindToolbarItem as bf, FioriIconPipe as bg, FormBaseComponent as bh, FormCloseDirective as bi, FormComponent as bj, FormFieldReportPageComponent as bk, FormNewComponent as bl, FormPageBaseComponent as bm, FormPageComponent as bn, FormPanelService as bo, FormPropsBaseComponent as bp, FormService as bq, FormToolbarBaseComponent as br, FormToolbarButton as bs, GaugeControlInfoModel as bt, GeneralControlInfoModel as bu, GetAllColumnsSorted as bv, GetAllHorizontalFromLayout94 as bw, GetContentType as bx, GetCssVariableValuePipe as by, GetDefaultMoObjectInfo as bz, AffixRespondEvents as c, PushCheckService as c$, LabelmandatoryDirective as c0, LayoutItemBaseComponent as c1, LayoutMainContentService as c2, LayoutPanelBaseComponent as c3, LayoutService as c4, LeafletLongPressDirective as c5, LinearListControlInfoModel as c6, LinearListHelper as c7, ListCountPipe as c8, ListRelationModel as c9, NotificationService as cA, NowraptextDirective as cB, NumberBaseComponent as cC, NumberControlInfoModel as cD, NumbersOnlyInputDirective as cE, NumeralPipe as cF, OverflowTextDirective as cG, PageBaseComponent as cH, PageWithFormHandlerBaseComponent as cI, PdfMimeType as cJ, PictureFieldSourcePipe as cK, PictureFileControlInfoModel as cL, PicturesByGroupIdPipe as cM, PlaceHolderDirective as cN, PortalDynamicPageResolver as cO, PortalFormPageResolver as cP, PortalPageComponent as cQ, PortalPageResolver as cR, PortalPageSidebarComponent as cS, PortalReportPageResolver as cT, PortalService as cU, PreventDefaulEvent as cV, PreventDefaultDirective as cW, PrintFilesDirective as cX, PrintImage as cY, PromptUpdateService as cZ, PushBannerComponent as c_, LoadExternalFilesDirective as ca, LocalStorageService as cb, LogService as cc, LoginSettingsResolver as cd, MapToChatMessagePipe as ce, MasterDetailsPageComponent as cf, MeasureFormTitleWidthDirective as cg, MergeFieldsToColumnsPipe as ch, MetaobjectDataModel as ci, MetaobjectRelationModel as cj, MimeTypes as ck, MoForReportModel as cl, MoForReportModelBase as cm, MoInfoUlvMoListPipe as cn, MoInfoUlvPagingPipe as co, MoLinkerDirective as cp, MoReportValueConcatPipe as cq, MoReportValuePipe as cr, MoValuePipe as cs, MobileDirective as ct, ModalRootComponent as cu, MultipleGroupByPipe as cv, NOTIFICATAION_POPUP_SERVER as cw, NOTIFICATION_WEBWORKER_FACTORY as cx, NetworkStatusService as cy, NotFoundComponent as cz, AllFilesMimeType as d, SimpleTemplateEngine as d$, PushNotificationService as d0, REPORT_GRID_VIEWPORT_CLASS as d1, REPORT_TYPE_DEFAULT_POLICIES as d2, RUNTIME_NAV_STATE_SCHEMA_V1 as d3, RabetehAkseTakiListiControlInfoModel as d4, RedirectHomeGuard as d5, RelatedReportControlInfoModel as d6, RelationListControlInfoModel as d7, RemoveDynamicFormStyles as d8, RemoveNewlinePipe as d9, ReversePipe as dA, RichStringControlInfoModel as dB, RootPageComponent as dC, RootPortalComponent as dD, RotateImage as dE, RouteFormChangeDirective as dF, RoutingService as dG, RowDataOption as dH, RowNumberPipe as dI, RowState as dJ, RuntimeNavStateCacheService as dK, SafeBottomDirective as dL, SanitizeTextPipe as dM, SaveImageDirective as dN, SaveImageToFile as dO, SaveScrollPositionService as dP, ScopedCssPipe as dQ, ScrollLayoutContextHolder as dR, ScrollPersistDirective as dS, ScrollToSelectedDirective as dT, SelectionMode as dU, SeperatorFixPipe as dV, ServiceWorkerCommuncationService as dW, ServiceWorkerNotificationService as dX, ShellbarHeightService as dY, ShortcutHandlerDirective as dZ, ShortcutRegisterDirective as d_, RenderUlvDirective as da, RenderUlvPaginDirective as db, RenderUlvViewerDirective as dc, ReplacePipe as dd, ReportActionListPipe as de, ReportBaseComponent as df, ReportBaseInfo as dg, ReportBreadcrumbResolver as dh, ReportCalendarModel as di, ReportContainerComponent as dj, ReportExtraInfo as dk, ReportField as dl, ReportFormModel as dm, ReportItemBaseComponent as dn, ReportListModel as dp, ReportModel as dq, ReportNavigatorComponent as dr, ReportTreeModel as ds, ReportViewBaseComponent as dt, ReportViewColumn as du, ResizableComponent as dv, ResizableDirective as dw, ResizableModule as dx, ResizeHandlerDirective as dy, ResizeObserverDirective as dz, AnchorScrollDirective as e, forbiddenValidator as e$, SimplebarDirective as e0, SingleRelationControlInfoModel as e1, SortDirection as e2, SortPipe as e3, SortSetting as e4, SplideSliderDirective as e5, SplitPipe as e6, SplitterComponent as e7, StopPropagationDirective as e8, StringControlInfoModel as e9, WebOtpDirective as eA, WordMimeType as eB, WorfkflowwChoiceCommandDirective as eC, addCssVariableToRoot as eD, addDynamicVariableTo as eE, availablePrefixes as eF, bodyClick as eG, buildRuntimeNavStateCacheKey as eH, calcContextMenuWidth as eI, calculateColumnContent as eJ, calculateColumnWidth as eK, calculateColumnWidthFitToContainer as eL, calculateFreeColumnSize as eM, calculateMoDataListContentWidthByColumnName as eN, cancelRequestAnimationFrame as eO, checkPermission as eP, compareVersions as eQ, contextDefaultsFromEnvironment as eR, createFormPanelMetaConditions as eS, createGridEditorFormPanel as eT, easeInOutCubic as eU, elementInViewport2 as eV, enumValueToStringSize as eW, executeUlvCommandHandler as eX, extractLayoutPolicyFromView as eY, fixUnclosedParentheses as eZ, flattenTree as e_, StringToNumberPipe as ea, SubformControlInfoModel as eb, SystemBaseComponent as ec, TEMPLATE_ENGINE as ed, TOAST_SERVICE as ee, TableHeaderWidthMode as ef, TableResizerDirective as eg, TabpageService as eh, ThImageOrIconePipe as ei, TileGroupBreadcrumResolver as ej, TilePropsComponent as ek, TlbButtonsPipe as el, ToolbarSettingsPipe as em, TooltipDirective as en, TotalSummaryPipe as eo, UiService as ep, UlvCommandDirective as eq, UlvHeightSizeType as er, UlvMainService as es, UnlimitSessionComponent as et, UntilInViewDirective as eu, UploadService as ev, VideoMimeType as ew, VideoRecordingService as ex, ViewBase as ey, VisibleValuePipe as ez, formRoutes as f, toNumber as f$, formatBytes as f0, fromEntries as f1, fromIntersectionObserver as f2, genrateInlineMoId as f3, getAllItemsPerChildren as f4, getColumnValueOfMoDataList as f5, getComponentDefined as f6, getControlList as f7, getControlSizeMode as f8, getDateService as f9, isImage as fA, isInLocalMode as fB, isSafari as fC, isTargetWindow as fD, isVersionBiggerThan as fE, measureText as fF, measureText2 as fG, measureTextBy as fH, mobile_regex as fI, multilevelSort as fJ, nullOrUndefinedString as fK, number_only as fL, removeDynamicStyle as fM, requestAnimationFramePolyfill as fN, resolveFinalScroll as fO, resolveReportLayoutPolicy as fP, scrollLayoutModeToContextEnvironment as fQ, scrollToElement as fR, searchEx as fS, setColumnWidthByMaxMoContentWidth as fT, setOneDepthLevel as fU, setTableThWidth as fV, shallowEqual as fW, sort as fX, sortEx as fY, stopPropagation as fZ, throwIfAlreadyLoaded as f_, getDeviceIsDesktop as fa, getDeviceIsMobile as fb, getDeviceIsPhone as fc, getDeviceIsTablet as fd, getFieldValue as fe, getFocusableTagNames as ff, getFormSettings as fg, getGridSettings as fh, getHeaderValue as fi, getIcon as fj, getImagePath as fk, getLabelWidth as fl, getLayout94ObjectInfo as fm, getLayoutControl as fn, getNestedValue as fo, getNewMoGridEditor as fp, getParentHeight as fq, getReportTypeDefaultPolicy as fr, getRequestAnimationFrame as fs, getResetGridSettings as ft, getTargetRect as fu, getUniqueId as fv, getValidExtension as fw, isFF as fx, isFirefox as fy, isFunction as fz, ApiService as g, validateAllFormFields as g0, ApplicationBaseComponent as h, ApplicationCtrlrService as i, AttrRtlDirective as j, AudioMimeType as k, AudioRecordingService as l, AuthGuard as m, BarsaApi as n, BarsaDialogService as o, BarsaIconDictPipe as p, BarsaNovinRayCoreModule as q, reportRoutes as r, BarsaReadonlyDirective as s, BarsaSapUiFormPageModule as t, BarsaStorageService as u, BaseColumnPropsComponent as v, BaseComponent as w, BaseController as x, BaseDirective as y, BaseDynamicComponent as z };
-//# sourceMappingURL=barsa-novin-ray-core-barsa-novin-ray-core-CGp55b2N.mjs.map
+export { ColSetting as $, APP_VERSION as A, BaseModule as B, BaseFormToolbaritemPropsComponent as C, DynamicComponentService as D, BaseItemContentPropsComponent as E, BaseReportModel as F, BaseSettingsService as G, BaseUlvSettingComponent as H, BaseViewContentPropsComponent as I, BaseViewItemPropsComponent as J, BaseViewPropsComponent as K, BbbTranslatePipe as L, BodyClickDirective as M, BoolControlInfoModel as N, BreadcrumbService as O, ButtonLoadingComponent as P, CalculateControlInfoModel as Q, ReportEmptyPageComponent as R, CalendarSettingsStore as S, CanUploadFilePipe as T, CardBaseItemContentPropsComponent as U, CardDynamicItemComponent as V, CardMediaSizePipe as W, CardViewService as X, ChangeLayoutInfoCustomUi as Y, ChunkArrayPipe as Z, CodeEditorControlInfoModel as _, AbsoluteDivBodyDirective as a, FileInfoCountPipe as a$, ColumnCustomComponentPipe as a0, ColumnCustomUiPipe as a1, ColumnIconPipe as a2, ColumnRendererBase as a3, ColumnRendererViewBase as a4, ColumnResizerDirective as a5, ColumnService as a6, ColumnValueDirective as a7, ColumnValueOfParametersPipe as a8, ColumnValuePipe as a9, DynamicDarkColorPipe as aA, DynamicFormComponent as aB, DynamicFormToolbaritemComponent as aC, DynamicItemComponent as aD, DynamicLayoutComponent as aE, DynamicRootVariableDirective as aF, DynamicStyleDirective as aG, DynamicUlvPagingComponent as aH, DynamicUlvToolbarComponent as aI, EllapsisTextDirective as aJ, EllipsifyDirective as aK, EmptyPageComponent as aL, EmptyPageWithRouterAndRouterOutletComponent as aM, EntitySettingsStore as aN, EnumCaptionPipe as aO, EnumControlInfoModel as aP, ExecuteDynamicCommand as aQ, ExecuteWorkflowChoiceDef as aR, ExistsColumnsPipe as aS, FORM_DIALOG_COMPONENT as aT, FieldBaseComponent as aU, FieldBaseController as aV, FieldDirective as aW, FieldInfoTypeEnum as aX, FieldUiComponent as aY, FieldViewBase as aZ, FileControlInfoModel as a_, ComboRowImagePipe as aa, CommandControlInfoModel as ab, ContainerComponent as ac, ContainerService as ad, ContextMenuPipe as ae, ControlUiPipe as af, ConvertToStylePipe as ag, CopyDirective as ah, CountDownDirective as ai, CustomCommand as aj, CustomInjector as ak, CustomRouteReuseStrategy as al, CustomUiRegistryService as am, DEFAULT_REPORT_LAYOUT_POLICY as an, DIALOG_SERVICE as ao, DateHijriService as ap, DateMiladiService as aq, DateRanges as ar, DateService as as, DateShamsiService as at, DateTimeControlInfoModel as au, DefaultCommandsAccessValue as av, DefaultGridSetting as aw, DeviceWidth as ax, DialogParams as ay, DynamicCommandDirective as az, AddDynamicFormStyles as b, ItemsRendererDirective as b$, FilePictureInfoModel as b0, FilesValidationHelper as b1, FillAllLayoutControls as b2, FillEmptySpaceDirective as b3, FilterColumnsByDetailsPipe as b4, FilterInlineActionListPipe as b5, FilterPipe as b6, FilterStringPipe as b7, FilterTabPipe as b8, FilterToolbarControlPipe as b9, GetDefaultMoObjectInfo as bA, GetImgTags as bB, GetViewableExtensions as bC, GetVisibleValue as bD, GridSetting as bE, GroupBy as bF, GroupByPipe as bG, GroupByService as bH, HeaderFacetValuePipe as bI, HideAcceptCancelButtonsPipe as bJ, HideColumnsInmobilePipe as bK, HistoryControlInfoModel as bL, HorizontalLayoutService as bM, HorizontalResponsiveDirective as bN, IconControlInfoModel as bO, IdbService as bP, ImageLazyDirective as bQ, ImageMimeType as bR, ImagetoPrint as bS, InMemoryStorageService as bT, IndexedDbService as bU, InputNumber as bV, IntersectionObserverDirective as bW, IntersectionStatus as bX, IsDarkMode as bY, IsExpandedNodePipe as bZ, IsImagePipe as b_, FilterWorkflowInMobilePipe as ba, FindColumnByDbNamePipe as bb, FindColumnsPipe as bc, FindGroup as bd, FindLayoutSettingFromLayout94 as be, FindPreviewColumnPipe as bf, FindToolbarItem as bg, FioriIconPipe as bh, FormBaseComponent as bi, FormCloseDirective as bj, FormComponent as bk, FormFieldReportPageComponent as bl, FormNewComponent as bm, FormPageBaseComponent as bn, FormPageComponent as bo, FormPanelService as bp, FormPropsBaseComponent as bq, FormService as br, FormToolbarBaseComponent as bs, FormToolbarButton as bt, GaugeControlInfoModel as bu, GeneralControlInfoModel as bv, GetAllColumnsSorted as bw, GetAllHorizontalFromLayout94 as bx, GetContentType as by, GetCssVariableValuePipe as bz, AffixRespondEvents as c, PushBannerComponent as c$, LabelStarTrimPipe as c0, LabelmandatoryDirective as c1, LayoutItemBaseComponent as c2, LayoutMainContentService as c3, LayoutPanelBaseComponent as c4, LayoutService as c5, LeafletLongPressDirective as c6, LinearListControlInfoModel as c7, LinearListHelper as c8, ListCountPipe as c9, NotFoundComponent as cA, NotificationService as cB, NowraptextDirective as cC, NumberBaseComponent as cD, NumberControlInfoModel as cE, NumbersOnlyInputDirective as cF, NumeralPipe as cG, OverflowTextDirective as cH, PageBaseComponent as cI, PageWithFormHandlerBaseComponent as cJ, PdfMimeType as cK, PictureFieldSourcePipe as cL, PictureFileControlInfoModel as cM, PicturesByGroupIdPipe as cN, PlaceHolderDirective as cO, PortalDynamicPageResolver as cP, PortalFormPageResolver as cQ, PortalPageComponent as cR, PortalPageResolver as cS, PortalPageSidebarComponent as cT, PortalReportPageResolver as cU, PortalService as cV, PreventDefaulEvent as cW, PreventDefaultDirective as cX, PrintFilesDirective as cY, PrintImage as cZ, PromptUpdateService as c_, ListRelationModel as ca, LoadExternalFilesDirective as cb, LocalStorageService as cc, LogService as cd, LoginSettingsResolver as ce, MapToChatMessagePipe as cf, MasterDetailsPageComponent as cg, MeasureFormTitleWidthDirective as ch, MergeFieldsToColumnsPipe as ci, MetaobjectDataModel as cj, MetaobjectRelationModel as ck, MimeTypes as cl, MoForReportModel as cm, MoForReportModelBase as cn, MoInfoUlvMoListPipe as co, MoInfoUlvPagingPipe as cp, MoLinkerDirective as cq, MoReportValueConcatPipe as cr, MoReportValuePipe as cs, MoValuePipe as ct, MobileDirective as cu, ModalRootComponent as cv, MultipleGroupByPipe as cw, NOTIFICATAION_POPUP_SERVER as cx, NOTIFICATION_WEBWORKER_FACTORY as cy, NetworkStatusService as cz, AllFilesMimeType as d, ShortcutRegisterDirective as d$, PushCheckService as d0, PushNotificationService as d1, REPORT_GRID_VIEWPORT_CLASS as d2, REPORT_TYPE_DEFAULT_POLICIES as d3, RUNTIME_NAV_STATE_SCHEMA_V1 as d4, RabetehAkseTakiListiControlInfoModel as d5, RedirectHomeGuard as d6, RelatedReportControlInfoModel as d7, RelationListControlInfoModel as d8, RemoveDynamicFormStyles as d9, ResizeObserverDirective as dA, ReversePipe as dB, RichStringControlInfoModel as dC, RootPageComponent as dD, RootPortalComponent as dE, RotateImage as dF, RouteFormChangeDirective as dG, RoutingService as dH, RowDataOption as dI, RowNumberPipe as dJ, RowState as dK, RuntimeNavStateCacheService as dL, SafeBottomDirective as dM, SanitizeTextPipe as dN, SaveImageDirective as dO, SaveImageToFile as dP, SaveScrollPositionService as dQ, ScopedCssPipe as dR, ScrollLayoutContextHolder as dS, ScrollPersistDirective as dT, ScrollToSelectedDirective as dU, SelectionMode as dV, SeperatorFixPipe as dW, ServiceWorkerCommuncationService as dX, ServiceWorkerNotificationService as dY, ShellbarHeightService as dZ, ShortcutHandlerDirective as d_, RemoveNewlinePipe as da, RenderUlvDirective as db, RenderUlvPaginDirective as dc, RenderUlvViewerDirective as dd, ReplacePipe as de, ReportActionListPipe as df, ReportBaseComponent as dg, ReportBaseInfo as dh, ReportBreadcrumbResolver as di, ReportCalendarModel as dj, ReportContainerComponent as dk, ReportExtraInfo as dl, ReportField as dm, ReportFormModel as dn, ReportItemBaseComponent as dp, ReportListModel as dq, ReportModel as dr, ReportNavigatorComponent as ds, ReportTreeModel as dt, ReportViewBaseComponent as du, ReportViewColumn as dv, ResizableComponent as dw, ResizableDirective as dx, ResizableModule as dy, ResizeHandlerDirective as dz, AnchorScrollDirective as e, flattenTree as e$, SimpleTemplateEngine as e0, SimplebarDirective as e1, SingleRelationControlInfoModel as e2, SortDirection as e3, SortPipe as e4, SortSetting as e5, SplideSliderDirective as e6, SplitPipe as e7, SplitterComponent as e8, StopPropagationDirective as e9, VisibleValuePipe as eA, WebOtpDirective as eB, WordMimeType as eC, WorfkflowwChoiceCommandDirective as eD, addCssVariableToRoot as eE, addDynamicVariableTo as eF, availablePrefixes as eG, bodyClick as eH, buildRuntimeNavStateCacheKey as eI, calcContextMenuWidth as eJ, calculateColumnContent as eK, calculateColumnWidth as eL, calculateColumnWidthFitToContainer as eM, calculateFreeColumnSize as eN, calculateMoDataListContentWidthByColumnName as eO, cancelRequestAnimationFrame as eP, checkPermission as eQ, compareVersions as eR, contextDefaultsFromEnvironment as eS, createFormPanelMetaConditions as eT, createGridEditorFormPanel as eU, easeInOutCubic as eV, elementInViewport2 as eW, enumValueToStringSize as eX, executeUlvCommandHandler as eY, extractLayoutPolicyFromView as eZ, fixUnclosedParentheses as e_, StringControlInfoModel as ea, StringToNumberPipe as eb, SubformControlInfoModel as ec, SystemBaseComponent as ed, TEMPLATE_ENGINE as ee, TOAST_SERVICE as ef, TableHeaderWidthMode as eg, TableResizerDirective as eh, TabpageService as ei, ThImageOrIconePipe as ej, TileGroupBreadcrumResolver as ek, TilePropsComponent as el, TlbButtonsPipe as em, ToolbarSettingsPipe as en, TooltipDirective as eo, TotalSummaryPipe as ep, UiService as eq, UlvCommandDirective as er, UlvHeightSizeType as es, UlvMainService as et, UnlimitSessionComponent as eu, UntilInViewDirective as ev, UploadService as ew, VideoMimeType as ex, VideoRecordingService as ey, ViewBase as ez, formRoutes as f, stopPropagation as f$, forbiddenValidator as f0, formatBytes as f1, fromEntries as f2, fromIntersectionObserver as f3, genrateInlineMoId as f4, getAllItemsPerChildren as f5, getColumnValueOfMoDataList as f6, getComponentDefined as f7, getControlList as f8, getControlSizeMode as f9, isFunction as fA, isIOS as fB, isImage as fC, isInLocalMode as fD, isSafari as fE, isTargetWindow as fF, isVersionBiggerThan as fG, measureText as fH, measureText2 as fI, measureTextBy as fJ, mobile_regex as fK, multilevelSort as fL, nullOrUndefinedString as fM, number_only as fN, removeDynamicStyle as fO, requestAnimationFramePolyfill as fP, resolveFinalScroll as fQ, resolveReportLayoutPolicy as fR, scrollLayoutModeToContextEnvironment as fS, scrollToElement as fT, searchEx as fU, setColumnWidthByMaxMoContentWidth as fV, setOneDepthLevel as fW, setTableThWidth as fX, shallowEqual as fY, sort as fZ, sortEx as f_, getDateService as fa, getDeviceIsDesktop as fb, getDeviceIsMobile as fc, getDeviceIsPhone as fd, getDeviceIsTablet as fe, getFieldValue as ff, getFocusableTagNames as fg, getFormSettings as fh, getGridSettings as fi, getHeaderValue as fj, getIcon as fk, getImagePath as fl, getLabelWidth as fm, getLayout94ObjectInfo as fn, getLayoutControl as fo, getNestedValue as fp, getNewMoGridEditor as fq, getParentHeight as fr, getReportTypeDefaultPolicy as fs, getRequestAnimationFrame as ft, getResetGridSettings as fu, getTargetRect as fv, getUniqueId as fw, getValidExtension as fx, isFF as fy, isFirefox as fz, ApiService as g, throwIfAlreadyLoaded as g0, toNumber as g1, validateAllFormFields as g2, ApplicationBaseComponent as h, ApplicationCtrlrService as i, AttrRtlDirective as j, AudioMimeType as k, AudioRecordingService as l, AuthGuard as m, BarsaApi as n, BarsaDialogService as o, BarsaIconDictPipe as p, BarsaNovinRayCoreModule as q, reportRoutes as r, BarsaReadonlyDirective as s, BarsaSapUiFormPageModule as t, BarsaStorageService as u, BaseColumnPropsComponent as v, BaseComponent as w, BaseController as x, BaseDirective as y, BaseDynamicComponent as z };
+//# sourceMappingURL=barsa-novin-ray-core-barsa-novin-ray-core-Q1H9o6KT.mjs.map