tango-app-ui-shared 3.0.60-dev → 3.0.62-dev

package/fesm2022/tango-app-ui-shared-notification.module-UNDnJK8t.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tango-app-ui-shared-notification.module-UNDnJK8t.mjs","sources":["../../../projects/tango-app-shared/src/lib/modules/notification/notification/notification.component.ts","../../../projects/tango-app-shared/src/lib/modules/notification/notification/notification.component.html","../../../projects/tango-app-shared/src/lib/modules/notification/notification-routing.module.ts","../../../projects/tango-app-shared/src/lib/modules/notification/notification.module.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { GlobalStateService, PageInfoService } from 'tango-app-ui-global';\r\nimport { Subject, takeUntil } from \"rxjs\";\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { NotificationService } from '../../../services/notification.service';\r\nimport { ToastService } from '../../../services/toast.service';\r\n\r\n@Component({\r\n  selector: 'lib-notification',\r\n  templateUrl: './notification.component.html',\r\n  styleUrl: './notification.component.scss'\r\n})\r\nexport class NotificationComponent implements OnInit {\r\n  showalert:boolean = true;\r\n  showdownload:boolean = false;\r\n  loading: boolean = true;\r\n  noData: boolean = false;\r\n  itemsPerPage = 10;\r\n  currentPage = 1;\r\n  totalItems = 0;\r\n  paginationSizes = [10, 20, 30];\r\n  limit: number = 10;\r\n  offset: number = 1;\r\n  pageSize = 10;\r\n  user: any;\r\n  headerFilter: any;\r\n  clientId: any;\r\n  _id:any;\r\n  data:any\r\n  private readonly destroy$ = new Subject();\r\n  notification: any;\r\n  total:any;\r\n\r\n  \r\nconstructor(private pageInfo:PageInfoService,public gs: GlobalStateService, private route: ActivatedRoute, private service:NotificationService,private cd :ChangeDetectorRef,private toast: ToastService, private router:Router){}\r\n  ngOnInit(): void {\r\n    // this.gs.dataRangeValue.pipe(takeUntil(this.destroy$)).subscribe((data: any) => {\r\n\r\n    //   if (data != null) {\r\n    //     this.user = JSON.parse(localStorage.getItem('user-info') || \"\")\r\n    //     this.headerFilter = data;\r\n    //     this.clientId = this.headerFilter?.clients \r\n    //   }\r\n\r\n    // });\r\n    this.notificationList()\r\n   \r\n    this.setPageData();\r\n  }\r\n  setPageData() {\r\n    this.pageInfo.setTitle(\"Alerts\");\r\n    this.pageInfo.setDescription(\"Lorem ipsum dolor sit amet consectetur. Sit justo integer massa sit augue.\");\r\n    this.pageInfo.setBreadcrumbs([\r\n      { title: \"\", path: \"\", isActive: false, isSeparator: false },\r\n    ]);\r\n  }\r\n  notificationList() {\r\n    this.loading = true;\r\n    let data = {\r\n      limit: this.limit,\r\n      offset: this.offset\r\n    };\r\n    this.service.notificationList(data)\r\n      .pipe(takeUntil(this.destroy$))\r\n      .subscribe({\r\n        next: (res: any) => {\r\n          if (res && res.code == 200) {\r\n            this.total = res.data.count || 0;\r\n            this.notification = res.data.result || [];\r\n            this.loading = false;\r\n            this.noData = false;\r\n          } else {\r\n            this.noData = true;\r\n            this.loading = false;\r\n            this.notification = []; \r\n          }\r\n          this.cd.detectChanges();\r\n        },\r\n        error: (err) => {\r\n          this.noData = true;\r\n          this.loading = false;\r\n          this.notification = [];\r\n        }\r\n      });\r\n  }\r\n\r\n  updateNotification(data: any, btnDetails: any): void {\r\n    this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {\r\n      if (res && res.code == 200) {\r\n        this.toast.getPrimaryToast(res.message);\r\n        setTimeout(() => {\r\n          this.notificationList();\r\n        },1000);\r\n        if(btnDetails && btnDetails?.redirectionUrl != '' && btnDetails?.redirectionUrl != 'remind') {\r\n          this.router.navigateByUrl(btnDetails.redirectionUrl);\r\n        }\r\n        if(btnDetails && btnDetails?.redirectionUrl == 'remind') {\r\n          this.service.updateRemind(data._id).pipe(takeUntil(this.destroy$)).subscribe(() => {})\r\n        }\r\n        this.cd.detectChanges();\r\n      }\r\n    })\r\n  }\r\n  \r\n  notificationPushUpdate(data: any, _id: any): void {\r\n    this.service.notificationPushUpdate(data, _id).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {\r\n      if (res && res.code == 200) {\r\n        this.toast.getPrimaryToast(res.message);\r\n        this.notificationList();\r\n      }\r\n    })\r\n  }\r\n\r\n  chooseManager(type:any){\r\n\r\n  }\r\n\r\n  onPageChange(pageOffset: number) {\r\n    this.offset = Number(pageOffset);\r\n    this.notificationList();\r\n  }\r\n\r\n  onPageSizeChange(pageSize: number) {\r\n    this.limit = Number(pageSize);\r\n    this.offset = 1;\r\n    this.notificationList();\r\n  }\r\n\r\n}\r\n","<!-- <div class=\"row buttonsec mb-10\">\r\n    <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n        (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n    <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n        (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n    <div class=\"card-header\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label mb-2\">Alerts Manager</span>\r\n        </h3>\r\n    </div>\r\n    <div class=\"card-body\">\r\n        <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n            <div class=\"flex-lg-row-fluid  mb-20 mb-xl-0\">\r\n                <div class=\"mb-0\">\r\n                    <div>\r\n                        <ng-container *ngIf=\"loading\">\r\n                            <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"noData && !loading\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-lg-12 mb-3\">\r\n                                    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                                        <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                                        <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                                        <span class=\"noNotification mt-2\">Any new notification will be shown\r\n                                            here.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n                            <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n                                <div class=\"mb-8 border-value w-100\">\r\n                                            <div class=\"flex-grow-1 me-2\">\r\n                                                <div class=\"row mt-4\">\r\n                                                    <div class=\"col-lg-11\">\r\n                                                        <div class=\"symbol symbol-50px mx-4\">\r\n                                                            <span class=\"mt-2\">\r\n                                                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"\r\n                                                                    fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                    <rect width=\"40\" height=\"40\" rx=\"20\"\r\n                                                                        fill=\"#DAF1FF\" />\r\n                                                                    <g clip-path=\"url(#clip0_12108_56367)\">\r\n                                                                        <path\r\n                                                                            d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n                                                                            stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n                                                                            stroke-linecap=\"round\"\r\n                                                                            stroke-linejoin=\"round\" />\r\n                                                                    </g>\r\n                                                                    <defs>\r\n                                                                        <clipPath id=\"clip0_12108_56367\">\r\n                                                                            <rect width=\"20\" height=\"20\" fill=\"white\"\r\n                                                                                transform=\"translate(10 10)\" />\r\n                                                                        </clipPath>\r\n                                                                    </defs>\r\n                                                                </svg>\r\n                                                            </span>\r\n                                                            <span class=\"alert-title mx-4\">{{ item._source.title }}<span\r\n                                                                    class=\"alertdot m-2\">•</span><span\r\n                                                                    class=\"alertdot\">{{\r\n                                                                    item._source.date | customDateFormat }} Today</span>\r\n                                                            </span>\r\n                                                            <div class=\"alt-desc d-block ms-17\">{{\r\n                                                                item._source.description\r\n                                                                }}</div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <div class=\"col-lg-1\">\r\n                                                        <span (click)=\"updateNotification(item,'')\"\r\n                                                            class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n                                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\r\n                                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n                                                                    stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                                                    stroke-linejoin=\"round\" />\r\n                                                            </svg>\r\n                                                        </span>\r\n\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                            </div>\r\n\r\n                                            <div class=\"ms-20 mt-2\">\r\n                                                <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n                                                    <button *ngIf=\"cta.redirectionUrl !== 'remind'\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"btn btn-sm btn-primary\">{{ cta.buttonName }}</button>\r\n                                                    <span *ngIf=\"cta.redirectionUrl === 'remind'\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{\r\n                                                        cta.buttonName }}</span>\r\n                                                </ng-container>\r\n\r\n                                            </div>\r\n                                        <!-- </div> -->\r\n                                    <!-- </div> -->\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n                            <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n                                [paginationSizes]=\"paginationSizes\" [pageSize]=\"limit\"\r\n                                (pageChange)=\"onPageChange($event)\"\r\n                                (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n        <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n    </div>\r\n</div> -->","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { NotificationComponent } from './notification/notification.component';\r\n\r\nconst routes: Routes = [\r\n  {\r\n    path:'alerts',\r\n    component:NotificationComponent\r\n  }\r\n];\r\n\r\n@NgModule({\r\n  imports: [RouterModule.forChild(routes)],\r\n  exports: [RouterModule]\r\n})\r\nexport class NotificationRoutingModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { NotificationRoutingModule } from './notification-routing.module';\r\nimport { NotificationComponent } from './notification/notification.component';\r\nimport { CommonSharedModule } from '../common/common-shared.module';\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    NotificationComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    NotificationRoutingModule,\r\n    CommonSharedModule\r\n  ]\r\n})\r\nexport class NotificationModule { }\r\n"],"names":["i2","i3.NotificationService","i4.ToastService","i5","i6.PaginationComponent","i7.CustomDateFormatPipe"],"mappings":"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"}

