gamma-app-controller 1.2.22 → 1.2.25

package/fesm2020/gamma-app-controller.mjs

@@ -8374,7 +8374,9 @@ class AppAdvanceHeaderComponent {
         else if (displayEndDate) {
             selectedText = displayEndDate;
         }
-        const element = document.getElementById(this.filterObjects.widgetId);
+        const element = this.filterObjects?.widgetId
+            ? document.getElementById(this.filterObjects.widgetId)
+            : null;
         if (element) {
             element.innerText = selectedText;
         }
@@ -18487,7 +18489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
             }] } });
 
 class KpiWithDataSetTestComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, chatApiService, storage) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, chatApiService, storage, cdr) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -18498,6 +18500,7 @@ class KpiWithDataSetTestComponent {
         this.datasetService = datasetService;
         this.chatApiService = chatApiService;
         this.storage = storage;
+        this.cdr = cdr;
         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';
@@ -18549,29 +18552,32 @@ class KpiWithDataSetTestComponent {
         });
         this.loadingModal = true;
         this.pageId = this.activatedRoute.snapshot.queryParams['pageId'];
+        const { pageId } = this.activatedRoute.snapshot.queryParams;
+        if (this.pageId) {
+            this.router.navigate([], {
+                queryParams: { pageId },
+                replaceUrl: true,
+            });
+        }
         this.getPadeDataSource(false);
     }
     async getFiltersForTemplate(filter) {
         this.filters = filter;
-        this.defaultStartDate = filter.startDate;
-        this.defaultEndDate = filter.endDate;
         filter.operationFilter['startDate'] = filter.startDate;
         filter.operationFilter['endDate'] = filter.endDate;
         this.loadingModal = true;
-        this.dashBoardWidgetConfig = [];
-        let navigation = {
-            queryParams: filter.operationFilter,
-            queryParamsHandling: "merge"
-        };
-        this.router.navigate([], navigation);
         await this.getPadeDataSource(true);
         this.uniqueDataSetObject = {};
         let apiCalls = [];
         this.allWidgetByDataset.forEach(view => {
             view.datasetIds.forEach(id => {
-                let found = this.dataSetModal.find(d => d.datasetId === id.datasetId);
-                if (found) {
-                    apiCalls.push(this.datasetService.getDataFromDataSet(found, id.datasetId, filter));
+                if (view.widgetId == filter.filterObjects.widgetId) {
+                    let found = this.dataSetModal.find(d => d.datasetId === id);
+                    let widgetFilter = this.getWidgetFilterItems(filter.filterObjects.filters.filterItems);
+                    view.filters = widgetFilter;
+                    if (found) {
+                        apiCalls.push(this.datasetService.getDataFromDataSet(found, id, widgetFilter));
+                    }
                 }
             });
         });
@@ -18579,9 +18585,39 @@ class KpiWithDataSetTestComponent {
             this.globalDefaultFilter = filter;
             this.uniqueDataSetObject = this.datasetService.getUniqueDataSetObject();
             this.createDivElements(this.uniqueDataSetObject, true);
+            this.cdr.detectChanges();
             this.loadingModal = false;
         });
     }
