barsa-novin-ray-core 2.3.83 → 2.3.85

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, takeUntil as takeUntil$1, filter as filter$1, throwError, merge, interval, 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 { 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, tap as tap$1, concatMap as concatMap$1, catchError as catchError$1, finalize as finalize$1, Observable, debounceTime as debounceTime$1, timer, mergeWith, Subscription } from 'rxjs';
 import * as i1 from '@angular/router';
 import { Router, NavigationEnd, ActivatedRoute, RouterEvent, NavigationStart, RouterModule } from '@angular/router';
 import { DomSanitizer, Title } from '@angular/platform-browser';
@@ -6270,6 +6270,16 @@ class ContainerService {
             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);
@@ -9408,7 +9418,7 @@ class ContainerComponent extends BaseComponent {
         };
         super.ngOnInit();
         if (this._containerService) {
-            this._containerService.setViewContainerRef(this.containerRef);
+            this._containerService.setViewContainerRef(this._vcr);
         }
     }
     ngOnDestroy() {
@@ -10720,6 +10730,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
 class FormPageBaseComponent extends ContainerComponent {
     constructor() {
         super(...arguments);
+        this.$resize = new Subject();
+        this._containerService = inject(ContainerService, { skipSelf: true, optional: true });
         /* eslint-disable */
         this.ShowFormPanelControl = (formpanelCtrlr) => {
             this._portalService.ShowFormPanelControl(formpanelCtrlr, this._router, this._activatedRoute, this._formDialogComponent, false, this._vcr);
@@ -10746,13 +10758,17 @@ class FormPageBaseComponent extends ContainerComponent {
             const state = this._router.getCurrentNavigation()?.extras.state;
             this.prepareIds(state?.formPanelCtrlrId, params);
         });
+        this.$resize
+            .asObservable()
+            .pipe(takeUntil(this._onDestroy$), debounceTime$1(200))
+            .subscribe(() => this._resize());
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
         if (!this.formPanelCtrlr) {
             this.formPanelCtrlr = this._portalService.formPanels[this.formpanelCtrlrId];
         }
-        this.hideAllPageContent();
+        this.$resize.next();
         if (BarsaApi.LoginFormData.IsServiceDesk) {
             setTimeout(() => {
                 window.scrollTo({ top: 0 });
@@ -10764,25 +10780,53 @@ class FormPageBaseComponent extends ContainerComponent {
         this._portalService.formPanels[this.formpanelCtrlrId] = null;
         this.removeLastHidePage();
     }
-    hideAllPageContent() {
-        const pages = document.querySelectorAll('.absolute-page');
-        pages?.forEach((pageEl) => {
-            if (pageEl !== this._el.nativeElement) {
-                pageEl.classList.remove('absolute-page');
-                pageEl.classList.add('absolute-page-removed');
-            }
+    _resize() {
+        this.hideAllPageContent();
+    }
+    _handleResize() {
+        fromEvent(window, 'resize')
+            .pipe(takeUntil(this._onDestroy$))
+            .subscribe(() => {
+            this.$resize.next();
         });
+        // اگر container تغییر اندازه پیدا کرد (مثلاً parent تغییر کنه)
+        try {
+            this._ro = new ResizeObserver(() => {
+                requestAnimationFrame(() => {
+                    this.$resize.next();
+                });
+            });
+            if (this._el?.nativeElement) {
+                this._ro.observe(this._el.nativeElement);
+            }
+        }
+        catch {
+            // مرورگرهای خیلی قدیمی ممکنه ResizeObserver نداشته باشند
+            // در آنصورت rely به window resize می‌کنیم
+            // no-op
+        }
+    }
+    hideAllPageContent() {
+        this._containerService?.hideFormPage();
+        // const pages = document.querySelectorAll('.absolute-page');
+        // pages?.forEach((pageEl) => {
+        //     if (pageEl !== this._el.nativeElement) {
+        //         (pageEl as HTMLElement).classList.remove('absolute-page');
+        //         (pageEl as HTMLElement).classList.add('absolute-page-removed');
+        //     }
+        // });
         // if (pages && pages.length > 0) {
         //     (pages[pages.length - 1]?.firstChild as HTMLElement)?.classList?.remove('hide');
         // }
     }
     removeLastHidePage() {
-        const pages = document.querySelectorAll('.absolute-page-removed');
-        if (pages && pages.length > 0) {
-            const last = pages[pages.length - 1];
-            last?.classList?.add('absolute-page');
-            last?.classList?.remove('absolute-page-removed');
-        }
+        this._containerService?.showFormPage();
+        // const pages = document.querySelectorAll('.absolute-page-removed');
+        // if (pages && pages.length > 0) {
+        //     const last: null | Element = pages[pages.length - 1];
+        //     last?.classList?.add('absolute-page');
+        //     last?.classList?.remove('absolute-page-removed');
+        // }
     }
     onFormClose() {
         if (this._activatedRoute.snapshot.params.isFirst &&