@brggroup/share-lib 0.0.59 → 0.0.61

package/fesm2022/brggroup-share-lib.mjs

@@ -5,14 +5,14 @@ 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';
 import { jwtDecode } from 'jwt-decode';
 import { switchMap, distinctUntilChanged, filter as filter$1, takeUntil } from 'rxjs/operators';
 import * as i2$1 from '@angular/forms';
-import { FormGroup, FormsModule, ReactiveFormsModule, Validators, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { FormGroup, FormsModule, ReactiveFormsModule, Validators, NG_VALUE_ACCESSOR, FormBuilder } from '@angular/forms';
 import * as i1$3 from '@angular/common';
 import { Location, CommonModule } from '@angular/common';
 import { Overlay } from '@angular/cdk/overlay';
@@ -80,6 +80,7 @@ import * as i8$1 from 'ng-zorro-antd/badge';
 import { NzBadgeModule } from 'ng-zorro-antd/badge';
 import * as i4$2 from 'ng-zorro-antd/menu';
 import * as signalR from '@microsoft/signalr';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
 
 var TranslateKey;
 (function (TranslateKey) {
@@ -518,7 +519,7 @@ class TokenStorage {
     }
 }
 
-const URLs$3 = {
+const URLs$4 = {
     login: '/api/Auth/Login',
     register: '/api/Auth/Register',
     pingAuth: '/api/Auth/PingAuth',
@@ -554,7 +555,7 @@ class AuthService extends HTTPService {
     }
     async pingAuth() {
         try {
-            const res = await this.get(AppGlobals.apiEndpoint + URLs$3.pingAuth, true);
+            const res = await this.get(AppGlobals.apiEndpoint + URLs$4.pingAuth, true);
             return res?.IsSuccess;
         }
         catch {
@@ -587,7 +588,7 @@ class AuthService extends HTTPService {
         return true;
     }
     async sendSignIn(body) {
-        return firstValueFrom(this.httpClient.post(AppGlobals.apiEndpoint + URLs$3.login, body, {
+        return firstValueFrom(this.httpClient.post(AppGlobals.apiEndpoint + URLs$4.login, body, {
             headers: new HttpHeaders().set('Content-Type', 'application/json'),
         }));
     }
@@ -631,10 +632,10 @@ class AuthService extends HTTPService {
         }
     }
     changePassword(data) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$3.changePassword, data);
+        return this.postData(AppGlobals.apiEndpoint + URLs$4.changePassword, data);
     }
     setPass(data) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$3.setPass, data);
+        return this.postData(AppGlobals.apiEndpoint + URLs$4.setPass, data);
     }
     async signUp(d) {
         try {
@@ -652,7 +653,7 @@ class AuthService extends HTTPService {
         }
     }
     async sendSignUp(d) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$3.register, d);
+        return this.postData(AppGlobals.apiEndpoint + URLs$4.register, d);
     }
     idleTimer;
     idleTimeInMinutes = 15; // phút
@@ -698,7 +699,7 @@ class AuthService extends HTTPService {
     }
     async sendChangeOrg(App_Org_Id) {
         let params = new HttpParams().append('App_Org_Id', App_Org_Id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$3.changeOrgLogin, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$4.changeOrgLogin, params);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AuthService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: AuthService, providedIn: 'root' });
@@ -1753,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);
+    }
 }
 
 /**
@@ -5523,6 +5533,26 @@ class CheckModel {
     ErrorMessage = '';
     ErrorContent = '';
 }
+class App_Org {
+    // #region properties
+    App_Org_Id;
+    CreatedDate;
+    CreatedUser;
+    UpdatedDate;
+    UpdatedUser;
+    IsActive;
+    Code;
+    Name;
+    NameEn;
+    Type;
+    Address;
+    Description;
+    ParentId;
+    OrderValue;
+    // #endregion properties
+    TreeNodeName;
+    LstUserId;
+}
 
 class RouteMonitorService {
     router;
@@ -5658,7 +5688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
-const URLs$2 = {
+const URLs$3 = {
     getById: '/api/App_Dic_Domain/GetById',
     getAll: '/api/App_Dic_Domain/GetAll',
     getList: '/api/App_Dic_Domain/GetList',
@@ -5845,26 +5875,6 @@ const fadeSlide = trigger('fadeSlide', [
     ]),
 ]);
 
-class App_Org {
-    // #region properties
-    App_Org_Id;
-    CreatedDate;
-    CreatedUser;
-    UpdatedDate;
-    UpdatedUser;
-    IsActive;
-    Code;
-    Name;
-    NameEn;
-    Type;
-    Address;
-    Description;
-    ParentId;
-    OrderValue;
-    // #endregion properties
-    TreeNodeName;
-    LstUserId;
-}
 class LayoutUser extends BaseComponent {
     cms = inject(CommonService);
     authService = inject(AuthService);
@@ -5926,7 +5936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                     ], animations: [fadeInOut], template: "<nz-badge [nzSize]=\"'small'\" [nzCount]=\"0\">\n  <button nz-button nzType=\"text\" nzSize=\"small\">\n    <nz-icon nzType=\"bell\" nzTheme=\"outline\" style=\"color: #ffffff\" />\n  </button>\n</nz-badge>\n\n<button\n  nz-button\n  nzType=\"text\"\n  nz-dropdown\n  nzTrigger=\"click\"\n  [nzDropdownMenu]=\"menuUser\"\n  style=\"height: 50px; color: #ffffff\"\n>\n  <nz-icon nzType=\"user\" nzTheme=\"outline\" />\n  {{ TokenStorage.getUserFullname() }}\n</button>\n\n<nz-dropdown-menu #menuUser=\"nzDropdownMenu\">\n  <ul nz-menu>\n    <li *ngIf=\"!(!isXSmall && TokenStorage.getOrgName())\" nz-menu-item>\n      <nz-icon nzType=\"cluster\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ TokenStorage.getOrgName() }}\n    </li>\n    <li *ngIf=\"!(!isXSmall && TokenStorage.getOrgName())\" nz-menu-divider></li>\n    <li nz-menu-item (click)=\"gotoSetting()\">\n      <nz-icon nzType=\"setting\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ TranslateKey.SETTING | translate }}\n    </li>\n    <li nz-menu-divider></li>\n    <li nz-menu-item (click)=\"logout()\">\n      <nz-icon nzType=\"logout\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ TranslateKey.LOGOUT | translate }}\n    </li>\n  </ul>\n</nz-dropdown-menu>\n\n<button\n  *ngIf=\"!isXSmall && TokenStorage.getOrgName()\"\n  [@fadeInOut]\n  nz-button\n  nzType=\"text\"\n  nz-dropdown\n  nzTrigger=\"click\"\n  [nzDropdownMenu]=\"menuOrg\"\n  style=\"height: 50px; color: #ffffff\"\n>\n  <nz-icon nzType=\"cluster\" nzTheme=\"outline\" />\n  {{ TokenStorage.getOrgName() }}\n</button>\n\n<nz-dropdown-menu #menuOrg=\"nzDropdownMenu\">\n  <ul nz-menu>\n    @for (org of lstOrg; track $index) {\n      <li *ngIf=\"$index > 0\" nz-menu-divider></li>\n      <li nz-menu-item (click)=\"changeOrg(org)\">\n        <nz-icon nzType=\"swap\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ org.Name }}\n      </li>\n    }\n  </ul>\n</nz-dropdown-menu>\n" }]
         }] });
 
-const URLs$1 = {
+const URLs$2 = {
     getById: '/api/App_Setting/GetById',
     getAll: '/api/App_Setting/GetAll',
     getList: '/api/App_Setting/GetList',
@@ -5947,10 +5957,10 @@ class SettingService extends HTTPService {
         });
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs$1.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$2.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$2.getList, filter);
     }
     getPaging(filter) {
         return this.commonService.ESP({
@@ -5966,24 +5976,24 @@ class SettingService extends HTTPService {
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs$1.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$2.delete, params);
     }
     getByCodeAnonymous(code) {
         const params = new HttpParams().append('Code', code);
-        return this.getParams(AppGlobals.apiEndpoint + URLs$1.getByCodeAnonymous, params);
+        return this.getParams(AppGlobals.apiEndpoint + URLs$2.getByCodeAnonymous, params);
     }
     // getGroupByCodeAnonymous(code: string) {
     //   const params = new HttpParams().append('Code', code);
     //   return this.getParams(AppGlobals.apiEndpoint + URLs.getByCodeAnonymous, params);
     // }
     getAllConfig() {
-        return this.post(AppGlobals.apiEndpoint + URLs$1.GetAllConfig);
+        return this.post(AppGlobals.apiEndpoint + URLs$2.GetAllConfig);
     }
     applyConfig(config) {
-        return this.postData(AppGlobals.apiEndpoint + URLs$1.ApplyConfig, config);
+        return this.postData(AppGlobals.apiEndpoint + URLs$2.ApplyConfig, config);
     }
     getDbInfo() {
-        return this.post(AppGlobals.apiEndpoint + URLs$1.GetDbInfo);
+        return this.post(AppGlobals.apiEndpoint + URLs$2.GetDbInfo);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SettingService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SettingService, providedIn: 'root' });
@@ -5995,7 +6005,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
-const URLs = {
+const URLs$1 = {
     getById: '/api/file/GetById',
     getAll: '/api/file/GetAll',
     getList: '/api/file/GetList',
@@ -6009,13 +6019,13 @@ class FileService extends HTTPService {
     commonService = inject(CommonService);
     getById(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs.getById, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$1.getById, params);
     }
     getAll() {
-        return this.post(AppGlobals.apiEndpoint + URLs.getAll);
+        return this.post(AppGlobals.apiEndpoint + URLs$1.getAll);
     }
     getList(filter) {
-        return this.postData(AppGlobals.apiEndpoint + URLs.getList, filter);
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.getList, filter);
     }
     getPaging(filter) {
         return this.commonService.ESP({
@@ -6024,11 +6034,11 @@ class FileService extends HTTPService {
         });
     }
     addOrEdit(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs.addOrEdit, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.addOrEdit, obj);
     }
     delete(id) {
         const params = new HttpParams().append('id', id);
-        return this.postParams(AppGlobals.apiEndpoint + URLs.delete, params);
+        return this.postParams(AppGlobals.apiEndpoint + URLs$1.delete, params);
     }
     downloadFile(id) {
         const params = new HttpParams().append('id', id);
@@ -6070,7 +6080,7 @@ class FileService extends HTTPService {
         });
     }
     addFileWithRef(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs.addFileWithRef, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.addFileWithRef, obj);
     }
     getAnhWithRef(Ref_Table, Ref_Id) {
         return this.commonService.ESP({
@@ -6079,7 +6089,7 @@ class FileService extends HTTPService {
         });
     }
     moveFileToDisk(obj) {
-        return this.postData(AppGlobals.apiEndpoint + URLs.moveFileToDisk, obj);
+        return this.postData(AppGlobals.apiEndpoint + URLs$1.moveFileToDisk, obj);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: FileService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: FileService, providedIn: 'root' });
@@ -6162,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;
@@ -6223,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;
@@ -6252,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();
@@ -6298,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() {
@@ -6499,9 +6533,207 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 args: ['divuser']
             }] } });
 
+const URLs = {
+    getById: '/api/App_Org/GetById',
+    getAll: '/api/App_Org/GetAll',
+    getList: '/api/App_Org/GetList',
+    getPaging: '/api/App_Org/GetPaging',
+    addOrEdit: '/api/App_Org/AddOrEdit',
+    delete: '/api/App_Org/Delete',
+};
+class OrgService extends HTTPService {
+    commonService = inject(CommonService);
+    getById(id) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_getById',
+            Params: [id],
+        });
+    }
+    getAll() {
+        return this.commonService.ESP({
+            SPN: 'App_Org_getAll',
+        });
+    }
+    getList(filter) {
+        return this.postData(AppGlobals.apiEndpoint + URLs.getList, filter);
+    }
+    getPaging(filter) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_getpaging',
+            Params: [filter],
+        });
+    }
+    addOrEdit(obj) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_addOrEdit',
+            Params: [obj],
+        });
+    }
+    delete(id) {
+        const params = new HttpParams().append('id', id);
+        return this.postParams(AppGlobals.apiEndpoint + URLs.delete, params);
+    }
+    getAllForLogin(UserName) {
+        const params = new HttpParams().append('UserName', UserName);
+        return this.getParams(`${AppGlobals.apiEndpoint}/api/public/LstOrgForLogin`, params);
+    }
+    getUserInOrgStr(OrgId) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_getUserInOrgStr',
+            Params: [OrgId],
+        });
+    }
+    getUsersInOrg(orgId) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_getUsersInOrg',
+            Params: [orgId],
+        });
+    }
+    addUsersToOrg(orgId, userIds) {
+        if (!orgId) {
+            return Promise.reject('Org ID is required');
+        }
+        return this.commonService.ESP({
+            SPN: 'App_Org_addUsersToOrg',
+            Params: [orgId, userIds.join(',')],
+        });
+    }
+    deleteUserFromOrg(orgId, userId) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_deleteUserFromOrg',
+            Params: [orgId, userId],
+        });
+    }
+    checkImportOrg(data) {
+        return this.commonService.ESP({
+            SPN: 'App_Org_checkImportOrg',
+            Params: [data],
+        });
+    }
+    importOrg(data) {
+        return this.postData(`${AppGlobals.apiEndpoint}/api/Org/importOrg`, data);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrgService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrgService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: OrgService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class LoginComponent extends BaseComponent {
+    fb = inject(FormBuilder);
+    authService = inject(AuthService);
+    orgService = inject(OrgService);
+    settingService = inject(SettingService);
+    vscService = inject(VscService);
+    loadingService = inject(LoadingService);
+    fileService = inject(FileService);
+    loginForm;
+    visible = false;
+    passwordType = 'password';
+    returnUrl = '';
+    lstOrg = [];
+    isOneUserMultiOrgs = false;
+    SYSTEM_NAME_LOGIN = '';
+    async ngOnInit() {
+        this.route.queryParams.subscribe((params) => (this.returnUrl = params['returnUrl'] || '/'));
+        if (TokenStorage.getToken() && (await this.authService.pingAuth())) {
+            this.goto(this.returnUrl);
+            return;
+        }
+        TokenStorage.clearToken();
+        this.loginForm = this.fb.group({
+            username: [null, [Validators.required]],
+            password: [null, [Validators.required]],
+            orgid: [null],
+            langSwitch: [AppStorage.getLang() === 'vn'],
+        });
+        this.settingService.getByCodeAnonymous('SYSTEM_NAME_LOGIN').then((res) => {
+            if (res?.Data) {
+                this.SYSTEM_NAME_LOGIN = res.Data;
+            }
+        }, (err) => this.handleError(err));
+        this.settingService.getByCodeAnonymous('ONE_USER_MULTI_ORGS').then((res) => {
+            if (res?.Data) {
+                if (res.Data == '1') {
+                    this.isOneUserMultiOrgs = true;
+                    this.loginForm.get('orgid')?.setValidators([Validators.required]);
+                    this.getLstOrg();
+                }
+                else {
+                    this.loginForm.get('orgid')?.clearValidators();
+                }
+            }
+        }, (err) => this.handleError(err));
+        this.vscService.clearInterval();
+        this.authService.stopWatching();
+    }
+    getLstOrg() {
+        const username = this.loginForm.controls['username'].value;
+        this.orgService.getAllForLogin(username ?? '').then((res) => {
+            if (res.Data) {
+                this.lstOrg = res.Data;
+            }
+            else {
+                this.lstOrg = [];
+            }
+        }, (err) => this.handleError(err));
+    }
+    dologin() {
+        for (const i in this.loginForm.controls) {
+            this.loginForm.controls[i].markAsDirty();
+            this.loginForm.controls[i].updateValueAndValidity();
+        }
+        if (this.loginForm.valid) {
+            this.authService.signIn(this.loginForm.value.username, this.loginForm.value.password, this.loginForm.value.orgid, this.returnUrl);
+        }
+        this.vscService.checkVersion();
+    }
+    changeLanguage(lang) {
+        AppStorage.setLang(lang ? 'vn' : 'en');
+        this.translate.use(lang ? 'vn' : 'en');
+    }
+    onFocusOrg() {
+        console.log(this.loginForm.value.username);
+        this.getLstOrg();
+    }
+    onImgError(e) {
+        e.target.style.display = 'none';
+    }
+    logoUrl$ = this.fileService
+        .getFileVersion('LOGO')
+        .pipe(map((res) => `${AppGlobals.apiEndpoint}/api/file/image?code=LOGO&v=${res || ''}`));
+    bgUrl$ = this.fileService
+        .getFileVersion('LOGIN_BACKGROUND')
+        .pipe(map((res) => `${AppGlobals.apiEndpoint}/api/file/image?code=LOGIN_BACKGROUND&v=${res || ''}`));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: LoginComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: LoginComponent, isStandalone: true, selector: "login", usesInheritance: true, ngImport: i0, template: "<div nz-row nzJustify=\"center\">\n  <div class=\"form-container\">\n    <form nz-flex nzVertical=\"true\" nz-form [formGroup]=\"loginForm\" class=\"login-form\" (ngSubmit)=\"dologin()\">\n      <div>\n        <div style=\"text-align: center\">\n          <img *ngIf=\"logoUrl$ | async as url\" width=\"150px\" [src]=\"url\" hideIfError />\n        </div>\n        <div class=\"form-field\" style=\"text-align: center; margin-bottom: 20px\">\n          <h3 style=\"font-weight: bold; font-size: 20px\">{{ SYSTEM_NAME_LOGIN }}</h3>\n        </div>\n      </div>\n\n      <div nz-row [nzJustify]=\"'center'\">\n        <div nz-col nzSm=\"24\" nzMd=\"16\">\n          <div nz-flex nzVertical=\"true\">\n            @if (isOneUserMultiOrgs) {\n              <nz-form-item>\n                <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\n                  <nz-input-group nzPrefixIcon=\"cluster\" nzHasFeedback=\"false\">\n                    <nz-select\n                      nzShowSearch\n                      nzAllowClear\n                      [nzBorderless]=\"true\"\n                      [nzSize]=\"'small'\"\n                      [nzDropdownMatchSelectWidth]=\"false\"\n                      nzPlaceHolder=\"{{ 'ORG' | translate }}\"\n                      formControlName=\"orgid\"\n                      class=\"no-error-border\"\n                      (nzFocus)=\"onFocusOrg()\"\n                    >\n                      @for (item of lstOrg; track $index) {\n                        <nz-option [nzLabel]=\"item.TreeNodeName!\" [nzValue]=\"item.App_Org_Id\"></nz-option>\n                      }\n                    </nz-select>\n                  </nz-input-group>\n                </nz-form-control>\n              </nz-form-item>\n            }\n\n            <nz-form-item>\n              <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\n                <nz-input-group nzPrefixIcon=\"user\">\n                  <input type=\"text\" nz-input formControlName=\"username\" placeholder=\"{{ 'USERNAME' | translate }}\" />\n                </nz-input-group>\n              </nz-form-control>\n            </nz-form-item>\n\n            <nz-form-item>\n              <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\n                <nz-input-group\n                  nzPrefixIcon=\"lock\"\n                  [nzSuffix]=\"visible ? suffixTemplateHiddenPassword : suffixTemplateShowPassword\"\n                >\n                  <input\n                    type=\"{{ passwordType }}\"\n                    nz-input\n                    formControlName=\"password\"\n                    placeholder=\"{{ 'PASSWORD' | translate }}\"\n                  />\n                </nz-input-group>\n              </nz-form-control>\n              <ng-template #suffixTemplateShowPassword>\n                <nz-icon\n                  nzType=\"eye\"\n                  nzTheme=\"outline\"\n                  nz-tooltip\n                  nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\n                  nzTooltipPlacement=\"right\"\n                  (click)=\"visible = !visible; passwordType = 'text'\"\n                />\n              </ng-template>\n              <ng-template #suffixTemplateHiddenPassword>\n                <nz-icon\n                  nzType=\"eye-invisible\"\n                  nzTheme=\"outline\"\n                  nz-tooltip\n                  nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\n                  nzTooltipPlacement=\"right\"\n                  (click)=\"visible = !visible; passwordType = 'password'\"\n                />\n              </ng-template>\n            </nz-form-item>\n\n            <div nz-flex nzVertical=\"true\" nzGap=\"4px\">\n              <button nz-button [nzType]=\"'primary'\" nzBlock [nzLoading]=\"loadingService.isLoading\">\n                {{ \"LOGIN\" | translate }}\n              </button>\n              <!-- \n              <nz-form-item nzJustify=\"end\">\n                <nz-switch formControlName=\"langSwitch\" class=\"nz-switch-both-active-color\" nzCheckedChildren=\"VN\"\n                  nzUnCheckedChildren=\"EN\" (ngModelChange)=\"changeLanguage($event)\"></nz-switch>\n              </nz-form-item> \n              -->\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n\n<img *ngIf=\"bgUrl$ | async as url\" class=\"bg-image\" [src]=\"url\" hideIfError />\n", styles: [":host{display:flex;justify-content:center;align-items:center;height:80vh}.form-container{width:clamp(280px,30vw,420px);box-shadow:0 10px 20px 1px #001a2d59;background-color:#fff;padding:16px}.bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;object-position:center;z-index:-1;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzFormModule }, { kind: "directive", type: i4.NzColDirective, selector: "[nz-col],nz-col,nz-form-control,nz-form-label", inputs: ["nzFlex", "nzSpan", "nzOrder", "nzOffset", "nzPush", "nzPull", "nzXs", "nzSm", "nzMd", "nzLg", "nzXl", "nzXXl"], exportAs: ["nzCol"] }, { kind: "directive", type: i4.NzRowDirective, selector: "[nz-row],nz-row,nz-form-item", inputs: ["nzAlign", "nzJustify", "nzGutter"], exportAs: ["nzRow"] }, { kind: "directive", type: i5.NzFormDirective, selector: "[nz-form]", inputs: ["nzLayout", "nzNoColon", "nzAutoTips", "nzDisableAutoTips", "nzTooltipIcon", "nzLabelAlign", "nzLabelWrap"], exportAs: ["nzForm"] }, { kind: "component", type: i5.NzFormItemComponent, selector: "nz-form-item", exportAs: ["nzFormItem"] }, { kind: "component", type: i5.NzFormControlComponent, selector: "nz-form-control", inputs: ["nzSuccessTip", "nzWarningTip", "nzErrorTip", "nzValidatingTip", "nzExtra", "nzAutoTips", "nzDisableAutoTips", "nzHasFeedback", "nzValidateStatus"], exportAs: ["nzFormControl"] }, { kind: "ngmodule", type: NzInputModule }, { kind: "directive", type: i6$1.NzInputDirective, selector: "input[nz-input],textarea[nz-input]", inputs: ["nzBorderless", "nzSize", "nzStepperless", "nzStatus", "disabled"], exportAs: ["nzInput"] }, { kind: "component", type: i6$1.NzInputGroupComponent, selector: "nz-input-group", inputs: ["nzAddOnBeforeIcon", "nzAddOnAfterIcon", "nzPrefixIcon", "nzSuffixIcon", "nzAddOnBefore", "nzAddOnAfter", "nzPrefix", "nzStatus", "nzSuffix", "nzSize", "nzSearch", "nzCompact"], exportAs: ["nzInputGroup"] }, { kind: "directive", type: i6$1.NzInputGroupWhitSuffixOrPrefixDirective, selector: "nz-input-group[nzSuffix], nz-input-group[nzPrefix]" }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i11.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i8.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i10.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "ngmodule", type: NzSwitchModule }, { kind: "ngmodule", type: NzFlexModule }, { kind: "directive", type: i14.NzFlexDirective, selector: "[nz-flex],nz-flex", inputs: ["nzVertical", "nzJustify", "nzAlign", "nzGap", "nzWrap", "nzFlex"], exportAs: ["nzFlex"] }, { kind: "ngmodule", type: NzSelectModule }, { kind: "component", type: i6$2.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i6$2.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }, { kind: "directive", type: HideIfErrorDirective, selector: "img[hideIfError]" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'login', imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        NzFormModule,
+                        NzInputModule,
+                        NzIconModule,
+                        NzToolTipModule,
+                        NzButtonModule,
+                        NzSwitchModule,
+                        NzFlexModule,
+                        NzSelectModule,
+                        HideIfErrorDirective,
+                    ], template: "<div nz-row nzJustify=\"center\">\n  <div class=\"form-container\">\n    <form nz-flex nzVertical=\"true\" nz-form [formGroup]=\"loginForm\" class=\"login-form\" (ngSubmit)=\"dologin()\">\n      <div>\n        <div style=\"text-align: center\">\n          <img *ngIf=\"logoUrl$ | async as url\" width=\"150px\" [src]=\"url\" hideIfError />\n        </div>\n        <div class=\"form-field\" style=\"text-align: center; margin-bottom: 20px\">\n          <h3 style=\"font-weight: bold; font-size: 20px\">{{ SYSTEM_NAME_LOGIN }}</h3>\n        </div>\n      </div>\n\n      <div nz-row [nzJustify]=\"'center'\">\n        <div nz-col nzSm=\"24\" nzMd=\"16\">\n          <div nz-flex nzVertical=\"true\">\n            @if (isOneUserMultiOrgs) {\n              <nz-form-item>\n                <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\n                  <nz-input-group nzPrefixIcon=\"cluster\" nzHasFeedback=\"false\">\n                    <nz-select\n                      nzShowSearch\n                      nzAllowClear\n                      [nzBorderless]=\"true\"\n                      [nzSize]=\"'small'\"\n                      [nzDropdownMatchSelectWidth]=\"false\"\n                      nzPlaceHolder=\"{{ 'ORG' | translate }}\"\n                      formControlName=\"orgid\"\n                      class=\"no-error-border\"\n                      (nzFocus)=\"onFocusOrg()\"\n                    >\n                      @for (item of lstOrg; track $index) {\n                        <nz-option [nzLabel]=\"item.TreeNodeName!\" [nzValue]=\"item.App_Org_Id\"></nz-option>\n                      }\n                    </nz-select>\n                  </nz-input-group>\n                </nz-form-control>\n              </nz-form-item>\n            }\n\n            <nz-form-item>\n              <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\n                <nz-input-group nzPrefixIcon=\"user\">\n                  <input type=\"text\" nz-input formControlName=\"username\" placeholder=\"{{ 'USERNAME' | translate }}\" />\n                </nz-input-group>\n              </nz-form-control>\n            </nz-form-item>\n\n            <nz-form-item>\n              <nz-form-control nzErrorTip=\"{{ 'REQUIRED' | translate }}\">\n                <nz-input-group\n                  nzPrefixIcon=\"lock\"\n                  [nzSuffix]=\"visible ? suffixTemplateHiddenPassword : suffixTemplateShowPassword\"\n                >\n                  <input\n                    type=\"{{ passwordType }}\"\n                    nz-input\n                    formControlName=\"password\"\n                    placeholder=\"{{ 'PASSWORD' | translate }}\"\n                  />\n                </nz-input-group>\n              </nz-form-control>\n              <ng-template #suffixTemplateShowPassword>\n                <nz-icon\n                  nzType=\"eye\"\n                  nzTheme=\"outline\"\n                  nz-tooltip\n                  nzTooltipTitle=\"{{ 'SHOW' | translate }}\"\n                  nzTooltipPlacement=\"right\"\n                  (click)=\"visible = !visible; passwordType = 'text'\"\n                />\n              </ng-template>\n              <ng-template #suffixTemplateHiddenPassword>\n                <nz-icon\n                  nzType=\"eye-invisible\"\n                  nzTheme=\"outline\"\n                  nz-tooltip\n                  nzTooltipTitle=\"{{ 'HIDDEN' | translate }}\"\n                  nzTooltipPlacement=\"right\"\n                  (click)=\"visible = !visible; passwordType = 'password'\"\n                />\n              </ng-template>\n            </nz-form-item>\n\n            <div nz-flex nzVertical=\"true\" nzGap=\"4px\">\n              <button nz-button [nzType]=\"'primary'\" nzBlock [nzLoading]=\"loadingService.isLoading\">\n                {{ \"LOGIN\" | translate }}\n              </button>\n              <!-- \n              <nz-form-item nzJustify=\"end\">\n                <nz-switch formControlName=\"langSwitch\" class=\"nz-switch-both-active-color\" nzCheckedChildren=\"VN\"\n                  nzUnCheckedChildren=\"EN\" (ngModelChange)=\"changeLanguage($event)\"></nz-switch>\n              </nz-form-item> \n              -->\n            </div>\n          </div>\n        </div>\n      </div>\n    </form>\n  </div>\n</div>\n\n<img *ngIf=\"bgUrl$ | async as url\" class=\"bg-image\" [src]=\"url\" hideIfError />\n", styles: [":host{display:flex;justify-content:center;align-items:center;height:80vh}.form-container{width:clamp(280px,30vw,420px);box-shadow:0 10px 20px 1px #001a2d59;background-color:#fff;padding:16px}.bg-image{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;object-position:center;z-index:-1;pointer-events:none}\n"] }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AnimatedDigitComponent, AppGlobals, AppStorage, AuthGuard, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendSelectComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, RouteMonitorService, TableHeader, ThemeService, TokenStorage, TranslateKey, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, VscService, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
+export { AnimatedDigitComponent, AppGlobals, AppStorage, App_Org, AuthGuard, AutoFocusDirective, BarGraphComponent, BaseComponent, BaseGuardChangeComponent, BaseOverlayComponent, Box, Breadcrumb, CheckModel, CommonService, DashcardComponent, DateInputParserDirective, DateTimeHelper, DicDomainPipe, DoughnutGraphComponent, DownloadHelper, ENUM_ResponseType, ExtendCheckbox, ExtendDatePicker, ExtendDateRangePicker, ExtendInput, ExtendInputNumber, ExtendSelectComponent, ExtendTextArea, GlobalSpinnerComponent, GridFilter, H3Icon, HTTPService, Height, HideIfErrorDirective, HighlightPipe, IconAdd, IconDelete, IconEdit, IconSave, IconSearch, IconView, LayoutComponent, LimitWordsPipe, LineGraphComponent, LoadingService, LoginComponent, NoPermission, NotiService, NullIfEmptyDirective, NumberOnlyDirective, OrderOption, PagingData, PagingModel, PdfViewerComponent, RouteMonitorService, TableHeader, ThemeService, TokenStorage, TranslateKey, UnsavedChangesGuard, UpperCaseFirsLetterEachWordDirective, UppercaseDirective, UppercaseFirstLetterDirective, VscService, Width, Workflow, WorkflowAction, WorkflowActionEditorOption, WorkflowEditorComponent, WorkflowEditorOption, WorkflowStage, WorkflowStageEditorOption, XLSXHelper, authInterceptor };
 //# sourceMappingURL=brggroup-share-lib.mjs.map