+    getWidgetFilterItems(widgetFilterData) {
+        let apiJsonObject = {};
+        apiJsonObject['operationFilter'] = {};
+        widgetFilterData.forEach(element => {
+            if (element.filterType == 'date' || element.filterType == 'datetime') {
+                apiJsonObject['operationFilter'][element.apiName] = moment$1(element.filterDataSourceValue).format(element.momentFormat);
+            }
+            else {
+                if ((typeof element.filterDataSourceValue === "string" && element.filterDataSourceValue !== "") ||
+                    (Array.isArray(element.filterDataSourceValue) && element.filterDataSourceValue.length > 0)) {
+                    if (element.operatorName !== "") {
+                        if (element.filterType == "content") {
+                            apiJsonObject['operationFilter'][element.operatorName] = element.filterDataSourceValue;
+                        }
+                        if (element.filterType == "single") {
+                            apiJsonObject['operationFilter'][element.operatorName] = element.filterDataSourceValue;
+                        }
+                        else {
+                            apiJsonObject['operationFilter'][element.operatorName] = Array.isArray(element.filterDataSourceValue) ? element.filterDataSourceValue : [element.filterDataSourceValue];
+                        }
+                    }
+                    else {
+                        apiJsonObject[element.apiName] = element.filterDataSourceValue;
+                    }
+                }
+            }
+        });
+        return apiJsonObject;
+    }
     getPadeDataSource(context) {
         return new Promise((resolve, reject) => {
             this.service.getAppPageDetailConfig(this.pageId).subscribe({
@@ -18615,7 +18651,7 @@ class KpiWithDataSetTestComponent {
                 this.componentConfigDataSource = viewConfig;
                 this.dataSetModal = datasetConfig;
                 this.allWidgetByDataset = [];
-                const { pageId, startDate, endDate, ...params } = this.activatedRoute.snapshot.queryParams;
+                const { pageId, startDate, endDate, id, name, ...params } = this.activatedRoute.snapshot.queryParams;
                 let defaultFilters = { operationFilter: { startDate: "", endDate: "", ...params } };
                 this.dashBoardWidgetConfig.widgets.forEach(widget => {
                     widget.filters.filterItems.forEach(element => {
@@ -18977,6 +19013,7 @@ class KpiWithDataSetTestComponent {
         dynamicComponentInstance.selectedDates = selectedDates;
         dynamicComponentInstance.filterItems = filterItems;
         dynamicComponentInstance.contextFilterItems = context_filter;
+        dynamicComponentInstance.filterObjects = indexObj;
         dynamicComponentInstance.pageTitle = this.pageTitle;
         dynamicComponentInstance.bread_crumbs_container = this.kpi_breadcrumbs_container;
         dynamicComponentInstance.isEditButton = (userName && userName == "admin") ? true : false;
@@ -19143,7 +19180,7 @@ class KpiWithDataSetTestComponent {
                         else if (eventType == 'navigateToPage') {
                             this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                 next: (data) => {
-                                    let { pageId, ...params } = this.activatedRoute.snapshot.queryParams;
+                                    let { pageId, id, name, ...params } = this.activatedRoute.snapshot.queryParams;
                                     let associatedParamsTemplate = clickEventOptions.associatedParams;
                                     let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
                                     event.keyToPass.forEach(element => {
@@ -19664,12 +19701,12 @@ class KpiWithDataSetTestComponent {
         return results.join('\n');
     }
 }
-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: AppSingleLayoutLocalStorage }], 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: AppSingleLayoutLocalStorage }, { token: i0.ChangeDetectorRef }], 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 }, { type: AppSingleLayoutLocalStorage }]; }, 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: AppSingleLayoutLocalStorage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -20498,7 +20535,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }] }]; } });
 
 class KpiWithMultilayoutSetTestComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage, cdr) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -20508,6 +20545,7 @@ class KpiWithMultilayoutSetTestComponent {
         this.router = router;
         this.datasetService = datasetService;
         this.storage = storage;
+        this.cdr = cdr;
         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';
@@ -20584,6 +20622,35 @@ class KpiWithMultilayoutSetTestComponent {
             this.loadingModal = false;
         });
     }
