barsa-novin-ray-core 2.3.53 → 2.3.54

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, inject, ElementRef, Input, ChangeDetectionStrategy, Component, Pipe, ComponentFactoryResolver, Injector, ApplicationRef, Compiler, DOCUMENT, NgModuleFactory, InjectionToken, NgZone, EventEmitter, ChangeDetectorRef, Renderer2, HostBinding, Output, HostListener, ViewContainerRef, ViewChild, signal, 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, tap as tap$1, concatMap as concatMap$1, catchError as catchError$1, finalize as finalize$1, Observable, takeUntil as takeUntil$1, timer, debounceTime as debounceTime$1, mergeWith, Subscription } from 'rxjs';
+import { Subject, from, BehaviorSubject, of, exhaustMap, map as map$1, combineLatest, withLatestFrom as withLatestFrom$1, fromEvent, forkJoin, takeUntil as takeUntil$1, throwError, merge, interval, filter as filter$1, tap as tap$1, concatMap as concatMap$1, catchError as catchError$1, finalize as finalize$1, Observable, timer, debounceTime as debounceTime$1, mergeWith, Subscription } from 'rxjs';
 import * as i1 from '@angular/router';
 import { Router, NavigationEnd, ActivatedRoute, NavigationStart, RouterEvent, RouterModule } from '@angular/router';
 import { DomSanitizer, Title } from '@angular/platform-browser';
@@ -4839,121 +4839,6 @@ class FormService {
     }
 }
 
-class ContainerService {
-    /** Inserted by Angular inject() migration for backwards compatibility */
-    constructor() {
-        this.oldActiveSystem = null;
-        this.detachParent = true;
-        this._activatedRoute = inject(ActivatedRoute);
-        this._parentService = inject(ContainerService, { skipSelf: true, optional: true });
-        this._scrollTop = 0;
-        this._el = inject(ElementRef);
-        // console.log(this);
-    }
-    ngOnDestroy() {
-        if (this._parentService && this.detachParent) {
-            this._parentService.insert();
-        }
-    }
-    setViewContainerRef(viewContainerRef) {
-        this._viewContainerRef = viewContainerRef;
-        if (this._parentService && this.detachParent) {
-            this._parentService.detach();
-        }
-    }
-    detach() {
-        this._setScrollPosition();
-        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();
-        }
-    }
-    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);
-    }
-    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() {
@@ -6346,6 +6231,151 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+class ContainerService {
+    constructor() {
+        this.oldActiveSystem = null;
+        this.detachParent = true;
+        this.masterDetails = false;
+        this.isMobile = getDeviceIsMobile();
+        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$));
+    }
+    /** 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;
+        if (this._parentService && this.detachParent) {
+            this._parentService.detach();
+        }
+    }
+    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._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();
+        }
+    }
+    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);
+    }
+    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 UiService {
     constructor() {
         this.tabSelected = new Subject();
@@ -9333,6 +9363,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class ContainerComponent extends BaseComponent {
     constructor() {
         super();
+        this.isMobile = getDeviceIsMobile();
         this.id = getUniqueId(6);
         this._activatedRoute = inject(ActivatedRoute);
         this._portalService = inject(PortalService);
@@ -9347,6 +9378,7 @@ class ContainerComponent extends BaseComponent {
         this._formDialogComponent = inject(FORM_DIALOG_COMPONENT, { optional: true });
         this.oldContainerContainer = this._barsaDialogService.containerComponent;
         this._barsaDialogService.containerComponent = this;
+        this._portalService.deviceSize$.pipe(takeUntil$1(this._onDestroy$)).subscribe((c) => (this.deviceSize = c));
     }
     get injector() {
         return this._injector;
@@ -9361,12 +9393,8 @@ class ContainerComponent extends BaseComponent {
         this.parentContainer = BarsaApi.Bw.FormHandler;
         BarsaApi.Bw.FormHandler = this;
         this.oldNavigation = BarsaApi.Bw.Navigate;
-        BarsaApi.Bw.Navigate = (navigation, isRelative, queryParams) => {
-            this._router.navigate(navigation, {
-                relativeTo: isRelative ? this._activatedRoute : null,
-                queryParams,
-                preserveFragment: true
-            });
+        BarsaApi.Bw.Navigate = (navigation, isRelative, queryParams, data) => {
+            this._containerService?.navigate(navigation, isRelative, queryParams, data);
         };
         super.ngOnInit();
         if (this._containerService) {
@@ -10801,6 +10829,9 @@ class FormComponent extends BaseComponent {
         this.cdr = inject(ChangeDetectorRef);
         this.portalService = inject(PortalService);
         this.injector = inject(Injector);
+        this._activatedRoute = inject(ActivatedRoute);
+        this._router = inject(Router);
+        this._containerService = inject(ContainerService, { self: false, optional: true });
         el.nativeElement.id = this.uniqueId = getUniqueId(4);
     }
     ngOnInit() {
@@ -10880,6 +10911,11 @@ class FormComponent extends BaseComponent {
         formpanelCtrlr.UlvMainCtrlr = this.UlvMainCtrlr;
         formpanelCtrlr.Setting = formSetting;
         formpanelCtrlr.InlineEditInReport = this.inlineEditInReport;
+        formpanelCtrlr.FormRequestParams.Params = this._activatedRoute.snapshot.params;
+        formpanelCtrlr.FormRequestParams.QueryParams = this._activatedRoute.snapshot.queryParams;
+        formpanelCtrlr.ContainerService = this._containerService;
+        const nav = this._router.getCurrentNavigation();
+        formpanelCtrlr.FormRequestParams.state = nav?.extras.state;
         formpanelCtrlr.on({
             BeforeTransition: () => this.beforeTransition.emit(),
             AfterTransition: (_sender, e) => this.afterTransition.emit(e),
@@ -11304,13 +11340,16 @@ class EmptyPageComponent extends PageWithFormHandlerBaseComponent {
     ngOnInit() {
         this.settings = BarsaApi.Common.Util.TryGetValue(this._activatedRoute, 'data._value.pageData.Component.Settings', null);
         const isModal = this.settings?.IsModal;
-        if (isModal) {
+        const isRelativePage = this._activatedRoute.snapshot.data?.pageData?.Component?.Settings?.IsRelativePage;
+        if (isRelativePage || isModal) {
             if (this._containerService) {
                 this._containerService.detachParent = false;
             }
             else {
                 this._log.error(nullOrUndefinedString('EmptyPageComponent=> _containerService'));
             }
+        }
+        if (isModal) {
             this._position = 'absolute';
             this.ismodal = true;
         }
@@ -11318,16 +11357,102 @@ class EmptyPageComponent extends PageWithFormHandlerBaseComponent {
         // if (!BarsaApi.LoginFormData.IsServiceDesk && !isModal) {
         //     this._position = 'initial';
         // }
-        if (this._activatedRoute.snapshot.data?.pageData?.Component?.Settings?.IsRelativePage && !isModal) {
+        if (isRelativePage && !isModal) {
             this._position = 'initial';
         }
     }
     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>\r\n<router-outlet></router-outlet>\r\n<router-outlet name=\"dialog\"></router-outlet>\r\n", 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 }); }
+    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>
+        <router-outlet></router-outlet>
+        <router-outlet name="dialog"></router-outlet>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: EmptyPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bnrc-empty-page', providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container #containerRef></ng-container>\r\n<router-outlet></router-outlet>\r\n<router-outlet name=\"dialog\"></router-outlet>\r\n", styles: [":host{display:block}\n"] }]
+            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"] }]
+        }], propDecorators: { _position: [{
+                type: HostBinding,
+                args: ['style.position']
+            }], sectionClass: [{
+                type: HostBinding,
+                args: ['class.section']
+            }], absolutePageClass: [{
+                type: HostBinding,
+                args: ['class.absolute-page']
+            }], ismodal: [{
+                type: HostBinding,
+                args: ['class.modal']
+            }] } });
+
+class MasterDetailsPageComponent extends PageWithFormHandlerBaseComponent {
+    constructor() {
+        super(...arguments);
+        this._position = null;
+        this.sectionClass = true;
+        this.absolutePageClass = true;
+        this.ismodal = false;
+    }
+    ngOnInit() {
+        this.settings = BarsaApi.Common.Util.TryGetValue(this._activatedRoute, 'data._value.pageData.Component.Settings', null);
+        const isModal = this.settings?.IsModal;
+        if (isModal) {
+            if (this._containerService) {
+                this._containerService.detachParent = false;
+            }
+            else {
+                this._log.error(nullOrUndefinedString('EmptyPageComponent=> _containerService'));
+            }
+            this._position = 'absolute';
+            this.ismodal = true;
+        }
+        super.ngOnInit();
+        this._containerService && (this._containerService.masterDetails = true);
+        // if (!BarsaApi.LoginFormData.IsServiceDesk && !isModal) {
+        //     this._position = 'initial';
+        // }
+        if (this._activatedRoute.snapshot.data?.pageData?.Component?.Settings?.IsRelativePage && !isModal) {
+            this._position = 'initial';
+        }
+    }
+    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-mater-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: `
+        <div class="tw-flex tw-h-full tw-w-full tw-flex-col md:tw-flex-row">
+            <!-- لیست -->
+            <div
+                class="tw-w-full md:tw-w-96 tw-border-b md:tw-border-b-0 md:tw-border-r tw-border-gray-300 dark:tw-border-gray-600"
+            >
+                <ng-container #containerRef></ng-container>
+            </div>
+
+            <!-- جزئیات -->
+            <div class="tw-w-full md:tw-flex-1 tw-overflow-hidden">
+                <router-outlet name="details"></router-outlet>
+            </div>
+        </div>
+        <router-outlet></router-outlet>
+        <router-outlet name="dialog"></router-outlet>
+    `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: MasterDetailsPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bnrc-mater-details-page', template: `
+        <div class="tw-flex tw-h-full tw-w-full tw-flex-col md:tw-flex-row">
+            <!-- لیست -->
+            <div
+                class="tw-w-full md:tw-w-96 tw-border-b md:tw-border-b-0 md:tw-border-r tw-border-gray-300 dark:tw-border-gray-600"
+            >
+                <ng-container #containerRef></ng-container>
+            </div>
+
+            <!-- جزئیات -->
+            <div class="tw-w-full md:tw-flex-1 tw-overflow-hidden">
+                <router-outlet name="details"></router-outlet>
+            </div>
+        </div>
+        <router-outlet></router-outlet>
+        <router-outlet name="dialog"></router-outlet>
+    `, providers: [ContainerService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:block}\n"] }]
         }], propDecorators: { _position: [{
                 type: HostBinding,
                 args: ['style.position']
@@ -16358,6 +16483,7 @@ const components = [
     DynamicFormToolbaritemComponent,
     DynamicLayoutComponent,
     EmptyPageComponent,
+    MasterDetailsPageComponent,
     FormPageComponent,
     FormFieldReportPageComponent,
     ButtonLoadingComponent,
@@ -16614,6 +16740,7 @@ class BarsaNovinRayCoreModule extends BaseModule {
             DynamicFormToolbaritemComponent,
             DynamicLayoutComponent,
             EmptyPageComponent,
+            MasterDetailsPageComponent,
             FormPageComponent,
             FormFieldReportPageComponent,
             ButtonLoadingComponent,
@@ -16747,6 +16874,7 @@ class BarsaNovinRayCoreModule extends BaseModule {
             DynamicFormToolbaritemComponent,
             DynamicLayoutComponent,
             EmptyPageComponent,
+            MasterDetailsPageComponent,
             FormPageComponent,
             FormFieldReportPageComponent,
             ButtonLoadingComponent,
@@ -16887,5 +17015,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { APP_VERSION, AbsoluteDivBodyDirective, 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, 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, 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, RabetehAkseTakiListiControlInfoModel, RedirectHomeGuard, RedirectReportNavigatorCommandComponent, RelatedReportControlInfoModel, RelationListControlInfoModel, RemoveNewlinePipe, RenderUlvDirective, RenderUlvPaginDirective, RenderUlvViewerDirective, ReplacePipe, ReportBaseComponent, ReportBaseInfo, ReportCalendarModel, ReportContainerComponent, ReportExtraInfo, ReportField, ReportFormModel, ReportItemBaseComponent, ReportListModel, ReportModel, ReportTreeModel, ReportViewBaseComponent, ReportViewColumn, ResizableComponent, ResizableDirective, ResizableModule, ResizeObserverDirective, ReversePipe, RichStringControlInfoModel, RootPageComponent, RootPortalComponent, RouteFormChangeDirective, RoutingService, RowDataOption, RowNumberPipe, 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, 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, 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, RabetehAkseTakiListiControlInfoModel, RedirectHomeGuard, RedirectReportNavigatorCommandComponent, RelatedReportControlInfoModel, RelationListControlInfoModel, RemoveNewlinePipe, RenderUlvDirective, RenderUlvPaginDirective, RenderUlvViewerDirective, ReplacePipe, ReportBaseComponent, ReportBaseInfo, ReportCalendarModel, ReportContainerComponent, ReportExtraInfo, ReportField, ReportFormModel, ReportItemBaseComponent, ReportListModel, ReportModel, ReportTreeModel, ReportViewBaseComponent, ReportViewColumn, ResizableComponent, ResizableDirective, ResizableModule, ResizeObserverDirective, ReversePipe, RichStringControlInfoModel, RootPageComponent, RootPortalComponent, RouteFormChangeDirective, RoutingService, RowDataOption, RowNumberPipe, 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