gamma-app-controller 1.2.22 → 1.2.25

package/fesm2015/gamma-app-controller.mjs

@@ -8336,6 +8336,7 @@ class AppAdvanceHeaderComponent {
         this.isAdvanceFilter = true;
     }
     getSerchFilter(filter) {
+        var _a;
         this.isAdvanceFilter = false;
         let displayStartDate = '';
         let displayEndDate = '';
@@ -8389,7 +8390,9 @@ class AppAdvanceHeaderComponent {
         else if (displayEndDate) {
             selectedText = displayEndDate;
         }
-        const element = document.getElementById(this.filterObjects.widgetId);
+        const element = ((_a = this.filterObjects) === null || _a === void 0 ? void 0 : _a.widgetId)
+            ? document.getElementById(this.filterObjects.widgetId)
+            : null;
         if (element) {
             element.innerText = selectedText;
         }
@@ -18506,7 +18509,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;
@@ -18517,6 +18520,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';
@@ -18568,30 +18572,33 @@ 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);
     }
     getFiltersForTemplate(filter) {
         return __awaiter(this, void 0, void 0, function* () {
             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);
             yield 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));
+                        }
                     }
                 });
             });
@@ -18599,10 +18606,40 @@ 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({
@@ -18636,7 +18673,7 @@ class KpiWithDataSetTestComponent {
                 this.componentConfigDataSource = viewConfig;
                 this.dataSetModal = datasetConfig;
                 this.allWidgetByDataset = [];
-                const _a = this.activatedRoute.snapshot.queryParams, { pageId, startDate, endDate } = _a, params = __rest(_a, ["pageId", "startDate", "endDate"]);
+                const _a = this.activatedRoute.snapshot.queryParams, { pageId, startDate, endDate, id, name } = _a, params = __rest(_a, ["pageId", "startDate", "endDate", "id", "name"]);
                 let defaultFilters = { operationFilter: Object.assign({ startDate: "", endDate: "" }, params) };
                 this.dashBoardWidgetConfig.widgets.forEach(widget => {
                     var _a;
@@ -19003,6 +19040,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;
@@ -19171,7 +19209,7 @@ class KpiWithDataSetTestComponent {
                             else if (eventType == 'navigateToPage') {
                                 this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                     next: (data) => {
-                                        let _a = this.activatedRoute.snapshot.queryParams, { pageId } = _a, params = __rest(_a, ["pageId"]);
+                                        let _a = this.activatedRoute.snapshot.queryParams, { pageId, id, name } = _a, params = __rest(_a, ["pageId", "id", "name"]);
                                         let associatedParamsTemplate = clickEventOptions.associatedParams;
                                         let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
                                         event.keyToPass.forEach(element => {
@@ -19699,12 +19737,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: [{
@@ -20539,7 +20577,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;
@@ -20549,6 +20587,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';
@@ -20627,6 +20666,35 @@ class KpiWithMultilayoutSetTestComponent {
             });
         });
     }
+    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({
@@ -20967,6 +21035,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;
@@ -21501,12 +21570,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: [{
@@ -22170,7 +22239,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;
@@ -22180,6 +22249,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';
@@ -22226,30 +22296,44 @@ 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,
+            });
+        }
     }
     getFiltersForTemplate(filter) {
         return __awaiter(this, void 0, void 0, function* () {
             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 = [];
-            yield 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 {
+                yield 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));
+                        }
                     }
                 });
             });
@@ -22257,10 +22341,40 @@ 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({
@@ -22294,7 +22408,7 @@ class LandingComponentComponent {
                 this.componentConfigDataSource = viewConfig;
                 this.dataSetModal = datasetConfig;
                 this.allWidgetByDataset = [];
-                const _a = this.activatedRoute.snapshot.queryParams, { pageId, startDate, endDate } = _a, params = __rest(_a, ["pageId", "startDate", "endDate"]);
+                const _a = this.activatedRoute.snapshot.queryParams, { pageId, startDate, endDate, id, name } = _a, params = __rest(_a, ["pageId", "startDate", "endDate", "id", "name"]);
                 let defaultFilters = { operationFilter: Object.assign({ startDate: "", endDate: "" }, params) };
                 this.dashBoardWidgetConfig.widgets.forEach(widget => {
                     var _a;
@@ -22663,6 +22777,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;
@@ -22830,7 +22945,7 @@ class LandingComponentComponent {
                             else if (eventType == 'navigateToPage') {
                                 this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                     next: (data) => {
-                                        let _a = this.activatedRoute.snapshot.queryParams, { pageId } = _a, params = __rest(_a, ["pageId"]);
+                                        let _a = this.activatedRoute.snapshot.queryParams, { pageId, id, name } = _a, params = __rest(_a, ["pageId", "id", "name"]);
                                         let associatedParamsTemplate = clickEventOptions.associatedParams;
                                         let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
                                         event.keyToPass.forEach(element => {
@@ -23355,12 +23470,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: [{
@@ -24215,7 +24330,7 @@ class MultiLayoutLandingComponentComponent {
                 this.componentConfigDataSource = viewConfig;
                 this.dataSetModal = datasetConfig;
                 this.allWidgetByDataset = [];
-                const _a = this.activatedRoute.snapshot.queryParams, { pageId, startDate, endDate } = _a, params = __rest(_a, ["pageId", "startDate", "endDate"]);
+                const _a = this.activatedRoute.snapshot.queryParams, { pageId, startDate, endDate, id, name } = _a, params = __rest(_a, ["pageId", "startDate", "endDate", "id", "name"]);
                 this.dashBoardWidgetConfig.widgets.forEach(widget => {
                     var _a;
                     let defaultFilters = { operationFilter: Object.assign({ startDate: "", endDate: "" }, params) };
@@ -24746,7 +24861,7 @@ class MultiLayoutLandingComponentComponent {
                             else if (eventType == 'navigateToPage') {
                                 this.service.getAppPageDetailConfig(associatedPage).subscribe({
                                     next: (data) => {
-                                        let _a = this.activatedRoute.snapshot.queryParams, { pageId } = _a, params = __rest(_a, ["pageId"]);
+                                        let _a = this.activatedRoute.snapshot.queryParams, { pageId, id, name } = _a, params = __rest(_a, ["pageId", "id", "name"]);
                                         let associatedParamsTemplate = clickEventOptions.associatedParams;
                                         let appliedFilters = this.getSetOperatorFilter(event, this.stateDataSource.get(event.viewId));
                                         event.keyToPass.forEach(element => {