gamma-app-controller 1.2.0 → 1.2.1

package/fesm2015/gamma-app-controller.mjs

@@ -3227,13 +3227,6 @@ class DatasetQueryBulderComponent {
         });
         this.toastr.success('Columns Saved Successfully');
     }
-    saveDataToStore() {
-        const buildDate = localStorage.getItem('querybuilder');
-        if (buildDate) {
-            localStorage.removeItem(buildDate);
-        }
-        localStorage.setItem('querybuilder', JSON.stringify(this.queryBulderDataset));
-    }
     transformColumnsForMesurs(inputColumns) {
         const measure = [];
         inputColumns.forEach(col => {
@@ -7043,6 +7036,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['chartDataSource']
             }] } });
 
+const TOKEN_KEY = 'x-auth-token';
+class AppLocalStorage {
+    constructor(environment) {
+        this.environment = environment;
+    }
+    save(type, token) {
+        window.localStorage[this.getAppVariableName(type)] = token;
+    }
+    get(type) {
+        return window.localStorage[this.getAppVariableName(type)];
+    }
+    delete(type) {
+        return window.localStorage.removeItem[this.getAppVariableName(type)];
+    }
+    destroy() {
+        window.localStorage.removeItem(TOKEN_KEY);
+    }
+    getAppVariableName(attributeName) {
+        return this.environment.appName + '__' + attributeName;
+    }
+}
+AppLocalStorage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppLocalStorage, deps: [{ token: APP_ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+AppLocalStorage.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppLocalStorage, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppLocalStorage, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [APP_ENVIRONMENT]
+                    }] }];
+    } });
+
 class kpicommonService$1 {
     constructor(commonService) {
         this.commonService = commonService;
@@ -7975,10 +8003,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }] } });
 
 class AppAdvanceHeaderComponent {
-    constructor(activatedRoute, route, commonService) {
+    constructor(activatedRoute, route, commonService, storage) {
         this.activatedRoute = activatedRoute;
         this.route = route;
         this.commonService = commonService;
+        this.storage = storage;
         this.toggleEvent = new EventEmitter();
         this.autoload_button = true;
         this.toolTipText = 'By Date Range';
@@ -8100,7 +8129,7 @@ class AppAdvanceHeaderComponent {
         }
     }
     ngOnInit() {
-        const userData = localStorage.getItem('user_name');
+        const userData = this.storage.get('user_name');
         if (userData == 'admin') {
             this.isEditButton = true;
         }
@@ -8205,13 +8234,13 @@ class AppAdvanceHeaderComponent {
                 queryParamsHandling: "merge"
             };
             this.route.navigate([], navigation);
-            const opName = localStorage.getItem('operator_key');
+            const opName = this.storage.get('operator_key');
             if (opName) {
-                localStorage.removeItem('operator_key');
-                localStorage.setItem('operator_key', event.value);
+                this.storage.delete('operator_key');
+                this.storage.save('operator_key', event.value);
             }
             else {
-                localStorage.setItem('operator_key', event.value);
+                this.storage.save('operator_key', event.value);
             }
             this.getOperatorName.emit(event.value);
         }
@@ -8234,12 +8263,12 @@ class AppAdvanceHeaderComponent {
         return operationFilter;
     }
 }
-AppAdvanceHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAdvanceHeaderComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2.Router }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
+AppAdvanceHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAdvanceHeaderComponent, deps: [{ token: i2.ActivatedRoute }, { token: i2.Router }, { token: CommonService }, { token: AppLocalStorage }], target: i0.ɵɵFactoryTarget.Component });
 AppAdvanceHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: AppAdvanceHeaderComponent, selector: "app-advance-header", inputs: { pageTitle: "pageTitle", bread_crumbs_container: "bread_crumbs_container", isEditButton: "isEditButton", isAdvanceButton: "isAdvanceButton", selectedDates: "selectedDates", filterItems: "filterItems", contextFilterItems: "contextFilterItems" }, outputs: { toggleEvent: "toggleEvent", selectedDateRangeOrServtype: "selectedDateRangeOrServtype", getFilterPageConfig: "getFilterPageConfig", getOperatorName: "getOperatorName", getContextFilterData: "getContextFilterData" }, ngImport: i0, template: "<div class=\"flex flex-col mb-2\">\n    <div class=\"flex justify-between border-b dark:bg-transparent\">\n        <div class=\"flex flex-col ml-1\">\n            <div class=\"flex items-center float-start\">\n                <div class=\"flex items-center overflow-hidden\">\n                    <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n                </div>\n                <h2\n                    class=\"text-2xl md:text-2xl py-3 font-extrabold items-center ml-2 tracking-tight leading-5 truncate capitalize\">\n                    {{ pageTitle }}\n                </h2>\n            </div>\n            <div class=\"\">\n                <!-- INCOMING -->\n                <gamma-bread-crumbs [kpi_data_container]=\"bread_crumbs_container\"></gamma-bread-crumbs>\n            </div>\n        </div>\n        <div class=\"flex justify-between items-center border-l-2 p-0 m-0\">\n\n            <div class=\"mx-2\" *ngIf=\"isEditButton\">\n                <div (click)=\"editKpi()\"\n                    class=\"bg-blue-700 cursor-pointer dark:bg-blue-600 dark:focus:ring-blue-800 dark:hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium hover:bg-blue-800 mr-2 px-2.5 py-2 rounded text-sm text-white ng-star-inserted\">\n                    Edit\n                </div>\n            </div>\n            <ng-container *ngIf=\"contextFilterItemsForFilter && contextFilterItemsForFilter.length !== 0 \">\n                <div class=\"w-1 h-full border-l-2\"></div>\n                <div class=\"mx-2\" >\n                    <dx-select-box [items]=\"contextFilterItemsForFilter\" (onValueChanged)=\"getContextMenuChange($event)\" displayExpr=\"label\" valueExpr=\"defaultFilterValue\"\n                    [(ngModel)]=\"defaultFilterValue\"></dx-select-box>\n                </div>\n            </ng-container>\n         \n            <div class=\"w-1 h-full border-l-2\" *ngIf=\"isEditButton\"></div>\n\n            <div class=\"mx-2\">\n                <div class=\"cursor-pointer\" (click)=\"advanceFilterKpi()\"> {{selectedDetesforView}}</div>\n            </div>\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <div class=\"mx-2\" *ngIf=\"isAdvanceButton\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\" (click)=\"advanceFilterKpi()\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon title=\"Filters\" [svgIcon]=\"'heroicons_outline:adjustments'\">\n                            </mat-icon>\n                        </span>\n                    </span>\n                </button>\n            </div>\n\n\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <!-- <div class=\"mx-2\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon (click)=\"callPageDocumentation()\" title=\"Add Filters\" [svgIcon]=\"\n                                    'heroicons_outline:question-mark-circle'\n                                \">\n                            </mat-icon>\n                        </span>\n                    </span>\n                    <span class=\"mat-button-focus-overlay\"></span>\n                </button>\n            </div> -->\n\n        </div>\n    </div>\n</div>\n\n<dx-popup [(visible)]=\"isAdvanceFilter\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"600\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <app-gamma-advance-filter [kpiId]=\"'231212'\" [filterOperatorData]=\"filterItemsForFilter\"\n            [isButtonDesiable]=\"isAdvanceFilter\" [filterStartDate]=\"filterStartDate\" [filterEndDate]=\"filterEndDate\"\n            (filterDataObject)=\"getSerchFilter($event)\"></app-gamma-advance-filter>\n    </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i9$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: GammaAdvanceFilterComponent, selector: "app-gamma-advance-filter", inputs: ["kpiId", "filterStartDate", "filterEndDate", "browser_api_config", "isButtonDesiable", "filterOperatorData"], outputs: ["filterDataObject"] }, { kind: "component", type: BreadCrumbsComponent, selector: "gamma-bread-crumbs", inputs: ["kpi_data_container"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAdvanceHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-advance-header', template: "<div class=\"flex flex-col mb-2\">\n    <div class=\"flex justify-between border-b dark:bg-transparent\">\n        <div class=\"flex flex-col ml-1\">\n            <div class=\"flex items-center float-start\">\n                <div class=\"flex items-center overflow-hidden\">\n                    <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n                </div>\n                <h2\n                    class=\"text-2xl md:text-2xl py-3 font-extrabold items-center ml-2 tracking-tight leading-5 truncate capitalize\">\n                    {{ pageTitle }}\n                </h2>\n            </div>\n            <div class=\"\">\n                <!-- INCOMING -->\n                <gamma-bread-crumbs [kpi_data_container]=\"bread_crumbs_container\"></gamma-bread-crumbs>\n            </div>\n        </div>\n        <div class=\"flex justify-between items-center border-l-2 p-0 m-0\">\n\n            <div class=\"mx-2\" *ngIf=\"isEditButton\">\n                <div (click)=\"editKpi()\"\n                    class=\"bg-blue-700 cursor-pointer dark:bg-blue-600 dark:focus:ring-blue-800 dark:hover:bg-blue-700 focus:outline-none focus:ring-4 focus:ring-blue-300 font-medium hover:bg-blue-800 mr-2 px-2.5 py-2 rounded text-sm text-white ng-star-inserted\">\n                    Edit\n                </div>\n            </div>\n            <ng-container *ngIf=\"contextFilterItemsForFilter && contextFilterItemsForFilter.length !== 0 \">\n                <div class=\"w-1 h-full border-l-2\"></div>\n                <div class=\"mx-2\" >\n                    <dx-select-box [items]=\"contextFilterItemsForFilter\" (onValueChanged)=\"getContextMenuChange($event)\" displayExpr=\"label\" valueExpr=\"defaultFilterValue\"\n                    [(ngModel)]=\"defaultFilterValue\"></dx-select-box>\n                </div>\n            </ng-container>\n         \n            <div class=\"w-1 h-full border-l-2\" *ngIf=\"isEditButton\"></div>\n\n            <div class=\"mx-2\">\n                <div class=\"cursor-pointer\" (click)=\"advanceFilterKpi()\"> {{selectedDetesforView}}</div>\n            </div>\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <div class=\"mx-2\" *ngIf=\"isAdvanceButton\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\" (click)=\"advanceFilterKpi()\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon title=\"Filters\" [svgIcon]=\"'heroicons_outline:adjustments'\">\n                            </mat-icon>\n                        </span>\n                    </span>\n                </button>\n            </div>\n\n\n            <div class=\"w-1 h-full border-l-2\"></div>\n            <!-- <div class=\"mx-2\">\n                <button class=\"mat-focus-indicator mat-menu-trigger mat-icon-button mat-button-base\"\n                    aria-haspopup=\"menu\">\n                    <span class=\"mat-button-wrapper\">\n                        <span class=\"relative\">\n                            <mat-icon (click)=\"callPageDocumentation()\" title=\"Add Filters\" [svgIcon]=\"\n                                    'heroicons_outline:question-mark-circle'\n                                \">\n                            </mat-icon>\n                        </span>\n                    </span>\n                    <span class=\"mat-button-focus-overlay\"></span>\n                </button>\n            </div> -->\n\n        </div>\n    </div>\n</div>\n\n<dx-popup [(visible)]=\"isAdvanceFilter\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"600\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <app-gamma-advance-filter [kpiId]=\"'231212'\" [filterOperatorData]=\"filterItemsForFilter\"\n            [isButtonDesiable]=\"isAdvanceFilter\" [filterStartDate]=\"filterStartDate\" [filterEndDate]=\"filterEndDate\"\n            (filterDataObject)=\"getSerchFilter($event)\"></app-gamma-advance-filter>\n    </div>\n</dx-popup>" }]
-        }], ctorParameters: function () { return [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: CommonService }]; }, propDecorators: { pageTitle: [{
+        }], ctorParameters: function () { return [{ type: i2.ActivatedRoute }, { type: i2.Router }, { type: CommonService }, { type: AppLocalStorage }]; }, propDecorators: { pageTitle: [{
                 type: Input
             }], bread_crumbs_container: [{
                 type: Input
@@ -8534,7 +8563,6 @@ class GammaAdvanceOperatorTableComponent {
             return;
         }
         else {
-            debugger;
             this.isLoader = true;
             this.page_config = value;
             this.page_parms = value.titleParams;
@@ -11491,11 +11519,9 @@ class CreateDatasetComponent {
         else {
             if (this.creatDatasetObject['datasetId']) {
                 this.updataNewDataSetCongig();
-                localStorage.removeItem('querybuilder');
             }
             else {
                 this.createNeDataSetConfig();
-                localStorage.removeItem('querybuilder');
             }
         }
     }
@@ -11509,11 +11535,9 @@ class CreateDatasetComponent {
         else {
             if (this.creatDatasetObject['datasetId']) {
                 this.updataNewDataSetCongig();
-                localStorage.removeItem('querybuilder');
             }
             else {
                 this.createNeDataSetConfig();
-                localStorage.removeItem('querybuilder');
             }
         }
     }
@@ -12297,7 +12321,6 @@ class PageConfigComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems) {
-        let userName = localStorage.getItem('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -13706,7 +13729,6 @@ class PageConfigMultilayoutComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems) {
-        let userName = localStorage.getItem('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -17762,10 +17784,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
     } });
 
 class SingleLayoutApplicationDatssetsCall {
-    constructor(service, kpiService, toastr, environment) {
+    constructor(service, kpiService, toastr, router, environment) {
         this.service = service;
         this.kpiService = kpiService;
         this.toastr = toastr;
+        this.router = router;
         this.environment = environment;
         this.uniqueDataSetObject = {};
     }
@@ -18108,13 +18131,13 @@ class SingleLayoutApplicationDatssetsCall {
         return this.uniqueDataSetObject;
     }
 }
-SingleLayoutApplicationDatssetsCall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleLayoutApplicationDatssetsCall, deps: [{ token: KpiWithMultiLayoutService }, { token: kpicommonService$2 }, { token: i3$1.ToastrService }, { token: APP_ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
+SingleLayoutApplicationDatssetsCall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleLayoutApplicationDatssetsCall, deps: [{ token: KpiWithMultiLayoutService }, { token: kpicommonService$2 }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: APP_ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
 SingleLayoutApplicationDatssetsCall.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleLayoutApplicationDatssetsCall, providedIn: "root" });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SingleLayoutApplicationDatssetsCall, decorators: [{
             type: Injectable,
             args: [{ providedIn: "root" }]
         }], ctorParameters: function () {
-        return [{ type: KpiWithMultiLayoutService }, { type: kpicommonService$2 }, { type: i3$1.ToastrService }, { type: undefined, decorators: [{
+        return [{ type: KpiWithMultiLayoutService }, { type: kpicommonService$2 }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: undefined, decorators: [{
                         type: Inject,
                         args: [APP_ENVIRONMENT]
                     }] }];
@@ -18289,7 +18312,6 @@ class DynamicWidgetComponent {
         return widgetDiv;
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems, viewIds) {
-        let userName = localStorage.getItem('user_name');
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
         const dynamicComponentInstance = this.CompRefs.instance;
@@ -18323,7 +18345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }] } });
 
 class KpiWithDataSetTestComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, chatApiService) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, chatApiService, storage) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -18333,6 +18355,7 @@ class KpiWithDataSetTestComponent {
         this.router = router;
         this.datasetService = datasetService;
         this.chatApiService = chatApiService;
+        this.storage = storage;
         this.dashbord_container = [];
         this.widget_width = ['w-full', 'w-1/2', 'w-1/3', 'w-1/4', 'w-1/5', 'w-1/6'];
         this.page_title = 'Dashboard';
@@ -18372,6 +18395,8 @@ class KpiWithDataSetTestComponent {
         this.havingDataObject = {};
         this.globalDefaultFilter = {};
         this.defaultViewIds = [];
+        this.defaultViewIdsOnPageRefresh = [];
+        this.defaultMatchedFilters = { operationFilter: { startDate: "", endDate: "" } };
     }
     ngOnInit() {
         this.service.getlistKpiBrowser().subscribe({
@@ -18417,6 +18442,7 @@ class KpiWithDataSetTestComponent {
                 next: (data) => {
                     this.pageTitle = data.pageName;
                     this.dashBoardWidgetConfig = data;
+                    this.getDrilldownDisplayByUrlParams(data.widgets);
                     if (!context) {
                         if (Object.keys(this.uniqueDataSetObject).length != 0) {
                             this.createDivElements(this.uniqueDataSetObject, false);
@@ -18435,6 +18461,7 @@ class KpiWithDataSetTestComponent {
     getComponentConfigSet() {
         let dataset = this.service.getAppDatasetConfigs();
         let viewComponent = this.service.getAppViewConfigs();
+        this.defaultViewIds = [];
         forkJoin({
             datasetConfig: dataset,
             viewConfig: viewComponent
@@ -18530,10 +18557,10 @@ class KpiWithDataSetTestComponent {
                             });
                         }
                     });
-                    console.log("default views", this.defaultViewIds);
+                    this.defaultViewIds = this.defaultViewIds.concat(this.defaultViewIdsOnPageRefresh.filter((item) => this.defaultViewIds.indexOf(item) < 0));
                     viewIds.forEach(element => {
                         let obj = {
-                            "filters": JSON.parse(JSON.stringify(defaultFilters)),
+                            "filters": (this.isDefaultFilterParams) ? JSON.parse(JSON.stringify(this.defaultMatchedFilters)) : JSON.parse(JSON.stringify(defaultFilters)),
                             "keyToPass": [],
                             "drillDownType": "natural",
                             "drilldownFrom": ""
@@ -18543,12 +18570,11 @@ class KpiWithDataSetTestComponent {
                     let obj = {
                         widgetId: widget.widgetId,
                         pageId: widget.pageId,
-                        filters: defaultFilters,
+                        filters: (this.isDefaultFilterParams) ? this.defaultMatchedFilters : defaultFilters,
                         datasetIds: datasetIds
                     };
                     this.allWidgetByDataset.push(obj);
                 });
-                console.log(this.stateDataSource);
                 this.uniqueDataSetObject = {};
                 let apiCalls = [];
                 this.allWidgetByDataset.forEach(view => {
@@ -18777,7 +18803,7 @@ class KpiWithDataSetTestComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadFilterComponent(indexObj, containerElement, filterItems, context_filter) {
-        let userName = localStorage.getItem('user_name');
+        let userName = this.storage.get('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AppAdvanceHeaderComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -18804,7 +18830,6 @@ class KpiWithDataSetTestComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems, viewIds) {
-        let userName = localStorage.getItem('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -18903,10 +18928,9 @@ class KpiWithDataSetTestComponent {
             const stateData = Array.from(this.stateDataSource.keys());
             const currentViewIndex = stateData.indexOf(event.viewId);
             const deletedViewIds = [];
+            console.log(this.defaultViewIds, "default view");
             for (let i = currentViewIndex + 1; i < stateData.length; i++) {
-                if (!this.defaultViewIds.includes(stateData[i])) {
-                    deletedViewIds.push(stateData[i]);
-                }
+                deletedViewIds.push(stateData[i]);
             }
             const hourlyNode = this.dashBoardWidgetConfig.widgets
                 .map(widget => widget.widgetNode.find(node => this.getHourlyData(node)))
@@ -19030,7 +19054,6 @@ class KpiWithDataSetTestComponent {
                 this.scrollToBottom(this.mainPageDivElement);
             }, 200);
         });
-        console.log(this.stateDataSource);
     }
     getModalViewByRowCLick(event, view) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -19073,6 +19096,7 @@ class KpiWithDataSetTestComponent {
             let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
             view.compConfig.viewConfig.forEach(contentView => {
                 let found = this.dataSetModal.find(d => d.datasetId === contentView.datasetId);
+                let queryParams = this.getFiltersForQueryParams(appliedFilters, found.config.queryConfig.mapedFilters);
                 if (found) {
                     apiCalls.push(this.datasetService.getDataFromDataSet(found, contentView.datasetId, appliedFilters));
                     chatApiCall.push(this.chatApiService.getDataForChatAi(this.pageId, contentView, appliedFilters));
@@ -19098,14 +19122,30 @@ class KpiWithDataSetTestComponent {
             setTimeout(() => {
                 this.scrollToBottom(this.mainPageDivElement);
             }, 200);
-            let navigation = {
-                queryParams: appliedFilters['operationFilter'],
-                queryParamsHandling: "merge"
-            };
-            this.router.navigate([], navigation);
-            console.log(this.stateDataSource);
         });
     }
+    getFiltersForQueryParams(operators, filters) {
+        debugger;
+        const operationFilter = operators.operationFilter || {};
+        const currentParams = this.activatedRoute.snapshot.queryParams;
+        const newParams = {};
+        const defaultViewsKeyToPass = [];
+        filters.forEach(filter => {
+            const localKey = filter.localColumn;
+            const serverKey = filter.serverColumn;
+            let value = operationFilter[localKey];
+            if (value !== undefined && value !== "") {
+                newParams[serverKey] = value;
+                defaultViewsKeyToPass.push(localKey);
+            }
+        });
+        const mergedParams = Object.assign(Object.assign({}, currentParams), newParams);
+        const navigation = {
+            queryParams: mergedParams,
+            queryParamsHandling: 'merge'
+        };
+        this.router.navigate([], navigation);
+    }
     scrollToBottom(container) {
         setTimeout(() => {
             container.scrollIntoView({ block: 'end' });
@@ -19267,7 +19307,6 @@ class KpiWithDataSetTestComponent {
     }
     loadDataByOperator(opName) {
         return __awaiter(this, void 0, void 0, function* () {
-            console.log(opName);
             let filter = { operationFilter: { startDate: "", endDate: "", operator_key: "" } };
             filter.operationFilter['startDate'] = this.defaultStartDate;
             filter.operationFilter['endDate'] = this.defaultEndDate;
@@ -19341,13 +19380,44 @@ class KpiWithDataSetTestComponent {
             return input;
         }
     }
+    getDrilldownDisplayByUrlParams(all_views) {
+        this.defaultViewIdsOnPageRefresh = [];
+        const params = this.activatedRoute.snapshot.queryParams;
+        this.defaultMatchedFilters = { operationFilter: { startDate: params['startDate'], endDate: params['endDate'] } };
+        ;
+        const matchedParams = {};
+        all_views.forEach(element => {
+            for (let entry of element.widgetNode) {
+                let shouldDisplay = false;
+                entry.compConfig.viewConfig.forEach(view => {
+                    if (view.kpiConfig.keyToPass && view.kpiConfig.keyToPass.length !== 0) {
+                        view.kpiConfig.keyToPass.forEach(key => {
+                            if (params.hasOwnProperty(key)) {
+                                matchedParams[key] = params[key];
+                                this.defaultMatchedFilters['operationFilter'][key] = params[key];
+                                shouldDisplay = true;
+                                this.isDefaultFilterParams = true;
+                                if (!this.defaultViewIdsOnPageRefresh.includes(view.viewId)) {
+                                    this.defaultViewIdsOnPageRefresh.push(view.viewId);
+                                }
+                            }
+                        });
+                    }
+                });
+                if (shouldDisplay) {
+                    entry.nodeProperties.display = true;
+                }
+            }
+        });
+        console.log(this.defaultMatchedFilters, "matched psrsmd");
+    }
 }
-KpiWithDataSetTestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KpiWithDataSetTestComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: KpiWithSingleLayoutService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: SingleLayoutApplicationDatssetsCall }, { token: ApplicationChatApiCallService }], target: i0.ɵɵFactoryTarget.Component });
+KpiWithDataSetTestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KpiWithDataSetTestComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: KpiWithSingleLayoutService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: SingleLayoutApplicationDatssetsCall }, { token: ApplicationChatApiCallService }, { token: AppLocalStorage }], target: i0.ɵɵFactoryTarget.Component });
 KpiWithDataSetTestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: KpiWithDataSetTestComponent, selector: "app-kpi-with-dataset", viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "dynamicContainer", first: true, predicate: ["dynamicContainer"], descendants: true, static: true }, { propertyName: "dynamicContainerForPopup", first: true, predicate: ["dynamicContainerForPopup"], descendants: true, static: true }], ngImport: i0, template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>\n\n<dx-popup [(visible)]=\"isWidgetFilters\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\" [height]=\"400\"\n    [showTitle]=\"true\" class=\"popup\" title=\"Dataset Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <div class=\"my-2\">\n            <dx-scroll-view [width]=\"'100%'\" [height]=\"'85%'\">\n                <ng-container *ngFor=\"let item of nodeproperticeFilterDataSource.havingConfig; let i = index\">\n                    <div class=\"flex flex-row my-2\">\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-select-box [items]=\"['get','let']\" [(ngModel)]=\"item.operator\"\n                                placeholder=\"Operator\"></dx-select-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n                    </div>\n                </ng-container>\n\n            </dx-scroll-view>\n            <div class=\"flex justify-end mx-1 flex-grow border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                    (click)=\"submitFilter()\">Submit</button>\n            </div>\n\n        </div>\n\n    </div>\n</dx-popup>\n<dx-popup [(visible)]=\"isPopupView\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"1000\" [height]=\"'auto'\"\n    [showTitle]=\"true\" class=\"popup\" title=\"Popup View\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <div class=\"w-full\">\n            <app-dynamic-widget [modalConfigs]=\"modalConfigs\"  [contextMenuDataSource]=\"contextMenuDataSource\">\n            </app-dynamic-widget>\n        </div>\n    </div>\n</dx-popup>", styles: [".custom-tooltip{display:none;position:absolute;top:100%;left:0;background:rgba(0,0,0,.8);color:#fff;padding:8px;border-radius:5px;font-size:12px;white-space:nowrap;z-index:100}\n"], dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent$1, selector: "app-loading" }, { kind: "directive", type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i9$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i10$1.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DynamicWidgetComponent, selector: "app-dynamic-widget", inputs: ["view", "datasetById", "contextMenuDataSource", "modalConfigs"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KpiWithDataSetTestComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-kpi-with-dataset', template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>\n\n<dx-popup [(visible)]=\"isWidgetFilters\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\" [height]=\"400\"\n    [showTitle]=\"true\" class=\"popup\" title=\"Dataset Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <div class=\"my-2\">\n            <dx-scroll-view [width]=\"'100%'\" [height]=\"'85%'\">\n                <ng-container *ngFor=\"let item of nodeproperticeFilterDataSource.havingConfig; let i = index\">\n                    <div class=\"flex flex-row my-2\">\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-select-box [items]=\"['get','let']\" [(ngModel)]=\"item.operator\"\n                                placeholder=\"Operator\"></dx-select-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n                    </div>\n                </ng-container>\n\n            </dx-scroll-view>\n            <div class=\"flex justify-end mx-1 flex-grow border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                    (click)=\"submitFilter()\">Submit</button>\n            </div>\n\n        </div>\n\n    </div>\n</dx-popup>\n<dx-popup [(visible)]=\"isPopupView\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"1000\" [height]=\"'auto'\"\n    [showTitle]=\"true\" class=\"popup\" title=\"Popup View\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <div class=\"w-full\">\n            <app-dynamic-widget [modalConfigs]=\"modalConfigs\"  [contextMenuDataSource]=\"contextMenuDataSource\">\n            </app-dynamic-widget>\n        </div>\n    </div>\n</dx-popup>", styles: [".custom-tooltip{display:none;position:absolute;top:100%;left:0;background:rgba(0,0,0,.8);color:#fff;padding:8px;border-radius:5px;font-size:12px;white-space:nowrap;z-index:100}\n"] }]
-        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: KpiWithSingleLayoutService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: SingleLayoutApplicationDatssetsCall }, { type: ApplicationChatApiCallService }]; }, propDecorators: { dynamicComponentContainer: [{
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: KpiWithSingleLayoutService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: SingleLayoutApplicationDatssetsCall }, { type: ApplicationChatApiCallService }, { type: AppLocalStorage }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -19638,7 +19708,6 @@ class DynamicWidgetForMultilayoutComponent {
         return widgetDiv;
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems, viewIds) {
-        let userName = localStorage.getItem('user_name');
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
         const dynamicComponentInstance = this.CompRefs.instance;
@@ -20031,7 +20100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
     } });
 
 class KpiWithMultilayoutSetTestComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -20040,6 +20109,7 @@ class KpiWithMultilayoutSetTestComponent {
         this.toastr = toastr;
         this.router = router;
         this.datasetService = datasetService;
+        this.storage = storage;
         this.dashbord_container = [];
         this.widget_width = ['w-full', 'w-1/2', 'w-1/3', 'w-1/4', 'w-1/5', 'w-1/6'];
         this.page_title = 'Dashboard';
@@ -20450,7 +20520,7 @@ class KpiWithMultilayoutSetTestComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadFilterComponent(indexObj, containerElement, filterItems, context_filter) {
-        let userName = localStorage.getItem('user_name');
+        let userName = this.storage.get('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AppAdvanceHeaderComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -20477,7 +20547,6 @@ class KpiWithMultilayoutSetTestComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems, viewIds) {
-        let userName = localStorage.getItem('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -20993,12 +21062,12 @@ class KpiWithMultilayoutSetTestComponent {
         }
     }
 }
-KpiWithMultilayoutSetTestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KpiWithMultilayoutSetTestComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: KpiWithMultiLayoutService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: MultilayoutApplicationDatssetsCall }], target: i0.ɵɵFactoryTarget.Component });
+KpiWithMultilayoutSetTestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KpiWithMultilayoutSetTestComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: KpiWithMultiLayoutService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: MultilayoutApplicationDatssetsCall }, { token: AppLocalStorage }], target: i0.ɵɵFactoryTarget.Component });
 KpiWithMultilayoutSetTestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: KpiWithMultilayoutSetTestComponent, selector: "app-kpi-with-multilayout", viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "dynamicContainer", first: true, predicate: ["dynamicContainer"], descendants: true, static: true }], ngImport: i0, template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>\n\n<dx-popup [(visible)]=\"isWidgetFilters\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\" [height]=\"400\"\n    [showTitle]=\"true\" class=\"popup\" title=\"Dataset Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <div class=\"my-2\">\n            <dx-scroll-view [width]=\"'100%'\" [height]=\"'85%'\">\n                <ng-container *ngFor=\"let item of nodeproperticeFilterDataSource.havingConfig; let i = index\">\n                    <div class=\"flex flex-row my-2\">\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-select-box [items]=\"['get','let']\" [(ngModel)]=\"item.operator\"\n                                placeholder=\"Operator\"></dx-select-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n                    </div>\n                </ng-container>\n\n            </dx-scroll-view>\n            <div class=\"flex justify-end mx-1 flex-grow border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                    (click)=\"submitFilter()\">Submit</button>\n            </div>\n\n        </div>\n\n    </div>\n</dx-popup>\n\n\n\n", styles: [""], dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent$1, selector: "app-loading" }, { kind: "directive", type: i5.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i9$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i10$1.DxScrollViewComponent, selector: "dx-scroll-view", inputs: ["bounceEnabled", "direction", "disabled", "elementAttr", "height", "pulledDownText", "pullingDownText", "reachBottomText", "refreshingText", "rtlEnabled", "scrollByContent", "scrollByThumb", "showScrollbar", "useNative", "width"], outputs: ["onDisposing", "onInitialized", "onOptionChanged", "onPullDown", "onReachBottom", "onScroll", "onUpdated", "bounceEnabledChange", "directionChange", "disabledChange", "elementAttrChange", "heightChange", "pulledDownTextChange", "pullingDownTextChange", "reachBottomTextChange", "refreshingTextChange", "rtlEnabledChange", "scrollByContentChange", "scrollByThumbChange", "showScrollbarChange", "useNativeChange", "widthChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: KpiWithMultilayoutSetTestComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-kpi-with-multilayout', template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>\n\n<dx-popup [(visible)]=\"isWidgetFilters\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\" [height]=\"400\"\n    [showTitle]=\"true\" class=\"popup\" title=\"Dataset Filter\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <div class=\"my-2\">\n            <dx-scroll-view [width]=\"'100%'\" [height]=\"'85%'\">\n                <ng-container *ngFor=\"let item of nodeproperticeFilterDataSource.havingConfig; let i = index\">\n                    <div class=\"flex flex-row my-2\">\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-select-box [items]=\"['get','let']\" [(ngModel)]=\"item.operator\"\n                                placeholder=\"Operator\"></dx-select-box>\n                        </div>\n                        <div class=\"m-1\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n                    </div>\n                </ng-container>\n\n            </dx-scroll-view>\n            <div class=\"flex justify-end mx-1 flex-grow border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                    (click)=\"submitFilter()\">Submit</button>\n            </div>\n\n        </div>\n\n    </div>\n</dx-popup>\n\n\n\n" }]
