@ascentgl/ads-ui 0.0.91 → 0.0.92

package/fesm2022/ascentgl-ads-ui.mjs

@@ -6208,20 +6208,33 @@ class AbstractSideNavBarComponent {
     }
     /** @ignore */
     ngOnInit() {
+        this.initSideBarSize();
+    }
+    /** @ignore */
+    initSideBarSize() {
         if (localStorage.getItem(this.localStorageName)) {
             this.sidebarSize.set(JSON.parse(localStorage.getItem(this.localStorageName)));
         }
-        this.isCollapsed.set(this.sidebarSize() <= this.widthToCollapsed);
+        setTimeout(() => {
+            this.isCollapsed.set(this.sidebarSize() <= this.widthToCollapsed);
+        });
     }
     /** @ignore */
     ngAfterViewInit() {
-        if (this.splitter) {
-            this.splitterSubscription = this.splitter.dragProgress$.subscribe((data) => {
-                const newSize = Number(data.sizes[0]);
-                this.isCollapsed.set(newSize <= this.widthToCollapsed);
-            });
-        }
+        this.splitterSubscribe();
     }
+    /** @ignore */
+    splitterSubscribe() {
+        setTimeout(() => {
+            if (this.splitter) {
+                this.splitterSubscription = this.splitter.dragProgress$.subscribe((data) => {
+                    const newSize = Number(data.sizes[0]);
+                    this.isCollapsed.set(newSize <= this.widthToCollapsed);
+                });
+            }
+        });
+    }
+    /** @ignore */
     dragEnd(event) {
         const newSize = Number(event.sizes[0]);
         this.saveLocalStorage(newSize);
@@ -6340,7 +6353,7 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
         this.checkScreenWidth();
         this.registry.register([adsIconChevronDown, adsIconChevronUp, adsIconCross, adsIconHamburgerMenu]);
         effect(() => {
-            if (this.isCollapsed()) {
+            if (this.isCollapsed() && !this.isMobile) {
                 this.accordion().closeAll();
             }
         });
@@ -6363,9 +6376,16 @@ class AdsScmsSideNavBarComponent extends AbstractSideNavBarComponent {
         });
     }
     checkScreenWidth() {
-        this.isMobile = window.innerWidth < 482;
+        const mobileWidth = window.innerWidth < 482;
+        if (mobileWidth !== this.isMobile && !mobileWidth) {
+            this.initSideBarSize();
+            this.splitterSubscribe();
+        }
+        this.isMobile = mobileWidth;
         if (this.isMobile) {
-            this.isCollapsed.set(false);
+            setTimeout(() => {
+                this.isCollapsed.set(!this.isMobile);
+            });
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.4", ngImport: i0, type: AdsScmsSideNavBarComponent, deps: [{ token: i1$2.Router }, { token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }