tango-app-ui-shared 3.0.9 → 3.0.11-dev

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

@@ -8,11 +8,11 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { filter } from 'rxjs/operators';
 import * as i3 from '@angular/platform-browser';
-import * as dayjs from 'dayjs';
+import { BehaviorSubject, throwError, map, catchError } from 'rxjs';
+import dayjs from 'dayjs';
 import 'dayjs/locale/en';
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
-import { BehaviorSubject, throwError, map, catchError } from 'rxjs';
 import * as i3$1 from '@angular/common/http';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -1539,6 +1539,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
             args: [{ selector: 'lib-scripts-init', template: "" }]
         }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i1.PageInfoService }, { type: i1$1.Router }, { type: i3.Title }] });
 
+class GlobalStateService {
+    userData = new BehaviorSubject(null);
+    environment = new BehaviorSubject(null);
+    dataRangeValue = new BehaviorSubject(null);
+    selectedClient = new BehaviorSubject(null);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class PageTitleComponent {
     pageInfo;
     cd;
@@ -1584,21 +1599,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 type: Input
             }] } });
 
-class GlobalStateService {
-    userData = new BehaviorSubject(null);
-    environment = new BehaviorSubject(null);
-    dataRangeValue = new BehaviorSubject(null);
-    selectedClient = new BehaviorSubject(null);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 class AuthService {
     router;
     gs;
@@ -1650,6 +1650,7 @@ class ClassicComponent {
     globalService;
     service;
     cd;
+    dayjs = dayjs;
     unsubscribe = [];
     dataObject = [{ Description: "Clients", Issues: [] }];
     isCustomDate;
@@ -1718,8 +1719,8 @@ class ClassicComponent {
                     this.toggleCheckbox("Select All", 0);
                     this.dummyArray = JSON.parse(JSON.stringify(this.dataObject));
                     this.responseArray = JSON.parse(JSON.stringify(this.dataObject));
-                    this.selectedDateRange.startDate = dayjs().format("MM-DD-YYYY");
-                    this.selectedDateRange.endDate = dayjs().format("MM-DD-YYYY");
+                    this.selectedDateRange.startDate = this.dayjs().format("MM-DD-YYYY");
+                    this.selectedDateRange.endDate = this.dayjs().format("MM-DD-YYYY");
                     const currentIssues = this.dummyArray[0].Issues.map((item) => item.clientId);
                     this.selectedFilters.clients = currentIssues;
                     this.selectedFilters.date = this.selectedDateRange;
@@ -1873,35 +1874,35 @@ class ClassicComponent {
         this.cd.detectChanges();
     }
     ranges = {
-        Today: [dayjs(), dayjs()],
-        Yesterday: [dayjs().subtract(1, "days"), dayjs().subtract(1, "days")],
-        "This Week": [dayjs().subtract(6, "days"), dayjs()],
+        "Today": [this.dayjs(), this.dayjs()],
+        "Yesterday": [this.dayjs().subtract(1, "days"), this.dayjs().subtract(1, "days")],
+        "This Week": [this.dayjs().subtract(6, "days"), dayjs()],
         "Last Week": [
-            dayjs().subtract(14, "days").startOf("days"),
-            dayjs().subtract(8, "days").endOf("days"),
+            this.dayjs().subtract(14, "days").startOf("days"),
+            this.dayjs().subtract(8, "days").endOf("days"),
         ],
-        "This Month": [dayjs().startOf("month"), dayjs().endOf("month")],
+        "This Month": [this.dayjs().startOf("month"), this.dayjs().endOf("month")],
         "Last Month": [
-            dayjs().subtract(1, "month").startOf("month"),
-            dayjs().subtract(1, "month").endOf("month"),
+            this.dayjs().subtract(1, "month").startOf("month"),
+            this.dayjs().subtract(1, "month").endOf("month"),
         ],
     };
     onStartDateChange(event) {
-        if (dayjs(event.startDate).isValid()) {
+        if (this.dayjs(event.startDate).isValid()) {
             this.isCustomDate = (m) => {
-                const isValidDate = m > dayjs() || m > dayjs(event.startDate.add(90, "days"));
+                const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90, "days"));
                 return isValidDate ? "invalid-date" : false;
             };
         }
     }
     datechange(event) {
         if (event && event.startDate && event.endDate) {
-            if (dayjs(event.startDate).isValid() && dayjs(event.endDate).isValid()) {
+            if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
                 // Dates are valid, proceed with formatting
-                this.selectedDateRange.startDate = dayjs(event.startDate)
+                this.selectedDateRange.startDate = this.dayjs(event.startDate)
                     .utc()
                     .format("DD-MM-YYYY");
-                this.selectedDateRange.endDate = dayjs(event.endDate)
+                this.selectedDateRange.endDate = this.dayjs(event.endDate)
                     .utc()
                     .format("DD-MM-YYYY");
                 console.log(this.selectedDateRange);
@@ -2129,6 +2130,7 @@ class DatepickerComponent {
     gs;
     service;
     cd;
+    dayjs = dayjs;
     unsubscribe = [];
     isCustomDate;
     selectedDateRange = {};
@@ -2160,25 +2162,25 @@ class DatepickerComponent {
             // } 
         }
         else {
-            this.selectedDateRange.startDate = dayjs().format("MM-DD-YYYY");
-            this.selectedDateRange.endDate = dayjs().format("MM-DD-YYYY");
+            this.selectedDateRange.startDate = this.dayjs().format("MM-DD-YYYY");
+            this.selectedDateRange.endDate = this.dayjs().format("MM-DD-YYYY");
         }
     }
     ranges = {
-        'Today': [dayjs(), dayjs()],
-        'Yesterday': [dayjs().subtract(1, 'days'), dayjs().subtract(1, 'days')],
-        'This Week': [dayjs().subtract(6, 'days'), dayjs()],
-        'Last Week': [dayjs().subtract(14, 'days').startOf('days'), dayjs().subtract(8, 'days').endOf('days')],
-        'This Month': [dayjs().startOf('month'), dayjs().endOf('month')],
+        'Today': [this.dayjs(), this.dayjs()],
+        'Yesterday': [this.dayjs().subtract(1, 'days'), this.dayjs().subtract(1, 'days')],
+        'This Week': [this.dayjs().subtract(6, 'days'), this.dayjs()],
+        'Last Week': [this.dayjs().subtract(14, 'days').startOf('days'), this.dayjs().subtract(8, 'days').endOf('days')],
+        'This Month': [this.dayjs().startOf('month'), this.dayjs().endOf('month')],
         'Last Month': [
-            dayjs().subtract(1, 'month').startOf('month'),
-            dayjs().subtract(1, 'month').endOf('month')
+            this.dayjs().subtract(1, 'month').startOf('month'),
+            this.dayjs().subtract(1, 'month').endOf('month')
         ]
     };
     onStartDateChange(event) {
-        if (dayjs(event.startDate).isValid()) {
+        if (this.dayjs(event.startDate).isValid()) {
             this.isCustomDate = (m) => {
-                const isValidDate = m > dayjs() || m > dayjs(event.startDate.add(90, 'days'));
+                const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90, 'days'));
                 return isValidDate ? 'invalid-date' : false;
             };
         }
@@ -2186,10 +2188,10 @@ class DatepickerComponent {
     datechange(event) {
         // debugger
         if (event && event.startDate && event.endDate) {
-            if (dayjs(event.startDate).isValid() && dayjs(event.endDate).isValid()) {
+            if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
                 // Dates are valid, proceed with formatting
-                this.selectedDateRange.startDate = dayjs(event.startDate).utc().format('DD-MM-YYYY');
-                this.selectedDateRange.endDate = dayjs(event.endDate).utc().format('DD-MM-YYYY');
+                this.selectedDateRange.startDate = this.dayjs(event.startDate).utc().format('DD-MM-YYYY');
+                this.selectedDateRange.endDate = this.dayjs(event.endDate).utc().format('DD-MM-YYYY');
             }
             else {
                 // Dates are not valid, handle the scenario accordingly
@@ -2197,8 +2199,8 @@ class DatepickerComponent {
                 // If you want to fallback to stored filters when the dates are invalid, you can keep the existing logic
                 const storedFilters = JSON.parse(localStorage.getItem('header-filters') || '{}');
                 if (storedFilters.startDate && storedFilters.endDate) {
-                    this.selectedDateRange.startDate = dayjs(storedFilters.startDate).format('DD-MM-YYYY');
-                    this.selectedDateRange.endDate = dayjs(storedFilters.endDate).format('DD-MM-YYYY');
+                    this.selectedDateRange.startDate = this.dayjs(storedFilters.startDate).format('DD-MM-YYYY');
+                    this.selectedDateRange.endDate = this.dayjs(storedFilters.endDate).format('DD-MM-YYYY');
                 }
             }
         }
@@ -2226,6 +2228,7 @@ class DateSingleSelectComponent {
     auth;
     gs;
     cd;
+    dayjs = dayjs;
     isCustomDate;
     selectedDateRange = {};
     clientList = [];
@@ -2286,8 +2289,8 @@ class DateSingleSelectComponent {
             this.selectedDateRange.endDate = headerFilters.date.endDate;
         }
         else {
-            this.selectedDateRange.startDate = dayjs().format('MM-DD-YYYY');
-            this.selectedDateRange.endDate = dayjs().format('MM-DD-YYYY');
+            this.selectedDateRange.startDate = this.dayjs().format('MM-DD-YYYY');
+            this.selectedDateRange.endDate = this.dayjs().format('MM-DD-YYYY');
         }
     }
     onClientSelect(event) {
@@ -2296,30 +2299,30 @@ class DateSingleSelectComponent {
         this.cd.detectChanges();
     }
     ranges = {
-        'Today': [dayjs(), dayjs()],
-        'Yesterday': [dayjs().subtract(1, 'days'), dayjs().subtract(1, 'days')],
-        'This Week': [dayjs().subtract(6, 'days'), dayjs()],
-        'Last Week': [dayjs().subtract(14, 'days').startOf('days'), dayjs().subtract(8, 'days').endOf('days')],
-        'This Month': [dayjs().startOf('month'), dayjs().endOf('month')],
+        'Today': [this.dayjs(), this.dayjs()],
+        'Yesterday': [this.dayjs().subtract(1, 'days'), this.dayjs().subtract(1, 'days')],
+        'This Week': [this.dayjs().subtract(6, 'days'), this.dayjs()],
+        'Last Week': [this.dayjs().subtract(14, 'days').startOf('days'), this.dayjs().subtract(8, 'days').endOf('days')],
+        'This Month': [this.dayjs().startOf('month'), this.dayjs().endOf('month')],
         'Last Month': [
-            dayjs().subtract(1, 'month').startOf('month'),
-            dayjs().subtract(1, 'month').endOf('month')
+            this.dayjs().subtract(1, 'month').startOf('month'),
+            this.dayjs().subtract(1, 'month').endOf('month')
         ]
     };
     onStartDateChange(event) {
-        if (dayjs(event.startDate).isValid()) {
+        if (this.dayjs(event.startDate).isValid()) {
             this.isCustomDate = (m) => {
-                const isValidDate = m > dayjs() || m > dayjs(event.startDate.add(90, 'days'));
+                const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90, 'days'));
                 return isValidDate ? 'invalid-date' : false;
             };
         }
     }
     datechange(event) {
         if (event && event.startDate && event.endDate) {
-            if (dayjs(event.startDate).isValid() && dayjs(event.endDate).isValid()) {
+            if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
                 // Dates are valid, proceed with formatting
-                this.selectedDateRange.startDate = dayjs(event.startDate).utc().format('DD-MM-YYYY');
-                this.selectedDateRange.endDate = dayjs(event.endDate).utc().format('DD-MM-YYYY');
+                this.selectedDateRange.startDate = this.dayjs(event.startDate).utc().format('DD-MM-YYYY');
+                this.selectedDateRange.endDate = this.dayjs(event.endDate).utc().format('DD-MM-YYYY');
             }
             else {
                 // Dates are not valid, handle the scenario accordingly
@@ -2362,6 +2365,7 @@ class SingleStoreComponent {
     auth;
     gs;
     cd;
+    dayjs = dayjs;
     isCustomDate;
     selectedDateRange = {};
     storeList = [];
@@ -2424,8 +2428,8 @@ class SingleStoreComponent {
             this.cd.detectChanges();
         }
         else {
-            this.selectedDateRange.startDate = dayjs().format('MM-DD-YYYY');
-            this.selectedDateRange.endDate = dayjs().format('MM-DD-YYYY');
+            this.selectedDateRange.startDate = this.dayjs().format('MM-DD-YYYY');
+            this.selectedDateRange.endDate = this.dayjs().format('MM-DD-YYYY');
         }
     }
     onClientSelect(event) {
@@ -2433,30 +2437,30 @@ class SingleStoreComponent {
         this.gs.selectedClient.next(this.selectedClient);
     }
     ranges = {
-        'Today': [dayjs(), dayjs()],
-        'Yesterday': [dayjs().subtract(1, 'days'), dayjs().subtract(1, 'days')],
-        'This Week': [dayjs().subtract(6, 'days'), dayjs()],
-        'Last Week': [dayjs().subtract(14, 'days').startOf('days'), dayjs().subtract(8, 'days').endOf('days')],
-        'This Month': [dayjs().startOf('month'), dayjs().endOf('month')],
+        'Today': [this.dayjs(), this.dayjs()],
+        'Yesterday': [this.dayjs().subtract(1, 'days'), this.dayjs().subtract(1, 'days')],
+        'This Week': [this.dayjs().subtract(6, 'days'), this.dayjs()],
+        'Last Week': [this.dayjs().subtract(14, 'days').startOf('days'), this.dayjs().subtract(8, 'days').endOf('days')],
+        'This Month': [this.dayjs().startOf('month'), this.dayjs().endOf('month')],
         'Last Month': [
-            dayjs().subtract(1, 'month').startOf('month'),
-            dayjs().subtract(1, 'month').endOf('month')
+            this.dayjs().subtract(1, 'month').startOf('month'),
+            this.dayjs().subtract(1, 'month').endOf('month')
         ]
     };
     onStartDateChange(event) {
-        if (dayjs(event.startDate).isValid()) {
+        if (this.dayjs(event.startDate).isValid()) {
             this.isCustomDate = (m) => {
-                const isValidDate = m > dayjs() || m > dayjs(event.startDate.add(90, 'days'));
+                const isValidDate = m > this.dayjs() || m > this.dayjs(event.startDate.add(90, 'days'));
                 return isValidDate ? 'invalid-date' : false;
             };
         }
     }
     datechange(event) {
         if (event && event.startDate && event.endDate) {
-            if (dayjs(event.startDate).isValid() && dayjs(event.endDate).isValid()) {
+            if (this.dayjs(event.startDate).isValid() && this.dayjs(event.endDate).isValid()) {
                 // Dates are valid, proceed with formatting
-                this.selectedDateRange.startDate = dayjs(event.startDate).utc().format('DD-MM-YYYY');
-                this.selectedDateRange.endDate = dayjs(event.endDate).utc().format('DD-MM-YYYY');
+                this.selectedDateRange.startDate = this.dayjs(event.startDate).utc().format('DD-MM-YYYY');
+                this.selectedDateRange.endDate = this.dayjs(event.endDate).utc().format('DD-MM-YYYY');
             }
             else {
                 // Dates are not valid, handle the scenario accordingly
@@ -2499,6 +2503,7 @@ class ToolbarComponent {
     layout;
     router;
     route;
+    gs;
     unsubscribe = [];
     // Public props
     currentLayoutType;
@@ -2521,12 +2526,18 @@ class ToolbarComponent {
     datepicker;
     singleSelectdatepicker;
     singleStore;
-    constructor(layout, router, route) {
+    headervalue;
+    storeId;
+    constructor(layout, router, route, gs) {
         this.layout = layout;
         this.router = router;
         this.route = route;
+        this.gs = gs;
     }
     ngOnInit() {
+        this.gs.dataRangeValue.subscribe((res) => {
+            this.storeId = res.store;
+        });
         this.route.queryParams.subscribe((queryParams) => {
             this.querParams = queryParams;
         });
@@ -2602,7 +2613,7 @@ class ToolbarComponent {
             this.singleStore = false;
             this.singleSelectdatepicker = true;
         }
-        else if (this.router.url == "/manage/stores/LKST123/infra-ticket") {
+        else if (this.router.url == `/manage/stores/${this.storeId}/infra-ticket` || this.router.url == `/manage/stores/${this.storeId}/settings`) {
             this.singleSelect = false;
             this.multiSelect = false;
             this.datepicker = false;
@@ -2620,13 +2631,13 @@ class ToolbarComponent {
         return (this.appPageTitleDisplay &&
             viewsWithPageTitles.some((t) => t === this.appToolbarLayout));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LayoutService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LayoutService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", type: ToolbarComponent, selector: "lib-toolbar", inputs: { currentLayoutType: "currentLayoutType", appToolbarLayout: "appToolbarLayout" }, ngImport: i0, template: "<!--begin::Toolbar container-->\r\n<div id=\"kt_app_toolbar_container\" class=\"app-container\" [ngClass]=\"appToolbarContainerCSSClass\">\r\n  <ng-container *ngIf=\"showPageTitle()\">\r\n    <lib-page-title [appPageTitleDirection]=\"appPageTitleDirection\" [appPageTitleBreadcrumb]=\"appPageTitleBreadcrumb\"\r\n      [appPageTitleDescription]=\"appPageTitleDescription\" class=\"page-title d-flex flex-wrap me-3\"\r\n      [ngClass]=\"{'flex-column justify-content-center': appPageTitleDirection === 'column', 'align-items-center': appPageTitleDirection !== 'column', appPageTitleCSSClass}\">\r\n    </lib-page-title>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"multiSelect\">\r\n    <lib-classic class=\"d-flex align-items-center gap-2 gap-lg-3\"></lib-classic>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"singleSelect\">\r\n    <lib-client-settings class=\"d-flex align-items-center me-5\"></lib-client-settings>\r\n   </ng-container>\r\n\r\n   <ng-container *ngIf=\"datepicker\">\r\n    <lib-datepicker class=\"d-flex align-items-center me-5\"></lib-datepicker>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleSelectdatepicker\">\r\n    <lib-date-single-select class=\"d-flex align-items-center me-5\"></lib-date-single-select>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleStore\">\r\n    <lib-single-store class=\"d-flex align-items-center me-5\"></lib-single-store>\r\n   </ng-container>\r\n <!-- <ng-container *ngIf=\"appToolbarLayout === 'extended'\">\r\n    <lib-extended class=\"d-flex align-items-center flex-shrink-0 me-5\"></lib-extended>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'reports'\">\r\n    <lib-reports class=\"d-flex align-items-center overflow-auto\" [appPageTitleDisplay]=\"appPageTitleDisplay\">\r\n    </lib-reports>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'saas'\">\r\n    <lib-saas class=\"d-flex align-items-center gap-2\" [appPageTitleDisplay]=\"appPageTitleDisplay\"></lib-saas>\r\n  </ng-container> -->\r\n</div>\r\n<!--end::Toolbar container-->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PageTitleComponent, selector: "lib-page-title", inputs: ["appPageTitleDirection", "appPageTitleBreadcrumb", "appPageTitleDescription"] }, { kind: "component", type: ClassicComponent, selector: "lib-classic" }, { kind: "component", type: ClientSettingsComponent, selector: "lib-client-settings" }, { kind: "component", type: DatepickerComponent, selector: "lib-datepicker" }, { kind: "component", type: DateSingleSelectComponent, selector: "lib-date-single-select" }, { kind: "component", type: SingleStoreComponent, selector: "lib-single-store" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: "lib-toolbar", template: "<!--begin::Toolbar container-->\r\n<div id=\"kt_app_toolbar_container\" class=\"app-container\" [ngClass]=\"appToolbarContainerCSSClass\">\r\n  <ng-container *ngIf=\"showPageTitle()\">\r\n    <lib-page-title [appPageTitleDirection]=\"appPageTitleDirection\" [appPageTitleBreadcrumb]=\"appPageTitleBreadcrumb\"\r\n      [appPageTitleDescription]=\"appPageTitleDescription\" class=\"page-title d-flex flex-wrap me-3\"\r\n      [ngClass]=\"{'flex-column justify-content-center': appPageTitleDirection === 'column', 'align-items-center': appPageTitleDirection !== 'column', appPageTitleCSSClass}\">\r\n    </lib-page-title>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"multiSelect\">\r\n    <lib-classic class=\"d-flex align-items-center gap-2 gap-lg-3\"></lib-classic>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"singleSelect\">\r\n    <lib-client-settings class=\"d-flex align-items-center me-5\"></lib-client-settings>\r\n   </ng-container>\r\n\r\n   <ng-container *ngIf=\"datepicker\">\r\n    <lib-datepicker class=\"d-flex align-items-center me-5\"></lib-datepicker>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleSelectdatepicker\">\r\n    <lib-date-single-select class=\"d-flex align-items-center me-5\"></lib-date-single-select>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleStore\">\r\n    <lib-single-store class=\"d-flex align-items-center me-5\"></lib-single-store>\r\n   </ng-container>\r\n <!-- <ng-container *ngIf=\"appToolbarLayout === 'extended'\">\r\n    <lib-extended class=\"d-flex align-items-center flex-shrink-0 me-5\"></lib-extended>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'reports'\">\r\n    <lib-reports class=\"d-flex align-items-center overflow-auto\" [appPageTitleDisplay]=\"appPageTitleDisplay\">\r\n    </lib-reports>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'saas'\">\r\n    <lib-saas class=\"d-flex align-items-center gap-2\" [appPageTitleDisplay]=\"appPageTitleDisplay\"></lib-saas>\r\n  </ng-container> -->\r\n</div>\r\n<!--end::Toolbar container-->\r\n" }]
-        }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }], propDecorators: { currentLayoutType: [{
+        }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: GlobalStateService }], propDecorators: { currentLayoutType: [{
                 type: Input
             }], appToolbarLayout: [{
                 type: Input