-        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: KpiWithMultiLayoutService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: MultilayoutApplicationDatssetsCall }]; }, propDecorators: { dynamicComponentContainer: [{
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: KpiWithMultiLayoutService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: MultilayoutApplicationDatssetsCall }, { type: AppLocalStorage }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -21627,7 +21696,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
     } });
 
 class LandingComponentComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -21636,6 +21705,7 @@ class LandingComponentComponent {
         this.toastr = toastr;
         this.router = router;
         this.datasetService = datasetService;
+        this.storage = storage;
         this.dashbord_container = [];
         this.widget_width = ['w-full', 'w-1/2', 'w-1/3', 'w-1/4', 'w-1/5', 'w-1/6'];
         this.page_title = 'Dashboard';
@@ -22029,7 +22099,7 @@ class LandingComponentComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadFilterComponent(indexObj, containerElement, filterItems, context_filter) {
-        let userName = localStorage.getItem('user_name');
+        let userName = this.storage.get('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AppAdvanceHeaderComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -22050,7 +22120,6 @@ class LandingComponentComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems, viewIds) {
-        let userName = localStorage.getItem('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -22470,12 +22539,12 @@ class LandingComponentComponent {
         });
     }
 }
-LandingComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LandingComponentComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: LandingComponentService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: LandingApplicationDatssetsCall }], target: i0.ɵɵFactoryTarget.Component });
+LandingComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LandingComponentComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: LandingComponentService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: LandingApplicationDatssetsCall }, { token: AppLocalStorage }], target: i0.ɵɵFactoryTarget.Component });
 LandingComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: LandingComponentComponent, selector: "app-landing-component", viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "dynamicContainer", first: true, predicate: ["dynamicContainer"], descendants: true, static: true }], ngImport: i0, template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent$1, selector: "app-loading" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: LandingComponentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-landing-component', template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: LandingComponentService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: LandingApplicationDatssetsCall }]; }, propDecorators: { dynamicComponentContainer: [{
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: LandingComponentService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: LandingApplicationDatssetsCall }, { type: AppLocalStorage }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -23100,7 +23169,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
     } });
 
 class BookmarkedTemplateComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -23109,6 +23178,7 @@ class BookmarkedTemplateComponent {
         this.toastr = toastr;
         this.router = router;
         this.datasetService = datasetService;
+        this.storage = storage;
         this.dashbord_container = [];
         this.widget_width = ['w-full', 'w-1/2', 'w-1/3', 'w-1/4', 'w-1/5', 'w-1/6'];
         this.page_title = 'Dashboard';
@@ -23487,7 +23557,7 @@ class BookmarkedTemplateComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadFilterComponent(indexObj, containerElement, filterItems) {
-        let userName = localStorage.getItem('user_name');
+        let userName = this.storage.get('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AppAdvanceHeaderComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -23507,7 +23577,6 @@ class BookmarkedTemplateComponent {
         containerElement.appendChild(this.CompRefs.location.nativeElement);
     }
     loadWidgetFilterComponent(indexObj, containerElement, filterItems, viewIds) {
-        let userName = localStorage.getItem('user_name');
         let selectedDates = { startDate: this.defaultStartDate, endDate: this.defaultEndDate };
         const componentClass = this.componentClassMap['AdvanceWidgetHeaderFilterComponent'];
         this.CompRefs = this.viewContainerRef.createComponent(componentClass);
@@ -23885,12 +23954,12 @@ class BookmarkedTemplateComponent {
         });
     }
 }
-BookmarkedTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BookmarkedTemplateComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: BookmarkedService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: BookmarkedApplicationDatssetsCall }], target: i0.ɵɵFactoryTarget.Component });
+BookmarkedTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BookmarkedTemplateComponent, deps: [{ token: CommonService }, { token: i2.ActivatedRoute }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: BookmarkedService }, { token: i3$1.ToastrService }, { token: i2.Router }, { token: BookmarkedApplicationDatssetsCall }, { token: AppLocalStorage }], target: i0.ɵɵFactoryTarget.Component });
 BookmarkedTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: BookmarkedTemplateComponent, selector: "app-bookmarked-template", viewQueries: [{ propertyName: "dynamicComponentContainer", first: true, predicate: ["dynamicComponentContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }, { propertyName: "dynamicContainer", first: true, predicate: ["dynamicContainer"], descendants: true, static: true }], ngImport: i0, template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoadingComponent$1, selector: "app-loading" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: BookmarkedTemplateComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-bookmarked-template', template: "<app-loading *ngIf=\"loadingModal\"></app-loading>\n\n<div class=\"w-full\">\n    <div class=\"flex flex-wrap \" #dynamicContainer></div>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: BookmarkedService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: BookmarkedApplicationDatssetsCall }]; }, propDecorators: { dynamicComponentContainer: [{
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.ActivatedRoute }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: BookmarkedService }, { type: i3$1.ToastrService }, { type: i2.Router }, { type: BookmarkedApplicationDatssetsCall }, { type: AppLocalStorage }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -24038,5 +24107,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-export { APP_ENVIRONMENT, AdvanceWidgetHeaderFilterComponent, AllMetricsConfigComponent, AppAdvanceHeaderComponent, AppHttpService, AppTitleComponent, ApplicationChatApiCallService, ApplicationContentService, ApplicationDatssetsCall, ApplicationFilterComponent, ApplicationViewsComponent, BookMarkedTemplatemodule, BookmarkedApplicationDatssetsCall, BookmarkedService, BookmarkedTemplateComponent, BreadCrumbsComponent, CdrConfigComponent, CdrConfigMoudule, CommonHeaderComponent, CommonService, CreateCompViewComponent, CreateDatasetComponent, CreateDatasetJsonComponent, CreateDatasetSqlComponent, CreateKpiTreeComponent, CreateMetricsComponent, DashChartComponent, DashTableComponent, DashTodayPreviousComponent, DefaultLandingComponenttModule, DynamicWidgetComponent, DynamicWidgetForMultilayoutComponent, ExceptionOperationComponent, ExceptionOperationModule, GamamWidgetComponent, GammSingleNumberCardComponent, GammaAdvanceChartComponent, GammaAdvanceFilterComponent, GammaAdvanceOperatorTableComponent, GammaAppControllerComponent, GammaAppControllerModule, GammaAppControllerService, GammaGeoChartComponent, GammaHeatChartComponent, GammaTableClumnBarChartComponent, GammaTableWithPercentageComponent, GammaTodayPreviousComponent, GeoMapComponent, GoogleGeoMapComponent, HeatMapSupportComponent, IconsModule, KpiCreationModule, KpiWithDataSetTestComponent, KpiWithMultiLayoutModule, KpiWithMultiLayoutService, KpiWithMultilayoutSetTestComponent, KpiWithSingleLayoutModule, KpiWithSingleLayoutService, LandingApplicationDatssetsCall, LandingComponentComponent, LandingComponentService, LoaderComponent, LoadingComponent, LoadingModule, MultilayoutApplicationDatssetsCall, OflineMetricsComponent, OnlineMetricsComponent, PackageApplicationControllerModule, PageConfigComponent, PageConfigMultilayoutComponent, PageControlerComponent, SafeHtmlPipe, SingleLayoutApplicationDatssetsCall, SqlPipe, TableWithBarComponent, TreeViewAsideItemComponent, TreeViewBasicItemComponent, TreeViewCollapsableItemComponent, TreeViewDividerItemComponent, TreeViewGroupItemComponent, TreeViewSpacerItemComponent, TreeviewComponent, contentSafeHtml, kpicommonService$2 as kpicommonService };
+export { APP_ENVIRONMENT, AdvanceWidgetHeaderFilterComponent, AllMetricsConfigComponent, AppAdvanceHeaderComponent, AppHttpService, AppLocalStorage, AppTitleComponent, ApplicationChatApiCallService, ApplicationContentService, ApplicationDatssetsCall, ApplicationFilterComponent, ApplicationViewsComponent, BookMarkedTemplatemodule, BookmarkedApplicationDatssetsCall, BookmarkedService, BookmarkedTemplateComponent, BreadCrumbsComponent, CdrConfigComponent, CdrConfigMoudule, CommonHeaderComponent, CommonService, CreateCompViewComponent, CreateDatasetComponent, CreateDatasetJsonComponent, CreateDatasetSqlComponent, CreateKpiTreeComponent, CreateMetricsComponent, DashChartComponent, DashTableComponent, DashTodayPreviousComponent, DefaultLandingComponenttModule, DynamicWidgetComponent, DynamicWidgetForMultilayoutComponent, ExceptionOperationComponent, ExceptionOperationModule, GamamWidgetComponent, GammSingleNumberCardComponent, GammaAdvanceChartComponent, GammaAdvanceFilterComponent, GammaAdvanceOperatorTableComponent, GammaAppControllerComponent, GammaAppControllerModule, GammaAppControllerService, GammaGeoChartComponent, GammaHeatChartComponent, GammaTableClumnBarChartComponent, GammaTableWithPercentageComponent, GammaTodayPreviousComponent, GeoMapComponent, GoogleGeoMapComponent, HeatMapSupportComponent, IconsModule, KpiCreationModule, KpiWithDataSetTestComponent, KpiWithMultiLayoutModule, KpiWithMultiLayoutService, KpiWithMultilayoutSetTestComponent, KpiWithSingleLayoutModule, KpiWithSingleLayoutService, LandingApplicationDatssetsCall, LandingComponentComponent, LandingComponentService, LoaderComponent, LoadingComponent, LoadingModule, MultilayoutApplicationDatssetsCall, OflineMetricsComponent, OnlineMetricsComponent, PackageApplicationControllerModule, PageConfigComponent, PageConfigMultilayoutComponent, PageControlerComponent, SafeHtmlPipe, SingleLayoutApplicationDatssetsCall, SqlPipe, TableWithBarComponent, TreeViewAsideItemComponent, TreeViewBasicItemComponent, TreeViewCollapsableItemComponent, TreeViewDividerItemComponent, TreeViewGroupItemComponent, TreeViewSpacerItemComponent, TreeviewComponent, contentSafeHtml, kpicommonService$2 as kpicommonService };
 //# sourceMappingURL=gamma-app-controller.mjs.map