gamma-app-controller 1.1.11 → 1.1.12

package/fesm2015/gamma-app-controller.mjs

@@ -2012,7 +2012,8 @@ class ApplicationFilterComponent {
                     "defaultFilterType": "dynamic",
                     "defaultFilterValue": "15,days",
                     "momentFunction": "subtract",
-                    "momentFormat": "YYYY-MM-DD"
+                    "momentFormat": "YYYY-MM-DD",
+                    "queryFormat": "YYYYMMDD"
                 },
                 {
                     "apiName": "endDate",
@@ -2023,7 +2024,8 @@ class ApplicationFilterComponent {
                     "defaultFilterType": "dynamic",
                     "defaultFilterValue": "1,days",
                     "momentFunction": "subtract",
-                    "momentFormat": "YYYY-MM-DD"
+                    "momentFormat": "YYYY-MM-DD",
+                    "queryFormat": "YYYYMMDD"
                 }]
         };
         this.filter_type = ['single', 'multiple', 'date', 'datetime', "content", "context"];
@@ -2074,7 +2076,8 @@ class ApplicationFilterComponent {
                     "defaultFilterType": "dynamic",
                     "defaultFilterValue": "15,days",
                     "momentFunction": "subtract",
-                    "momentFormat": "YYYY-MM-DD"
+                    "momentFormat": "YYYY-MM-DD",
+                    "queryFormat": "YYYYMMDD"
                 },
                 {
                     "apiName": "endDate",
@@ -2085,11 +2088,13 @@ class ApplicationFilterComponent {
                     "defaultFilterType": "dynamic",
                     "defaultFilterValue": "1,days",
                     "momentFunction": "subtract",
-                    "momentFormat": "YYYY-MM-DD"
+                    "momentFormat": "YYYY-MM-DD",
+                    "queryFormat": "YYYYMMDD"
                 }]
         };
     }
     editFilter(data) {
+        debugger;
         this.creatFilterObject = data;
         this.isNewFilterCreate = true;
     }
