@brggroup/share-lib 0.0.72 → 0.0.73

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, startWith, map, Subject, takeUntil as takeUntil$1 } from 'rxjs';
+import { firstValueFrom, fromEvent, startWith, map, BehaviorSubject, of, catchError, throwError, finalize, from, switchMap as switchMap$1, take, filter, 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';
@@ -254,6 +254,22 @@ class HTTPService {
     }
 }
 
+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' }]
+        }] });
+
 function escapeHtml(str) {
     return str.replace(/</g, '&lt;').replace(/>/g, '&gt;');
 }
@@ -261,6 +277,7 @@ class NotiService {
     modal = inject(NzModalService);
     notification = inject(NzNotificationService);
     translate = inject(TranslateService);
+    device = inject(DeviceService);
     async success(title, content = '', showPopup = false) {
         if (showPopup) {
             return new Promise((resolve) => {
@@ -318,7 +335,7 @@ class NotiService {
             this.modal.error({
                 nzTitle: 'Lỗi phát sinh',
                 nzContent: this.translate.instant('NO_CONNECT_TO_SERVER'),
-                nzWidth: '40vw',
+                nzWidth: this.modalWidth,
                 nzOkText: 'Đóng',
             });
             return;
@@ -344,7 +361,7 @@ class NotiService {
                     this.modal.error({
                         nzTitle: 'Lỗi phát sinh',
                         nzContent: this.translate.instant('UNKNOWN_ERROR'),
-                        nzWidth: '40vw',
+                        nzWidth: this.modalWidth,
                         nzOkText: 'Đóng',
                     });
                 }
@@ -354,7 +371,7 @@ class NotiService {
                 this.modal.error({
                     nzTitle: 'Lỗi phát sinh',
                     nzContent: this.translate.instant('UNKNOWN_ERROR'),
-                    nzWidth: '40vw',
+                    nzWidth: this.modalWidth,
                     nzOkText: 'Đóng',
                 });
             };
@@ -394,7 +411,7 @@ class NotiService {
         const modalRef = this.modal.error({
             nzTitle: 'Lỗi phát sinh',
             nzContent: errorMsg,
-            nzWidth: '40vw',
+            nzWidth: this.modalWidth,
             nzClosable: false,
             nzCancelText: 'Đóng',
             nzOkText: 'Chi tiết',
@@ -403,7 +420,7 @@ class NotiService {
                 this.modal.error({
                     nzTitle: 'Chi tiết lỗi',
                     nzContent: escapeHtml(JSON.stringify(_data, null, 2)),
-                    nzWidth: '60vw',
+                    nzWidth: this.device.isMobile ? '90vw' : '60vw',
                     nzDraggable: true,
                     nzCentered: true,
                     nzOkText: 'Đóng',
@@ -411,6 +428,9 @@ class NotiService {
             },
         });
     }
+    get modalWidth() {
+        return this.device.isMobile ? '80vw' : '40vw';
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: NotiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: NotiService, providedIn: 'root' });
 }
@@ -6231,22 +6251,6 @@ 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;