@brggroup/share-lib 0.0.60 → 0.0.61

package/fesm2022/brggroup-share-lib.mjs

@@ -5,7 +5,7 @@ import { Router, ActivatedRoute, NavigationEnd, RouterLink, RouterOutlet } from
 import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import * as i3 from '@ngx-translate/core';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
-import { firstValueFrom, BehaviorSubject, of, catchError, throwError, finalize, from, switchMap as switchMap$1, take, filter, fromEvent, map } from 'rxjs';
+import { firstValueFrom, BehaviorSubject, of, catchError, throwError, finalize, from, switchMap as switchMap$1, take, filter, fromEvent, startWith, map, Subject, takeUntil as takeUntil$1 } from 'rxjs';
 import { NzNotificationService } from 'ng-zorro-antd/notification';
 import * as i1 from 'ng-zorro-antd/modal';
 import { NzModalService } from 'ng-zorro-antd/modal';
@@ -1754,6 +1754,15 @@ class DateTimeHelper {
         }
         return result;
     }
+    static firstDayOfMonth(date = new Date()) {
+        return new Date(date.getFullYear(), date.getMonth(), 1);
+    }
+    static lastDayOfMonth(date = new Date()) {
+        return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+    }
+    static firstDayOfNextMonth(date = new Date()) {
+        return new Date(date.getFullYear(), date.getMonth() + 1, 1);
+    }
 }
 
 /**
@@ -6163,6 +6172,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
+class DeviceService {
+    isMobile$() {
+        return fromEvent(window, 'resize').pipe(startWith(null), // emit lần đầu
+        map(() => window.innerWidth <= 768));
+    }
+    get isMobile() {
+        return window.innerWidth <= 500;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DeviceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DeviceService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: DeviceService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class App_Menu {
     // #region properties
     App_Menu_Id;
@@ -6224,6 +6249,7 @@ class LayoutComponent extends BaseComponent {
     loadingService = inject(LoadingService);
     fileService = inject(FileService);
     breakpointObserver = inject(BreakpointObserver);
+    device = inject(DeviceService);
     TokenStorage = TokenStorage;
     MENU_TYPE = 0;
     HEADER_MENU_IN_USE = false;
@@ -6253,6 +6279,7 @@ class LayoutComponent extends BaseComponent {
     logoUrl$ = this.fileService
         .getFileVersion('LOGO')
         .pipe(map((res) => `${AppGlobals.apiEndpoint}/api/file/image?code=LOGO&v=${res || ''}`));
+    destroy$ = new Subject();
     async ngOnInit() {
         this.vscService.initVersionCheck();
         SignalRService.initNoti();
@@ -6299,11 +6326,17 @@ class LayoutComponent extends BaseComponent {
             this.selectNodeByUrl(url);
         });
         setTimeout(() => {
-            this.isCollapsed = localStorage.getItem('MENU_isCollapsed') == '1';
+            this.isCollapsed = localStorage.getItem('MENU_isCollapsed') == '1' || this.device.isMobile;
             if (this.isCollapsed) {
                 this.visibleMenuDrawer = true;
             }
         }, 0);
+        this.device
+            .isMobile$()
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe((isMobile) => {
+            this.isCollapsed = isMobile;
+        });
     }
     divuser;
     ngOnDestroy() {