gamma-app-controller 1.0.7 → 1.0.9

package/fesm2020/gamma-app-controller.mjs

@@ -2061,10 +2061,15 @@ class ApplicationFilterComponent {
             "apiName": "Operator Key",
             "apiUrl": "operator_key"
         };
+        let context_filter = {
+            "apiName": "Context Filter",
+            "apiUrl": "context_filter"
+        };
         this.kpiFilterConfigService.push(firstObject);
         this.kpiFilterConfigService.push(secondObject);
         this.kpiFilterConfigService.push(thirdObject);
         this.kpiFilterConfigService.push(operator_key);
+        this.kpiFilterConfigService.push(context_filter);
         this.service.getKPIReferenceEndPoints().subscribe({
             next: (data) => {
                 data.forEach(element => {
@@ -2532,6 +2537,7 @@ class ApplicationDatasetComponent {
             'databaseName': dataset.config.queryConfig.databaseName,
             'filters': this.transformDataForMFilterForSQl(dataset.config.queryConfig.mapedFilters),
             'templateQuery': dataset.config.queryConfig.templateQuery,
+            'enrichments': dataset.config.queryConfig.enrichments,
         };
         this.service.genericSqlQueryResponse(requestAp, request_params).subscribe({
             next: (data) => {
@@ -4157,14 +4163,6 @@ class DashTableComponent {
         this.taostr = taostr;
         this.dataSourseForTable = [];
         this.allConfiguredViews = [];
-        this.viewProperties = {
-            enableClickEvent: false,
-            enableRightClickEvent: true,
-            clickEventOptions: {
-                associatedViews: [],
-                eventType: ""
-            }
-        };
         this.optionalDrilDownDataSource = [];
         this.table_columns_config = {
             "kpiConfig": {
@@ -4215,7 +4213,7 @@ class DashTableComponent {
                 this.table_columns_config['kpiConfig'] = value.selectedWidgetConfig;
                 this.tableDataConfig = value.selectedWidgetConfig.dataConfig;
                 this.tableDataConfig.columns = value.selectedWidgetConfig.dataConfig.columns;
-                if (value.selectedWidgetConfig.viewProperties && value.selectedWidgetConfig.viewProperties.clickEventOptions.associatedViews) {
+                if (value.selectedWidgetConfig.viewProperties) {
                     this.viewProperties = value.selectedWidgetConfig.viewProperties;
                     this.viewProperties = {
                         "enableClickEvent": value.selectedWidgetConfig.viewProperties.enableClickEvent,
@@ -4235,6 +4233,12 @@ class DashTableComponent {
                                 "associatedViews": value.selectedWidgetConfig.viewProperties.clickEventOptions.associatedViews
                             };
                         }
+                        else if (value.selectedWidgetConfig.viewProperties.clickEventOptions.eventType == '') {
+                            this.viewProperties['clickEventOptions'] = {
+                                "eventType": "",
+                                "associatedViews": []
+                            };
+                        }
                         else {
                             this.viewProperties = {
                                 enableClickEvent: false,
@@ -4257,6 +4261,14 @@ class DashTableComponent {
             }
             else {
                 this.tableDataConfig.columns = value.columnData;
+                this.viewProperties = {
+                    enableClickEvent: false,
+                    enableRightClickEvent: true,
+                    clickEventOptions: {
+                        associatedViews: [],
+                        eventType: ""
+                    }
+                };
                 if (this.tableDataConfig.columns) {
                     if (this.selectedTableViewType === 'groupTable') {
                         this.tableDataConfig.columns.forEach(element => {
@@ -5323,6 +5335,7 @@ class CreateCompViewComponent {
             'databaseName': dataset.config.queryConfig.databaseName,
             'filters': this.transformDataForMFilterForSQl(dataset.config.queryConfig.mapedFilters),
             'templateQuery': dataset.config.queryConfig.templateQuery,
+            'enrichments': dataset.config.queryConfig.enrichments,
         };
         this.service.genericSqlQueryResponse(requestAp, request_params).subscribe({
             next: (data) => {
@@ -6374,7 +6387,6 @@ class AppAdvanceHeaderComponent {
             this.filterItemsForFilter = value;
             value.forEach(element => {
                 if (element.filterType === 'date' || element.filterType === 'datetime') {
-                    debugger;
                     if (element.defaultFilterType === "dynamic" && element.momentFunction !== "" && element.defaultFilterValue !== "" && element.momentFormat !== "") {
                         let [count, unit] = element.defaultFilterValue.split(',');
                         let formattedDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
@@ -6472,6 +6484,20 @@ class AppAdvanceHeaderComponent {
                         }
                     }
                 }
+                else if (element.defaultFilterType === "static" && element.defaultFilterValue !== "") {
+                    if (element.apiName === "startDate") {
+                        if (element.display) {
+                            displayStartDate = moment(this.selectedDates[element.apiName]).format(element.momentFormat);
+                            filter.startDate = moment(this.selectedDates[element.apiName]).format(element.momentFormat);
+                        }
+                    }
+                    if (element.apiName === "endDate") {
+                        if (element.display) {
+                            displayEndDate = moment(this.selectedDates[element.apiName]).format(element.momentFormat);
+                            filter.endDate = moment(this.selectedDates[element.apiName]).format(element.momentFormat);
+                        }
+                    }
+                }
             }
         });
         if (displayStartDate && displayEndDate) {
@@ -6741,6 +6767,7 @@ class GammaAdvanceOperatorTableComponent {
         this.commonService = commonService;
         this.dataSourseForTable = [];
         this.isLoader = true;
+        this.tableDataConfig = {};
         this.enrichNameList = ["formatBytes", "formatBytsToKb", "formatBytsToGb", "reformatNumberWithThousandSeparatorV3"];
         this.activeTab = 'basic';
         this.getTableConfigOutPut = new EventEmitter();
@@ -6796,11 +6823,13 @@ class GammaAdvanceOperatorTableComponent {
                     this.isLoader = false;
                 }, 200);
             }
-            setTimeout(() => {
-                this.dataSourseForTable = [];
-                this.tableDataConfig['columns'] = [];
-                this.isLoader = false;
-            }, 200);
+            else {
+                setTimeout(() => {
+                    this.dataSourseForTable = [];
+                    this.tableDataConfig['columns'] = [];
+                    this.isLoader = false;
+                }, 200);
+            }
         }
     }
     ngOnInit() {
@@ -6874,10 +6903,10 @@ class GammaAdvanceOperatorTableComponent {
     }
 }
 GammaAdvanceOperatorTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaAdvanceOperatorTableComponent, deps: [{ token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
-GammaAdvanceOperatorTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GammaAdvanceOperatorTableComponent, selector: "app-gamma-advance-operator-table", inputs: { rightClickEnable: "rightClickEnable", chartDataSource: "chartDataSource" }, outputs: { getTableConfigOutPut: "getTableConfigOutPut", oRowClick: "oRowClick", onrightClickContextSelection: "onrightClickContextSelection" }, ngImport: i0, template: "<div class=\"mx-2 bg-gray-800\">\n    <ng-container *ngIf=\"isLoader\">\n        <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n            <app-loader></app-loader>\n        </div>\n    </ng-container>\n\n    <div class=\"mx-2 pb-2\">\n        <dx-data-grid [columnAutoWidth]=\"true\" (onRowClick)=\"onRowClick($event)\" [dataSource]=\"dataSourseForTable\"\n            [hoverStateEnabled]=\"true\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n            *ngIf=\"!isLoader\" [columns]=\"tableDataConfig.columns\" [showRowLines]=\"true\" id=\"gridContainer\"\n            (onContextMenuPreparing)=\"addMenuItems($event)\">\n            <dxo-search-panel [highlightCaseSensitive]=\"true\"\n                [visible]=\"tableDataConfig.searchPanel\"></dxo-search-panel>\n            <dxo-export [enabled]=\"true\" fileName=\"{{tableDataConfig.file_name}}\"\n                [customizeExcelCell]=\"commonService.customizeExcelCell\"></dxo-export>\n            <dxo-paging [pageSize]=\"tableDataConfig.numberOfRow\"></dxo-paging>\n            <dxo-pager [showInfo]=\"tableDataConfig.pageInfo\" [showPageSizeSelector]=\"true\"\n                [allowedPageSizes]=\"tableDataConfig.allowedPageSizes\">\n            </dxo-pager>\n            <ng-container *ngIf=\"tableDataConfig.columns && tableDataConfig.columns.length !== 0\">\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                        [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n                    <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" format=\"#,##0.##\"\n                        [sortingMethod]=\"commonService.customValueSorter\" [cellTemplate]=\"item.dataField\"\n                        [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\" alignment=\"left\"\n                        [visible]=\"item.visible\">\n                    </dxi-column>\n                </ng-container>\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <div *dxTemplate=\"let data of item.dataField\">\n                        <span [innerHTML]=\"data.value\"></span>\n                    </div>\n                </ng-container>\n            </ng-container>\n\n        </dx-data-grid>\n    </div>\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i6.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "proxyUrl", "svgToCanvas", "allowExportSelectedData", "customizeExcelCell", "excelFilterEnabled", "excelWrapTextEnabled", "ignoreExcelErrors", "texts"] }, { kind: "component", type: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }] });
+GammaAdvanceOperatorTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GammaAdvanceOperatorTableComponent, selector: "app-gamma-advance-operator-table", inputs: { rightClickEnable: "rightClickEnable", chartDataSource: "chartDataSource" }, outputs: { getTableConfigOutPut: "getTableConfigOutPut", oRowClick: "oRowClick", onrightClickContextSelection: "onrightClickContextSelection" }, ngImport: i0, template: "<div class=\"mx-2 bg-gray-800\">\n    <ng-container *ngIf=\"isLoader\">\n        <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n            <app-loader></app-loader>\n        </div>\n    </ng-container>\n\n    <div class=\"mx-2 pb-2\">\n        <!-- <dx-data-grid [columnAutoWidth]=\"true\" (onRowClick)=\"onRowClick($event)\" [dataSource]=\"dataSourseForTable\"\n            [hoverStateEnabled]=\"true\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n            *ngIf=\"!isLoader\" [columns]=\"tableDataConfig.columns\" [showRowLines]=\"true\" id=\"gridContainer\"\n            (onContextMenuPreparing)=\"addMenuItems($event)\">\n            <dxo-search-panel [highlightCaseSensitive]=\"true\"\n                [visible]=\"tableDataConfig.searchPanel\"></dxo-search-panel>\n            <dxo-export [enabled]=\"true\" fileName=\"{{tableDataConfig.file_name}}\"\n                [customizeExcelCell]=\"commonService.customizeExcelCell\"></dxo-export>\n            <dxo-paging [pageSize]=\"tableDataConfig.numberOfRow\"></dxo-paging>\n            <dxo-pager [showInfo]=\"tableDataConfig.pageInfo\" [showPageSizeSelector]=\"true\"\n                [allowedPageSizes]=\"tableDataConfig.allowedPageSizes\">\n            </dxo-pager>\n            <ng-container *ngIf=\"tableDataConfig.columns && tableDataConfig.columns.length !== 0\">\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                        [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n                    <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" format=\"#,##0.##\"\n                        [sortingMethod]=\"commonService.customValueSorter\" [cellTemplate]=\"item.dataField\"\n                        [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\" alignment=\"left\"\n                        [visible]=\"item.visible\">\n                    </dxi-column>\n                </ng-container>\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <div *dxTemplate=\"let data of item.dataField\">\n                        <span [innerHTML]=\"data.value\"></span>\n                    </div>\n                </ng-container>\n            </ng-container>\n\n        </dx-data-grid> -->\n        <dx-data-grid [columnAutoWidth]=\"true\" (onRowClick)=\"onRowClick($event)\" [dataSource]=\"dataSourseForTable\"\n            [hoverStateEnabled]=\"true\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n            *ngIf=\"!isLoader\" [columns]=\"tableDataConfig.columns\" [showRowLines]=\"true\" id=\"gridContainer\"\n            (onContextMenuPreparing)=\"addMenuItems($event)\"\n            [customizeExportData]=\"commonService.removeHtmlContentFromData\">\n            <dxo-search-panel [highlightCaseSensitive]=\"true\"\n                [visible]=\"tableDataConfig.searchPanel\"></dxo-search-panel>\n            <dxo-export [enabled]=\"true\" fileName=\"{{tableDataConfig.file_name}}\"\n                [customizeExcelCell]=\"commonService.customizeExcelCell\"></dxo-export>\n            <dxo-paging [pageSize]=\"tableDataConfig.numberOfRow\"></dxo-paging>\n            <dxo-pager [showInfo]=\"tableDataConfig.pageInfo\" [showPageSizeSelector]=\"true\"\n                [allowedPageSizes]=\"tableDataConfig.allowedPageSizes\">\n            </dxo-pager>\n\n            <!-- <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                    [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" [sortingMethod]=\"commonService.customValueSorter\"\n                    [cellTemplate]=\"item.dataField\" [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\"\n                    alignment=\"left\" [visible]=\"item.visible\">\n                </dxi-column>\n            </ng-container> -->\n\n            <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                <!-- Check if column has nested columns (columnsOne structure) -->\n                <dxi-column *ngIf=\"item.columns; else flatColumn\" caption=\"{{ item.caption }}\">\n                    <ng-container *ngFor=\"let subItem of item.columns\">\n\n                        <dxi-column *ngIf=\"subItem.dataField == 'recordDate'\"  \n                        [dataField]=\"subItem.dataField\" [caption]=\"subItem.caption\"\n                            [visible]=\"subItem.visible\" alignment=\"left\" \n                            sortOrder=\"desc\"></dxi-column>\n\n                        <dxi-column *ngIf=\"subItem.dataField !== 'recordDate'\"  [dataField]=\"subItem.dataField\" [caption]=\"subItem.caption\"\n                            [visible]=\"subItem.visible\" alignment=\"right\" [cellTemplate]=\"item.dataField\"\n                            [sortingMethod]=\"commonService.customValueSorter\"></dxi-column>\n                    </ng-container>\n                </dxi-column>\n\n                <!-- Flat column structure (columnsTwo structure) -->\n                <ng-template #flatColumn>\n\n                    <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                    [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n\n                <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" [sortingMethod]=\"commonService.customValueSorter\"\n                    [cellTemplate]=\"item.dataField\" [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\"\n                    alignment=\"right\" [visible]=\"item.visible\">\n                </dxi-column>\n\n\n                    <!-- <dxi-column [dataField]=\"item.dataField\" [caption]=\"item.caption\" [visible]=\"item.visible\"\n                        [cellTemplate]=\"item.dataField\" alignment=\"left\"\n                        [sortingMethod]=\"commonService.customValueSorter\"></dxi-column> -->\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                <div *dxTemplate=\"let data of item.dataField\">\n                    <span [innerHTML]=\"data.value\"></span>\n                </div>\n            </ng-container>\n        </dx-data-grid>\n\n    </div>\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i6.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "proxyUrl", "svgToCanvas", "allowExportSelectedData", "customizeExcelCell", "excelFilterEnabled", "excelWrapTextEnabled", "ignoreExcelErrors", "texts"] }, { kind: "component", type: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagerComponent, selector: "dxo-pager", inputs: ["allowedPageSizes", "displayMode", "infoText", "showInfo", "showNavigationButtons", "showPageSizeSelector", "visible"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaAdvanceOperatorTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-gamma-advance-operator-table', template: "<div class=\"mx-2 bg-gray-800\">\n    <ng-container *ngIf=\"isLoader\">\n        <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n            <app-loader></app-loader>\n        </div>\n    </ng-container>\n\n    <div class=\"mx-2 pb-2\">\n        <dx-data-grid [columnAutoWidth]=\"true\" (onRowClick)=\"onRowClick($event)\" [dataSource]=\"dataSourseForTable\"\n            [hoverStateEnabled]=\"true\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n            *ngIf=\"!isLoader\" [columns]=\"tableDataConfig.columns\" [showRowLines]=\"true\" id=\"gridContainer\"\n            (onContextMenuPreparing)=\"addMenuItems($event)\">\n            <dxo-search-panel [highlightCaseSensitive]=\"true\"\n                [visible]=\"tableDataConfig.searchPanel\"></dxo-search-panel>\n            <dxo-export [enabled]=\"true\" fileName=\"{{tableDataConfig.file_name}}\"\n                [customizeExcelCell]=\"commonService.customizeExcelCell\"></dxo-export>\n            <dxo-paging [pageSize]=\"tableDataConfig.numberOfRow\"></dxo-paging>\n            <dxo-pager [showInfo]=\"tableDataConfig.pageInfo\" [showPageSizeSelector]=\"true\"\n                [allowedPageSizes]=\"tableDataConfig.allowedPageSizes\">\n            </dxo-pager>\n            <ng-container *ngIf=\"tableDataConfig.columns && tableDataConfig.columns.length !== 0\">\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                        [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n                    <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" format=\"#,##0.##\"\n                        [sortingMethod]=\"commonService.customValueSorter\" [cellTemplate]=\"item.dataField\"\n                        [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\" alignment=\"left\"\n                        [visible]=\"item.visible\">\n                    </dxi-column>\n                </ng-container>\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <div *dxTemplate=\"let data of item.dataField\">\n                        <span [innerHTML]=\"data.value\"></span>\n                    </div>\n                </ng-container>\n            </ng-container>\n\n        </dx-data-grid>\n    </div>\n\n\n</div>" }]
+            args: [{ selector: 'app-gamma-advance-operator-table', template: "<div class=\"mx-2 bg-gray-800\">\n    <ng-container *ngIf=\"isLoader\">\n        <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n            <app-loader></app-loader>\n        </div>\n    </ng-container>\n\n    <div class=\"mx-2 pb-2\">\n        <!-- <dx-data-grid [columnAutoWidth]=\"true\" (onRowClick)=\"onRowClick($event)\" [dataSource]=\"dataSourseForTable\"\n            [hoverStateEnabled]=\"true\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n            *ngIf=\"!isLoader\" [columns]=\"tableDataConfig.columns\" [showRowLines]=\"true\" id=\"gridContainer\"\n            (onContextMenuPreparing)=\"addMenuItems($event)\">\n            <dxo-search-panel [highlightCaseSensitive]=\"true\"\n                [visible]=\"tableDataConfig.searchPanel\"></dxo-search-panel>\n            <dxo-export [enabled]=\"true\" fileName=\"{{tableDataConfig.file_name}}\"\n                [customizeExcelCell]=\"commonService.customizeExcelCell\"></dxo-export>\n            <dxo-paging [pageSize]=\"tableDataConfig.numberOfRow\"></dxo-paging>\n            <dxo-pager [showInfo]=\"tableDataConfig.pageInfo\" [showPageSizeSelector]=\"true\"\n                [allowedPageSizes]=\"tableDataConfig.allowedPageSizes\">\n            </dxo-pager>\n            <ng-container *ngIf=\"tableDataConfig.columns && tableDataConfig.columns.length !== 0\">\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                        [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n                    <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" format=\"#,##0.##\"\n                        [sortingMethod]=\"commonService.customValueSorter\" [cellTemplate]=\"item.dataField\"\n                        [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\" alignment=\"left\"\n                        [visible]=\"item.visible\">\n                    </dxi-column>\n                </ng-container>\n                <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                    <div *dxTemplate=\"let data of item.dataField\">\n                        <span [innerHTML]=\"data.value\"></span>\n                    </div>\n                </ng-container>\n            </ng-container>\n\n        </dx-data-grid> -->\n        <dx-data-grid [columnAutoWidth]=\"true\" (onRowClick)=\"onRowClick($event)\" [dataSource]=\"dataSourseForTable\"\n            [hoverStateEnabled]=\"true\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n            *ngIf=\"!isLoader\" [columns]=\"tableDataConfig.columns\" [showRowLines]=\"true\" id=\"gridContainer\"\n            (onContextMenuPreparing)=\"addMenuItems($event)\"\n            [customizeExportData]=\"commonService.removeHtmlContentFromData\">\n            <dxo-search-panel [highlightCaseSensitive]=\"true\"\n                [visible]=\"tableDataConfig.searchPanel\"></dxo-search-panel>\n            <dxo-export [enabled]=\"true\" fileName=\"{{tableDataConfig.file_name}}\"\n                [customizeExcelCell]=\"commonService.customizeExcelCell\"></dxo-export>\n            <dxo-paging [pageSize]=\"tableDataConfig.numberOfRow\"></dxo-paging>\n            <dxo-pager [showInfo]=\"tableDataConfig.pageInfo\" [showPageSizeSelector]=\"true\"\n                [allowedPageSizes]=\"tableDataConfig.allowedPageSizes\">\n            </dxo-pager>\n\n            <!-- <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                    [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" [sortingMethod]=\"commonService.customValueSorter\"\n                    [cellTemplate]=\"item.dataField\" [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\"\n                    alignment=\"left\" [visible]=\"item.visible\">\n                </dxi-column>\n            </ng-container> -->\n\n            <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                <!-- Check if column has nested columns (columnsOne structure) -->\n                <dxi-column *ngIf=\"item.columns; else flatColumn\" caption=\"{{ item.caption }}\">\n                    <ng-container *ngFor=\"let subItem of item.columns\">\n\n                        <dxi-column *ngIf=\"subItem.dataField == 'recordDate'\"  \n                        [dataField]=\"subItem.dataField\" [caption]=\"subItem.caption\"\n                            [visible]=\"subItem.visible\" alignment=\"left\" \n                            sortOrder=\"desc\"></dxi-column>\n\n                        <dxi-column *ngIf=\"subItem.dataField !== 'recordDate'\"  [dataField]=\"subItem.dataField\" [caption]=\"subItem.caption\"\n                            [visible]=\"subItem.visible\" alignment=\"right\" [cellTemplate]=\"item.dataField\"\n                            [sortingMethod]=\"commonService.customValueSorter\"></dxi-column>\n                    </ng-container>\n                </dxi-column>\n\n                <!-- Flat column structure (columnsTwo structure) -->\n                <ng-template #flatColumn>\n\n                    <dxi-column *ngIf=\"item.dataField == 'recordDate'\" dataField=\"{{ item.dataField }}\"\n                    [caption]=\"item.caption\" [visible]=\"item.visible\" sortOrder=\"desc\"></dxi-column>\n\n                <dxi-column *ngIf=\"item.dataField !== 'recordDate'\" [sortingMethod]=\"commonService.customValueSorter\"\n                    [cellTemplate]=\"item.dataField\" [caption]=\"item.caption\" dataField=\"{{ item.dataField }}\"\n                    alignment=\"right\" [visible]=\"item.visible\">\n                </dxi-column>\n\n\n                    <!-- <dxi-column [dataField]=\"item.dataField\" [caption]=\"item.caption\" [visible]=\"item.visible\"\n                        [cellTemplate]=\"item.dataField\" alignment=\"left\"\n                        [sortingMethod]=\"commonService.customValueSorter\"></dxi-column> -->\n                </ng-template>\n            </ng-container>\n\n            <ng-container *ngFor=\"let item of tableDataConfig.columns\">\n                <div *dxTemplate=\"let data of item.dataField\">\n                    <span [innerHTML]=\"data.value\"></span>\n                </div>\n            </ng-container>\n        </dx-data-grid>\n\n    </div>\n\n\n</div>" }]
         }], ctorParameters: function () { return [{ type: CommonService }]; }, propDecorators: { getTableConfigOutPut: [{
                 type: Output
             }], oRowClick: [{
@@ -7414,6 +7443,314 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['chartDataSource']
             }] } });
 
+class GammaGeoChartComponent {
+    constructor(commonService) {
+        this.commonService = commonService;
+        this.markers = [];
+        this.bounds = new google.maps.LatLngBounds();
+        this.getTableConfigOutPut = new EventEmitter();
+        this.oRowClick = new EventEmitter();
+        this.onrightClickContextSelection = new EventEmitter();
+        this.rightClickEnable = true;
+    }
+    set chartDataSource(value) {
+        if (value === undefined || value.length === 0) {
+            return;
+        }
+        else {
+            this.isLoader = true;
+            this.page_config = value;
+            this.page_parms = value.titleParams;
+            if (value.kpiConfig.dataSource && value.kpiConfig.dataSource.length !== 0) {
+                if (value.kpiConfig.formate == "monthly") {
+                    this.mapTYpe = value.kpiConfig.dataConfig.mapType;
+                    if (this.mapTYpe == "geoMap") {
+                        this.region = value.kpiConfig.dataConfig.region;
+                        this.regionCode = value.kpiConfig.dataConfig.regionCode;
+                        this.tootTipColumn = value.kpiConfig.dataConfig.chart_config;
+                        let data = value.kpiConfig.dataSource;
+                        this.chartHeight = `${value.kpiConfig.dataConfig.size}px`;
+                        this.chartType = value.kpiConfig.dataConfig.chartType;
+                        this.bacgroundColor = value.kpiConfig.dataConfig.backgroundColor;
+                        this.mapColors = value.kpiConfig.dataConfig.colors;
+                        const formattedData = [
+                            [
+                                value.kpiConfig.dataConfig["argumentField"],
+                                value.kpiConfig.dataConfig["chartValueField"],
+                                { type: "string", role: "tooltip", p: { html: true } },
+                            ],
+                        ].concat(data.map((item) => {
+                            const tooltip = this.getTooltip(item);
+                            return [
+                                item[value.kpiConfig.dataConfig["argumentField"]],
+                                item[value.kpiConfig.dataConfig["chartValueField"]],
+                                tooltip,
+                            ];
+                        }));
+                        this.charData = formattedData;
+                        setTimeout(() => {
+                            this.isLoader = false;
+                        }, 200);
+                    }
+                    else {
+                        this.locations = value.kpiConfig.dataSource;
+                        this.tootTipColumn = value.kpiConfig.dataConfig.chart_config;
+                        this.chartHeight = `${value.kpiConfig.dataConfig.size}px`;
+                        this.zoomValuForAll = parseFloat(this.page_config.kpiConfig.dataConfig.zoom);
+                        this.mapOptionForHeatMap = {
+                            zoom: this.zoomValuForAll
+                        };
+                    }
+                }
+            }
+        }
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        if (this.mapTYpe == "geoMap") {
+            this.loadGoogleCharts();
+        }
+        else if (this.mapTYpe == "heatMap") {
+            if (this.page_config.kpiConfig.dataConfig.heatMapCategory == "heatMapOnly") {
+                this.isLoader = false;
+                this.loadGoogleHeatOnlyMaps(this.locations);
+            }
+            else if (this.page_config.kpiConfig.dataConfig.heatMapCategory == "heatMapMarker") {
+                this.isLoader = false;
+                this.initializeMap();
+                this.addMarkers();
+            }
+            else {
+                this.isLoader = false;
+                this.initializeHeatWithMarkerMap(this.locations);
+            }
+        }
+    }
+    loadGoogleCharts() {
+        google.charts.load("current", {
+            packages: [this.chartType],
+        });
+        google.charts.setOnLoadCallback(this.drawChart.bind(this));
+    }
+    drawChart() {
+        const data = google.visualization.arrayToDataTable(this.charData);
+        const options = this.getOptionConfig();
+        const chart = new google.visualization.GeoChart(this.googlMap.nativeElement);
+        this.googlMap.nativeElement.style.height = this.chartHeight;
+        chart.draw(data, options);
+    }
+    getTooltip(data) {
+        let toolTipData = "";
+        this.tootTipColumn.forEach((element) => {
+            if (typeof data[element.dataField] === 'number') {
+                toolTipData +=
+                    "<div class='inline'><b>" +
+                        element.caption +
+                        ":</b></div> " +
+                        this.commonService.roundOffTillTwo(data[element.dataField], 2) +
+                        "<br />";
+            }
+            else {
+                toolTipData +=
+                    "<div class='inline'><b>" +
+                        element.caption +
+                        ":</b></div> " +
+                        data[element.dataField] +
+                        "<br />";
+            }
+        });
+        return toolTipData;
+    }
+    getOptionConfig() {
+        if (this.region == 'city') {
+            const options = {
+                region: this.regionCode,
+                displayMode: 'markers',
+                backgroundColor: this.bacgroundColor,
+                tooltip: { isHtml: true },
+                colorAxis: { colors: this.mapColors }
+            };
+            return options;
+        }
+        else {
+            const options = {
+                backgroundColor: this.bacgroundColor,
+                tooltip: { isHtml: true },
+                colorAxis: { colors: this.mapColors }
+            };
+            return options;
+        }
+    }
+    initializeMap() {
+        const mapOptions = this.mapOptionForHeatMap;
+        this.map = new google.maps.Map(this.googlMap.nativeElement, mapOptions);
+        this.googlMap.nativeElement.style.height = this.chartHeight;
+    }
+    addMarkers() {
+        this.locations.forEach((location) => {
+            const marker = new google.maps.Marker({
+                position: {
+                    lat: parseFloat(location[this.page_config.kpiConfig.dataConfig.markerLatitude]),
+                    lng: parseFloat(location[this.page_config.kpiConfig.dataConfig.markerLongitude]),
+                },
+                icon: this.page_config.kpiConfig.dataConfig.icon ? {
+                    url: this.page_config.kpiConfig.dataConfig.icon,
+                    scaledSize: {
+                        width: 32,
+                        height: 32,
+                    },
+                } : '',
+                map: this.map,
+                title: `${location.city}: $${location.total_sales_amount}`,
+            });
+            this.bounds.extend(marker.getPosition());
+            this.markers.push(marker);
+            let stringWithoutQuotes = this.getInfoWindoData(location);
+            const infoWIndowData = this.getInfoWindoData(location);
+            const infoWindow = new google.maps.InfoWindow({
+                content: `<div style="height: 100%; width: 100%; color: black; font-size: 20px;">
+        ${infoWIndowData}
+      </div>`,
+            });
+            marker.addListener("click", () => {
+                if (this.currentInfoWindow) {
+                    this.currentInfoWindow.close();
+                }
+                infoWindow.open(this.map, marker);
+                this.currentInfoWindow = infoWindow;
+            });
+        });
+        this.map.fitBounds(this.bounds);
+    }
+    getInfoWindoData(data) {
+        let toolTipData = ``;
+        this.tootTipColumn.forEach((element) => {
+            if (typeof data[element.dataField] === "number") {
+                toolTipData +=
+                    `<div class='inline'><b>` +
+                        element.caption +
+                        `:</b></div> ` +
+                        this.commonService.roundOffTillTwo(data[element.dataField], 2) +
+                        `<br />`;
+            }
+            else {
+                toolTipData +=
+                    `<div class='inline'><b>` +
+                        element.caption +
+                        `:</b></div> ` +
+                        data[element.dataField] +
+                        `<br />`;
+            }
+        });
+        return toolTipData;
+    }
+    loadGoogleHeatOnlyMaps(data) {
+        this.heatmapData = [];
+        data.forEach((element) => {
+            let latitude = parseFloat(element[this.page_config.kpiConfig.dataConfig.markerLatitude]);
+            let logtitude = parseFloat(element[this.page_config.kpiConfig.dataConfig.markerLongitude]);
+            this.heatmapData.push({
+                location: new google.maps.LatLng(latitude, logtitude)
+            });
+            this.bounds.extend(new google.maps.LatLng(latitude, logtitude));
+        });
+        const mapOptions = {
+            zoom: this.zoomValuForAll
+        };
+        this.map = new google.maps.Map(this.googlMap.nativeElement, mapOptions);
+        this.googlMap.nativeElement.style.height = this.chartHeight;
+        this.map.fitBounds(this.bounds);
+        this.heatmap = new google.maps.visualization.HeatmapLayer({
+            data: this.heatmapData,
+            map: this.map,
+        });
+    }
+    initializeHeatWithMarkerMap(data) {
+        this.map = new google.maps.Map(this.googlMap.nativeElement, {
+            zoom: parseFloat(this.page_config.kpiConfig.dataConfig.zoom),
+        });
+        this.googlMap.nativeElement.style.height = this.chartHeight;
+        this.heatmapData = [];
+        data.forEach(element => {
+            let latitude = parseFloat(element[this.page_config.kpiConfig.dataConfig.markerLatitude]);
+            let logtitude = parseFloat(element[this.page_config.kpiConfig.dataConfig.markerLongitude]);
+            this.heatmapData.push({
+                location: new google.maps.LatLng(latitude, logtitude)
+            });
+            this.bounds.extend(new google.maps.LatLng(latitude, logtitude));
+        });
+        this.heatmap = new google.maps.visualization.HeatmapLayer({
+            data: this.heatmapData,
+            map: this.map,
+        });
+        this.locations.forEach((location) => {
+            const marker = new google.maps.Marker({
+                position: {
+                    lat: parseFloat(location[this.page_config.kpiConfig.dataConfig.markerLatitude]),
+                    lng: parseFloat(location[this.page_config.kpiConfig.dataConfig.markerLongitude]),
+                },
+                icon: this.page_config.kpiConfig.dataConfig.icon ? {
+                    url: this.page_config.kpiConfig.dataConfig.icon,
+                    scaledSize: {
+                        width: 32,
+                        height: 32,
+                    },
+                } : '',
+                map: this.map,
+                title: `${location.city}: $${location.total_sales_amount}`,
+            });
+            this.bounds.extend(marker.getPosition());
+            this.markers.push(marker);
+            const infoWIndowData = this.getInfoWindoData(location);
+            const infoWindow = new google.maps.InfoWindow({
+                content: `<div style="height: 100%; width: 100%; color: black; font-size: 20px;">
+            ${infoWIndowData}
+          </div>`,
+            });
+            marker.addListener("click", () => {
+                if (this.currentInfoWindow) {
+                    this.currentInfoWindow.close();
+                }
+                infoWindow.open(this.map, marker);
+                this.currentInfoWindow = infoWindow;
+            });
+        });
+        this.map.fitBounds(this.bounds);
+        this.map.addListener('zoom_changed', () => this.handleZoomChange());
+    }
+    handleZoomChange() {
+        const zoomLevel = this.map.getZoom();
+        if (zoomLevel < 5) {
+            this.heatmap.setMap(this.map);
+            this.markers.forEach((marker) => marker.setMap(null));
+        }
+        else {
+            this.heatmap.setMap(null);
+            this.markers.forEach((marker) => marker.setMap(this.map));
+        }
+    }
+}
+GammaGeoChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaGeoChartComponent, deps: [{ token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
+GammaGeoChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: GammaGeoChartComponent, selector: "app-gamma-geo-chart", inputs: { rightClickEnable: "rightClickEnable", chartDataSource: "chartDataSource" }, outputs: { getTableConfigOutPut: "getTableConfigOutPut", oRowClick: "oRowClick", onrightClickContextSelection: "onrightClickContextSelection" }, viewQueries: [{ propertyName: "googlMap", first: true, predicate: ["googlMap"], descendants: true }], ngImport: i0, template: "\n<div class=\"mx-2 bg-gray-800\">\n    <ng-container *ngIf=\"isLoader\">\n        <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n            <app-loader></app-loader>\n        </div>\n    </ng-container>\n\n    <div class=\"mx-2 pb-2\">\n\n      <ng-container>\n        <div id=\"regions_div\" #googlMap style=\"width: 100%\" ></div>    \n      </ng-container>\n      \n       \n\n    </div>\n\n\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: GammaGeoChartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-gamma-geo-chart", template: "\n<div class=\"mx-2 bg-gray-800\">\n    <ng-container *ngIf=\"isLoader\">\n        <div class=\"flex justify-center items-start bg-gray-800 p-2\">\n            <app-loader></app-loader>\n        </div>\n    </ng-container>\n\n    <div class=\"mx-2 pb-2\">\n\n      <ng-container>\n        <div id=\"regions_div\" #googlMap style=\"width: 100%\" ></div>    \n      </ng-container>\n      \n       \n\n    </div>\n\n\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: CommonService }]; }, propDecorators: { googlMap: [{
+                type: ViewChild,
+                args: ["googlMap"]
+            }], getTableConfigOutPut: [{
+                type: Output
+            }], oRowClick: [{
+                type: Output
+            }], onrightClickContextSelection: [{
+                type: Output
+            }], rightClickEnable: [{
+                type: Input
+            }], chartDataSource: [{
+                type: Input,
+                args: ["chartDataSource"]
+            }] } });
+
 class kpicommonService {
     constructor(commonService) {
         this.commonService = commonService;
@@ -8174,6 +8511,7 @@ class ApplicationDatssetsCall {
                 'databaseName': dataset.config.queryConfig.databaseName,
                 'filters': this.transformDataForMFilterForSQl(operator, dataset.config.queryConfig.mapedFilters),
                 'templateQuery': dataset.config.queryConfig.templateQuery,
+                'enrichments': dataset.config.queryConfig.enrichments,
             };
             this.service.genericSqlQueryResponse(requestAp, request_params).subscribe({
                 next: (data) => {
@@ -8941,7 +9279,8 @@ class PageConfigComponent {
             GammaTableWithPercentageComponent,
             GammSingleNumberCardComponent,
             GammaAdvanceOperatorTableComponent,
-            AdvanceWidgetHeaderFilterComponent
+            AdvanceWidgetHeaderFilterComponent,
+            GammaGeoChartComponent
         };
         this.dataSourceMataData = [];
         this.queryType = "mongo";
@@ -10485,7 +10824,8 @@ PackageApplicationControllerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion
         GoogleGeoMapComponent,
         GammaTableClumnBarChartComponent,
         ApplicationMenusComponent,
-        ApplicationCreateMenuComponent], imports: [CommonModule, i2.RouterModule, DevExtremeModule,
+        ApplicationCreateMenuComponent,
+        GammaGeoChartComponent], imports: [CommonModule, i2.RouterModule, DevExtremeModule,
         DxButtonModule,
         DxCheckBoxModule,
         DxNumberBoxModule,
@@ -10542,7 +10882,8 @@ PackageApplicationControllerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion
         GeoMapComponent,
         SafeHtmlPipe,
         GoogleGeoMapComponent,
-        GammaTableClumnBarChartComponent] });
+        GammaTableClumnBarChartComponent,
+        GammaGeoChartComponent] });
 PackageApplicationControllerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PackageApplicationControllerModule, providers: [
         ApplicationContentService,
         ApplicationDatssetsCall
@@ -10624,7 +10965,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         GoogleGeoMapComponent,
                         GammaTableClumnBarChartComponent,
                         ApplicationMenusComponent,
-                        ApplicationCreateMenuComponent
+                        ApplicationCreateMenuComponent,
+                        GammaGeoChartComponent
                     ],
                     imports: [
                         CommonModule,
@@ -10689,7 +11031,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         GeoMapComponent,
                         SafeHtmlPipe,
                         GoogleGeoMapComponent,
-                        GammaTableClumnBarChartComponent
+                        GammaTableClumnBarChartComponent,
+                        GammaGeoChartComponent
                     ],
                     providers: [
                         ApplicationContentService,
@@ -10739,5 +11082,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-export { APP_ENVIRONMENT, AdvanceWidgetHeaderFilterComponent, AppAdvanceHeaderComponent, AppHttpService, AppTitleComponent, ApplicationContentService, ApplicationDatssetsCall, ApplicationFilterComponent, ApplicationViewsComponent, BreadCrumbsComponent, CdrConfigComponent, CommonHeaderComponent, CommonService, CreateCompViewComponent, CreateDatasetComponent, CreateDatasetJsonComponent, CreateDatasetSqlComponent, DashChartComponent, DashTableComponent, GamamWidgetComponent, GammSingleNumberCardComponent, GammaAdvanceChartComponent, GammaAdvanceFilterComponent, GammaAdvanceOperatorTableComponent, GammaAppControllerComponent, GammaAppControllerModule, GammaAppControllerService, GammaTableClumnBarChartComponent, GammaTableWithPercentageComponent, GammaTodayPreviousComponent, GeoMapComponent, GoogleGeoMapComponent, IconsModule, LoaderComponent, LoadingComponent, LoadingModule, PackageApplicationControllerModule, SafeHtmlPipe, SqlPipe, TableWithBarComponent, contentSafeHtml, kpicommonService$2 as kpicommonService };
+export { APP_ENVIRONMENT, AdvanceWidgetHeaderFilterComponent, AppAdvanceHeaderComponent, AppHttpService, AppTitleComponent, ApplicationContentService, ApplicationDatssetsCall, ApplicationFilterComponent, ApplicationViewsComponent, BreadCrumbsComponent, CdrConfigComponent, CommonHeaderComponent, CommonService, CreateCompViewComponent, CreateDatasetComponent, CreateDatasetJsonComponent, CreateDatasetSqlComponent, DashChartComponent, DashTableComponent, GamamWidgetComponent, GammSingleNumberCardComponent, GammaAdvanceChartComponent, GammaAdvanceFilterComponent, GammaAdvanceOperatorTableComponent, GammaAppControllerComponent, GammaAppControllerModule, GammaAppControllerService, GammaGeoChartComponent, GammaTableClumnBarChartComponent, GammaTableWithPercentageComponent, GammaTodayPreviousComponent, GeoMapComponent, GoogleGeoMapComponent, IconsModule, LoaderComponent, LoadingComponent, LoadingModule, PackageApplicationControllerModule, SafeHtmlPipe, SqlPipe, TableWithBarComponent, contentSafeHtml, kpicommonService$2 as kpicommonService };
 //# sourceMappingURL=gamma-app-controller.mjs.map