+    getWidgetFilterItems(widgetFilterData) {
+        let apiJsonObject = {};
+        apiJsonObject['operationFilter'] = {};
+        widgetFilterData.forEach(element => {
+            if (element.filterType == 'date' || element.filterType == 'datetime') {
+                apiJsonObject['operationFilter'][element.apiName] = moment$1(element.filterDataSourceValue).format(element.momentFormat);
+            }
+            else {
+                if ((typeof element.filterDataSourceValue === "string" && element.filterDataSourceValue !== "") ||
+                    (Array.isArray(element.filterDataSourceValue) && element.filterDataSourceValue.length > 0)) {
+                    if (element.operatorName !== "") {
+                        if (element.filterType == "content") {
+                            apiJsonObject['operationFilter'][element.operatorName] = element.filterDataSourceValue;
+                        }
+                        if (element.filterType == "single") {
+                            apiJsonObject['operationFilter'][element.operatorName] = element.filterDataSourceValue;
+                        }
+                        else {
+                            apiJsonObject['operationFilter'][element.operatorName] = Array.isArray(element.filterDataSourceValue) ? element.filterDataSourceValue : [element.filterDataSourceValue];
+                        }
+                    }
+                    else {
+                        apiJsonObject[element.apiName] = element.filterDataSourceValue;
+                    }
+                }
+            }
+        });
+        return apiJsonObject;
+    }
     getPadeDataSource(context) {
         return new Promise((resolve, reject) => {
             this.service.getAppPageDetailConfig(this.pageId).subscribe({
@@ -20922,6 +20989,7 @@ class KpiWithMultilayoutSetTestComponent {
         dynamicComponentInstance.selectedDates = selectedDates;
         dynamicComponentInstance.filterItems = filterItems;
         dynamicComponentInstance.contextFilterItems = context_filter;
+        dynamicComponentInstance.filterObjects = indexObj;
         dynamicComponentInstance.pageTitle = this.pageTitle;
         dynamicComponentInstance.bread_crumbs_container = this.kpi_breadcrumbs_container;
         dynamicComponentInstance.isEditButton = (userName && userName == "admin") ? true : false;
@@ -21447,12 +21515,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 }, { token: AppMultiLayoutLocalStorage }], 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: AppMultiLayoutLocalStorage }, { token: i0.ChangeDetectorRef }], 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 }, { type: AppMultiLayoutLocalStorage }]; }, 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: AppMultiLayoutLocalStorage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -22110,7 +22178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }] }]; } });
 
 class LandingComponentComponent {
-    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage) {
+    constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService, storage, cdr) {
         this.commonService = commonService;
         this.activatedRoute = activatedRoute;
         this.viewContainerRef = viewContainerRef;
@@ -22120,6 +22188,7 @@ class LandingComponentComponent {
         this.router = router;
         this.datasetService = datasetService;
         this.storage = storage;
+        this.cdr = cdr;
         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';
@@ -22166,29 +22235,43 @@ class LandingComponentComponent {
     ngOnInit() {
         this.loadingModal = true;
         this.pageId = this.activatedRoute.snapshot.queryParams['pageId'];
-        this.getPadeDataSource(false);
+        const { pageId } = this.activatedRoute.snapshot.queryParams;
+        if (this.pageId) {
+            this.router.navigate([], {
+                queryParams: { pageId },
+                replaceUrl: true,
+            });
+        }
     }
     async getFiltersForTemplate(filter) {
         this.filters = filter;
-        this.defaultStartDate = filter.startDate;
-        this.defaultEndDate = filter.endDate;
         filter.operationFilter['startDate'] = filter.startDate;
         filter.operationFilter['endDate'] = filter.endDate;
-        let navigation = {
-            queryParams: filter.operationFilter,
-            queryParamsHandling: "merge"
-        };
-        this.router.navigate([], navigation);
         this.loadingModal = true;
-        this.dashBoardWidgetConfig = [];
-        await this.getPadeDataSource(true);
+        if (filter.filterObjects && Object.entries(filter.filterObjects).length !== 0) {
+            if (Array.isArray(this.dashBoardWidgetConfig.widgets)) {
+                const index = this.dashBoardWidgetConfig.widgets.findIndex((widget) => widget.widgetId === filter.filterObjects.widgetId);
+                if (index !== -1) {
+                    this.dashBoardWidgetConfig.widgets[index] = filter.filterObjects;
+                }
+                else {
+                }
+            }
+        }
+        else {
+            await this.getPadeDataSource(true);
+        }
         this.uniqueDataSetObject = {};
         let apiCalls = [];
         this.allWidgetByDataset.forEach(view => {
             view.datasetIds.forEach(id => {
-                let found = this.dataSetModal.find(d => d.datasetId === id.datasetId);
-                if (found) {
-                    apiCalls.push(this.datasetService.getDataFromDataSet(found, id.datasetId, filter));
+                if (view.widgetId == filter.filterObjects.widgetId) {
+                    let found = this.dataSetModal.find(d => d.datasetId === id);
+                    let widgetFilter = this.getWidgetFilterItems(filter.filterObjects.filters.filterItems);
+                    view.filters = widgetFilter;
+                    if (found) {
+                        apiCalls.push(this.datasetService.getDataFromDataSet(found, id, widgetFilter));
+                    }
                 }
             });
         });
@@ -22196,9 +22279,39 @@ class LandingComponentComponent {
             this.globalDefaultFilter = filter;
             this.uniqueDataSetObject = this.datasetService.getUniqueDataSetObject();
             this.createDivElements(this.uniqueDataSetObject, true);
+            this.cdr.detectChanges();
             this.loadingModal = false;
         });
     }
+    getWidgetFilterItems(widgetFilterData) {
+        let apiJsonObject = {};
+        apiJsonObject['operationFilter'] = {};
+        widgetFilterData.forEach(element => {
+            if (element.filterType == 'date' || element.filterType == 'datetime') {
+                apiJsonObject['operationFilter'][element.apiName] = moment$1(element.filterDataSourceValue).format(element.momentFormat);
+            }
+            else {
+                if ((typeof element.filterDataSourceValue === "string" && element.filterDataSourceValue !== "") ||
+                    (Array.isArray(element.filterDataSourceValue) && element.filterDataSourceValue.length > 0)) {
+                    if (element.operatorName !== "") {
+                        if (element.filterType == "content") {
+                            apiJsonObject['operationFilter'][element.operatorName] = element.filterDataSourceValue;
+                        }
+                        if (element.filterType == "single") {
+                            apiJsonObject['operationFilter'][element.operatorName] = element.filterDataSourceValue;
+                        }
+                        else {
+                            apiJsonObject['operationFilter'][element.operatorName] = Array.isArray(element.filterDataSourceValue) ? element.filterDataSourceValue : [element.filterDataSourceValue];
+                        }
+                    }
+                    else {
+                        apiJsonObject[element.apiName] = element.filterDataSourceValue;
+                    }
+                }
+            }
+        });
+        return apiJsonObject;
+    }
     getPadeDataSource(context) {
         return new Promise((resolve, reject) => {
             this.service.getAppPageDetailConfig(this.pageId).subscribe({
@@ -22232,7 +22345,7 @@ class LandingComponentComponent {
                 this.componentConfigDataSource = viewConfig;
                 this.dataSetModal = datasetConfig;
                 this.allWidgetByDataset = [];
-                const { pageId, startDate, endDate, ...params } = this.activatedRoute.snapshot.queryParams;
+                const { pageId, startDate, endDate, id, name, ...params } = this.activatedRoute.snapshot.queryParams;
                 let defaultFilters = { operationFilter: { startDate: "", endDate: "", ...params } };
                 this.dashBoardWidgetConfig.widgets.forEach(widget => {
                     widget.filters.filterItems.forEach(element => {
@@ -22596,6 +22709,7 @@ class LandingComponentComponent {
         dynamicComponentInstance.selectedDates = selectedDates;
         dynamicComponentInstance.filterItems = filterItems;
         dynamicComponentInstance.contextFilterItems = context_filter;
+        dynamicComponentInstance.filterObjects = indexObj;
         dynamicComponentInstance.pageTitle = this.pageTitle;
         dynamicComponentInstance.bread_crumbs_container = this.kpi_breadcrumbs_container;
         dynamicComponentInstance.isEditButton = (userName && userName == "admin") ? true : false;
@@ -22761,7 +22875,7 @@ class LandingComponentComponent {
                         else if (eventType == 'navigateToPage') {
                             this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                 next: (data) => {
-                                    let { pageId, ...params } = this.activatedRoute.snapshot.queryParams;
+                                    let { pageId, id, name, ...params } = this.activatedRoute.snapshot.queryParams;
                                     let associatedParamsTemplate = clickEventOptions.associatedParams;
                                     let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
                                     event.keyToPass.forEach(element => {
@@ -23279,12 +23393,12 @@ class LandingComponentComponent {
         return results.join('\n');
     }
 }
-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: AppLandingLayoutLocalStorage }], 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: AppLandingLayoutLocalStorage }, { token: i0.ChangeDetectorRef }], 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 }, { 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>", 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 }, { type: AppLandingLayoutLocalStorage }]; }, 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: AppLandingLayoutLocalStorage }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { dynamicComponentContainer: [{
                 type: ViewChild,
                 args: ['dynamicComponentContainer', { read: ViewContainerRef }]
             }], containerRef: [{
@@ -24131,7 +24245,7 @@ class MultiLayoutLandingComponentComponent {
                 this.componentConfigDataSource = viewConfig;
                 this.dataSetModal = datasetConfig;
                 this.allWidgetByDataset = [];
-                const { pageId, startDate, endDate, ...params } = this.activatedRoute.snapshot.queryParams;
+                const { pageId, startDate, endDate, id, name, ...params } = this.activatedRoute.snapshot.queryParams;
                 this.dashBoardWidgetConfig.widgets.forEach(widget => {
                     let defaultFilters = { operationFilter: { startDate: "", endDate: "", ...params } };
                     widget.filters.filterItems.forEach(element => {
@@ -24655,7 +24769,7 @@ class MultiLayoutLandingComponentComponent {
                         else if (eventType == 'navigateToPage') {
                             this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                 next: (data) => {
-                                    let { pageId, ...params } = this.activatedRoute.snapshot.queryParams;
+                                    let { pageId, id, name, ...params } = this.activatedRoute.snapshot.queryParams;
                                     let associatedParamsTemplate = clickEventOptions.associatedParams;
                                     let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
                                     event.keyToPass.forEach(element => {