common-header-lib 0.0.1

package/fesm2015/common-header-lib.mjs

@@ -0,0 +1,4165 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, Output, Pipe, Input, ViewEncapsulation, ViewChild, APP_INITIALIZER, NgModule } from '@angular/core';
+import { map, catchError, debounceTime, take, switchMap, takeUntil, finalize } from 'rxjs/operators';
+import * as i1 from '@angular/common/http';
+import { HttpParams, HttpClientModule, HttpClient } from '@angular/common/http';
+import { throwError, BehaviorSubject, Subject, map as map$1, catchError as catchError$1, of, takeUntil as takeUntil$1, finalize as finalize$1, forkJoin } from 'rxjs';
+import { __awaiter } from 'tslib';
+import * as i12 from 'primeng/overlaypanel';
+import { OverlayPanel, OverlayPanelModule } from 'primeng/overlaypanel';
+import * as signalR from '@microsoft/signalr';
+import * as i1$1 from 'ngx-cookie-service';
+import * as i4 from '@ngx-translate/core';
+import { TranslateModule, TranslateService, TranslateLoader } from '@ngx-translate/core';
+import * as i5 from '@ng-bootstrap/ng-bootstrap';
+import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
+import * as i1$2 from 'ngx-toastr';
+import * as i6 from '@angular/common';
+import { DatePipe, CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormGroup, Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i8 from 'primeng/dropdown';
+import { DropdownModule } from 'primeng/dropdown';
+import * as i9 from 'primeng/api';
+import { ConfirmationService } from 'primeng/api';
+import * as i13$1 from 'primeng/badge';
+import { BadgeModule } from 'primeng/badge';
+import * as i10$1 from 'primeng/skeleton';
+import { SkeletonModule } from 'primeng/skeleton';
+import * as i1$3 from 'primeng/dynamicdialog';
+import { DialogService } from 'primeng/dynamicdialog';
+import * as CryptoJS from 'crypto-js';
+import JSEncrypt from 'jsencrypt';
+import { decode } from '@msgpack/msgpack';
+import * as bigintCryptoUtils from 'bigint-crypto-utils';
+import * as i13 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i10 from 'primeng/button';
+import { ButtonModule } from 'primeng/button';
+import * as i3 from '@angular/router';
+import * as i1$4 from 'primeng/dialog';
+import { DialogModule } from 'primeng/dialog';
+import * as i9$1 from 'primeng/table';
+import { TableModule } from 'primeng/table';
+import * as i1$5 from 'primeng/paginator';
+import { PaginatorModule } from 'primeng/paginator';
+import * as i2$1 from 'primeng/confirmdialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+
+class GlobalConstants {
+}
+GlobalConstants.COOKIEDELETEVENT = 'd';
+GlobalConstants.ALLCOOKIEDELET = '-100';
+GlobalConstants.TimeForEncToken = 30;
+GlobalConstants.AgGridPaginationSize = 50;
+GlobalConstants.reconcileServiceLimit = 100;
+GlobalConstants.applicationName = 'Converged IAM';
+GlobalConstants.publicKey = '';
+GlobalConstants.PAMPluginURL = 'http://localhost:55755/';
+GlobalConstants.APPName = 'workspace';
+GlobalConstants.PlugInDownloadURL = 'https://hfarcon.arconnet.com/helppageui/';
+GlobalConstants.cipluginversion = '';
+GlobalConstants.localInstalledCIPluginVersion = ''; // to store installed CI plugin version
+GlobalConstants.PCI_DSS_Standard = false;
+GlobalConstants.TOKENTIME = 30;
+GlobalConstants.LOGOUTIMER = 60;
+GlobalConstants.PAGEROW = 10;
+GlobalConstants.CONFIGCONNECTORS = false;
+GlobalConstants.USERLANGUAGES = [
+    { langKey: 'en', langName: 'English' },
+    { langKey: 'ar', langName: 'العربية' },
+    { langKey: 'es', langName: 'Español' },
+    { langKey: 'hi', langName: 'हिन्दी' },
+    { langKey: 'ja', langName: '日本' },
+    { langKey: 'fr', langName: 'Français' },
+    { langKey: 'de', langName: 'Deutsch' },
+    { langKey: 'ko', langName: '한국인' },
+];
+GlobalConstants.DEFAULTLANG = { langKey: 'en', langName: 'English' };
+GlobalConstants.DEFAULTLANGKEY = 'en';
+GlobalConstants.DEFAULT_IMGPATH = 'assets/images/';
+GlobalConstants.DEFAULT_BGIMG = `${GlobalConstants.DEFAULT_IMGPATH}login-bg/default_bg.svg`;
+GlobalConstants.DEFAULT_LOGO = `${GlobalConstants.DEFAULT_IMGPATH}default_logo.svg`;
+GlobalConstants.IMG_CODE = 'data:image/png;base64,';
+GlobalConstants.DYNAMIC_LOGO = '';
+GlobalConstants.DYNAMIC_BGIMG = '';
+GlobalConstants.APP_VERSION = '';
+class LoggedInUserInfo {
+    static setPrivateKeyFromBigInts(arr) {
+        this.privateKey = arr.map((b) => b.toString()).join(',');
+    }
+}
+LoggedInUserInfo.domainName = null;
+LoggedInUserInfo.domainId = 0;
+class RoutePaths {
+}
+RoutePaths.LOGINPG_PATH = 'login';
+RoutePaths.WINDOW_AUTH = 'domainauth';
+RoutePaths.OTHER_METHODS_PATH = 'othermethods';
+RoutePaths.MY_ACCESS_PATH = 'my-access';
+RoutePaths.FORGOT_PASSWORD_PATH = 'forgotpassword';
+RoutePaths.AUTH_STATUS_PATH = 'auth-status';
+RoutePaths.LOGOUT_PATH = 'logout';
+RoutePaths.PAGE_NOT_FOUND_PATH = 'page-not-found';
+RoutePaths.INTERNAL_SERVER_ERROR_PATH = 'internal-server-error';
+RoutePaths.ERROR_PATH = 'error';
+RoutePaths.AUTH_LOADING = 'session-verify';
+class errorMsg {
+}
+errorMsg.NOASSET = `No assets have been assigned to the user in the selected LOB. Please select a different LOB.`;
+errorMsg.NORECENTASSET = `No recently accessed Asset found.`;
+errorMsg.NOSEARCHRESULT = `We couldn't find any service matching your search within the chosen LOB. Try refining your keywords or choosing a different LOB for better results'`;
+errorMsg.NOMAILFOUND = `We couldn't find any mails assigned to you`;
+errorMsg.SERVERDOWN = `Something Went Wrong, Please Try Again later`;
+errorMsg.NOCIPLUGIN = `Install the CI Plugin or Contact Administrator`;
+errorMsg.CIPLUGINVERSIONISSUE = `Kindly Install latest version of CI Plugin`;
+errorMsg.ADMINMSG = `Kindly Contact Administrator`;
+errorMsg.PLUGINMSG = `Kindly check below link for downloadables.`;
+errorMsg.PAMPLUGINBTN = `Install the CI Plugin or Contact Administrator`;
+errorMsg.USERNOTFOUND = `Invalid User Details`;
+errorMsg.TIMEZONESUCCESS = `Time Zone Updated SuccessFully`;
+errorMsg.TIMEZONERROR = `Time Zone Updated Couldn't Update`;
+errorMsg.LOGOUTERROR = 'Logout Attempt Failed';
+errorMsg.ASSETSTATUS = 'Asset Under Maintenance';
+errorMsg.REFERENCEPOPUPTITLE = 'Reference Case ID for Accessing Asset';
+errorMsg.DICREDENTIALINFO = 'Digital Identity Credentials Updated Successfully';
+errorMsg.DICREDENTIALERROR = "Digital Identity Credentials Couldn't updated";
+errorMsg.PATHSUCCESS = 'Preference Path Updated SuccessFully';
+errorMsg.PATHERROR = "Preference Path Couldn't Update";
+errorMsg.USERCREDENIALERROR = 'Configure Credentials';
+errorMsg.CREDENIALERROR = 'Kindly Configure Credentials';
+errorMsg.ADMINCREDENIALERROR = 'The credentials have yet to be configured by the Admin';
+errorMsg.COMMONError = 'Something Went Wrong !';
+errorMsg.NODIGITALIDENTITES = 'There are no digital identities assigned. Kindly contact administrator.';
+errorMsg.SEARCHTEXT = 'Search Results';
+errorMsg.MFACONFIGUREERROR = 'MFA is not configured for the user, Please contact the system administrator';
+errorMsg.SESSIONIDERROR = 'Session Service ID not found';
+errorMsg.CHROMEEXTENSIONERROR = 'Kindly Install the CI Extension or Contact Administrator';
+errorMsg.WINDOW_DOMAIN_LOGINERR = 'Please wait, Domain Authentication is in progress for your login';
+errorMsg.LANDINGPGSUCCESS = `Landing Page Configured SuccessFully`;
+errorMsg.LANDINGPGERROR = `Landing Page Configuration Couldn't Update`;
+errorMsg.SCRIPTERROR = `Unexpected Script Detected`;
+class COOKIECONSTANT {
+}
+COOKIECONSTANT.LOBNAME = 'lobdata';
+COOKIECONSTANT.DOMAINAME = 'domainname';
+COOKIECONSTANT.DOMAINID = 'domainid';
+COOKIECONSTANT.USERDETAILS = 'UserDetail';
+COOKIECONSTANT.SESSIONID = 'userSessionId';
+COOKIECONSTANT.USERNAME = 'username';
+COOKIECONSTANT.USERID = 'userId';
+COOKIECONSTANT._AT = '_AT';
+COOKIECONSTANT._RT = '_RT';
+COOKIECONSTANT.USERDISPLAYNAME = 'userDisplayName';
+COOKIECONSTANT.ENCRYPTEDKEY = 'EncryptedKey';
+COOKIECONSTANT.MFASTATUS = 'MFAStatus';
+COOKIECONSTANT.EVENTNAME = 'Event';
+COOKIECONSTANT.MACHINEDETAILS = 'machinedetails';
+COOKIECONSTANT.COOKIEDELETEVENT = 'd';
+COOKIECONSTANT.COOKIECREATEEVENT = 'c';
+COOKIECONSTANT.COOKIEUPDATEEVENT = 'c';
+COOKIECONSTANT.ALLCOOKIEDELET = '-100';
+COOKIECONSTANT.NEWUSER = '003-NU-GEC';
+COOKIECONSTANT.UNLOCKACC = 'Unlock';
+COOKIECONSTANT.ERRORCODE = '001-SAC-GEC';
+COOKIECONSTANT.PUBLICCODE = '001-PUB-GEC';
+COOKIECONSTANT.USERLANG = 'lang';
+COOKIECONSTANT.MFATIMEOUT = 180000; //3 mins
+COOKIECONSTANT.MFASTATUSCHECK = '_ssmf';
+COOKIECONSTANT.MFASTATUSCHECKFAIL = '_ssmff';
+COOKIECONSTANT.MFACLI = '_SSIDMFACLI';
+COOKIECONSTANT.WINDOWAUTH_HEADER = 'Authentication-Window';
+COOKIECONSTANT.SIGNALR_INDEX = '002-SR-NO';
+COOKIECONSTANT.ONETIME_TOKEN = 'state';
+COOKIECONSTANT.THICKCLIENT_KEY = 'APP_VER';
+const EXCLUDED_URLS = [
+    'http://localhost:55755/',
+    'workflow/api/Workflow/Workflow/GetWorkFlowTicketCount',
+    'workflow/api/Workflow/Workflow/GetWorkFlowTicketCountEventWise',
+    'xaccess/api/SecureAccess/GetBackgroundImage',
+    'xaccess/api/SecureAccess/UpdateLogoutTimer',
+];
+class MFAEvent {
+}
+MFAEvent.ForgotPwd = 1;
+MFAEvent.unlockAcc = 2;
+MFAEvent.Login = 3;
+class BrowserName {
+}
+BrowserName.Chrome = 'Chrome';
+BrowserName.Firefox = 'Firefox';
+BrowserName.Edge = 'Edge';
+BrowserName.Safari = 'Safari';
+BrowserName.Opera = 'Opera';
+BrowserName.InterNetExp = 'Internet Explorer';
+// GetLocalIPAddress
+// GetLocalMACAddress
+// GetProcessorID
+// GetBIOSSerialID
+// GetDomainName
+// GetPAMPluginInstalledVersion
+//GetLocalHostName
+class PAMParameter {
+    constructor() {
+        this.ipAddress = '';
+        this.macAddress = '';
+        this.processorID = '';
+        this.bIOSSerialID = '';
+        this.domainName = '';
+        this.hostname = '';
+        this.pAMPluginInstalledVersion = '';
+    }
+}
+// "Status :  for user status
+//  Active = 0,
+//  NewUserCreated = 1,
+//  ResetbyAdmin = 2,
+//  LockedOut = 5,
+//  Dormant = 4,
+//  Disabled = 3
+//  Suspended = 6,
+//  Sabbatical = 7 ,
+//  ACMO CLI Priviledge not assigned=9"
+// export const loginStatusMsg = {
+//   0: {
+//     status: 'Active',
+//     msg: 'Successfull login',
+//   },
+//   1: {
+//     status: 'NewUserCreated',
+//     msg: 'New Created User',
+//   },
+//   2: {
+//     status: 'ResetbyAdmin',
+//     msg: 'Password Is Reset By Admin',
+//   },
+//   3: {
+//     status: 'Disabled',
+//     msg: 'User is Disabled',
+//   },
+//   4: {
+//     status: 'Dormant',
+//     msg: 'User is Dormant',
+//   },
+//   5: {
+//     status: 'LockedOut',
+//     msg: 'User is Locked Out',
+//   },
+//   6: {
+//     status: 'Suspended',
+//     msg: 'User is Suspended',
+//   },
+//   7: {
+//     status: 'Sabbatical',
+//     msg: 'User is Sabbatical',
+//   },
+//   9: {
+//     status: 'ACMO CLI Priviledge not assigned',
+//     msg: '',
+//   },
+//   11: {
+//     status: 'Invalid User',
+//     msg: 'Invalid User Name OR Password',
+//   },
+// };
+
+class CommonHeaderLibService {
+    constructor(http) {
+        this.http = http;
+        this.apiUrl = '';
+    }
+    getGlobalTimeZone() {
+        return this.http
+            .get(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/GetSystemTimeZones')
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    getLoggedInUserDetails(url) {
+        return this.http
+            .post(url + 'xaccess/api/SecureAccess/GetUsersDetailsById', {})
+            .pipe(map((response) => {
+            // return response['result'];
+            return response;
+        }));
+    }
+    getLOBList(url) {
+        return this.http.get(url + 'meta/api/metadata/Lobs').pipe(map((response) => {
+            let result = [];
+            if (response['statusCode'] === 200) {
+                // let result = response['result'];
+                let result = response;
+                return result;
+            }
+        }));
+    }
+    getUserAssignedApps(url) {
+        return this.http
+            .post(url + 'xaccess/api/SecureAccess/GetUserPriviledgesList', {})
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'].filter((x) => x.appCode != null
+                // (x) => x.appCode !== 'APP026' && x.appCode != null
+                );
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    getUnreadUserEmailsCount(url) {
+        return this.http.get(url + 'xservice/api/CIInfraAsset/MailBoxCount').pipe(map((response) => {
+            if (response && response['success'] && response['result'] > 0) {
+                return response['result'];
+            }
+            else {
+                return 0;
+            }
+        }));
+    }
+    getUserAssignedMails(userDetails, url) {
+        return this.http
+            .post(url + 'xservice/api/CIInfraAsset/MailBox', userDetails)
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    getWorkFlowTicketEventwiseCount(userDetails, url) {
+        return this.http
+            .post(url + 'workflow/api/Workflow/Workflow/GetWorkFlowTicketCountEventWise', userDetails)
+            .pipe(map((response) => {
+            if (response && response[0]['Success']) {
+                return response[0]['Data'];
+            }
+            else {
+                return [];
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    errorHandler(e) {
+        throw new Error('Method not implemented.');
+    }
+    getUserPreferredAssetTypeDetails(url) {
+        return this.http
+            .get(url + 'xaccess/api/PagePreference/GetAssetTypeDetails')
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    getUserPreferredAssetName(payload, url) {
+        return this.http
+            .post(url + 'xaccess/api/PagePreference/GetAssetName', payload)
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    getServiceNameByAssetTypeEvent(payload, url) {
+        return this.http
+            .post(url + 'xaccess/api/PagePreference/GetServiceDetails', payload)
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    getPreferencePathDetails(payload, url) {
+        return this.http
+            .post(url + 'xaccess/api/PagePreference/CurrentPreferencepathDetails', payload)
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return {};
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    updatePreferencePath(payload, url) {
+        return this.http
+            .post(url + 'xaccess/api/PagePreference/UpdatePreferencePath', payload)
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    updateUserTimeZone(tz, url) {
+        const params = new HttpParams().set('timezone', tz);
+        return this.http
+            .post(url + 'xaccess/api/SecureAccess/UpdateTimeZone', {}, { params: params })
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return '';
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    setLandingPgPreference(moduleId, url) {
+        return this.http
+            .post(url + 'xaccess/api/SecureAccess/SetLandingPage', {
+            moduleId: moduleId,
+        })
+            .pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return '';
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    getInitiateUserLogout() {
+        return this.http.post(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/logout', {}).pipe(map((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return {};
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+}
+CommonHeaderLibService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CommonHeaderLibService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class StorageService {
+    constructor() { }
+    saveData(key, value) {
+        localStorage.setItem(key, value);
+    }
+    getData(key) {
+        return localStorage.getItem(key);
+    }
+    removeData(key) {
+        localStorage.removeItem(key);
+    }
+    clearData() {
+        localStorage.clear();
+    }
+    checkData(key) {
+        const data = localStorage.getItem(key);
+        if (data) {
+            return true;
+        }
+        return false;
+    }
+}
+StorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+StorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StorageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: StorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class EncrpdataService {
+    constructor() {
+        // private publicKey: string =
+        //   '10234186980819816859565723471972110581900468266056266385607156653250136308259057583501560583440295112186917105135474383769292631464432088817050933329522683,65537';
+        this.privateKey = "";
+    }
+    getASCIIValue(text) {
+        let charCodeArr = [];
+        for (let i = 0; i < text.length; i++) {
+            let code = text.charCodeAt(i);
+            charCodeArr.push(BigInt(code));
+        }
+        return charCodeArr;
+    }
+    getModuleValue(arr, num1, num2) {
+        let numArr = [];
+        for (let i = 0; i < arr.length; i++) {
+            let code = Math.pow(arr[i], num2) % num1;
+            numArr.push(code);
+        }
+        return numArr;
+    }
+    getEncrpytedData(text) {
+        this.privateKey = LoggedInUserInfo.privateKey;
+        let key = this.privateKey.split(',');
+        const num1 = BigInt(key[0]);
+        const num2 = BigInt(key[1]);
+        //1. Convert string to phiN 
+        let asciiValue = this.getASCIIValue(text);
+        //2. Get Mod of All Value
+        let ModValue = this.getModuleValue(asciiValue, num1, num2);
+        //3. Convert Arr to String
+        // let encodedText = ModValue.join('-');
+        const encodedText = ModValue.map(b => b.toString()).join('-');
+        return encodedText;
+    }
+    encodeToBase64(text) {
+        return btoa(text);
+    }
+    decodeToBase64(text) {
+        return atob(text);
+    }
+}
+EncrpdataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrpdataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EncrpdataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrpdataService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrpdataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+// import { CookieStorageManagerService } from '../cookie-storage-manager.service';
+class RestSignalRService {
+    constructor(_localStorage, _encrpdataService) {
+        this._localStorage = _localStorage;
+        this._encrpdataService = _encrpdataService;
+        this.eventMsg = new BehaviorSubject({});
+        this.AuthToken = "";
+        this.hubURLS = [];
+        //Method: Established the Connection With SignalR to get RealTime Data
+        this.establishedConnection = () => __awaiter(this, void 0, void 0, function* () {
+            // console.log('Token SingalR: ', this.AuthToken);
+            this.hubConnection = new signalR.HubConnectionBuilder()
+                .withUrl(`${GlobalConstants.signalRURL}/chatHub`, {
+                skipNegotiation: true,
+                transport: signalR.HttpTransportType.WebSockets,
+                headers: { Authorization: `Bearer ${this.AuthToken}` },
+            })
+                .build();
+            try {
+                yield this.hubConnection.start();
+                console.log('SignalR connection established successfully');
+                this.addMessageListener();
+            }
+            catch (error) {
+                console.error('Error establishing SignalR connection:', error);
+                throw error;
+            }
+        });
+    }
+    initializeSignalRConnection() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!GlobalConstants.signalRURL) {
+                throw new Error('No hub URLs provided');
+            }
+            this.hubURLS = GlobalConstants.signalRURL ? GlobalConstants.signalRURL.split(',') : [];
+            if (this.hubURLS.length === 1) {
+                GlobalConstants.signalRURL = this.hubURLS[0];
+                yield this.establishedConnection();
+                return;
+            }
+            let lastUsedIndex = this.getLastUsedIndex();
+            for (let i = 0; i < this.hubURLS.length; i++) {
+                const index = (lastUsedIndex + i) % this.hubURLS.length;
+                GlobalConstants.signalRURL = this.hubURLS[index];
+                try {
+                    yield this.establishedConnection();
+                    this.setLastUsedIndex(index + 1); // Update for next round
+                    break; // Exit the loop if connection is successful
+                }
+                catch (error) {
+                    console.error(`Error connecting to hub ${this.hubURLS[index]}:`, error);
+                }
+            }
+            if (!this.hubConnection) {
+                throw new Error("All SignalR connections failed");
+            }
+        });
+    }
+    addMessageListener() {
+        this.hubConnection.on('ReceiveMessage', (user, data) => {
+            console.log('Rx SignalR: ', user, 'Data: ', data);
+            data = JSON.parse(data);
+            this.emitEventMsg(data);
+        });
+    }
+    emitEventMsg(data) {
+        this.eventMsg.next(data);
+    }
+    listenerEventMsg() {
+        return this.eventMsg.asObservable();
+    }
+    getLastUsedIndexv1() {
+        const lastIndex = this._localStorage.getData(COOKIECONSTANT.SIGNALR_INDEX);
+        return lastIndex ? Number(this._encrpdataService.decodeToBase64(lastIndex)) || 0 : 0;
+    }
+    getLastUsedIndex() {
+        const lastIndex = this._localStorage.getData(COOKIECONSTANT.SIGNALR_INDEX);
+        return lastIndex ? Number(this._encrpdataService.decodeToBase64(lastIndex)) || 0 : 0;
+    }
+    setLastUsedIndex(index) {
+        const lastIndex = this._encrpdataService.encodeToBase64(index.toString());
+        this._localStorage.saveData(COOKIECONSTANT.SIGNALR_INDEX, lastIndex);
+    }
+}
+RestSignalRService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RestSignalRService, deps: [{ token: StorageService }, { token: EncrpdataService }], target: i0.ɵɵFactoryTarget.Injectable });
+RestSignalRService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RestSignalRService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RestSignalRService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: StorageService }, { type: EncrpdataService }]; } });
+
+class EventService {
+    constructor(_cookie) {
+        this._cookie = _cookie;
+        this.getUserLOB = new BehaviorSubject({});
+        this.getAssetType = new BehaviorSubject({});
+        this.refreshSidebar = new BehaviorSubject({});
+        this.filterRecords = new Subject();
+        this.AuthMethods = new BehaviorSubject([]);
+        this.refreshEmails = new BehaviorSubject({});
+        this.timeZone = new BehaviorSubject({});
+    }
+    emitLOBEvent(data) {
+        this.getUserLOB.next(data);
+    }
+    listenerLOBEvent() {
+        return this.getUserLOB.asObservable();
+    }
+    emitAssetTypeEvent(data) {
+        this.getAssetType.next(data);
+    }
+    listenerAssetTypeEvent() {
+        return this.getAssetType.asObservable();
+    }
+    emitrefreshSidebar(data) {
+        this.refreshSidebar.next(data);
+    }
+    listenerrefreshSidebar() {
+        return this.refreshSidebar.asObservable();
+    }
+    emitFilterRecords(data) {
+        this.filterRecords.next(data);
+    }
+    listenerFilterEvent() {
+        return this.filterRecords.asObservable();
+    }
+    emitAuthMethod(data) {
+        this.AuthMethods.next(data);
+    }
+    listenerAuthMethod() {
+        return this.AuthMethods.asObservable();
+    }
+    emitUserEmail(data) {
+        this.refreshEmails.next(data);
+    }
+    listenerUserEmail() {
+        return this.refreshEmails.asObservable();
+    }
+    emitTimezone(data) {
+        this.timeZone.next(data);
+    }
+    listenerTimezone() {
+        return this.timeZone.asObservable();
+    }
+    // checkMFAv1(mfaUrl: string) {
+    //   return new Promise((resolve, reject) => {
+    //     const params = `scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,
+    //     width=600,height=500,left=350,top=150`;
+    //     const mfaWindow = open(mfaUrl, 'CI Authentication', params);
+    //     //setInterval to check cookie every second
+    //     const interval = setInterval(() => {
+    //       if (this._cookie.get(COOKIECONSTANT.MFASTATUSCHECK)) {
+    //         clearInterval(interval);
+    //         // clearTimeout(timeout);
+    //         mfaWindow.close();
+    //         resolve(true);
+    //       }
+    //       else if (this._cookie.get(COOKIECONSTANT.MFASTATUSCHECKFAIL)) {
+    //         clearInterval(interval);
+    //         mfaWindow.close();
+    //         reject(false);
+    //       }
+    //     }, 1000);
+    //     //when use close window manually
+    //     let flag = false;
+    //     mfaWindow.onunload = () => {
+    //       if (flag) {
+    //         console.log("window closed manually");
+    //         clearInterval(interval);
+    //         // clearTimeout(timeout);
+    //         reject(false);
+    //       }
+    //       flag = true;
+    //     }
+    //   })
+    // }
+    checkMFA(mfaUrl) {
+        return new Promise((resolve, reject) => {
+            const params = `scrollbars=no,resizable=no,status=no,location=no,toolbar=no,menubar=no,
+      width=600,height=500,left=350,top=150`;
+            const mfaWindow = window.open(mfaUrl, 'CI Authentication', params);
+            if (!mfaWindow) {
+                reject(new Error("Failed to open MFA window. Popup blocked?"));
+                return;
+            }
+            // Polling interval to check cookie every second
+            const interval = setInterval(() => {
+                if (this._cookie.get(COOKIECONSTANT.MFASTATUSCHECK)) {
+                    clearInterval(interval);
+                    mfaWindow.close();
+                    resolve(true);
+                }
+                else if (this._cookie.get(COOKIECONSTANT.MFASTATUSCHECKFAIL)) {
+                    clearInterval(interval);
+                    mfaWindow.close();
+                    reject(false);
+                }
+            }, 1000);
+            // Detect manual close of popup window
+            const checkPopupClosed = setInterval(() => {
+                if (mfaWindow.closed) {
+                    clearInterval(interval);
+                    clearInterval(checkPopupClosed);
+                    reject(false);
+                }
+            }, 500);
+        });
+    }
+}
+EventService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EventService, deps: [{ token: i1$1.CookieService }], target: i0.ɵɵFactoryTarget.Injectable });
+EventService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EventService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.CookieService }]; } });
+
+class HttpCommonService {
+    constructor(http) {
+        this.http = http;
+        this.xAccessAPIUrl = '/xaccess/api/SecureAccess/';
+        this.metaAPIUrl = '/meta/api/metadata/';
+        this.metaAPIUrl1 = '/meta/api/Metadata/';
+        this.xServiceAPIUrl = '/xservice/api/CIInfraAsset/';
+        this.workflowAPIUrl = '/workflow/api/Workflow/Workflow/';
+    }
+    getLogo() {
+        return this.http
+            .get(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}BackgroundLogo`)
+            .pipe(map$1((response) => {
+            return response['result'];
+        }));
+    }
+    getGlobalTimeZone() {
+        return this.http
+            .get(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}GetSystemTimeZones`)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    updateUserTimeZone(tz) {
+        const params = new HttpParams().set('timezone', tz);
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}UpdateTimeZone`, {}, { params: params })
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return '';
+            }
+        }));
+    }
+    getLOBList() {
+        return this.http
+            .get(`${GlobalConstants.baseURL}${this.metaAPIUrl}Lobs`)
+            .pipe(map$1((response) => {
+            return response;
+        }));
+    }
+    getUnreadUserEmailsCount() {
+        return this.http
+            .get(`${GlobalConstants.baseURL}${this.xServiceAPIUrl}MailBoxCount`)
+            .pipe(map$1((response) => {
+            if (response && response['success'] && response['result'] > 0) {
+                return response['result'];
+            }
+            else {
+                return 0;
+            }
+        }));
+    }
+    getUserAssignedMails(userDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xServiceAPIUrl}MailBox`, userDetails)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    /*Method : GET
+     Action : Get Application Password  */
+    getAccessToViewServicePassword(mailDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xServiceAPIUrl}OpenServicePwd`, mailDetails)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                response['result'][1] = response['message'];
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    getUserAssignedApps() {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}GetUserPriviledgesList`, {})
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'].filter((x) => x.appCode != null);
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    getLoggedInUserDetails() {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}GetUsersDetailsById`, {})
+            .pipe(map$1((response) => {
+            return response;
+        }));
+    }
+    //Method: Used to Total Notification count of user
+    //Action: It used get all notification count
+    getWorkFlowTicketCount(userDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.workflowAPIUrl}GetWorkFlowTicketCount`, userDetails)
+            .pipe(map$1((response) => {
+            if (response && response[0]['Success']) {
+                if (response[0]['Data'][0]) {
+                    return response[0]['Data'][0];
+                }
+                else {
+                    return {};
+                }
+            }
+            else {
+                return {};
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    getWorkFlowTicketEventwiseCount(userDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.workflowAPIUrl}GetWorkFlowTicketCountEventWise`, userDetails)
+            .pipe(map$1((response) => {
+            if (response && response[0]['Success']) {
+                // return response[0]['Data'];
+                return [];
+            }
+            else {
+                return [];
+            }
+        }));
+    }
+    setLandingPgPreference(moduleId) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}SetLandingPage`, {
+            moduleId: moduleId,
+        })
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return '';
+            }
+        }));
+    }
+    /*Method : POST
+     Action :Will validate User entered PWD as
+    per Password Policy Set
+       */
+    validatePassword(userDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}ValidatePassword`, userDetails)
+            .pipe(catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    /*Method : POST
+     Action : RESET Password for First Time User
+       */
+    setNewpassword(loggedInUserDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xAccessAPIUrl}ChangeUserArcXwdManually`, loggedInUserDetails)
+            .pipe(catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    errorHandler(e) {
+        throw new Error('Method not implemented.');
+    }
+    /*Method : GET
+     Action : Get hiding the password for a service. */
+    getProtectedServiceCredentials(mailDetails) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xServiceAPIUrl}GetServicePasswordClose`, mailDetails)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return false;
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    /*Method : POST
+    Parameter : subID  , id
+     Action : Get configuration ID based on to show hide DOMAIN dropdown
+       */
+    getglobalConfigDetails(subid, id) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.metaAPIUrl1}GetArcosConfigsValues?subId=${subid}`, id)
+            .pipe(map$1((response) => {
+            if (response['statusCode'] === 200) {
+                let result = response['result'];
+                return result;
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+}
+HttpCommonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpCommonService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpCommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpCommonService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpCommonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class ToastMsgService {
+    constructor(toastr) {
+        this.toastr = toastr;
+        this.toastType_sucess = 'toast-success';
+        this.toastType_info = 'toast-info';
+        this.toastType_error = 'toast-error';
+        this.toastType_warning = 'toast-warn';
+    }
+    success(textMessage) {
+        console.log(this.isToastMsgActive(), textMessage);
+        if (this.isToastMsgActive()) {
+            if (this.checkActiveToastMessagesByType(this.toastType_sucess)) {
+                this.updateActiveToastMessage(textMessage, this.toastType_sucess);
+            }
+            else {
+                this.toastr.success(textMessage);
+            }
+        }
+        else {
+            this.toastr.success(textMessage);
+        }
+    }
+    error(textMessage) {
+        if (this.isToastMsgActive()) {
+            if (this.checkActiveToastMessagesByType(this.toastType_error)) {
+                this.updateActiveToastMessage(textMessage, this.toastType_error);
+            }
+            else {
+                this.toastr.error(textMessage);
+            }
+        }
+        else {
+            this.toastr.error(textMessage);
+        }
+    }
+    info(textMessage) {
+        if (this.isToastMsgActive()) {
+            if (this.checkActiveToastMessagesByType(this.toastType_info)) {
+                this.updateActiveToastMessage(textMessage, this.toastType_info);
+            }
+            else {
+                this.toastr.info(textMessage);
+            }
+        }
+        else {
+            this.toastr.info(textMessage);
+        }
+    }
+    warning(textMessage) {
+        if (this.isToastMsgActive()) {
+            if (this.checkActiveToastMessagesByType(this.toastType_warning)) {
+                this.updateActiveToastMessage(textMessage, this.toastType_warning);
+            }
+            else {
+                this.toastr.warning(textMessage);
+            }
+        }
+        else {
+            this.toastr.warning(textMessage);
+        }
+    }
+    updateActiveToastMessage(textMessage, ToastType) {
+        const activeToasts = this.getActiveToastMessagesByType(ToastType);
+        if (activeToasts.length > 0) {
+            const toastObj = activeToasts[0];
+            toastObj.toastRef.componentInstance.message = textMessage;
+            // console.log('Updated Toast: ', toastObj.toastRef.componentInstance);
+        }
+    }
+    isToastMsgActive() {
+        return this.toastr.currentlyActive ? true : false;
+    }
+    getActiveToastMessagesByType(type) {
+        return this.toastr.toasts.filter((toastItem) => toastItem.toastRef.componentInstance.toastPackage.toastType.includes(type));
+    }
+    checkActiveToastMessagesByType(type) {
+        return this.toastr.toasts.some((toastItem) => toastItem.toastRef.componentInstance.toastPackage.toastType == type);
+    }
+    clear() {
+        this.toastr.clear();
+    }
+}
+ToastMsgService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastMsgService, deps: [{ token: i1$2.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
+ToastMsgService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastMsgService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ToastMsgService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToastrService }]; } });
+
+class EncrydecryRSAdataService {
+    generateAESKey() {
+        const publicKey = this.getPublicKey();
+        const symmetricKey = this.generateKeyAndIV();
+        const gkey = symmetricKey.key.toString();
+        const giv = symmetricKey.iv.toString();
+        const key = gkey + ',' + giv;
+        const encryptedSymmetricKey = this.encryptSymmetricKey(gkey, publicKey);
+        const encryptedSymmetriciv = this.encryptSymmetricKey(giv, publicKey);
+        return String(encryptedSymmetricKey + ',' + encryptedSymmetriciv);
+    }
+    encryptViaRSA(simpleText) {
+        const { symmKey, symmIV } = this.getRSAsymmetricKeyIV();
+        const encryptedText = this.encryptText(simpleText, symmKey, symmIV);
+        return encryptedText;
+    }
+    decryptViaRSA(encrpyText) {
+        const { symmKey, symmIV } = this.getRSAsymmetricKeyIV();
+        const decryptedText = this.decryptText(encrpyText, symmKey, symmIV);
+        return decryptedText;
+    }
+    generateKeyAndIV() {
+        const key = CryptoJS.lib.WordArray.random(32); // 32 bytes for AES-256
+        const iv = CryptoJS.lib.WordArray.random(16); // 16 bytes IV
+        return { key, iv };
+    }
+    encryptText(plaintext, hkey, hiv) {
+        //* If the data is Object then converting the object into JSON.stringify()
+        if (typeof plaintext === 'object' && plaintext !== null) {
+            plaintext = JSON.stringify(plaintext);
+        }
+        const key = CryptoJS.enc.Hex.parse(hkey);
+        const iv = CryptoJS.enc.Hex.parse(hiv);
+        const encrypted = CryptoJS.AES.encrypt(plaintext, key, {
+            iv: iv,
+            mode: CryptoJS.mode.CBC,
+            padding: CryptoJS.pad.Pkcs7,
+        });
+        return encrypted.toString();
+    }
+    encryptSymmetricKey(key, publicKey) {
+        try {
+            const rsa = new JSEncrypt();
+            rsa.setPublicKey(publicKey);
+            const encryptedKey = rsa.encrypt(key);
+            if (!encryptedKey)
+                throw new Error('Encryption failed. The key might be improperly formatted.');
+            return encryptedKey;
+        }
+        catch (error) {
+            console.error(`Encryption error: ${error.message}`);
+            return '';
+        }
+    }
+    decryptText(encryptedBase64, hkey, hiv) {
+        const key = CryptoJS.enc.Hex.parse(hkey);
+        const iv = CryptoJS.enc.Hex.parse(hiv);
+        const decrypted = CryptoJS.AES.decrypt(encryptedBase64, key, {
+            iv: iv,
+            mode: CryptoJS.mode.CBC,
+            padding: CryptoJS.pad.Pkcs7,
+        });
+        return decrypted.toString(CryptoJS.enc.Utf8);
+    }
+    getPublicKey() {
+        const publicKey = this.base64ToPem(localStorage.getItem('001-SAC-GEC') || '');
+        return publicKey;
+    }
+    getRSAsymmetricKeyIV() {
+        let symmKey = '';
+        let symmIV = '';
+        const key = localStorage.getItem('001-SAC-GEC');
+        if (key === null || key === void 0 ? void 0 : key.includes(',')) {
+            const syymArr = key.split(',');
+            symmKey = syymArr[0];
+            symmIV = syymArr[1];
+        }
+        return { symmKey, symmIV };
+    }
+    base64ToPem(base64Key) {
+        var _a;
+        const pemHeader = '-----BEGIN PUBLIC KEY-----';
+        const pemFooter = '-----END PUBLIC KEY-----';
+        const chunkSize = 64; // Standard line length for PEM files
+        const formattedKey = ((_a = base64Key.match(new RegExp(`.{1,${chunkSize}}`, 'g'))) === null || _a === void 0 ? void 0 : _a.join('\n')) || '';
+        return `${pemHeader}\n${formattedKey}\n${pemFooter}`;
+    }
+}
+EncrydecryRSAdataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrydecryRSAdataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+EncrydecryRSAdataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrydecryRSAdataService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrydecryRSAdataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class ASYNCPasswordcheckService {
+    constructor(httpCommonService, encryptService) {
+        this.httpCommonService = httpCommonService;
+        this.encryptService = encryptService;
+        this.pwdErrorMsg = '';
+        this.pwdValidation = new Subject();
+    }
+    createValidator() {
+        return (control) => {
+            //For AES Encrp/Dec
+            const userPassword = this.encryptService.encryptViaRSA(control.value);
+            let useDetails = {
+                userARCXWD: userPassword,
+                // userId: LoggedInUserInfo.userId,
+                // userName: LoggedInUserInfo.userName,
+            };
+            return control.valueChanges.pipe(debounceTime(500), take(1), switchMap((_) => this.httpCommonService.validatePassword(useDetails).pipe(map((data) => {
+                if (data['success']) {
+                    this.pwdErrorMsg = data['message'];
+                    // console.log(this.pwdErrorMsg);
+                    this.emitValidationMsg(this.pwdErrorMsg);
+                    return null;
+                }
+                else {
+                    this.pwdErrorMsg = data['errorMessage'];
+                    this.emitValidationMsg(this.pwdErrorMsg);
+                    // console.log(this.pwdErrorMsg);
+                    return { pwdInvalid: true };
+                }
+            }), catchError(() => of({ pwdInvalid: true })))));
+        };
+    }
+    emitValidationMsg(msg) {
+        this.pwdValidation.next(msg);
+    }
+    listValidationMsg() {
+        return this.pwdValidation.asObservable();
+    }
+}
+ASYNCPasswordcheckService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ASYNCPasswordcheckService, deps: [{ token: HttpCommonService }, { token: EncrydecryRSAdataService }], target: i0.ɵɵFactoryTarget.Injectable });
+ASYNCPasswordcheckService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ASYNCPasswordcheckService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ASYNCPasswordcheckService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: HttpCommonService }, { type: EncrydecryRSAdataService }]; } });
+function ConfirmedValidator(controlName, matchingControlName) {
+    return (formGroup) => {
+        const control = formGroup.controls[controlName];
+        const matchingControl = formGroup.controls[matchingControlName];
+        if (matchingControl.errors &&
+            !matchingControl.errors['confirmedValidator']) {
+            return;
+        }
+        if (control.value !== matchingControl.value) {
+            matchingControl.setErrors({ confirmedValidator: true });
+        }
+        else {
+            matchingControl.setErrors(null);
+        }
+    };
+}
+
+function noSpaceAllowed() {
+    return (control) => {
+        const value = control.value;
+        if (!value) {
+            return null; // No value is not an error here
+        }
+        // Check if the value starts with a space or contains any space
+        const hasLeadingSpace = value.startsWith(' ');
+        // const hasAnySpace = value.includes(' ');
+        if (hasLeadingSpace) {
+            return { noSpace: true };
+        }
+        return null;
+    };
+}
+
+class CookieStorageManagerService {
+    constructor(cookie, _http) {
+        this.cookie = cookie;
+        this._http = _http;
+    }
+    //Check if cookies is set or not
+    checksetCookies(cookiesParam1) {
+        let status = this.cookie.check(cookiesParam1);
+        if (status) {
+            return true;
+        }
+        else {
+            return false;
+        }
+    }
+    //get cookies value
+    getCookieValue(cookiesParam) {
+        let status = this.cookie.check(cookiesParam);
+        if (status) {
+            let cookieValue = this.cookie.get(cookiesParam);
+            return cookieValue;
+        }
+        //What if cookies not found
+        else {
+            return '';
+        }
+    }
+    //Set cookies value
+    setCookiesValue(key, value) {
+        this.cookie.set(key, value);
+    }
+    //Delete a specific cookie
+    deleteCookie(cookieKey) {
+        this.cookie.delete(cookieKey);
+    }
+    //Delete All cookie
+    clearAllCookies() {
+        const cookies = this.cookie.getAll();
+        for (const cookieName in cookies) {
+            if (cookies.hasOwnProperty(cookieName)) {
+                this.cookie.delete(cookieName);
+            }
+        }
+    }
+    //Delete All cookie
+    // clearCookiesByAPI(payload: any) {
+    //   const delCookieEndpoint = `${GlobalConstants.baseURL}/xaccess/api/SecureAccess/cookiesUpdation`;
+    //   return this._http.post(delCookieEndpoint, payload).pipe(map((response:any)=>{
+    //     if (response && response['success']) {
+    //       return response['result'];
+    //     } else {
+    //       return null;
+    //     }
+    //   }));
+    // }
+    //Set Long cookies
+    setLongCookie(name, value, maxChunkSize) {
+        for (let i = 0; i < Math.ceil(value.length / maxChunkSize); i++) {
+            const chunk = value.substring(i * maxChunkSize, (i + 1) * maxChunkSize);
+            this.setCookiesValue(`${name}_${i}`, chunk);
+        }
+    }
+}
+CookieStorageManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CookieStorageManagerService, deps: [{ token: i1$1.CookieService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+CookieStorageManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CookieStorageManagerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CookieStorageManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.CookieService }, { type: i1.HttpClient }]; } });
+
+class EncrydecrydataService {
+    constructor(_storageService) {
+        this._storageService = _storageService;
+        this.phiN = BigInt('1439652808780798693078119762209596147168096953796219172262910821317967061987350219660913015278464376519592636923598633193936864497263640780784805168728449');
+        this.m = BigInt('1439652808780798693078119762209596147168096953796219172262910821317967061987270868696269635759315523684521986922202953647194318017157636815317250179926320');
+        this.Genrator = 5;
+        this.min = 10000000;
+        this.max = 10000000 * 10000000;
+    }
+    generate() {
+        this.randomPrime = this.generateRandomPrime(this.min, this.max);
+        let code = bigintCryptoUtils.modPow(this.Genrator, BigInt(this.randomPrime), this.phiN);
+        return code;
+    }
+    process(key) {
+        let secretcode = bigintCryptoUtils.modPow(BigInt(key), BigInt(this.randomPrime), this.phiN);
+        // console.log('Private Pro Key: ', secretcode);
+        this._storageService.saveData(COOKIECONSTANT.ERRORCODE, secretcode.toString());
+    }
+    encryptViaCrypto(normalText) {
+        const code = this.getSecretCode();
+        const encryptedMessagedata = this.encryptMessage(normalText, code);
+        return encryptedMessagedata;
+    }
+    decryptViaCrypto(cipherText) {
+        const decryptedData = this.base64ToUint8Array(cipherText);
+        const code = this.getSecretCode();
+        let decryptdata = this.decrypt(decryptedData, code);
+        let decryptdatastr = this.bytesToString(decryptdata);
+        return decryptdatastr;
+    }
+    decryptResponseViaCrypto(cipherText) {
+        const code = String(this.getPublicKey());
+        const decryptdata = this.decrypt123(cipherText, code);
+        return decryptdata;
+    }
+    //todo amit
+    // private decrypt123(messageme: string, key: string): string {
+    //   let bigKey: bigint = BigInt(key);
+    //   let bytes: string = atob(messageme);
+    //   let decryptedBytes: number[] = [];
+    //   for (let i = 0; i < bytes.length; i++) {
+    //     let byteValue: bigint = BigInt(bytes.charCodeAt(i));
+    //     byteValue = (byteValue - bigKey) % 256n;
+    //     if (byteValue < 0n) {
+    //       byteValue = 256n + byteValue;
+    //     }
+    //     decryptedBytes.push(Number(byteValue));
+    //   }
+    //   let decryptedMessage: string = String.fromCharCode.apply(
+    //     null,
+    //     decryptedBytes
+    //   );
+    //   return decryptedMessage;
+    // }
+    //new amit
+    decrypt123(messageme, key) {
+        const bigKey = BigInt(key);
+        const bytes = atob(messageme);
+        const decryptedBytes = [];
+        for (let i = 0; i < bytes.length; i++) {
+            let byteValue = BigInt(bytes.charCodeAt(i));
+            byteValue = (byteValue - bigKey) % BigInt(256);
+            if (byteValue < BigInt(0)) {
+                byteValue = BigInt(256) + byteValue;
+            }
+            decryptedBytes.push(Number(byteValue));
+        }
+        return String.fromCharCode(...decryptedBytes);
+    }
+    encryptMessage(message, sharedSecret) {
+        const messageBytes = new TextEncoder().encode(message);
+        const encryptedMessage = this.encrypt(messageBytes, sharedSecret);
+        // console.log(encryptedMessage);
+        return this.encryptMessageToBase64(encryptedMessage);
+        //return encryptedMessage;
+    }
+    base64ToUint8Array(base64String) {
+        const decodedString = atob(base64String);
+        const uint8Array = new Uint8Array(decodedString.length);
+        for (let i = 0; i < decodedString.length; i++) {
+            uint8Array[i] = decodedString.charCodeAt(i);
+        }
+        return uint8Array;
+    }
+    bytesToString(bytes) {
+        let str = '';
+        for (let i = 0; i < bytes.length; i++) {
+            str += String.fromCharCode(bytes[i]);
+        }
+        return str;
+    }
+    encryptMessageToBase64(encryptedMessage) {
+        const encryptedArray = Array.from(encryptedMessage);
+        const messageString = String.fromCharCode.apply(null, encryptedArray);
+        const base64String = btoa(messageString);
+        return base64String;
+    }
+    bigintToBytes(key) {
+        const hexString = key.toString(16);
+        const byteLength = Math.ceil(hexString.length / 2);
+        const bytes = new Uint8Array(byteLength);
+        let i = hexString.length;
+        let j = 0;
+        while (i > 0) {
+            bytes[j++] = parseInt(hexString.substring(Math.max(i - 2, 0), i), 16);
+            i -= 2;
+        }
+        return bytes;
+    }
+    encrypt(data, key) {
+        const keyBytes = this.bigintToBytes(key);
+        const encryptedData = new Uint8Array(data.length);
+        for (let i = 0; i < data.length; i++) {
+            encryptedData[i] = data[i] ^ keyBytes[i % keyBytes.length];
+        }
+        return encryptedData;
+    }
+    decrypt(data, key) {
+        return this.encrypt(data, key);
+    }
+    generateRandomPrime(min, max) {
+        const isPrime = (num) => {
+            if (num <= 1)
+                return false;
+            if (num <= 3)
+                return true;
+            if (num % 2 === 0 || num % 3 === 0)
+                return false;
+            let i = 5;
+            while (i * i <= num) {
+                if (num % i === 0 || num % (i + 2) === 0)
+                    return false;
+                i += 6;
+            }
+            return true;
+        };
+        let prime;
+        do {
+            prime = Math.floor(Math.random() * (max - min + 1)) + min;
+        } while (!isPrime(prime));
+        return prime;
+    }
+    getSecretCode() {
+        var _a;
+        //todo Amit -
+        // const key = this._storageService.getData(COOKIECONSTANT.ERRORCODE);
+        const key = (_a = this._storageService.getData(COOKIECONSTANT.ERRORCODE)) !== null && _a !== void 0 ? _a : '0000';
+        return this.convertToBigInt(key);
+    }
+    convertToBigInt(value) {
+        try {
+            return BigInt(value);
+        }
+        catch (_a) {
+            return BigInt('0000');
+        }
+    }
+    getPublicKey() {
+        const publicKey = LoggedInUserInfo.privateKey;
+        // Check if publicKey is undefined, null, or empty
+        if (!publicKey) {
+            console.error('Public key is missing.');
+            return this.convertToBigInt('0');
+        }
+        const KeyArr = publicKey.split(',');
+        if (KeyArr.length === 0 || !KeyArr[0]) {
+            return this.convertToBigInt('0');
+        }
+        const keySegment = KeyArr[0];
+        // const keySegment = KeyArr[0].slice(0, 10);
+        // const keySegment = this.getSlicePublicKey(KeyArr[0]);
+        if (!keySegment) {
+            return this.convertToBigInt('0');
+        }
+        try {
+            return this.convertToBigInt(keySegment);
+        }
+        catch (error) {
+            return this.convertToBigInt('0');
+        }
+    }
+    getSlicePublicKey(key) {
+        const subString = key.length >= 20 ? key.substring(0, 20) : key;
+        const uniqueKey = this.getUniqueLetter(subString);
+        return uniqueKey;
+    }
+    getUniqueLetter(text) {
+        const textSet = new Set(text);
+        const uniqueString = [...textSet].join('');
+        return uniqueString;
+    }
+}
+EncrydecrydataService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrydecrydataService, deps: [{ token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable });
+EncrydecrydataService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrydecrydataService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: EncrydecrydataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: StorageService }]; } });
+
+class RESTLoginFormService {
+    constructor(_http, cookieService, _encryptDec) {
+        this._http = _http;
+        this.cookieService = cookieService;
+        this._encryptDec = _encryptDec;
+    }
+    /*Method : GET
+     Action : Fetch Domain List  */
+    fetchDomainList() {
+        return this._http
+            .get(GlobalConstants.baseURL + 'meta/api/Metadata/Domains')
+            .pipe(map((response) => {
+            let result = [];
+            if (response['statusCode'] === 200) {
+                if (response['result'].length > 0) {
+                    let result = response['result'];
+                    return result;
+                }
+                else {
+                    return [];
+                }
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    errorHandler(e) {
+        throw new Error('Method not implemented.');
+    }
+    /*Method : POST
+    Parameter : subID  , id
+     Action : Get configuration ID based on to show hide DOMAIN dropdown
+       */
+    getglobalConfigDetails(subid, id) {
+        return this._http
+            .post(GlobalConstants.baseURL +
+            'meta/api/Metadata/GetArcosConfigsValues?subId=' +
+            subid, id)
+            .pipe(map((response) => {
+            let result = [];
+            if (response['statusCode'] === 200) {
+                let result = response['result'];
+                return result;
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /*Method : POST
+     Action : get login to user
+       */
+    // userAuthentication(userDetails: any) {
+    //   return this._http
+    //     .post(
+    //       GlobalConstants.baseURL + 'xaccess/api/SecureAccess/Authenticate',
+    //       userDetails
+    //     )
+    //     .pipe(
+    //       map((response: any) => {
+    //         if (response && response['data']) {
+    //           return this.getDecryptAPIResponse(response['data']);
+    //         }
+    //       }),
+    //       catchError((e) => throwError(this.errorHandler(e)))
+    //     );
+    // }
+    /*Method : POST
+     Action : RESET Password for First Time User
+       */
+    setNewpassword(loggedInUserDetails) {
+        return this._http
+            .post(GlobalConstants.baseURL +
+            'xaccess/api/SecureAccess/ChangeUserArcXwdManually', loggedInUserDetails)
+            .pipe(catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /*Method : POST
+     Action :Will validate User entered PWD as
+    per Password Policy Set
+       */
+    validatePassword(userDetails) {
+        return this._http
+            .post(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/ValidatePassword', userDetails)
+            .pipe(catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /*Method : POST
+      Action : Get Public Key for encryption of Data  */
+    getPrivateKey(params) {
+        return this._http
+            .post(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/XKEDSync', params)
+            .pipe(catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /* Method : POST
+     Action : Send request for OTP of MFA Authenticator  */
+    sendMFAOTPRequest(mfaDetails) {
+        return this._http
+            .post(GlobalConstants.baseURL + 'xmfa/api/Mfa/mfa', mfaDetails)
+            .pipe(map((response) => {
+            let result = [];
+            if (response['success']) {
+                let result = response['result'];
+                return result;
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /* Method : POST
+     Action : Submit User Enter OTP of MFA Authenticator  */
+    submitOtpForMfaVerification(mfaDetails) {
+        return this._http
+            .post(GlobalConstants.baseURL + 'xmfa/api/Mfa/mfavalidation', mfaDetails)
+            .pipe(map((response) => {
+            let result = [];
+            if (response['success']) {
+                let result = response['result'];
+                return result;
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /*Method : POST
+     Action : It will provide Token which used for multiple Application access */
+    getAuthToken(userDetails) {
+        return this._http
+            .post(GlobalConstants.baseURL + 'xauth/api/Token/GenerateJwtTokenApplication', userDetails)
+            .pipe(map((response) => {
+            if (response) {
+                return response;
+            }
+            else {
+                return '';
+            }
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /* Method : GET
+     Action : It will provide Token which used to established MFA Method  */
+    // getMFAAccessTokenKey() {
+    //   return this._http
+    //     .get<any>(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/GetMfaDetails')
+    //     .pipe(
+    //       map((response) => {
+    //         if (response && response['data']) {
+    //           return this.getDecryptAPIResponse(response['data']);
+    //         }
+    //         return {};
+    //       }),
+    //       catchError((e) => throwError(this.errorHandler(e)))
+    //     );
+    // }
+    /* Method : POST
+     Action : It will check Valida User or not  */
+    // checkUserExists(userDetails: any) {
+    //   return this._http
+    //     .post(
+    //       GlobalConstants.baseURL + 'xaccess/api/SecureAccess/ValidateUser',
+    //       userDetails
+    //     )
+    //     .pipe(
+    //       map((response: any) => {
+    //         if (response && response['data']) {
+    //           return this.getDecryptAPIResponse(response['data']);
+    //         }
+    //         return {};
+    //       }),
+    //       catchError((e) => throwError(this.errorHandler(e)))
+    //     );
+    // }
+    /* Method : POST
+     Action : Unlock User to enable login process */
+    unlockUserAccount(userDetails) {
+        return this._http
+            .post(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/ValidateUser', userDetails)
+            .pipe(map((result) => {
+            return result;
+        }), catchError((e) => throwError(this.errorHandler(e))));
+    }
+    /* Method : GET
+     Action : It will provide Third Parth AUth Method etc. Google, Okta, Microsoft  */
+    // getThirdPartySignInMethods() {
+    //   return this._http
+    //     .get(
+    //       GlobalConstants.baseURL + 'xaccess/api/SecureAccess/GetThirdPartyDetail'
+    //     )
+    //     .pipe(
+    //       map((response: any) => {
+    //         let result: any = [];
+    //         if (response['success']) {
+    //           return response['result'];
+    //         }
+    //         return result;
+    //       }),
+    //       catchError((error: any) => throwError(this.errorHandler(error)))
+    //     );
+    // }
+    /* Method : POST
+     Action : It will Verify plugin version is correct or not */
+    // public verifyUserInstalledPluginVersion(pluginInfo: any) {
+    //   return this._http
+    //     .post(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/CheckAutoUpdatePAMPlugin',
+    //       pluginInfo).pipe(
+    //         map((response: any) => {
+    //           return response['result'];
+    //         }),
+    //         catchError((error: any) => throwError(this.errorHandler(error)))
+    //       );
+    // }
+    /**
+     * Verifies user authentication using Windows credentials.
+     */
+    // public checkAuthenticateWithWindowsCredentials(pluginInfo: any) {
+    //   return this._http
+    //     .post(GlobalConstants.baseURL + 'xdomainauth/api/DomainAuthentication/DomainAuth',
+    //       // .post(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/DomainAuth',
+    //       pluginInfo).pipe(
+    //         map((response: any) => {
+    //           if (response && response['data']) {
+    //             return this.getDecryptAPIResponse(response['data']);
+    //           }
+    //           return {};
+    //         }),
+    //         catchError((error: any) => throwError(this.errorHandler(error)))
+    //       );
+    // }
+    /*Method : GET
+     Action : Get User Background Image and Logo  */
+    getUserBackgroundImageAndLogo() {
+        return this._http
+            .get(GlobalConstants.baseURL + 'xaccess/api/SecureAccess/GetBackgroundImage')
+            .pipe(map((response) => {
+            return response;
+        }), catchError((error) => throwError(this.errorHandler(error))));
+    }
+    // public getVerifiedUserSessionDetails(authToken: string) {
+    //   return this._http.post(
+    //     GlobalConstants.baseURL + 'xaccess/api/SecureAccess/ValidateUserSessionDetail', { state: authToken }).pipe(
+    //       map((response: any) => {
+    //         if (response && response['data']) {
+    //           return this.getDecryptAPIResponse(response['data']);
+    //         }
+    //         return {};
+    //       }),
+    //       catchError((error: any) => throwError(this.errorHandler(error)))
+    //     );
+    // }
+    deleteCookieData(payload) {
+        const url = this.cookieService.getCookieValue('baseurl');
+        const delCookieEndpoint = `${url}xaccess/api/SecureAccess/cookiesUpdation`;
+        return this._http.post(delCookieEndpoint, payload);
+    }
+    /**
+     * Decrypts a base64-encoded, MessagePack-encoded ciphertext into its original tuple form.
+     *
+     * @param cipherText - The encrypted string received from the API.
+     * @returns The decoded tuple [key, value] if decryption is successful; otherwise, an empty object.
+     *
+     * Steps:
+     * 1. Decrypts the cipherText using custom crypto method.
+     * 2. Decodes the base64 response into a binary Uint8Array.
+     * 3. Deserializes the binary using MessagePack's decode to get the original data.
+     */
+    // private getDecryptAPIResponse_old(cipherText: string): any {
+    //   if (cipherText) {
+    //     const responseString =
+    //       this._encryptDec.decryptResponseViaCrypto(cipherText);
+    //     const binary = Uint8Array.from(atob(responseString), c => c.charCodeAt(0));
+    //     const decodedArray = decode(binary) as [string, string];
+    //     // console.log(decodedArray);
+    //     return decodedArray
+    //   }
+    //   return {};
+    // }
+    getDecryptAPIResponse(cipherText) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (cipherText) {
+                const responseString = yield this._encryptDec.decryptResponseViaCrypto(cipherText); // await here
+                const binary = Uint8Array.from(atob(responseString), (c) => c.charCodeAt(0));
+                const decodedArray = decode(binary);
+                // console.log(decodedArray);
+                return decodedArray;
+            }
+            return {};
+        });
+    }
+}
+RESTLoginFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RESTLoginFormService, deps: [{ token: i1.HttpClient }, { token: CookieStorageManagerService }, { token: EncrydecrydataService }], target: i0.ɵɵFactoryTarget.Injectable });
+RESTLoginFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RESTLoginFormService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: RESTLoginFormService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: CookieStorageManagerService }, { type: EncrydecrydataService }]; } });
+
+class VaptValidationService {
+    constructor() { }
+    hasUnsafeInput(formData) {
+        const dangerousPattern = /<\s*(script|iframe|object|embed|link|style)\b[^>]*>(.*?)<\s*\/\s*\1\s*>|<\s*(script|iframe|object|embed|link|style)\b[^>]*\/?>|<[^>]+>/gi;
+        function checkValue(value) {
+            if (typeof value === 'string') {
+                return dangerousPattern.test(value);
+            }
+            if (Array.isArray(value)) {
+                return value.some(checkValue);
+            }
+            if (typeof value === 'object' && value !== null) {
+                return Object.values(value).some(checkValue);
+            }
+            // If it's a number, boolean, null, or undefined, ignore
+            return false;
+        }
+        return checkValue(formData);
+    }
+}
+VaptValidationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VaptValidationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+VaptValidationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VaptValidationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: VaptValidationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class HttpGeneralConfigurationService {
+    constructor(http) {
+        this.http = http;
+        this.xPageRefAPIUrl = '/xaccess/api/PagePreference/';
+    }
+    getUserPreferredAssetTypeDetails() {
+        return this.http
+            .get(`${GlobalConstants.baseURL}${this.xPageRefAPIUrl}GetAssetTypeDetails`)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    getUserPreferredAssetName(payload) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xPageRefAPIUrl}GetAssetName`, payload)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    getServiceNameByAssetTypeEvent(payload) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xPageRefAPIUrl}GetServiceDetails`, payload)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return [];
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    getPreferencePathDetails(payload) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xPageRefAPIUrl}CurrentPreferencepathDetails`, payload)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return response['result'];
+            }
+            else {
+                return {};
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    updatePreferencePath(payload) {
+        return this.http
+            .post(`${GlobalConstants.baseURL}${this.xPageRefAPIUrl}UpdatePreferencePath`, payload)
+            .pipe(map$1((response) => {
+            if (response && response['success']) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }), catchError$1((e) => throwError(this.errorHandler(e))));
+    }
+    errorHandler(e) {
+        throw new Error('Method not implemented.');
+    }
+}
+HttpGeneralConfigurationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpGeneralConfigurationService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpGeneralConfigurationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpGeneralConfigurationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: HttpGeneralConfigurationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class TimezoneConfigurationComponent {
+    constructor(fb, msgService, _storageService, _eventService, translateService, httpCommonService) {
+        this.fb = fb;
+        this.msgService = msgService;
+        this._storageService = _storageService;
+        this._eventService = _eventService;
+        this.translateService = translateService;
+        this.httpCommonService = httpCommonService;
+        this.timeZoneForm = new FormGroup({}); //user Reset Password Form
+        this.ListOfTimeZones = [];
+        this.isTimezoneLoading = false;
+        this.isTimezoneupdate = false;
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.tzSuccessMsg = errorMsg.TIMEZONESUCCESS;
+        this.tzErrorMsg = errorMsg.TIMEZONERROR;
+        this.apiUrl = '';
+        this.closepopup = new EventEmitter();
+    }
+    ngAfterViewInit() {
+        this.getTranslateContent();
+    }
+    ngOnInit() {
+        //Get Initalize Form
+        // this.fetchUserDetails();
+        console.log('insisde timexzone cmp');
+        this.getListofTimeZones();
+        this.getInitalizeForm();
+    }
+    getInitalizeForm() {
+        this.timeZoneForm = this.fb.group({
+            timezone: [null, Validators.required], // Add Validators.required
+        });
+    }
+    //Method: Convert text one Lang. to another
+    getTranslateContent() {
+        this.translateService
+            .get(['Generic_lib.TimeZoneSuccessMsg', 'Generic_lib.TimeZoneErrorMsg'])
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((trans) => {
+            this.tzSuccessMsg = trans['Generic_lib.TimeZoneSuccessMsg'];
+            this.tzErrorMsg = trans['Generic_lib.TimeZoneErrorMsg'];
+        });
+    }
+    /*Method : GET
+     Action : Get List of Time Zone*/
+    getListofTimeZones() {
+        this.isTimezoneLoading = true;
+        this.httpCommonService
+            .getGlobalTimeZone()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.isTimezoneLoading = false;
+        }))
+            .subscribe((result) => {
+            if (result && result['timelist']) {
+                this.ListOfTimeZones = result['timelist'];
+            }
+            if (result && result['userTimeZone']) {
+                let userTz = result['userTimeZone'];
+                const selectedTZ = this.ListOfTimeZones.find((tz) => tz.id === userTz);
+                this.setTimezoneOptionValue(selectedTZ);
+            }
+        });
+    }
+    /*Method : POST
+     Action : Used to Update User Selected TimeZone*/
+    setUserTimeZone() {
+        var _a;
+        const tz = (_a = this.timeZoneForm.get('timezone')) === null || _a === void 0 ? void 0 : _a.value;
+        let tzName = tz['id'];
+        this.showBtnLoadder(true);
+        this.httpCommonService
+            .updateUserTimeZone(tzName)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.showBtnLoadder(false);
+        }))
+            .subscribe((result) => {
+            if (result) {
+                setTimeout(() => {
+                    this.setTimezoneOptionValue(tz);
+                }, 10);
+                this.msgService.success(this.tzSuccessMsg);
+                this._storageService.removeData(COOKIECONSTANT.NEWUSER);
+                this._eventService.emitTimezone({
+                    component: 'timezone',
+                    usertimezoneAbbreviations: result,
+                    userTimeZoneFullForm: '',
+                });
+                this.closepopup.emit(true);
+                this.timeZoneForm.reset();
+            }
+            else {
+                this.msgService.error(this.tzErrorMsg);
+            }
+        });
+    }
+    setTimezoneOptionValue(selectedTZ) {
+        var _a;
+        if (selectedTZ) {
+            this.selectedTimeZone = selectedTZ;
+            (_a = this.timeZoneForm.get('timezone')) === null || _a === void 0 ? void 0 : _a.setValue(this.selectedTimeZone);
+        }
+    }
+    showBtnLoadder(flag) {
+        this.isTimezoneupdate = flag;
+    }
+    ngOnDestroy() {
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+    }
+}
+TimezoneConfigurationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimezoneConfigurationComponent, deps: [{ token: i2.FormBuilder }, { token: ToastMsgService }, { token: StorageService }, { token: EventService }, { token: i4.TranslateService }, { token: HttpCommonService }], target: i0.ɵɵFactoryTarget.Component });
+TimezoneConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TimezoneConfigurationComponent, selector: "app-timezone-configuration", outputs: { closepopup: "closepopup" }, ngImport: i0, template: "<div class=\"preference-container\">\r\n  <form [formGroup]=\"timeZoneForm\">\r\n    <div class=\"mt-2\">\r\n      <div class=\"form-group\">\r\n        <div class=\"d-flex\">\r\n          <div class=\"label-name\">{{\"Generic_lib.PreferredTimezone\" | translate }}</div>\r\n          <span class=\"madontary-icon\">*</span>\r\n        </div>\r\n        <div class=\" timezone-dropdown\">\r\n          <p-dropdown [options]=\"ListOfTimeZones\" filterPlaceholder='{{ \"Generic_lib.Search\" | translate }}'\r\n            placeholder='{{\"Generic_lib.TimeZonePlaceHolder\" | translate}}' formControlName=\"timezone\"\r\n            [(ngModel)]=\"selectedTimeZone\" [filter]=\"!isTimezoneLoading ? true:false\" optionLabel=\"displayName\"\r\n            filterBy=\"displayName\" [showClear]=\"false\" panelStyleClass=\"{'dropdown-loader': isTimezoneLoading}\">\r\n\r\n            <ng-template pTemplate=\"header\">\r\n              <div *ngIf=\"isTimezoneLoading\" class=\"dropdown-loader-container\">\r\n                <i class=\"pi pi-spin pi-spinner\"></i>\r\n              </div>\r\n            </ng-template></p-dropdown>\r\n        </div>\r\n        <ng-container *ngIf=\"\r\n              timeZoneForm.get('timezone')?.invalid &&\r\n              timeZoneForm.get('timezone')?.touched\r\n            \">\r\n          <span class=\"error-msg mt-1\">{{'Generic_lib.TimeZoneFieldValidation' | translate}}</span>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"mt-2 update-btn\">\r\n      <p-button class=\"submit-btn\" label=\"{{'Generic_lib.Update' | translate}}\" [disabled]=\"timeZoneForm.invalid\"\r\n        iconPos=\"right\" [loading]=\"isTimezoneupdate\" (onClick)=\"setUserTimeZone()\"></p-button>\r\n    </div>\r\n  </form>\r\n</div>", styles: [".preference-container .path-title{font-size:20px;color:#292f4c}.preference-container .form-group{margin-bottom:15px}.preference-container .label-name{font-size:12px;color:#292f4c;line-height:26px;font-weight:600}.preference-container .cur-text{font-size:12px;color:#676879;line-height:26px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TimezoneConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-timezone-configuration', template: "<div class=\"preference-container\">\r\n  <form [formGroup]=\"timeZoneForm\">\r\n    <div class=\"mt-2\">\r\n      <div class=\"form-group\">\r\n        <div class=\"d-flex\">\r\n          <div class=\"label-name\">{{\"Generic_lib.PreferredTimezone\" | translate }}</div>\r\n          <span class=\"madontary-icon\">*</span>\r\n        </div>\r\n        <div class=\" timezone-dropdown\">\r\n          <p-dropdown [options]=\"ListOfTimeZones\" filterPlaceholder='{{ \"Generic_lib.Search\" | translate }}'\r\n            placeholder='{{\"Generic_lib.TimeZonePlaceHolder\" | translate}}' formControlName=\"timezone\"\r\n            [(ngModel)]=\"selectedTimeZone\" [filter]=\"!isTimezoneLoading ? true:false\" optionLabel=\"displayName\"\r\n            filterBy=\"displayName\" [showClear]=\"false\" panelStyleClass=\"{'dropdown-loader': isTimezoneLoading}\">\r\n\r\n            <ng-template pTemplate=\"header\">\r\n              <div *ngIf=\"isTimezoneLoading\" class=\"dropdown-loader-container\">\r\n                <i class=\"pi pi-spin pi-spinner\"></i>\r\n              </div>\r\n            </ng-template></p-dropdown>\r\n        </div>\r\n        <ng-container *ngIf=\"\r\n              timeZoneForm.get('timezone')?.invalid &&\r\n              timeZoneForm.get('timezone')?.touched\r\n            \">\r\n          <span class=\"error-msg mt-1\">{{'Generic_lib.TimeZoneFieldValidation' | translate}}</span>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"mt-2 update-btn\">\r\n      <p-button class=\"submit-btn\" label=\"{{'Generic_lib.Update' | translate}}\" [disabled]=\"timeZoneForm.invalid\"\r\n        iconPos=\"right\" [loading]=\"isTimezoneupdate\" (onClick)=\"setUserTimeZone()\"></p-button>\r\n    </div>\r\n  </form>\r\n</div>", styles: [".preference-container .path-title{font-size:20px;color:#292f4c}.preference-container .form-group{margin-bottom:15px}.preference-container .label-name{font-size:12px;color:#292f4c;line-height:26px;font-weight:600}.preference-container .cur-text{font-size:12px;color:#676879;line-height:26px;font-weight:600}\n"] }]
+        }], ctorParameters: function () { return [{ type: i2.FormBuilder }, { type: ToastMsgService }, { type: StorageService }, { type: EventService }, { type: i4.TranslateService }, { type: HttpCommonService }]; }, propDecorators: { closepopup: [{
+                type: Output
+            }] } });
+
+class LandingpgConfigComponent {
+    constructor(libService, fb, msgService, translateService, _encryptRSAService, httpCommonService) {
+        this.libService = libService;
+        this.fb = fb;
+        this.msgService = msgService;
+        this.translateService = translateService;
+        this._encryptRSAService = _encryptRSAService;
+        this.httpCommonService = httpCommonService;
+        this.AppNameForm = new FormGroup({});
+        this.ListofApplicationNames = [];
+        this.isAppNameLoading = false;
+        this.isAppNameUpdate = false;
+        this.updateSuccess = errorMsg.LANDINGPGSUCCESS;
+        this.updateError = errorMsg.LANDINGPGERROR;
+        this.userConfiguredApp = {};
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.apiUrl = '';
+    }
+    ngAfterViewInit() {
+        this.getTranslateContent();
+    }
+    ngOnInit() {
+        this.getListofApplications();
+        this.getInitalizeForm();
+    }
+    getInitalizeForm() {
+        this.AppNameForm = this.fb.group({
+            userApp: [null, Validators.required],
+        });
+    }
+    //Method: Convert text one Lang. to another
+    getTranslateContent() {
+        this.translateService
+            .get([
+            'Generic_lib.LandingPageSuccessMsg',
+            'Generic_lib.LandingPageErrorMsg',
+        ])
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((trans) => {
+            this.updateSuccess = trans['Generic_lib.LandingPageSuccessMsg'];
+            this.updateError = trans['Generic_lib.LandingPageErrorMsg'];
+        });
+    }
+    /*Method : GET
+     Action : Get List of User Assign Application*/
+    getListofApplications() {
+        this.isAppNameLoading = true;
+        this.httpCommonService
+            .getUserAssignedApps()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.isAppNameLoading = false;
+        }))
+            .subscribe((response) => {
+            this.ListofApplicationNames = response;
+            this.userConfiguredApp = this.ListofApplicationNames.find((app) => app.isAssignedLanding);
+            this.setPostLoginModuleOption(this.userConfiguredApp);
+        });
+    }
+    /*Method : POST
+     Action : Used to Update User Preferred Landing App Name*/
+    getUpdateLandingPgPreference() {
+        var _a;
+        const userApp = (_a = this.AppNameForm.get('userApp')) === null || _a === void 0 ? void 0 : _a.value;
+        const moduleId = this._encryptRSAService.encryptViaRSA(userApp['appCode']);
+        this.showBtnLoadder(true);
+        this.httpCommonService
+            .setLandingPgPreference(moduleId)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.showBtnLoadder(false);
+        }))
+            .subscribe((result) => {
+            if (result) {
+                setTimeout(() => {
+                    this.setPostLoginModuleOption(userApp);
+                }, 10);
+                this.msgService.success(this.updateSuccess);
+                this.AppNameForm.reset();
+            }
+            else {
+                this.msgService.error(this.updateError);
+            }
+        });
+    }
+    setPostLoginModuleOption(userConfiguredApp) {
+        var _a;
+        if (userConfiguredApp) {
+            (_a = this.AppNameForm.get('userApp')) === null || _a === void 0 ? void 0 : _a.setValue(userConfiguredApp);
+        }
+    }
+    showBtnLoadder(flag) {
+        this.isAppNameUpdate = flag;
+    }
+    ngOnDestroy() {
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+    }
+}
+LandingpgConfigComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LandingpgConfigComponent, deps: [{ token: CommonHeaderLibService }, { token: i2.FormBuilder }, { token: ToastMsgService }, { token: i4.TranslateService }, { token: EncrydecryRSAdataService }, { token: HttpCommonService }], target: i0.ɵɵFactoryTarget.Component });
+LandingpgConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LandingpgConfigComponent, selector: "app-landingpg-config", ngImport: i0, template: "<div class=\"preference-container\">\r\n  <form [formGroup]=\"AppNameForm\">\r\n    <div class=\"mt-2\">\r\n      <div class=\"form-group\">\r\n        <div class=\"d-flex\">\r\n          <div class=\"label-name\">{{ \"Generic_lib.LandingPageConfig\" | translate }}</div>\r\n          <span class=\"madontary-icon\">*</span>\r\n        </div>\r\n        <div class=\" timezone-dropdown\">\r\n          <p-dropdown [options]=\"ListofApplicationNames\"\r\n            placeholder='{{\"Generic_lib.LandingPagePlaceHolder\" | translate}}'\r\n            filterPlaceholder='{{\"Generic_lib.Search\" | translate }}' formControlName=\"userApp\"\r\n            [filter]=\"!isAppNameLoading ? true:false\" optionLabel=\"applicationName\" filterBy=\"applicationName\"\r\n            [showClear]=\"false\" panelStyleClass=\"{'dropdown-loader': isAppNameLoading}\">\r\n\r\n            <ng-template pTemplate=\"header\">\r\n              <div *ngIf=\"isAppNameLoading\" class=\"dropdown-loader-container\">\r\n                <i class=\"pi pi-spin pi-spinner\"></i>\r\n              </div>\r\n            </ng-template>\r\n          </p-dropdown>\r\n        </div>\r\n        <ng-container *ngIf=\"AppNameForm.get('userApp')?.invalid && AppNameForm.get('userApp')?.touched\">\r\n          <span class=\"error-msg mt-1\">{{'Generic_lib.LandingPageValidation' | translate}}</span>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"mt-2 update-btn\">\r\n      <p-button class=\"submit-btn\" label=\"{{'Generic_lib.Update' | translate}}\" [disabled]=\"AppNameForm.invalid\"\r\n        iconPos=\"right\" [loading]=\"isAppNameUpdate\" (onClick)=\"getUpdateLandingPgPreference()\"></p-button>\r\n    </div>\r\n  </form>\r\n</div>", styles: [".preference-container .path-title{font-size:20px;color:#292f4c}.preference-container .form-group{margin-bottom:15px}.preference-container .label-name{font-size:12px;color:#292f4c;line-height:26px;font-weight:600}.preference-container .cur-text{font-size:12px;color:#676879;line-height:26px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LandingpgConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-landingpg-config', template: "<div class=\"preference-container\">\r\n  <form [formGroup]=\"AppNameForm\">\r\n    <div class=\"mt-2\">\r\n      <div class=\"form-group\">\r\n        <div class=\"d-flex\">\r\n          <div class=\"label-name\">{{ \"Generic_lib.LandingPageConfig\" | translate }}</div>\r\n          <span class=\"madontary-icon\">*</span>\r\n        </div>\r\n        <div class=\" timezone-dropdown\">\r\n          <p-dropdown [options]=\"ListofApplicationNames\"\r\n            placeholder='{{\"Generic_lib.LandingPagePlaceHolder\" | translate}}'\r\n            filterPlaceholder='{{\"Generic_lib.Search\" | translate }}' formControlName=\"userApp\"\r\n            [filter]=\"!isAppNameLoading ? true:false\" optionLabel=\"applicationName\" filterBy=\"applicationName\"\r\n            [showClear]=\"false\" panelStyleClass=\"{'dropdown-loader': isAppNameLoading}\">\r\n\r\n            <ng-template pTemplate=\"header\">\r\n              <div *ngIf=\"isAppNameLoading\" class=\"dropdown-loader-container\">\r\n                <i class=\"pi pi-spin pi-spinner\"></i>\r\n              </div>\r\n            </ng-template>\r\n          </p-dropdown>\r\n        </div>\r\n        <ng-container *ngIf=\"AppNameForm.get('userApp')?.invalid && AppNameForm.get('userApp')?.touched\">\r\n          <span class=\"error-msg mt-1\">{{'Generic_lib.LandingPageValidation' | translate}}</span>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n    <div class=\"mt-2 update-btn\">\r\n      <p-button class=\"submit-btn\" label=\"{{'Generic_lib.Update' | translate}}\" [disabled]=\"AppNameForm.invalid\"\r\n        iconPos=\"right\" [loading]=\"isAppNameUpdate\" (onClick)=\"getUpdateLandingPgPreference()\"></p-button>\r\n    </div>\r\n  </form>\r\n</div>", styles: [".preference-container .path-title{font-size:20px;color:#292f4c}.preference-container .form-group{margin-bottom:15px}.preference-container .label-name{font-size:12px;color:#292f4c;line-height:26px;font-weight:600}.preference-container .cur-text{font-size:12px;color:#676879;line-height:26px;font-weight:600}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonHeaderLibService }, { type: i2.FormBuilder }, { type: ToastMsgService }, { type: i4.TranslateService }, { type: EncrydecryRSAdataService }, { type: HttpCommonService }]; } });
+
+class GeneralConfigurationComponent {
+    constructor(libService, fb, msgService, encryptService, loginService, _validatePwdService, translateService, _vaptService, config, httpCommonService, httpGeneralConfigService) {
+        this.libService = libService;
+        this.fb = fb;
+        this.msgService = msgService;
+        this.encryptService = encryptService;
+        this.loginService = loginService;
+        this._validatePwdService = _validatePwdService;
+        this.translateService = translateService;
+        this._vaptService = _vaptService;
+        this.config = config;
+        this.httpCommonService = httpCommonService;
+        this.httpGeneralConfigService = httpGeneralConfigService;
+        // export class GeneralConfigurationComponent  {
+        this.ShowPreferencePathScreen = true;
+        this.ShowUserProfileScreen = false;
+        this.ShowChangePasswordScreen = false;
+        this.ShowTimeZoneScreen = false;
+        this.ShowLandinPgScreen = false;
+        this.ShowTimeZoneBtn = false;
+        this.showStatus = false;
+        this.userAssetTypeList = [];
+        this.userAssetNameList = [];
+        this.userServiceList = [];
+        this.userSelectedTimezone = '';
+        // private domainName: string = '';
+        // private domainID: number;
+        // private LoggedInUserID: number;
+        // private username: string;
+        this.filePathName = '';
+        this.lastUpdatedFileStatus = '';
+        this.appSettingForm = new FormGroup({}); // Define form group
+        this.userResetPasswordForm = new FormGroup({}); //user Reset Password Form
+        this.timeZoneForm = new FormGroup({}); //user Reset Password Form
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.makeNewPwdVisible = true;
+        this.makeOldPwdVisible = true;
+        this.makeCnfrmPwdVisible = true;
+        this.isAssetTypeLoading = false;
+        this.isAssetNameLoading = false;
+        this.isConnectionMethodLoading = false;
+        this.isPathUpdated = false;
+        this.pwderrorMsg = '';
+        this.AssetTypeEvent = 'AssetType';
+        this.AssetNameEvent = 'AssetName';
+        this.ConnectionMethodEvent = 'ConnectionMethod';
+        this.pathSuccessMsg = errorMsg.PATHSUCCESS;
+        this.pathErrorMsg = errorMsg.PATHERROR;
+        this.apiURL = '';
+    }
+    ngOnInit() {
+        //Get Initalize Form
+        this.getInitalizeForm();
+        this.OpenPreferencePathScreen();
+    }
+    ngAfterViewInit() {
+        this.getTranslateContent();
+        console.log('ViewInit');
+        // Get PWD Validation MSg From Validation Service
+        this._validatePwdService.listValidationMsg().subscribe((msg) => {
+            console.log('Msg:', msg);
+            this.pwderrorMsg = msg;
+        });
+    }
+    getInitalizeForm() {
+        this.appSettingForm = this.fb.group({
+            AssetType: ['', Validators.required],
+            AssetName: ['', Validators.required],
+            ServiceName: ['', Validators.required],
+            filePathName: ['', [Validators.required, noSpaceAllowed()]],
+        });
+        this.timeZoneForm = this.fb.group({
+            timezone: ['', Validators.required],
+        });
+        // Password Reset Form
+        this.userResetPasswordForm = this.fb.group({
+            oldUserARCXWD: ['', [Validators.required]],
+            newUserARCXWD: [
+                '',
+                [Validators.required],
+                [this._validatePwdService.createValidator()],
+            ],
+            crnmNewUserARCXWD: ['', [Validators.required]],
+        }, {
+            validator: ConfirmedValidator('newUserARCXWD', 'crnmNewUserARCXWD'),
+        });
+    }
+    //   //Method: Convert text one Lang. to another
+    getTranslateContent() {
+        this.translateService
+            .get([
+            'Generic_lib.PreferencePathSuccessMsg',
+            'Generic_lib.PreferencePathErrorMsg',
+        ])
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((trans) => {
+            this.pathSuccessMsg = trans['Generic_lib.PreferencePathSuccessMsg'];
+            this.pathErrorMsg = trans['Generic_lib.PreferencePathErrorMsg'];
+        });
+    }
+    OpenPreferencePathScreen() {
+        this.closeAllScreen();
+        setTimeout(() => {
+            this.ShowPreferencePathScreen = true;
+            this.appSettingForm.reset();
+            this.userAssetTypeList = [];
+            this.userAssetNameList = [];
+            this.userServiceList = [];
+            this.getServiceAssetDetails();
+        }, 10);
+    }
+    OpenUserProfileScreen() {
+        this.closeAllScreen();
+        this.ShowUserProfileScreen = true;
+    }
+    OpenChangePasswordScreen() {
+        this.closeAllScreen();
+        this.ShowChangePasswordScreen = true;
+        this.userResetPasswordForm.reset();
+        // this.getEncryptKey();
+    }
+    OpenTimezoneScreen() {
+        this.closeAllScreen();
+        this.ShowTimeZoneScreen = true;
+    }
+    OpenLandingPgConfig() {
+        this.closeAllScreen();
+        this.ShowLandinPgScreen = true;
+    }
+    closeAllScreen() {
+        this.ShowPreferencePathScreen = false;
+        this.ShowUserProfileScreen = false;
+        this.ShowChangePasswordScreen = false;
+        this.ShowTimeZoneScreen = false;
+        this.ShowLandinPgScreen = false;
+    }
+    preferencePathValueChange(eventName) {
+        var _a, _b, _c;
+        if (eventName === this.AssetTypeEvent) {
+            const assetType = (_a = this.appSettingForm.get('AssetType')) === null || _a === void 0 ? void 0 : _a.value;
+            this.showStatus = false;
+            this.resetFormfields(['AssetName', 'ServiceName', 'filePathName']);
+            this.userAssetNameList = [];
+            this.userServiceList = [];
+            this.getServiceAssetName(assetType['assetTypeID']);
+        }
+        else if (eventName === this.AssetNameEvent) {
+            const assetName = (_b = this.appSettingForm.get('AssetName')) === null || _b === void 0 ? void 0 : _b.value;
+            this.showStatus = false;
+            this.resetFormfields(['ServiceName', 'filePathName']);
+            this.userServiceList = [];
+            this.fetchServiceNameByAssetTypeEvent(assetName['assetName']);
+        }
+        else if (eventName === this.ConnectionMethodEvent) {
+            const ServiceDetails = (_c = this.appSettingForm.get('ServiceName')) === null || _c === void 0 ? void 0 : _c.value;
+            this.showStatus = false;
+            this.resetFormfields(['filePathName']);
+            this.getFilePathDetails(ServiceDetails['serviceTypeId']);
+        }
+    }
+    //   /*Action : Used to Get Asset Type to update Prefrence Path of Connectors */
+    getServiceAssetDetails() {
+        this.isAssetTypeLoading = true;
+        this.httpGeneralConfigService
+            .getUserPreferredAssetTypeDetails()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.isAssetTypeLoading = false;
+        }))
+            .subscribe((data) => {
+            this.userAssetTypeList = data;
+        });
+    }
+    //   /*Action : Used to Get Asset Name to update Prefrence Path of that Asset's Connectors */
+    getServiceAssetName(assetTypeID) {
+        this.isAssetNameLoading = true;
+        let payload = {
+            assetTypeId: assetTypeID,
+        };
+        this.httpGeneralConfigService
+            .getUserPreferredAssetName(payload)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.isAssetNameLoading = false;
+        }))
+            .subscribe((data) => {
+            this.userAssetNameList = data;
+        });
+    }
+    //   /*Method : GET
+    //    Action : get User Assigned ServiceName By AssetTypeEvent */
+    fetchServiceNameByAssetTypeEvent(assetName) {
+        this.isConnectionMethodLoading = true;
+        let payload = {
+            assetName: assetName,
+        };
+        this.httpGeneralConfigService
+            .getServiceNameByAssetTypeEvent(payload)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.isConnectionMethodLoading = false;
+        }))
+            .subscribe((data) => {
+            this.userServiceList = data;
+        });
+    }
+    //   /*Method : GET
+    //    Action : Fetch User's File Path Details and Status already set or not */
+    getFilePathDetails(serviceID) {
+        let payload = {
+            // userId: this.LoggedInUserID,
+            serviceTypeId: serviceID,
+        };
+        this.httpGeneralConfigService
+            .getPreferencePathDetails(payload)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((res) => {
+            this.preferencePathID = res['spmId'];
+            if (res && res['currentSetting'] && res['lastUpdate']) {
+                this.showStatus = true;
+                this.filePathName = res['currentSetting'];
+                this.lastUpdatedFileStatus = res['lastUpdate'];
+            }
+            else {
+                this.filePathName = '';
+                this.showStatus = false;
+                this.lastUpdatedFileStatus = '';
+            }
+        });
+    }
+    //   /*Action : It saves or updates a preference path of user */
+    setUserPreferencePath(appSettingForm) {
+        this.toggleBtnLoadder(true);
+        const userpath = String(appSettingForm.value['filePathName']).trim();
+        let payload = {
+            // userId: this.LoggedInUserID,
+            // userLogTime: this._cookieService.getCookieValue(COOKIECONSTANT.SESSIONID),
+            serviceTypeId: appSettingForm.value['ServiceName']['serviceTypeId'],
+            supDescription: userpath,
+            spmId: this.preferencePathID,
+        };
+        this.httpGeneralConfigService
+            .updatePreferencePath(payload)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.toggleBtnLoadder(false);
+        }))
+            .subscribe((res) => {
+            if (res) {
+                this.resetForm();
+                this.showStatus = false;
+                this.msgService.success(this.pathSuccessMsg);
+            }
+            else {
+                this.msgService.error(this.pathErrorMsg);
+            }
+        });
+    }
+    //   //Method : Used to perform password reset of User
+    resetLoggedInPwd() {
+        if (this._vaptService.hasUnsafeInput(this.userResetPasswordForm.value)) {
+            this.msgService.error(errorMsg.SCRIPTERROR);
+            return;
+        }
+        this.userResetPasswordForm.markAllAsTouched();
+        if (this.userResetPasswordForm.valid) {
+            this.changeLoggedInPwd();
+        }
+    }
+    //   /*Method: will User New Password to API */
+    changeLoggedInPwd() {
+        //For Encrp/Dec
+        let oldUserARCXWD = this.encryptService.encryptViaRSA(this.userResetPasswordForm.value['oldUserARCXWD']);
+        //For Encrp/Dec
+        let newUserARCXWD = this.encryptService.encryptViaRSA(this.userResetPasswordForm.value['newUserARCXWD']);
+        let userPwdDetails = {
+            ipAddress: '',
+            oldUserARCXWD: oldUserARCXWD,
+            newUserARCXWD: newUserARCXWD,
+            authenticationType: 0,
+        };
+        console.log(userPwdDetails);
+        this.toggleBtnLoadder(true);
+        this.httpCommonService
+            .setNewpassword(userPwdDetails)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.toggleBtnLoadder(false);
+        }))
+            .subscribe((data) => {
+            if (data['success']) {
+                this.msgService.success(data['message']);
+                this.userResetPasswordForm.reset();
+            }
+            else if (!data['success']) {
+                this.msgService.error(data['errorMessage']);
+            }
+        });
+    }
+    //   /*Method:
+    //     Action : Get Public Key for encryption of User Details  */
+    getEncryptKey() {
+        let params = {
+            type: 0,
+        };
+        this.loginService
+            .getPrivateKey(params)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((data) => {
+            if (data['success'] === true) {
+                LoggedInUserInfo.privateKey = data['result'];
+            }
+            else if (data['success'] === false) {
+                this.msgService.error('Session Token Error !');
+            }
+        });
+    }
+    //   /*Method : POST
+    //    Action : Get configuration ID based on to show hide Time Zone*/
+    getglobalConfigDetails() {
+        this.loginService
+            .getglobalConfigDetails('1', [336])
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((data) => {
+            if (data && data.length > 0) {
+                data.forEach((element) => {
+                    if (element && element['id'] === 336 && element['value'] === '0') {
+                        this.ShowTimeZoneBtn = true;
+                    }
+                    else {
+                        this.ShowTimeZoneBtn = false;
+                    }
+                });
+            }
+        });
+    }
+    //   //  Show/Hide Password Fileds of Change Pwd form
+    togglePasswordVisibility(flag) {
+        if (flag === 1) {
+            this.makeOldPwdVisible = !this.makeOldPwdVisible;
+        }
+        else if (flag === 2) {
+            this.makeNewPwdVisible = !this.makeNewPwdVisible;
+        }
+        else if (flag === 3) {
+            this.makeCnfrmPwdVisible = !this.makeCnfrmPwdVisible;
+        }
+    }
+    resetForm() {
+        this.appSettingForm.reset();
+    }
+    resetFormfields(fields) {
+        fields.forEach((fieldsName) => {
+            var _a;
+            (_a = this.appSettingForm.get(fieldsName)) === null || _a === void 0 ? void 0 : _a.reset();
+        });
+    }
+    toggleBtnLoadder(flag) {
+        this.isPathUpdated = flag;
+    }
+    ngOnDestroy() {
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+    }
+}
+GeneralConfigurationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GeneralConfigurationComponent, deps: [{ token: CommonHeaderLibService }, { token: i2.FormBuilder }, { token: ToastMsgService }, { token: EncrydecryRSAdataService }, { token: RESTLoginFormService }, { token: ASYNCPasswordcheckService }, { token: i4.TranslateService }, { token: VaptValidationService }, { token: i1$3.DynamicDialogConfig }, { token: HttpCommonService }, { token: HttpGeneralConfigurationService }], target: i0.ɵɵFactoryTarget.Component });
+GeneralConfigurationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GeneralConfigurationComponent, selector: "app-general-configuration", providers: [DialogService], ngImport: i0, template: "<div class=\"row my-3\">\r\n  <!-- Left_Card_Started -->\r\n  <div class=\"col-lg-4 pl-0\">\r\n    <div class=\"left-card\">\r\n      <div class=\"p-3\">\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowPreferencePathScreen }\"\r\n          (click)=\"OpenPreferencePathScreen()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.PreferencePath\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowChangePasswordScreen }\"\r\n          (click)=\"OpenChangePasswordScreen()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.ChangePassword\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowTimeZoneScreen }\"\r\n          (click)=\"OpenTimezoneScreen()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.PreferredTimezone\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowLandinPgScreen }\"\r\n          (click)=\"OpenLandingPgConfig()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.LandingPageConfig\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- Left_Card_Ended -->\r\n\r\n  <!--User Profile -->\r\n  <ng-container *ngIf=\"ShowUserProfileScreen\">\r\n    <div class=\"col-lg-6\">\r\n      <div class=\"initial-text\">\r\n        {{ \"AK\" }}\r\n      </div>\r\n      <div class=\"preference-container\">\r\n        <!--Card-->\r\n        <div class=\"mt-3\">\r\n          <div class=\"form-group\">\r\n            <div class=\"label-name\">\r\n              {{ \"Generic_lib.UserName\" | translate }}\r\n            </div>\r\n            <div class=\"input-dropdown d-flex align-items-center\">\r\n              <input\r\n                type=\"text\"\r\n                pInputText\r\n                formControlName=\"text\"\r\n                placeholder=\"{{ 'Generic_lib.UserName' | translate }}\"\r\n                autocomplete=\"off\"\r\n              />\r\n              <img\r\n                src=\".../../../../../assets/common-header-lib/images/images/user-name.svg\"\r\n                alt=\"Icon\"\r\n                class=\"position-absolute px-2\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"form-group\">\r\n            <div class=\"label-name\">{{ \"Generic_lib.Email\" | translate }}</div>\r\n            <div class=\"input-dropdown d-flex align-items-center\">\r\n              <input\r\n                type=\"text\"\r\n                pInputText\r\n                formControlName=\"text\"\r\n                placeholder=\"{{ 'Generic_lib.EmailAddress' | translate }}\"\r\n                autocomplete=\"off\"\r\n              />\r\n              <img\r\n                src=\".../../../../../assets/common-header-lib/images/gc-mail.svg\"\r\n                alt=\"Icon\"\r\n                class=\"position-absolute px-2\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-4\">\r\n            <p-button class=\"submit-btn\" label=\"Submit\"></p-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Preference PathScreen -->\r\n  <ng-container>\r\n  <!-- <ng-container *ngIf=\"ShowPreferencePathScreen\"> -->\r\n    <div class=\"col-lg-6\" [hidden]=\"!ShowPreferencePathScreen\">\r\n      <div class=\"preference-container\">\r\n        <div class=\"mt-3\">\r\n          <form [formGroup]=\"appSettingForm\">\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.AssetType\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"assets-dropdown\">\r\n                <p-dropdown\r\n                  [options]=\"userAssetTypeList\"\r\n                  formControlName=\"AssetType\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.AssetTypePlaceholder' | translate\r\n                  }}\"\r\n                  filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n                  (onChange)=\"preferencePathValueChange(AssetTypeEvent)\"\r\n                  optionLabel=\"assetType\"\r\n                  [filter]=\"!isAssetTypeLoading ? true : false\"\r\n                  filterBy=\"assetType\"\r\n                  [showClear]=\"false\"\r\n                  [resetFilterOnHide]=\"true\"\r\n                  panelStyleClass=\"{'dropdown-loader': isAssetTypeLoading}\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <div\r\n                      *ngIf=\"isAssetTypeLoading\"\r\n                      class=\"dropdown-loader-container\"\r\n                    >\r\n                      <i class=\"pi pi-spin pi-spinner\"></i>\r\n                    </div>\r\n                  </ng-template>\r\n                </p-dropdown>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('AssetType')?.invalid &&\r\n                  appSettingForm.get('AssetType')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.AssetTypeFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.AssetName\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"assets-dropdown\">\r\n                <p-dropdown\r\n                  [options]=\"userAssetNameList\"\r\n                  formControlName=\"AssetName\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.AssetNamePlaceholder' | translate\r\n                  }}\"\r\n                  filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n                  optionLabel=\"assetName\"\r\n                  [filter]=\"!isAssetNameLoading ? true : false\"\r\n                  filterBy=\"assetType\"\r\n                  (onChange)=\"preferencePathValueChange(AssetNameEvent)\"\r\n                  filterBy=\"assetName\"\r\n                  panelStyleClass=\"{'dropdown-loader': isAssetNameLoading}\"\r\n                  [showClear]=\"false\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <div\r\n                      *ngIf=\"isAssetNameLoading\"\r\n                      class=\"dropdown-loader-container\"\r\n                    >\r\n                      <i class=\"pi pi-spin pi-spinner\"></i>\r\n                    </div>\r\n                  </ng-template>\r\n                </p-dropdown>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('AssetName')?.invalid &&\r\n                  appSettingForm.get('AssetName')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.AssetNameFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.ConnectionMethod\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"assets-dropdown\">\r\n                <p-dropdown\r\n                  [options]=\"userServiceList\"\r\n                  formControlName=\"ServiceName\"\r\n                  filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.ConnectionMethodPlaceholder' | translate\r\n                  }}\"\r\n                  optionLabel=\"tbvDescrption\"\r\n                  [filter]=\"true\"\r\n                  filterBy=\"tbvDescrption\"\r\n                  (onChange)=\"preferencePathValueChange(ConnectionMethodEvent)\"\r\n                  [filter]=\"!isConnectionMethodLoading ? true : false\"\r\n                  [showClear]=\"false\"\r\n                  panelStyleClass=\"{'dropdown-loader': isConnectionMethodLoading}\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <div\r\n                      *ngIf=\"isConnectionMethodLoading\"\r\n                      class=\"dropdown-loader-container\"\r\n                    >\r\n                      <i class=\"pi pi-spin pi-spinner\"></i>\r\n                    </div> </ng-template\r\n                ></p-dropdown>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('ServiceName')?.invalid &&\r\n                  appSettingForm.get('ServiceName')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.ConnectionMethodFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group position-relative\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.PreferencePath\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"input-dropdown d-flex align-items-center\">\r\n                <input\r\n                  type=\"text\"\r\n                  placeholder=\"{{ 'Generic_lib.PreferencePath' | translate }}\"\r\n                  pInputText\r\n                  formControlName=\"filePathName\"\r\n                  id=\"filepath\"\r\n                  name=\"filepath\"\r\n                  autocomplete=\"off\"\r\n                />\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/filepath.svg\"\r\n                  alt=\"path Icon\"\r\n                  class=\"position-absolute mx-2 img-lock ext\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('filePathName')?.invalid &&\r\n                  (appSettingForm.get('filePathName')?.touched ||\r\n                    appSettingForm.get('filePathName')?.dirty)\r\n                \"\r\n              >\r\n                <ng-container\r\n                  *ngIf=\"\r\n                    appSettingForm.controls['filePathName'].errors?.['required']\r\n                  \"\r\n                >\r\n                  <span class=\"error-msg mt-2\">{{\r\n                    \"Generic_lib.PreferencePathFieldValidation\" | translate\r\n                  }}</span>\r\n                </ng-container>\r\n                <ng-container\r\n                  *ngIf=\"\r\n                    appSettingForm.controls['filePathName'].errors?.['noSpace']\r\n                  \"\r\n                >\r\n                  <span class=\"error-msg mt-2\">{{\r\n                    \"Generic_lib.PreferencePathFieldSpaceValidation\" | translate\r\n                  }}</span>\r\n                </ng-container>\r\n              </ng-container>\r\n            </div>\r\n            <ng-container *ngIf=\"showStatus\">\r\n              <div class=\"form-group d-flex align-items-center\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.CurrentSetting\" | translate }} :\r\n                </div>\r\n                <div class=\"cur-text mx-2\">{{ filePathName }}</div>\r\n              </div>\r\n              <div class=\"form-group d-flex align-items-center\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.LastUpdated\" | translate }}\r\n                </div>\r\n                <div class=\"cur-text mx-2\">{{ lastUpdatedFileStatus }}</div>\r\n              </div>\r\n            </ng-container>\r\n            <div class=\"mt-4\">\r\n              <p-button\r\n                class=\"submit-btn\"\r\n                label=\"{{ 'Generic_lib.Update' | translate }}\"\r\n                [disabled]=\"appSettingForm.invalid\"\r\n                (onClick)=\"setUserPreferencePath(appSettingForm)\"\r\n                iconPos=\"right\"\r\n                [loading]=\"isPathUpdated\"\r\n              ></p-button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- TimeZone Screen -->\r\n  <ng-container *ngIf=\"ShowTimeZoneScreen\">\r\n    <div class=\"col-lg-6\">\r\n      <app-timezone-configuration></app-timezone-configuration>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- LandingPg Config Screen -->\r\n  <ng-container *ngIf=\"ShowLandinPgScreen\">\r\n    <div class=\"col-lg-6\">\r\n      <app-landingpg-config></app-landingpg-config>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!--Change Password Screen -->\r\n  <!-- <ng-container *ngIf=\"ShowChangePasswordScreen\"> -->\r\n    <ng-container>\r\n    <div class=\"col-lg-6\" [hidden]=\"!ShowChangePasswordScreen\">\r\n      <div class=\"preference-container\">\r\n        <div class=\"mt-3\">\r\n          <form [formGroup]=\"userResetPasswordForm\">\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.CurrentPassword\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div\r\n                class=\"input-dropdown d-flex align-items-center position-relative\"\r\n              >\r\n                <div class=\"password-checkbox-right\">\r\n                  <div class=\"checkbox-visibility-icon\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      (click)=\"togglePasswordVisibility(1)\"\r\n                      autocomplete=\"off\"\r\n                    />\r\n                    <span></span>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"{{ makeOldPwdVisible ? 'password' : 'text' }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.PasswordPlaceholder' | translate\r\n                  }}\"\r\n                  pInputText\r\n                  formControlName=\"oldUserARCXWD\"\r\n                  autocomplete=\"off\"\r\n                  id=\"oldpwd\"\r\n                  name=\"oldpwd\"\r\n                  autocomplete=\"off\"\r\n                />\r\n\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/lock-pass.svg\"\r\n                  alt=\"lock Icon\"\r\n                  class=\"position-absolute mx-2 img-lock\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm.get('oldUserARCXWD')?.invalid &&\r\n                  userResetPasswordForm.get('oldUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.PasswordFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.NewPassword\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div\r\n                class=\"input-dropdown d-flex align-items-center position-relative\"\r\n              >\r\n                <div class=\"password-checkbox-right\">\r\n                  <div class=\"checkbox-visibility-icon\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      (click)=\"togglePasswordVisibility(2)\"\r\n                      autocomplete=\"off\"\r\n                    />\r\n                    <span></span>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"{{ makeNewPwdVisible ? 'password' : 'text' }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.NewPasswordPlaceholder' | translate\r\n                  }}\"\r\n                  pInputText\r\n                  formControlName=\"newUserARCXWD\"\r\n                  id=\"newpwd\"\r\n                  autocomplete=\"off\"\r\n                  name=\"newpwd\"\r\n                  autocomplete=\"off\"\r\n                />\r\n\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/lock-pass.svg\"\r\n                  alt=\"lock Icon\"\r\n                  class=\"position-absolute mx-2 img-lock\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('newUserARCXWD')\r\n                    ?.hasError('required') &&\r\n                  userResetPasswordForm.get('newUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.NewPasswordFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('newUserARCXWD')\r\n                    ?.hasError('pwdInvalid') &&\r\n                  userResetPasswordForm.get('newUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{ pwderrorMsg }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.ConfirmPassword\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div\r\n                class=\"input-dropdown d-flex align-items-center position-relative\"\r\n              >\r\n                <div class=\"password-checkbox-right\">\r\n                  <div class=\"checkbox-visibility-icon\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      (click)=\"togglePasswordVisibility(3)\"\r\n                      autocomplete=\"off\"\r\n                    />\r\n                    <span></span>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"{{ makeCnfrmPwdVisible ? 'password' : 'text' }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.ConfirmPasswordPlaceholder' | translate\r\n                  }}\"\r\n                  pInputText\r\n                  formControlName=\"crnmNewUserARCXWD\"\r\n                  autocomplete=\"off\"\r\n                  id=\"crnmnewpwd\"\r\n                  name=\"crnmnewpwd\"\r\n                />\r\n\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/lock-pass.svg\"\r\n                  alt=\"eye Icon\"\r\n                  class=\"position-absolute mx-2 img-lock\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('crnmNewUserARCXWD')\r\n                    ?.hasError('required') &&\r\n                  userResetPasswordForm.get('crnmNewUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.ConfirmPasswordFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n              <span\r\n                class=\"error-msg mt-2\"\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('crnmNewUserARCXWD')\r\n                    ?.hasError('confirmedValidator')\r\n                \"\r\n              >\r\n                {{\r\n                  \"Generic_lib.ConfirmPasswordFieldNewValidation\" | translate\r\n                }}\r\n              </span>\r\n            </div>\r\n\r\n            <div class=\"mt-4\">\r\n              <p-button\r\n                class=\"submit-btn\"\r\n                label=\"{{ 'Generic_lib.Update' | translate }}\"\r\n                iconPos=\"right\"\r\n                [loading]=\"isPathUpdated\"\r\n                label=\"Update\"\r\n                (onClick)=\"resetLoggedInPwd()\"\r\n              ></p-button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: [".pl{padding-left:0!important}.left-card{height:450px!important;background:#f6f7fb!important;border-radius:8px!important}.left-card .profile-label{font-size:13px!important;color:#292f4c!important;font-weight:600!important}.left-card .profile-text{color:#676879!important;font-size:12px!important;font-weight:400!important;line-height:20px!important}.initial-text{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:50%;color:#fff;background-color:#8e562e}.preference-container .path-title{font-size:20px;color:#292f4c}.preference-container .form-group{margin-bottom:15px}.preference-container .label-name{font-size:12px;color:#292f4c;line-height:26px;font-weight:600}.preference-container .cur-text{font-size:12px;color:#676879;line-height:26px;font-weight:600}.checkbox-visibility-icon{position:relative}.checkbox-visibility-icon input[type=checkbox]{opacity:0;position:absolute;top:4px;left:5px;transform:scale(1.7);z-index:2;cursor:pointer}.checkbox-visibility-icon input[type=checkbox]:checked+span{background:url(../../assets/common-header-lib/images/login-bg/visibility.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]:checked+span{height:12px;width:18px;background-size:17px}}.checkbox-visibility-icon input[type=checkbox]+span{background:url(../../assets/common-header-lib/images/login-bg/visibility_off.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]+span{height:24px;width:18px;background-size:17px}}.input-dropdown .p-inputtext{width:100%!important;border-radius:4px!important;font-size:12px!important;padding-left:28px!important;height:38px!important;border:1px solid #ced4da!important}.p-dropdown-filter-container input{border:1px solid #ced4da!important}.profile-card{cursor:pointer}.profile-card:hover{background:#dcdfec;color:#292f4c;border-radius:4px}.profile-card.active{border-radius:4px;cursor:pointer;background:#cce5ff url(../assets/common-header-lib/images/grey-arrow.svg) no-repeat 96%}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i13.InputText, selector: "[pInputText]" }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: TimezoneConfigurationComponent, selector: "app-timezone-configuration", outputs: ["closepopup"] }, { kind: "component", type: LandingpgConfigComponent, selector: "app-landingpg-config" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GeneralConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-general-configuration', providers: [DialogService], template: "<div class=\"row my-3\">\r\n  <!-- Left_Card_Started -->\r\n  <div class=\"col-lg-4 pl-0\">\r\n    <div class=\"left-card\">\r\n      <div class=\"p-3\">\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowPreferencePathScreen }\"\r\n          (click)=\"OpenPreferencePathScreen()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.PreferencePath\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowChangePasswordScreen }\"\r\n          (click)=\"OpenChangePasswordScreen()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.ChangePassword\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowTimeZoneScreen }\"\r\n          (click)=\"OpenTimezoneScreen()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.PreferredTimezone\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div\r\n          class=\"profile-card\"\r\n          [ngClass]=\"{ active: ShowLandinPgScreen }\"\r\n          (click)=\"OpenLandingPgConfig()\"\r\n        >\r\n          <div class=\"p-2\">\r\n            <div class=\"profile-label\">\r\n              {{ \"Generic_lib.LandingPageConfig\" | translate }}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- Left_Card_Ended -->\r\n\r\n  <!--User Profile -->\r\n  <ng-container *ngIf=\"ShowUserProfileScreen\">\r\n    <div class=\"col-lg-6\">\r\n      <div class=\"initial-text\">\r\n        {{ \"AK\" }}\r\n      </div>\r\n      <div class=\"preference-container\">\r\n        <!--Card-->\r\n        <div class=\"mt-3\">\r\n          <div class=\"form-group\">\r\n            <div class=\"label-name\">\r\n              {{ \"Generic_lib.UserName\" | translate }}\r\n            </div>\r\n            <div class=\"input-dropdown d-flex align-items-center\">\r\n              <input\r\n                type=\"text\"\r\n                pInputText\r\n                formControlName=\"text\"\r\n                placeholder=\"{{ 'Generic_lib.UserName' | translate }}\"\r\n                autocomplete=\"off\"\r\n              />\r\n              <img\r\n                src=\".../../../../../assets/common-header-lib/images/images/user-name.svg\"\r\n                alt=\"Icon\"\r\n                class=\"position-absolute px-2\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"form-group\">\r\n            <div class=\"label-name\">{{ \"Generic_lib.Email\" | translate }}</div>\r\n            <div class=\"input-dropdown d-flex align-items-center\">\r\n              <input\r\n                type=\"text\"\r\n                pInputText\r\n                formControlName=\"text\"\r\n                placeholder=\"{{ 'Generic_lib.EmailAddress' | translate }}\"\r\n                autocomplete=\"off\"\r\n              />\r\n              <img\r\n                src=\".../../../../../assets/common-header-lib/images/gc-mail.svg\"\r\n                alt=\"Icon\"\r\n                class=\"position-absolute px-2\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-4\">\r\n            <p-button class=\"submit-btn\" label=\"Submit\"></p-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- Preference PathScreen -->\r\n  <ng-container>\r\n  <!-- <ng-container *ngIf=\"ShowPreferencePathScreen\"> -->\r\n    <div class=\"col-lg-6\" [hidden]=\"!ShowPreferencePathScreen\">\r\n      <div class=\"preference-container\">\r\n        <div class=\"mt-3\">\r\n          <form [formGroup]=\"appSettingForm\">\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.AssetType\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"assets-dropdown\">\r\n                <p-dropdown\r\n                  [options]=\"userAssetTypeList\"\r\n                  formControlName=\"AssetType\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.AssetTypePlaceholder' | translate\r\n                  }}\"\r\n                  filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n                  (onChange)=\"preferencePathValueChange(AssetTypeEvent)\"\r\n                  optionLabel=\"assetType\"\r\n                  [filter]=\"!isAssetTypeLoading ? true : false\"\r\n                  filterBy=\"assetType\"\r\n                  [showClear]=\"false\"\r\n                  [resetFilterOnHide]=\"true\"\r\n                  panelStyleClass=\"{'dropdown-loader': isAssetTypeLoading}\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <div\r\n                      *ngIf=\"isAssetTypeLoading\"\r\n                      class=\"dropdown-loader-container\"\r\n                    >\r\n                      <i class=\"pi pi-spin pi-spinner\"></i>\r\n                    </div>\r\n                  </ng-template>\r\n                </p-dropdown>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('AssetType')?.invalid &&\r\n                  appSettingForm.get('AssetType')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.AssetTypeFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.AssetName\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"assets-dropdown\">\r\n                <p-dropdown\r\n                  [options]=\"userAssetNameList\"\r\n                  formControlName=\"AssetName\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.AssetNamePlaceholder' | translate\r\n                  }}\"\r\n                  filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n                  optionLabel=\"assetName\"\r\n                  [filter]=\"!isAssetNameLoading ? true : false\"\r\n                  filterBy=\"assetType\"\r\n                  (onChange)=\"preferencePathValueChange(AssetNameEvent)\"\r\n                  filterBy=\"assetName\"\r\n                  panelStyleClass=\"{'dropdown-loader': isAssetNameLoading}\"\r\n                  [showClear]=\"false\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <div\r\n                      *ngIf=\"isAssetNameLoading\"\r\n                      class=\"dropdown-loader-container\"\r\n                    >\r\n                      <i class=\"pi pi-spin pi-spinner\"></i>\r\n                    </div>\r\n                  </ng-template>\r\n                </p-dropdown>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('AssetName')?.invalid &&\r\n                  appSettingForm.get('AssetName')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.AssetNameFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.ConnectionMethod\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"assets-dropdown\">\r\n                <p-dropdown\r\n                  [options]=\"userServiceList\"\r\n                  formControlName=\"ServiceName\"\r\n                  filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.ConnectionMethodPlaceholder' | translate\r\n                  }}\"\r\n                  optionLabel=\"tbvDescrption\"\r\n                  [filter]=\"true\"\r\n                  filterBy=\"tbvDescrption\"\r\n                  (onChange)=\"preferencePathValueChange(ConnectionMethodEvent)\"\r\n                  [filter]=\"!isConnectionMethodLoading ? true : false\"\r\n                  [showClear]=\"false\"\r\n                  panelStyleClass=\"{'dropdown-loader': isConnectionMethodLoading}\"\r\n                >\r\n                  <ng-template pTemplate=\"header\">\r\n                    <div\r\n                      *ngIf=\"isConnectionMethodLoading\"\r\n                      class=\"dropdown-loader-container\"\r\n                    >\r\n                      <i class=\"pi pi-spin pi-spinner\"></i>\r\n                    </div> </ng-template\r\n                ></p-dropdown>\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('ServiceName')?.invalid &&\r\n                  appSettingForm.get('ServiceName')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.ConnectionMethodFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group position-relative\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.PreferencePath\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div class=\"input-dropdown d-flex align-items-center\">\r\n                <input\r\n                  type=\"text\"\r\n                  placeholder=\"{{ 'Generic_lib.PreferencePath' | translate }}\"\r\n                  pInputText\r\n                  formControlName=\"filePathName\"\r\n                  id=\"filepath\"\r\n                  name=\"filepath\"\r\n                  autocomplete=\"off\"\r\n                />\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/filepath.svg\"\r\n                  alt=\"path Icon\"\r\n                  class=\"position-absolute mx-2 img-lock ext\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  appSettingForm.get('filePathName')?.invalid &&\r\n                  (appSettingForm.get('filePathName')?.touched ||\r\n                    appSettingForm.get('filePathName')?.dirty)\r\n                \"\r\n              >\r\n                <ng-container\r\n                  *ngIf=\"\r\n                    appSettingForm.controls['filePathName'].errors?.['required']\r\n                  \"\r\n                >\r\n                  <span class=\"error-msg mt-2\">{{\r\n                    \"Generic_lib.PreferencePathFieldValidation\" | translate\r\n                  }}</span>\r\n                </ng-container>\r\n                <ng-container\r\n                  *ngIf=\"\r\n                    appSettingForm.controls['filePathName'].errors?.['noSpace']\r\n                  \"\r\n                >\r\n                  <span class=\"error-msg mt-2\">{{\r\n                    \"Generic_lib.PreferencePathFieldSpaceValidation\" | translate\r\n                  }}</span>\r\n                </ng-container>\r\n              </ng-container>\r\n            </div>\r\n            <ng-container *ngIf=\"showStatus\">\r\n              <div class=\"form-group d-flex align-items-center\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.CurrentSetting\" | translate }} :\r\n                </div>\r\n                <div class=\"cur-text mx-2\">{{ filePathName }}</div>\r\n              </div>\r\n              <div class=\"form-group d-flex align-items-center\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.LastUpdated\" | translate }}\r\n                </div>\r\n                <div class=\"cur-text mx-2\">{{ lastUpdatedFileStatus }}</div>\r\n              </div>\r\n            </ng-container>\r\n            <div class=\"mt-4\">\r\n              <p-button\r\n                class=\"submit-btn\"\r\n                label=\"{{ 'Generic_lib.Update' | translate }}\"\r\n                [disabled]=\"appSettingForm.invalid\"\r\n                (onClick)=\"setUserPreferencePath(appSettingForm)\"\r\n                iconPos=\"right\"\r\n                [loading]=\"isPathUpdated\"\r\n              ></p-button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- TimeZone Screen -->\r\n  <ng-container *ngIf=\"ShowTimeZoneScreen\">\r\n    <div class=\"col-lg-6\">\r\n      <app-timezone-configuration></app-timezone-configuration>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!-- LandingPg Config Screen -->\r\n  <ng-container *ngIf=\"ShowLandinPgScreen\">\r\n    <div class=\"col-lg-6\">\r\n      <app-landingpg-config></app-landingpg-config>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!--Change Password Screen -->\r\n  <!-- <ng-container *ngIf=\"ShowChangePasswordScreen\"> -->\r\n    <ng-container>\r\n    <div class=\"col-lg-6\" [hidden]=\"!ShowChangePasswordScreen\">\r\n      <div class=\"preference-container\">\r\n        <div class=\"mt-3\">\r\n          <form [formGroup]=\"userResetPasswordForm\">\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.CurrentPassword\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div\r\n                class=\"input-dropdown d-flex align-items-center position-relative\"\r\n              >\r\n                <div class=\"password-checkbox-right\">\r\n                  <div class=\"checkbox-visibility-icon\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      (click)=\"togglePasswordVisibility(1)\"\r\n                      autocomplete=\"off\"\r\n                    />\r\n                    <span></span>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"{{ makeOldPwdVisible ? 'password' : 'text' }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.PasswordPlaceholder' | translate\r\n                  }}\"\r\n                  pInputText\r\n                  formControlName=\"oldUserARCXWD\"\r\n                  autocomplete=\"off\"\r\n                  id=\"oldpwd\"\r\n                  name=\"oldpwd\"\r\n                  autocomplete=\"off\"\r\n                />\r\n\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/lock-pass.svg\"\r\n                  alt=\"lock Icon\"\r\n                  class=\"position-absolute mx-2 img-lock\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm.get('oldUserARCXWD')?.invalid &&\r\n                  userResetPasswordForm.get('oldUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.PasswordFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.NewPassword\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div\r\n                class=\"input-dropdown d-flex align-items-center position-relative\"\r\n              >\r\n                <div class=\"password-checkbox-right\">\r\n                  <div class=\"checkbox-visibility-icon\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      (click)=\"togglePasswordVisibility(2)\"\r\n                      autocomplete=\"off\"\r\n                    />\r\n                    <span></span>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"{{ makeNewPwdVisible ? 'password' : 'text' }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.NewPasswordPlaceholder' | translate\r\n                  }}\"\r\n                  pInputText\r\n                  formControlName=\"newUserARCXWD\"\r\n                  id=\"newpwd\"\r\n                  autocomplete=\"off\"\r\n                  name=\"newpwd\"\r\n                  autocomplete=\"off\"\r\n                />\r\n\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/lock-pass.svg\"\r\n                  alt=\"lock Icon\"\r\n                  class=\"position-absolute mx-2 img-lock\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('newUserARCXWD')\r\n                    ?.hasError('required') &&\r\n                  userResetPasswordForm.get('newUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.NewPasswordFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('newUserARCXWD')\r\n                    ?.hasError('pwdInvalid') &&\r\n                  userResetPasswordForm.get('newUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{ pwderrorMsg }}</span>\r\n              </ng-container>\r\n            </div>\r\n            <div class=\"form-group\">\r\n              <div class=\"d-flex\">\r\n                <div class=\"label-name\">\r\n                  {{ \"Generic_lib.ConfirmPassword\" | translate }}\r\n                </div>\r\n                <span class=\"madontary-icon\">*</span>\r\n              </div>\r\n              <div\r\n                class=\"input-dropdown d-flex align-items-center position-relative\"\r\n              >\r\n                <div class=\"password-checkbox-right\">\r\n                  <div class=\"checkbox-visibility-icon\">\r\n                    <input\r\n                      type=\"checkbox\"\r\n                      (click)=\"togglePasswordVisibility(3)\"\r\n                      autocomplete=\"off\"\r\n                    />\r\n                    <span></span>\r\n                  </div>\r\n                </div>\r\n                <input\r\n                  type=\"{{ makeCnfrmPwdVisible ? 'password' : 'text' }}\"\r\n                  placeholder=\"{{\r\n                    'Generic_lib.ConfirmPasswordPlaceholder' | translate\r\n                  }}\"\r\n                  pInputText\r\n                  formControlName=\"crnmNewUserARCXWD\"\r\n                  autocomplete=\"off\"\r\n                  id=\"crnmnewpwd\"\r\n                  name=\"crnmnewpwd\"\r\n                />\r\n\r\n                <img\r\n                  src=\".../../../../../assets/common-header-lib/images/lock-pass.svg\"\r\n                  alt=\"eye Icon\"\r\n                  class=\"position-absolute mx-2 img-lock\"\r\n                />\r\n              </div>\r\n              <ng-container\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('crnmNewUserARCXWD')\r\n                    ?.hasError('required') &&\r\n                  userResetPasswordForm.get('crnmNewUserARCXWD')?.touched\r\n                \"\r\n              >\r\n                <span class=\"error-msg mt-2\">{{\r\n                  \"Generic_lib.ConfirmPasswordFieldValidation\" | translate\r\n                }}</span>\r\n              </ng-container>\r\n              <span\r\n                class=\"error-msg mt-2\"\r\n                *ngIf=\"\r\n                  userResetPasswordForm\r\n                    .get('crnmNewUserARCXWD')\r\n                    ?.hasError('confirmedValidator')\r\n                \"\r\n              >\r\n                {{\r\n                  \"Generic_lib.ConfirmPasswordFieldNewValidation\" | translate\r\n                }}\r\n              </span>\r\n            </div>\r\n\r\n            <div class=\"mt-4\">\r\n              <p-button\r\n                class=\"submit-btn\"\r\n                label=\"{{ 'Generic_lib.Update' | translate }}\"\r\n                iconPos=\"right\"\r\n                [loading]=\"isPathUpdated\"\r\n                label=\"Update\"\r\n                (onClick)=\"resetLoggedInPwd()\"\r\n              ></p-button>\r\n            </div>\r\n          </form>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n", styles: [".pl{padding-left:0!important}.left-card{height:450px!important;background:#f6f7fb!important;border-radius:8px!important}.left-card .profile-label{font-size:13px!important;color:#292f4c!important;font-weight:600!important}.left-card .profile-text{color:#676879!important;font-size:12px!important;font-weight:400!important;line-height:20px!important}.initial-text{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:50%;color:#fff;background-color:#8e562e}.preference-container .path-title{font-size:20px;color:#292f4c}.preference-container .form-group{margin-bottom:15px}.preference-container .label-name{font-size:12px;color:#292f4c;line-height:26px;font-weight:600}.preference-container .cur-text{font-size:12px;color:#676879;line-height:26px;font-weight:600}.checkbox-visibility-icon{position:relative}.checkbox-visibility-icon input[type=checkbox]{opacity:0;position:absolute;top:4px;left:5px;transform:scale(1.7);z-index:2;cursor:pointer}.checkbox-visibility-icon input[type=checkbox]:checked+span{background:url(../../assets/common-header-lib/images/login-bg/visibility.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]:checked+span{height:12px;width:18px;background-size:17px}}.checkbox-visibility-icon input[type=checkbox]+span{background:url(../../assets/common-header-lib/images/login-bg/visibility_off.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]+span{height:24px;width:18px;background-size:17px}}.input-dropdown .p-inputtext{width:100%!important;border-radius:4px!important;font-size:12px!important;padding-left:28px!important;height:38px!important;border:1px solid #ced4da!important}.p-dropdown-filter-container input{border:1px solid #ced4da!important}.profile-card{cursor:pointer}.profile-card:hover{background:#dcdfec;color:#292f4c;border-radius:4px}.profile-card.active{border-radius:4px;cursor:pointer;background:#cce5ff url(../assets/common-header-lib/images/grey-arrow.svg) no-repeat 96%}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonHeaderLibService }, { type: i2.FormBuilder }, { type: ToastMsgService }, { type: EncrydecryRSAdataService }, { type: RESTLoginFormService }, { type: ASYNCPasswordcheckService }, { type: i4.TranslateService }, { type: VaptValidationService }, { type: i1$3.DynamicDialogConfig }, { type: HttpCommonService }, { type: HttpGeneralConfigurationService }]; } });
+
+class NgTranslationComponent {
+    constructor(_translate, _localstorage, cookieService) {
+        this._translate = _translate;
+        this._localstorage = _localstorage;
+        this.cookieService = cookieService;
+        // @Output('langChange') langChange = new EventEmitter<any>();
+        this.languages = GlobalConstants.USERLANGUAGES;
+        this.selectedLang = {};
+    }
+    ngOnInit() {
+        console.log('Init ng translate');
+        this.setDefaultLanguage();
+    }
+    setDefaultLanguage() {
+        // 1. Check if user has selected a language before
+        const saved = this._localstorage.getData(COOKIECONSTANT.USERLANG);
+        if (saved) {
+            try {
+                this.selectedLang = JSON.parse(saved);
+            }
+            catch (e) {
+                // If corrupted JSON, fallback to default
+                this.selectedLang = GlobalConstants.DEFAULTLANG;
+                this.saveUserLanguage(this.selectedLang);
+            }
+        }
+        else {
+            // 2. First time → set default
+            this.selectedLang = GlobalConstants.DEFAULTLANG;
+            this.saveUserLanguage(this.selectedLang);
+        }
+        // 3. Apply language
+        this._translate.use(this.selectedLang.langKey);
+    }
+    //* On Language Changes
+    selectLang(event) {
+        console.log('LangList:', this.languages);
+        this.selectedLang = event === null || event === void 0 ? void 0 : event.value;
+        console.log('selectLang:', this.selectedLang);
+        this._translate.use(this.selectedLang['langKey']);
+        this.saveUserLanguage(this.selectedLang);
+        // this.langChange.emit(this.selectedLang);
+    }
+    saveUserLanguage(lang) {
+        this._localstorage.saveData(COOKIECONSTANT.USERLANG, JSON.stringify(lang));
+    }
+}
+NgTranslationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgTranslationComponent, deps: [{ token: i4.TranslateService }, { token: StorageService }, { token: i1$1.CookieService }], target: i0.ɵɵFactoryTarget.Component });
+NgTranslationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgTranslationComponent, selector: "ng-translation", ngImport: i0, template: "<p-dropdown [options]=\"languages\" optionLabel=\"langName\" placeholder='{{ \"Generic_lib.SelectLanguage\" | translate }}'\r\n  (onChange)=\"selectLang($event)\" [filter]=\"true\" filterBy=\"langName\"\r\n  filterPlaceholder='{{ \"Generic_lib.Search\" | translate }}' [showClear]=\"false\"\r\n  [(ngModel)]=\"selectedLang\"></p-dropdown>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgTranslationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ng-translation', template: "<p-dropdown [options]=\"languages\" optionLabel=\"langName\" placeholder='{{ \"Generic_lib.SelectLanguage\" | translate }}'\r\n  (onChange)=\"selectLang($event)\" [filter]=\"true\" filterBy=\"langName\"\r\n  filterPlaceholder='{{ \"Generic_lib.Search\" | translate }}' [showClear]=\"false\"\r\n  [(ngModel)]=\"selectedLang\"></p-dropdown>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i4.TranslateService }, { type: StorageService }, { type: i1$1.CookieService }]; } });
+
+class SliceToTwoPipe {
+    transform(textName) {
+        if (textName === null || textName === '') {
+            return 'NA';
+        }
+        textName = textName === null || textName === void 0 ? void 0 : textName.trim();
+        let result = '';
+        if (textName && textName.includes(' ')) {
+            let splitStringArr = textName.split(' ');
+            result =
+                splitStringArr[0][0] + splitStringArr[splitStringArr.length - 1][0];
+        }
+        else if (textName && textName.includes('_')) {
+            let splitStringArr = textName.split('_');
+            result =
+                splitStringArr[0][0] + splitStringArr[splitStringArr.length - 1][0];
+        }
+        else {
+            result = textName[0] + textName[1];
+        }
+        return result.toLocaleUpperCase();
+    }
+}
+SliceToTwoPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliceToTwoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SliceToTwoPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SliceToTwoPipe, name: "sliceToTwo" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SliceToTwoPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'sliceToTwo',
+                }]
+        }] });
+
+class UserSidebarComponent {
+    constructor(dialogService, _cookieService, route, msgService, _localStorage, libService, translateService, httpCommonService) {
+        this.dialogService = dialogService;
+        this._cookieService = _cookieService;
+        this.route = route;
+        this.msgService = msgService;
+        this._localStorage = _localStorage;
+        this.libService = libService;
+        this.translateService = translateService;
+        this.httpCommonService = httpCommonService;
+        // @Input() apiURL: string = '';
+        // @Output('langChange') langChange = new EventEmitter<any>();
+        this.userDetails = {};
+        this.showProfile = false;
+        this.userdisplayName = '';
+        this.userFirstName = '';
+        this.userLastName = '';
+        this.userLastLoggedIn = '';
+        // private LoggedInUserID: string = '';
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.closeDialogBox = new EventEmitter();
+        // public userSessionID: string = '';
+        this.sec = 1;
+        this.min = 2;
+        this.Hr = 30;
+        this.isOpenSidePopup = false;
+        this.showUserDetails = false;
+        // private themeService: ThemeService,
+        // private fontService: FontService,
+        // private cookieService: CookieService,
+        // this.fetchedSavedData();
+    }
+    ngOnInit() {
+        this.getLoggedInuserDteils();
+    }
+    //Method: Open User Setting Panel
+    openUserSettingPanel() {
+        this.ref = this.dialogService.open(GeneralConfigurationComponent, {
+            header: this.translateService.instant('Generic_lib.GeneralConfiguration'),
+            styleClass: 'general-configuration',
+            // data: {
+            //   apiURL: this.apiURL,
+            // },
+        });
+    }
+    getLoggedInuserDteils() {
+        this.httpCommonService
+            .getLoggedInUserDetails()
+            .pipe(takeUntil$1(this.unsubscribeAPIEventListenerData))
+            .subscribe((result) => {
+            if (result && result['success'] && result['result']) {
+                console.log('UserDetails: ', this.userDetails);
+                this.userDetails = result['result'];
+                this.userdisplayName = this.userDetails['userDisplayName'];
+                this.showProfile = true;
+                this.getTotalSessionTime();
+                this.setLoggedInUserName(this.userdisplayName);
+            }
+            else {
+                this.showProfile = false;
+                this.userDetails = {};
+            }
+        });
+    }
+    setLoggedInUserName(userdisplayName) {
+        if (userdisplayName && userdisplayName.includes(' ')) {
+            let splitStringArr = userdisplayName.split(' ');
+            this.userFirstName = splitStringArr[0];
+            this.userLastName = splitStringArr[1];
+        }
+        else {
+            this.userdisplayName = userdisplayName;
+        }
+    }
+    getcloseDialogBox() {
+        this.closeDialogBox.emit(true);
+    }
+    getUserLoggedInTime() {
+        let LastLoggedIn = this.convertUTCToLocal(this.userDetails['lastLogIn']);
+        let LastLoggedInDate = new Date(LastLoggedIn);
+        this.userLastLoggedIn = LastLoggedInDate.toLocaleString();
+    }
+    logoutCurrentUser() {
+        this.libService
+            .getInitiateUserLogout()
+            .pipe()
+            .subscribe((res) => {
+            if (res) {
+                this._cookieService.clearAllCookies();
+                this._localStorage.clearData();
+                if (res && res['spLogoutUrls'] && res['spLogoutUrls'].length > 0) {
+                    this.destoryAllSessions(res['spLogoutUrls']);
+                }
+                if (res === null || res === void 0 ? void 0 : res['identity']) {
+                    this.userWithWindowAuthentication();
+                }
+                else {
+                    const path = '/' + RoutePaths.LOGINPG_PATH;
+                    const urlnew = new URL(window.location.href).origin + '/#' + path;
+                    window.location.href = urlnew;
+                }
+            }
+            else {
+                this.msgService.error(errorMsg.LOGOUTERROR);
+                // window.location.href = new URL(window.location.href).origin + '/#/login';
+            }
+        });
+    }
+    /**
+     * This function destroys all user sessions by opening multiple SAML logout URLs in new browser tabs.
+     */
+    destoryAllSessions(samlUrls) {
+        samlUrls.forEach((url) => {
+            // let enCodedURL = encodeURI(url);
+            console.log('URL: ', url);
+            window.open(url, '_blank');
+        });
+    }
+    userWithWindowAuthentication() {
+        const path = '/' + RoutePaths.LOGOUT_PATH;
+        this.route.navigateByUrl(path);
+    }
+    getTotalSessionTime() {
+        // let LastLogin = this.userDetails['lastLogIn'];
+        // LastLogin = LastLogin.toLocaleString();
+        // let dateParts = this.userDetails['currentLogIn'].split(' ')[0].split('/');
+        // let timeParts = this.userDetails['currentLogIn'].split(' ')[1].split(':');
+        // let loginTime = new Date(
+        //   dateParts[2],
+        //   dateParts[1] - 1,
+        //   dateParts[0],
+        //   timeParts[0],
+        //   timeParts[1]
+        // );
+        // loginTime = new Date(loginTime).toLocaleString();
+        // Convert local time to UTC
+        // currentTime = new Date(
+        //   currentTime.getTime() + currentTime.getTimezoneOffset() * 60000
+        // );
+        let loginTime = this.convertUTCToLocal(this.userDetails['currentLogIn']);
+        // console.log('loginTime: ', loginTime);
+        let loginTimeDate = new Date(loginTime);
+        let currentTime = new Date();
+        // console.log('Login Time Date: ', loginTimeDate);
+        // console.log('Current Time: ', currentTime);
+        let milliseconds = currentTime.valueOf() - loginTimeDate.valueOf();
+        let seconds = Math.floor(milliseconds / 1000);
+        let minutes = Math.floor(seconds / 60);
+        let hours = Math.floor(minutes / 60);
+        seconds = seconds % 60;
+        minutes = minutes % 60;
+        this.Hr = hours;
+        this.min = minutes;
+        this.sec = seconds;
+        // console.log('Session Total', this.Hr, this.min, this.sec);
+        setInterval(() => {
+            this.updateTimer();
+        }, 1000);
+    }
+    updateTimer() {
+        if (this.sec < 59) {
+            this.sec += 1;
+        }
+        else {
+            this.sec = 0;
+            if (this.min < 59) {
+                this.min += 1;
+            }
+            else {
+                this.min = 0;
+                this.Hr += 1;
+            }
+        }
+    }
+    convertUTCToLocal(newdate) {
+        let localDate = newdate + 'Z';
+        localDate = localDate.toLocaleString();
+        // console.log('LOcal: ', localDate);
+        return localDate;
+    }
+    OpenArconLearningCenter() {
+        const url = GlobalConstants.PlugInDownloadURL;
+        console.log(url);
+        window.open(url, '_blank');
+    }
+    //close Popup
+    closeUserSettingPanel() {
+        if (this.ref) {
+            this.ref.close();
+        }
+    }
+    // languageChange(event: any) {
+    //   if (!event) return;
+    //   // this.langChange.emit(event);
+    // }
+    //*Global Font and Theme
+    getRedTheme() {
+        // const active = this.themeService.getActiveTheme();
+        // if (
+        //   active.name === "blue" ||
+        //   active.name === "black" ||
+        //   active.name === "red"
+        // ) {
+        //   this.themeService.setTheme("red");
+        //   this.cookieService.set("themeColor", "red");
+        // }
+    }
+    getBlackTheme() {
+        // const active = this.themeService.getActiveTheme();
+        // if (
+        //   active.name === "blue" ||
+        //   active.name === "black" ||
+        //   active.name === "red"
+        // ) {
+        //   this.themeService.setTheme("blue");
+        //   this.cookieService.set("themeColor", "blue");
+        // }
+    }
+    getBlueTheme() {
+        // const active = this.themeService.getActiveTheme();
+        // if (
+        //   active.name === "blue" ||
+        //   active.name === "black" ||
+        //   active.name === "red"
+        // ) {
+        //   this.themeService.setTheme("black");
+        //   this.cookieService.set("themeColor", "black");
+        // }
+    }
+    // Accessibility Fonts sizes
+    getSmallFont() {
+        // this.fontService.setFont("smFont");
+    }
+    getMediumFont() {
+        // this.fontService.setFont("mdFont");
+    }
+    getLargeFont() {
+        // this.fontService.setFont("lgFont");
+    }
+    ngOnDestroy() {
+        this.closeUserSettingPanel();
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+    }
+}
+UserSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UserSidebarComponent, deps: [{ token: i1$3.DialogService }, { token: CookieStorageManagerService }, { token: i3.Router }, { token: ToastMsgService }, { token: StorageService }, { token: CommonHeaderLibService }, { token: i4.TranslateService }, { token: HttpCommonService }], target: i0.ɵɵFactoryTarget.Component });
+UserSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: UserSidebarComponent, selector: "app-user-sidebar", outputs: { closeDialogBox: "closeDialogBox" }, providers: [DialogService], ngImport: i0, template: "<div class=\"white-bg\">\r\n  <div class=\" sidebar-outer white-bg\">\r\n    <div class=\"sidebar-header grey-background\">\r\n      <div class=\"sh-top\">\r\n        <div class=\"sh-top-left d-flex\">\r\n          <img src=\"assets/common-header-lib/images/logout.svg\" class=\"imgs\" alt=\"user\">\r\n          <div class=\"mx-2 log-text\" (click)=\"logoutCurrentUser()\">{{\"Generic_lib.Logout\" | translate}}</div>\r\n        </div>\r\n        <div class=\"sh-top-right\">\r\n          <button type=\"button\" class=\"common-bn tertiary-btn\">\r\n            <img src=\"assets/common-header-lib/images/close.svg\" class=\"imgs\" alt=\"close icon\" title=\"Close\"\r\n              (click)=\"getcloseDialogBox()\">\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <ng-container *ngIf=\"showProfile; else LoadingAnimation\">\r\n        <div class=\"sh-bottom d-flex pt-3\">\r\n          <ng-container *ngIf=\"userdisplayName && userdisplayName.length > 0; else defaultName\">\r\n            <div class=\"initial-text\">\r\n              {{ userdisplayName | sliceToTwo }}\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #defaultName>\r\n            <div class=\"initial-text\">\r\n              {{ 'NA' }}\r\n            </div>\r\n          </ng-template>\r\n          <div class=\"sh-bottom-content\">\r\n            <h4 class=\"title\">{{ userDetails['userDisplayName']}}</h4>\r\n            <p>{{ userDetails['emailID']}}</p>\r\n            <div class=\"sh-bottom-content-ls\">\r\n              <ng-container\r\n                *ngIf=\"userDetails['lastLogIn'] && !userDetails['lastLogIn'].includes('NA'); else InvalidDate\">\r\n                <p style=\"margin-right: 5px;\">{{\"Generic_lib.LastSession\" | translate}} : </p>\r\n                <p>{{userDetails['lastLogIn']}}</p>\r\n              </ng-container>\r\n              <ng-template #InvalidDate>\r\n                <p style=\"margin-right: 5px;\">{{\"Generic_lib.LastSession\" | translate}} : </p>\r\n                <p>NA</p>\r\n              </ng-template>\r\n            </div>\r\n            <div class=\"sh-bottom-content-ls session-content\">\r\n              <p tyle=\"margin-right: 5px;\">{{\"Generic_lib.CurrentSession\" | translate}} : </p>\r\n              <p>{{Hr}} {{\"Generic_lib.hrs\" | translate}} {{min}} {{\"Generic_lib.min\" | translate}} {{sec}}\r\n                {{\"Generic_lib.secs\" | translate}}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #LoadingAnimation>\r\n        <div class=\"loading-skeleton d-flex p-3\">\r\n          <p-skeleton shape=\"circle\" size=\"4rem\" styleClass=\"mr-2\"></p-skeleton>\r\n          <div class=\"ms-1\">\r\n            <p-skeleton width=\"10rem\" styleClass=\"mb-2\"></p-skeleton>\r\n            <p-skeleton width=\"8rem\" height=\".7rem\" styleClass=\"mb-2\"></p-skeleton>\r\n            <p-skeleton width=\"5rem\" styleClass=\"mb-2\"></p-skeleton>\r\n            <p-skeleton height=\".5rem\"></p-skeleton>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"sidebar-body\">\r\n      <div class=\"sb-list  pb-20px\">\r\n        <ul>\r\n          <li class=\"grey-bg-hover\">\r\n            <img src=\"assets/common-header-lib/images/domain_img.svg\" loading=\"lazy\">\r\n            <div class=\"mx-2 lang-dropdown\">\r\n              <ng-translation></ng-translation> <!-- (langChange)=\"languageChange($event)\" -->\r\n            </div>\r\n          </li>\r\n          <li class=\"grey-bg-hover\" (click)=\"OpenArconLearningCenter()\">\r\n            <img src=\"assets/common-header-lib/images/local.svg\" class=\"imgs\" alt=\"Arcon\">\r\n            <p class=\"mx-2\">{{\"Generic_lib.ArconLearningCenter\" | translate}}</p>\r\n          </li>\r\n\r\n          <li class=\"grey-bg-hover\">\r\n            <img src=\"assets/common-header-lib/images/settings.svg\" alt=\"settings\">\r\n            <p class=\"mx-2\" (click)=\"openUserSettingPanel()\">{{\"Generic_lib.GeneralConfiguration\" | translate}}</p>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- Global Font and Theme  -->\r\n  <!-- <div class=\"accessibility-container d-flex justify-content-between\">\r\n    <div class=\"d-flex\">\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getSmallFont()\">\r\n        <span>A-</span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getMediumFont()\">\r\n        <span>A</span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getLargeFont()\">\r\n        <span>A+</span>\r\n      </button>\r\n    </div>\r\n    <div class=\"d-flex\">\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getRedTheme()\">\r\n        <span class=\"theme theme-red\"></span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getBlackTheme()\">\r\n        <span class=\"theme theme-black\"></span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getBlueTheme()\">\r\n        <span class=\"theme theme-blue\"></span>\r\n      </button>\r\n    </div>\r\n  </div> -->\r\n</div>\r\n", styles: [".white-bg{background-color:#fff!important;width:100%!important}.grey-background{background-color:#f6f7fb!important}.imgs{width:20px!important}.cursor-pointer{cursor:pointer}.sidebar-outer{width:100%!important;float:left!important}.sidebar-outer .sidebar-header{padding:12px 15px!important}.sidebar-outer .sidebar-header .sh-top{display:flex!important;align-items:center!important;justify-content:space-between!important}.sidebar-outer .sidebar-header .sh-top .sh-top-left{display:flex!important;align-items:center!important}.sidebar-outer .sidebar-header .sh-top .sh-top-left .log-text{font-size:14px!important;font-weight:500!important;cursor:pointer!important}.sidebar-outer .sidebar-header .sh-top .sh-top-right button{height:24px!important;border:none!important;background-color:transparent!important}.sidebar-outer .sidebar-header .sh-bottom{display:flex!important;padding-top:16px!important}.sidebar-outer .sidebar-header .sh-bottom .initial-text{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:50%;color:#fff;background-color:#8e562e}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content{padding-left:14px!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content .title{font-size:17px!important;font-weight:600!important;height:21px!important;margin-bottom:2px!important;line-height:26px!important;color:#292f4c!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content p{font-size:14px!important;line-height:22px!important;color:#676879!important;margin-bottom:0!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content .sh-bottom-content-ls{display:flex!important;align-items:center!important;font-size:12px!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content .session-content{position:relative!important;bottom:2px!important}.sidebar-outer .sidebar-body{padding:12px 20px!important;width:100%!important}.sidebar-outer .sidebar-body .sb-list{width:100%!important}.sidebar-outer .sidebar-body .sb-list ul{width:100%!important;list-style:none;padding-left:0;margin:0}.sidebar-outer .sidebar-body .sb-list ul li{display:flex!important;align-items:center!important;padding:8px 2px!important;cursor:pointer!important}.sidebar-outer .sidebar-body .sb-list ul li img{width:18px}.sidebar-outer .sidebar-body .sb-list ul li p{margin:0 0 0 8px!important;font-size:14px!important}.sidebar-outer .sidebar-body .sb-list ul li .lang-dropdown{margin-left:8px!important}.accessibility-container{background-color:#eee;padding:7px 20px}.accessibility-container .btn{align-content:center;align-items:center;border:1px solid #9e9e9e;color:#707070;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;width:20px;margin-right:5px;overflow:hidden}.accessibility-container .btn:last-child{margin-right:0}.accessibility-container .btn .theme{display:block;height:100%;margin-left:-50%;width:60%}.accessibility-container .btn .theme-red{background-color:#d4231d}.accessibility-container .btn .theme-black{background-color:#212121}.accessibility-container .btn .theme-blue{background-color:#4d91ea}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: NgTranslationComponent, selector: "ng-translation" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: SliceToTwoPipe, name: "sliceToTwo" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UserSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-sidebar', providers: [DialogService], template: "<div class=\"white-bg\">\r\n  <div class=\" sidebar-outer white-bg\">\r\n    <div class=\"sidebar-header grey-background\">\r\n      <div class=\"sh-top\">\r\n        <div class=\"sh-top-left d-flex\">\r\n          <img src=\"assets/common-header-lib/images/logout.svg\" class=\"imgs\" alt=\"user\">\r\n          <div class=\"mx-2 log-text\" (click)=\"logoutCurrentUser()\">{{\"Generic_lib.Logout\" | translate}}</div>\r\n        </div>\r\n        <div class=\"sh-top-right\">\r\n          <button type=\"button\" class=\"common-bn tertiary-btn\">\r\n            <img src=\"assets/common-header-lib/images/close.svg\" class=\"imgs\" alt=\"close icon\" title=\"Close\"\r\n              (click)=\"getcloseDialogBox()\">\r\n          </button>\r\n        </div>\r\n      </div>\r\n      <ng-container *ngIf=\"showProfile; else LoadingAnimation\">\r\n        <div class=\"sh-bottom d-flex pt-3\">\r\n          <ng-container *ngIf=\"userdisplayName && userdisplayName.length > 0; else defaultName\">\r\n            <div class=\"initial-text\">\r\n              {{ userdisplayName | sliceToTwo }}\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #defaultName>\r\n            <div class=\"initial-text\">\r\n              {{ 'NA' }}\r\n            </div>\r\n          </ng-template>\r\n          <div class=\"sh-bottom-content\">\r\n            <h4 class=\"title\">{{ userDetails['userDisplayName']}}</h4>\r\n            <p>{{ userDetails['emailID']}}</p>\r\n            <div class=\"sh-bottom-content-ls\">\r\n              <ng-container\r\n                *ngIf=\"userDetails['lastLogIn'] && !userDetails['lastLogIn'].includes('NA'); else InvalidDate\">\r\n                <p style=\"margin-right: 5px;\">{{\"Generic_lib.LastSession\" | translate}} : </p>\r\n                <p>{{userDetails['lastLogIn']}}</p>\r\n              </ng-container>\r\n              <ng-template #InvalidDate>\r\n                <p style=\"margin-right: 5px;\">{{\"Generic_lib.LastSession\" | translate}} : </p>\r\n                <p>NA</p>\r\n              </ng-template>\r\n            </div>\r\n            <div class=\"sh-bottom-content-ls session-content\">\r\n              <p tyle=\"margin-right: 5px;\">{{\"Generic_lib.CurrentSession\" | translate}} : </p>\r\n              <p>{{Hr}} {{\"Generic_lib.hrs\" | translate}} {{min}} {{\"Generic_lib.min\" | translate}} {{sec}}\r\n                {{\"Generic_lib.secs\" | translate}}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #LoadingAnimation>\r\n        <div class=\"loading-skeleton d-flex p-3\">\r\n          <p-skeleton shape=\"circle\" size=\"4rem\" styleClass=\"mr-2\"></p-skeleton>\r\n          <div class=\"ms-1\">\r\n            <p-skeleton width=\"10rem\" styleClass=\"mb-2\"></p-skeleton>\r\n            <p-skeleton width=\"8rem\" height=\".7rem\" styleClass=\"mb-2\"></p-skeleton>\r\n            <p-skeleton width=\"5rem\" styleClass=\"mb-2\"></p-skeleton>\r\n            <p-skeleton height=\".5rem\"></p-skeleton>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </div>\r\n    <div class=\"sidebar-body\">\r\n      <div class=\"sb-list  pb-20px\">\r\n        <ul>\r\n          <li class=\"grey-bg-hover\">\r\n            <img src=\"assets/common-header-lib/images/domain_img.svg\" loading=\"lazy\">\r\n            <div class=\"mx-2 lang-dropdown\">\r\n              <ng-translation></ng-translation> <!-- (langChange)=\"languageChange($event)\" -->\r\n            </div>\r\n          </li>\r\n          <li class=\"grey-bg-hover\" (click)=\"OpenArconLearningCenter()\">\r\n            <img src=\"assets/common-header-lib/images/local.svg\" class=\"imgs\" alt=\"Arcon\">\r\n            <p class=\"mx-2\">{{\"Generic_lib.ArconLearningCenter\" | translate}}</p>\r\n          </li>\r\n\r\n          <li class=\"grey-bg-hover\">\r\n            <img src=\"assets/common-header-lib/images/settings.svg\" alt=\"settings\">\r\n            <p class=\"mx-2\" (click)=\"openUserSettingPanel()\">{{\"Generic_lib.GeneralConfiguration\" | translate}}</p>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- Global Font and Theme  -->\r\n  <!-- <div class=\"accessibility-container d-flex justify-content-between\">\r\n    <div class=\"d-flex\">\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getSmallFont()\">\r\n        <span>A-</span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getMediumFont()\">\r\n        <span>A</span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getLargeFont()\">\r\n        <span>A+</span>\r\n      </button>\r\n    </div>\r\n    <div class=\"d-flex\">\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getRedTheme()\">\r\n        <span class=\"theme theme-red\"></span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getBlackTheme()\">\r\n        <span class=\"theme theme-black\"></span>\r\n      </button>\r\n      <button class=\"btn btn-light btn-small rounded-circle\" (click)=\"getBlueTheme()\">\r\n        <span class=\"theme theme-blue\"></span>\r\n      </button>\r\n    </div>\r\n  </div> -->\r\n</div>\r\n", styles: [".white-bg{background-color:#fff!important;width:100%!important}.grey-background{background-color:#f6f7fb!important}.imgs{width:20px!important}.cursor-pointer{cursor:pointer}.sidebar-outer{width:100%!important;float:left!important}.sidebar-outer .sidebar-header{padding:12px 15px!important}.sidebar-outer .sidebar-header .sh-top{display:flex!important;align-items:center!important;justify-content:space-between!important}.sidebar-outer .sidebar-header .sh-top .sh-top-left{display:flex!important;align-items:center!important}.sidebar-outer .sidebar-header .sh-top .sh-top-left .log-text{font-size:14px!important;font-weight:500!important;cursor:pointer!important}.sidebar-outer .sidebar-header .sh-top .sh-top-right button{height:24px!important;border:none!important;background-color:transparent!important}.sidebar-outer .sidebar-header .sh-bottom{display:flex!important;padding-top:16px!important}.sidebar-outer .sidebar-header .sh-bottom .initial-text{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;border-radius:50%;color:#fff;background-color:#8e562e}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content{padding-left:14px!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content .title{font-size:17px!important;font-weight:600!important;height:21px!important;margin-bottom:2px!important;line-height:26px!important;color:#292f4c!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content p{font-size:14px!important;line-height:22px!important;color:#676879!important;margin-bottom:0!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content .sh-bottom-content-ls{display:flex!important;align-items:center!important;font-size:12px!important}.sidebar-outer .sidebar-header .sh-bottom .sh-bottom-content .session-content{position:relative!important;bottom:2px!important}.sidebar-outer .sidebar-body{padding:12px 20px!important;width:100%!important}.sidebar-outer .sidebar-body .sb-list{width:100%!important}.sidebar-outer .sidebar-body .sb-list ul{width:100%!important;list-style:none;padding-left:0;margin:0}.sidebar-outer .sidebar-body .sb-list ul li{display:flex!important;align-items:center!important;padding:8px 2px!important;cursor:pointer!important}.sidebar-outer .sidebar-body .sb-list ul li img{width:18px}.sidebar-outer .sidebar-body .sb-list ul li p{margin:0 0 0 8px!important;font-size:14px!important}.sidebar-outer .sidebar-body .sb-list ul li .lang-dropdown{margin-left:8px!important}.accessibility-container{background-color:#eee;padding:7px 20px}.accessibility-container .btn{align-content:center;align-items:center;border:1px solid #9e9e9e;color:#707070;display:flex;font-size:10px;height:20px;justify-content:center;padding:0;width:20px;margin-right:5px;overflow:hidden}.accessibility-container .btn:last-child{margin-right:0}.accessibility-container .btn .theme{display:block;height:100%;margin-left:-50%;width:60%}.accessibility-container .btn .theme-red{background-color:#d4231d}.accessibility-container .btn .theme-black{background-color:#212121}.accessibility-container .btn .theme-blue{background-color:#4d91ea}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.DialogService }, { type: CookieStorageManagerService }, { type: i3.Router }, { type: ToastMsgService }, { type: StorageService }, { type: CommonHeaderLibService }, { type: i4.TranslateService }, { type: HttpCommonService }]; }, propDecorators: { closeDialogBox: [{
+                type: Output
+            }] } });
+
+class SidePopupComponent {
+    constructor() {
+        this.closeDialogBox = new EventEmitter();
+        this.visible = false;
+        this.position = 'right';
+        this.header = 'Details';
+    }
+    //Method: Close the Side Panel
+    getcloseDialogBox() {
+        this.visible = false;
+        this.closeDialogBox.emit(true);
+    }
+    ngOnDestroy() {
+        this.visible = false;
+    }
+}
+SidePopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidePopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SidePopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SidePopupComponent, selector: "app-side-popup", inputs: { visible: "visible", position: "position", header: "header" }, outputs: { closeDialogBox: "closeDialogBox" }, ngImport: i0, template: "<p-dialog [header]=\"header\" (onHide)=\"getcloseDialogBox()\" [modal]=\"true\" [draggable]=\"false\" [(visible)]=\"visible\"\r\n  [position]=\"position\" [style]=\"{\r\n    width: '40vw',\r\n    minHeight: '100vh',\r\n    right: '-15px',\r\n    position: 'absolute'\r\n  }\">\r\n  <!-- Dynamically Change the Content of Sidebar   -->\r\n  <ng-content></ng-content>\r\n</p-dialog>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$4.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SidePopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-side-popup', template: "<p-dialog [header]=\"header\" (onHide)=\"getcloseDialogBox()\" [modal]=\"true\" [draggable]=\"false\" [(visible)]=\"visible\"\r\n  [position]=\"position\" [style]=\"{\r\n    width: '40vw',\r\n    minHeight: '100vh',\r\n    right: '-15px',\r\n    position: 'absolute'\r\n  }\">\r\n  <!-- Dynamically Change the Content of Sidebar   -->\r\n  <ng-content></ng-content>\r\n</p-dialog>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { closeDialogBox: [{
+                type: Output
+            }], visible: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }] } });
+
+class DateDiffPipe {
+    constructor() { } // Inject service
+    transform(date) {
+        if (date != null) {
+            const localDate = this.convertUTCToLocal(date);
+            let date2 = new Date(localDate);
+            let date1 = new Date();
+            if (date2 > date1) {
+                // Calculate the absolute difference in milliseconds between the two dates
+                const diffTime = Math.abs(date2.getTime() - date1.getTime());
+                // Calculate the number of days
+                const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
+                // Calculate the remaining time after removing the days
+                const remainingTime = diffTime % (1000 * 60 * 60 * 24);
+                // Calculate the number of hours
+                const diffHours = Math.floor(remainingTime / (1000 * 60 * 60));
+                // Calculate the remaining time after removing the hours
+                const remainingMinutes = remainingTime % (1000 * 60 * 60);
+                // Calculate the number of minutes
+                const diffMinutes = Math.floor(remainingMinutes / (1000 * 60));
+                let result = '';
+                if (diffDays > 0) {
+                    result += `${diffDays} days `;
+                }
+                if (diffHours > 0) {
+                    result += `${diffHours} hours `;
+                }
+                if (diffMinutes > 0) {
+                    result += `${diffMinutes} minutes`;
+                }
+                return result.trim();
+            }
+            else {
+                return '00:00:00';
+            }
+        }
+        return '';
+    }
+    convertUTCToLocal(newdate) {
+        let localDate = newdate + 'Z';
+        localDate = localDate.toLocaleString();
+        // console.log('LOcal: ', localDate);
+        return localDate;
+    }
+}
+DateDiffPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateDiffPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+DateDiffPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: DateDiffPipe, name: "dateDiff" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DateDiffPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'dateDiff',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class ViewpasswordPopupComponent {
+    constructor(dialogService, 
+    // private readonly _RESTService: RESTMyaccessService,
+    msgService, _eventService, translateService, httpCommonService) {
+        this.dialogService = dialogService;
+        this.msgService = msgService;
+        this._eventService = _eventService;
+        this.translateService = translateService;
+        this.httpCommonService = httpCommonService;
+        this.servicePassword = 'Password';
+        this.showVaultBtn = false;
+        this.isContentLoaded = false;
+        this.isValueUpdated = false;
+        this.OpenTillDate = '';
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.totalEmails = '';
+        this.SSHFileType = '';
+        this.SSHFileName = '';
+        this.isSSHKey = false;
+        this.isPasswordVisible = true;
+        this.PasswordViewSuccessMsg = '';
+        this.SSHPasswordViewSuccessMsg = '';
+        this.SSHPasswordViewErrorMsg = '';
+        this.sshKeyForDownload = '';
+        this.getSelectedGridData(dialogService.data); //Getting Data from popup
+    }
+    ngAfterViewInit() {
+        this.getTranslateContent();
+    }
+    ngOnInit() {
+        this.getAccessServicePassword();
+        // this.getCurrentEmailsCount()
+    }
+    getSelectedGridData(gridData) {
+        if (gridData && gridData['payload']) {
+            this.mailDetails = gridData['payload'];
+            this.SSHFileType = gridData['SSHfileType'];
+            this.showVaultBtn = gridData['btnStatus'];
+            this.OpenTillDate = this.mailDetails['spv_Opentildate'];
+            this.isSSHKey = this.mailDetails['sshkey_isenabled'];
+        }
+    }
+    //Method: Convert text one Lang. to another
+    getTranslateContent() {
+        this.translateService
+            .get([
+            'MyAccess.PasswordViewSuccessMsg',
+            'MyAccess.SSHPasswordViewSuccessMsg',
+            'MyAccess.SSHPasswordViewErrorMsg',
+        ])
+            .pipe(takeUntil$1(this.unsubscribeAPIEventListenerData))
+            .subscribe((trans) => {
+            this.PasswordViewSuccessMsg = trans['MyAccess.PasswordViewSuccessMsg'];
+            this.SSHPasswordViewSuccessMsg =
+                trans['MyAccess.SSHPasswordViewSuccessMsg'];
+            this.SSHPasswordViewErrorMsg =
+                trans['MyAccess.SSHPasswordViewErrorMsg'];
+        });
+    }
+    //Method: Grants access to the View password for a service
+    getAccessServicePassword() {
+        this.isContentLoaded = false;
+        let mailDetails = {
+            mailid: String(this.mailDetails['smi_SpvId']),
+            // userid: this.userId,
+            // userSessionID: this.userSessionId,
+        };
+        this.httpCommonService
+            .getAccessToViewServicePassword(mailDetails)
+            .pipe(takeUntil$1(this.unsubscribeAPIEventListenerData), finalize$1(() => {
+            this.isContentLoaded = true;
+        }))
+            .subscribe((result) => {
+            this.servicePassword = result === null || result === void 0 ? void 0 : result.sshKeyPassPhrase;
+            this.SSHFileName = result === null || result === void 0 ? void 0 : result.sshFileName;
+            this.sshKeyForDownload = result === null || result === void 0 ? void 0 : result.sshKey;
+            this.getCurrentEmailsCount();
+        });
+    }
+    //Method: Hide password of a service
+    getHideServicePassword() {
+        this.isValueUpdated = true;
+        let mailDetails = {
+            spvId: String(this.mailDetails['smi_SpvId']),
+            // userId: this.userId,
+        };
+        this.httpCommonService
+            .getProtectedServiceCredentials(mailDetails)
+            .pipe(takeUntil$1(this.unsubscribeAPIEventListenerData), finalize$1(() => {
+            this.isValueUpdated = false;
+        }))
+            .subscribe((result) => {
+            if (result) {
+                this._eventService.emitUserEmail({
+                    component: 'view-pwd',
+                    refreshGrid: true,
+                });
+            }
+        });
+    }
+    /*Method : GET
+    Action : Fetch User Mails Count  */
+    getCurrentEmailsCount() {
+        this.httpCommonService
+            .getUnreadUserEmailsCount()
+            .pipe(takeUntil$1(this.unsubscribeAPIEventListenerData))
+            .subscribe((count) => {
+            if (count <= 0) {
+                this.totalEmails = '';
+            }
+            else if (count > 99) {
+                this.totalEmails = '99+';
+            }
+            else {
+                this.totalEmails = String(count);
+            }
+            this.updateMailCount();
+        });
+    }
+    getGenerateFile() {
+        this.generateSSHKeyFile();
+        this.getHideServicePassword();
+    }
+    generateSSHKeyFile() {
+        try {
+            const blob = new Blob([this.sshKeyForDownload], { type: '' });
+            const url = window.URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = `${this.SSHFileName}.${this.SSHFileType}`;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            window.URL.revokeObjectURL(url);
+            this.msgService.success(this.SSHPasswordViewSuccessMsg);
+        }
+        catch (error) {
+            console.error('Error generating SSH key file:', error);
+            this.msgService.error(this.SSHPasswordViewErrorMsg);
+        }
+    }
+    updateMailCount() {
+        this._eventService.emitUserEmail({
+            component: 'email-count',
+            mailCount: this.totalEmails,
+        });
+    }
+    copyToClipboard(text) {
+        navigator.clipboard
+            .writeText(text)
+            .then(() => {
+            this.msgService.success(this.PasswordViewSuccessMsg);
+        })
+            .catch((error) => {
+            console.error('Error copying text to clipboard: ', error);
+        });
+    }
+    togglePasswordVisibility() {
+        this.isPasswordVisible = !this.isPasswordVisible;
+    }
+    showPassword() {
+        if (this.isSSHKey && !this.servicePassword) {
+            return false;
+        }
+        return true;
+    }
+    ngOnDestroy() {
+        // Unsubscribing All the Observer
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+    }
+}
+ViewpasswordPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ViewpasswordPopupComponent, deps: [{ token: i1$3.DynamicDialogConfig }, { token: ToastMsgService }, { token: EventService }, { token: i4.TranslateService }, { token: HttpCommonService }], target: i0.ɵɵFactoryTarget.Component });
+ViewpasswordPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ViewpasswordPopupComponent, selector: "app-viewpassword-popup", ngImport: i0, template: "<div class=\"view-pass-detail\">\r\n  <!-- <div class=\"title\">{{\"Generic.Password\" | translate}}</div> -->\r\n  <div class=\"mt-4 position-relative px-4\">\r\n    <ng-container *ngIf=\"isContentLoaded; else LoadingAnimation\">\r\n\r\n      <ng-container *ngIf=\"isSSHKey\">\r\n        <div class=\"title\">{{ mailDetails['smi_MailSubject']}}</div>\r\n        <p class=\"note-text mt-2\">{{'Generic_lib.DownloadSSHNote' | translate}}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"showPassword()\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <div class=\"password-checkbox-right\">\r\n            <div class=\"checkbox-visibility-icon\">\r\n              <input type=\"checkbox\" (click)=\"togglePasswordVisibility()\" />\r\n              <span></span>\r\n            </div>\r\n          </div>\r\n          <input class=\"form-control view-pass\" [ngClass]=\"isSSHKey === true ? 'ssh' : ''\" readonly\r\n            type=\"{{ isPasswordVisible ? 'password' : 'text' }}\" [value]=\"servicePassword\" placeholder=\"\"\r\n            autocomplete=\"off\" />\r\n          <button (click)=\"copyToClipboard(servicePassword)\" type=\"button\"\r\n            class=\"btn btn-primary d-flex align-items-center copy-btn\" title=\"Copy To Clipboard\">\r\n            <img src=\"../assets/common-header-lib/images/copy-img.svg\" alt=\"copy Icon\" class=\"mx-2\">{{\"Generic_lib.Copy\"\r\n            | translate}}</button>\r\n          <img *ngIf=\"!isSSHKey\" src=\"../assets/common-header-lib/images/pass-img.svg\" alt=\"Icon\"\r\n            class=\"position-absolute mx-2\">\r\n          <p *ngIf=\"isSSHKey\" class=\"position-absolute mx-2\">{{'Generic_lib.KeyPassphrase' | translate}}: </p>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!-- LODDER  -->\r\n  <ng-template #LoadingAnimation>\r\n    <div class=\"row w-100\">\r\n      <div class=\"col-12 \">\r\n        <p-skeleton height=\"1.5rem\" styleClass=\"mb-2\"></p-skeleton>\r\n      </div>\r\n      <div class=\"col-12 \">\r\n        <p-skeleton height=\"1.5rem\" styleClass=\"mb-2\"></p-skeleton>\r\n      </div>\r\n      <div class=\"col-12 \">\r\n        <p-skeleton height=\"1.5rem\" width=\"30%\" styleClass=\"float-end mb-2\"></p-skeleton>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <!-- /LODDER  -->\r\n\r\n  <!-- MAIN-CONTENT  -->\r\n  <ng-container *ngIf=\"isContentLoaded\">\r\n    <div class=\"d-flex mt-2 my-4 gap-1 px-4\">\r\n      <div class=\"label-text\">{{\"Generic_lib.RemainingTime\" | translate}} : </div>\r\n      <div class=\"time-text\">{{OpenTillDate | dateDiff}}</div>\r\n    </div>\r\n\r\n    <!-- <ng-container *ngIf=\"showVaultBtn\"> -->\r\n    <!-- ! AMIT: Check showVaultBtn condition -->\r\n    <ng-container *ngIf=\"true\">\r\n      <div class=\"border-bottom\"></div>\r\n      <div class=\"d-flex mt-4 justify-content-end gap-1 ms-auto px-4 mb-2\">\r\n        <ng-container *ngIf=\"isSSHKey; else downloadbtn\">\r\n          <p-button type=\"button\" label=\"{{'Generic_lib.DownloadKey' | translate}}\" [iconPos]=\"'right'\"\r\n            [loading]=\"isValueUpdated\" class=\"submit-btn view-btn\" (click)=\"getGenerateFile()\"></p-button>\r\n        </ng-container>\r\n        <ng-template #downloadbtn>\r\n          <p-button type=\"button\" label=\"{{'Generic_lib.VaultCredentials' | translate}}\" [iconPos]=\"'right'\"\r\n            [loading]=\"isValueUpdated\" class=\"submit-btn view-btn\" (click)=\"getHideServicePassword()\"></p-button>\r\n        </ng-template>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <!-- /MAIN-CONTENT  -->\r\n</div>\r\n", styles: [".view-pass-detail .key-icon{position:fixed;top:134px;left:35px}.view-pass-detail .title{font-size:15px;font-weight:700;color:var(--primary-text)}.view-pass-detail .note-text{font-size:14px!important}.view-pass-detail .view-pass{border-radius:4px 0 0 4px;padding-left:40px;height:40px;font-size:14px}.view-pass-detail .view-pass.ssh{padding-left:115px;padding-right:40px;margin:10px 0}.view-pass-detail .copy-btn{border-radius:0 4px 4px 0;height:40px;font-size:14px}.view-pass-detail .label-text{color:var(--secondary-text);font-size:13px}.view-pass-detail .time-text{font-size:13px;font-weight:600}.view-pass-detail .view-btn{border-radius:4px;height:35px;font-size:14px;text-align:center;margin-top:4px}.view-pass-detail .border-bottom{position:relative;top:13px}.view-pass-detail p{font-size:14px!important;margin-bottom:1px}.password-checkbox-right{right:120px;position:absolute}.checkbox-visibility-icon{position:relative}.checkbox-visibility-icon input[type=checkbox]{opacity:0;position:absolute;top:4px;left:5px;transform:scale(1.7);z-index:2;cursor:pointer}.checkbox-visibility-icon input[type=checkbox]:checked+span{background:url(../../assets/common-header-lib/images/login-bg/visibility.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]:checked+span{height:12px;width:18px;background-size:17px}}.checkbox-visibility-icon input[type=checkbox]+span{background:url(../../assets/common-header-lib/images/login-bg/visibility_off.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]+span{height:24px;width:18px;background-size:17px}}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i10.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: DateDiffPipe, name: "dateDiff" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ViewpasswordPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-viewpassword-popup', template: "<div class=\"view-pass-detail\">\r\n  <!-- <div class=\"title\">{{\"Generic.Password\" | translate}}</div> -->\r\n  <div class=\"mt-4 position-relative px-4\">\r\n    <ng-container *ngIf=\"isContentLoaded; else LoadingAnimation\">\r\n\r\n      <ng-container *ngIf=\"isSSHKey\">\r\n        <div class=\"title\">{{ mailDetails['smi_MailSubject']}}</div>\r\n        <p class=\"note-text mt-2\">{{'Generic_lib.DownloadSSHNote' | translate}}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"showPassword()\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <div class=\"password-checkbox-right\">\r\n            <div class=\"checkbox-visibility-icon\">\r\n              <input type=\"checkbox\" (click)=\"togglePasswordVisibility()\" />\r\n              <span></span>\r\n            </div>\r\n          </div>\r\n          <input class=\"form-control view-pass\" [ngClass]=\"isSSHKey === true ? 'ssh' : ''\" readonly\r\n            type=\"{{ isPasswordVisible ? 'password' : 'text' }}\" [value]=\"servicePassword\" placeholder=\"\"\r\n            autocomplete=\"off\" />\r\n          <button (click)=\"copyToClipboard(servicePassword)\" type=\"button\"\r\n            class=\"btn btn-primary d-flex align-items-center copy-btn\" title=\"Copy To Clipboard\">\r\n            <img src=\"../assets/common-header-lib/images/copy-img.svg\" alt=\"copy Icon\" class=\"mx-2\">{{\"Generic_lib.Copy\"\r\n            | translate}}</button>\r\n          <img *ngIf=\"!isSSHKey\" src=\"../assets/common-header-lib/images/pass-img.svg\" alt=\"Icon\"\r\n            class=\"position-absolute mx-2\">\r\n          <p *ngIf=\"isSSHKey\" class=\"position-absolute mx-2\">{{'Generic_lib.KeyPassphrase' | translate}}: </p>\r\n        </div>\r\n      </ng-container>\r\n\r\n    </ng-container>\r\n  </div>\r\n\r\n  <!-- LODDER  -->\r\n  <ng-template #LoadingAnimation>\r\n    <div class=\"row w-100\">\r\n      <div class=\"col-12 \">\r\n        <p-skeleton height=\"1.5rem\" styleClass=\"mb-2\"></p-skeleton>\r\n      </div>\r\n      <div class=\"col-12 \">\r\n        <p-skeleton height=\"1.5rem\" styleClass=\"mb-2\"></p-skeleton>\r\n      </div>\r\n      <div class=\"col-12 \">\r\n        <p-skeleton height=\"1.5rem\" width=\"30%\" styleClass=\"float-end mb-2\"></p-skeleton>\r\n      </div>\r\n    </div>\r\n  </ng-template>\r\n  <!-- /LODDER  -->\r\n\r\n  <!-- MAIN-CONTENT  -->\r\n  <ng-container *ngIf=\"isContentLoaded\">\r\n    <div class=\"d-flex mt-2 my-4 gap-1 px-4\">\r\n      <div class=\"label-text\">{{\"Generic_lib.RemainingTime\" | translate}} : </div>\r\n      <div class=\"time-text\">{{OpenTillDate | dateDiff}}</div>\r\n    </div>\r\n\r\n    <!-- <ng-container *ngIf=\"showVaultBtn\"> -->\r\n    <!-- ! AMIT: Check showVaultBtn condition -->\r\n    <ng-container *ngIf=\"true\">\r\n      <div class=\"border-bottom\"></div>\r\n      <div class=\"d-flex mt-4 justify-content-end gap-1 ms-auto px-4 mb-2\">\r\n        <ng-container *ngIf=\"isSSHKey; else downloadbtn\">\r\n          <p-button type=\"button\" label=\"{{'Generic_lib.DownloadKey' | translate}}\" [iconPos]=\"'right'\"\r\n            [loading]=\"isValueUpdated\" class=\"submit-btn view-btn\" (click)=\"getGenerateFile()\"></p-button>\r\n        </ng-container>\r\n        <ng-template #downloadbtn>\r\n          <p-button type=\"button\" label=\"{{'Generic_lib.VaultCredentials' | translate}}\" [iconPos]=\"'right'\"\r\n            [loading]=\"isValueUpdated\" class=\"submit-btn view-btn\" (click)=\"getHideServicePassword()\"></p-button>\r\n        </ng-template>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n  <!-- /MAIN-CONTENT  -->\r\n</div>\r\n", styles: [".view-pass-detail .key-icon{position:fixed;top:134px;left:35px}.view-pass-detail .title{font-size:15px;font-weight:700;color:var(--primary-text)}.view-pass-detail .note-text{font-size:14px!important}.view-pass-detail .view-pass{border-radius:4px 0 0 4px;padding-left:40px;height:40px;font-size:14px}.view-pass-detail .view-pass.ssh{padding-left:115px;padding-right:40px;margin:10px 0}.view-pass-detail .copy-btn{border-radius:0 4px 4px 0;height:40px;font-size:14px}.view-pass-detail .label-text{color:var(--secondary-text);font-size:13px}.view-pass-detail .time-text{font-size:13px;font-weight:600}.view-pass-detail .view-btn{border-radius:4px;height:35px;font-size:14px;text-align:center;margin-top:4px}.view-pass-detail .border-bottom{position:relative;top:13px}.view-pass-detail p{font-size:14px!important;margin-bottom:1px}.password-checkbox-right{right:120px;position:absolute}.checkbox-visibility-icon{position:relative}.checkbox-visibility-icon input[type=checkbox]{opacity:0;position:absolute;top:4px;left:5px;transform:scale(1.7);z-index:2;cursor:pointer}.checkbox-visibility-icon input[type=checkbox]:checked+span{background:url(../../assets/common-header-lib/images/login-bg/visibility.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]:checked+span{height:12px;width:18px;background-size:17px}}.checkbox-visibility-icon input[type=checkbox]+span{background:url(../../assets/common-header-lib/images/login-bg/visibility_off.svg);background-repeat:no-repeat;background-position:0px;height:12px;width:18px;display:block;background-size:17px}@media (min-width: 992px){.checkbox-visibility-icon input[type=checkbox]+span{height:24px;width:18px;background-size:17px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.DynamicDialogConfig }, { type: ToastMsgService }, { type: EventService }, { type: i4.TranslateService }, { type: HttpCommonService }]; } });
+
+class NoServiceMyAccessPgComponent {
+    constructor() {
+        this.heading = "We couldn't find any service matching your search within the chosen LOB. Try refining your keywords or choosing a different LOB for better results"; //'Generic_lib.NoSearchResult';
+        this.subHeading = '';
+    }
+}
+NoServiceMyAccessPgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoServiceMyAccessPgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NoServiceMyAccessPgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NoServiceMyAccessPgComponent, selector: "app-no-service-my-access-pg", inputs: { heading: "heading", subHeading: "subHeading" }, ngImport: i0, template: "<div class=\"no-service-content mt-5\">\r\n  <div class=\"text-center\">\r\n    <img src=\"assets/common-header-lib/images/Frame.svg\" class=\"frame-img w-75\" alt=\"Icon\">\r\n  </div>\r\n  <div class=\"no-service-description\">\r\n    <!-- <div class=\"no-data-text\">{{heading | translate}}</div> -->\r\n    <div class=\"no-data-text\">{{heading }}</div>\r\n    <p>{{subHeading}}</p>\r\n  </div>\r\n</div>", styles: [".no-service-content{display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width: 1744px){.no-service-content{margin-top:200px!important}}.no-service-description{width:55%;text-align:center;margin-top:16px}.no-data-text{font-size:14px;color:#212121;font-weight:400}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NoServiceMyAccessPgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-no-service-my-access-pg', template: "<div class=\"no-service-content mt-5\">\r\n  <div class=\"text-center\">\r\n    <img src=\"assets/common-header-lib/images/Frame.svg\" class=\"frame-img w-75\" alt=\"Icon\">\r\n  </div>\r\n  <div class=\"no-service-description\">\r\n    <!-- <div class=\"no-data-text\">{{heading | translate}}</div> -->\r\n    <div class=\"no-data-text\">{{heading }}</div>\r\n    <p>{{subHeading}}</p>\r\n  </div>\r\n</div>", styles: [".no-service-content{display:flex;justify-content:center;align-items:center;flex-direction:column}@media screen and (min-width: 1744px){.no-service-content{margin-top:200px!important}}.no-service-description{width:55%;text-align:center;margin-top:16px}.no-data-text{font-size:14px;color:#212121;font-weight:400}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { heading: [{
+                type: Input
+            }], subHeading: [{
+                type: Input
+            }] } });
+
+class GridPaginationComponent {
+    constructor() {
+        this.first = 0;
+        this.currentPgNo = 0;
+        this.rows = GlobalConstants.PAGEROW;
+        this.totalRecords = 0;
+        this.onPgChange = new EventEmitter();
+    }
+    onPageChange(event) {
+        console.log("pagechange event", event);
+        event['page'] = event['page'] + 1; // By default pg index 0 so add +1
+        this.currentPgNo = event.page;
+        this.rows = event.rows;
+        //Emit Page No and PageRow Size
+        this.onPgChange.emit({
+            currentPgNo: this.currentPgNo,
+            perPgRows: this.rows,
+        });
+    }
+}
+GridPaginationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GridPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+GridPaginationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GridPaginationComponent, selector: "app-grid-pagination", inputs: { currentPgNo: "currentPgNo", rows: "rows", totalRecords: "totalRecords" }, outputs: { onPgChange: "onPgChange" }, ngImport: i0, template: "<p-paginator (onPageChange)=\"onPageChange($event)\" [first]=\"first\" [rows]=\"rows\" [totalRecords]=\"totalRecords\"\r\n  [showFirstLastIcon]=\"true\" [showCurrentPageReport]=\"true\"\r\n  currentPageReportTemplate=\"{first} - {last} of {totalRecords}\" [rowsPerPageOptions]=\"[10, 50, 100]\"></p-paginator>\r\n", styles: [""], dependencies: [{ kind: "component", type: i1$5.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "templateLeft", "templateRight", "dropdownAppendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "showPageLinks", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GridPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-grid-pagination', template: "<p-paginator (onPageChange)=\"onPageChange($event)\" [first]=\"first\" [rows]=\"rows\" [totalRecords]=\"totalRecords\"\r\n  [showFirstLastIcon]=\"true\" [showCurrentPageReport]=\"true\"\r\n  currentPageReportTemplate=\"{first} - {last} of {totalRecords}\" [rowsPerPageOptions]=\"[10, 50, 100]\"></p-paginator>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { currentPgNo: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], totalRecords: [{
+                type: Input
+            }], onPgChange: [{
+                type: Output
+            }] } });
+
+class customDateFormatPipe {
+    constructor() {
+        this.datePipe = new DatePipe('en-US');
+    }
+    transform(value) {
+        if (!value) {
+            return 'Not Applicable';
+        }
+        const parsedDate = new Date(value);
+        if (isNaN(parsedDate.getTime())) {
+            return 'Invalid Date';
+        }
+        return this.datePipe.transform(parsedDate, 'dd-MMM-yyyy HH:mm:ss');
+    }
+}
+customDateFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: customDateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+customDateFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: customDateFormatPipe, name: "customDateFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: customDateFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'customDateFormat',
+                }]
+        }] });
+
+class UserMailboxComponent {
+    constructor(dialogService, 
+    // private readonly _restMyaccessService: RESTMyaccessService,
+    // private readonly loginService: RESTLoginFormService,
+    _eventService, translate, libService, httpCommonService) {
+        this.dialogService = dialogService;
+        this._eventService = _eventService;
+        this.translate = translate;
+        this.libService = libService;
+        this.httpCommonService = httpCommonService;
+        this.closeMailDialogBox = new EventEmitter();
+        this.ListOfUserAssingedMails = [];
+        // private userId: string;
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.showVaultBtn = false;
+        this.SSHFileName = 'ppk';
+        this.hasUserAssignedMails = true;
+        //Pagintion
+        this.currentPgNo = 1;
+        this.perPgRows = 10;
+        this.totalCount = 0;
+        this.NoServiceMsgText = '';
+        this.isContentLoaded = false;
+        this.repeatLoader = Array.from({ length: this.perPgRows }).map((_, i) => `Item #${i}`);
+        this.apiURL = '';
+    }
+    ngOnInit() {
+        this.onLoadMethods();
+    }
+    /* Require Methods on PageLoad */
+    onLoadMethods() {
+        this.getUserEmails();
+        this.getglobalConfigDetails();
+        this._eventService.listenerUserEmail().subscribe((data) => {
+            var _a;
+            if (data && data['component'] === 'view-pwd') {
+                if (data['refreshGrid']) {
+                    (_a = this.ref) === null || _a === void 0 ? void 0 : _a.close();
+                    // this.getUserEmails();
+                }
+            }
+        });
+    }
+    openViewPasswordPanel(mailDetails) {
+        this.ref = this.dialogService.open(ViewpasswordPopupComponent, {
+            header: mailDetails.sshkey_isenabled
+                ? this.translate.instant('Generic_lib.SSHKey')
+                : this.translate.instant('Generic_lib.Password'),
+            styleClass: 'view-pass-details',
+            data: {
+                payload: mailDetails,
+                btnStatus: this.showVaultBtn,
+                SSHfileType: this.SSHFileName,
+            },
+        });
+        // Handle the close event here
+        this.ref.onClose.subscribe((result) => {
+            this.getUserEmails();
+        });
+    }
+    /*Action : Fetching user Emails from a API */
+    getUserEmails() {
+        console.log('inside mailbox api ');
+        this.isContentLoaded = false;
+        let payload = {
+            // smi_user_id: this.userId,
+            pageSize: this.perPgRows,
+            pageNumber: this.currentPgNo,
+        };
+        this.httpCommonService
+            .getUserAssignedMails(payload)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => {
+            this.isContentLoaded = true;
+        }))
+            .subscribe((response) => {
+            this.ListOfUserAssingedMails = response;
+            if (this.ListOfUserAssingedMails.length > 0) {
+                this.hasUserAssignedMails = true;
+                this.getTotalNoOfRecords();
+            }
+            else {
+                this.hasUserAssignedMails = false;
+                this.NoServiceMsgText = errorMsg.NOMAILFOUND;
+            }
+        });
+    }
+    //Note: Get Total No of Records for Pagination
+    getTotalNoOfRecords() {
+        if (this.ListOfUserAssingedMails.length > 0 &&
+            this.ListOfUserAssingedMails[0]['totalRecords'] != null) {
+            this.totalCount = this.ListOfUserAssingedMails[0]['totalRecords'];
+        }
+    }
+    /*Method : POST
+     Action : Get configuration ID based on to show hide Vault Btn*/
+    getglobalConfigDetails() {
+        this.httpCommonService
+            .getglobalConfigDetails('1', [247, 338])
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((data) => {
+            if (data && data.length > 0) {
+                data.forEach((element) => {
+                    //For Vault Btn
+                    if (element && element['id'] === 247 && element['value'] === '0') {
+                        this.showVaultBtn = false;
+                    }
+                    else {
+                        this.showVaultBtn = true;
+                    }
+                    //For Vault Btn
+                    if (element && element['id'] === 338 && element['value'] === '1') {
+                        this.SSHFileName = 'pem';
+                    }
+                    else {
+                        this.SSHFileName = 'ppk';
+                    }
+                });
+            }
+        });
+    }
+    //Method: Fetch User Assigned Email based on PageNo
+    updateDataOnPageChange(pageDetails) {
+        this.currentPgNo = pageDetails['currentPgNo'];
+        this.perPgRows = pageDetails['perPgRows'];
+        console.log('currentPgNo', this.currentPgNo);
+        console.log('perPgRows', this.perPgRows);
+        this.getUserEmails();
+    }
+    closeMailBox() {
+        console.log('click');
+        this.closeMailDialogBox.emit();
+    }
+    ngOnDestroy() {
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+    }
+}
+UserMailboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UserMailboxComponent, deps: [{ token: i1$3.DialogService }, { token: EventService }, { token: i4.TranslateService }, { token: CommonHeaderLibService }, { token: HttpCommonService }], target: i0.ɵɵFactoryTarget.Component });
+UserMailboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: UserMailboxComponent, selector: "app-user-mailbox", inputs: { apiURL: "apiURL" }, outputs: { closeMailDialogBox: "closeMailDialogBox" }, providers: [DialogService], ngImport: i0, template: "<div class=\"mail-content\">\r\n  <div\r\n    class=\"box-title my-3 d-flex justify-content-between align-items-center w-100\"\r\n  >\r\n    <div>\r\n      {{ \"Generic_lib.MailBox\" | translate }}\r\n    </div>\r\n    <button\r\n      type=\"button\"\r\n      class=\"common-bn tertiary-btn ms-auto\"\r\n      (click)=\"closeMailBox()\"\r\n    >\r\n      <img\r\n        src=\"assets/common-header-lib/images/close.svg\"\r\n        class=\"imgs\"\r\n        alt=\"close icon\"\r\n        title=\"Close\"\r\n        loading=\"lazy\"\r\n      />\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"mail-table\">\r\n    <ng-container *ngIf=\"isContentLoaded && hasUserAssignedMails\">\r\n      <p-table\r\n        [value]=\"ListOfUserAssingedMails\"\r\n        selectionMode=\"multiple\"\r\n        dataKey=\"code\"\r\n        [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.From\" | translate }}\r\n            </th>\r\n\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.Subject\" | translate }}\r\n            </th>\r\n\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.ViewFrom\" | translate }}\r\n            </th>\r\n\r\n            <th scope=\"col\"></th>\r\n\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.Action\" | translate }}\r\n            </th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-userMail>\r\n          <tr [ngClass]=\"{ markasRead: userMail.smi_sms_id != 1 }\">\r\n            <td class=\"form-colm\">{{ userMail.smi_From_Details }}</td>\r\n            <td>\r\n              <div class=\"subject-colm\" title=\"{{ userMail.smi_MailSubject }}\">\r\n                {{ userMail.smi_MailSubject }}\r\n              </div>\r\n            </td>\r\n            <!-- <td class=\"view-colm\">{{userMail.smi_Received_On}}</td> -->\r\n            <td class=\"view-colm\">\r\n              {{ userMail.smi_Received_On | customDateFormat }}\r\n            </td>\r\n            <td>\r\n              <div class=\"icon-colm\">\r\n                <div>\r\n                  <img\r\n                    src=\"assets/common-header-lib/images/mail-icon.svg\"\r\n                    alt=\"Icon\"\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"assets/common-header-lib/images/flag1.svg\"\r\n                    alt=\"Icon\"\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"assets/common-header-lib/images/lock1.svg\"\r\n                    alt=\"Icon\"\r\n                    class=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </td>\r\n            <td class=\"action-colm\">\r\n              <button\r\n                [disabled]=\"userMail.password_status === 'Close'\"\r\n                (click)=\"openViewPasswordPanel(userMail)\"\r\n                class=\"view-label\"\r\n              >\r\n                {{ \"Generic_lib.ViewPassword\" | translate }}\r\n              </button>\r\n            </td>\r\n          </tr></ng-template\r\n        >\r\n      </p-table>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isContentLoaded\">\r\n      <p-table\r\n        [value]=\"repeatLoader\"\r\n        [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n        responsiveLayout=\"scroll\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th scope=\"col\">{{ \"Generic_lib.From\" | translate }}</th>\r\n            <th scope=\"col\">{{ \"Generic_lib.Subject\" | translate }}</th>\r\n            <th scope=\"col\">{{ \"Generic_lib.ViewFrom\" | translate }}</th>\r\n            <th scope=\"col\"></th>\r\n            <th scope=\"col\">{{ \"Generic_lib.Action\" | translate }}</th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-data>\r\n          <tr>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n    </ng-container>\r\n    <!-- When There is No Data Present -->\r\n    <ng-container *ngIf=\"!hasUserAssignedMails\">\r\n      <app-no-service-my-access-pg\r\n        [heading]=\"NoServiceMsgText\"\r\n      ></app-no-service-my-access-pg>\r\n    </ng-container>\r\n  </div>\r\n  <!-- ---Pagination  -->\r\n  <div class=\"mail-pagination\">\r\n    <app-grid-pagination\r\n      [totalRecords]=\"totalCount\"\r\n      (onPgChange)=\"updateDataOnPageChange($event)\"\r\n    ></app-grid-pagination>\r\n  </div>\r\n</div>\r\n", styles: [".mail-content{padding:0 25px}.mail-content .mail-body{background-color:#000}.mail-content .box-title{color:var(--primary-text);font-size:20px;line-height:30px;font-weight:600}.mail-content .view-label{border:none;color:var(--primary-color);font-size:13px!important;font-weight:600;cursor:pointer;padding-right:25px}.mail-content .icon-trending{position:relative;left:5px;cursor:pointer}.mail-content .disable-click{pointer-events:none}.mail-content .disable-click:hover,.mail-content .disable-click:focus{cursor:not-allowed}.subject-colm{text-overflow:ellipsis;overflow:hidden;width:500px}.markasRead{background-color:#cce5ff!important;border-left:2px solid #3b82f6!important;color:#676879!important;border-bottom:1px solid #dee2e6!important}.icon-colm div{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;vertical-align:middle;margin-right:4px;cursor:pointer}.icon-colm div img{width:16px;height:16px}.icon-colm div:hover{background-color:#fff}.icon-colm div:hover img{filter:invert(0%) sepia(4%) saturate(0%) hue-rotate(324deg) brightness(55%) contrast(105%)}.view-label{background:url(../assets/common-header-lib/images/east.svg) no-repeat 99% 5px}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i10$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: i9$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "component", type: NoServiceMyAccessPgComponent, selector: "app-no-service-my-access-pg", inputs: ["heading", "subHeading"] }, { kind: "component", type: GridPaginationComponent, selector: "app-grid-pagination", inputs: ["currentPgNo", "rows", "totalRecords"], outputs: ["onPgChange"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: customDateFormatPipe, name: "customDateFormat" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: UserMailboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-mailbox', providers: [DialogService], template: "<div class=\"mail-content\">\r\n  <div\r\n    class=\"box-title my-3 d-flex justify-content-between align-items-center w-100\"\r\n  >\r\n    <div>\r\n      {{ \"Generic_lib.MailBox\" | translate }}\r\n    </div>\r\n    <button\r\n      type=\"button\"\r\n      class=\"common-bn tertiary-btn ms-auto\"\r\n      (click)=\"closeMailBox()\"\r\n    >\r\n      <img\r\n        src=\"assets/common-header-lib/images/close.svg\"\r\n        class=\"imgs\"\r\n        alt=\"close icon\"\r\n        title=\"Close\"\r\n        loading=\"lazy\"\r\n      />\r\n    </button>\r\n  </div>\r\n\r\n  <div class=\"mail-table\">\r\n    <ng-container *ngIf=\"isContentLoaded && hasUserAssignedMails\">\r\n      <p-table\r\n        [value]=\"ListOfUserAssingedMails\"\r\n        selectionMode=\"multiple\"\r\n        dataKey=\"code\"\r\n        [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.From\" | translate }}\r\n            </th>\r\n\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.Subject\" | translate }}\r\n            </th>\r\n\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.ViewFrom\" | translate }}\r\n            </th>\r\n\r\n            <th scope=\"col\"></th>\r\n\r\n            <th scope=\"col\">\r\n              {{ \"Generic_lib.Action\" | translate }}\r\n            </th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-userMail>\r\n          <tr [ngClass]=\"{ markasRead: userMail.smi_sms_id != 1 }\">\r\n            <td class=\"form-colm\">{{ userMail.smi_From_Details }}</td>\r\n            <td>\r\n              <div class=\"subject-colm\" title=\"{{ userMail.smi_MailSubject }}\">\r\n                {{ userMail.smi_MailSubject }}\r\n              </div>\r\n            </td>\r\n            <!-- <td class=\"view-colm\">{{userMail.smi_Received_On}}</td> -->\r\n            <td class=\"view-colm\">\r\n              {{ userMail.smi_Received_On | customDateFormat }}\r\n            </td>\r\n            <td>\r\n              <div class=\"icon-colm\">\r\n                <div>\r\n                  <img\r\n                    src=\"assets/common-header-lib/images/mail-icon.svg\"\r\n                    alt=\"Icon\"\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"assets/common-header-lib/images/flag1.svg\"\r\n                    alt=\"Icon\"\r\n                  />\r\n                </div>\r\n                <div>\r\n                  <img\r\n                    src=\"assets/common-header-lib/images/lock1.svg\"\r\n                    alt=\"Icon\"\r\n                    class=\"\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </td>\r\n            <td class=\"action-colm\">\r\n              <button\r\n                [disabled]=\"userMail.password_status === 'Close'\"\r\n                (click)=\"openViewPasswordPanel(userMail)\"\r\n                class=\"view-label\"\r\n              >\r\n                {{ \"Generic_lib.ViewPassword\" | translate }}\r\n              </button>\r\n            </td>\r\n          </tr></ng-template\r\n        >\r\n      </p-table>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isContentLoaded\">\r\n      <p-table\r\n        [value]=\"repeatLoader\"\r\n        [tableStyle]=\"{ 'min-width': '50rem' }\"\r\n        responsiveLayout=\"scroll\"\r\n      >\r\n        <ng-template pTemplate=\"header\">\r\n          <tr>\r\n            <th scope=\"col\">{{ \"Generic_lib.From\" | translate }}</th>\r\n            <th scope=\"col\">{{ \"Generic_lib.Subject\" | translate }}</th>\r\n            <th scope=\"col\">{{ \"Generic_lib.ViewFrom\" | translate }}</th>\r\n            <th scope=\"col\"></th>\r\n            <th scope=\"col\">{{ \"Generic_lib.Action\" | translate }}</th>\r\n          </tr>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"body\" let-data>\r\n          <tr>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n            <td><p-skeleton height=\"1rem\" width=\"100%\"></p-skeleton></td>\r\n          </tr>\r\n        </ng-template>\r\n      </p-table>\r\n    </ng-container>\r\n    <!-- When There is No Data Present -->\r\n    <ng-container *ngIf=\"!hasUserAssignedMails\">\r\n      <app-no-service-my-access-pg\r\n        [heading]=\"NoServiceMsgText\"\r\n      ></app-no-service-my-access-pg>\r\n    </ng-container>\r\n  </div>\r\n  <!-- ---Pagination  -->\r\n  <div class=\"mail-pagination\">\r\n    <app-grid-pagination\r\n      [totalRecords]=\"totalCount\"\r\n      (onPgChange)=\"updateDataOnPageChange($event)\"\r\n    ></app-grid-pagination>\r\n  </div>\r\n</div>\r\n", styles: [".mail-content{padding:0 25px}.mail-content .mail-body{background-color:#000}.mail-content .box-title{color:var(--primary-text);font-size:20px;line-height:30px;font-weight:600}.mail-content .view-label{border:none;color:var(--primary-color);font-size:13px!important;font-weight:600;cursor:pointer;padding-right:25px}.mail-content .icon-trending{position:relative;left:5px;cursor:pointer}.mail-content .disable-click{pointer-events:none}.mail-content .disable-click:hover,.mail-content .disable-click:focus{cursor:not-allowed}.subject-colm{text-overflow:ellipsis;overflow:hidden;width:500px}.markasRead{background-color:#cce5ff!important;border-left:2px solid #3b82f6!important;color:#676879!important;border-bottom:1px solid #dee2e6!important}.icon-colm div{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;vertical-align:middle;margin-right:4px;cursor:pointer}.icon-colm div img{width:16px;height:16px}.icon-colm div:hover{background-color:#fff}.icon-colm div:hover img{filter:invert(0%) sepia(4%) saturate(0%) hue-rotate(324deg) brightness(55%) contrast(105%)}.view-label{background:url(../assets/common-header-lib/images/east.svg) no-repeat 99% 5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.DialogService }, { type: EventService }, { type: i4.TranslateService }, { type: CommonHeaderLibService }, { type: HttpCommonService }]; }, propDecorators: { closeMailDialogBox: [{
+                type: Output
+            }], apiURL: [{
+                type: Input
+            }] } });
+
+class ConfirmDialogComponent {
+    constructor(confirmationService) {
+        this.confirmationService = confirmationService;
+        this.header = '';
+        this.message = '';
+        this.result = new EventEmitter();
+    }
+    openConfirmModal(event) {
+        this.confirmationService.confirm({
+            target: event.target,
+            message: this.message,
+            header: this.header,
+            closeOnEscape: true,
+            // icon: 'pi pi-exclamation-triangle',
+            // ✔ PrimeNG 14 button config
+            acceptLabel: 'Yes',
+            rejectLabel: 'No',
+            acceptButtonStyleClass: 'p-button-primary',
+            rejectButtonStyleClass: 'p-button-secondary p-button-outlined',
+            accept: () => {
+                this.result.emit(true);
+            },
+            reject: () => {
+                this.result.emit(false);
+            },
+        });
+    }
+}
+ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i9.ConfirmationService }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfirmDialogComponent, selector: "confirm-dialog", inputs: { header: "header", message: "message" }, outputs: { result: "result" }, providers: [ConfirmationService], ngImport: i0, template: "<div class=\"card flex justify-center gap-2 view-pass-details confirmtion-modal\">\n  <p-confirmDialog icon=\"none\" acceptIcon=\"\" rejectIcon=\"\"></p-confirmDialog>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2$1.ConfirmDialog, selector: "p-confirmDialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'confirm-dialog', providers: [ConfirmationService], template: "<div class=\"card flex justify-center gap-2 view-pass-details confirmtion-modal\">\n  <p-confirmDialog icon=\"none\" acceptIcon=\"\" rejectIcon=\"\"></p-confirmDialog>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i9.ConfirmationService }]; }, propDecorators: { header: [{
+                type: Input,
+                args: ['header']
+            }], message: [{
+                type: Input,
+                args: ['message']
+            }], result: [{
+                type: Output,
+                args: ['result']
+            }] } });
+
+class CommonHeaderLibComponent {
+    constructor(libService, cdRef, _signalRService, _eventService, translate, modalService, translateService, httpCommonService, msgService) {
+        this.libService = libService;
+        this.cdRef = cdRef;
+        this._signalRService = _signalRService;
+        this._eventService = _eventService;
+        this.translate = translate;
+        this.modalService = modalService;
+        this.translateService = translateService;
+        this.httpCommonService = httpCommonService;
+        this.msgService = msgService;
+        // @Input() apiURL: string = '';
+        this.EnableLogo = true;
+        this.moduleName = '';
+        this.EnableTimeZone = true;
+        this.EnableLOB = true;
+        this.EnableMail = true;
+        this.EnableNotifications = true;
+        this.EnableMoreApps = true;
+        this.EnableProfile = true;
+        this.lobSelected = new EventEmitter();
+        this.langChange = new EventEmitter();
+        this.overlayStateChange = new EventEmitter();
+        this.userTimeZoneAbbreviations = '';
+        this.userTimeZoneFullForm = '';
+        this.userLOBList = [];
+        this.showLobLoader = true;
+        this.totalEmails = '';
+        this.userNotificationCount = '';
+        this.ListOfUserPrivillegedApp = [];
+        this.userdisplayName = '';
+        this.userDetailsInfo = [];
+        this.isOpenSidePopup = false;
+        this.showUserDetails = false;
+        this.userAppLoaderLoadder = true;
+        this.repeatLoader = new Array(12).fill(0);
+        this.showMailboxScreenflag = false;
+        this.isErrorFound = false;
+        this.userNotificationCountObj = {};
+        this.eventwiseNotificationCount = [];
+        this.notificationLoadder = true;
+        this.unsubscribeAPIEventListenerData = new Subject();
+        this.unsubscribeSidebarListenerData = new Subject();
+        this.userId = '';
+        this.assetCategoryMenuList = [];
+        this.showbusinessFileds = false;
+        this.showInfraFileds = false;
+        this.showfiltersearch = true;
+        this.clickInside = false;
+        this.isLobContentLoaded = false;
+        this.isHeaderContentLoaded = false;
+        this.requestTypeId = 1;
+        this.accessTypes = [
+            { id: 1, name: 'Permanent' },
+            { id: 2, name: 'OneTime' },
+            { id: 3, name: 'TimeBased' },
+        ];
+        this.selectedAssetName = {
+            assetId: -100,
+            assetName: 'All',
+        };
+        this.assetName = '';
+        this.assetId = 0;
+        this.allCategory = {
+            assetTypeId: -100,
+            assetTypeValue: 'All Section',
+            assetList: [
+                {
+                    assetId: -100,
+                    assetName: 'All',
+                },
+            ],
+        };
+        this.translateName = [
+            'Generic_lib.Permanent',
+            'Generic_lib.OneTime',
+            'Generic_lib.TimeBased',
+        ];
+        this.appPanel = OverlayPanel;
+        this.isErrorOccured = false;
+        // @Output() public refreshNotification = new EventEmitter<boolean>();
+        this.repeatLoader1 = new Array(9).fill(0);
+    }
+    ngOnInit() {
+        this.headerLogo = '';
+        this.overlayStateChange.emit(false);
+        this.setWebAPIURL();
+        if (this.EnableLogo)
+            this.loadHeaderLogo();
+        if (this.EnableLOB)
+            this.getListofLOB();
+        this.onLoadMethod();
+    }
+    onLoadMethod() {
+        this.onDemandActions();
+        if (this.EnableNotifications)
+            this.getEventwiseNotificationCount();
+        this.getUserActivityDetails();
+    }
+    //* on click of Mail icon
+    showMailBoxScreen() {
+        this.showMailboxScreenflag = true;
+        this.overlayStateChange.emit(true);
+    }
+    hideMailBoxScreen() {
+        this.showMailboxScreenflag = false;
+        this.overlayStateChange.emit(false);
+    }
+    //* Main language change emitter
+    languageChange(event) {
+        if (!event)
+            return;
+        this.langChange.emit(event);
+    }
+    showUserAppsPanel(event) {
+        this.appPanel.toggle(event);
+        if (this.ListOfUserPrivillegedApp.length === 0) {
+            this.getUserAssignedApp();
+        }
+    }
+    showUserDetailsPanel() {
+        this.openSidePopup();
+        this.showUserDetails = true;
+    }
+    closeSidePopup() {
+        this.showUserDetails = false;
+        this.isOpenSidePopup = false;
+    }
+    openSidePopup() {
+        this.isOpenSidePopup = true;
+    }
+    //Method: Take Connection of Application
+    getConnectionofApplication(appCode) {
+        console.log('appcode', appCode);
+        const url = GlobalConstants.baseURL + '/xauth/api/Token/AppOAuth?appcode=' + appCode;
+        window.open(url, '_blank');
+    }
+    getConnectToSingalRhub() {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield this._signalRService.initializeSignalRConnection();
+            }
+            catch (error) {
+                console.error('All SignalR hub connections failed.', error);
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.ListenToTranslateEvent();
+        // Initialize modal instance when DOM is ready
+        this.bsModalInstance = new bootstrap.Modal(this.notifyModal.nativeElement);
+    }
+    /*Method : Listen to the Other component event
+     Action : It used to listen diff. component command on basis of perform some actions */
+    onDemandActions() {
+        //Listen the Event Emit by Sidebar
+        this._eventService
+            .listenerAssetTypeEvent()
+            .pipe(takeUntil(this.unsubscribeSidebarListenerData))
+            .subscribe((data) => {
+            if (data && data['component'] === 'assetMenu') {
+                this.assetCategoryMenuList = [];
+                this.assetCategoryMenuList = data['aseetTypeList'];
+                //Note: Add Filter Fileds of Business/Infra Asset and there RequestID
+                //For Business Asset
+                if ((data === null || data === void 0 ? void 0 : data['assetCategoryId']) == 1) {
+                    this.showbusinessFileds = true;
+                    this.showInfraFileds = false;
+                    this.requestTypeId = 1;
+                    this.selectedAssetName = this.assetCategoryMenuList[0]; //Set index 0 By Default
+                    this.assetName = this.selectedAssetName['assetTypeValue'];
+                    this.assetId = this.selectedAssetName['assetTypeId'];
+                    //For Infra Asset
+                }
+                else if ((data === null || data === void 0 ? void 0 : data['assetCategoryId']) == 2) {
+                    this.showInfraFileds = true;
+                    this.showbusinessFileds = false;
+                    this.requestTypeId = 2;
+                    this.selectedAssetName =
+                        this.assetCategoryMenuList[0]['assetList'][0]; //Set index 0 By Default
+                    this.assetName = this.selectedAssetName['assetName'];
+                    this.assetId = this.selectedAssetName['assetId'];
+                }
+                //Note: Added Extra Hard coded type in AssetCategory Menu for Infra Asset
+                if (this.assetCategoryMenuList.length > 0) {
+                    if (this.showInfraFileds) {
+                        this.assetCategoryMenuList.unshift(this.allCategory);
+                    }
+                    this.assetCategoryMenuList = this.assetCategoryMenuList.filter((element) => {
+                        if (!(element.assetTypeValue === 'Favorite' ||
+                            element.assetTypeValue === 'Bookmark')) {
+                            return element;
+                        }
+                    });
+                }
+            }
+        });
+        //Listen the Event Emit by SignalR Hub
+        this._signalRService
+            .listenerEventMsg()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((data) => {
+            if (data && data['application'] && data['events']) {
+                this.isErrorFound = false;
+                this.userNotificationCountObj = data['application'];
+                //Note: If Notification count > 99
+                if (this.userNotificationCountObj &&
+                    this.userNotificationCountObj['PendingCount']) {
+                    if (Number(this.userNotificationCountObj['PendingCount']) > 99) {
+                        this.userNotificationCount = '99+';
+                    }
+                    else {
+                        this.userNotificationCount = String(this.userNotificationCountObj['PendingCount']);
+                    }
+                }
+                else {
+                    this.userNotificationCount = '';
+                }
+                this.eventwiseNotificationCount = data['events'];
+            }
+        });
+        this.listenToTimeZoneConfig();
+        this.listenToEmailCountEvent();
+    }
+    //Listen to TimeZone Config
+    listenToTimeZoneConfig() {
+        this._eventService
+            .listenerTimezone()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((response) => {
+            if (response && response['component'] == 'timezone') {
+                this.userTimeZoneAbbreviations =
+                    response['usertimezoneAbbreviations'];
+                this.userTimeZoneFullForm = response['userTimeZoneFullForm'];
+            }
+        });
+    }
+    //Listen to Email Count when user Read
+    listenToEmailCountEvent() {
+        this._eventService
+            .listenerUserEmail()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((data) => {
+            if (data && data['component'] === 'email-count') {
+                this.totalEmails = data['mailCount'];
+            }
+        });
+    }
+    //Method: Convert text one Lang. to another
+    ListenToTranslateEvent() {
+        this.translate.onLangChange.subscribe((val) => {
+            this.getTranslateContent();
+        });
+    }
+    //Method: Convert text one Lang. to another Event Listener
+    getTranslateContent() {
+        this.translate.get(this.translateName).subscribe((trans) => {
+            this.accessTypes.forEach((item, index) => {
+                const key = this.translateName[index];
+                item['name'] = trans[key];
+            });
+        });
+    }
+    OpenNotificationModal() {
+        var _a;
+        // const modalRef = this.modalService.open(NotificationSidebarComponent);
+        // modalRef.componentInstance.lesson = lesson;
+        (_a = this.bsModalInstance) === null || _a === void 0 ? void 0 : _a.show();
+    }
+    closeModal() {
+        var _a;
+        (_a = this.bsModalInstance) === null || _a === void 0 ? void 0 : _a.hide();
+    }
+    //Method: Call APi to Fetch New Notification Count
+    getEventwiseNotification() {
+        // this.refreshNotification.emit(true);
+        this.getEventwiseNotificationCount();
+    }
+    setWebAPIURL() {
+        if (GlobalConstants.baseURL == undefined) {
+            if (localStorage.getItem('_WAU')) {
+                GlobalConstants.baseURL = localStorage.getItem('_WAU') || '';
+            }
+            else {
+                let parsedURL = new URL(window.location.href);
+                let WebApiUrl = parsedURL.origin;
+                GlobalConstants.baseURL = WebApiUrl;
+                localStorage.setItem('_WAU', GlobalConstants.baseURL);
+            }
+        }
+    }
+    getUserActivityDetails() {
+        // Reset error state before API calls
+        this.isErrorFound = false;
+        // Initialize response container for forkJoin
+        const responseSet = {};
+        // Build payload once for notification API
+        const notificationPayload = {
+            ApplicationName: GlobalConstants.applicationName,
+            UserId: String(this.userId),
+        };
+        // Add notification API if enabled
+        if (this.EnableNotifications) {
+            responseSet.notifications = this.httpCommonService
+                .getWorkFlowTicketCount(notificationPayload)
+                .pipe(
+            // Extract valid notification data
+            map((response) => response), 
+            // Handle API error without breaking forkJoin
+            catchError(() => {
+                this.isErrorFound = true;
+                return of(null);
+            }));
+        }
+        // Add user profile API if enabled
+        if (this.EnableProfile) {
+            responseSet.userinfo = this.httpCommonService.getLoggedInUserDetails();
+        }
+        // Add timezone API if enabled
+        if (this.EnableTimeZone) {
+            responseSet.timeZone = this.httpCommonService.getGlobalTimeZone();
+        }
+        // Add unread email count API if enabled
+        if (this.EnableMail) {
+            responseSet.emailCount =
+                this.httpCommonService.getUnreadUserEmailsCount();
+        }
+        // Execute all enabled APIs together
+        forkJoin(responseSet)
+            .pipe(
+        // Mark header loading as completed
+        finalize(() => {
+            this.isHeaderContentLoaded = true;
+        }))
+            .subscribe((response) => {
+            // Process notification data
+            if (response.notifications) {
+                this.getTotalNotificationCounts(response.notifications);
+            }
+            // Process user profile data
+            if (response.userinfo) {
+                this.getLoggedInUserDetails(response.userinfo);
+            }
+            // Process timezone list
+            if (response.timeZone) {
+                this.getListOfTimeZones(response.timeZone);
+            }
+            // Process unread email count
+            if (response.emailCount) {
+                this.getUserEmailCount(response.emailCount);
+            }
+        });
+    }
+    getTotalNotificationCounts(data) {
+        // this.isErrorFound = false;
+        this.userNotificationCountObj = data || {};
+        if (this.userNotificationCountObj &&
+            this.userNotificationCountObj['PendingCount']) {
+            if (Number(this.userNotificationCountObj['PendingCount']) > 99) {
+                this.userNotificationCount = '99+';
+            }
+            else {
+                this.userNotificationCount = String(this.userNotificationCountObj['PendingCount']);
+            }
+        }
+        else {
+            this.userNotificationCount = '';
+        }
+    }
+    /*Method :  Retrieves details of the currently logged-in user*/
+    getLoggedInUserDetails(response) {
+        if (response && response['success'] && response['result']) {
+            this.userDetails = response['result'];
+            this.userdisplayName = this.userDetails['userDisplayName'];
+        }
+    }
+    /*Method : GET
+      Action : Get List of Time Zone*/
+    getListOfTimeZones(result) {
+        if (result && result['abbreviations']) {
+            this.userTimeZoneAbbreviations = result['abbreviations'];
+            this.userTimeZoneFullForm = result['userTimeZone'];
+        }
+    }
+    /*Method : GET
+      Action : Transformation fo Count  */
+    getUserEmailCount(count) {
+        if (count <= 0) {
+            this.totalEmails = '';
+        }
+        else if (count > 99) {
+            this.totalEmails = '99+';
+        }
+        else {
+            this.totalEmails = String(count);
+        }
+    }
+    /** API to get the header LOGO */
+    loadHeaderLogo() {
+        this.httpCommonService.getLogo().subscribe((img) => {
+            this.headerLogo = 'data:image/png;base64,' + img['logoImg'];
+        });
+    }
+    /** API to get the timezone */
+    // getUserPreferredTimezone() {
+    //   this.httpCommonService.getGlobalTimeZone().subscribe((res: any) => {
+    //     if (res?.abbreviations) {
+    //       this.userTimeZoneAbbreviations = res.abbreviations;
+    //       this.userTimeZoneFullForm = res?.userTimeZone;
+    //     }
+    //   });
+    // }
+    //* get Lob AI call and initial LOB emitter
+    getListofLOB() {
+        this.showLobLoader = true;
+        this.httpCommonService.getLOBList().subscribe((res) => {
+            var _a, _b, _c;
+            this.showLobLoader = false;
+            this.userLOBList = res.result;
+            let initialLobSelected = this.getLobById(this.userLOBList, (_a = this.userLOBList[0]) === null || _a === void 0 ? void 0 : _a.lobId);
+            const preSelectedLob = JSON.parse(localStorage.getItem('XOB') || 'null');
+            let isPreSelectedLobExistsInList = this.userLOBList.some((lob) => Number(lob.lobId) == Number(preSelectedLob === null || preSelectedLob === void 0 ? void 0 : preSelectedLob.LOBId));
+            if (preSelectedLob &&
+                Number(preSelectedLob.LOBId) &&
+                isPreSelectedLobExistsInList) {
+                //* Emitting 1st LOB for LOB List as LOb details available in localstorega
+                this.selectedLOBId = preSelectedLob === null || preSelectedLob === void 0 ? void 0 : preSelectedLob.LOBId;
+                this.tempSelectedLOBId = preSelectedLob === null || preSelectedLob === void 0 ? void 0 : preSelectedLob.LOBId;
+                initialLobSelected = this.getLobById(this.userLOBList, this.selectedLOBId);
+            }
+            else {
+                //* Emitting 1st LOB for LOB List if localstorage have null LOB details
+                this.selectedLOBId = (_b = this.userLOBList[0]) === null || _b === void 0 ? void 0 : _b.lobId;
+                this.tempSelectedLOBId = (_c = this.userLOBList[0]) === null || _c === void 0 ? void 0 : _c.lobId;
+                localStorage.setItem('XOB', JSON.stringify(initialLobSelected));
+            }
+            this.lobSelected.emit(initialLobSelected);
+            this.cdRef.detectChanges();
+        });
+    }
+    //* Selected LOB emitter
+    onLobChangeEvent(event) {
+        this.selectedLOBId = event.value;
+        this.openConfirm(event);
+    }
+    openConfirm(event) {
+        this.confirmDialog.openConfirmModal(event);
+    }
+    lobChangeConfirmation(event) {
+        if (event) {
+            this.tempSelectedLOBId = this.selectedLOBId;
+            let selectedLob = this.getLobById(this.userLOBList, this.tempSelectedLOBId);
+            localStorage.setItem('XOB', JSON.stringify(selectedLob));
+            this.lobSelected.emit(selectedLob);
+        }
+        else {
+            this.selectedLOBId = this.tempSelectedLOBId;
+        }
+    }
+    setCustomLobId(lobId) {
+        if (this.userLOBList) {
+            let filteredLobs = this.getLobById(this.userLOBList, lobId);
+            if (Object.keys(filteredLobs).length > 0) {
+                this.selectedLOBId = lobId;
+                //* If the LOB is forcefully set from the parent module, CustomLOBSetByParent is set to true; otherwise, it is set to false.
+                filteredLobs['CustomLOBSetByParent'] = true;
+                this.lobSelected.emit(filteredLobs);
+                localStorage.setItem('XOB', JSON.stringify(filteredLobs));
+            }
+            else {
+                this.msgService.error('The LOB you are trying to set is not available.');
+            }
+        }
+    }
+    //* Helper function to get selected LOB Object by LobId
+    getLobById(list, id) {
+        const item = list.find((x) => x.lobId === id);
+        if (!item)
+            return {};
+        return {
+            LOBId: item.lobId,
+            LOBName: item.lobName,
+            CustomLOBSetByParent: false,
+        };
+    }
+    //* get the Mail count
+    // getMailCount() {
+    //   this.httpCommonService
+    //     .getUnreadUserEmailsCount()
+    //     .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+    //     .subscribe((result) => {
+    //       this.totalEmails = result;
+    //     });
+    // }
+    //Action: Used to Get Total Eventwise User Notification Count */
+    getEventwiseNotificationCount() {
+        let payload = {
+            ApplicationName: GlobalConstants.applicationName,
+            UserId: String(this.userId),
+        };
+        this.notificationLoadder = true;
+        this.httpCommonService
+            .getWorkFlowTicketEventwiseCount(payload)
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData), finalize(() => (this.notificationLoadder = false)))
+            .subscribe({
+            next: (data) => {
+                this.isErrorFound = data.length == 0;
+                this.eventwiseNotificationCount = data;
+            },
+            error: () => {
+                this.isErrorFound = true;
+            },
+        });
+    }
+    //* Get Module privilege list
+    getUserAssignedApp() {
+        this.ListOfUserPrivillegedApp = [];
+        this.userAppLoaderLoadder = true;
+        this.httpCommonService
+            .getUserAssignedApps()
+            .pipe(takeUntil(this.unsubscribeAPIEventListenerData))
+            .subscribe((result) => {
+            this.userAppLoaderLoadder = false;
+            this.ListOfUserPrivillegedApp = result;
+        });
+    }
+    //* Get User details
+    getLoggedInuserDetails() {
+        this.httpCommonService.getLoggedInUserDetails().subscribe((result) => {
+            this.userDetailsInfo = result.result;
+            this.userdisplayName = this.userDetailsInfo['userDisplayName'];
+        });
+    }
+    ngOnDestroy() {
+        this.unsubscribeAPIEventListenerData.next(true);
+        this.unsubscribeAPIEventListenerData.complete();
+        this.unsubscribeSidebarListenerData.next(true);
+        this.unsubscribeSidebarListenerData.complete();
+    }
+}
+CommonHeaderLibComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibComponent, deps: [{ token: CommonHeaderLibService }, { token: i0.ChangeDetectorRef }, { token: RestSignalRService }, { token: EventService }, { token: i4.TranslateService }, { token: i5.NgbModal }, { token: i4.TranslateService }, { token: HttpCommonService }, { token: ToastMsgService }], target: i0.ɵɵFactoryTarget.Component });
+CommonHeaderLibComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CommonHeaderLibComponent, selector: "lib-common-header-lib", inputs: { EnableLogo: "EnableLogo", moduleName: "moduleName", EnableTimeZone: "EnableTimeZone", EnableLOB: "EnableLOB", EnableMail: "EnableMail", EnableNotifications: "EnableNotifications", EnableMoreApps: "EnableMoreApps", EnableProfile: "EnableProfile", selectedLOBId: "selectedLOBId" }, outputs: { lobSelected: "lobSelected", langChange: "langChange", overlayStateChange: "overlayStateChange" }, viewQueries: [{ propertyName: "confirmDialog", first: true, predicate: ["confirmDialog"], descendants: true }, { propertyName: "appPanel", first: true, predicate: ["App"], descendants: true }, { propertyName: "notifyModalRef", first: true, predicate: ["notifyModal"], descendants: true }, { propertyName: "notifyModal", first: true, predicate: ["notifyModal"], descendants: true }], ngImport: i0, template: "<header class=\"app-header ext\">\r\n  <div class=\"d-flex justify-content-between align-items-center\">\r\n    <div class=\"d-flex\">\r\n      <div class=\"logo gap-4\">\r\n        <img\r\n          *ngIf=\"EnableLogo && headerLogo\"\r\n          class=\"logo-size\"\r\n          title=\"Logo\"\r\n          alt=\"Logo\"\r\n          [src]=\"headerLogo\"\r\n          loading=\"lazy\"\r\n        />\r\n        <p-skeleton\r\n          *ngIf=\"!headerLogo\"\r\n          height=\"1.5rem\"\r\n          width=\"5rem\"\r\n        ></p-skeleton>\r\n      </div>\r\n    </div>\r\n    <div class=\"projName\">\r\n      <h1 class=\"modname\">{{ moduleName }}</h1>\r\n    </div>\r\n\r\n    <div class=\"d-flex justify-content-end align-items-center\">\r\n      <!--timezone-->\r\n      <ng-container *ngIf=\"EnableTimeZone && userTimeZoneAbbreviations\">\r\n        <div class=\"timezone\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/schedule.svg\"\r\n            class=\"mb-1\"\r\n            alt=\"Icon\"\r\n          />\r\n          <span class=\"timezone-text\"\r\n            >{{ \"Generic_lib.PreferredTimezone\" | translate }} :\r\n          </span>\r\n          <span\r\n            *ngIf=\"userTimeZoneAbbreviations\"\r\n            class=\"user-tz\"\r\n            [title]=\"userTimeZoneFullForm\"\r\n            >{{ userTimeZoneAbbreviations }}</span\r\n          >\r\n        </div>\r\n      </ng-container>\r\n\r\n      <!--lob-->\r\n      <ng-container\r\n        *ngIf=\"EnableLOB && !showLobLoader; else LobLodderAnimation\"\r\n      >\r\n        <div class=\"main-left d-flex\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/marker-pin.svg\"\r\n            alt=\"pen Icon\"\r\n          />\r\n          <p-dropdown\r\n            filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n            [options]=\"userLOBList\"\r\n            (onChange)=\"onLobChangeEvent($event)\"\r\n            optionLabel=\"lobName\"\r\n            optionValue=\"lobId\"\r\n            [(ngModel)]=\"selectedLOBId\"\r\n            [filter]=\"true\"\r\n            filterBy=\"lobName\"\r\n            [showClear]=\"false\"\r\n            [style]=\"{ width: '150px', height: '30px' }\"\r\n            [resetFilterOnHide]=\"true\"\r\n            [virtualScroll]=\"true\"\r\n            [lazy]=\"false\"\r\n            name=\"lob\"\r\n            [itemSize]=\"30\"\r\n            class=\"loblist-drpdwn\"\r\n            panelStyleClass=\"loblist-drpdwn-panel\"\r\n          >\r\n            <ng-template let-loblist pTemplate=\"item\">\r\n              <div class=\"flex align-items-center gap-2\">\r\n                <div title=\"{{ loblist.lobName }}\" class=\"header-drpdwn\">\r\n                  {{ loblist.lobName }}\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </p-dropdown>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #LobLodderAnimation>\r\n        <p-skeleton height=\"1.5rem\" width=\"10rem\"></p-skeleton>\r\n      </ng-template>\r\n\r\n      <!--mailbox-->\r\n      <ng-container *ngIf=\"isHeaderContentLoaded; else HeaderLoading\">\r\n        <div *ngIf=\"EnableMail\" class=\"header-left-icon\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/mail-icon.svg\"\r\n            alt=\"mail Icon\"\r\n            class=\"headeright-icon\"\r\n            (click)=\"showMailBoxScreen()\"\r\n          />\r\n        </div>\r\n        <ng-container *ngIf=\"EnableMail && totalEmails.length > 0\">\r\n          <!-- <ng-container> -->\r\n          <div class=\"badge-notify\">\r\n            <div pBadge [value]=\"totalEmails\"></div>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <!--notification-->\r\n        <div class=\"header-left-icon\" *ngIf=\"EnableNotifications\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/bell-icon.svg\"\r\n            alt=\"mail Icon\"\r\n            class=\"headeright-icon\"\r\n            (click)=\"OpenNotificationModal()\"\r\n          />\r\n        </div>\r\n\r\n        <ng-container\r\n          *ngIf=\"EnableNotifications && userNotificationCount.length > 0\"\r\n        >\r\n          <div class=\"badge-notify\">\r\n            <div pBadge [value]=\"userNotificationCount\"></div>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <!--9 Dots -->\r\n        <div\r\n          *ngIf=\"EnableMoreApps\"\r\n          class=\"header-left-icon\"\r\n          title=\"Control Center\"\r\n          alt=\"bell Icon\"\r\n          (click)=\"showUserAppsPanel($event)\"\r\n        >\r\n          <img\r\n            src=\"../assets/common-header-lib/images/apps-1.svg\"\r\n            class=\"apps-icon\"\r\n          />\r\n        </div>\r\n\r\n        <!--user display name -->\r\n        <div\r\n          *ngIf=\"EnableProfile\"\r\n          class=\"main-right\"\r\n          (click)=\"showUserDetailsPanel()\"\r\n        >\r\n          <ng-container>\r\n            <div class=\"initial-text mx-1\">\r\n              {{ userdisplayName | sliceToTwo }}\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-template #HeaderLoading>\r\n        <p-skeleton shape=\"circle\" size=\"1.3rem\" styleClass=\"mx-2\"></p-skeleton>\r\n        <p-skeleton shape=\"circle\" size=\"1.3rem\" styleClass=\"mx-2\"></p-skeleton>\r\n        <p-skeleton size=\"1.5rem\" styleClass=\"mx-2\"></p-skeleton>\r\n        <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mx-2\"></p-skeleton>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</header>\r\n\r\n<!--List of Application : 9 dots -->\r\n<p-overlayPanel #App class=\"pt-0\" styleClass=\"app-panel\">\r\n  <ng-container *ngIf=\"!userAppLoaderLoadder; else LoadingTemplate\">\r\n    <div class=\"custom-popover-content\">\r\n      <div class=\"waffle-align\">\r\n        <div\r\n          class=\"waffle-popup\"\r\n          [title]=\"appDetails['applicationName']\"\r\n          *ngFor=\"let appDetails of ListOfUserPrivillegedApp\"\r\n          (click)=\"getConnectionofApplication(appDetails['appCode'])\"\r\n        >\r\n          <img\r\n            *ngIf=\"appDetails?.appCode\"\r\n            src=\"../assets/common-header-lib/images/{{\r\n              appDetails.appCode\r\n            }}.svg\"\r\n            alt=\"App icon\"\r\n          />\r\n\r\n          <div class=\"waffle-text\">{{ appDetails[\"applicationName\"] }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #LoadingTemplate>\r\n    <div class=\"custom-popover-content skeleton-popover\">\r\n      <ng-container *ngFor=\"let item of repeatLoader\">\r\n        <div\r\n          class=\"d-flex flex-column align-items-center justify-content-center gap-2\"\r\n        >\r\n          <p-skeleton size=\"3rem\"></p-skeleton>\r\n          <p-skeleton height=\".3rem\" width=\"35px\"></p-skeleton>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<!--mailbox details-->\r\n<ng-container *ngIf=\"showMailboxScreenflag\">\r\n  <div class=\"changingContent\">\r\n    <app-user-mailbox\r\n      (closeMailDialogBox)=\"hideMailBoxScreen()\"\r\n    ></app-user-mailbox>\r\n  </div>\r\n</ng-container>\r\n\r\n<!-- Userdetails profile pop up -->\r\n<div class=\"profile-sidebar\">\r\n  <app-side-popup\r\n    *ngIf=\"isOpenSidePopup\"\r\n    [visible]=\"true\"\r\n    [position]=\"'right'\"\r\n    (closeDialogBox)=\"closeSidePopup()\"\r\n  >\r\n    <app-user-sidebar\r\n      *ngIf=\"showUserDetails\"\r\n      (closeDialogBox)=\"closeSidePopup()\"\r\n    ></app-user-sidebar>\r\n  </app-side-popup>\r\n</div>\r\n\r\n<!-- Notification side popup  -->\r\n<div\r\n  class=\"modal fade common-alert-modal\"\r\n  #notifyModal\r\n  id=\"Notify_SidebarModal\"\r\n  tabindex=\"-1\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <div class=\"modal-dialog sidebar-outer white-bg\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"sidebar-container white-bg\">\r\n        <!-- keep everything inside this content -->\r\n\r\n        <!-- Sidebar Header -->\r\n        <div class=\"sidebar-header grey-background\">\r\n          <div class=\"sh-top\">\r\n            <div class=\"sh-top-left d-flex align-items-center\">\r\n              <div class=\"mx-2 log-text\">\r\n                {{ \"Generic_lib.Notification\" | translate }}\r\n              </div>\r\n            </div>\r\n            <div class=\"sh-top-right\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"common-bn tertiary-btn\"\r\n                aria-label=\"Close\"\r\n                (click)=\"closeModal()\"\r\n              >\r\n                <img\r\n                  src=\"assets/common-header-lib/images/close.svg\"\r\n                  alt=\"Close\"\r\n                  class=\"imgs mb-1\"\r\n                />\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Sidebar Body -->\r\n        <div class=\"sidebar-body\">\r\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\r\n            <div class=\"noti-text\">\r\n              {{\r\n                \"Generic_lib.YouHaveNNotifications\"\r\n                  | translate: { count: userNotificationCount }\r\n              }}\r\n            </div>\r\n            <div\r\n              class=\"d-flex align-items-center gap-1 refresh-icon\"\r\n              (click)=\"getEventwiseNotification()\"\r\n            >\r\n              <img\r\n                src=\"assets/common-header-lib/images/refresh-1.svg\"\r\n                alt=\"Refresh\"\r\n              />\r\n              <div class=\"refresh-text\">\r\n                {{ \"Generic_lib.Refresh\" | translate }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-3\">\r\n            <ng-container\r\n              *ngIf=\"\r\n                !isErrorFound && !notificationLoadder;\r\n                else Noti_LoadingTemplate\r\n              \"\r\n            >\r\n              <div\r\n                class=\"notify-border\"\r\n                *ngFor=\"let event of eventwiseNotificationCount\"\r\n              >\r\n                <div class=\"d-flex align-items-center gap-3\">\r\n                  <div class=\"initial-text initial-text-1 mx-1\">\r\n                    <img\r\n                      src=\"assets/common-header-lib/images/noti_ticket.svg\"\r\n                      alt=\"Icon\"\r\n                    />\r\n                  </div>\r\n                  <div>\r\n                    <div>\r\n                      <span class=\"service-count\"\r\n                        >{{ event[\"PendingCount\"] }} New </span\r\n                      ><span class=\"service-request\"\r\n                        >{{ event[\"EventName\"] }} Event requests</span\r\n                      >\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"grey-borders mt-2\"></div>\r\n              </div>\r\n            </ng-container>\r\n            <ng-template #Noti_LoadingTemplate>\r\n              <ng-container *ngIf=\"notificationLoadder; else errorTemplate\">\r\n                <ng-container *ngFor=\"let item of repeatLoader1\">\r\n                  <div class=\"d-flex align-items-center gap-3\">\r\n                    <p-skeleton\r\n                      shape=\"circle\"\r\n                      size=\"60px\"\r\n                      styleClass=\"my-2\"\r\n                    ></p-skeleton>\r\n                    <div class=\"ms-1\">\r\n                      <p-skeleton width=\"200%\" styleClass=\"mb-2\"></p-skeleton>\r\n                      <p-skeleton width=\"150px\" height=\"1rem\"></p-skeleton>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <ng-template #errorTemplate>\r\n              <app-no-service-my-access-pg\r\n                heading=\"{{ 'Generic_lib.CommonError' | translate }}\"\r\n              ></app-no-service-my-access-pg>\r\n            </ng-template>\r\n          </div>\r\n          <!-- Notification content & loaders remain here -->\r\n        </div>\r\n      </div>\r\n      <!-- end of sidebar-container -->\r\n    </div>\r\n    <!-- end of modal-content -->\r\n  </div>\r\n  <!-- end of modal-dialog -->\r\n</div>\r\n\r\n<!-- Common Conirmation Modal  -->\r\n<confirm-dialog\r\n  class=\"rm-invalid-border\"\r\n  #confirmDialog\r\n  header=\"{{ 'Generic_lib.ChangeLOB' | translate }}\"\r\n  message=\"{{ 'Generic_lib.DoYouWantToChangeTheCurrentLOB' | translate }}\"\r\n  (result)=\"lobChangeConfirmation($event)\"\r\n></confirm-dialog>\r\n\r\n<!--* Need to use component based notification UI as below -->\r\n<!-- Notification-Sidebar Started -->\r\n<!-- <app-notification-sidebar [isErrorOccured]=\"isErrorFound\" [userNotificationCount]=\"userNotificationCount\"\r\n  [userNotificationCountObj]=\"userNotificationCountObj\" [eventwiseNotificationCount]=\"eventwiseNotificationCount\"\r\n  (refreshNotification)=\"getEventwiseNotificationCount()\"\r\n  [notificationLoadder]=\"notificationLoadder\"></app-notification-sidebar> -->\r\n<!-- Notification-Sidebar Ended -->\r\n", styles: [".app-header{padding:4px 10px 10px;height:42px;border-bottom:1px solid #d0d4e4}.logo{display:flex;align-items:center}.main-right{display:flex;align-items:center;cursor:pointer}.logo-icon{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;position:relative}.logo-icon:after{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;content:\"\";top:7px;left:-7px}p{font-size:25px!important}.p-inputtext.p-inputtext-sm{padding:4px 5px 4px 33px!important}.pi-search:before{font-size:13px;position:absolute;top:2px}.overlay-text{font-size:13px;line-height:18px;color:#676879;font-weight:400}.main-left .p-dropdown{border:none;border-radius:0;width:140px!important}.main-left .p-dropdown-panel .p-dropdown-items{padding:0!important;max-height:110px}.main-left :focus-visible{outline:none}.main-left .p-scroller{overflow-x:hidden;height:120px!important}.header-drpdwn{width:120px!important;font-size:11px!important;text-overflow:ellipsis;overflow:hidden}.logs{gap:70px;margin-top:5px}.head-search{position:fixed;top:4px;left:275px}.head-search input{width:calc(30vw - 40px)!important;border:1px solid #c3c6d4;background-color:#f6f7fb;height:32px;border-radius:0 4px 4px 0;border-left:none;font-size:13px!important;padding-left:30px!important;padding-right:54px}.head-search.active{position:fixed;top:4px;left:275px}.head-search.active input{width:555px!important}@media screen and (min-width: 1920px){.head-search.active{position:fixed;top:4px;left:275px}.head-search.active input{width:900px!important}}.header-left-icon{height:32px;width:32px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .5s;border-radius:50%;margin-right:4px;position:relative}.header-left-icon:hover{background:#dcdfec}.header-left-icon img:hover{filter:invert(0%) sepia(4%) saturate(0%) hue-rotate(324deg) brightness(55%) contrast(105%)}.apps-icon{width:21px}.logo-img{width:80px}.initial-text{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;color:#fff;background-color:#8e562e}.initial-text-1{background-color:#f2edfa}.lob-img{padding-bottom:4px}.session-app:hover{background:#dcdfec;border-radius:10px}.app-col{cursor:pointer;padding:8px 0}.app-text{font-size:12px;color:#676879;white-space:nowrap;padding-top:8px;text-align:center;text-overflow:ellipsis;overflow:hidden;width:100px}.filter-search{position:relative;right:50px;bottom:2px;cursor:pointer}.filter-search .cross-search{width:23px}.filter-search .search-filter{width:19px}.headeright-icon{width:17px;height:17px;filter:invert(44%) sepia(3%) saturate(1698%) hue-rotate(199deg) brightness(92%) contrast(93%)}.pl-0{padding-left:0}.form-control-sm{border:none;border-bottom:1px solid #c3c6d4;border-radius:0}.overlay-footer .common-btn{width:110px;height:32px;padding:11px 12px;border-radius:4px;font-size:13px;cursor:pointer;background:#fff}.overlay-footer .primary-btn{padding:8px 12px 11px 14px;border-radius:4px;height:32px;width:65px;font-size:13px;cursor:pointer}.filter-popup{position:relative;left:10px}.form-group{margin-bottom:5px}.waffle-text{font-size:11px;text-align:center;width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:-3px}.waffle-align{display:grid;grid-template-columns:auto auto auto}.waffle{cursor:pointer;margin-right:16px}.waffle-popup{width:89px!important;margin-top:0;padding:8px 0 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.waffle-popup:hover{background:#d3e6ff;border-radius:10px}.waffle-popup img{height:40px}.custom-popover-content{padding:10px;right:-5px;top:0;position:absolute;background:white;border-radius:8px;box-shadow:0 0 6px #9d9d9d}.custom-popover-content.skeleton-popover{width:313px;display:grid;grid-template-columns:auto auto auto;gap:10px}.timezone{margin-right:12px}.timezone-icon{font-size:16px}.timezone-text{padding-left:6px;font-size:13px;color:#495057;font-weight:400}.user-tz{font-size:13px;color:#757575;font-weight:400;text-overflow:ellipsis;overflow:hidden;width:30px;white-space:normal}.profile-sidebar .p-dialog .p-dialog-content{padding:0}.profile-sidebar .p-dialog-header{display:none}.modname{font-size:18px;margin-bottom:0}.changingContent{overflow:hidden;width:100%}.changingContent .intro-text{background-image:linear-gradient(145deg,#f1eaec,#f8e3e7,#f7e1f8,#ebeeff,#e8eef3);position:relative;height:135px}.changingContent .inner-garient{padding:50px 20px 115px 30px}.changingContent .table-heading{padding:0 20px 1px 30px}.changingContent .table-selection{padding:3px 20px 0 30px}.grey-background{background-color:#f6f7fb}.white-bg{background:#ffffff;overflow:hidden}.imgs{width:20px}.p-dropdown .p-dropdown-label{background:transparent;border:0 none;display:flex;align-items:center}.p-dropdown .p-dropdown-trigger{width:32px!important}.pi-chevron-down:before{content:\"\\e902\";font-size:11px}.sidebar-outer{height:100vh}.lang-dropdown .p-dropdown{border:1px solid #dee2e6!important;height:26px!important;border-radius:4px!important;min-width:calc(40vh - 92px)!important;padding:0 4px 0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.lang-dropdown .p-dropdown .pi{position:relative;bottom:2px;left:7px}.lang-dropdown .p-dropdown-panel{background:#ffffff!important;color:#495057!important;border:0px!important;box-shadow:0 2px 12px #0000001a!important}.lang-dropdown .p-dropdown-header{padding:5px 10px!important;border-bottom:1px solid #dee2e6!important;background:#f8f9fa!important;color:#343a40!important;margin:0!important}.lang-dropdown .p-dropdown-items-wrapper{max-height:140px!important}.lang-dropdown .p-dropdown-panel .p-dropdown-header{padding:4px 8px!important;border-radius:0!important}.p-dropdown-panel .p-dropdown-header{padding:.75rem 1.25rem;border-bottom:1px solid #dee2e6;color:#343a40;background:#f8f9fa;margin:0;border-top-right-radius:6px;border-top-left-radius:6px}.lang-dropdown .p-dropdown .p-dropdown-header .p-dropdown-filter{height:26px;border-radius:4px;font-size:12px;border:1px solid #ced4da!important;padding-left:12px!important}.lang-dropdown .p-inputtext{margin:0;text-align:start;font-size:13px;padding:0!important}.lang-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{position:relative;bottom:13px;font-size:13px}.sidebar-outer .sidebar-body .sb-list ul li span{margin-right:12px}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{left:6px;color:#6c757d}.lang-dropdown .p-dropdown-items-wrapper ::-webkit-scrollbar{width:6px!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.sidebar-outer .sidebar-body .sb-list ul{float:left;width:100%;list-style:none;padding-left:0}.lang-dropdown .p-dropdown-panel .p-dropdown-items{font-size:12px;padding:0!important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{color:#1d4ed8;background:#eff6ff}.lang-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:2px 14px;font-size:12px}.sidebar-outer .sidebar-body .sb-list ul li{display:flex;padding:8px 2px;cursor:pointer}.modal-dialog{margin-right:0;margin-top:0;margin-bottom:0}.loblist-drpdwn-panel .p-dropdown-header{padding:5px 10px}.loblist-drpdwn-panel .p-inputtext{background:#ffffff;padding:6px}.loblist-drpdwn .p-inputtext{font-size:13px}.loblist-drpdwn-panel .p-dropdown-header .p-dropdown-filter{height:28px;border-radius:4px;font-size:12px}.loblist-drpdwn-panel .p-dropdown-items .p-dropdown-item{margin-bottom:1px;padding:6px 16px;border:0;color:#495057;background:transparent;transition:box-shadow .2s;border-radius:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loblist-drpdwn-panel .p-dropdown-header .p-dropdown-filter-icon{position:absolute;left:82%;top:50%;transform:translateY(-50%);color:#6c757d}.loblist-drpdwn-panel .p-dropdown-items .p-dropdown-empty-message{padding:6px 12px;color:#495057!important;background:transparent!important;font-size:12px}.logo-size{max-height:32px;max-width:92px}.logo-size-1{width:80px;height:30px}.sidebar-body{overflow:auto;height:calc(100vh - 70px);width:100%}.sidebar-body .refresh-icon{cursor:pointer}.sidebar-body .notify-border{padding:8px 8px 0 6px;cursor:pointer}.sidebar-body .notify-border:hover{background-color:#dcdfec;border-radius:8px}.sidebar-body .notify-border .initial-text{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;color:#fff;background-color:#f2edfa}.sidebar-body .notify-border .service-count{color:#323238;font-weight:600;font-size:13px}.sidebar-body .notify-border .service-request{color:#676879;font-size:12px;font-weight:500}.sidebar-body .notify-border .time-text{color:#676879;font-size:12px}.sidebar-body .notify-border .grey-borders{border-bottom:1px solid #d0d4e4}.mail-table{height:calc(100vh - 155px);overflow:auto}.mail-table .p-datatable .p-datatable-thead>tr{border:1px solid #dee2e6;border-radius:24px}.mail-table .p-datatable .p-datatable-thead>tr th{padding:0 8px;height:36px;font-size:13px;color:var(--primary-text);font-weight:600;background:#fff}.mail-table .p-datatable .p-datatable-tbody>tr{border:1px solid #dee2e6;border-radius:24px}.mail-table .p-datatable .p-datatable-tbody>tr td{padding:0 25px 0 8px;height:38px;font-size:13px;color:var(--secondary-text);white-space:nowrap}.mail-table .p-checkbox{height:18px;width:18px}.mail-table .p-checkbox .p-checkbox-box{height:16px;width:16px;border-radius:4px;border:1px solid var(--ui-border)}.mail-table .p-checkbox .p-checkbox-box:hover{border:1px solid var(--ui-border)!important}.mail-table .p-checkbox .p-checkbox-icon{font-size:10px!important}.mail-table .p-datatable .p-sortable-column:hover{background-color:#fff!important;color:#000!important}.mail-table .p-datatable .p-sortable-column:focus{box-shadow:none!important}.mail-table .p-datatable .p-sortable-column .p-sortable-column-icon{font-size:12px}.mail-table .p-dropdown-panel .p-dropdown-items{padding:0}.mail-table .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:13px!important;padding:10px 15px}.mail-table .p-paginator{justify-content:flex-start!important;position:fixed;bottom:0;padding-left:0!important}.mail-table .p-paginator .p-paginator-current{font-size:12px;height:1rem!important}.mail-table .p-paginator .p-paginator-pages .p-paginator-page{min-width:30px!important;height:30px!important;font-size:12px}.mail-table .p-paginator .p-dropdown{height:30px!important;margin-top:0;border:0px}.mail-table .p-paginator .p-dropdown .p-dropdown-label{padding:4px 5px 0 10px!important;font-size:14px}.mail-table .p-paginator .p-dropdown .p-dropdown-trigger{width:1.5rem!important}.mail-table .p-paginator .p-dropdown .p-dropdown-trigger .pi{font-size:13px!important}.mail-pagination .p-paginator{justify-content:flex-start!important;position:fixed;bottom:0;padding-left:0}.mail-pagination .p-paginator .p-paginator-current{font-size:12px;height:1rem!important;padding-left:0}.mail-pagination .p-paginator .p-paginator-pages .p-paginator-page{min-width:30px!important;height:30px!important;font-size:12px}.mail-pagination .p-paginator .p-dropdown{height:30px!important;margin-top:0;border:0px}.mail-pagination .p-paginator .p-dropdown .p-dropdown-label{padding:4px 5px 0 10px!important;font-size:14px}.mail-pagination .p-paginator .p-dropdown .p-dropdown-trigger{width:1.5rem!important}.mail-pagination .p-paginator .p-dropdown .p-dropdown-trigger .pi{font-size:13px!important}.rm-invalid-border .card{border:0px}.view-pass-details{width:600px!important}.view-pass-details .p-dialog-header{background:#ffffff!important;border-radius:4px 4px 0 0!important;border-bottom:1px solid #d0d4e4!important}.view-pass-details .p-dialog-content:last-of-type{border-bottom-right-radius:4px!important;border-bottom-left-radius:4px!important;padding:0}.confirmtion-modal .p-dialog-content{padding-top:24px;padding-right:100px;font-size:15px}.confirmtion-modal .p-confirm-dialog-message{margin-left:0!important}.confirmtion-modal .p-button{font-size:15px;padding:6px 28px}.ngx-toastr{width:400px!important;margin-top:10px!important}.toast-success{background-color:#fff!important;border-bottom:3px solid #258750;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/check_circle.svg)!important;background-repeat:no-repeat}.toast-success .toast-message{padding-top:2px;color:#258750!important;font-size:14px!important}.toast-error{background-color:#fff!important;border-bottom:3px solid #d83a52;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/error.svg)!important;background-repeat:no-repeat}.toast-error .toast-message{padding-top:2px;color:#d83a52!important;font-size:14px!important}.toast-info{background-color:#fff!important;border-bottom:3px solid #0073ea;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/info.svg)!important;background-repeat:no-repeat}.toast-info .toast-message{padding-top:3px;color:#0073ea!important;font-size:14px!important}.toast-warning{background-color:#fff!important;border-bottom:3px solid #fdab3d;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/check_circle.svg)!important;background-repeat:no-repeat}.toast-warning .toast-message{padding-top:3px;color:#fdab3d!important;font-size:14px!important}.toast-close-button{right:10px!important;font-size:20px;font-weight:700;text-shadow:0 1px 0 #ffffff;background-color:transparent;border:0px;color:#676879;position:absolute;top:10px;cursor:pointer}.toast-container{position:absolute;z-index:2147483647!important}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 40px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-top-center{top:0;right:0;width:100%}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{margin-left:auto;margin-right:auto}.badge-notify:hover{border-radius:50%;background:#dcdfec}.badge-notify .p-badge{min-width:16px;height:16px;line-height:15px}.badge-notify .p-overlay-badge .p-badge{position:absolute;top:-7px;right:12px;font-size:9px;padding:0 2px;cursor:pointer}.madontary-icon{color:#d4231d;font-weight:500;padding:5px 0 0 5px}.img-lock{width:12px;margin-bottom:1px}.img-lock.ext{width:16px;margin-bottom:0}.img-lock.ext2{width:18px;margin-bottom:0}.form-group .error-msg{position:relative}.submit-btn .p-button{height:30px;font-size:14px;border-radius:4px}.submit-btn .p-button .p-button-label{font-weight:400;font-size:13px}.p-dialog.general-configuration{width:100%;height:100vh;max-height:100vh}.general-configuration .p-dialog-header{border-bottom:1px solid #d0d4e4!important;background:#ffffff!important}.p-dialog .p-dialog-header{padding:10px 21px!important;background:#f6f7fb!important;border-top-right-radius:0!important;border-top-left-radius:0!important;height:54px}.assets-dropdown .p-dropdown{height:38px!important;width:100%!important;border-radius:4px!important;align-items:center!important}.assets-dropdown .p-dropdown:hover{border:1px solid #ced4da!important}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.assets-dropdown .p-inputtext{width:100%;border-radius:4px;height:30px;font-size:13px!important}.assets-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{left:96%;color:#6c757d;font-size:13px;top:15px!important}.assets-dropdown .p-dropdown-panel .p-dropdown-header{padding:10px!important}.assets-dropdown .p-dropdown-items-wrapper{max-height:100px!important}.assets-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:5px 20px!important;font-size:13px!important;font-weight:400!important}.p-dropdown-panel .p-dropdown-items{padding:0!important}.assets-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{font-size:13px!important;padding:8px 20px!important}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem 1.25rem;color:#495057!important;background:transparent!important}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-container input{border:1px solid #ced4da!important}.input-dropdown .password-checkbox-right{position:absolute;width:24px;right:8px}.timezone-dropdown .p-dropdown{width:100%;border:1px solid #ced4da!important;border-radius:4px;height:38px}.timezone-dropdown .p-dropdown-panel .p-dropdown-header{padding:5px}.timezone-dropdown .p-dropdown:hover{border:1px solid #ced4da!important}.timezone-dropdown .p-inputtext{width:100%;border-radius:4px;height:30px;font-size:13px!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{left:96%;color:#6c757d;font-size:13px;top:15px!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-header{padding:10px!important}.timezone-dropdowntimezone-dropdown .p-dropdown-items-wrapper{max-height:100px!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:5px 20px!important;font-size:13px!important;font-weight:400!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{font-size:13px!important;padding:8px 20px!important}.sidebar-container{width:420px;position:fixed;top:0;height:100vh;max-width:100%;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;background-color:#fff}.white-bg{background:#ffffff;width:420px;overflow:hidden}.sidebar-outer .sidebar-header{padding:12px 15px}.sidebar-outer .sidebar-header .sh-top{display:flex;align-items:center;justify-content:space-between}.log-text{font-size:16px;color:#292f4c;font-weight:600}.sidebar-outer .sidebar-header .sh-top button{height:24px}.sidebar-outer .sidebar-body{padding:12px 20px;float:left;width:100%;overflow:auto;height:calc(100vh - 70px)}.tertiary-btn{border:none;background-color:transparent}.sidebar-body .noti-text{color:#292f4c;font-size:13px;font-weight:600;line-height:24px}.sidebar-body .refresh-text{color:#676879;font-size:12px;line-height:24px}.error-msg{font-size:12px;font-weight:600;width:100%;position:absolute;bottom:4px;left:0;display:flex;align-items:flex-end;color:#d83a52;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol!important}.error-msg .error-icon{font-size:18px;margin-right:4px;position:relative;top:-1px}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i8.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i9.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i12.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i13$1.BadgeDirective, selector: "[pBadge]", inputs: ["iconPos", "badgeDisabled", "value", "severity"] }, { kind: "component", type: i10$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: UserSidebarComponent, selector: "app-user-sidebar", outputs: ["closeDialogBox"] }, { kind: "component", type: SidePopupComponent, selector: "app-side-popup", inputs: ["visible", "position", "header"], outputs: ["closeDialogBox"] }, { kind: "component", type: UserMailboxComponent, selector: "app-user-mailbox", inputs: ["apiURL"], outputs: ["closeMailDialogBox"] }, { kind: "component", type: NoServiceMyAccessPgComponent, selector: "app-no-service-my-access-pg", inputs: ["heading", "subHeading"] }, { kind: "component", type: ConfirmDialogComponent, selector: "confirm-dialog", inputs: ["header", "message"], outputs: ["result"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: SliceToTwoPipe, name: "sliceToTwo" }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-common-header-lib', encapsulation: ViewEncapsulation.None, template: "<header class=\"app-header ext\">\r\n  <div class=\"d-flex justify-content-between align-items-center\">\r\n    <div class=\"d-flex\">\r\n      <div class=\"logo gap-4\">\r\n        <img\r\n          *ngIf=\"EnableLogo && headerLogo\"\r\n          class=\"logo-size\"\r\n          title=\"Logo\"\r\n          alt=\"Logo\"\r\n          [src]=\"headerLogo\"\r\n          loading=\"lazy\"\r\n        />\r\n        <p-skeleton\r\n          *ngIf=\"!headerLogo\"\r\n          height=\"1.5rem\"\r\n          width=\"5rem\"\r\n        ></p-skeleton>\r\n      </div>\r\n    </div>\r\n    <div class=\"projName\">\r\n      <h1 class=\"modname\">{{ moduleName }}</h1>\r\n    </div>\r\n\r\n    <div class=\"d-flex justify-content-end align-items-center\">\r\n      <!--timezone-->\r\n      <ng-container *ngIf=\"EnableTimeZone && userTimeZoneAbbreviations\">\r\n        <div class=\"timezone\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/schedule.svg\"\r\n            class=\"mb-1\"\r\n            alt=\"Icon\"\r\n          />\r\n          <span class=\"timezone-text\"\r\n            >{{ \"Generic_lib.PreferredTimezone\" | translate }} :\r\n          </span>\r\n          <span\r\n            *ngIf=\"userTimeZoneAbbreviations\"\r\n            class=\"user-tz\"\r\n            [title]=\"userTimeZoneFullForm\"\r\n            >{{ userTimeZoneAbbreviations }}</span\r\n          >\r\n        </div>\r\n      </ng-container>\r\n\r\n      <!--lob-->\r\n      <ng-container\r\n        *ngIf=\"EnableLOB && !showLobLoader; else LobLodderAnimation\"\r\n      >\r\n        <div class=\"main-left d-flex\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/marker-pin.svg\"\r\n            alt=\"pen Icon\"\r\n          />\r\n          <p-dropdown\r\n            filterPlaceholder=\"{{ 'Generic_lib.Search' | translate }}\"\r\n            [options]=\"userLOBList\"\r\n            (onChange)=\"onLobChangeEvent($event)\"\r\n            optionLabel=\"lobName\"\r\n            optionValue=\"lobId\"\r\n            [(ngModel)]=\"selectedLOBId\"\r\n            [filter]=\"true\"\r\n            filterBy=\"lobName\"\r\n            [showClear]=\"false\"\r\n            [style]=\"{ width: '150px', height: '30px' }\"\r\n            [resetFilterOnHide]=\"true\"\r\n            [virtualScroll]=\"true\"\r\n            [lazy]=\"false\"\r\n            name=\"lob\"\r\n            [itemSize]=\"30\"\r\n            class=\"loblist-drpdwn\"\r\n            panelStyleClass=\"loblist-drpdwn-panel\"\r\n          >\r\n            <ng-template let-loblist pTemplate=\"item\">\r\n              <div class=\"flex align-items-center gap-2\">\r\n                <div title=\"{{ loblist.lobName }}\" class=\"header-drpdwn\">\r\n                  {{ loblist.lobName }}\r\n                </div>\r\n              </div>\r\n            </ng-template>\r\n          </p-dropdown>\r\n        </div>\r\n      </ng-container>\r\n      <ng-template #LobLodderAnimation>\r\n        <p-skeleton height=\"1.5rem\" width=\"10rem\"></p-skeleton>\r\n      </ng-template>\r\n\r\n      <!--mailbox-->\r\n      <ng-container *ngIf=\"isHeaderContentLoaded; else HeaderLoading\">\r\n        <div *ngIf=\"EnableMail\" class=\"header-left-icon\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/mail-icon.svg\"\r\n            alt=\"mail Icon\"\r\n            class=\"headeright-icon\"\r\n            (click)=\"showMailBoxScreen()\"\r\n          />\r\n        </div>\r\n        <ng-container *ngIf=\"EnableMail && totalEmails.length > 0\">\r\n          <!-- <ng-container> -->\r\n          <div class=\"badge-notify\">\r\n            <div pBadge [value]=\"totalEmails\"></div>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <!--notification-->\r\n        <div class=\"header-left-icon\" *ngIf=\"EnableNotifications\">\r\n          <img\r\n            src=\"../assets/common-header-lib/images/bell-icon.svg\"\r\n            alt=\"mail Icon\"\r\n            class=\"headeright-icon\"\r\n            (click)=\"OpenNotificationModal()\"\r\n          />\r\n        </div>\r\n\r\n        <ng-container\r\n          *ngIf=\"EnableNotifications && userNotificationCount.length > 0\"\r\n        >\r\n          <div class=\"badge-notify\">\r\n            <div pBadge [value]=\"userNotificationCount\"></div>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <!--9 Dots -->\r\n        <div\r\n          *ngIf=\"EnableMoreApps\"\r\n          class=\"header-left-icon\"\r\n          title=\"Control Center\"\r\n          alt=\"bell Icon\"\r\n          (click)=\"showUserAppsPanel($event)\"\r\n        >\r\n          <img\r\n            src=\"../assets/common-header-lib/images/apps-1.svg\"\r\n            class=\"apps-icon\"\r\n          />\r\n        </div>\r\n\r\n        <!--user display name -->\r\n        <div\r\n          *ngIf=\"EnableProfile\"\r\n          class=\"main-right\"\r\n          (click)=\"showUserDetailsPanel()\"\r\n        >\r\n          <ng-container>\r\n            <div class=\"initial-text mx-1\">\r\n              {{ userdisplayName | sliceToTwo }}\r\n            </div>\r\n          </ng-container>\r\n        </div>\r\n      </ng-container>\r\n\r\n      <ng-template #HeaderLoading>\r\n        <p-skeleton shape=\"circle\" size=\"1.3rem\" styleClass=\"mx-2\"></p-skeleton>\r\n        <p-skeleton shape=\"circle\" size=\"1.3rem\" styleClass=\"mx-2\"></p-skeleton>\r\n        <p-skeleton size=\"1.5rem\" styleClass=\"mx-2\"></p-skeleton>\r\n        <p-skeleton shape=\"circle\" size=\"2rem\" styleClass=\"mx-2\"></p-skeleton>\r\n      </ng-template>\r\n    </div>\r\n  </div>\r\n</header>\r\n\r\n<!--List of Application : 9 dots -->\r\n<p-overlayPanel #App class=\"pt-0\" styleClass=\"app-panel\">\r\n  <ng-container *ngIf=\"!userAppLoaderLoadder; else LoadingTemplate\">\r\n    <div class=\"custom-popover-content\">\r\n      <div class=\"waffle-align\">\r\n        <div\r\n          class=\"waffle-popup\"\r\n          [title]=\"appDetails['applicationName']\"\r\n          *ngFor=\"let appDetails of ListOfUserPrivillegedApp\"\r\n          (click)=\"getConnectionofApplication(appDetails['appCode'])\"\r\n        >\r\n          <img\r\n            *ngIf=\"appDetails?.appCode\"\r\n            src=\"../assets/common-header-lib/images/{{\r\n              appDetails.appCode\r\n            }}.svg\"\r\n            alt=\"App icon\"\r\n          />\r\n\r\n          <div class=\"waffle-text\">{{ appDetails[\"applicationName\"] }}</div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n  <ng-template #LoadingTemplate>\r\n    <div class=\"custom-popover-content skeleton-popover\">\r\n      <ng-container *ngFor=\"let item of repeatLoader\">\r\n        <div\r\n          class=\"d-flex flex-column align-items-center justify-content-center gap-2\"\r\n        >\r\n          <p-skeleton size=\"3rem\"></p-skeleton>\r\n          <p-skeleton height=\".3rem\" width=\"35px\"></p-skeleton>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<!--mailbox details-->\r\n<ng-container *ngIf=\"showMailboxScreenflag\">\r\n  <div class=\"changingContent\">\r\n    <app-user-mailbox\r\n      (closeMailDialogBox)=\"hideMailBoxScreen()\"\r\n    ></app-user-mailbox>\r\n  </div>\r\n</ng-container>\r\n\r\n<!-- Userdetails profile pop up -->\r\n<div class=\"profile-sidebar\">\r\n  <app-side-popup\r\n    *ngIf=\"isOpenSidePopup\"\r\n    [visible]=\"true\"\r\n    [position]=\"'right'\"\r\n    (closeDialogBox)=\"closeSidePopup()\"\r\n  >\r\n    <app-user-sidebar\r\n      *ngIf=\"showUserDetails\"\r\n      (closeDialogBox)=\"closeSidePopup()\"\r\n    ></app-user-sidebar>\r\n  </app-side-popup>\r\n</div>\r\n\r\n<!-- Notification side popup  -->\r\n<div\r\n  class=\"modal fade common-alert-modal\"\r\n  #notifyModal\r\n  id=\"Notify_SidebarModal\"\r\n  tabindex=\"-1\"\r\n  aria-hidden=\"true\"\r\n>\r\n  <div class=\"modal-dialog sidebar-outer white-bg\">\r\n    <div class=\"modal-content\">\r\n      <div class=\"sidebar-container white-bg\">\r\n        <!-- keep everything inside this content -->\r\n\r\n        <!-- Sidebar Header -->\r\n        <div class=\"sidebar-header grey-background\">\r\n          <div class=\"sh-top\">\r\n            <div class=\"sh-top-left d-flex align-items-center\">\r\n              <div class=\"mx-2 log-text\">\r\n                {{ \"Generic_lib.Notification\" | translate }}\r\n              </div>\r\n            </div>\r\n            <div class=\"sh-top-right\">\r\n              <button\r\n                type=\"button\"\r\n                class=\"common-bn tertiary-btn\"\r\n                aria-label=\"Close\"\r\n                (click)=\"closeModal()\"\r\n              >\r\n                <img\r\n                  src=\"assets/common-header-lib/images/close.svg\"\r\n                  alt=\"Close\"\r\n                  class=\"imgs mb-1\"\r\n                />\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Sidebar Body -->\r\n        <div class=\"sidebar-body\">\r\n          <div class=\"d-flex justify-content-between align-items-center mb-2\">\r\n            <div class=\"noti-text\">\r\n              {{\r\n                \"Generic_lib.YouHaveNNotifications\"\r\n                  | translate: { count: userNotificationCount }\r\n              }}\r\n            </div>\r\n            <div\r\n              class=\"d-flex align-items-center gap-1 refresh-icon\"\r\n              (click)=\"getEventwiseNotification()\"\r\n            >\r\n              <img\r\n                src=\"assets/common-header-lib/images/refresh-1.svg\"\r\n                alt=\"Refresh\"\r\n              />\r\n              <div class=\"refresh-text\">\r\n                {{ \"Generic_lib.Refresh\" | translate }}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-3\">\r\n            <ng-container\r\n              *ngIf=\"\r\n                !isErrorFound && !notificationLoadder;\r\n                else Noti_LoadingTemplate\r\n              \"\r\n            >\r\n              <div\r\n                class=\"notify-border\"\r\n                *ngFor=\"let event of eventwiseNotificationCount\"\r\n              >\r\n                <div class=\"d-flex align-items-center gap-3\">\r\n                  <div class=\"initial-text initial-text-1 mx-1\">\r\n                    <img\r\n                      src=\"assets/common-header-lib/images/noti_ticket.svg\"\r\n                      alt=\"Icon\"\r\n                    />\r\n                  </div>\r\n                  <div>\r\n                    <div>\r\n                      <span class=\"service-count\"\r\n                        >{{ event[\"PendingCount\"] }} New </span\r\n                      ><span class=\"service-request\"\r\n                        >{{ event[\"EventName\"] }} Event requests</span\r\n                      >\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"grey-borders mt-2\"></div>\r\n              </div>\r\n            </ng-container>\r\n            <ng-template #Noti_LoadingTemplate>\r\n              <ng-container *ngIf=\"notificationLoadder; else errorTemplate\">\r\n                <ng-container *ngFor=\"let item of repeatLoader1\">\r\n                  <div class=\"d-flex align-items-center gap-3\">\r\n                    <p-skeleton\r\n                      shape=\"circle\"\r\n                      size=\"60px\"\r\n                      styleClass=\"my-2\"\r\n                    ></p-skeleton>\r\n                    <div class=\"ms-1\">\r\n                      <p-skeleton width=\"200%\" styleClass=\"mb-2\"></p-skeleton>\r\n                      <p-skeleton width=\"150px\" height=\"1rem\"></p-skeleton>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-template>\r\n\r\n            <ng-template #errorTemplate>\r\n              <app-no-service-my-access-pg\r\n                heading=\"{{ 'Generic_lib.CommonError' | translate }}\"\r\n              ></app-no-service-my-access-pg>\r\n            </ng-template>\r\n          </div>\r\n          <!-- Notification content & loaders remain here -->\r\n        </div>\r\n      </div>\r\n      <!-- end of sidebar-container -->\r\n    </div>\r\n    <!-- end of modal-content -->\r\n  </div>\r\n  <!-- end of modal-dialog -->\r\n</div>\r\n\r\n<!-- Common Conirmation Modal  -->\r\n<confirm-dialog\r\n  class=\"rm-invalid-border\"\r\n  #confirmDialog\r\n  header=\"{{ 'Generic_lib.ChangeLOB' | translate }}\"\r\n  message=\"{{ 'Generic_lib.DoYouWantToChangeTheCurrentLOB' | translate }}\"\r\n  (result)=\"lobChangeConfirmation($event)\"\r\n></confirm-dialog>\r\n\r\n<!--* Need to use component based notification UI as below -->\r\n<!-- Notification-Sidebar Started -->\r\n<!-- <app-notification-sidebar [isErrorOccured]=\"isErrorFound\" [userNotificationCount]=\"userNotificationCount\"\r\n  [userNotificationCountObj]=\"userNotificationCountObj\" [eventwiseNotificationCount]=\"eventwiseNotificationCount\"\r\n  (refreshNotification)=\"getEventwiseNotificationCount()\"\r\n  [notificationLoadder]=\"notificationLoadder\"></app-notification-sidebar> -->\r\n<!-- Notification-Sidebar Ended -->\r\n", styles: [".app-header{padding:4px 10px 10px;height:42px;border-bottom:1px solid #d0d4e4}.logo{display:flex;align-items:center}.main-right{display:flex;align-items:center;cursor:pointer}.logo-icon{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;position:relative}.logo-icon:after{width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;content:\"\";top:7px;left:-7px}p{font-size:25px!important}.p-inputtext.p-inputtext-sm{padding:4px 5px 4px 33px!important}.pi-search:before{font-size:13px;position:absolute;top:2px}.overlay-text{font-size:13px;line-height:18px;color:#676879;font-weight:400}.main-left .p-dropdown{border:none;border-radius:0;width:140px!important}.main-left .p-dropdown-panel .p-dropdown-items{padding:0!important;max-height:110px}.main-left :focus-visible{outline:none}.main-left .p-scroller{overflow-x:hidden;height:120px!important}.header-drpdwn{width:120px!important;font-size:11px!important;text-overflow:ellipsis;overflow:hidden}.logs{gap:70px;margin-top:5px}.head-search{position:fixed;top:4px;left:275px}.head-search input{width:calc(30vw - 40px)!important;border:1px solid #c3c6d4;background-color:#f6f7fb;height:32px;border-radius:0 4px 4px 0;border-left:none;font-size:13px!important;padding-left:30px!important;padding-right:54px}.head-search.active{position:fixed;top:4px;left:275px}.head-search.active input{width:555px!important}@media screen and (min-width: 1920px){.head-search.active{position:fixed;top:4px;left:275px}.head-search.active input{width:900px!important}}.header-left-icon{height:32px;width:32px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .5s;border-radius:50%;margin-right:4px;position:relative}.header-left-icon:hover{background:#dcdfec}.header-left-icon img:hover{filter:invert(0%) sepia(4%) saturate(0%) hue-rotate(324deg) brightness(55%) contrast(105%)}.apps-icon{width:21px}.logo-img{width:80px}.initial-text{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;color:#fff;background-color:#8e562e}.initial-text-1{background-color:#f2edfa}.lob-img{padding-bottom:4px}.session-app:hover{background:#dcdfec;border-radius:10px}.app-col{cursor:pointer;padding:8px 0}.app-text{font-size:12px;color:#676879;white-space:nowrap;padding-top:8px;text-align:center;text-overflow:ellipsis;overflow:hidden;width:100px}.filter-search{position:relative;right:50px;bottom:2px;cursor:pointer}.filter-search .cross-search{width:23px}.filter-search .search-filter{width:19px}.headeright-icon{width:17px;height:17px;filter:invert(44%) sepia(3%) saturate(1698%) hue-rotate(199deg) brightness(92%) contrast(93%)}.pl-0{padding-left:0}.form-control-sm{border:none;border-bottom:1px solid #c3c6d4;border-radius:0}.overlay-footer .common-btn{width:110px;height:32px;padding:11px 12px;border-radius:4px;font-size:13px;cursor:pointer;background:#fff}.overlay-footer .primary-btn{padding:8px 12px 11px 14px;border-radius:4px;height:32px;width:65px;font-size:13px;cursor:pointer}.filter-popup{position:relative;left:10px}.form-group{margin-bottom:5px}.waffle-text{font-size:11px;text-align:center;width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:-3px}.waffle-align{display:grid;grid-template-columns:auto auto auto}.waffle{cursor:pointer;margin-right:16px}.waffle-popup{width:89px!important;margin-top:0;padding:8px 0 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.waffle-popup:hover{background:#d3e6ff;border-radius:10px}.waffle-popup img{height:40px}.custom-popover-content{padding:10px;right:-5px;top:0;position:absolute;background:white;border-radius:8px;box-shadow:0 0 6px #9d9d9d}.custom-popover-content.skeleton-popover{width:313px;display:grid;grid-template-columns:auto auto auto;gap:10px}.timezone{margin-right:12px}.timezone-icon{font-size:16px}.timezone-text{padding-left:6px;font-size:13px;color:#495057;font-weight:400}.user-tz{font-size:13px;color:#757575;font-weight:400;text-overflow:ellipsis;overflow:hidden;width:30px;white-space:normal}.profile-sidebar .p-dialog .p-dialog-content{padding:0}.profile-sidebar .p-dialog-header{display:none}.modname{font-size:18px;margin-bottom:0}.changingContent{overflow:hidden;width:100%}.changingContent .intro-text{background-image:linear-gradient(145deg,#f1eaec,#f8e3e7,#f7e1f8,#ebeeff,#e8eef3);position:relative;height:135px}.changingContent .inner-garient{padding:50px 20px 115px 30px}.changingContent .table-heading{padding:0 20px 1px 30px}.changingContent .table-selection{padding:3px 20px 0 30px}.grey-background{background-color:#f6f7fb}.white-bg{background:#ffffff;overflow:hidden}.imgs{width:20px}.p-dropdown .p-dropdown-label{background:transparent;border:0 none;display:flex;align-items:center}.p-dropdown .p-dropdown-trigger{width:32px!important}.pi-chevron-down:before{content:\"\\e902\";font-size:11px}.sidebar-outer{height:100vh}.lang-dropdown .p-dropdown{border:1px solid #dee2e6!important;height:26px!important;border-radius:4px!important;min-width:calc(40vh - 92px)!important;padding:0 4px 0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.lang-dropdown .p-dropdown .pi{position:relative;bottom:2px;left:7px}.lang-dropdown .p-dropdown-panel{background:#ffffff!important;color:#495057!important;border:0px!important;box-shadow:0 2px 12px #0000001a!important}.lang-dropdown .p-dropdown-header{padding:5px 10px!important;border-bottom:1px solid #dee2e6!important;background:#f8f9fa!important;color:#343a40!important;margin:0!important}.lang-dropdown .p-dropdown-items-wrapper{max-height:140px!important}.lang-dropdown .p-dropdown-panel .p-dropdown-header{padding:4px 8px!important;border-radius:0!important}.p-dropdown-panel .p-dropdown-header{padding:.75rem 1.25rem;border-bottom:1px solid #dee2e6;color:#343a40;background:#f8f9fa;margin:0;border-top-right-radius:6px;border-top-left-radius:6px}.lang-dropdown .p-dropdown .p-dropdown-header .p-dropdown-filter{height:26px;border-radius:4px;font-size:12px;border:1px solid #ced4da!important;padding-left:12px!important}.lang-dropdown .p-inputtext{margin:0;text-align:start;font-size:13px;padding:0!important}.lang-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{position:relative;bottom:13px;font-size:13px}.sidebar-outer .sidebar-body .sb-list ul li span{margin-right:12px}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{left:6px;color:#6c757d}.lang-dropdown .p-dropdown-items-wrapper ::-webkit-scrollbar{width:6px!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}.sidebar-outer .sidebar-body .sb-list ul{float:left;width:100%;list-style:none;padding-left:0}.lang-dropdown .p-dropdown-panel .p-dropdown-items{font-size:12px;padding:0!important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{color:#1d4ed8;background:#eff6ff}.lang-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:2px 14px;font-size:12px}.sidebar-outer .sidebar-body .sb-list ul li{display:flex;padding:8px 2px;cursor:pointer}.modal-dialog{margin-right:0;margin-top:0;margin-bottom:0}.loblist-drpdwn-panel .p-dropdown-header{padding:5px 10px}.loblist-drpdwn-panel .p-inputtext{background:#ffffff;padding:6px}.loblist-drpdwn .p-inputtext{font-size:13px}.loblist-drpdwn-panel .p-dropdown-header .p-dropdown-filter{height:28px;border-radius:4px;font-size:12px}.loblist-drpdwn-panel .p-dropdown-items .p-dropdown-item{margin-bottom:1px;padding:6px 16px;border:0;color:#495057;background:transparent;transition:box-shadow .2s;border-radius:0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loblist-drpdwn-panel .p-dropdown-header .p-dropdown-filter-icon{position:absolute;left:82%;top:50%;transform:translateY(-50%);color:#6c757d}.loblist-drpdwn-panel .p-dropdown-items .p-dropdown-empty-message{padding:6px 12px;color:#495057!important;background:transparent!important;font-size:12px}.logo-size{max-height:32px;max-width:92px}.logo-size-1{width:80px;height:30px}.sidebar-body{overflow:auto;height:calc(100vh - 70px);width:100%}.sidebar-body .refresh-icon{cursor:pointer}.sidebar-body .notify-border{padding:8px 8px 0 6px;cursor:pointer}.sidebar-body .notify-border:hover{background-color:#dcdfec;border-radius:8px}.sidebar-body .notify-border .initial-text{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;color:#fff;background-color:#f2edfa}.sidebar-body .notify-border .service-count{color:#323238;font-weight:600;font-size:13px}.sidebar-body .notify-border .service-request{color:#676879;font-size:12px;font-weight:500}.sidebar-body .notify-border .time-text{color:#676879;font-size:12px}.sidebar-body .notify-border .grey-borders{border-bottom:1px solid #d0d4e4}.mail-table{height:calc(100vh - 155px);overflow:auto}.mail-table .p-datatable .p-datatable-thead>tr{border:1px solid #dee2e6;border-radius:24px}.mail-table .p-datatable .p-datatable-thead>tr th{padding:0 8px;height:36px;font-size:13px;color:var(--primary-text);font-weight:600;background:#fff}.mail-table .p-datatable .p-datatable-tbody>tr{border:1px solid #dee2e6;border-radius:24px}.mail-table .p-datatable .p-datatable-tbody>tr td{padding:0 25px 0 8px;height:38px;font-size:13px;color:var(--secondary-text);white-space:nowrap}.mail-table .p-checkbox{height:18px;width:18px}.mail-table .p-checkbox .p-checkbox-box{height:16px;width:16px;border-radius:4px;border:1px solid var(--ui-border)}.mail-table .p-checkbox .p-checkbox-box:hover{border:1px solid var(--ui-border)!important}.mail-table .p-checkbox .p-checkbox-icon{font-size:10px!important}.mail-table .p-datatable .p-sortable-column:hover{background-color:#fff!important;color:#000!important}.mail-table .p-datatable .p-sortable-column:focus{box-shadow:none!important}.mail-table .p-datatable .p-sortable-column .p-sortable-column-icon{font-size:12px}.mail-table .p-dropdown-panel .p-dropdown-items{padding:0}.mail-table .p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:13px!important;padding:10px 15px}.mail-table .p-paginator{justify-content:flex-start!important;position:fixed;bottom:0;padding-left:0!important}.mail-table .p-paginator .p-paginator-current{font-size:12px;height:1rem!important}.mail-table .p-paginator .p-paginator-pages .p-paginator-page{min-width:30px!important;height:30px!important;font-size:12px}.mail-table .p-paginator .p-dropdown{height:30px!important;margin-top:0;border:0px}.mail-table .p-paginator .p-dropdown .p-dropdown-label{padding:4px 5px 0 10px!important;font-size:14px}.mail-table .p-paginator .p-dropdown .p-dropdown-trigger{width:1.5rem!important}.mail-table .p-paginator .p-dropdown .p-dropdown-trigger .pi{font-size:13px!important}.mail-pagination .p-paginator{justify-content:flex-start!important;position:fixed;bottom:0;padding-left:0}.mail-pagination .p-paginator .p-paginator-current{font-size:12px;height:1rem!important;padding-left:0}.mail-pagination .p-paginator .p-paginator-pages .p-paginator-page{min-width:30px!important;height:30px!important;font-size:12px}.mail-pagination .p-paginator .p-dropdown{height:30px!important;margin-top:0;border:0px}.mail-pagination .p-paginator .p-dropdown .p-dropdown-label{padding:4px 5px 0 10px!important;font-size:14px}.mail-pagination .p-paginator .p-dropdown .p-dropdown-trigger{width:1.5rem!important}.mail-pagination .p-paginator .p-dropdown .p-dropdown-trigger .pi{font-size:13px!important}.rm-invalid-border .card{border:0px}.view-pass-details{width:600px!important}.view-pass-details .p-dialog-header{background:#ffffff!important;border-radius:4px 4px 0 0!important;border-bottom:1px solid #d0d4e4!important}.view-pass-details .p-dialog-content:last-of-type{border-bottom-right-radius:4px!important;border-bottom-left-radius:4px!important;padding:0}.confirmtion-modal .p-dialog-content{padding-top:24px;padding-right:100px;font-size:15px}.confirmtion-modal .p-confirm-dialog-message{margin-left:0!important}.confirmtion-modal .p-button{font-size:15px;padding:6px 28px}.ngx-toastr{width:400px!important;margin-top:10px!important}.toast-success{background-color:#fff!important;border-bottom:3px solid #258750;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/check_circle.svg)!important;background-repeat:no-repeat}.toast-success .toast-message{padding-top:2px;color:#258750!important;font-size:14px!important}.toast-error{background-color:#fff!important;border-bottom:3px solid #d83a52;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/error.svg)!important;background-repeat:no-repeat}.toast-error .toast-message{padding-top:2px;color:#d83a52!important;font-size:14px!important}.toast-info{background-color:#fff!important;border-bottom:3px solid #0073ea;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/info.svg)!important;background-repeat:no-repeat}.toast-info .toast-message{padding-top:3px;color:#0073ea!important;font-size:14px!important}.toast-warning{background-color:#fff!important;border-bottom:3px solid #fdab3d;border-radius:4px!important;background-image:url(../assets/common-header-lib/images/check_circle.svg)!important;background-repeat:no-repeat}.toast-warning .toast-message{padding-top:3px;color:#fdab3d!important;font-size:14px!important}.toast-close-button{right:10px!important;font-size:20px;font-weight:700;text-shadow:0 1px 0 #ffffff;background-color:transparent;border:0px;color:#676879;position:absolute;top:10px;cursor:pointer}.toast-container{position:absolute;z-index:2147483647!important}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 40px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-top-center{top:0;right:0;width:100%}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{margin-left:auto;margin-right:auto}.badge-notify:hover{border-radius:50%;background:#dcdfec}.badge-notify .p-badge{min-width:16px;height:16px;line-height:15px}.badge-notify .p-overlay-badge .p-badge{position:absolute;top:-7px;right:12px;font-size:9px;padding:0 2px;cursor:pointer}.madontary-icon{color:#d4231d;font-weight:500;padding:5px 0 0 5px}.img-lock{width:12px;margin-bottom:1px}.img-lock.ext{width:16px;margin-bottom:0}.img-lock.ext2{width:18px;margin-bottom:0}.form-group .error-msg{position:relative}.submit-btn .p-button{height:30px;font-size:14px;border-radius:4px}.submit-btn .p-button .p-button-label{font-weight:400;font-size:13px}.p-dialog.general-configuration{width:100%;height:100vh;max-height:100vh}.general-configuration .p-dialog-header{border-bottom:1px solid #d0d4e4!important;background:#ffffff!important}.p-dialog .p-dialog-header{padding:10px 21px!important;background:#f6f7fb!important;border-top-right-radius:0!important;border-top-left-radius:0!important;height:54px}.assets-dropdown .p-dropdown{height:38px!important;width:100%!important;border-radius:4px!important;align-items:center!important}.assets-dropdown .p-dropdown:hover{border:1px solid #ced4da!important}.p-dropdown-panel .p-dropdown-header .p-dropdown-filter{padding-right:1.75rem;margin-right:-1.75rem}.assets-dropdown .p-inputtext{width:100%;border-radius:4px;height:30px;font-size:13px!important}.assets-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{left:96%;color:#6c757d;font-size:13px;top:15px!important}.assets-dropdown .p-dropdown-panel .p-dropdown-header{padding:10px!important}.assets-dropdown .p-dropdown-items-wrapper{max-height:100px!important}.assets-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:5px 20px!important;font-size:13px!important;font-weight:400!important}.p-dropdown-panel .p-dropdown-items{padding:0!important}.assets-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{font-size:13px!important;padding:8px 20px!important}.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{padding:.75rem 1.25rem;color:#495057!important;background:transparent!important}.p-dropdown-filter-container{position:relative}.p-dropdown-filter-container input{border:1px solid #ced4da!important}.input-dropdown .password-checkbox-right{position:absolute;width:24px;right:8px}.timezone-dropdown .p-dropdown{width:100%;border:1px solid #ced4da!important;border-radius:4px;height:38px}.timezone-dropdown .p-dropdown-panel .p-dropdown-header{padding:5px}.timezone-dropdown .p-dropdown:hover{border:1px solid #ced4da!important}.timezone-dropdown .p-inputtext{width:100%;border-radius:4px;height:30px;font-size:13px!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon{left:96%;color:#6c757d;font-size:13px;top:15px!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-header{padding:10px!important}.timezone-dropdowntimezone-dropdown .p-dropdown-items-wrapper{max-height:100px!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-item{padding:5px 20px!important;font-size:13px!important;font-weight:400!important}.timezone-dropdown .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message{font-size:13px!important;padding:8px 20px!important}.sidebar-container{width:420px;position:fixed;top:0;height:100vh;max-width:100%;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;background-color:#fff}.white-bg{background:#ffffff;width:420px;overflow:hidden}.sidebar-outer .sidebar-header{padding:12px 15px}.sidebar-outer .sidebar-header .sh-top{display:flex;align-items:center;justify-content:space-between}.log-text{font-size:16px;color:#292f4c;font-weight:600}.sidebar-outer .sidebar-header .sh-top button{height:24px}.sidebar-outer .sidebar-body{padding:12px 20px;float:left;width:100%;overflow:auto;height:calc(100vh - 70px)}.tertiary-btn{border:none;background-color:transparent}.sidebar-body .noti-text{color:#292f4c;font-size:13px;font-weight:600;line-height:24px}.sidebar-body .refresh-text{color:#676879;font-size:12px;line-height:24px}.error-msg{font-size:12px;font-weight:600;width:100%;position:absolute;bottom:4px;left:0;display:flex;align-items:flex-end;color:#d83a52;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol!important}.error-msg .error-icon{font-size:18px;margin-right:4px;position:relative;top:-1px}\n"] }]
+        }], ctorParameters: function () { return [{ type: CommonHeaderLibService }, { type: i0.ChangeDetectorRef }, { type: RestSignalRService }, { type: EventService }, { type: i4.TranslateService }, { type: i5.NgbModal }, { type: i4.TranslateService }, { type: HttpCommonService }, { type: ToastMsgService }]; }, propDecorators: { EnableLogo: [{
+                type: Input
+            }], moduleName: [{
+                type: Input
+            }], EnableTimeZone: [{
+                type: Input
+            }], EnableLOB: [{
+                type: Input
+            }], EnableMail: [{
+                type: Input
+            }], EnableNotifications: [{
+                type: Input
+            }], EnableMoreApps: [{
+                type: Input
+            }], EnableProfile: [{
+                type: Input
+            }], selectedLOBId: [{
+                type: Input
+            }], lobSelected: [{
+                type: Output
+            }], langChange: [{
+                type: Output
+            }], overlayStateChange: [{
+                type: Output
+            }], confirmDialog: [{
+                type: ViewChild,
+                args: ['confirmDialog']
+            }], appPanel: [{
+                type: ViewChild,
+                args: ['App']
+            }], notifyModalRef: [{
+                type: ViewChild,
+                args: ['notifyModal']
+            }], notifyModal: [{
+                type: ViewChild,
+                args: ['notifyModal']
+            }] } });
+
+class NotificationSidebarComponent {
+    constructor() {
+        this.userNotificationCount = '';
+        this.userNotificationCountObj = {};
+        this.eventwiseNotificationCount = [];
+        this.refreshNotification = new EventEmitter();
+        this.isErrorOccured = false;
+        this.notificationLoadder = true;
+        this.NoServiceMsgText = 'Generic_lib.CommonError';
+        this.repeatLoader = Array(9).fill(0);
+    }
+    //Method: Call APi to Fetch New Notification Count
+    getEventwiseNotification() {
+        this.refreshNotification.emit(true);
+    }
+}
+NotificationSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NotificationSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotificationSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NotificationSidebarComponent, selector: "app-notification-sidebar", inputs: { userNotificationCount: "userNotificationCount", userNotificationCountObj: "userNotificationCountObj", eventwiseNotificationCount: "eventwiseNotificationCount", isErrorOccured: "isErrorOccured", notificationLoadder: "notificationLoadder" }, outputs: { refreshNotification: "refreshNotification" }, ngImport: i0, template: "<div class=\"modal fade common-alert-modal\" id=\"Notify_SidebarModal\" tabindex=\"-1\" aria-hidden=\"true\">\r\n  <div class=\"sidebar-container white-bg\">\r\n    <div class=\"modal-dialog sidebar-outer white-bg\">\r\n      <div class=\"sidebar-header grey-background\">\r\n        <div class=\"sh-top\">\r\n          <div class=\"sh-top-left d-flex align-items-center\">\r\n            <div class=\"mx-2 log-text\">Notification</div>\r\n          </div>\r\n          <div class=\"sh-top-right\">\r\n            <button type=\"button\" class=\"common-bn tertiary-btn\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\r\n              <img src=\"assets/common-header-lib/images/close.svg\" alt=\"Icon\" class=\"imgs mb-1\" title=\"Close\">\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar-body\">\r\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\r\n          <div class=\"noti-text\">You Have {{userNotificationCount}} Notification</div>\r\n          <div class=\"d-flex align-items-center gap-1 refresh-icon\" (click)=\"getEventwiseNotification()\">\r\n            <img src=\"assets/common-header-lib/images/refresh-1.svg\" alt=\"Icon\">\r\n            <div class=\"refresh-text\">Refresh</div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mt-3\">\r\n          <ng-container *ngIf=\"!isErrorOccured && !notificationLoadder; else LoadingTemplate\">\r\n            <div class=\"notify-border\" *ngFor=\"let event of eventwiseNotificationCount\">\r\n              <div class=\"d-flex align-items-center gap-3\">\r\n                <div class=\"initial-text mx-1\">\r\n                  <img src=\"assets/common-header-lib/images/noti_ticket.svg\" alt=\"Icon\">\r\n                </div>\r\n                <div>\r\n                  <div><span class=\"service-count\">{{event['PendingCount']}} New </span><span\r\n                      class=\"service-request\">{{event['EventName'] }} Event requests</span>\r\n                  </div>\r\n                  <!-- <div class=\"time-text\">{{'2h ago'}}</div> -->\r\n                </div>\r\n              </div>\r\n              <div class=\"grey-borders mt-2\"></div>\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #LoadingTemplate>\r\n            <ng-container *ngIf=\"notificationLoadder; else errorTemplate\">\r\n              <ng-container *ngFor=\"let item of repeatLoader\">\r\n                <div class=\"d-flex align-items-center gap-3\">\r\n                  <p-skeleton shape=\"circle\" size=\"60px\" styleClass=\"my-2\"></p-skeleton>\r\n                  <div class=\"ms-1\">\r\n                    <p-skeleton width=\"200%\" styleClass=\"mb-2\"></p-skeleton>\r\n                    <p-skeleton width=\"150px\" height=\"1rem\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #errorTemplate>\r\n            <app-no-service-my-access-pg [heading]=\"NoServiceMsgText\"></app-no-service-my-access-pg>\r\n          </ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".grey-background{background-color:#f6f7fb}.white-bg{background:#ffffff;width:420px;overflow:hidden}.log-text{font-size:16px;color:#292f4c;font-weight:600}.imgs{width:20px}.sidebar-body{overflow:auto;height:calc(100vh - 70px);width:100%}.sidebar-body .noti-text{color:#292f4c;font-size:13px;font-weight:600;line-height:24px}.sidebar-body .refresh-icon{cursor:pointer}.sidebar-body .refresh-text{color:#676879;font-size:12px;line-height:24px}.sidebar-body .notify-border{padding:8px 8px 0 6px;cursor:pointer}.sidebar-body .notify-border:hover{background-color:#dcdfec;border-radius:8px}.sidebar-body .notify-border .initial-text{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;color:var(--white-color);background-color:#f2edfa}.sidebar-body .notify-border .service-count{color:#323238;font-weight:600;font-size:13px}.sidebar-body .notify-border .service-request{color:#676879;font-size:12px;font-weight:500}.sidebar-body .notify-border .time-text{color:#676879;font-size:12px}.sidebar-body .notify-border .grey-borders{border-bottom:1px solid var(--layout-border)}\n"], dependencies: [{ kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10$1.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }, { kind: "component", type: NoServiceMyAccessPgComponent, selector: "app-no-service-my-access-pg", inputs: ["heading", "subHeading"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NotificationSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-notification-sidebar', template: "<div class=\"modal fade common-alert-modal\" id=\"Notify_SidebarModal\" tabindex=\"-1\" aria-hidden=\"true\">\r\n  <div class=\"sidebar-container white-bg\">\r\n    <div class=\"modal-dialog sidebar-outer white-bg\">\r\n      <div class=\"sidebar-header grey-background\">\r\n        <div class=\"sh-top\">\r\n          <div class=\"sh-top-left d-flex align-items-center\">\r\n            <div class=\"mx-2 log-text\">Notification</div>\r\n          </div>\r\n          <div class=\"sh-top-right\">\r\n            <button type=\"button\" class=\"common-bn tertiary-btn\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\r\n              <img src=\"assets/common-header-lib/images/close.svg\" alt=\"Icon\" class=\"imgs mb-1\" title=\"Close\">\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar-body\">\r\n        <div class=\"d-flex justify-content-between align-items-center mb-2\">\r\n          <div class=\"noti-text\">You Have {{userNotificationCount}} Notification</div>\r\n          <div class=\"d-flex align-items-center gap-1 refresh-icon\" (click)=\"getEventwiseNotification()\">\r\n            <img src=\"assets/common-header-lib/images/refresh-1.svg\" alt=\"Icon\">\r\n            <div class=\"refresh-text\">Refresh</div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mt-3\">\r\n          <ng-container *ngIf=\"!isErrorOccured && !notificationLoadder; else LoadingTemplate\">\r\n            <div class=\"notify-border\" *ngFor=\"let event of eventwiseNotificationCount\">\r\n              <div class=\"d-flex align-items-center gap-3\">\r\n                <div class=\"initial-text mx-1\">\r\n                  <img src=\"assets/common-header-lib/images/noti_ticket.svg\" alt=\"Icon\">\r\n                </div>\r\n                <div>\r\n                  <div><span class=\"service-count\">{{event['PendingCount']}} New </span><span\r\n                      class=\"service-request\">{{event['EventName'] }} Event requests</span>\r\n                  </div>\r\n                  <!-- <div class=\"time-text\">{{'2h ago'}}</div> -->\r\n                </div>\r\n              </div>\r\n              <div class=\"grey-borders mt-2\"></div>\r\n            </div>\r\n          </ng-container>\r\n          <ng-template #LoadingTemplate>\r\n            <ng-container *ngIf=\"notificationLoadder; else errorTemplate\">\r\n              <ng-container *ngFor=\"let item of repeatLoader\">\r\n                <div class=\"d-flex align-items-center gap-3\">\r\n                  <p-skeleton shape=\"circle\" size=\"60px\" styleClass=\"my-2\"></p-skeleton>\r\n                  <div class=\"ms-1\">\r\n                    <p-skeleton width=\"200%\" styleClass=\"mb-2\"></p-skeleton>\r\n                    <p-skeleton width=\"150px\" height=\"1rem\"></p-skeleton>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n            </ng-container>\r\n          </ng-template>\r\n          <ng-template #errorTemplate>\r\n            <app-no-service-my-access-pg [heading]=\"NoServiceMsgText\"></app-no-service-my-access-pg>\r\n          </ng-template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".grey-background{background-color:#f6f7fb}.white-bg{background:#ffffff;width:420px;overflow:hidden}.log-text{font-size:16px;color:#292f4c;font-weight:600}.imgs{width:20px}.sidebar-body{overflow:auto;height:calc(100vh - 70px);width:100%}.sidebar-body .noti-text{color:#292f4c;font-size:13px;font-weight:600;line-height:24px}.sidebar-body .refresh-icon{cursor:pointer}.sidebar-body .refresh-text{color:#676879;font-size:12px;line-height:24px}.sidebar-body .notify-border{padding:8px 8px 0 6px;cursor:pointer}.sidebar-body .notify-border:hover{background-color:#dcdfec;border-radius:8px}.sidebar-body .notify-border .initial-text{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%;color:var(--white-color);background-color:#f2edfa}.sidebar-body .notify-border .service-count{color:#323238;font-weight:600;font-size:13px}.sidebar-body .notify-border .service-request{color:#676879;font-size:12px;font-weight:500}.sidebar-body .notify-border .time-text{color:#676879;font-size:12px}.sidebar-body .notify-border .grey-borders{border-bottom:1px solid var(--layout-border)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { userNotificationCount: [{
+                type: Input
+            }], userNotificationCountObj: [{
+                type: Input
+            }], eventwiseNotificationCount: [{
+                type: Input
+            }], refreshNotification: [{
+                type: Output
+            }], isErrorOccured: [{
+                type: Input
+            }], notificationLoadder: [{
+                type: Input
+            }] } });
+
+class CommonHeaderLibModule {
+}
+CommonHeaderLibModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CommonHeaderLibModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibModule, declarations: [CommonHeaderLibComponent,
+        SliceToTwoPipe,
+        customDateFormatPipe,
+        DateDiffPipe,
+        UserSidebarComponent,
+        SidePopupComponent,
+        NgTranslationComponent,
+        UserMailboxComponent,
+        NotificationSidebarComponent,
+        GeneralConfigurationComponent,
+        TimezoneConfigurationComponent,
+        LandingpgConfigComponent,
+        NoServiceMyAccessPgComponent,
+        GridPaginationComponent,
+        ConfirmDialogComponent,
+        ViewpasswordPopupComponent], imports: [CommonModule,
+        HttpClientModule,
+        ReactiveFormsModule,
+        /* UI Modules */
+        InputTextModule,
+        DropdownModule,
+        OverlayPanelModule,
+        BadgeModule,
+        DialogModule,
+        SkeletonModule,
+        PaginatorModule,
+        TableModule,
+        ButtonModule,
+        ConfirmDialogModule,
+        NgbModule, i4.TranslateModule], exports: [CommonHeaderLibComponent,
+        SliceToTwoPipe,
+        DateDiffPipe,
+        customDateFormatPipe,
+        ConfirmDialogComponent,
+        ViewpasswordPopupComponent,
+        TranslateModule] });
+CommonHeaderLibModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibModule, providers: [
+        {
+            provide: APP_INITIALIZER,
+            useFactory: initTranslateService,
+            deps: [TranslateService, StorageService],
+            multi: true,
+        },
+    ], imports: [CommonModule,
+        HttpClientModule,
+        ReactiveFormsModule,
+        /* UI Modules */
+        InputTextModule,
+        DropdownModule,
+        OverlayPanelModule,
+        BadgeModule,
+        DialogModule,
+        SkeletonModule,
+        PaginatorModule,
+        TableModule,
+        ButtonModule,
+        ConfirmDialogModule,
+        NgbModule,
+        /* ngx-translate (isolated for library) */
+        TranslateModule.forChild({
+            loader: {
+                provide: TranslateLoader,
+                useFactory: createLibTranslateLoader,
+                deps: [HttpClient],
+            },
+            isolate: true,
+        }), TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderLibModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CommonHeaderLibComponent,
+                        SliceToTwoPipe,
+                        customDateFormatPipe,
+                        DateDiffPipe,
+                        UserSidebarComponent,
+                        SidePopupComponent,
+                        NgTranslationComponent,
+                        UserMailboxComponent,
+                        NotificationSidebarComponent,
+                        GeneralConfigurationComponent,
+                        TimezoneConfigurationComponent,
+                        LandingpgConfigComponent,
+                        NoServiceMyAccessPgComponent,
+                        GridPaginationComponent,
+                        ConfirmDialogComponent,
+                        ViewpasswordPopupComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        HttpClientModule,
+                        ReactiveFormsModule,
+                        /* UI Modules */
+                        InputTextModule,
+                        DropdownModule,
+                        OverlayPanelModule,
+                        BadgeModule,
+                        DialogModule,
+                        SkeletonModule,
+                        PaginatorModule,
+                        TableModule,
+                        ButtonModule,
+                        ConfirmDialogModule,
+                        NgbModule,
+                        /* ngx-translate (isolated for library) */
+                        TranslateModule.forChild({
+                            loader: {
+                                provide: TranslateLoader,
+                                useFactory: createLibTranslateLoader,
+                                deps: [HttpClient],
+                            },
+                            isolate: true,
+                        }),
+                    ],
+                    exports: [
+                        CommonHeaderLibComponent,
+                        SliceToTwoPipe,
+                        DateDiffPipe,
+                        customDateFormatPipe,
+                        ConfirmDialogComponent,
+                        ViewpasswordPopupComponent,
+                        TranslateModule,
+                    ],
+                    providers: [
+                        {
+                            provide: APP_INITIALIZER,
+                            useFactory: initTranslateService,
+                            deps: [TranslateService, StorageService],
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+function initTranslateService(translate, localStorageService) {
+    return () => {
+        const supportedLangs = GlobalConstants.USERLANGUAGES;
+        const defaultLang = GlobalConstants.DEFAULTLANG;
+        let selectedLang = defaultLang;
+        /* 1. Read from localStorage */
+        const saved = localStorageService.getData(COOKIECONSTANT.USERLANG);
+        if (saved) {
+            try {
+                const parsed = JSON.parse(saved);
+                const isValid = supportedLangs.some((lang) => lang.langKey === (parsed === null || parsed === void 0 ? void 0 : parsed.langKey));
+                if (isValid) {
+                    selectedLang = parsed;
+                }
+            }
+            catch (_a) {
+                // corrupted JSON → fallback to default
+                selectedLang = defaultLang;
+            }
+        }
+        /* 2. Persist corrected value */
+        localStorageService.saveData(COOKIECONSTANT.USERLANG, JSON.stringify(selectedLang));
+        /* 3. Apply language */
+        translate.setDefaultLang(selectedLang.langKey);
+        return translate.use(selectedLang.langKey).subscribe();
+    };
+}
+function createLibTranslateLoader(http) {
+    return new TranslateHttpLoader(http, 'assets/common-header-lib/i18n/', '.json');
+}
+
+/*
+ * Public API Surface of common-header-lib
+ */
+// export * from './assets/js/bigint-decrypt.helper';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CommonHeaderLibComponent, CommonHeaderLibModule, CommonHeaderLibService, ConfirmDialogComponent, DateDiffPipe, SliceToTwoPipe, ViewpasswordPopupComponent, createLibTranslateLoader, customDateFormatPipe, initTranslateService };
+//# sourceMappingURL=common-header-lib.mjs.map