package/fesm2022/tango-app-ui-shared.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, Pipe, HostBinding, HostListener, EventEmitter, ChangeDetectionStrategy, Output, ViewChild, NgModule, inject } from '@angular/core';
+import { Injectable, Component, Input, Pipe, HostListener, HostBinding, EventEmitter, ChangeDetectionStrategy, Output, ViewChild, NgModule, inject } from '@angular/core';
 import * as i1 from '@angular/router';
 import { NavigationEnd, NavigationCancel, ResolveEnd, NavigationStart, Router, RouterModule } from '@angular/router';
 import * as i1$1 from 'tango-app-ui-global';
@@ -246,6 +246,9 @@ class NotificationService {
     updateNotificationReceived(value) {
         this.notificationReceivedSubject.next(value);
     }
+    updateRemind(_id) {
+        return this.http.post(`${this.paymentSubscriptionApiUrl}/updateRemind/${_id}`, '');
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationService, deps: [{ token: i3.HttpClient }, { token: i1$1.GlobalStateService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
@@ -278,7 +281,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
 class NavbarComponent {
     service;
     router;
-    pageInfo;
+    toast;
+    cd;
     appHeaderDefaulMenuDisplay;
     isRtl;
     destroy$ = new Subject();
@@ -289,24 +293,36 @@ class NavbarComponent {
     btnIconClass = 'fs-2 fs-md-1';
     notificationReceived = false;
     notification = [];
+    pushNotificationList = [];
     activeTabId = 'alerts';
     loading = true;
     noData = false;
     url;
+    showNotification = true;
+    showDropdown = false;
     // notificationReceived = false;
     subscription;
-    notificationDropDownClass;
-    constructor(service, router, pageInfo) {
+    notificationDropDownClass = true;
+    constructor(service, router, toast, cd) {
         this.service = service;
         this.router = router;
-        this.pageInfo = pageInfo;
+        this.toast = toast;
+        this.cd = cd;
     }
     ngOnDestroy() {
         this.destroy$.next(true);
         this.destroy$.complete();
     }
     ngOnInit() {
-        this.url = this.router.url.split('?')[1]?.split('=');
+        this.router.events.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            let url = this.router.url.split('/');
+            if (url.includes('notifications')) {
+                this.showNotification = false;
+            }
+            else {
+                this.showNotification = true;
+            }
+        });
         this.notificationList();
     }
     toggleUserDropDown() {
@@ -316,10 +332,10 @@ class NavbarComponent {
         this.activeTabId = tabId;
     }
     notificationList() {
-        this.notification = [];
+        this.pushNotificationList = [];
         this.loading = true;
         let data = {
-            limit: 5,
+            limit: 10,
             offset: 1
         };
         this.service.notificationList(data)
@@ -329,7 +345,8 @@ class NavbarComponent {
                 if (res && res.code == 200) {
                     this.loading = false;
                     this.noData = false;
-                    this.notification = res.data.result || [];
+                    this.notification = res.data.result.slice(0, 5);
+                    this.pushNotificationList = res.data.result.filter((item) => item._source.showPushNotification);
                 }
                 else {
                     this.notification = [];
@@ -349,18 +366,41 @@ class NavbarComponent {
     }
     viewAll(type) {
         // this.dataKtMenu = 'false';
-        this.router.navigateByUrl('/notifications/alerts?notify=false');
+        this.router.navigateByUrl('/notifications/alerts');
+    }
+    updateNotification(data, url) {
+        this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res) => {
+            if (res && res.code == 200) {
+                this.toast.getPrimaryToast(res.message);
+                setTimeout(() => {
+                    this.notificationList();
+                }, 1000);
+                this.cd.detectChanges();
+                if (url != '') {
+                    this.router.navigateByUrl(url);
+                }
+            }
+        });
+    }
+    onClick(event) {
+        const target = event.target;
+        if (!target.closest('.app-navbar')) {
+            this.showDropdown = false;
+        }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavbarComponent, deps: [{ token: NotificationService }, { token: i1.Router }, { token: i1$1.PageInfoService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NavbarComponent, selector: "lib-navbar", inputs: { appHeaderDefaulMenuDisplay: "appHeaderDefaulMenuDisplay", isRtl: "isRtl" }, ngImport: i0, template: "\r\n\r\n<!--begin::Activities-->\r\n\r\n<!--begin::Notifications-->\r\n<div class=\"app-navbar-item\"  [ngClass]=\"itemClass\">\r\n  <!--begin::Menu- wrapper-->\r\n  \r\n  <div >\r\n    <div [ngClass]=\"btnClass\" data-kt-menu-trigger=\"{default: 'click'}\" data-kt-menu-attach=\"parent\"\r\n    data-kt-menu-placement=\"bottom-end\">\r\n    <span *ngIf=\"!notification.length\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n        <path\r\n          d=\"M10.6779 2.4V3.00688L11.2715 3.1335C14.1674 3.75125 16.3919 6.45842 16.3919 9.75V10.6313C16.3919 13.0131 17.2249 15.3087 18.7338 17.0963L18.7352 17.0979L19.0636 17.4846C19.0639 17.485 19.0642 17.4853 19.0645 17.4857C19.2557 17.7136 19.3048 18.0393 19.185 18.3174C19.0641 18.5983 18.8153 18.75 18.5704 18.75H1.42848C1.1825 18.75 0.933931 18.5974 0.815017 18.3193C0.695108 18.0388 0.744592 17.7123 0.933996 17.4853C0.934445 17.4848 0.934894 17.4843 0.935344 17.4837L1.26312 17.0985L1.26473 17.0966C2.77599 15.3086 3.60697 13.0127 3.60697 10.6313V9.75C3.60697 6.45434 5.79488 3.75145 8.72559 3.13388L9.32094 3.00843V2.4V1.5C9.32094 1.05052 9.65806 0.75 9.99944 0.75C10.3408 0.75 10.6779 1.05052 10.6779 1.5V2.4ZM9.99944 23.25C9.44983 23.25 8.91726 23.023 8.52034 22.6062C8.29649 22.3712 8.12457 22.0708 8.01769 21.75H11.9812C11.8743 22.0708 11.7024 22.3712 11.4785 22.6062C11.0856 23.0188 10.5146 23.25 9.99944 23.25Z\"\r\n          stroke=\"#00A3FF\" stroke-width=\"1.5\" />\r\n      </svg>\r\n    </span>\r\n    <span *ngIf=\"notification.length\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n        <path\r\n          d=\"M11.4279 2.4V1.5C11.4279 0.671719 10.7896 0 9.99944 0C9.2093 0 8.57094 0.671719 8.57094 1.5V2.4C5.27202 3.09516 2.85697 6.12188 2.85697 9.75V10.6313C2.85697 12.8391 2.08648 14.9625 0.691915 16.6125L0.360862 17.0016C-0.0128805 17.4469 -0.10505 18.075 0.125384 18.6141C0.355818 19.1531 0.866013 19.5 1.42848 19.5H18.5704C19.1329 19.5 19.6418 19.1531 19.8739 18.6141C20.106 18.075 20.0123 17.4469 19.6373 17.0016L19.307 16.6125C17.9142 14.9625 17.1419 12.8391 17.1419 10.6313V9.75C17.1419 9.39947 17.119 9.05455 17.0746 8.71681C16.5845 8.8999 16.054 9 15.5 9C13.0147 9 11 6.98528 11 4.5C11 3.74877 11.1841 3.04054 11.5096 2.41795C11.4824 2.4118 11.4552 2.40582 11.4279 2.4Z\"\r\n          fill=\"#00A3FF\" />\r\n        <path\r\n          d=\"M7.97723 23.1234C8.51291 23.6859 9.24055 24 9.99944 24C10.7181 24 11.486 23.6859 12.0216 23.1234C12.5573 22.5609 12.8564 21.7547 12.8564 21H7.14245C7.14245 21.7547 7.44154 22.5609 7.97723 23.1234Z\"\r\n          fill=\"#00A3FF\" />\r\n        <circle cx=\"16\" cy=\"4\" r=\"4\" fill=\"#F04438\" />\r\n      </svg>\r\n    </span>\r\n    <div class=\"menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px\" data-kt-menu=\"true\">\r\n      <div class=\"card topbar\">\r\n        <div class=\"card-header\">\r\n          <h3 class=\"title-notify mt-10 mb-6\">\r\n            Notifications\r\n          </h3>\r\n        </div>\r\n        <ng-container *ngIf=\"loading\">\r\n          <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n            <div class=\"shimmer\">\r\n              <div class=\"wrapper\">\r\n                <div class=\"stroke animate title\"></div>\r\n                <div class=\"stroke animate link\"></div>\r\n                <div class=\"stroke animate description\"></div>\r\n              </div>\r\n            </div>\r\n            <div class=\"shimmer\">\r\n              <div class=\"wrapper\">\r\n                <div class=\"stroke animate title\"></div>\r\n                <div class=\"stroke animate link\"></div>\r\n                <div class=\"stroke animate description\"></div>\r\n              </div>\r\n            </div>\r\n      \r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"noData && !loading\">\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-12 mb-3\">\r\n              <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      \r\n        <div class=\"alertscroll\" *ngIf=\"notification.length\">\r\n          <div *ngFor=\"let item of notification\" class=\"mh-300px ng-star-inserted\" style=\"overflow: auto;\">\r\n            <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                      class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                      class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                        version=\"1.1\" class=\"ng-star-inserted\">\r\n                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                          <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                          <path\r\n                            d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                            fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                          <path\r\n                            d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                            fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                        </g>\r\n                      </svg></span></span></div>\r\n                <div class=\"mb-0 me-2\" style=\"text-align: left;\">\r\n                  <div class=\"alert-title\">{{ item._source.title }}</div>\r\n                  <div class=\"alt-desc\">{{ item._source.description }}</div>\r\n                </div>\r\n              </div><span class=\"badge badge-light fs-9\">{{ item._source.date|customDateFormat }}</span>\r\n      \r\n      \r\n            </div>\r\n      \r\n          </div>\r\n          <div class=\"text-center border-top\">\r\n            <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary mt-4\">\r\n              View All\r\n            </a>\r\n          </div>\r\n      \r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  </div>\r\n</div>\r\n<!--end::Notifications-->\r\n<!-- <div class=\"app-navbar-item\" [ngClass]=\"itemClass\"> -->\r\n  <!--begin::Drawer toggle-->\r\n  <!-- <div [ngClass]=\"btnClass\" id=\"kt_activities_toggle\"> -->\r\n    <!-- <img src=\"./assets/tango/layout/bell.svg\" alt=\"\"> -->\r\n  <!-- </div> -->\r\n  <!--end::Drawer toggle-->\r\n<!-- </div> -->\r\n<!--end::Activities-->\r\n\r\n\r\n\r\n\r\n\r\n", styles: ["@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-container{animation:fadeIn .5s ease forwards}.nav-line-tabs .nav-item .nav-link.active{border-radius:6px!important;background:var(--Primary-50, #EAF8FF)!important;padding:10px 14px!important;border-bottom:none!important;width:100%!important}.nav-line-tabs.nav-line-tabs-2x{background:var(--Gray-50, #F9FAFB)!important;padding:6px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.title-name{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.title-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.title-notify{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-weight:500!important;line-height:30px}.alert-title{color:var(--Gray-900, #101828);font-size:14px;font-style:normal;font-weight:600;line-height:28px;text-align:left}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertscroll{max-height:300px;overflow:scroll}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: CustomDateFormatPipe, name: "customDateFormat" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavbarComponent, deps: [{ token: NotificationService }, { token: i1.Router }, { token: ToastService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NavbarComponent, selector: "lib-navbar", inputs: { appHeaderDefaulMenuDisplay: "appHeaderDefaulMenuDisplay", isRtl: "isRtl" }, host: { listeners: { "document:click": "onClick($event)" } }, ngImport: i0, template: "<!--begin::Notifications-->\r\n<div class=\"app-navbar-item\"  [ngClass]=\"itemClass\" *ngIf=\"showNotification\">\r\n  <!--begin::Menu- wrapper-->\r\n    <div [ngClass]=\"btnClass\" (click)=\"showDropdown = !showDropdown\">\r\n      <span *ngIf=\"!notification.length\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n          <path\r\n            d=\"M10.6779 2.4V3.00688L11.2715 3.1335C14.1674 3.75125 16.3919 6.45842 16.3919 9.75V10.6313C16.3919 13.0131 17.2249 15.3087 18.7338 17.0963L18.7352 17.0979L19.0636 17.4846C19.0639 17.485 19.0642 17.4853 19.0645 17.4857C19.2557 17.7136 19.3048 18.0393 19.185 18.3174C19.0641 18.5983 18.8153 18.75 18.5704 18.75H1.42848C1.1825 18.75 0.933931 18.5974 0.815017 18.3193C0.695108 18.0388 0.744592 17.7123 0.933996 17.4853C0.934445 17.4848 0.934894 17.4843 0.935344 17.4837L1.26312 17.0985L1.26473 17.0966C2.77599 15.3086 3.60697 13.0127 3.60697 10.6313V9.75C3.60697 6.45434 5.79488 3.75145 8.72559 3.13388L9.32094 3.00843V2.4V1.5C9.32094 1.05052 9.65806 0.75 9.99944 0.75C10.3408 0.75 10.6779 1.05052 10.6779 1.5V2.4ZM9.99944 23.25C9.44983 23.25 8.91726 23.023 8.52034 22.6062C8.29649 22.3712 8.12457 22.0708 8.01769 21.75H11.9812C11.8743 22.0708 11.7024 22.3712 11.4785 22.6062C11.0856 23.0188 10.5146 23.25 9.99944 23.25Z\"\r\n            stroke=\"#00A3FF\" stroke-width=\"1.5\" />\r\n        </svg>\r\n      </span>\r\n      <span *ngIf=\"notification.length\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n          <path\r\n            d=\"M11.4279 2.4V1.5C11.4279 0.671719 10.7896 0 9.99944 0C9.2093 0 8.57094 0.671719 8.57094 1.5V2.4C5.27202 3.09516 2.85697 6.12188 2.85697 9.75V10.6313C2.85697 12.8391 2.08648 14.9625 0.691915 16.6125L0.360862 17.0016C-0.0128805 17.4469 -0.10505 18.075 0.125384 18.6141C0.355818 19.1531 0.866013 19.5 1.42848 19.5H18.5704C19.1329 19.5 19.6418 19.1531 19.8739 18.6141C20.106 18.075 20.0123 17.4469 19.6373 17.0016L19.307 16.6125C17.9142 14.9625 17.1419 12.8391 17.1419 10.6313V9.75C17.1419 9.39947 17.119 9.05455 17.0746 8.71681C16.5845 8.8999 16.054 9 15.5 9C13.0147 9 11 6.98528 11 4.5C11 3.74877 11.1841 3.04054 11.5096 2.41795C11.4824 2.4118 11.4552 2.40582 11.4279 2.4Z\"\r\n            fill=\"#00A3FF\" />\r\n          <path\r\n            d=\"M7.97723 23.1234C8.51291 23.6859 9.24055 24 9.99944 24C10.7181 24 11.486 23.6859 12.0216 23.1234C12.5573 22.5609 12.8564 21.7547 12.8564 21H7.14245C7.14245 21.7547 7.44154 22.5609 7.97723 23.1234Z\"\r\n            fill=\"#00A3FF\" />\r\n          <circle cx=\"16\" cy=\"4\" r=\"4\" fill=\"#F04438\" />\r\n        </svg>\r\n      </span>\r\n      <div class=\"menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px notificationMenu\" *ngIf=\"showDropdown\">\r\n        <div class=\"card topbar\">\r\n          <div class=\"card-header\">\r\n            <h3 class=\"title-notify mt-10 mb-6\">\r\n              Notifications\r\n            </h3>\r\n          </div>\r\n          <ng-container *ngIf=\"loading\">\r\n            <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n              <div class=\"shimmer\">\r\n                <div class=\"wrapper\">\r\n                  <div class=\"stroke animate title\"></div>\r\n                  <div class=\"stroke animate link\"></div>\r\n                  <div class=\"stroke animate description\"></div>\r\n                </div>\r\n              </div>\r\n              <div class=\"shimmer\">\r\n                <div class=\"wrapper\">\r\n                  <div class=\"stroke animate title\"></div>\r\n                  <div class=\"stroke animate link\"></div>\r\n                  <div class=\"stroke animate description\"></div>\r\n                </div>\r\n              </div>\r\n        \r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"noData && !loading\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-12 mb-3\">\r\n                <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                  <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                  <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                  <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        \r\n          <div class=\"alertscroll\" *ngIf=\"notification.length\">\r\n            <div *ngFor=\"let item of notification\" class=\"mh-200px ng-star-inserted\" style=\"overflow: auto;\">\r\n              <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                        class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                        class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                          xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                          version=\"1.1\" class=\"ng-star-inserted\">\r\n                          <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                            <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                            <path\r\n                              d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                              fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                            <path\r\n                              d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                              fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                          </g>\r\n                        </svg></span></span></div>\r\n                  <div class=\"mb-0 me-2\" style=\"text-align: left;\">\r\n                    <div class=\"alert-title\">{{ item._source.title }}</div>\r\n                    <div class=\"alt-desc\">{{ item._source.description }}</div>\r\n                  </div>\r\n                </div><span class=\"badge badge-light fs-9\">{{ item._source.date|customDateFormat }}</span>\r\n        \r\n        \r\n              </div>\r\n        \r\n            </div>\r\n            <div class=\"text-center border-top\">\r\n              <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary my-2\">\r\n                View All\r\n              </a>\r\n            </div>\r\n        \r\n          </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"w-450px position-absolute end-0 top-0 pushlist d-none\">\r\n  <div class=\"alertbg\">\r\n  <div class=\"card pushnotification rounded-2 mt-4\" *ngFor=\"let item of pushNotificationList\">\r\n    <div class=\"row\">\r\n      <div class=\"col-1  align-items-start mt-1\">\r\n        <span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n            <g clip-path=\"url(#clip0_12254_112653)\">\r\n              <path\r\n                d=\"M9.99935 13.3334V10M9.99935 6.66669H10.0077M18.3327 10C18.3327 14.6024 14.6017 18.3334 9.99935 18.3334C5.39698 18.3334 1.66602 14.6024 1.66602 10C1.66602 5.39765 5.39698 1.66669 9.99935 1.66669C14.6017 1.66669 18.3327 5.39765 18.3327 10Z\"\r\n                stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n            </g>\r\n            <defs>\r\n              <clipPath id=\"clip0_12254_112653\">\r\n                <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n              </clipPath>\r\n            </defs>\r\n          </svg>\r\n        </span>\r\n      </div>\r\n      <div class=\"col-10 align-items-start\">\r\n        <span class=\"alert-title\">\r\n            Notification\r\n        </span>\r\n        <div>\r\n          {{item._source.description}}\r\n        </div>\r\n      </div>\r\n      <div class=\"col-1 align-items-start\">\r\n        <!-- <span class=\"btn btn-sm btn-icon btn-active-color-primary\"> -->\r\n          <span><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n            </svg>\r\n          <!-- </span> -->\r\n        </span>\r\n      </div>\r\n      <div class=\"d-flex\"  *ngFor=\"let button of item._source?.alertCta\">\r\n        <button  *ngIf=\"button.redirectionUrl !== 'cancel'\" (click)=\"updateNotification(item,button.redirectionUrl)\"\r\n          class=\"btn btn-md btn-primary\">{{ button.buttonName }}</button>\r\n        <button *ngIf=\"button.redirectionUrl === 'cancel'\" (click)=\"updateNotification(item,'')\"\r\n          class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{ button.buttonName }}</button>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n</div>\r\n\r\n    \r\n\r\n<!--end::Notifications-->\r\n<!-- <div class=\"app-navbar-item\" [ngClass]=\"itemClass\"> -->\r\n  <!--begin::Drawer toggle-->\r\n  <!-- <div [ngClass]=\"btnClass\" id=\"kt_activities_toggle\"> -->\r\n    <!-- <img src=\"./assets/tango/layout/bell.svg\" alt=\"\"> -->\r\n  <!-- </div> -->\r\n  <!--end::Drawer toggle-->\r\n<!-- </div> -->\r\n<!--end::Activities-->\r\n\r\n\r\n\r\n\r\n\r\n", styles: [".nav-line-tabs .nav-item .nav-link.active{border-radius:6px!important;background:var(--Primary-50, #EAF8FF)!important;padding:10px 14px!important;border-bottom:none!important;width:100%!important}.nav-line-tabs.nav-line-tabs-2x{background:var(--Gray-50, #F9FAFB)!important;padding:6px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.title-name{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.title-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.title-notify{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-weight:500!important;line-height:30px}.alert-title{color:var(--Gray-900, #101828);font-size:14px;font-style:normal;font-weight:600;line-height:28px;text-align:left}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertscroll{max-height:300px;overflow-y:scroll}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.alerticon{margin-bottom:35%!important}.alertbg{gap:0px;opacity:0px;border-left:7px solid var(--Primary-500, #33B5FF);border-top-left-radius:15px;border-bottom-left-radius:15px;height:100px}.pushnotification{padding:16px}.pushlist{overflow-y:scroll;height:570px}.notificationMenu{display:block!important;z-index:105;position:fixed;inset:0 0 auto auto;margin:0;transform:translate3d(-30.2222px,72.8889px,0)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: CustomDateFormatPipe, name: "customDateFormat" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NavbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-navbar', template: "\r\n\r\n<!--begin::Activities-->\r\n\r\n<!--begin::Notifications-->\r\n<div class=\"app-navbar-item\"  [ngClass]=\"itemClass\">\r\n  <!--begin::Menu- wrapper-->\r\n  \r\n  <div >\r\n    <div [ngClass]=\"btnClass\" data-kt-menu-trigger=\"{default: 'click'}\" data-kt-menu-attach=\"parent\"\r\n    data-kt-menu-placement=\"bottom-end\">\r\n    <span *ngIf=\"!notification.length\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n        <path\r\n          d=\"M10.6779 2.4V3.00688L11.2715 3.1335C14.1674 3.75125 16.3919 6.45842 16.3919 9.75V10.6313C16.3919 13.0131 17.2249 15.3087 18.7338 17.0963L18.7352 17.0979L19.0636 17.4846C19.0639 17.485 19.0642 17.4853 19.0645 17.4857C19.2557 17.7136 19.3048 18.0393 19.185 18.3174C19.0641 18.5983 18.8153 18.75 18.5704 18.75H1.42848C1.1825 18.75 0.933931 18.5974 0.815017 18.3193C0.695108 18.0388 0.744592 17.7123 0.933996 17.4853C0.934445 17.4848 0.934894 17.4843 0.935344 17.4837L1.26312 17.0985L1.26473 17.0966C2.77599 15.3086 3.60697 13.0127 3.60697 10.6313V9.75C3.60697 6.45434 5.79488 3.75145 8.72559 3.13388L9.32094 3.00843V2.4V1.5C9.32094 1.05052 9.65806 0.75 9.99944 0.75C10.3408 0.75 10.6779 1.05052 10.6779 1.5V2.4ZM9.99944 23.25C9.44983 23.25 8.91726 23.023 8.52034 22.6062C8.29649 22.3712 8.12457 22.0708 8.01769 21.75H11.9812C11.8743 22.0708 11.7024 22.3712 11.4785 22.6062C11.0856 23.0188 10.5146 23.25 9.99944 23.25Z\"\r\n          stroke=\"#00A3FF\" stroke-width=\"1.5\" />\r\n      </svg>\r\n    </span>\r\n    <span *ngIf=\"notification.length\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n        <path\r\n          d=\"M11.4279 2.4V1.5C11.4279 0.671719 10.7896 0 9.99944 0C9.2093 0 8.57094 0.671719 8.57094 1.5V2.4C5.27202 3.09516 2.85697 6.12188 2.85697 9.75V10.6313C2.85697 12.8391 2.08648 14.9625 0.691915 16.6125L0.360862 17.0016C-0.0128805 17.4469 -0.10505 18.075 0.125384 18.6141C0.355818 19.1531 0.866013 19.5 1.42848 19.5H18.5704C19.1329 19.5 19.6418 19.1531 19.8739 18.6141C20.106 18.075 20.0123 17.4469 19.6373 17.0016L19.307 16.6125C17.9142 14.9625 17.1419 12.8391 17.1419 10.6313V9.75C17.1419 9.39947 17.119 9.05455 17.0746 8.71681C16.5845 8.8999 16.054 9 15.5 9C13.0147 9 11 6.98528 11 4.5C11 3.74877 11.1841 3.04054 11.5096 2.41795C11.4824 2.4118 11.4552 2.40582 11.4279 2.4Z\"\r\n          fill=\"#00A3FF\" />\r\n        <path\r\n          d=\"M7.97723 23.1234C8.51291 23.6859 9.24055 24 9.99944 24C10.7181 24 11.486 23.6859 12.0216 23.1234C12.5573 22.5609 12.8564 21.7547 12.8564 21H7.14245C7.14245 21.7547 7.44154 22.5609 7.97723 23.1234Z\"\r\n          fill=\"#00A3FF\" />\r\n        <circle cx=\"16\" cy=\"4\" r=\"4\" fill=\"#F04438\" />\r\n      </svg>\r\n    </span>\r\n    <div class=\"menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px\" data-kt-menu=\"true\">\r\n      <div class=\"card topbar\">\r\n        <div class=\"card-header\">\r\n          <h3 class=\"title-notify mt-10 mb-6\">\r\n            Notifications\r\n          </h3>\r\n        </div>\r\n        <ng-container *ngIf=\"loading\">\r\n          <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n            <div class=\"shimmer\">\r\n              <div class=\"wrapper\">\r\n                <div class=\"stroke animate title\"></div>\r\n                <div class=\"stroke animate link\"></div>\r\n                <div class=\"stroke animate description\"></div>\r\n              </div>\r\n            </div>\r\n            <div class=\"shimmer\">\r\n              <div class=\"wrapper\">\r\n                <div class=\"stroke animate title\"></div>\r\n                <div class=\"stroke animate link\"></div>\r\n                <div class=\"stroke animate description\"></div>\r\n              </div>\r\n            </div>\r\n      \r\n          </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"noData && !loading\">\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-12 mb-3\">\r\n              <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      \r\n        <div class=\"alertscroll\" *ngIf=\"notification.length\">\r\n          <div *ngFor=\"let item of notification\" class=\"mh-300px ng-star-inserted\" style=\"overflow: auto;\">\r\n            <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                      class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                      class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                        version=\"1.1\" class=\"ng-star-inserted\">\r\n                        <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                          <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                          <path\r\n                            d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                            fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                          <path\r\n                            d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                            fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                        </g>\r\n                      </svg></span></span></div>\r\n                <div class=\"mb-0 me-2\" style=\"text-align: left;\">\r\n                  <div class=\"alert-title\">{{ item._source.title }}</div>\r\n                  <div class=\"alt-desc\">{{ item._source.description }}</div>\r\n                </div>\r\n              </div><span class=\"badge badge-light fs-9\">{{ item._source.date|customDateFormat }}</span>\r\n      \r\n      \r\n            </div>\r\n      \r\n          </div>\r\n          <div class=\"text-center border-top\">\r\n            <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary mt-4\">\r\n              View All\r\n            </a>\r\n          </div>\r\n      \r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  </div>\r\n</div>\r\n<!--end::Notifications-->\r\n<!-- <div class=\"app-navbar-item\" [ngClass]=\"itemClass\"> -->\r\n  <!--begin::Drawer toggle-->\r\n  <!-- <div [ngClass]=\"btnClass\" id=\"kt_activities_toggle\"> -->\r\n    <!-- <img src=\"./assets/tango/layout/bell.svg\" alt=\"\"> -->\r\n  <!-- </div> -->\r\n  <!--end::Drawer toggle-->\r\n<!-- </div> -->\r\n<!--end::Activities-->\r\n\r\n\r\n\r\n\r\n\r\n", styles: ["@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-container{animation:fadeIn .5s ease forwards}.nav-line-tabs .nav-item .nav-link.active{border-radius:6px!important;background:var(--Primary-50, #EAF8FF)!important;padding:10px 14px!important;border-bottom:none!important;width:100%!important}.nav-line-tabs.nav-line-tabs-2x{background:var(--Gray-50, #F9FAFB)!important;padding:6px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.title-name{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.title-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.title-notify{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-weight:500!important;line-height:30px}.alert-title{color:var(--Gray-900, #101828);font-size:14px;font-style:normal;font-weight:600;line-height:28px;text-align:left}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertscroll{max-height:300px;overflow:scroll}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}\n"] }]
-        }], ctorParameters: () => [{ type: NotificationService }, { type: i1.Router }, { type: i1$1.PageInfoService }], propDecorators: { appHeaderDefaulMenuDisplay: [{
+            args: [{ selector: 'lib-navbar', template: "<!--begin::Notifications-->\r\n<div class=\"app-navbar-item\"  [ngClass]=\"itemClass\" *ngIf=\"showNotification\">\r\n  <!--begin::Menu- wrapper-->\r\n    <div [ngClass]=\"btnClass\" (click)=\"showDropdown = !showDropdown\">\r\n      <span *ngIf=\"!notification.length\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n          <path\r\n            d=\"M10.6779 2.4V3.00688L11.2715 3.1335C14.1674 3.75125 16.3919 6.45842 16.3919 9.75V10.6313C16.3919 13.0131 17.2249 15.3087 18.7338 17.0963L18.7352 17.0979L19.0636 17.4846C19.0639 17.485 19.0642 17.4853 19.0645 17.4857C19.2557 17.7136 19.3048 18.0393 19.185 18.3174C19.0641 18.5983 18.8153 18.75 18.5704 18.75H1.42848C1.1825 18.75 0.933931 18.5974 0.815017 18.3193C0.695108 18.0388 0.744592 17.7123 0.933996 17.4853C0.934445 17.4848 0.934894 17.4843 0.935344 17.4837L1.26312 17.0985L1.26473 17.0966C2.77599 15.3086 3.60697 13.0127 3.60697 10.6313V9.75C3.60697 6.45434 5.79488 3.75145 8.72559 3.13388L9.32094 3.00843V2.4V1.5C9.32094 1.05052 9.65806 0.75 9.99944 0.75C10.3408 0.75 10.6779 1.05052 10.6779 1.5V2.4ZM9.99944 23.25C9.44983 23.25 8.91726 23.023 8.52034 22.6062C8.29649 22.3712 8.12457 22.0708 8.01769 21.75H11.9812C11.8743 22.0708 11.7024 22.3712 11.4785 22.6062C11.0856 23.0188 10.5146 23.25 9.99944 23.25Z\"\r\n            stroke=\"#00A3FF\" stroke-width=\"1.5\" />\r\n        </svg>\r\n      </span>\r\n      <span *ngIf=\"notification.length\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"24\" viewBox=\"0 0 20 24\" fill=\"none\">\r\n          <path\r\n            d=\"M11.4279 2.4V1.5C11.4279 0.671719 10.7896 0 9.99944 0C9.2093 0 8.57094 0.671719 8.57094 1.5V2.4C5.27202 3.09516 2.85697 6.12188 2.85697 9.75V10.6313C2.85697 12.8391 2.08648 14.9625 0.691915 16.6125L0.360862 17.0016C-0.0128805 17.4469 -0.10505 18.075 0.125384 18.6141C0.355818 19.1531 0.866013 19.5 1.42848 19.5H18.5704C19.1329 19.5 19.6418 19.1531 19.8739 18.6141C20.106 18.075 20.0123 17.4469 19.6373 17.0016L19.307 16.6125C17.9142 14.9625 17.1419 12.8391 17.1419 10.6313V9.75C17.1419 9.39947 17.119 9.05455 17.0746 8.71681C16.5845 8.8999 16.054 9 15.5 9C13.0147 9 11 6.98528 11 4.5C11 3.74877 11.1841 3.04054 11.5096 2.41795C11.4824 2.4118 11.4552 2.40582 11.4279 2.4Z\"\r\n            fill=\"#00A3FF\" />\r\n          <path\r\n            d=\"M7.97723 23.1234C8.51291 23.6859 9.24055 24 9.99944 24C10.7181 24 11.486 23.6859 12.0216 23.1234C12.5573 22.5609 12.8564 21.7547 12.8564 21H7.14245C7.14245 21.7547 7.44154 22.5609 7.97723 23.1234Z\"\r\n            fill=\"#00A3FF\" />\r\n          <circle cx=\"16\" cy=\"4\" r=\"4\" fill=\"#F04438\" />\r\n        </svg>\r\n      </span>\r\n      <div class=\"menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px notificationMenu\" *ngIf=\"showDropdown\">\r\n        <div class=\"card topbar\">\r\n          <div class=\"card-header\">\r\n            <h3 class=\"title-notify mt-10 mb-6\">\r\n              Notifications\r\n            </h3>\r\n          </div>\r\n          <ng-container *ngIf=\"loading\">\r\n            <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n              <div class=\"shimmer\">\r\n                <div class=\"wrapper\">\r\n                  <div class=\"stroke animate title\"></div>\r\n                  <div class=\"stroke animate link\"></div>\r\n                  <div class=\"stroke animate description\"></div>\r\n                </div>\r\n              </div>\r\n              <div class=\"shimmer\">\r\n                <div class=\"wrapper\">\r\n                  <div class=\"stroke animate title\"></div>\r\n                  <div class=\"stroke animate link\"></div>\r\n                  <div class=\"stroke animate description\"></div>\r\n                </div>\r\n              </div>\r\n        \r\n            </div>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"noData && !loading\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-12 mb-3\">\r\n                <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                  <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                  <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                  <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-container>\r\n        \r\n          <div class=\"alertscroll\" *ngIf=\"notification.length\">\r\n            <div *ngFor=\"let item of notification\" class=\"mh-200px ng-star-inserted\" style=\"overflow: auto;\">\r\n              <div class=\"d-flex flex-stack py-3 mx-4 ng-star-inserted\">\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px me-4\"><span class=\"symbol-label bg-light-primary\"><span\r\n                        class=\"svg-icon svg-icon-2 svg-icon-primary\"></span><span\r\n                        class=\"svg-icon svg-icon-2 svg-icon-primary\"><svg xmlns=\"http://www.w3.org/2000/svg\"\r\n                          xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\"\r\n                          version=\"1.1\" class=\"ng-star-inserted\">\r\n                          <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\r\n                            <polygon points=\"0 0 24 0 24 24 0 24\"></polygon>\r\n                            <path\r\n                              d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\r\n                              fill=\"#009EF7\" fill-rule=\"nonzero\" opacity=\"0.3\"></path>\r\n                            <path\r\n                              d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\r\n                              fill=\"#009EF7\" fill-rule=\"nonzero\"></path>\r\n                          </g>\r\n                        </svg></span></span></div>\r\n                  <div class=\"mb-0 me-2\" style=\"text-align: left;\">\r\n                    <div class=\"alert-title\">{{ item._source.title }}</div>\r\n                    <div class=\"alt-desc\">{{ item._source.description }}</div>\r\n                  </div>\r\n                </div><span class=\"badge badge-light fs-9\">{{ item._source.date|customDateFormat }}</span>\r\n        \r\n        \r\n              </div>\r\n        \r\n            </div>\r\n            <div class=\"text-center border-top\">\r\n              <a (click)=\"viewAll('alerts')\" class=\"btn btn-color-gray-600 btn-active-color-primary my-2\">\r\n                View All\r\n              </a>\r\n            </div>\r\n        \r\n          </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"w-450px position-absolute end-0 top-0 pushlist d-none\">\r\n  <div class=\"alertbg\">\r\n  <div class=\"card pushnotification rounded-2 mt-4\" *ngFor=\"let item of pushNotificationList\">\r\n    <div class=\"row\">\r\n      <div class=\"col-1  align-items-start mt-1\">\r\n        <span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n            <g clip-path=\"url(#clip0_12254_112653)\">\r\n              <path\r\n                d=\"M9.99935 13.3334V10M9.99935 6.66669H10.0077M18.3327 10C18.3327 14.6024 14.6017 18.3334 9.99935 18.3334C5.39698 18.3334 1.66602 14.6024 1.66602 10C1.66602 5.39765 5.39698 1.66669 9.99935 1.66669C14.6017 1.66669 18.3327 5.39765 18.3327 10Z\"\r\n                stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n            </g>\r\n            <defs>\r\n              <clipPath id=\"clip0_12254_112653\">\r\n                <rect width=\"20\" height=\"20\" fill=\"white\" />\r\n              </clipPath>\r\n            </defs>\r\n          </svg>\r\n        </span>\r\n      </div>\r\n      <div class=\"col-10 align-items-start\">\r\n        <span class=\"alert-title\">\r\n            Notification\r\n        </span>\r\n        <div>\r\n          {{item._source.description}}\r\n        </div>\r\n      </div>\r\n      <div class=\"col-1 align-items-start\">\r\n        <!-- <span class=\"btn btn-sm btn-icon btn-active-color-primary\"> -->\r\n          <span><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n              <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\" stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\" />\r\n            </svg>\r\n          <!-- </span> -->\r\n        </span>\r\n      </div>\r\n      <div class=\"d-flex\"  *ngFor=\"let button of item._source?.alertCta\">\r\n        <button  *ngIf=\"button.redirectionUrl !== 'cancel'\" (click)=\"updateNotification(item,button.redirectionUrl)\"\r\n          class=\"btn btn-md btn-primary\">{{ button.buttonName }}</button>\r\n        <button *ngIf=\"button.redirectionUrl === 'cancel'\" (click)=\"updateNotification(item,'')\"\r\n          class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{ button.buttonName }}</button>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n</div>\r\n\r\n    \r\n\r\n<!--end::Notifications-->\r\n<!-- <div class=\"app-navbar-item\" [ngClass]=\"itemClass\"> -->\r\n  <!--begin::Drawer toggle-->\r\n  <!-- <div [ngClass]=\"btnClass\" id=\"kt_activities_toggle\"> -->\r\n    <!-- <img src=\"./assets/tango/layout/bell.svg\" alt=\"\"> -->\r\n  <!-- </div> -->\r\n  <!--end::Drawer toggle-->\r\n<!-- </div> -->\r\n<!--end::Activities-->\r\n\r\n\r\n\r\n\r\n\r\n", styles: [".nav-line-tabs .nav-item .nav-link.active{border-radius:6px!important;background:var(--Primary-50, #EAF8FF)!important;padding:10px 14px!important;border-bottom:none!important;width:100%!important}.nav-line-tabs.nav-line-tabs-2x{background:var(--Gray-50, #F9FAFB)!important;padding:6px!important;border-radius:8px!important;border:1px solid var(--Gray-100, #F2F4F7)!important}.title-name{color:var(--Primary-700, #009BF3)!important;font-size:14px!important;font-weight:500!important;line-height:20px}.title-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.title-notify{color:var(--Gray-900, #101828)!important;font-size:20px!important;font-weight:500!important;line-height:30px}.alert-title{color:var(--Gray-900, #101828);font-size:14px;font-style:normal;font-weight:600;line-height:28px;text-align:left}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alertscroll{max-height:300px;overflow-y:scroll}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.alerticon{margin-bottom:35%!important}.alertbg{gap:0px;opacity:0px;border-left:7px solid var(--Primary-500, #33B5FF);border-top-left-radius:15px;border-bottom-left-radius:15px;height:100px}.pushnotification{padding:16px}.pushlist{overflow-y:scroll;height:570px}.notificationMenu{display:block!important;z-index:105;position:fixed;inset:0 0 auto auto;margin:0;transform:translate3d(-30.2222px,72.8889px,0)}\n"] }]
+        }], ctorParameters: () => [{ type: NotificationService }, { type: i1.Router }, { type: ToastService }, { type: i0.ChangeDetectorRef }], propDecorators: { appHeaderDefaulMenuDisplay: [{
                 type: Input
             }], isRtl: [{
                 type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
             }] } });
 
 var categories = {
@@ -2563,7 +2603,6 @@ class DateSingleSelectComponent {
                     if (headerFilters.client) {
                         this.clientList.find((obj) => {
                             if (obj.clientId === headerFilters.client) {
-                                console.log(obj.clientId, headerFilters.client);
                                 this.selectedClient = obj;
                             }
                         });
@@ -2589,11 +2628,7 @@ class DateSingleSelectComponent {
                         this.dummyArray = JSON.parse(JSON.stringify(this.clientList));
                         this.respnsearray = this.dummyArray.map((item) => item.clientId);
                         this.selectedClient = this.clientList[0];
-                        // if(headerFilters.client ===''){
                         this.selectedFilters.clients = this.respnsearray;
-                        // } else {
-                        //   this.selectedFilters.clients = [headerFilters.client];
-                        // }
                         this.selectedFilters.client = this.selectedClient.clientId;
                         this.selectedDateRange = {
                             startDate: this.dayjs().format("DD-MM-YYYY"),
@@ -2636,12 +2671,8 @@ class DateSingleSelectComponent {
     onStartDateChange(event) {
         if (this.dayjs(event.startDate).isValid()) {
             this.isCustomDate = (m) => {
-                const isFutureDate = m.isAfter(this.dayjs());
-                const isMoreThan90DaysAfter = m.isAfter(this.dayjs(event.startDate).add(90, "days"));
-                // Check if the date is today
-                const isToday = m.isSame(this.dayjs(), 'day');
-                const isValidDate = !isFutureDate && !isMoreThan90DaysAfter && !isToday;
-                return isValidDate ? "invalid-date" : false;
+                const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90, 'days'));
+                return isValidDate ? 'invalid-date' : false;
             };
         }
     }
@@ -2661,8 +2692,8 @@ class DateSingleSelectComponent {
         }
         else {
             const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
-            this.selectedDateRange.startDate = this.dayjs(headerFilters?.date.startDate, "YYYY-MM-DD").format("DD-MM-YYYY");
-            this.selectedDateRange.endDate = this.dayjs(headerFilters?.date.endDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+            this.selectedDateRange.startDate = this.dayjs(headerFilters?.date?.startDate, "YYYY-MM-DD").format("DD-MM-YYYY");
+            this.selectedDateRange.endDate = this.dayjs(headerFilters?.date?.endDate, "YYYY-MM-DD").format("DD-MM-YYYY");
             this.gs.dataRangeValue.next(headerFilters);
         }
     }
@@ -4879,7 +4910,7 @@ const Routing = [
     },
     {
         path: 'notifications',
-        loadChildren: () => import('./tango-app-ui-shared-notification.module-BIS16sw8.mjs').then((m) => m.NotificationModule),
+        loadChildren: () => import('./tango-app-ui-shared-notification.module-UNDnJK8t.mjs').then((m) => m.NotificationModule),
     },
     {
         path: '',
@@ -4986,23 +5017,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 args: ['attr.data-kt-menu']
             }] } });
 
-class NotificationAlertComponent {
-    class = 'menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px';
-    dataKtMenu = 'true';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationAlertComponent, selector: "lib-notification-alert", host: { properties: { "class": "this.class", "attr.data-kt-menu": "this.dataKtMenu" } }, ngImport: i0, template: "<div class=\"d-flex justify-content-between\">\r\n    <div class=\"alertbg\"></div> \r\n        <div class=\"d-flex align-items-sm-center w-100\">\r\n            <div class=\"symbol symbol-50px alerticon m-5\">\r\n                <span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <g clip-path=\"url(#clip0_12254_112653)\">\r\n                <path d=\"M9.99935 13.3334V10M9.99935 6.66669H10.0077M18.3327 10C18.3327 14.6024 14.6017 18.3334 9.99935 18.3334C5.39698 18.3334 1.66602 14.6024 1.66602 10C1.66602 5.39765 5.39698 1.66669 9.99935 1.66669C14.6017 1.66669 18.3327 5.39765 18.3327 10Z\" stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </g>\r\n                <defs>\r\n                <clipPath id=\"clip0_12254_112653\">\r\n                <rect width=\"20\" height=\"20\" fill=\"white\"/>\r\n                </clipPath>\r\n                </defs>\r\n                </svg>\r\n                </span></div>\r\n            <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n                <div class=\"flex-grow-1 me-2\"> \r\n                    <div class=\"d-flex justify-content-between\">\r\n                        <span class=\"alert-title mt-1\">\r\n                            Notification\r\n                            </span>\r\n                            <span class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n                                <span><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                        fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                        <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n                                            stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\" />\r\n                                    </svg>\r\n                                </span>\r\n                            </span>\r\n                    </div>\r\n                    <span class=\"alt-desc d-block mt-2\">\r\n                        This product is under active development and is available in a Private Beta, please contact Courier support for access.   \r\n                    </span>\r\n                </div>\r\n                <span class=\"mt-5\">\r\n                    <button class=\"btn btn-md btn-primary\">Pay Now</button>\r\n                    <span class=\"text-primary mx-12 remindlatertext\">Remind Me\r\n                        Later</span></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n", styles: [".border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;text-align:left}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.alerticon{margin-bottom:35%!important}.alertbg{background:var(--Primary-500, #33B5FF);width:7px!important;height:192px;gap:0px;opacity:0px;border-top-left-radius:15px;border-bottom-left-radius:15px}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationAlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-notification-alert', template: "<div class=\"d-flex justify-content-between\">\r\n    <div class=\"alertbg\"></div> \r\n        <div class=\"d-flex align-items-sm-center w-100\">\r\n            <div class=\"symbol symbol-50px alerticon m-5\">\r\n                <span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <g clip-path=\"url(#clip0_12254_112653)\">\r\n                <path d=\"M9.99935 13.3334V10M9.99935 6.66669H10.0077M18.3327 10C18.3327 14.6024 14.6017 18.3334 9.99935 18.3334C5.39698 18.3334 1.66602 14.6024 1.66602 10C1.66602 5.39765 5.39698 1.66669 9.99935 1.66669C14.6017 1.66669 18.3327 5.39765 18.3327 10Z\" stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n                </g>\r\n                <defs>\r\n                <clipPath id=\"clip0_12254_112653\">\r\n                <rect width=\"20\" height=\"20\" fill=\"white\"/>\r\n                </clipPath>\r\n                </defs>\r\n                </svg>\r\n                </span></div>\r\n            <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n                <div class=\"flex-grow-1 me-2\"> \r\n                    <div class=\"d-flex justify-content-between\">\r\n                        <span class=\"alert-title mt-1\">\r\n                            Notification\r\n                            </span>\r\n                            <span class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n                                <span><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n                                        fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                        <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n                                            stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                            stroke-linejoin=\"round\" />\r\n                                    </svg>\r\n                                </span>\r\n                            </span>\r\n                    </div>\r\n                    <span class=\"alt-desc d-block mt-2\">\r\n                        This product is under active development and is available in a Private Beta, please contact Courier support for access.   \r\n                    </span>\r\n                </div>\r\n                <span class=\"mt-5\">\r\n                    <button class=\"btn btn-md btn-primary\">Pay Now</button>\r\n                    <span class=\"text-primary mx-12 remindlatertext\">Remind Me\r\n                        Later</span></span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n", styles: [".border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;text-align:left}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.alerticon{margin-bottom:35%!important}.alertbg{background:var(--Primary-500, #33B5FF);width:7px!important;height:192px;gap:0px;opacity:0px;border-top-left-radius:15px;border-bottom-left-radius:15px}\n"] }]
-        }], propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class']
-            }], dataKtMenu: [{
-                type: HostBinding,
-                args: ['attr.data-kt-menu']
-            }] } });
-
 const routes$1 = [
     {
         path: '',
@@ -5037,8 +5051,7 @@ class LayoutModule {
             DatepickerComponent,
             DateSingleSelectComponent,
             SingleStoreComponent,
-            NotificationsInnerComponent,
-            NotificationAlertComponent], imports: [CommonModule, i1.RouterModule, TranslationModule,
+            NotificationsInnerComponent], imports: [CommonModule, i1.RouterModule, TranslationModule,
             InlineSVGModule,
             NgbDropdownModule,
             NgbProgressbarModule,
@@ -5100,7 +5113,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         DateSingleSelectComponent,
                         SingleStoreComponent,
                         NotificationsInnerComponent,
-                        NotificationAlertComponent
                     ],
                     imports: [
                         CommonModule,