@@ -2187,10 +2192,10 @@ class ApplicationFilterComponent {
     }
 }
 ApplicationFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationFilterComponent, deps: [{ token: ApplicationContentService }, { token: CommonService }, { token: i2$1.ToastrService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationFilterComponent, selector: "app-application-filter", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>", 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: "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: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { 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.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { 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: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+ApplicationFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationFilterComponent, selector: "app-application-filter", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Query Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.queryFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>", 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: "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: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { 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.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { 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: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-application-filter', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>" }]
+            args: [{ selector: 'app-application-filter', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Query Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.queryFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>" }]
         }], ctorParameters: function () { return [{ type: ApplicationContentService }, { type: CommonService }, { type: i2$1.ToastrService }, { type: i4.Router }]; } });
 
 class kpicommonService$2 {
@@ -2539,7 +2544,12 @@ class ApplicationDatasetComponent {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                if (mapping.formatter && mapping.formatter !== "") {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                }
+                else {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                }
             }
             const filter = filterdata.find(f => f.hasOwnProperty(mapping.localColumn));
             if (filter) {
@@ -2553,7 +2563,12 @@ class ApplicationDatasetComponent {
                         resultObj.value = value;
                     }
                     if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                        if (mapping.formatter && mapping.formatter !== "") {
+                            resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                        }
+                        else {
+                            resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                        }
                     }
                 }
             }
@@ -2653,7 +2668,12 @@ class ApplicationDatasetComponent {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                if (mapping.formatter && mapping.formatter !== "") {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                }
+                else {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                }
             }
             result.push(resultObj);
         });
@@ -2966,7 +2986,7 @@ class DatasetQueryBulderComponent {
         }
         if (value.queryConfig.mapedFilters == undefined) {
             value.queryConfig.mapedFilters = [];
-            value.queryConfig.mapedFilters.push({ "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "" });
+            value.queryConfig.mapedFilters.push({ "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "", "formatter": "" });
         }
         if (value.queryConfig.sorters == undefined) {
             value.queryConfig.sorters = [];
@@ -3185,7 +3205,7 @@ class DatasetQueryBulderComponent {
         this.toastr.success('Pagination Request Params Saved Successfully');
     }
     addFilterMapingColumns() {
-        let obj = { "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "" };
+        let obj = { "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "", "formatter": "" };
         this.queryBulderDataset.queryConfig.mapedFilters.push(obj);
     }
     deleteFilterMapingColumns(i) {
@@ -3248,6 +3268,7 @@ class DatasetQueryBulderComponent {
             let resultObj = {
                 columnName: mapping.serverColumn,
                 dataType: mapping.dataType,
+                formatter: mapping.formatter,
                 operator: mapping.operatorName,
                 value: mapping.defaultValue
             };
@@ -3298,10 +3319,10 @@ class DatasetQueryBulderComponent {
     }
 }
 DatasetQueryBulderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetQueryBulderComponent, deps: [{ token: CommonService }, { token: i2$1.ToastrService }, { token: ApplicationContentService }], target: i0.ɵɵFactoryTarget.Component });
-DatasetQueryBulderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetQueryBulderComponent, selector: "app-dataset-query-bulder", inputs: { bulderDataset: "bulderDataset" }, outputs: { getQueryBulbderDataSet: "getQueryBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>", 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: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { 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"] }] });
+DatasetQueryBulderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetQueryBulderComponent, selector: "app-dataset-query-bulder", inputs: { bulderDataset: "bulderDataset" }, outputs: { getQueryBulbderDataSet: "getQueryBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Formatter</div>\n                        <dx-text-box [(ngModel)]=\"item.formatter\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>", 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: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { 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: DatasetQueryBulderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dataset-query-bulder', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>" }]
+            args: [{ selector: 'app-dataset-query-bulder', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Formatter</div>\n                        <dx-text-box [(ngModel)]=\"item.formatter\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>" }]
         }], ctorParameters: function () { return [{ type: CommonService }, { type: i2$1.ToastrService }, { type: ApplicationContentService }]; }, propDecorators: { getQueryBulbderDataSet: [{
                 type: Output
             }], bulderDataset: [{
@@ -3320,14 +3341,14 @@ class DatasetRestApiComponent {
     set restApiDataset(value) {
         if (value.queryConfig.mapedFilters == undefined) {
             value.queryConfig.mapedFilters = [];
-            value.queryConfig.mapedFilters.push({ "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "" });
+            value.queryConfig.mapedFilters.push({ "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "", "formatter": "" });
         }
         this.apiBulderDataset = value;
     }
     ngOnInit() {
     }
     addFilterMapingColumns() {
-        let obj = { "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "" };
+        let obj = { "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "", "formatter": "" };
         this.apiBulderDataset.queryConfig.mapedFilters.push(obj);
     }
     deleteFilterMapingColumns(i) {
@@ -3351,10 +3372,10 @@ class DatasetRestApiComponent {
     }
 }
 DatasetRestApiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetRestApiComponent, deps: [{ token: i2$1.ToastrService }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
-DatasetRestApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetRestApiComponent, selector: "app-dataset-rest-api", inputs: { restApiDataset: "restApiDataset" }, outputs: { getRestApiBulbderDataSet: "getRestApiBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", 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: 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"] }] });
+DatasetRestApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetRestApiComponent, selector: "app-dataset-rest-api", inputs: { restApiDataset: "restApiDataset" }, outputs: { getRestApiBulbderDataSet: "getRestApiBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Formatter</div>\n                    <dx-text-box [(ngModel)]=\"item.formatter\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", 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: 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: DatasetRestApiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dataset-rest-api', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>" }]
+            args: [{ selector: 'app-dataset-rest-api', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Formatter</div>\n                    <dx-text-box [(ngModel)]=\"item.formatter\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i2$1.ToastrService }, { type: CommonService }]; }, propDecorators: { getRestApiBulbderDataSet: [{
                 type: Output
             }], restApiDataset: [{
@@ -3595,13 +3616,7 @@ class GoogleGeoMapComponent {
                         width: 32,
                         height: 32,
                     },
-                } : {
-                    path: google.maps.SymbolPath.CIRCLE,
-                    scale: 5,
-                    fillColor: 'blue',
-                    fillOpacity: 0.6,
-                    strokeWeight: 0,
-                },
+                } : "",
                 map: this.map,
                 title: `${location.city}: $${location.total_sales_amount}`,
             });
@@ -4420,6 +4435,14 @@ 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": {
@@ -4473,10 +4496,6 @@ class DashTableComponent {
                 this.tableDataConfig.columns = value.selectedWidgetConfig.dataConfig.columns;
                 if (value.selectedWidgetConfig.viewProperties) {
                     this.viewProperties = value.selectedWidgetConfig.viewProperties;
-                    this.viewProperties = {
-                        "enableClickEvent": value.selectedWidgetConfig.viewProperties.enableClickEvent,
-                        "enableRightClickEvent": value.selectedWidgetConfig.viewProperties.enableRightClickEvent
-                    };
                     if (value.selectedWidgetConfig.viewProperties.enableClickEvent) {
                         if (value.selectedWidgetConfig.viewProperties.clickEventOptions.eventType == 'optionalDrillDown') {
                             this.optionalDrilDownDataSource = value.selectedWidgetConfig.viewProperties.clickEventOptions.associatedViews;
@@ -4491,22 +4510,6 @@ 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,
-                                enableRightClickEvent: true,
-                                clickEventOptions: {
-                                    associatedViews: [],
-                                    eventType: ""
-                                }
-                            };
-                        }
                     }
                     else {
                         this.viewProperties['clickEventOptions'] = {};
@@ -5831,7 +5834,12 @@ class CreateCompViewComponent {
             };
             const filter = filterdata.find(f => f.hasOwnProperty(mapping.localColumn));
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                if (mapping.formatter && mapping.formatter !== "") {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                }
+                else {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                }
             }
             if (filter) {
                 if (mapping.defaultValue === "") {
@@ -5844,7 +5852,12 @@ class CreateCompViewComponent {
                         resultObj.value = value;
                     }
                     if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                        if (mapping.formatter && mapping.formatter !== "") {
+                            resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                        }
+                        else {
+                            resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                        }
                     }
                 }
             }
@@ -5872,7 +5885,12 @@ class CreateCompViewComponent {
             dataset.config.queryConfig.mapedFilters.forEach((filter) => {
                 let datecolumn = filter.serverColumn.toLowerCase();
                 if (datecolumn.includes('date') && typeof filter.dataType === 'string') {
-                    serviceJson[filter.serverColumn] = moment(filter.defaultValue, "YYYYMMDD").format(this.environment.dataFormat);
+                    if (filter.formatter && filter.formatter !== "") {
+                        serviceJson[filter.serverColumn] = moment(filter.defaultValue, "YYYY-MM-DD").format(filter.formatter);
+                    }
+                    else {
+                        serviceJson[filter.serverColumn] = moment(filter.defaultValue, "YYYY-MM-DD").format(this.environment.dataFormat);
+                    }
                 }
                 else {
                     serviceJson[filter.serverColumn] = filter.defaultValue;
@@ -6155,7 +6173,12 @@ class CreateCompViewComponent {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                if (mapping.formatter && mapping.formatter !== "") {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                }
+                else {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                }
             }
             result.push(resultObj);
         });
@@ -9351,7 +9374,12 @@ class ApplicationDatssetsCall {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                if (mapping.formatter && mapping.formatter !== "") {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                }
+                else {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                }
             }
             const filter = filterdata.find(f => f.hasOwnProperty(mapping.localColumn));
             if (filter) {
@@ -9365,7 +9393,12 @@ class ApplicationDatssetsCall {
                         resultObj.value = value;
                     }
                     if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                        if (mapping.formatter && mapping.formatter !== "") {
+                            resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                        }
+                        else {
+                            resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                        }
                     }
                 }
             }
@@ -9507,7 +9540,12 @@ class ApplicationDatssetsCall {
                 aliasColumnName: mapping.localColumn,
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                if (mapping.formatter && mapping.formatter !== "") {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(mapping.formatter);
+                }
+                else {
+                    resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
+                }
             }
             const filter = filterdata.find(f => f.hasOwnProperty(mapping.localColumn));
             if (filter) {
@@ -9623,7 +9661,7 @@ class CreateDatasetSqlComponent {
     set sqlBulderDataset(value) {
         if (value.queryConfig.mapedFilters == undefined) {
             value.queryConfig.mapedFilters = [];
-            value.queryConfig.mapedFilters.push({ "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "" });
+            value.queryConfig.mapedFilters.push({ "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "", "formatter": "" });
         }
         if (value.queryConfig.templateQuery != "") {
             this.queryStringData = value.queryConfig.templateQuery;
@@ -9636,7 +9674,7 @@ class CreateDatasetSqlComponent {
         });
     }
     addFilterMapingColumns() {
-        let obj = { "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "" };
+        let obj = { "localColumn": "", "serverColumn": "", "operatorName": "", "defaultValue": "", "dataType": "", "formatter": "" };
         this.apiBulderDataset.queryConfig.mapedFilters.push(obj);
     }
     deleteFilterMapingColumns(i) {
@@ -9756,10 +9794,10 @@ class CreateDatasetSqlComponent {
     }
 }
 CreateDatasetSqlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateDatasetSqlComponent, deps: [{ token: i2$1.ToastrService }, { token: CommonService }, { token: SqlPipe }, { token: ApplicationContentService }], target: i0.ɵɵFactoryTarget.Component });
-CreateDatasetSqlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateDatasetSqlComponent, selector: "app-create-dataset-sql", inputs: { sqlBulderDataset: "sqlBulderDataset" }, outputs: { getSqlQueryBulbderDataSet: "getSqlQueryBulbderDataSet" }, providers: [SqlPipe], ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", 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: 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "pipe", type: SqlPipe, name: "sql" }] });
+CreateDatasetSqlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateDatasetSqlComponent, selector: "app-create-dataset-sql", inputs: { sqlBulderDataset: "sqlBulderDataset" }, outputs: { getSqlQueryBulbderDataSet: "getSqlQueryBulbderDataSet" }, providers: [SqlPipe], ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                \n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Formatter</div>\n                    <dx-text-box [(ngModel)]=\"item.formatter\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", 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: 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "pipe", type: SqlPipe, name: "sql" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateDatasetSqlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-create-dataset-sql', providers: [SqlPipe], template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>" }]
+            args: [{ selector: 'app-create-dataset-sql', providers: [SqlPipe], template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                \n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Formatter</div>\n                    <dx-text-box [(ngModel)]=\"item.formatter\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i2$1.ToastrService }, { type: CommonService }, { type: SqlPipe }, { type: ApplicationContentService }]; }, propDecorators: { getSqlQueryBulbderDataSet: [{
                 type: Output
             }], sqlBulderDataset: [{