barsa-novin-ray-core 2.3.102 → 2.3.104

package/fesm2022/barsa-novin-ray-core.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ElementRef, Input, ChangeDetectionStrategy, Component, Pipe, ComponentFactoryResolver, Injector, ApplicationRef, Compiler, DOCUMENT, NgModuleFactory, InjectionToken, NgZone, signal, EventEmitter, ChangeDetectorRef, Renderer2, HostBinding, Output, HostListener, ViewContainerRef, ViewChild, Directive, TemplateRef, input, NgModule, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA, provideAppInitializer, ErrorHandler } from '@angular/core';
-import { Subject, from, BehaviorSubject, of, exhaustMap, map as map$1, combineLatest, withLatestFrom as withLatestFrom$1, fromEvent, forkJoin, takeUntil as takeUntil$1, filter as filter$1, throwError, merge, interval, lastValueFrom, timeout, catchError as catchError$1, take, debounceTime as debounceTime$1, skip, Observable, tap as tap$1, timer, mergeWith, Subscription } from 'rxjs';
+import { Injectable, inject, ElementRef, Input, ChangeDetectionStrategy, Component, Pipe, ComponentFactoryResolver, Injector, ApplicationRef, Compiler, DOCUMENT, NgModuleFactory, InjectionToken, NgZone, signal, ViewContainerRef, EventEmitter, ChangeDetectorRef, Renderer2, HostBinding, Output, HostListener, ViewChild, Directive, TemplateRef, input, NgModule, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA, provideAppInitializer, ErrorHandler } from '@angular/core';
+import { Subject, from, BehaviorSubject, of, exhaustMap, map as map$1, combineLatest, withLatestFrom as withLatestFrom$1, fromEvent, forkJoin, throwError, merge, interval, filter as filter$1, lastValueFrom, timeout, catchError as catchError$1, takeUntil as takeUntil$1, take, debounceTime as debounceTime$1, skip, Observable, tap as tap$1, timer, mergeWith, Subscription } from 'rxjs';
 import * as i1 from '@angular/router';
-import { Router, NavigationEnd, ActivatedRoute, RouterEvent, NavigationStart, RouterModule } from '@angular/router';
+import { Router, NavigationEnd, ActivatedRoute, RouterEvent, NavigationStart, RouterModule, RouteReuseStrategy } from '@angular/router';
 import { DomSanitizer, Title } from '@angular/platform-browser';
 import { filter, startWith, map, tap, takeUntil, withLatestFrom, delay, debounceTime, distinctUntilChanged, exhaustMap as exhaustMap$1, concatMap, finalize, publishReplay, refCount, shareReplay, switchMap, catchError, merge as merge$1, pluck, mergeWith as mergeWith$1 } from 'rxjs/operators';
 import moment from 'moment';
@@ -1344,6 +1344,7 @@ const _getSystem = () => {
     oSystem.desktop = !!((!oSystem.tablet && !oSystem.phone) || isWin8Upwards);
     oSystem.combi = oSystem.desktop && oSystem.tablet;
     oSystem.SYSTEMTYPE = SYSTEMTYPE;
+    oSystem.phone = oSystem.phone && window.innerWidth < 768;
     return oSystem;
 };
 const _setSystem = () => {
@@ -1531,6 +1532,36 @@ function calcContextMenuWidth(contextMenuItems, disableContextMenuOverflow) {
     }
     return contextMenuWidth;
 }
+function RotateImage(imgEl, media, renderer2) {
+    const direction = 1;
+    const angle = 90 * direction;
+    if (media.RotationAngle) {
+        media.RotationAngle = (media.RotationAngle + angle) % 360;
+    }
+    else {
+        media.RotationAngle = angle;
+    }
+    const w = imgEl.offsetWidth;
+    const h = imgEl.offsetHeight;
+    let margin = (w - h) / 2;
+    let scaleFactor = w / h;
+    if (media.scaleFactor) {
+        scaleFactor = 1;
+        media.scaleFactor = null;
+        margin = 0;
+    }
+    else {
+        media.scaleFactor = scaleFactor;
+    }
+    if (scaleFactor < 1) {
+        renderer2.setStyle(imgEl, 'transform', `rotate(${media.RotationAngle}deg) scale(${scaleFactor})`);
+    }
+    else {
+        renderer2.setStyle(imgEl, 'transform', `rotate(${media.RotationAngle}deg)`);
+    }
+    renderer2.setStyle(imgEl, 'margin-bottom', margin + 'px');
+    renderer2.setStyle(imgEl, 'margin-top', margin + 'px');
+}
 function isInLocalMode() {
     const offlinceActive = BarsaApi.Common.Util.TryGetValue(BarsaApi.Offline, 'Settings.IsActive', false);
     const offlineTrue = BarsaApi.Common.Util.TryGetValue(BarsaApi.Offline, 'Settings.IsOffline', false);
@@ -4904,6 +4935,128 @@ class FormService {
     }
 }
 
+class ContainerService {
+    constructor() {
+        this.detachParent = true;
+        this.state = 'attach';
+        this.addModules = new Subject();
+        this._onDestroy$ = new Subject();
+        this._parentService = inject(ContainerService, { skipSelf: true, optional: true });
+        this._scrollTop = 0;
+        this._el = inject(ElementRef);
+    }
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    ngOnDestroy() {
+        this._onDestroy$.next();
+        this._onDestroy$.complete();
+        if (this._parentService && this.detachParent) {
+            this._parentService.insert();
+        }
+    }
+    setViewContainerRef(viewContainerRef) {
+        this._viewContainerRef = viewContainerRef;
+        this.state = 'attach';
+        if (this._parentService && this.detachParent) {
+            this._parentService.detach();
+        }
+    }
+    detach() {
+        this._setScrollPosition();
+        this.state = 'detach';
+        this._viewRef = this._viewContainerRef.detach();
+    }
+    _setScrollPosition() {
+        const elDom = this._el.nativeElement;
+        if (elDom) {
+            const x1 = elDom.querySelector('fd-dynamic-page-content');
+            const x2 = elDom.querySelector('.fd-scrollbar[fd-scrollbar]');
+            const scrollTopPage = x1?.scrollTop;
+            const scrollTopScrollbar = x2?.scrollTop;
+            if (scrollTopPage && scrollTopPage > 0) {
+                this._scrollTop = scrollTopPage;
+                this._elDomScrollbar = x1;
+            }
+            else if (scrollTopScrollbar && scrollTopScrollbar > 0) {
+                this._scrollTop = scrollTopScrollbar;
+                this._elDomScrollbar = x2;
+            }
+        }
+    }
+    _restoreScrollPostion() {
+        if (this._scrollTop && this._scrollTop > 0) {
+            if (this._elDomScrollbar) {
+                this._elDomScrollbar.scrollTop = this._scrollTop;
+            }
+        }
+    }
+    insert() {
+        if (this._viewRef) {
+            this._viewContainerRef.insert(this._viewRef);
+            this._restoreScrollPostion();
+        }
+        else {
+            this.addModules.next();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ContainerService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ContainerService, decorators: [{
+            type: Injectable
+        }] });
+
+class HorizontalLayoutService {
+    constructor() {
+        this.controlFlexColumnSource = new BehaviorSubject({});
+        this.displayTextFlexColumn$ = this.controlFlexColumnSource
+            .asObservable()
+            .pipe(map((controlFlexColumn) => Object.keys(controlFlexColumn).some((c) => controlFlexColumn[c])));
+    }
+    setFlexColumn(id, val) {
+        const flexColumn = this.controlFlexColumnSource.getValue();
+        flexColumn[id] = val;
+        this.controlFlexColumnSource.next(flexColumn);
+    }
+}
+
+class LayoutService {
+    constructor() {
+        this.rendered = new BehaviorSubject(false);
+        this.maxWidth = new BehaviorSubject(0);
+        this.refreshLayoutSource = new Subject();
+        this.horizontalSource = new Subject();
+        this._listOfHorizontal = [];
+        this.rootRendered$ = this.rendered.asObservable();
+        this.maxWidth$ = this.maxWidth.asObservable();
+        this.refreshLayout$ = this.refreshLayoutSource.asObservable();
+        this.horizontal$ = this.horizontalSource.asObservable().pipe(distinctUntilChanged((a, b) => a === b));
+    }
+    setRendered(val) {
+        this.rendered.next(val);
+    }
+    setMaxWidth(val) {
+        if (this.maxWidth.value < val) {
+            this.maxWidth.next(val);
+        }
+    }
+    refreshLayout() {
+        this.refreshLayoutSource.next();
+    }
+    addHorizontal(id) {
+        this._listOfHorizontal = [...this._listOfHorizontal, id];
+        this.horizontalSource.next(this._listOfHorizontal);
+    }
+    removeHorizontal(id) {
+        this._listOfHorizontal = this._listOfHorizontal.filter((c) => c !== id);
+        this.horizontalSource.next(this._listOfHorizontal);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 class PortalPageResolver {
     /** Inserted by Angular inject() migration for backwards compatibility */
     constructor() {
@@ -5238,19 +5391,11 @@ class ApplicationCtrlrService {
         });
         this._appMenuItems$.next([...items]);
     }
-    _addSystemUi(_systemUi) {
-        // this._selectedSystemId$.next(systemUi.SystemData.Id);
-        // console.log('_addSystemUi', systemUi);
-    }
-    _addToMainTabPanel(_customSystemUi) {
-        // console.log('AddToMainTabPanel', customSystemUi);
-    }
+    _addSystemUi(_systemUi) { }
+    _addToMainTabPanel(_customSystemUi) { }
     _selectedSystemChanged(systemId, _forceRelayout = false) {
         const x = this._customApplicationUi._systemsUi.find((c) => c.SystemData.Id === systemId);
         this._selectSystem(x);
-        // console.log('SelectedSystemChanged', systemId, forceRelayout);
-        // console.log('selected navgroup ', this._selectedNavGroupId$.getValue());
-        // console.log('selected navgroup Item ', this._selectedNavGroupItemId$.getValue());
     }
     _selectSystem(system) {
         if (!system) {
@@ -5259,12 +5404,8 @@ class ApplicationCtrlrService {
         this.selectedSystem(system.SystemData.Id);
         this._selectedSystemNavUi$.next(system.SystemNavUi);
     }
-    _setStatusBarValues(_statusbarValues) {
-        // console.log('SetStatusBarValues', statusbarValues);
-    }
-    _showReleaseNoteWindow(_releaseNoteData) {
-        // console.log('ShowReleaseNoteWindow', releaseNoteData);
-    }
+    _setStatusBarValues(_statusbarValues) { }
+    _showReleaseNoteWindow(_releaseNoteData) { }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ApplicationCtrlrService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ApplicationCtrlrService, providedIn: 'root' }); }
 }
@@ -5319,6 +5460,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             type: Injectable
         }] });
 
+function reportRoutes(authGuard = false) {
+    return {
+        path: 'report/:id',
+        canActivate: authGuard ? [AuthGuard] : [],
+        loadChildren: () => import('./barsa-novin-ray-core-barsa-report-page.module-Bml7rVqA.mjs').then((m) => m.BarsaReportPageModule)
+    };
+}
+
 class PortalService {
     constructor() {
         this.offsetTop = 0;
@@ -5684,16 +5833,12 @@ class PortalService {
         // this.routeInitialized();
     }
     ssoLogin() {
-        AjaxHelper.AjaxRequest('/api/base/ssologin', null, false, () => {
-            // console.log(response);
-        }, () => {
+        AjaxHelper.AjaxRequest('/api/base/ssologin', null, false, () => { }, () => {
             alert('error in sso login.');
         }, null);
     }
     ssoLogout() {
-        AjaxHelper.AjaxRequest('/api/base/ssologout', null, false, () => {
-            // console.log(response);
-        }, () => {
+        AjaxHelper.AjaxRequest('/api/base/ssologout', null, false, () => { }, () => {
             alert('error in sso logout.');
         }, null);
     }
@@ -5883,7 +6028,7 @@ class PortalService {
                         ...cpage
                     }
                 },
-                children: cpage.ComponentName !== 'PortalPage' ? [formRoutes()] : []
+                children: [reportRoutes(), formRoutes()]
             };
             children.push(newRoute);
             // Recursively process each MetaObjectModel inside MoDataList
@@ -6276,200 +6421,37 @@ class PortalService {
         else {
             const compiled = this.compiler.compileModuleAndAllComponentsSync(moduleClass);
             moduleFactory = compiled.ngModuleFactory;
-        }
-        return moduleFactory;
-    }
-    getRegisteredModules(umd, exportAs, moduleName) {
-        let modules;
-        if (umd !== '') {
-            modules = window;
-            umd.split('.').forEach((c) => {
-                if (typeof modules !== typeof undefined) {
-                    modules = modules[c];
-                }
-            });
-        }
-        else {
-            modules = window[moduleName];
-        }
-        if (exportAs.length > 0 && modules) {
-            exportAs.forEach((c) => {
-                this.setValueOnObject(c, 0, modules, window);
-            });
-        }
-        return modules;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PortalService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PortalService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
-class ContainerService {
-    constructor() {
-        this.oldActiveSystem = null;
-        this.detachParent = true;
-        this.masterDetails = false;
-        this.state = 'attach';
-        this.isMobile = getDeviceIsMobile();
-        this.addModules = new Subject();
-        this._activatedRoute = inject(ActivatedRoute);
-        this._router = inject(Router);
-        this._portalService = inject(PortalService);
-        this._onDestroy$ = new Subject();
-        this._parentService = inject(ContainerService, { skipSelf: true, optional: true });
-        this._scrollTop = 0;
-        this._el = inject(ElementRef);
-        this.paramId$ = this._activatedRoute.paramMap.pipe(takeUntil$1(this._onDestroy$));
-        this.routeEvents$ = this._router.events.pipe(takeUntil$1(this._onDestroy$), filter$1((event) => event instanceof NavigationEnd && event instanceof RouterEvent));
-    }
-    /** Inserted by Angular inject() migration for backwards compatibility */
-    ngOnDestroy() {
-        this._onDestroy$.next();
-        this._onDestroy$.complete();
-        if (this._parentService && this.detachParent) {
-            this._parentService.insert();
-        }
-    }
-    setViewContainerRef(viewContainerRef) {
-        this._viewContainerRef = viewContainerRef;
-        this.state = 'attach';
-        if (this._parentService && this.detachParent) {
-            this._parentService.detach();
-        }
-    }
-    hideFormPage() {
-        const pageEl = this._el.nativeElement;
-        pageEl.classList.remove('absolute-page');
-        pageEl.classList.add('absolute-page-removed');
-    }
-    showFormPage() {
-        const pageEl = this._el.nativeElement;
-        pageEl.classList.remove('absolute-page-removed');
-        pageEl.classList.add('absolute-page');
-    }
-    navigate(navigation, isRelative, queryParams, state) {
-        if (this.masterDetails && !this.isMobile) {
-            this.navigateMasterDetails(navigation, isRelative, queryParams, state);
-            return;
-        }
-        this._router.navigate(navigation, {
-            relativeTo: isRelative ? this._activatedRoute : null,
-            queryParams,
-            preserveFragment: true,
-            state
-        });
-    }
-    navigateMasterDetails(navigation, isRelative, queryParams, data) {
-        if (this._portalService.deviceSize !== 's') {
-            navigation = [{ outlets: { details: [...navigation.filter((_c, index) => index > 0)] } }];
-        }
-        this._router.navigate(navigation, {
-            relativeTo: isRelative ? this._activatedRoute : null,
-            queryParams,
-            preserveFragment: true,
-            state: { ...data }
-        });
-    }
-    detach() {
-        this._setScrollPosition();
-        this.state = 'detach';
-        this._viewRef = this._viewContainerRef.detach();
-    }
-    _setScrollPosition() {
-        const elDom = this._el.nativeElement;
-        if (elDom) {
-            const x1 = elDom.querySelector('fd-dynamic-page-content');
-            const x2 = elDom.querySelector('.fd-scrollbar[fd-scrollbar]');
-            const scrollTopPage = x1?.scrollTop;
-            const scrollTopScrollbar = x2?.scrollTop;
-            if (scrollTopPage && scrollTopPage > 0) {
-                this._scrollTop = scrollTopPage;
-                this._elDomScrollbar = x1;
-            }
-            else if (scrollTopScrollbar && scrollTopScrollbar > 0) {
-                this._scrollTop = scrollTopScrollbar;
-                this._elDomScrollbar = x2;
-            }
-        }
-    }
-    _restoreScrollPostion() {
-        if (this._scrollTop && this._scrollTop > 0) {
-            if (this._elDomScrollbar) {
-                this._elDomScrollbar.scrollTop = this._scrollTop;
-            }
-        }
-    }
-    insert() {
-        if (this._viewRef) {
-            this._viewContainerRef.insert(this._viewRef);
-            this._restoreScrollPostion();
-        }
-        else {
-            this.addModules.next();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ContainerService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ContainerService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class HorizontalLayoutService {
-    constructor() {
-        this.controlFlexColumnSource = new BehaviorSubject({});
-        this.displayTextFlexColumn$ = this.controlFlexColumnSource
-            .asObservable()
-            .pipe(map((controlFlexColumn) => Object.keys(controlFlexColumn).some((c) => controlFlexColumn[c])));
-    }
-    setFlexColumn(id, val) {
-        const flexColumn = this.controlFlexColumnSource.getValue();
-        flexColumn[id] = val;
-        this.controlFlexColumnSource.next(flexColumn);
-    }
-}
-
-class LayoutService {
-    constructor() {
-        this.rendered = new BehaviorSubject(false);
-        this.maxWidth = new BehaviorSubject(0);
-        this.refreshLayoutSource = new Subject();
-        this.horizontalSource = new Subject();
-        this._listOfHorizontal = [];
-        this.rootRendered$ = this.rendered.asObservable();
-        this.maxWidth$ = this.maxWidth.asObservable();
-        this.refreshLayout$ = this.refreshLayoutSource.asObservable();
-        this.horizontal$ = this.horizontalSource.asObservable().pipe(distinctUntilChanged((a, b) => a === b));
-    }
-    setRendered(val) {
-        this.rendered.next(val);
-    }
-    setMaxWidth(val) {
-        if (this.maxWidth.value < val) {
-            this.maxWidth.next(val);
-        }
-    }
-    refreshLayout() {
-        this.refreshLayoutSource.next();
-    }
-    addHorizontal(id) {
-        this._listOfHorizontal = [...this._listOfHorizontal, id];
-        this.horizontalSource.next(this._listOfHorizontal);
+        }
+        return moduleFactory;
     }
-    removeHorizontal(id) {
-        this._listOfHorizontal = this._listOfHorizontal.filter((c) => c !== id);
-        this.horizontalSource.next(this._listOfHorizontal);
+    getRegisteredModules(umd, exportAs, moduleName) {
+        let modules;
+        if (umd !== '') {
+            modules = window;
+            umd.split('.').forEach((c) => {
+                if (typeof modules !== typeof undefined) {
+                    modules = modules[c];
+                }
+            });
+        }
+        else {
+            modules = window[moduleName];
+        }
+        if (exportAs.length > 0 && modules) {
+            exportAs.forEach((c) => {
+                this.setValueOnObject(c, 0, modules, window);
+            });
+        }
+        return modules;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PortalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PortalService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: LayoutService, decorators: [{
-            type: Injectable
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: PortalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: () => [] });
 
 class UiService {
@@ -8455,7 +8437,9 @@ class ServiceWorkerCommuncationService {
         this._postServiceWorker({ event: 'isLoggedInChange', options: { isLoggedIn } });
         if (isLoggedIn) {
             this._setDefaultOptions();
-            this._pushNotificatioService.setup();
+            setTimeout(() => {
+                this._pushNotificatioService.setup();
+            }, 5000);
         }
     }
     _visibilitychange(documentIsHidden) {
@@ -8513,10 +8497,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         }] });
 
 class RoutingService {
-    /** Inserted by Angular inject() migration for backwards compatibility */
     constructor() {
         this.oldActiveSystem = null;
-        this._activatedRoute = inject(ActivatedRoute);
         this.router = inject(Router);
         this.isSidebar = false;
         this._Object = {
@@ -8552,11 +8534,84 @@ class RoutingService {
                 }
             }
         };
+        this.isFirstPage = true;
+        this.masterDetails = false;
+        this.isMobile = getDeviceIsMobile();
+        this._activatedRoute = inject(ActivatedRoute);
+        this._router = inject(Router);
+        this._portalService = inject(PortalService);
+        this._parentRoutingService = inject(RoutingService, { skipSelf: true, optional: true });
+        this._onDestroy$ = new Subject();
+        this._formDialogComponent = inject(FORM_DIALOG_COMPONENT, { optional: true });
+        this._dialogService = inject(DIALOG_SERVICE, { optional: true });
+        this._vcr = inject(ViewContainerRef);
+        /* eslint-disable */
+        this.ForceClose = () => {
+            this.parentContainer.ForceCloseChild();
+        };
+        this.ShowFormPanelControl = (formpanelCtrlr) => {
+            this.formpanelCtrlr = formpanelCtrlr;
+            this._showFormPanel();
+        };
+        /* eslint-disable */
+        this.ForceCloseChild = () => {
+            this._router.navigate(['../'], { relativeTo: this._activatedRoute });
+        };
+        /* eslint-disable */
+        this.RefreshFormPanelControl = (formpanelCtrlr) => {
+            if (!this.formpanelCtrlr) {
+                this.formpanelCtrlr = formpanelCtrlr;
+            }
+            else {
+                formpanelCtrlr = this._portalService.formPanels[this.formpanelCtrlrId];
+            }
+            this._showFormPanel(true);
+        };
         this.oldActiveSystem = BarsaApi.Bw.App.GetActiveSystem;
+        this._activatedRoute.params.pipe(takeUntil$1(this._onDestroy$)).subscribe((_params) => {
+            const state = this._router.getCurrentNavigation()?.extras.state;
+            this.formpanelCtrlrId = state?.formPanelCtrlrId;
+        });
+        this.paramId$ = this._activatedRoute.paramMap.pipe(takeUntil$1(this._onDestroy$));
+        this.routeEvents$ = this._router.events.pipe(takeUntil$1(this._onDestroy$), filter$1((event) => event instanceof NavigationEnd && event instanceof RouterEvent));
         BarsaApi.Bw.App.GetActiveSystem = () => this;
+        this.parentContainer = BarsaApi.Bw.FormHandler;
+        BarsaApi.Bw.FormHandler = this;
+        this.oldNavigation = BarsaApi.Bw.Navigate;
+        BarsaApi.Bw.Navigate = (navigation, isRelative, queryParams, data) => {
+            this._parentRoutingService?.navigate(navigation, isRelative, queryParams, data);
+        };
     }
     ngOnDestroy() {
         BarsaApi.Bw.App.GetActiveSystem = this.oldActiveSystem;
+        BarsaApi.Bw.Navigate = this.oldNavigation;
+        BarsaApi.Bw.FormHandler = this.parentContainer;
+    }
+    _showFormPanel(refreshOnly = false) {
+        this._portalService.ShowFormPanelControl(this.formpanelCtrlr, this._router, this._activatedRoute, this._formDialogComponent, this.isFirstPage, this._vcr, refreshOnly);
+    }
+    navigate(navigation, isRelative, queryParams, state) {
+        if (this.masterDetails && !this.isMobile) {
+            this.navigateMasterDetails(navigation, isRelative, queryParams, state);
+            return;
+        }
+        this._router.navigate(navigation, {
+            relativeTo: isRelative ? this._activatedRoute : null,
+            queryParams,
+            preserveFragment: true,
+            state
+        });
+    }
+    navigateMasterDetails(navigation, isRelative, queryParams, data) {
+        if (this._portalService.deviceSize !== 's') {
+            navigation = [{ outlets: { details: [...navigation.filter((_c, index) => index > 0)] } }];
+        }
+        this._router.navigate(navigation, {
+            relativeTo: isRelative ? this._activatedRoute : null,
+            queryParams,
+            preserveFragment: true,
+            state: { ...data }
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: RoutingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: RoutingService }); }
@@ -8715,6 +8770,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             args: [{ providedIn: 'root' }]
         }] });
 
+class CardViewService {
+    constructor() {
+        this._maxHeaderTitleHeight$ = new BehaviorSubject(0);
+        this._ulvMainService = inject(UlvMainService);
+    }
+    get maxHeaderTitleHeight$() {
+        return this._maxHeaderTitleHeight$.asObservable();
+    }
+    setHeaderHeight(height) {
+        const currHeight = this._maxHeaderTitleHeight$.getValue();
+        if (currHeight < height) {
+            this._maxHeaderTitleHeight$.next(height);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardViewService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardViewService, decorators: [{
+            type: Injectable
+        }] });
+
 class FieldBaseComponent extends BaseComponent {
     get customFieldInfo() {
         return this.context.Setting.CustomFieldInfo;
@@ -9634,7 +9710,7 @@ class ContainerComponent extends BaseComponent {
         this._cdr = inject(ChangeDetectorRef);
         this._renderer2 = inject(Renderer2);
         this._dialogService = inject(DIALOG_SERVICE, { optional: true });
-        this._containerServiceParent = inject(ContainerService, { self: false, optional: true });
+        this._parentContainerService = inject(ContainerService, { self: false, optional: true });
         this._containerService = inject(ContainerService, { self: true, optional: true });
         this._formDialogComponent = inject(FORM_DIALOG_COMPONENT, { optional: true });
         this.oldContainerContainer = this._barsaDialogService.containerComponent;
@@ -9651,20 +9727,12 @@ class ContainerComponent extends BaseComponent {
         return this.containerRef;
     }
     ngOnInit() {
-        this.parentContainer = BarsaApi.Bw.FormHandler;
-        BarsaApi.Bw.FormHandler = this;
-        this.oldNavigation = BarsaApi.Bw.Navigate;
-        BarsaApi.Bw.Navigate = (navigation, isRelative, queryParams, data) => {
-            this._containerServiceParent?.navigate(navigation, isRelative, queryParams, data);
-        };
         super.ngOnInit();
         this._containerService?.setViewContainerRef(this.containerRef);
     }
     ngOnDestroy() {
-        BarsaApi.Bw.FormHandler = this.parentContainer;
         super.ngOnDestroy();
         this._barsaDialogService.containerComponent = this.oldContainerContainer;
-        BarsaApi.Bw.Navigate = this.oldNavigation;
     }
     detach() {
         this._viewRef = this.containerRef.detach();
@@ -9701,6 +9769,8 @@ class PageBaseComponent extends ContainerComponent {
         this.hasRoute = true;
         this.fullscreen = true;
         this.componentsAddedToPage = false;
+        this._parentRoutingService = inject(RoutingService, { skipSelf: true, optional: true });
+        this._routingService = inject(RoutingService, { self: true, optional: true });
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
@@ -9761,8 +9831,8 @@ class PageBaseComponent extends ContainerComponent {
             controlUi.instance.settings = module.Component.Settings;
             controlUi.instance.activatedRoute = this._activatedRoute;
             let containerRef = this.containerRef;
-            if (module.ContainerRef && this[module.ContainerRef]) {
-                containerRef = this[module.ContainerRef];
+            if (module.PlaceholderName && this[module.PlaceholderName]) {
+                containerRef = this[module.PlaceholderName];
             } // توسط ماژول مشخص شده کامپوننت در کدام کانتینر پیج قرار گیرد
             if (containerRef) {
                 containerRef.insert(controlUi.hostView);
@@ -10230,17 +10300,17 @@ class FilesValidationHelper {
         this.maxFileSize = Number(maxFileSize);
         this.maxTotalFileSize = Number(maxTotalFileSize);
     }
-    validateFiles(files) {
-        return this._validateSize(files);
+    validateFiles(filesCount, files) {
+        return this._validateSize(filesCount, files);
     }
-    _validateSize(files) {
+    _validateSize(filesCount, files) {
         const totalFileSize = files.reduce((accumulator, currFile) => accumulator + currFile.size, 0);
         const uplaodTotalSizeTooBigText = BarsaApi.BBB['Uplaod_TotalSizeTooBig'];
         const uplaodFileTooBigText = BarsaApi.BBB['Uplaod_FileTooBig'];
         const maxFilesExceeded = BarsaApi.BBB['Uplaod_MaxFilesExceeded'];
         let errorMsg = '';
-        if (files.length > this.maxFileCount && this.maxFileCount > 0) {
-            errorMsg = maxFilesExceeded + `(${this.maxFileCount})`;
+        if (filesCount + files.length > this.maxFileCount + 1 && this.maxFileCount > 0) {
+            errorMsg = `<span dir=ltr>${maxFilesExceeded} </span>` + `(${this.maxFileCount})`;
         }
         const fileReachSize = [];
         files.forEach((file) => {
@@ -10264,7 +10334,7 @@ class FilesValidationHelper {
                         .join('<br/>');
         }
         if (errorMsg) {
-            BarsaApi.Ul.MsgBox.Error(errorMsg, () => { });
+            BarsaApi.Ul.MsgBox.Error_ShowHtml(errorMsg, () => { });
             return false;
         }
         return true;
@@ -10902,7 +10972,7 @@ class LinearListHelper {
         this.uploadFile(fileAttachment).subscribe();
     }
     uploadToServer(files, key = '') {
-        const isValid = this._filesValidationHelper.validateFiles(files);
+        const isValid = this._filesValidationHelper.validateFiles(0, files);
         if (!isValid) {
             return;
         }
@@ -11034,34 +11104,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class FormPageBaseComponent extends ContainerComponent {
     constructor() {
         super(...arguments);
+        this._routingService = inject(RoutingService, { self: true, optional: true });
         this._containerServiceParent = inject(ContainerService, { skipSelf: true, optional: true });
-        /* eslint-disable */
-        this.ShowFormPanelControl = (formpanelCtrlr) => {
-            this._portalService.ShowFormPanelControl(formpanelCtrlr, this._router, this._activatedRoute, this._formDialogComponent, false, this._vcr);
-        };
-        /* eslint-disable */
-        this.RefreshFormPanelControl = () => {
-            const formpanelCtrlr = this._portalService.formPanels[this.formpanelCtrlrId];
-            this.parentContainer.RefreshFormPanelControl(formpanelCtrlr);
-        };
-        /* eslint-disable */
-        this.ForceCloseChild = () => {
-            this._router.navigate([{ outlets: { popup: null } }], {
-                relativeTo: this._activatedRoute
-            });
-        };
-        /* eslint-disable */
-        this.ForceClose = () => {
-            this.parentContainer.ForceCloseChild();
-        };
     }
     ngOnInit() {
         super.ngOnInit();
+        this._routingService && (this._routingService.isFirstPage = false);
         this._activatedRoute.params.pipe(takeUntil(this._onDestroy$)).subscribe((params) => {
             const state = this._router.getCurrentNavigation()?.extras.state;
             this.prepareIds(state?.formPanelCtrlrId, params);
         });
-        this.hideAllPageContent();
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
@@ -11077,16 +11129,6 @@ class FormPageBaseComponent extends ContainerComponent {
     ngOnDestroy() {
         super.ngOnDestroy();
         this._portalService.formPanels[this.formpanelCtrlrId] = null;
-        this.removeLastHidePage();
-    }
-    _resize() {
-        this.hideAllPageContent();
-    }
-    hideAllPageContent() {
-        this._containerServiceParent?.hideFormPage();
-    }
-    removeLastHidePage() {
-        this._containerServiceParent?.showFormPage();
     }
     onFormClose() {
         if (this._activatedRoute.snapshot.params.isFirst &&
@@ -11106,12 +11148,6 @@ class FormPageBaseComponent extends ContainerComponent {
                 replaceUrl: true
             });
         }
-        return;
-        const outlet = this._activatedRoute.outlet;
-        //   let outlets = {};
-        //   outlets[outlet] = null;
-        //  if(this.location.getState())
-        this._router.navigate([{ outlets: { main: null } }]);
     }
     prepareIds(formpanelCtrlrId, params) {
         this.formpanelCtrlrId = formpanelCtrlrId || params.formPanelCtrlrId;
@@ -11126,7 +11162,7 @@ class FormPageBaseComponent extends ContainerComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormPageBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: FormPageBaseComponent, isStandalone: false, selector: "bnrc-form-page-base", inputs: { formPanelCtrlr: "formPanelCtrlr", ShowFormPanelControl: "ShowFormPanelControl", RefreshFormPanelControl: "RefreshFormPanelControl", ForceCloseChild: "ForceCloseChild", ForceClose: "ForceClose" }, usesInheritance: true, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", ngImport: i0, type: FormPageBaseComponent, decorators: [{
             type: Component,
@@ -11138,14 +11174,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }], propDecorators: { formPanelCtrlr: [{
                 type: Input
-            }], ShowFormPanelControl: [{
-                type: Input
-            }], RefreshFormPanelControl: [{
-                type: Input
-            }], ForceCloseChild: [{
-                type: Input
-            }], ForceClose: [{
-                type: Input
             }] } });
 
 class FormComponent extends BaseComponent {
@@ -11167,6 +11195,7 @@ class FormComponent extends BaseComponent {
         this._activatedRoute = inject(ActivatedRoute);
         this._router = inject(Router);
         this._containerService = inject(ContainerService, { self: false, optional: true });
+        this._routingService = inject(RoutingService, { skipSelf: true, optional: true });
         el.nativeElement.id = this.uniqueId = getUniqueId(4);
     }
     ngOnInit() {
@@ -11248,9 +11277,9 @@ class FormComponent extends BaseComponent {
         formpanelCtrlr.UlvMainCtrlr = this.UlvMainCtrlr;
         formpanelCtrlr.Setting = formSetting;
         formpanelCtrlr.InlineEditInReport = this.inlineEditInReport;
-        if (this._containerService) {
-            this._containerService.FormPanelCtrlr = formpanelCtrlr;
-            formpanelCtrlr.Page = this._containerService;
+        if (this._routingService) {
+            this._routingService.FormPanelCtrlr = formpanelCtrlr;
+            formpanelCtrlr.Page = this._routingService;
         }
         const nav = this._router.getCurrentNavigation();
         formpanelCtrlr.FormRequestParams.state = nav?.extras.state;
@@ -11455,7 +11484,7 @@ class FormPageComponent extends FormPageBaseComponent {
         super.ngOnInit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: FormPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: FormPageComponent, isStandalone: false, selector: "bnrc-form-page", inputs: { formPanelCtrlr: "formPanelCtrlr" }, host: { properties: { "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass" } }, providers: [FormService, ContainerService], viewQueries: [{ propertyName: "_placeHolderTemplate", first: true, predicate: ["placeHolderTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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"
@@ -11481,7 +11510,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         </ng-template>
         <ng-container #containerRef> </ng-container>
         <router-outlet></router-outlet>
-    `, providers: [FormService, ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;background:var(--sapBackgroundColor)}\n"] }]
+    `, providers: [FormService, RoutingService, ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block;background:var(--sapBackgroundColor)}\n"] }]
         }], propDecorators: { _placeHolderTemplate: [{
                 type: ViewChild,
                 args: ['placeHolderTemplate', { static: true }]
@@ -11686,8 +11715,8 @@ class EmptyPageComponent extends PageWithFormHandlerBaseComponent {
         const isModal = this.settings?.IsModal;
         const isRelativePage = this._activatedRoute.snapshot.data?.pageData?.Component?.Settings?.IsRelativePage;
         if (isRelativePage || isModal) {
-            if (this._containerServiceParent) {
-                this._containerServiceParent.detachParent = false;
+            if (this._parentContainerService) {
+                this._parentContainerService.detachParent = false;
             }
             else {
                 this._log.error(nullOrUndefinedString('EmptyPageComponent=> _containerService'));
@@ -11706,7 +11735,7 @@ class EmptyPageComponent extends PageWithFormHandlerBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: EmptyPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: [ContainerService], usesInheritance: true, ngImport: i0, template: `<ng-container #containerRef></ng-container>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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 }); }
 }
@@ -11714,7 +11743,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             type: Component,
             args: [{ selector: 'bnrc-empty-page', template: `<ng-container #containerRef></ng-container>
         <router-outlet></router-outlet>
-        <router-outlet name="dialog"></router-outlet>`, providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
+        <router-outlet name="dialog"></router-outlet>`, providers: [RoutingService, ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
         }], propDecorators: { _position: [{
                 type: HostBinding,
                 args: ['style.position']
@@ -11741,8 +11770,8 @@ class MasterDetailsPageComponent extends PageWithFormHandlerBaseComponent {
         this.settings = BarsaApi.Common.Util.TryGetValue(this._activatedRoute, 'data._value.pageData.Component.Settings', null);
         const isModal = this.settings?.IsModal;
         if (isModal) {
-            if (this._containerServiceParent) {
-                this._containerServiceParent.detachParent = false;
+            if (this._parentContainerService) {
+                this._parentContainerService.detachParent = false;
             }
             else {
                 this._log.error(nullOrUndefinedString('EmptyPageComponent=> _containerService'));
@@ -11751,7 +11780,7 @@ class MasterDetailsPageComponent extends PageWithFormHandlerBaseComponent {
             this.ismodal = true;
         }
         super.ngOnInit();
-        this._containerServiceParent && (this._containerServiceParent.masterDetails = true);
+        this._routingService && (this._routingService.masterDetails = true);
         // if (!BarsaApi.LoginFormData.IsServiceDesk && !isModal) {
         //     this._position = 'initial';
         // }
@@ -11760,7 +11789,7 @@ class MasterDetailsPageComponent extends PageWithFormHandlerBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MasterDetailsPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: MasterDetailsPageComponent, isStandalone: false, selector: "bnrc-master-details-page", host: { properties: { "style.position": "this._position", "class.section": "this.sectionClass", "class.absolute-page": "this.absolutePageClass", "class.modal": "this.ismodal" } }, providers: [ContainerService], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: MasterDetailsPageComponent, isStandalone: false, selector: "bnrc-master-details-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: `
         <div class="tw-flex tw-h-full tw-w-full tw-flex-col md:tw-flex-row">
             <!-- لیست -->
             <div
@@ -11796,7 +11825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         </div>
         <router-outlet></router-outlet>
         <router-outlet name="dialog"></router-outlet>
-    `, providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
+    `, providers: [RoutingService, ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
         }], propDecorators: { _position: [{
                 type: HostBinding,
                 args: ['style.position']
@@ -11811,20 +11840,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 args: ['class.modal']
             }] } });
 
-class RedirectReportNavigatorCommandComponent extends BaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: RedirectReportNavigatorCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: RedirectReportNavigatorCommandComponent, isStandalone: false, selector: "bnrc-redirect-report-navigator-command", usesInheritance: true, ngImport: i0, template: "", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: RedirectReportNavigatorCommandComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'bnrc-redirect-report-navigator-command', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "" }]
-        }] });
-
 class PortalPageComponent extends PageWithFormHandlerBaseComponent {
-    constructor() {
-        super(...arguments);
-        this._routingService = inject(RoutingService);
-    }
     ngOnInit() {
         super.ngOnInit();
         this.addModulesToDom();
@@ -12128,7 +12144,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 
 class DynamicItemComponent extends BaseDynamicComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DynamicItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", ngImport: i0, type: DynamicItemComponent, decorators: [{
             type: Component,
@@ -12179,6 +12195,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }], isCheckList: [{
                 type: Input
+            }], maxHeightHeader: [{
+                type: Input
             }], fields: [{
                 type: Input
             }], isChecked: [{
@@ -12201,6 +12219,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }] } });
 
+class CardDynamicItemComponent extends DynamicItemComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardDynamicItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", 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: [{
+                type: Input
+            }], extendedHeaderTemplate: [{
+                type: Input
+            }] } });
+
 class BaseViewPropsComponent extends BaseComponent {
     constructor() {
         super(...arguments);
@@ -12367,7 +12398,7 @@ class BaseViewContentPropsComponent extends BaseViewPropsComponent {
         this.actionListClick = new EventEmitter();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseViewContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: BaseViewContentPropsComponent, isStandalone: false, selector: "bnrc-base-view-content-props", inputs: { moDataList: "moDataList", setting: "setting" }, outputs: { actionListClick: "actionListClick" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", ngImport: i0, type: BaseViewContentPropsComponent, decorators: [{
             type: Component,
@@ -12379,6 +12410,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }], propDecorators: { moDataList: [{
                 type: Input
+            }], maxHeightHeader: [{
+                type: Input
             }], setting: [{
                 type: Input
             }], actionListClick: [{
@@ -12824,7 +12857,7 @@ class BaseViewItemPropsComponent extends BaseViewPropsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseViewItemPropsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: BaseViewItemPropsComponent, isStandalone: false, selector: "bnrc-base-view-item-props", inputs: { checkboxComponent: "checkboxComponent", disableEllapsis: "disableEllapsis", isslider: "isslider", attachmentViewType: "attachmentViewType", contextMenuOverflowText: "contextMenuOverflowText", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", mo: "mo", moDataListCount: "moDataListCount", index: "index", last: "last", 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", coloringRow: "coloringRow", noSaveInlineEditInServer: "noSaveInlineEditInServer", rowIndicatorColor: "rowIndicatorColor", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: BaseViewItemPropsComponent, isStandalone: false, selector: "bnrc-base-view-item-props", inputs: { checkboxComponent: "checkboxComponent", disableEllapsis: "disableEllapsis", isslider: "isslider", attachmentViewType: "attachmentViewType", contextMenuOverflowText: "contextMenuOverflowText", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", mo: "mo", moDataListCount: "moDataListCount", index: "index", last: "last", 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", coloringRow: "coloringRow", noSaveInlineEditInServer: "noSaveInlineEditInServer", rowIndicatorColor: "rowIndicatorColor", 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: "20.0.6", ngImport: i0, type: BaseViewItemPropsComponent, decorators: [{
             type: Component,
@@ -12903,6 +12936,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }], rowIndicatorColor: [{
                 type: Input
+            }], maxHeightHeader: [{
+                type: Input
             }], UlvMainCtrlr: [{
                 type: Input
             }], fieldDict: [{
@@ -12928,9 +12963,26 @@ class BaseItemContentPropsComponent extends BaseComponent {
         this._cdr = inject(ChangeDetectorRef);
         this._el = inject(ElementRef);
         this._renderer2 = inject(Renderer2);
+        this._ulvMainService = inject(UlvMainService);
+    }
+    ngOnChanges(changes) {
+        super.ngOnChanges(changes);
+        let detectChanges = false;
+        Object.keys(changes).forEach((key) => {
+            if (!changes[key].firstChange) {
+                this[key] = changes[key].currentValue;
+                detectChanges = true;
+            }
+        });
+        if (detectChanges) {
+            this.detectChanges();
+        }
+    }
+    detectChanges() {
+        this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BaseItemContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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", UlvMainCtrlr: "UlvMainCtrlr" }, outputs: { events: "events" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", ngImport: i0, type: BaseItemContentPropsComponent, decorators: [{
             type: Component,
@@ -12994,10 +13046,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 type: Input
             }], typeDefId: [{
                 type: Input
+            }], maxHeightHeader: [{
+                type: Input
             }], UlvMainCtrlr: [{
                 type: Input
             }] } });
 
+class CardBaseItemContentPropsComponent extends BaseItemContentPropsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: CardBaseItemContentPropsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", ngImport: i0, type: CardBaseItemContentPropsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'bnrc-card-base-item-content-props',
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: false
+                }]
+        }], propDecorators: { columnTemplate: [{
+                type: Input
+            }], extendedHeaderTemplate: [{
+                type: Input
+            }] } });
+
 class BaseFormToolbaritemPropsComponent extends BaseComponent {
     constructor() {
         super(...arguments);
@@ -13343,11 +13415,12 @@ class RootPortalComponent extends PageBaseComponent {
         super(...arguments);
         this._dir = 'ltr';
         this.isRoot = true;
-        this.inLocalMode = true;
+        this.inLocalMode = signal(false);
     }
     ngOnInit() {
         super.ngOnInit();
-        this.inLocalMode = isInLocalMode();
+        this.addModulesToDom();
+        this.inLocalMode.set(isInLocalMode());
         this._portalService.rtl$.subscribe((c) => {
             this._dir = c ? 'rtl' : 'ltr';
         });
@@ -13423,7 +13496,7 @@ class RootPortalComponent extends PageBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: RootPortalComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: RootPortalComponent, isStandalone: false, selector: "bnrc-root-portal", host: { properties: { "attr.dir": "this._dir", "attr.devicesize": "this._deviceSize" } }, providers: [ContainerService], 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", 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: `
         <div
             class="tw-hidden grid-cols-0 tw-grid-cols-1 tw-grid-cols-2 tw-grid-cols-3 tw-grid-cols-4 tw-grid-cols-5 
             tw-grid-cols-6 tw-grid-cols-7 tw-grid-cols-8 tw-grid-cols-9 tw-grid-cols-10 tw-grid-cols-11 tw-grid-cols-12"
@@ -13447,7 +13520,7 @@ class RootPortalComponent extends PageBaseComponent {
             2xl:tw-grid-cols-4 2xl:tw-grid-cols-5 2xl:tw-grid-cols-6 2xl:tw-grid-cols-7 2xl:tw-grid-cols-8 2xl:tw-grid-cols-9 
             2xl:tw-grid-cols-10 2xl:tw-grid-cols-11 2xl:tw-grid-cols-12"
         ></div>
-        @if(inLocalMode){
+        @if(inLocalMode()){
         <div class="fd-toolbar" style="flex-wrap:wrap;padding:0.5rem;height:auto">
             <button class="fd-button fd-button--attention is-compact" (click)="onRemoveOfflineData()">
                 حذف اطلاعات آفلاین
@@ -13478,7 +13551,7 @@ class RootPortalComponent extends PageBaseComponent {
             </div>
         </div>
         }
-        <section loadExternalFiles class="section" id="mainpage" #sectionRef>
+        <section loadExternalFiles class="tw-invisible section" id="mainpage" #sectionRef>
             <div #containerRef></div>
         </section>
         <div class="page-wrapper">
@@ -13520,7 +13593,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             2xl:tw-grid-cols-4 2xl:tw-grid-cols-5 2xl:tw-grid-cols-6 2xl:tw-grid-cols-7 2xl:tw-grid-cols-8 2xl:tw-grid-cols-9 
             2xl:tw-grid-cols-10 2xl:tw-grid-cols-11 2xl:tw-grid-cols-12"
         ></div>
-        @if(inLocalMode){
+        @if(inLocalMode()){
         <div class="fd-toolbar" style="flex-wrap:wrap;padding:0.5rem;height:auto">
             <button class="fd-button fd-button--attention is-compact" (click)="onRemoveOfflineData()">
                 حذف اطلاعات آفلاین
@@ -13551,7 +13624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             </div>
         </div>
         }
-        <section loadExternalFiles class="section" id="mainpage" #sectionRef>
+        <section loadExternalFiles class="tw-invisible section" id="mainpage" #sectionRef>
             <div #containerRef></div>
         </section>
         <div class="page-wrapper">
@@ -13565,7 +13638,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         <bnrc-push-banner></bnrc-push-banner>
     `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    providers: [ContainerService],
                     standalone: false
                 }]
         }], propDecorators: { sectionRef: [{
@@ -14635,8 +14707,6 @@ class EllapsisTextDirective extends BaseDirective {
             entries.forEach((entry) => {
                 if (entry.target === this._el.nativeElement) {
                     this._widthChange$.next(entry.target.offsetWidth);
-                    //  console.log('width', entry);
-                    // console.log('height', entry.contentRect.height);
                 }
             });
         });
@@ -16466,6 +16536,102 @@ var barsaSapUiFormPage_module = /*#__PURE__*/Object.freeze({
     BarsaSapUiFormPageModule: BarsaSapUiFormPageModule
 });
 
+class ReportNavigatorComponent extends BaseComponent {
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor() {
+        super();
+        this.minheight = '100svh';
+        this._activatedRoute = inject(ActivatedRoute);
+        this._portalService = inject(PortalService);
+        this._applicationCtrlService = inject(ApplicationCtrlrService);
+        this._injector = inject(Injector);
+        this._cdr = inject(ChangeDetectorRef);
+        this._loadingSource = new BehaviorSubject(false);
+        this.loading$ = this._loadingSource.asObservable().pipe(takeUntil(this._onDestroy$), debounceTime(200));
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._activatedRoute.params
+            .pipe(takeUntil(this._onDestroy$), tap(() => this._setLoading(true)), map((params) => ({
+            Id: params.id.split('__')[0],
+            ReportId: params.id.split('__').length > 2 ? params.id.split('__')[2] : '',
+            ReportId2: params.id.split('__').length > 1 ? params.id.split('__')[1] : '',
+            isReportPage: params.id.split('__').length > 3 ? params.id.split('__')[3] : null
+        })), tap((c) => (c.isReportPage ? (this.minheight = 'auto') : '100vh')), tap((c) => (c.ReportId = !c.ReportId ? c.ReportId2 : c.ReportId)), tap((_c) => this.containerRef.clear()), tap((navItem) => this._applicationCtrlService.selectNavGroupItem(navItem.Id)), tap((navItem) => this._applicationCtrlService.selectedReportId(navItem.ReportId || navItem.ReportId2)), switchMap((navItem) => this._portalService
+            .renderUlvMainUi(navItem, this.containerRef, this._injector, navItem.isReportPage ? false : true)
+            .pipe(catchError((_err) => 
+        // this._location.back();
+        // return throwError(() => new Error(err));
+        of(true)))), tap((ulv) => this._setActiveReport(ulv)), finalize(() => {
+            this._setLoading(false);
+        }))
+            .subscribe(() => {
+            this._setLoading(false);
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        // this._applicationCtrlService.selectNavGroupItem('');
+        this._setActiveReport(null);
+    }
+    _setLoading(val) {
+        this._loadingSource.next(val);
+        this._cdr.detectChanges();
+    }
+    _setActiveReport(ulv) {
+        BarsaApi.Bw.App.GetActiveReport = () => {
+            if (ulv === null) {
+                return ulv;
+            }
+            return BarsaApi.Bw._wrap(ulv);
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ReportNavigatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: ReportNavigatorComponent, isStandalone: false, selector: "bnrc-report-navigator", host: { properties: { "style.min-height": "this.minheight" } }, 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: "20.0.6", 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: [{
+                type: ViewChild,
+                args: ['containerRef', { static: true, read: ViewContainerRef }]
+            }], minheight: [{
+                type: HostBinding,
+                args: ['style.min-height']
+            }] } });
+
+class ReportEmptyPageComponent extends PageWithFormHandlerBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._injecotr = inject(Injector);
+    }
+    ngOnInit() {
+        this.containerRef.insert(this.blockTemplate.createEmbeddedView(this, this._injecotr));
+        super.ngOnInit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ReportEmptyPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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>
+        <ng-container #containerRef></ng-container>
+        <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: "20.0.6", ngImport: i0, type: ReportEmptyPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bnrc-report-empty-page', template: `
+        <ng-template #block>
+            <bnrc-report-navigator></bnrc-report-navigator>
+        </ng-template>
+        <ng-container #containerRef></ng-container>
+        <router-outlet></router-outlet>
+    `, providers: [RoutingService, ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
+        }], propDecorators: { blockTemplate: [{
+                type: ViewChild,
+                args: ['block', { static: true }]
+            }] } });
+
 class BaseController {
     /**
      *
@@ -16554,35 +16720,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 args: ['class.mobile']
             }] } });
 
-class CustomRouteReuseStategy {
-    constructor() {
-        this.handlers = {};
-    }
+// دیکشنری برای نگهداری کامپوننت‌های Detach شده
+const routeStorage = {};
+const REUSE_PROPERTY = 'ReuseRoute';
+class CustomRouteReuseStrategy {
+    // تصمیم می‌گیرد که آیا یک روَت باید Detach و ذخیره شود یا نه.
+    // ما فقط روَت‌هایی را که در data مشخص شده‌اند، Detach می‌کنیم.
     shouldDetach(route) {
-        return route.data.shouldReuse || false;
+        // برای روَت‌های اصلی که می‌خواهید حفظ شوند
+        const isReuse = !!BarsaApi.Common.Util.TryGetValue(route, `data.pageData.${REUSE_PROPERTY}`);
+        return isReuse;
     }
+    // کامپوننت Detach شده را ذخیره می‌کند.
     store(route, handle) {
-        if (route.data.shouldReuse && route?.routeConfig?.path) {
-            this.handlers[route.routeConfig.path] = handle;
+        const isReuse = !!BarsaApi.Common.Util.TryGetValue(route, `data.pageData.${REUSE_PROPERTY}`);
+        if (route.routeConfig && isReuse) {
+            const keyPath = this._getKeyOfPath(route);
+            routeStorage[keyPath] = handle;
         }
     }
+    // تصمیم می‌گیرد که آیا کامپوننت ذخیره شده باید بازیابی (Attach) شود یا نه.
     shouldAttach(route) {
-        if (route.routeConfig?.path) {
-            return !!this.handlers[route.routeConfig.path];
-        }
-        // return !!route.routeConfig && !!this.handlers[route.routeConfig.path];
-        return false;
+        // اگر روَت در حافظه ذخیره شده و قرار بوده حفظ شود
+        const keyPath = this._getKeyOfPath(route);
+        return !!route.routeConfig && !!routeStorage[keyPath];
     }
+    // کامپوننت ذخیره شده را بازیابی می‌کند.
     retrieve(route) {
-        if (!route.routeConfig?.path) {
+        const isReuse = !!BarsaApi.Common.Util.TryGetValue(route, `data.pageData.${REUSE_PROPERTY}`);
+        if (!route.routeConfig || !isReuse) {
             return null;
         }
-        return this.handlers[route.routeConfig.path];
+        const keyPath = this._getKeyOfPath(route);
+        return routeStorage[keyPath] || null;
     }
-    shouldReuseRoute(future
-    // curr: ActivatedRouteSnapshot
-    ) {
-        return future.data.shouldReuse || false;
+    // مهم‌ترین بخش: تصمیم می‌گیرد که آیا روَت فعلی باید برای روَت آینده بازاستفاده شود یا نه.
+    // اگر از یک روَت به روَت دیگری برویم (مثل 'Page1' به 'Page2')، این باید 'false' باشد تا بتواند Detach شود.
+    // اما اگر پارامترها و Query Params یکسان باشند، شاید بخواهید 'true' باشد.
+    // برای حالت شما (نویگیشن بین روَت‌های اصلی)، معمولاً 'false' است مگر اینکه روَت‌ها کاملاً یکسان باشند.
+    shouldReuseRoute(future, curr) {
+        // این کار باعث می‌شود روَت‌های خواهر (sibling) به عنوان روَت‌های جدید در نظر گرفته شوند
+        // تا بتوانند Detach و Attach شوند.
+        return future.routeConfig === curr.routeConfig;
+    }
+    _getKeyOfPath(route) {
+        const x = BarsaApi.Common.Util.TryGetValue(route, `data.pageData.ParentRoute`);
+        const y = BarsaApi.Common.Util.TryGetValue(route, `data.pageData.Route`);
+        const keyPath = `${x}${y}`;
+        return keyPath;
     }
 }
 
@@ -16593,11 +16778,11 @@ class RootPageComponent extends BaseComponent {
         this.viewContainerRef = inject(ViewContainerRef);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: RootPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: RootPageComponent, isStandalone: false, selector: "bnrc-root-page", host: { properties: { "class.page-content": "this._pageContent" } }, usesInheritance: true, ngImport: i0, template: "<router-outlet></router-outlet>\r\n<router-outlet name=\"main\"></router-outlet>\r\n", 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", 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: "20.0.6", ngImport: i0, type: RootPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bnrc-root-page', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<router-outlet></router-outlet>\r\n<router-outlet name=\"main\"></router-outlet>\r\n", styles: [":host{position:relative;display:block}\n"] }]
+            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: [{
                 type: HostBinding,
                 args: ['class.page-content']
@@ -16614,10 +16799,7 @@ class ResizableDirective {
         this.resizable = fromEvent(this.elementRef.nativeElement, 'mousedown').pipe(tap((e) => e.preventDefault()), switchMap(() => {
             const elDom = this.elementRef.nativeElement;
             const { width, right, left } = elDom.closest('th').getBoundingClientRect();
-            return fromEvent(this.documentRef, 'mousemove').pipe(
-            // tap(({ clientX }) => console.log(width, clientX, left, width + left - clientX)),
-            // tap(({ clientX }) => console.log('rtl', this.rtl)),
-            map(({ clientX }) => (this.rtl ? width + left - clientX : width + clientX - right)), distinctUntilChanged(), takeUntil(fromEvent(this.documentRef, 'mouseup').pipe(tap((_c) => this.resizableComplete.emit()))));
+            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: "20.0.6", ngImport: i0, type: ResizableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -17068,21 +17250,23 @@ const components = [
     ModalRootComponent,
     PortalPageComponent,
     PortalPageSidebarComponent,
-    RedirectReportNavigatorCommandComponent,
     EmptyPageWithRouterAndRouterOutletComponent,
     DynamicItemComponent,
+    CardDynamicItemComponent,
     DynamicFormComponent,
     BaseDynamicComponent,
     DynamicFormToolbaritemComponent,
     DynamicLayoutComponent,
     EmptyPageComponent,
+    ReportEmptyPageComponent,
     MasterDetailsPageComponent,
     FormPageComponent,
     FormFieldReportPageComponent,
     ButtonLoadingComponent,
     UnlimitSessionComponent,
     DynamicTileGroupComponent,
-    PushBannerComponent
+    PushBannerComponent,
+    ReportNavigatorComponent
 ];
 const directives = [
     PlaceHolderDirective,
@@ -17289,7 +17473,7 @@ class BarsaNovinRayCoreModule extends BaseModule {
                         }))
                             .catch((_) => {
                             if (!inLocalMode && !navigator.onLine) {
-                                console.log('no-internet');
+                                console.error('internet is not connected.');
                                 router.navigate(['no-internet']);
                             }
                             else {
@@ -17313,6 +17497,10 @@ class BarsaNovinRayCoreModule extends BaseModule {
                     })(inject(NotificationService));
                     return initializerFn();
                 }),
+                {
+                    provide: RouteReuseStrategy,
+                    useClass: CustomRouteReuseStrategy
+                },
                 ...pipes,
                 ...services
             ]
@@ -17329,21 +17517,23 @@ class BarsaNovinRayCoreModule extends BaseModule {
             ModalRootComponent,
             PortalPageComponent,
             PortalPageSidebarComponent,
-            RedirectReportNavigatorCommandComponent,
             EmptyPageWithRouterAndRouterOutletComponent,
             DynamicItemComponent,
+            CardDynamicItemComponent,
             DynamicFormComponent,
             BaseDynamicComponent,
             DynamicFormToolbaritemComponent,
             DynamicLayoutComponent,
             EmptyPageComponent,
+            ReportEmptyPageComponent,
             MasterDetailsPageComponent,
             FormPageComponent,
             FormFieldReportPageComponent,
             ButtonLoadingComponent,
             UnlimitSessionComponent,
             DynamicTileGroupComponent,
-            PushBannerComponent, NumeralPipe,
+            PushBannerComponent,
+            ReportNavigatorComponent, NumeralPipe,
             CanUploadFilePipe,
             RemoveNewlinePipe,
             ConvertToStylePipe,
@@ -17466,21 +17656,23 @@ class BarsaNovinRayCoreModule extends BaseModule {
             ModalRootComponent,
             PortalPageComponent,
             PortalPageSidebarComponent,
-            RedirectReportNavigatorCommandComponent,
             EmptyPageWithRouterAndRouterOutletComponent,
             DynamicItemComponent,
+            CardDynamicItemComponent,
             DynamicFormComponent,
             BaseDynamicComponent,
             DynamicFormToolbaritemComponent,
             DynamicLayoutComponent,
             EmptyPageComponent,
+            ReportEmptyPageComponent,
             MasterDetailsPageComponent,
             FormPageComponent,
             FormFieldReportPageComponent,
             ButtonLoadingComponent,
             UnlimitSessionComponent,
             DynamicTileGroupComponent,
-            PushBannerComponent, NumeralPipe,
+            PushBannerComponent,
+            ReportNavigatorComponent, NumeralPipe,
             CanUploadFilePipe,
             RemoveNewlinePipe,
             ConvertToStylePipe,
@@ -17618,5 +17810,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_VERSION, AbsoluteDivBodyDirective, AddDynamicFormStyles, AffixRespondEvents, AllFilesMimeType, AnchorScrollDirective, ApiService, ApplicationBaseComponent, ApplicationCtrlrService, AttrRtlDirective, AudioMimeType, AudioRecordingService, AuthGuard, BarsaApi, BarsaDialogService, BarsaIconDictPipe, BarsaNovinRayCoreModule, BarsaReadonlyDirective, BarsaSapUiFormPageModule, BarsaStorageService, BaseColumnPropsComponent, BaseComponent, BaseController, BaseDirective, BaseDynamicComponent, BaseFormToolbaritemPropsComponent, BaseItemContentPropsComponent, BaseModule, BaseReportModel, BaseUlvSettingComponent, BaseViewContentPropsComponent, BaseViewItemPropsComponent, BaseViewPropsComponent, BbbTranslatePipe, BodyClickDirective, BoolControlInfoModel, BreadcrumbService, ButtonLoadingComponent, CalculateControlInfoModel, CanUploadFilePipe, CardMediaSizePipe, ChangeLayoutInfoCustomUi, ChunkArrayPipe, CodeEditorControlInfoModel, ColSetting, ColumnCustomComponentPipe, ColumnCustomUiPipe, ColumnIconPipe, ColumnResizerDirective, ColumnService, ColumnValueDirective, ColumnValueOfParametersPipe, ColumnValuePipe, ComboRowImagePipe, CommandControlInfoModel, ContainerComponent, ContainerService, ContextMenuPipe, ControlUiPipe, ConvertToStylePipe, CopyDirective, CountDownDirective, CustomCommand, CustomInjector, CustomRouteReuseStategy, DIALOG_SERVICE, DateHijriService, DateMiladiService, DateRanges, DateService, DateShamsiService, DateTimeControlInfoModel, DeviceWidth, DialogParams, DynamicCommandDirective, DynamicComponentService, DynamicDarkColorPipe, DynamicFormComponent, DynamicFormToolbaritemComponent, DynamicItemComponent, DynamicLayoutComponent, DynamicRootVariableDirective, DynamicStyleDirective, DynamicTileGroupComponent, EllapsisTextDirective, EllipsifyDirective, EmptyPageComponent, EmptyPageWithRouterAndRouterOutletComponent, EnumControlInfoModel, ExecuteDynamicCommand, ExecuteWorkflowChoiceDef, FORM_DIALOG_COMPONENT, FieldBaseComponent, FieldDirective, FieldInfoTypeEnum, FieldUiComponent, FileControlInfoModel, FileInfoCountPipe, FilePictureInfoModel, FilesValidationHelper, FillAllLayoutControls, FillEmptySpaceDirective, FilterColumnsByDetailsPipe, FilterInlineActionListPipe, FilterPipe, FilterStringPipe, FilterTabPipe, FilterToolbarControlPipe, FilterWorkflowInMobilePipe, FindColumnByDbNamePipe, FindGroup, FindLayoutSettingFromLayout94, FindPreviewColumnPipe, FindToolbarItem, FioriIconPipe, FormBaseComponent, FormCloseDirective, FormComponent, FormFieldReportPageComponent, FormNewComponent, FormPageBaseComponent, FormPageComponent, FormPanelService, FormPropsBaseComponent, FormService, FormToolbarBaseComponent, GaugeControlInfoModel, GeneralControlInfoModel, GetAllColumnsSorted, GetAllHorizontalFromLayout94, GetDefaultMoObjectInfo, GetImgTags, GetVisibleValue, GridSetting, GroupBy, GroupByPipe, GroupByService, HeaderFacetValuePipe, HideAcceptCancelButtonsPipe, HideColumnsInmobilePipe, HistoryControlInfoModel, HorizontalLayoutService, HorizontalResponsiveDirective, IconControlInfoModel, IdbService, ImageLazyDirective, ImageMimeType, ImagetoPrint, InMemoryStorageService, IndexedDbService, InputNumber, IntersectionObserverDirective, IntersectionStatus, IsDarkMode, IsExpandedNodePipe, IsImagePipe, ItemsRendererDirective, LabelStarTrimPipe, LabelmandatoryDirective, LayoutItemBaseComponent, LayoutMainContentService, LayoutPanelBaseComponent, LayoutService, LeafletLongPressDirective, LinearListControlInfoModel, LinearListHelper, ListCountPipe, ListRelationModel, LoadExternalFilesDirective, LocalStorageService, LogService, LoginSettingsResolver, MapToChatMessagePipe, MasterDetailsPageComponent, MeasureFormTitleWidthDirective, MergeFieldsToColumnsPipe, MetaobjectDataModel, MetaobjectRelationModel, MoForReportModel, MoForReportModelBase, MoInfoUlvMoListPipe, MoInfoUlvPagingPipe, MoReportValueConcatPipe, MoReportValuePipe, MoValuePipe, MobileDirective, ModalRootComponent, MultipleGroupByPipe, NOTIFICATAION_POPUP_SERVER, NOTIFICATION_WEBWORKER_FACTORY, NetworkStatusService, NotFoundComponent, NotificationService, NowraptextDirective, NumberBaseComponent, NumberControlInfoModel, NumbersOnlyInputDirective, NumeralPipe, OverflowTextDirective, PageBaseComponent, PageWithFormHandlerBaseComponent, PdfMimeType, PictureFieldSourcePipe, PictureFileControlInfoModel, PlaceHolderDirective, PortalDynamicPageResolver, PortalFormPageResolver, PortalPageComponent, PortalPageResolver, PortalPageSidebarComponent, PortalReportPageResolver, PortalService, PreventDefaulEvent, PreventDefaultDirective, PrintFilesDirective, PrintImage, PromptUpdateService, PushBannerComponent, PushCheckService, PushNotificationService, RabetehAkseTakiListiControlInfoModel, RedirectHomeGuard, RedirectReportNavigatorCommandComponent, RelatedReportControlInfoModel, RelationListControlInfoModel, RemoveDynamicFormStyles, RemoveNewlinePipe, RenderUlvDirective, RenderUlvPaginDirective, RenderUlvViewerDirective, ReplacePipe, ReportBaseComponent, ReportBaseInfo, ReportCalendarModel, ReportContainerComponent, ReportExtraInfo, ReportField, ReportFormModel, ReportItemBaseComponent, ReportListModel, ReportModel, ReportTreeModel, ReportViewBaseComponent, ReportViewColumn, ResizableComponent, ResizableDirective, ResizableModule, ResizeHandlerDirective, ResizeObserverDirective, ReversePipe, RichStringControlInfoModel, RootPageComponent, RootPortalComponent, RouteFormChangeDirective, RoutingService, RowDataOption, RowNumberPipe, SafeBottomDirective, SanitizeTextPipe, SaveImageDirective, SaveImageToFile, SaveScrollPositionService, ScrollPersistDirective, ScrollToSelectedDirective, SelectionMode, SeperatorFixPipe, ServiceWorkerCommuncationService, ServiceWorkerNotificationService, ShellbarHeightService, ShortcutHandlerDirective, ShortcutRegisterDirective, SimplebarDirective, SingleRelationControlInfoModel, SortDirection, SortPipe, SortSetting, SplideSliderDirective, SplitPipe, StopPropagationDirective, StringControlInfoModel, StringToNumberPipe, SubformControlInfoModel, SystemBaseComponent, TOAST_SERVICE, TableHeaderWidthMode, TableResizerDirective, TabpageService, ThImageOrIconePipe, TileGroupBreadcrumResolver, TilePropsComponent, TlbButtonsPipe, ToolbarSettingsPipe, TooltipDirective, TotalSummaryPipe, UiService, UlvCommandDirective, UlvMainService, UnlimitSessionComponent, UntilInViewDirective, UploadService, VideoMimeType, VideoRecordingService, ViewBase, VisibleValuePipe, WebOtpDirective, WordMimeType, WorfkflowwChoiceCommandDirective, addCssVariableToRoot, availablePrefixes, calcContextMenuWidth, calculateColumnContent, calculateColumnWidth, calculateColumnWidthFitToContainer, calculateFreeColumnSize, calculateMoDataListContentWidthByColumnName, cancelRequestAnimationFrame, createFormPanelMetaConditions, createGridEditorFormPanel, easeInOutCubic, elementInViewport2, enumValueToStringSize, executeUlvCommandHandler, flattenTree, forbiddenValidator, formRoutes, formatBytes, fromEntries, fromIntersectionObserver, genrateInlineMoId, getAllItemsPerChildren, getColumnValueOfMoDataList, getComponentDefined, getControlList, getControlSizeMode, getDateService, getDeviceIsDesktop, getDeviceIsMobile, getDeviceIsPhone, getDeviceIsTablet, getFieldValue, getFocusableTagNames, getFormSettings, getGridSettings, getHeaderValue, getIcon, getImagePath, getLabelWidth, getLayout94ObjectInfo, getLayoutControl, getNewMoGridEditor, getParentHeight, getRequestAnimationFrame, getResetGridSettings, getTargetRect, getUniqueId, getValidExtension, isFF, isFirefox, isFunction, isImage, isInLocalMode, isSafari, isTargetWindow, measureText, measureText2, measureTextBy, mobile_regex, nullOrUndefinedString, number_only, requestAnimationFramePolyfill, setColumnWidthByMaxMoContentWidth, setOneDepthLevel, setTableThWidth, shallowEqual, stopPropagation, throwIfAlreadyLoaded, toNumber, validateAllFormFields };
+export { APP_VERSION, AbsoluteDivBodyDirective, AddDynamicFormStyles, AffixRespondEvents, AllFilesMimeType, AnchorScrollDirective, ApiService, ApplicationBaseComponent, ApplicationCtrlrService, AttrRtlDirective, AudioMimeType, AudioRecordingService, AuthGuard, BarsaApi, BarsaDialogService, BarsaIconDictPipe, BarsaNovinRayCoreModule, BarsaReadonlyDirective, BarsaSapUiFormPageModule, BarsaStorageService, BaseColumnPropsComponent, BaseComponent, BaseController, BaseDirective, BaseDynamicComponent, BaseFormToolbaritemPropsComponent, BaseItemContentPropsComponent, BaseModule, BaseReportModel, BaseUlvSettingComponent, BaseViewContentPropsComponent, BaseViewItemPropsComponent, BaseViewPropsComponent, BbbTranslatePipe, BodyClickDirective, BoolControlInfoModel, BreadcrumbService, ButtonLoadingComponent, CalculateControlInfoModel, CanUploadFilePipe, CardBaseItemContentPropsComponent, CardDynamicItemComponent, CardMediaSizePipe, CardViewService, ChangeLayoutInfoCustomUi, ChunkArrayPipe, CodeEditorControlInfoModel, ColSetting, ColumnCustomComponentPipe, ColumnCustomUiPipe, ColumnIconPipe, ColumnResizerDirective, ColumnService, ColumnValueDirective, ColumnValueOfParametersPipe, ColumnValuePipe, ComboRowImagePipe, CommandControlInfoModel, ContainerComponent, ContainerService, ContextMenuPipe, ControlUiPipe, ConvertToStylePipe, CopyDirective, CountDownDirective, CustomCommand, CustomInjector, CustomRouteReuseStrategy, DIALOG_SERVICE, DateHijriService, DateMiladiService, DateRanges, DateService, DateShamsiService, DateTimeControlInfoModel, DeviceWidth, DialogParams, DynamicCommandDirective, DynamicComponentService, DynamicDarkColorPipe, DynamicFormComponent, DynamicFormToolbaritemComponent, DynamicItemComponent, DynamicLayoutComponent, DynamicRootVariableDirective, DynamicStyleDirective, DynamicTileGroupComponent, EllapsisTextDirective, EllipsifyDirective, EmptyPageComponent, EmptyPageWithRouterAndRouterOutletComponent, EnumControlInfoModel, ExecuteDynamicCommand, ExecuteWorkflowChoiceDef, FORM_DIALOG_COMPONENT, FieldBaseComponent, FieldDirective, FieldInfoTypeEnum, FieldUiComponent, FileControlInfoModel, FileInfoCountPipe, FilePictureInfoModel, FilesValidationHelper, FillAllLayoutControls, FillEmptySpaceDirective, FilterColumnsByDetailsPipe, FilterInlineActionListPipe, FilterPipe, FilterStringPipe, FilterTabPipe, FilterToolbarControlPipe, FilterWorkflowInMobilePipe, FindColumnByDbNamePipe, FindGroup, FindLayoutSettingFromLayout94, FindPreviewColumnPipe, FindToolbarItem, FioriIconPipe, FormBaseComponent, FormCloseDirective, FormComponent, FormFieldReportPageComponent, FormNewComponent, FormPageBaseComponent, FormPageComponent, FormPanelService, FormPropsBaseComponent, FormService, FormToolbarBaseComponent, GaugeControlInfoModel, GeneralControlInfoModel, GetAllColumnsSorted, GetAllHorizontalFromLayout94, GetDefaultMoObjectInfo, GetImgTags, GetVisibleValue, GridSetting, GroupBy, GroupByPipe, GroupByService, HeaderFacetValuePipe, HideAcceptCancelButtonsPipe, HideColumnsInmobilePipe, HistoryControlInfoModel, HorizontalLayoutService, HorizontalResponsiveDirective, IconControlInfoModel, IdbService, ImageLazyDirective, ImageMimeType, ImagetoPrint, InMemoryStorageService, IndexedDbService, InputNumber, IntersectionObserverDirective, IntersectionStatus, IsDarkMode, IsExpandedNodePipe, IsImagePipe, ItemsRendererDirective, LabelStarTrimPipe, LabelmandatoryDirective, LayoutItemBaseComponent, LayoutMainContentService, LayoutPanelBaseComponent, LayoutService, LeafletLongPressDirective, LinearListControlInfoModel, LinearListHelper, ListCountPipe, ListRelationModel, LoadExternalFilesDirective, LocalStorageService, LogService, LoginSettingsResolver, MapToChatMessagePipe, MasterDetailsPageComponent, MeasureFormTitleWidthDirective, MergeFieldsToColumnsPipe, MetaobjectDataModel, MetaobjectRelationModel, MoForReportModel, MoForReportModelBase, MoInfoUlvMoListPipe, MoInfoUlvPagingPipe, MoReportValueConcatPipe, MoReportValuePipe, MoValuePipe, MobileDirective, ModalRootComponent, MultipleGroupByPipe, NOTIFICATAION_POPUP_SERVER, NOTIFICATION_WEBWORKER_FACTORY, NetworkStatusService, NotFoundComponent, NotificationService, NowraptextDirective, NumberBaseComponent, NumberControlInfoModel, NumbersOnlyInputDirective, NumeralPipe, OverflowTextDirective, PageBaseComponent, PageWithFormHandlerBaseComponent, PdfMimeType, PictureFieldSourcePipe, PictureFileControlInfoModel, PlaceHolderDirective, PortalDynamicPageResolver, PortalFormPageResolver, PortalPageComponent, PortalPageResolver, PortalPageSidebarComponent, PortalReportPageResolver, PortalService, PreventDefaulEvent, PreventDefaultDirective, PrintFilesDirective, PrintImage, PromptUpdateService, PushBannerComponent, PushCheckService, PushNotificationService, RabetehAkseTakiListiControlInfoModel, RedirectHomeGuard, RelatedReportControlInfoModel, RelationListControlInfoModel, RemoveDynamicFormStyles, RemoveNewlinePipe, RenderUlvDirective, RenderUlvPaginDirective, RenderUlvViewerDirective, ReplacePipe, ReportBaseComponent, ReportBaseInfo, ReportCalendarModel, ReportContainerComponent, ReportEmptyPageComponent, ReportExtraInfo, ReportField, ReportFormModel, ReportItemBaseComponent, ReportListModel, ReportModel, ReportNavigatorComponent, ReportTreeModel, ReportViewBaseComponent, ReportViewColumn, ResizableComponent, ResizableDirective, ResizableModule, ResizeHandlerDirective, ResizeObserverDirective, ReversePipe, RichStringControlInfoModel, RootPageComponent, RootPortalComponent, RotateImage, RouteFormChangeDirective, RoutingService, RowDataOption, RowNumberPipe, SafeBottomDirective, SanitizeTextPipe, SaveImageDirective, SaveImageToFile, SaveScrollPositionService, ScrollPersistDirective, ScrollToSelectedDirective, SelectionMode, SeperatorFixPipe, ServiceWorkerCommuncationService, ServiceWorkerNotificationService, ShellbarHeightService, ShortcutHandlerDirective, ShortcutRegisterDirective, SimplebarDirective, SingleRelationControlInfoModel, SortDirection, SortPipe, SortSetting, SplideSliderDirective, SplitPipe, StopPropagationDirective, StringControlInfoModel, StringToNumberPipe, SubformControlInfoModel, SystemBaseComponent, TOAST_SERVICE, TableHeaderWidthMode, TableResizerDirective, TabpageService, ThImageOrIconePipe, TileGroupBreadcrumResolver, TilePropsComponent, TlbButtonsPipe, ToolbarSettingsPipe, TooltipDirective, TotalSummaryPipe, UiService, UlvCommandDirective, UlvMainService, UnlimitSessionComponent, UntilInViewDirective, UploadService, VideoMimeType, VideoRecordingService, ViewBase, VisibleValuePipe, WebOtpDirective, WordMimeType, WorfkflowwChoiceCommandDirective, addCssVariableToRoot, availablePrefixes, calcContextMenuWidth, calculateColumnContent, calculateColumnWidth, calculateColumnWidthFitToContainer, calculateFreeColumnSize, calculateMoDataListContentWidthByColumnName, cancelRequestAnimationFrame, createFormPanelMetaConditions, createGridEditorFormPanel, easeInOutCubic, elementInViewport2, enumValueToStringSize, executeUlvCommandHandler, flattenTree, forbiddenValidator, formRoutes, formatBytes, fromEntries, fromIntersectionObserver, genrateInlineMoId, getAllItemsPerChildren, getColumnValueOfMoDataList, getComponentDefined, getControlList, getControlSizeMode, getDateService, getDeviceIsDesktop, getDeviceIsMobile, getDeviceIsPhone, getDeviceIsTablet, getFieldValue, getFocusableTagNames, getFormSettings, getGridSettings, getHeaderValue, getIcon, getImagePath, getLabelWidth, getLayout94ObjectInfo, getLayoutControl, getNewMoGridEditor, getParentHeight, getRequestAnimationFrame, getResetGridSettings, getTargetRect, getUniqueId, getValidExtension, isFF, isFirefox, isFunction, isImage, isInLocalMode, isSafari, isTargetWindow, measureText, measureText2, measureTextBy, mobile_regex, nullOrUndefinedString, number_only, requestAnimationFramePolyfill, setColumnWidthByMaxMoContentWidth, setOneDepthLevel, setTableThWidth, shallowEqual, stopPropagation, throwIfAlreadyLoaded, toNumber, validateAllFormFields };
 //# sourceMappingURL=barsa-novin-ray-core.mjs.map