gamma-app-controller 1.1.6 → 1.1.7

package/fesm2015/gamma-app-controller.mjs

@@ -2300,7 +2300,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }] });
 
 class ApplicationDatasetComponent {
-    constructor(service, commonService, toastr, activatedRoute, router, title, kpiService) {
+    constructor(service, commonService, toastr, activatedRoute, router, title, kpiService, environment) {
         this.service = service;
         this.commonService = commonService;
         this.toastr = toastr;
@@ -2308,6 +2308,7 @@ class ApplicationDatasetComponent {
         this.router = router;
         this.title = title;
         this.kpiService = kpiService;
+        this.environment = environment;
         this.dataSourceModal = {};
         this.title.setTitle('Application Datasets');
     }
@@ -2516,7 +2517,6 @@ class ApplicationDatasetComponent {
         }
         transformedObject['measures'] = request.measures;
         transformedObject['dimensions'] = request.dimensions;
-        let defaultFilters = { operationFilter: { startDate: moment().subtract('15', 'days').format('YYYY-MM-DD'), endDate: moment().format('YYYY-MM-DD') } };
         transformedObject['filters'] = this.transformDataForMFilter([], request.mapedFilters);
         transformedObject['sorters'] = request.sorters;
         transformedObject["paginationRequired"] = false;
@@ -2539,7 +2539,7 @@ class ApplicationDatasetComponent {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYY-MM-DD");
+                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 +2553,7 @@ class ApplicationDatasetComponent {
                         resultObj.value = value;
                     }
                     if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYY-MM-DD");
+                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
                     }
                 }
             }
@@ -2572,7 +2572,7 @@ class ApplicationDatasetComponent {
                 serviceJson[filter.serverColumn] = filter.defaultValue;
                 let datecolumn = filter.serverColumn.toLowerCase();
                 if (datecolumn.includes('date') && typeof filter.dataType === 'string') {
-                    serviceJson[filter.serverColumn] = moment(filter.defaultValue, "YYYYMMDD").format("YYYY-MM-DD");
+                    serviceJson[filter.serverColumn] = moment(filter.defaultValue, "YYYY-MM-DD").format(this.environment.dataFormat);
                 }
                 else {
                     serviceJson[filter.serverColumn] = filter.defaultValue;
@@ -2653,19 +2653,24 @@ class ApplicationDatasetComponent {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYY-MM-DD");
+                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
             }
             result.push(resultObj);
         });
         return result;
     }
 }
-ApplicationDatasetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatasetComponent, deps: [{ token: ApplicationContentService }, { token: CommonService }, { token: i2$1.ToastrService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i1.Title }, { token: kpicommonService$2 }], target: i0.ɵɵFactoryTarget.Component });
+ApplicationDatasetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatasetComponent, deps: [{ token: ApplicationContentService }, { token: CommonService }, { token: i2$1.ToastrService }, { token: i4.ActivatedRoute }, { token: i4.Router }, { token: i1.Title }, { token: kpicommonService$2 }, { token: APP_ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Component });
 ApplicationDatasetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationDatasetComponent, selector: "app-application-dataset", viewQueries: [{ propertyName: "scrollToElement", first: true, predicate: ["scrollToElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Datasets'\"></lib-common-header>\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 class=\"mb-2 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> Manage Datasets\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToView()\" *ngIf=\"pageViewId\">\n                        Back To View\n                    </button>\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageConfigId\">\n                        Back To Page\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"getCreateNewDataset()\">\n                        Add Dataset\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"dataSettableDataSource\" [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                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\"></dxo-search-panel>\n\n                <dxi-column dataField=\"datasetName\"></dxi-column>\n                <dxi-column dataField=\"datasetType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></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)=\"editDataset(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateDataset(data.data)\">\n                        Duplicate\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"testDataset(data.data)\">\n                        Test Data\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n\n</div>\n\n\n<dx-popup [(visible)]=\"isDatasetPreview\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"{{dataSourceModal.datasetName}}\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <!-- <div class=\"text-2xl \">{{dataSourceModal.datasetName}}</div> -->\n        <div class=\"flex flex-row mt-2\">\n            <ng-container *ngIf=\"isFilterInputs\">\n                <ng-container *ngIf=\"dataSourceModal.config.queryConfig\">\n                    <ng-container *ngFor=\"let request of dataSourceModal.config.queryConfig.mapedFilters\">\n                        <div class=\"m-2\">\n                            <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                            <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                (onValueChanged)=\"startDateChange($event,request)\"\n                                *ngIf=\"getFilter(request.localColumn)\">\n                            </dx-date-box>\n                            <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <div class=\"mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer my-4\" (click)=\"getDataPreview()\">\n                        Check\n                    </button>\n                </div>\n            </ng-container>\n        </div>\n\n\n        <div class=\"w-full border p-3\">\n            <app-loader *ngIf=\"isDatasetloader\"></app-loader>\n            <ng-container *ngIf=\"!isDatasetloader\">\n\n                <pre><code>{{dataSourceModal.data | json}}</code></pre>\n            </ng-container>\n        </div>\n    </div>\n</dx-popup>", 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: 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.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i11.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i4$2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: 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"] }, { kind: "pipe", type: i4$1.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatasetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-application-dataset', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Datasets'\"></lib-common-header>\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 class=\"mb-2 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> Manage Datasets\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToView()\" *ngIf=\"pageViewId\">\n                        Back To View\n                    </button>\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageConfigId\">\n                        Back To Page\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"getCreateNewDataset()\">\n                        Add Dataset\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"dataSettableDataSource\" [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                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\"></dxo-search-panel>\n\n                <dxi-column dataField=\"datasetName\"></dxi-column>\n                <dxi-column dataField=\"datasetType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></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)=\"editDataset(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateDataset(data.data)\">\n                        Duplicate\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"testDataset(data.data)\">\n                        Test Data\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n\n</div>\n\n\n<dx-popup [(visible)]=\"isDatasetPreview\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"{{dataSourceModal.datasetName}}\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <!-- <div class=\"text-2xl \">{{dataSourceModal.datasetName}}</div> -->\n        <div class=\"flex flex-row mt-2\">\n            <ng-container *ngIf=\"isFilterInputs\">\n                <ng-container *ngIf=\"dataSourceModal.config.queryConfig\">\n                    <ng-container *ngFor=\"let request of dataSourceModal.config.queryConfig.mapedFilters\">\n                        <div class=\"m-2\">\n                            <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                            <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                (onValueChanged)=\"startDateChange($event,request)\"\n                                *ngIf=\"getFilter(request.localColumn)\">\n                            </dx-date-box>\n                            <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <div class=\"mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer my-4\" (click)=\"getDataPreview()\">\n                        Check\n                    </button>\n                </div>\n            </ng-container>\n        </div>\n\n\n        <div class=\"w-full border p-3\">\n            <app-loader *ngIf=\"isDatasetloader\"></app-loader>\n            <ng-container *ngIf=\"!isDatasetloader\">\n\n                <pre><code>{{dataSourceModal.data | json}}</code></pre>\n            </ng-container>\n        </div>\n    </div>\n</dx-popup>" }]
-        }], ctorParameters: function () { return [{ type: ApplicationContentService }, { type: CommonService }, { type: i2$1.ToastrService }, { type: i4.ActivatedRoute }, { type: i4.Router }, { type: i1.Title }, { type: kpicommonService$2 }]; }, propDecorators: { scrollToElement: [{
+        }], ctorParameters: function () {
+        return [{ type: ApplicationContentService }, { type: CommonService }, { type: i2$1.ToastrService }, { type: i4.ActivatedRoute }, { type: i4.Router }, { type: i1.Title }, { type: kpicommonService$2 }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [APP_ENVIRONMENT]
+                    }] }];
+    }, propDecorators: { scrollToElement: [{
                 type: ViewChild,
                 args: ['scrollToElement']
             }] } });
@@ -4942,6 +4947,271 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 args: ['datasetmodal']
             }] } });
 
+class DashTodayPreviousComponent {
+    constructor(commonService, cdr, service, taostr) {
+        this.commonService = commonService;
+        this.cdr = cdr;
+        this.service = service;
+        this.taostr = taostr;
+        this.dataSourseForTable = [];
+        this.allConfiguredViews = [];
+        this.optionalDrilDownDataSource = [];
+        this.table_columns_config = {
+            "kpiConfig": {
+                "serviceId": "",
+                "api": "/kpi/trends/network/get-metric-data",
+                "displayType": "table",
+                "formate": "",
+                "keyToPass": [],
+                "componentName": "GammaAdvanceOperatorTableComponent",
+                "dataConfig": {}
+            },
+        };
+        this.tableDataConfig = {
+            "timeUnit": "Day",
+            "timeValue": 1,
+            "isPreviousDay": true,
+            "color": "",
+            "size": "",
+            "sortBy": [],
+            "columns": []
+        };
+        this.enrichNameList = ["abbreviateNumber", "getColorCodeSpan", "ThousandSeparator", "ThousandSeparatorWithTwoDecimals"];
+        this.isLoader = true;
+        this.activeTab = 'basic';
+        this.gettodayPreviousConfigOutPut = new EventEmitter();
+    }
+    set chartconfigData(value) {
+        if (value === undefined || value.length === 0) {
+            return;
+        }
+        else {
+            this.jsaonDatasource = value.data[0];
+            this.previousRevenue = value.data.length > 1 ? value.data[1].revenue : null;
+            this.configColume = Object.keys(value.data[0]);
+            this.dataSourseForTable = value.data.slice(0, 10);
+            this.selectedViewConfigs = value;
+            this.selectedTableViewType = value.selectedViewType;
+            if (value.selectedWidgetConfig) {
+                this.table_columns_config['kpiConfig'] = value.selectedWidgetConfig;
+                this.tableDataConfig = value.selectedWidgetConfig.dataConfig;
+                this.tableDataConfig.columns = (value.selectedWidgetConfig.dataConfig.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;
+                            this.viewProperties['clickEventOptions'] = {
+                                "eventType": value.selectedWidgetConfig.viewProperties.clickEventOptions.eventType,
+                                "associatedViews": []
+                            };
+                        }
+                        else if (value.selectedWidgetConfig.viewProperties.clickEventOptions.eventType == 'drilldown') {
+                            this.viewProperties['clickEventOptions'] = {
+                                "eventType": value.selectedWidgetConfig.viewProperties.clickEventOptions.eventType,
+                                "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'] = {};
+                    }
+                }
+                else {
+                    this.viewProperties = {
+                        enableClickEvent: false,
+                        enableRightClickEvent: true,
+                        clickEventOptions: {
+                            associatedViews: [],
+                            eventType: ""
+                        }
+                    };
+                }
+                this.cdr.detectChanges();
+            }
+            else {
+                this.tableDataConfig.columns = value.columnData;
+                this.viewProperties = {
+                    enableClickEvent: false,
+                    enableRightClickEvent: true,
+                    clickEventOptions: {
+                        associatedViews: [],
+                        eventType: ""
+                    }
+                };
+                if (!this.tableDataConfig.columns) {
+                    this.tableDataConfig.columns = [];
+                    this.configColume.forEach(element => {
+                        let obj = {
+                            "visible": true,
+                            "dataField": element,
+                            "caption": this.commonService.convertString(element),
+                            "enrichName": "",
+                        };
+                        this.tableDataConfig.columns.push(obj);
+                    });
+                    console.log(this.configColume);
+                }
+                this.cdr.detectChanges();
+            }
+        }
+    }
+    ngOnInit() {
+        this.isLoader = true;
+        this.service.getAppViewConfigs().subscribe({
+            next: (data) => {
+                this.allConfiguredViews = data;
+                this.isLoader = false;
+            }, error: (err) => {
+                this.taostr.error('Unexpected Server Exception. Please contact System Admin.', 'All Views');
+            }
+        });
+        if (this.optionalDrilDownDataSource.length == 0) {
+            this.optionalDrilDownDataSource = [
+                {
+                    'viewId': "",
+                    'filterCondition': ""
+                }
+            ];
+        }
+        this.cdr.detectChanges();
+    }
+    addColumns() {
+        let obj = {
+            "visible": true,
+            "dataField": "",
+            "caption": "",
+            "enrichName": "",
+        };
+        if (this.selectedTableViewType === 'groupTable') {
+            obj['group'] = '';
+        }
+        this.tableDataConfig.columns.push(obj);
+    }
+    deleteColumns(i) {
+        this.tableDataConfig.columns.splice(i, 1);
+    }
+    getEnrichClassName(e, item) {
+        item.enrichName = e.value;
+    }
+    moveItemForColumns(index, direction) {
+        if (index < 0 || index >= this.tableDataConfig.columns.length)
+            return;
+        const newPosition = direction === 'up' ? index - 1 : index + 1;
+        if (newPosition < 0 || newPosition >= this.tableDataConfig.columns.length)
+            return;
+        const itemToMove = this.tableDataConfig.columns[index];
+        this.tableDataConfig.columns.splice(index, 1);
+        this.tableDataConfig.columns.splice(newPosition, 0, itemToMove);
+    }
+    getObjectKeys(obj) {
+        return Object.keys(obj);
+    }
+    setActiveTab(tab) {
+        this.activeTab = tab;
+    }
+    getGroupColumns(columns) {
+        const groupedColumns = columns.reduce((acc, column) => {
+            let group = acc.find(item => item.caption === column.group);
+            if (!group) {
+                group = {
+                    caption: column.group,
+                    columns: []
+                };
+                acc.push(group);
+            }
+            group.columns.push({
+                dataField: column.dataField,
+                visible: column.visible,
+                caption: column.caption
+            });
+            return acc;
+        }, []);
+        return groupedColumns;
+    }
+    geColumnsFromGroup(columns) {
+        const newColumns = [];
+        columns.forEach(group => {
+            group.columns.forEach(col => {
+                newColumns.push({
+                    dataField: col.dataField,
+                    visible: col.visible,
+                    caption: col.caption,
+                    group: group.caption
+                });
+            });
+        });
+        return newColumns;
+    }
+    getSaveConfig() {
+        debugger;
+        if (this.viewProperties.clickEventOptions.eventType == 'optionalDrillDown') {
+            this.viewProperties['clickEventOptions']['associatedViews'] = this.optionalDrilDownDataSource;
+        }
+        this.table_columns_config.kpiConfig['viewProperties'] = this.viewProperties;
+        this.table_columns_config.kpiConfig.dataConfig = JSON.parse(JSON.stringify(this.tableDataConfig));
+        this.gettodayPreviousConfigOutPut.emit(this.table_columns_config);
+    }
+    deleteAssociatedParams(index) {
+        this.optionalDrilDownDataSource.splice(index, 1);
+    }
+    addAssociatedParams() {
+        this.optionalDrilDownDataSource.push({
+            'viewId': "",
+            'filterCondition': ""
+        });
+    }
+    getSelectedEventType(e) {
+        if (e.event) {
+            this.optionalDrilDownDataSource = [];
+            if (this.viewProperties.clickEventOptions.eventType == 'drilldown') {
+                this.table_columns_config.kpiConfig['viewProperties']['associatedViews'] = [];
+            }
+        }
+    }
+    resetViewProprstise() {
+        this.viewProperties = {
+            enableClickEvent: false,
+            enableRightClickEvent: true,
+            clickEventOptions: {
+                associatedViews: [],
+                eventType: ""
+            }
+        };
+    }
+}
+DashTodayPreviousComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DashTodayPreviousComponent, deps: [{ token: CommonService }, { token: i0.ChangeDetectorRef }, { token: ApplicationContentService }, { token: i2$1.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
+DashTodayPreviousComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DashTodayPreviousComponent, selector: "lib-dash-today-previous", inputs: { chartconfigData: ["datasetmodal", "chartconfigData"] }, outputs: { gettodayPreviousConfigOutPut: "gettodayPreviousConfigOutPut" }, ngImport: i0, template: "\n\n<div class=\"m-2\"></div>\n    <div class=\"w-full m-2 border-r\">\n        <ng-container *ngIf=\"!isJsonPreview\">\n            <pre><code>{{jsaonDatasource | json}}</code></pre>\n        </ng-container>\n        <ng-container *ngIf=\"isJsonPreview\">    \n            <div class=\"flex justify-center items-start bg-gray-800 p-3 mx-2 text-center\">\n        <div class=\"w-full\">\n            <div [style.color]=\"tableDataConfig.color\"\n         [style.font-size.px]=\"tableDataConfig.size || 16\"\n                class=\"font-semibold\">{{jsaonDatasource.revenue}}</div>\n            <div class=\"text-gray-400 text-sm font-light m-2\">\n                Previous: {{ previousRevenue !== null ? previousRevenue : 'N/A' }}\n                <span class=\"text-teal-400\">(0.0001%)</span>\n            </div>\n            </div>\n        </div>\n        </ng-container>\n    </div>\n    <div class=\"w-full mx-2 border-r\">\n        <div class=\"mb-4 border-b border-gray-200 dark:border-gray-700\">\n            <ul class=\"flex flex-wrap -mb-px text-sm font-medium text-center\" role=\"tablist\">\n                <li class=\"me-2\" role=\"presentation\">\n                    <button class=\"inline-block p-4 border-b-2 rounded-t-lg\" [ngClass]=\"{\n                                        'text-purple-600 border-purple-600 dark:text-purple-500 dark:border-purple-500': activeTab === 'basic',\n                                        'text-gray-500 dark:text-gray-400 border-transparent': activeTab !== 'basic'\n                                    }\" (click)=\"setActiveTab('basic')\" type=\"button\" role=\"tab\">\n                        Basic\n                    </button>\n                </li>\n                <li class=\"me-2\" role=\"presentation\">\n                    <button class=\"inline-block p-4 border-b-2 rounded-t-lg\" [ngClass]=\"{\n                                        'text-purple-600 border-purple-600 dark:text-purple-500 dark:border-purple-500': activeTab === 'columns',\n                                        'text-gray-500 dark:text-gray-400 border-transparent': activeTab !== 'columns'\n                                    }\" (click)=\"setActiveTab('columns')\" type=\"button\" role=\"tab\">\n                        Columns\n                    </button>\n                </li>\n                <li class=\"me-2\" role=\"presentation\">\n                    <button class=\"inline-block p-4 border-b-2 rounded-t-lg\" [ngClass]=\"{\n                                        'text-purple-600 border-purple-600 dark:text-purple-500 dark:border-purple-500': activeTab === 'properties',\n                                        'text-gray-500 dark:text-gray-400 border-transparent': activeTab !== 'properties'\n                                    }\" (click)=\"setActiveTab('properties')\" type=\"button\" role=\"tab\">\n                        Properties\n                    </button>\n                </li>\n\n            </ul>\n        </div>\n\n        <div id=\"default-styled-tab-content\">   \n            <div *ngIf=\"activeTab === 'basic'\">\n                <div class=\"flex flex-col flex-auto min-w-0\">\n                    <div class=\"text-sm py-1 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Title Config\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <div class=\"my-2 flex justify-between\">\n                            \n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\">Color</div>\n                                <dx-color-box [(ngModel)]=\"tableDataConfig.color\"></dx-color-box>\n\n                            </div>\n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\">Size</div>\n                                <dx-text-box placeholder=\"Enter size\"  [(ngModel)]=\"tableDataConfig.size\"></dx-text-box>\n                    \n                            </div>\n                            \n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\"> Key To Pass </div>\n                                <dx-tag-box [items]=\"configColume\"\n                                    [(ngModel)]=\"table_columns_config.kpiConfig.keyToPass\"></dx-tag-box>\n                            </div>\n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\"> Display Formate </div>\n                                <dx-select-box [items]=\"['daily','hourly','monthly']\"\n                                    [(ngModel)]=\"table_columns_config.kpiConfig.formate\"></dx-select-box>\n                            </div>\n\n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\"> Sort By </div>\n                                <dx-tag-box [items]=\"configColume\"\n                                    [(ngModel)]=\"tableDataConfig.sortBy\"></dx-tag-box>\n                            </div>\n                            </div>         \n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"activeTab === 'basic'\" class=\"flex flex-col flex-auto min-w-0\">\n                    <div class=\"text-sm py-1 font-extrabold border-b bg-gray-700 text-white px-2\"> Select The Previos Date Range\n                    </div>\n                    <div class=\"flex flse-row border-x border-b p-4\">\n                        <div class=\"px-1 mb-1 w-full\">\n                            <div class=\"text-md mb-2\" style=\"margin-top: 37px;\">\n                                    <dx-check-box [(value)]=\"tableDataConfig.isPreviousDay\" text=\"Previous Day\"></dx-check-box>\n                                \n                        </div>\n                        <ng-container *ngIf=\"tableDataConfig.isPreviousDay\">\n                            <div class=\"px-1 mb-1 w-1/2 flex items-center\">\n                                <dx-select-box \n                                    [items]=\"['Day', 'Month', 'Year']\"\n                                     class=\"ml-2\"\n                                     [(ngModel)]=\"tableDataConfig.timeUnit\">\n                                </dx-select-box>\n                                \n                                <dx-text-box type=\"number\" [(ngModel)]=\"tableDataConfig.timeValue\"\n                                    class=\"ml-2\"></dx-text-box>\n                                </div>\n                        </ng-container>\n                        \n                    </div>\n                </div>\n\n            </div>\n            <div *ngIf=\"activeTab === 'columns'\">\n                <div class=\"h-full overflow-x-auto\">\n                    <div class=\"flex flex-col flex-auto min-w-0\">\n\n                        <div class=\"pt-2 border-x border-b \">\n                            <div class=\"my-2 border-b flex flex-row\"\n                                *ngFor=\"let item of tableDataConfig.columns; let i = index;\">\n                                <div class=\"px-1 mb-2 mt-6 w-full\">\n                                    <dx-check-box [(ngModel)]=\"item.visible\"\n                                        text=\"Visiblity\"></dx-check-box>\n                                </div>\n                                \n                                <div class=\"px-1 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> Value Field</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"configColume\"\n                                        [(ngModel)]=\"item.dataField\"></dx-select-box>\n                                </div>\n                                <div class=\"px-1 mb-2 w-full\">\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-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> UI Function</div>\n                                    <dx-select-box [items]=\"enrichNameList\" [(ngModel)]=\"item.enrichName\"\n                                        [searchEnabled]=\"true\"></dx-select-box>\n                                </div>\n                                <div class=\"text-center mt-8 w-full\">\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 !== tableDataConfig.columns.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                                    <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\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                            Columns</button>\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"activeTab === 'properties'\">\n                <div class=\"h-full overflow-x-auto\">\n                    <app-loader *ngIf=\"isLoader\"></app-loader>\n                    <ng-container *ngIf=\"!isLoader\">\n                        <div class=\"flex flex-row justify-between border-b py-3\">\n                            <div class=\"mx-2\">\n                                <dx-check-box [value]=\"viewProperties.enableClickEvent\"\n                                    [(ngModel)]=\"viewProperties.enableClickEvent\"\n                                    text=\"Enable Click Event\"></dx-check-box>\n                            </div>\n                            <div class=\"mx-2\">\n                                <dx-check-box [value]=\"viewProperties.enableRightClickEvent\"\n                                    [(ngModel)]=\"viewProperties.enableRightClickEvent\"\n                                    text=\"Enable Right Click\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"w-full p-2\" *ngIf=\"viewProperties.enableClickEvent\">\n\n                            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                                <div class=\"text-sm py-1 font-extrabold border-b bg-gray-700 text-white px-2\"> Event\n                                    Type\n                                    Option\n                                </div>\n                                <div class=\"w-full p-3 border-x border-b \">\n                                    <div class=\"flex flex-row\">\n                                        <div class=\"w-full\">\n                                            <div class=\"text-md mb-2\"> Event Type</div>\n                                        </div>\n                                        <div class=\"w-full\">\n                                            <dx-select-box [items]=\"['drilldown','sameViewDrilldown','optionalDrillDown']\"\n                                                (onValueChanged)=\"getSelectedEventType($event)\"\n                                                [(ngModel)]=\"viewProperties.clickEventOptions.eventType\"></dx-select-box>\n                                        </div>\n                                    </div>\n                                    <ng-container *ngIf=\"viewProperties.clickEventOptions.eventType == 'drilldown'\">\n                                        <div class=\"flex flex-row justify-between mt-3\">\n                                            <div class=\"w-full\">\n                                                <div class=\"text-md mb-2\"> Associated Views</div>\n                                                <dx-tag-box [items]=\"allConfiguredViews\"\n                                                    [(ngModel)]=\"viewProperties.clickEventOptions.associatedViews\"\n                                                    valueExpr=\"viewId\" displayExpr=\"viewName\"\n                                                    [showSelectionControls]=\"true\" [searchEnabled]=\"true\"></dx-tag-box>\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <ng-container *ngIf=\"viewProperties.clickEventOptions.eventType == 'sameViewDrilldown'\">\n                                        <div class=\"flex flex-row justify-between mt-3\">\n                                            <div class=\"w-full\">\n                                                <div class=\"text-md mb-2\"> Associated Views</div>\n                                                <dx-tag-box [items]=\"allConfiguredViews\"\n                                                    [(ngModel)]=\"viewProperties.clickEventOptions.associatedViews\"\n                                                    valueExpr=\"viewId\" displayExpr=\"viewName\"\n                                                    [showSelectionControls]=\"true\" [searchEnabled]=\"true\"></dx-tag-box>\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"viewProperties.clickEventOptions.eventType == 'optionalDrillDown'\">\n                                        <div class=\"flex flex-row justify-between mt-3\">\n                                            <div class=\"w-full\">\n                                                <ng-container\n                                                    *ngFor=\"let item of optionalDrilDownDataSource;let i = index;\">\n\n                                                    <div class=\"flex flex-row justify-between\">\n                                                        <div class=\"mx-2 w-1/2\">\n                                                            <div class=\"text-md mb-2\"> Associated Views</div>\n                                                            <dx-tag-box [items]=\"allConfiguredViews\"\n                                                                [(ngModel)]=\"item.viewId\" valueExpr=\"viewId\"\n                                                                displayExpr=\"viewName\" [showSelectionControls]=\"true\"\n                                                                [maxDisplayedTags]=\"2\"\n                                                                [searchEnabled]=\"true\"></dx-tag-box>\n\n                                                        </div>\n                                                        <div class=\"mx-2 w-1/2\">\n                                                            <div class=\"text-md mb-2\"> Associated Params</div>\n                                                            <dx-text-box\n                                                                [(ngModel)]=\"item.filterCondition\"></dx-text-box>\n                                                        </div>\n                                                        <div class=\"mx-2\">\n                                                            <button\n                                                                class=\"{{commonService.btn_danger_sm}} cursor-pointer mt-8\"\n                                                                (click)=\"deleteAssociatedParams(i)\"><i\n                                                                    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 mt-4\">\n                                                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                                                        (click)=\"addAssociatedParams()\">Add\n                                                        Params</button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <button class=\"{{commonService.btn_light_md}} cursor-pointer mt-4\"\n                                        (click)=\"resetViewProprstise()\">Reset All Event</button>\n                                </div>\n                            </div>\n\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n\n        </div>\n    </div>\n\n\n<div class=\"flex flex-row border-t pl-3\">\n    <div class=\"flex justify-start mx-1\">\n        <button class=\"{{commonService.btn_warning_md}} cursor-pointer mt-2\" (click)=\"isJsonPreview = true\">\n            Preview</button>\n        <button class=\"{{commonService.btn_primary_md}} cursor-pointer mt-2\" (click)=\"isJsonPreview = false\">Data\n            Preview</button>\n    </div>\n    <div class=\"flex justify-end mx-1 flex-grow\">\n        <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n            (click)=\"getSaveConfig()\">Submit</button>\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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$2.DxColorBoxComponent, selector: "dx-color-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyButtonText", "applyValueMode", "buttons", "cancelButtonText", "deferRendering", "disabled", "dropDownButtonTemplate", "dropDownOptions", "editAlphaChannel", "elementAttr", "fieldTemplate", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "keyStep", "label", "labelMode", "name", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showDropDownButton", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onChange", "onClosed", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "cancelButtonTextChange", "deferRenderingChange", "disabledChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "editAlphaChannelChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "keyStepChange", "labelChange", "labelModeChange", "nameChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showDropDownButtonChange", "stylingModeChange", "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: i8$1.DxTagBoxComponent, selector: "dx-tag-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "applyValueMode", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hideSelectedItems", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxDisplayedTags", "maxFilterQueryLength", "maxLength", "minSearchLength", "multiline", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectAllMode", "selectAllText", "selectedItems", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showMultiTagOnly", "showSelectionControls", "stylingMode", "tabIndex", "tagTemplate", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCustomItemCreating", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onMultiTagPreparing", "onOpened", "onOptionChanged", "onSelectAllValueChanged", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "applyValueModeChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hideSelectedItemsChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxDisplayedTagsChange", "maxFilterQueryLengthChange", "maxLengthChange", "minSearchLengthChange", "multilineChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectAllModeChange", "selectAllTextChange", "selectedItemsChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showMultiTagOnlyChange", "showSelectionControlsChange", "stylingModeChange", "tabIndexChange", "tagTemplateChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "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: "pipe", type: i4$1.JsonPipe, name: "json" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DashTodayPreviousComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-dash-today-previous', template: "\n\n<div class=\"m-2\"></div>\n    <div class=\"w-full m-2 border-r\">\n        <ng-container *ngIf=\"!isJsonPreview\">\n            <pre><code>{{jsaonDatasource | json}}</code></pre>\n        </ng-container>\n        <ng-container *ngIf=\"isJsonPreview\">    \n            <div class=\"flex justify-center items-start bg-gray-800 p-3 mx-2 text-center\">\n        <div class=\"w-full\">\n            <div [style.color]=\"tableDataConfig.color\"\n         [style.font-size.px]=\"tableDataConfig.size || 16\"\n                class=\"font-semibold\">{{jsaonDatasource.revenue}}</div>\n            <div class=\"text-gray-400 text-sm font-light m-2\">\n                Previous: {{ previousRevenue !== null ? previousRevenue : 'N/A' }}\n                <span class=\"text-teal-400\">(0.0001%)</span>\n            </div>\n            </div>\n        </div>\n        </ng-container>\n    </div>\n    <div class=\"w-full mx-2 border-r\">\n        <div class=\"mb-4 border-b border-gray-200 dark:border-gray-700\">\n            <ul class=\"flex flex-wrap -mb-px text-sm font-medium text-center\" role=\"tablist\">\n                <li class=\"me-2\" role=\"presentation\">\n                    <button class=\"inline-block p-4 border-b-2 rounded-t-lg\" [ngClass]=\"{\n                                        'text-purple-600 border-purple-600 dark:text-purple-500 dark:border-purple-500': activeTab === 'basic',\n                                        'text-gray-500 dark:text-gray-400 border-transparent': activeTab !== 'basic'\n                                    }\" (click)=\"setActiveTab('basic')\" type=\"button\" role=\"tab\">\n                        Basic\n                    </button>\n                </li>\n                <li class=\"me-2\" role=\"presentation\">\n                    <button class=\"inline-block p-4 border-b-2 rounded-t-lg\" [ngClass]=\"{\n                                        'text-purple-600 border-purple-600 dark:text-purple-500 dark:border-purple-500': activeTab === 'columns',\n                                        'text-gray-500 dark:text-gray-400 border-transparent': activeTab !== 'columns'\n                                    }\" (click)=\"setActiveTab('columns')\" type=\"button\" role=\"tab\">\n                        Columns\n                    </button>\n                </li>\n                <li class=\"me-2\" role=\"presentation\">\n                    <button class=\"inline-block p-4 border-b-2 rounded-t-lg\" [ngClass]=\"{\n                                        'text-purple-600 border-purple-600 dark:text-purple-500 dark:border-purple-500': activeTab === 'properties',\n                                        'text-gray-500 dark:text-gray-400 border-transparent': activeTab !== 'properties'\n                                    }\" (click)=\"setActiveTab('properties')\" type=\"button\" role=\"tab\">\n                        Properties\n                    </button>\n                </li>\n\n            </ul>\n        </div>\n\n        <div id=\"default-styled-tab-content\">   \n            <div *ngIf=\"activeTab === 'basic'\">\n                <div class=\"flex flex-col flex-auto min-w-0\">\n                    <div class=\"text-sm py-1 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Title Config\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <div class=\"my-2 flex justify-between\">\n                            \n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\">Color</div>\n                                <dx-color-box [(ngModel)]=\"tableDataConfig.color\"></dx-color-box>\n\n                            </div>\n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\">Size</div>\n                                <dx-text-box placeholder=\"Enter size\"  [(ngModel)]=\"tableDataConfig.size\"></dx-text-box>\n                    \n                            </div>\n                            \n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\"> Key To Pass </div>\n                                <dx-tag-box [items]=\"configColume\"\n                                    [(ngModel)]=\"table_columns_config.kpiConfig.keyToPass\"></dx-tag-box>\n                            </div>\n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\"> Display Formate </div>\n                                <dx-select-box [items]=\"['daily','hourly','monthly']\"\n                                    [(ngModel)]=\"table_columns_config.kpiConfig.formate\"></dx-select-box>\n                            </div>\n\n                            <div class=\"px-1 mb-1 w-full\">\n                                <div class=\"text-md mb-2\"> Sort By </div>\n                                <dx-tag-box [items]=\"configColume\"\n                                    [(ngModel)]=\"tableDataConfig.sortBy\"></dx-tag-box>\n                            </div>\n                            </div>         \n                        </div>\n                    </div>\n                </div>\n                <div *ngIf=\"activeTab === 'basic'\" class=\"flex flex-col flex-auto min-w-0\">\n                    <div class=\"text-sm py-1 font-extrabold border-b bg-gray-700 text-white px-2\"> Select The Previos Date Range\n                    </div>\n                    <div class=\"flex flse-row border-x border-b p-4\">\n                        <div class=\"px-1 mb-1 w-full\">\n                            <div class=\"text-md mb-2\" style=\"margin-top: 37px;\">\n                                    <dx-check-box [(value)]=\"tableDataConfig.isPreviousDay\" text=\"Previous Day\"></dx-check-box>\n                                \n                        </div>\n                        <ng-container *ngIf=\"tableDataConfig.isPreviousDay\">\n                            <div class=\"px-1 mb-1 w-1/2 flex items-center\">\n                                <dx-select-box \n                                    [items]=\"['Day', 'Month', 'Year']\"\n                                     class=\"ml-2\"\n                                     [(ngModel)]=\"tableDataConfig.timeUnit\">\n                                </dx-select-box>\n                                \n                                <dx-text-box type=\"number\" [(ngModel)]=\"tableDataConfig.timeValue\"\n                                    class=\"ml-2\"></dx-text-box>\n                                </div>\n                        </ng-container>\n                        \n                    </div>\n                </div>\n\n            </div>\n            <div *ngIf=\"activeTab === 'columns'\">\n                <div class=\"h-full overflow-x-auto\">\n                    <div class=\"flex flex-col flex-auto min-w-0\">\n\n                        <div class=\"pt-2 border-x border-b \">\n                            <div class=\"my-2 border-b flex flex-row\"\n                                *ngFor=\"let item of tableDataConfig.columns; let i = index;\">\n                                <div class=\"px-1 mb-2 mt-6 w-full\">\n                                    <dx-check-box [(ngModel)]=\"item.visible\"\n                                        text=\"Visiblity\"></dx-check-box>\n                                </div>\n                                \n                                <div class=\"px-1 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> Value Field</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"configColume\"\n                                        [(ngModel)]=\"item.dataField\"></dx-select-box>\n                                </div>\n                                <div class=\"px-1 mb-2 w-full\">\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-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> UI Function</div>\n                                    <dx-select-box [items]=\"enrichNameList\" [(ngModel)]=\"item.enrichName\"\n                                        [searchEnabled]=\"true\"></dx-select-box>\n                                </div>\n                                <div class=\"text-center mt-8 w-full\">\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 !== tableDataConfig.columns.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                                    <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\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                            Columns</button>\n                    </div>\n                </div>\n            </div>\n            <div *ngIf=\"activeTab === 'properties'\">\n                <div class=\"h-full overflow-x-auto\">\n                    <app-loader *ngIf=\"isLoader\"></app-loader>\n                    <ng-container *ngIf=\"!isLoader\">\n                        <div class=\"flex flex-row justify-between border-b py-3\">\n                            <div class=\"mx-2\">\n                                <dx-check-box [value]=\"viewProperties.enableClickEvent\"\n                                    [(ngModel)]=\"viewProperties.enableClickEvent\"\n                                    text=\"Enable Click Event\"></dx-check-box>\n                            </div>\n                            <div class=\"mx-2\">\n                                <dx-check-box [value]=\"viewProperties.enableRightClickEvent\"\n                                    [(ngModel)]=\"viewProperties.enableRightClickEvent\"\n                                    text=\"Enable Right Click\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"w-full p-2\" *ngIf=\"viewProperties.enableClickEvent\">\n\n                            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                                <div class=\"text-sm py-1 font-extrabold border-b bg-gray-700 text-white px-2\"> Event\n                                    Type\n                                    Option\n                                </div>\n                                <div class=\"w-full p-3 border-x border-b \">\n                                    <div class=\"flex flex-row\">\n                                        <div class=\"w-full\">\n                                            <div class=\"text-md mb-2\"> Event Type</div>\n                                        </div>\n                                        <div class=\"w-full\">\n                                            <dx-select-box [items]=\"['drilldown','sameViewDrilldown','optionalDrillDown']\"\n                                                (onValueChanged)=\"getSelectedEventType($event)\"\n                                                [(ngModel)]=\"viewProperties.clickEventOptions.eventType\"></dx-select-box>\n                                        </div>\n                                    </div>\n                                    <ng-container *ngIf=\"viewProperties.clickEventOptions.eventType == 'drilldown'\">\n                                        <div class=\"flex flex-row justify-between mt-3\">\n                                            <div class=\"w-full\">\n                                                <div class=\"text-md mb-2\"> Associated Views</div>\n                                                <dx-tag-box [items]=\"allConfiguredViews\"\n                                                    [(ngModel)]=\"viewProperties.clickEventOptions.associatedViews\"\n                                                    valueExpr=\"viewId\" displayExpr=\"viewName\"\n                                                    [showSelectionControls]=\"true\" [searchEnabled]=\"true\"></dx-tag-box>\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <ng-container *ngIf=\"viewProperties.clickEventOptions.eventType == 'sameViewDrilldown'\">\n                                        <div class=\"flex flex-row justify-between mt-3\">\n                                            <div class=\"w-full\">\n                                                <div class=\"text-md mb-2\"> Associated Views</div>\n                                                <dx-tag-box [items]=\"allConfiguredViews\"\n                                                    [(ngModel)]=\"viewProperties.clickEventOptions.associatedViews\"\n                                                    valueExpr=\"viewId\" displayExpr=\"viewName\"\n                                                    [showSelectionControls]=\"true\" [searchEnabled]=\"true\"></dx-tag-box>\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"viewProperties.clickEventOptions.eventType == 'optionalDrillDown'\">\n                                        <div class=\"flex flex-row justify-between mt-3\">\n                                            <div class=\"w-full\">\n                                                <ng-container\n                                                    *ngFor=\"let item of optionalDrilDownDataSource;let i = index;\">\n\n                                                    <div class=\"flex flex-row justify-between\">\n                                                        <div class=\"mx-2 w-1/2\">\n                                                            <div class=\"text-md mb-2\"> Associated Views</div>\n                                                            <dx-tag-box [items]=\"allConfiguredViews\"\n                                                                [(ngModel)]=\"item.viewId\" valueExpr=\"viewId\"\n                                                                displayExpr=\"viewName\" [showSelectionControls]=\"true\"\n                                                                [maxDisplayedTags]=\"2\"\n                                                                [searchEnabled]=\"true\"></dx-tag-box>\n\n                                                        </div>\n                                                        <div class=\"mx-2 w-1/2\">\n                                                            <div class=\"text-md mb-2\"> Associated Params</div>\n                                                            <dx-text-box\n                                                                [(ngModel)]=\"item.filterCondition\"></dx-text-box>\n                                                        </div>\n                                                        <div class=\"mx-2\">\n                                                            <button\n                                                                class=\"{{commonService.btn_danger_sm}} cursor-pointer mt-8\"\n                                                                (click)=\"deleteAssociatedParams(i)\"><i\n                                                                    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 mt-4\">\n                                                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                                                        (click)=\"addAssociatedParams()\">Add\n                                                        Params</button>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </ng-container>\n                                    <button class=\"{{commonService.btn_light_md}} cursor-pointer mt-4\"\n                                        (click)=\"resetViewProprstise()\">Reset All Event</button>\n                                </div>\n                            </div>\n\n                        </div>\n                    </ng-container>\n                </div>\n            </div>\n\n        </div>\n    </div>\n\n\n<div class=\"flex flex-row border-t pl-3\">\n    <div class=\"flex justify-start mx-1\">\n        <button class=\"{{commonService.btn_warning_md}} cursor-pointer mt-2\" (click)=\"isJsonPreview = true\">\n            Preview</button>\n        <button class=\"{{commonService.btn_primary_md}} cursor-pointer mt-2\" (click)=\"isJsonPreview = false\">Data\n            Preview</button>\n    </div>\n    <div class=\"flex justify-end mx-1 flex-grow\">\n        <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n            (click)=\"getSaveConfig()\">Submit</button>\n    </div>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: i0.ChangeDetectorRef }, { type: ApplicationContentService }, { type: i2$1.ToastrService }]; }, propDecorators: { gettodayPreviousConfigOutPut: [{
+                type: Output
+            }], chartconfigData: [{
+                type: Input,
+                args: ['datasetmodal']
+            }] } });
+
 class CreateCompViewComponent {
     constructor(toastr, commonService, service, kpiService, router, activatedRoute) {
         this.toastr = toastr;
@@ -5472,10 +5742,10 @@ class CreateCompViewComponent {
     }
 }
 CreateCompViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateCompViewComponent, deps: [{ token: i2$1.ToastrService }, { token: CommonService }, { token: ApplicationContentService }, { token: kpicommonService$2 }, { token: i4.Router }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-CreateCompViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateCompViewComponent, selector: "app-create-comp-view", inputs: { kpiTreeData: "kpiTreeData", isHeader: "isHeader", selectedViewId: "selectedViewId" }, ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Views Editor'\" *ngIf=\"isHeader\"></lib-common-header>\n\n\n\n    <div>\n        <div class=\"p-2 w-full\">\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\n                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Dataset List <span *ngIf=\"isFilterInputs\"\n                                class=\"text-blue-500 cursor-pointer\"><i class=\"fa fa-pencil\"\n                                    (click)=\"getEditDataSet()\"></i></span></div>\n                        <dx-select-box [items]=\"dataSettableDataSource\" (onValueChanged)=\"getDataSetDetails($event)\"\n                            displayExpr=\"datasetName\" valueExpr=\"datasetId\" [searchEnabled]=\"true\"\n                            [value]=\"selectedDataSetOnedit.datasetId\"></dx-select-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Select View Type</div>\n                        <dx-select-box [items]=\"['chart','table','groupTable','others']\" [(ngModel)]=\"selectedViewType\"\n                            (onValueChanged)=\"getViewType($event)\"></dx-select-box>\n                    </div>\n                    <ng-container *ngIf=\"selectedViewType =='others'\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md mb-2\">Select Component</div>\n                            <dx-select-box [items]=\"componentNamesOthers\" displayExpr=\"item\" valueExpr=\"compName\"\n                                [(ngModel)]=\"componentName\"></dx-select-box>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Name</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewName\"></dx-text-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Label</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewLabel\"></dx-text-box>\n                    </div>\n                </div>\n                <ng-container *ngIf=\"isFilterInputs\">\n                    <div class=\"flex flex-row mt-2\">\n                        <ng-container *ngFor=\"let request of selectedDataSet.config.queryConfig.mapedFilters\">\n                            <div class=\"m-2\">\n                                <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                                <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                    (onValueChanged)=\"startDateChange($event,request)\"\n                                    *ngIf=\"getFilter(request.localColumn)\">\n                                </dx-date-box>\n                                <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                    *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                            </div>\n                        </ng-container>\n                    </div>\n                </ng-container>\n\n                <div class=\"flex flex-row mt-5 justify-center items-center\">\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"addNewView()\">\n                        Reset View\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer mx-4 my-2\" (click)=\"createNewView()\">\n                        Proceed\n                    </button>\n\n                </div>\n                <div class=\"m-5 border\">\n                    <div class=\"m-2\">\n                        <div class=\"mt-5\">\n                            <app-loader *ngIf=\"isLoader\"></app-loader>\n                            <!-- for chart view -->\n                            <ng-container *ngIf=\"isGenerate\">\n                                <ng-container *ngIf=\"selectedViewType == 'chart'\">\n                                    <app-dash-chart [datasetmodal]=\"dataSourceModal\"\n                                        (getChartConfigOutPut)=\"getEmitNewChartCongig($event)\"></app-dash-chart>\n                                </ng-container>\n                                <!-- for table view -->\n                                <ng-container *ngIf=\"selectedViewType == 'table' || selectedViewType == 'groupTable'\">\n                                    <app-dash-table [datasetmodal]=\"dataSourceModal\"\n                                        (getTableConfigOutPut)=\"getEmitNewTableConfig($event)\"></app-dash-table>\n                                </ng-container>\n                                <!-- for others view  -->\n                                <ng-container *ngIf=\"selectedViewType == 'others'\">\n                                    <ng-container *ngIf=\"componentName == 'GammaTableWithPercentageComponent'\">\n                                        <app-table-with-bar [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-table-with-bar>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"componentName == 'GammaGeoChartComponent' &&  componentName != 'GammaTableWithPercentageComponent'\">\n                                        <!-- <app-gamma-geo-chart></app-gamma-geo-chart> -->\n                                        <app-geo-map [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-geo-map>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"componentName != 'GammaTableWithPercentageComponent' && componentName != 'GammaGeoChartComponent'\">\n                                        <!-- <app-dash-other [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-dash-other> -->\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i11.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "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"] }, { kind: "component", type: GeoMapComponent, selector: "app-geo-map", inputs: ["datasetmodal"], outputs: ["createOtherComponentView"] }, { kind: "component", type: DashChartComponent, selector: "app-dash-chart", inputs: ["datasetmodal"], outputs: ["getChartConfigOutPut"] }, { kind: "component", type: DashTableComponent, selector: "app-dash-table", inputs: ["datasetmodal"], outputs: ["getTableConfigOutPut"] }, { kind: "component", type: TableWithBarComponent, selector: "app-table-with-bar", inputs: ["datasetmodal"], outputs: ["createOtherComponentView"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+CreateCompViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateCompViewComponent, selector: "app-create-comp-view", inputs: { kpiTreeData: "kpiTreeData", isHeader: "isHeader", selectedViewId: "selectedViewId" }, ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Views Editor'\" *ngIf=\"isHeader\"></lib-common-header>\n    <div>\n        <div class=\"p-2 w-full\">\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                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Dataset List <span *ngIf=\"isFilterInputs\"\n                                class=\"text-blue-500 cursor-pointer\"><i class=\"fa fa-pencil\"\n                                    (click)=\"getEditDataSet()\"></i></span></div>\n                        <dx-select-box [items]=\"dataSettableDataSource\" (onValueChanged)=\"getDataSetDetails($event)\"\n                            displayExpr=\"datasetName\" valueExpr=\"datasetId\" [searchEnabled]=\"true\"\n                            [value]=\"selectedDataSetOnedit.datasetId\"></dx-select-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Select View Type</div>\n                        <dx-select-box [items]=\"['chart','table','groupTable','others']\" [(ngModel)]=\"selectedViewType\"\n                            (onValueChanged)=\"getViewType($event)\"></dx-select-box>\n                    </div>\n                    <ng-container *ngIf=\"selectedViewType =='others'\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md mb-2\">Select Component</div>\n                            <dx-select-box [items]=\"componentNamesOthers\" displayExpr=\"item\" valueExpr=\"compName\"\n                                [(ngModel)]=\"componentName\"></dx-select-box>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Name</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewName\"></dx-text-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Label</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewLabel\"></dx-text-box>\n                    </div>\n                </div>\n                <ng-container *ngIf=\"isFilterInputs\">\n                    <div class=\"flex flex-row mt-2\">\n                        <ng-container *ngFor=\"let request of selectedDataSet.config.queryConfig.mapedFilters\">\n                            <div class=\"m-2\">\n                                <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                                <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                    (onValueChanged)=\"startDateChange($event,request)\"\n                                    *ngIf=\"getFilter(request.localColumn)\">\n                                </dx-date-box>\n                                <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                    *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                            </div>\n                        </ng-container>\n                    </div>\n                </ng-container>\n\n                <div class=\"flex flex-row mt-5 justify-center items-center\">\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"addNewView()\">\n                        Reset View\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer mx-4 my-2\" (click)=\"createNewView()\">\n                        Proceed\n                    </button>\n\n                </div>\n                <div class=\"m-5 border\">\n                    <div class=\"m-2\">\n                        <div class=\"mt-5\">\n                            <app-loader *ngIf=\"isLoader\"></app-loader>\n                            <!-- for chart view -->\n                            <ng-container *ngIf=\"isGenerate\">\n                                <ng-container *ngIf=\"selectedViewType == 'chart'\">\n                                    <app-dash-chart [datasetmodal]=\"dataSourceModal\"\n                                        (getChartConfigOutPut)=\"getEmitNewChartCongig($event)\"></app-dash-chart>\n                                </ng-container>\n                                <!-- for table view -->\n                                <ng-container *ngIf=\"selectedViewType == 'table' || selectedViewType == 'groupTable'\">\n                                    <app-dash-table [datasetmodal]=\"dataSourceModal\"\n                                        (getTableConfigOutPut)=\"getEmitNewTableConfig($event)\"></app-dash-table>\n                                </ng-container>\n                                <!-- for others view  -->\n                                <ng-container *ngIf=\"selectedViewType == 'others'\">\n                                    <ng-container *ngIf=\"componentName == 'GammaTableWithPercentageComponent'\">\n                                        <app-table-with-bar [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-table-with-bar>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"componentName == 'GammaGeoChartComponent' &&  componentName != 'GammaTableWithPercentageComponent'\">\n                                        <!-- <app-gamma-geo-chart></app-gamma-geo-chart> -->\n                                        <app-geo-map [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-geo-map>\n                                    </ng-container>\n                                    <ng-container\n                                    *ngIf=\"componentName != 'GammaTableWithPercentageComponent' && componentName != 'GammaGeoChartComponent'\">\n                                        <lib-dash-today-previous [datasetmodal]=\"dataSourceModal\"\n                                        (gettodayPreviousConfigOutPut)=\"getEmitNewOtherSetCongig($event)\"></lib-dash-today-previous>\n                                </ng-container>\n\n                             \n                                </ng-container>\n                            </ng-container>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i4$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i11.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "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"] }, { kind: "component", type: GeoMapComponent, selector: "app-geo-map", inputs: ["datasetmodal"], outputs: ["createOtherComponentView"] }, { kind: "component", type: DashChartComponent, selector: "app-dash-chart", inputs: ["datasetmodal"], outputs: ["getChartConfigOutPut"] }, { kind: "component", type: DashTableComponent, selector: "app-dash-table", inputs: ["datasetmodal"], outputs: ["getTableConfigOutPut"] }, { kind: "component", type: TableWithBarComponent, selector: "app-table-with-bar", inputs: ["datasetmodal"], outputs: ["createOtherComponentView"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }, { kind: "component", type: DashTodayPreviousComponent, selector: "lib-dash-today-previous", inputs: ["datasetmodal"], outputs: ["gettodayPreviousConfigOutPut"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateCompViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-create-comp-view', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Views Editor'\" *ngIf=\"isHeader\"></lib-common-header>\n\n\n\n    <div>\n        <div class=\"p-2 w-full\">\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\n                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Dataset List <span *ngIf=\"isFilterInputs\"\n                                class=\"text-blue-500 cursor-pointer\"><i class=\"fa fa-pencil\"\n                                    (click)=\"getEditDataSet()\"></i></span></div>\n                        <dx-select-box [items]=\"dataSettableDataSource\" (onValueChanged)=\"getDataSetDetails($event)\"\n                            displayExpr=\"datasetName\" valueExpr=\"datasetId\" [searchEnabled]=\"true\"\n                            [value]=\"selectedDataSetOnedit.datasetId\"></dx-select-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Select View Type</div>\n                        <dx-select-box [items]=\"['chart','table','groupTable','others']\" [(ngModel)]=\"selectedViewType\"\n                            (onValueChanged)=\"getViewType($event)\"></dx-select-box>\n                    </div>\n                    <ng-container *ngIf=\"selectedViewType =='others'\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md mb-2\">Select Component</div>\n                            <dx-select-box [items]=\"componentNamesOthers\" displayExpr=\"item\" valueExpr=\"compName\"\n                                [(ngModel)]=\"componentName\"></dx-select-box>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Name</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewName\"></dx-text-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Label</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewLabel\"></dx-text-box>\n                    </div>\n                </div>\n                <ng-container *ngIf=\"isFilterInputs\">\n                    <div class=\"flex flex-row mt-2\">\n                        <ng-container *ngFor=\"let request of selectedDataSet.config.queryConfig.mapedFilters\">\n                            <div class=\"m-2\">\n                                <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                                <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                    (onValueChanged)=\"startDateChange($event,request)\"\n                                    *ngIf=\"getFilter(request.localColumn)\">\n                                </dx-date-box>\n                                <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                    *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                            </div>\n                        </ng-container>\n                    </div>\n                </ng-container>\n\n                <div class=\"flex flex-row mt-5 justify-center items-center\">\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"addNewView()\">\n                        Reset View\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer mx-4 my-2\" (click)=\"createNewView()\">\n                        Proceed\n                    </button>\n\n                </div>\n                <div class=\"m-5 border\">\n                    <div class=\"m-2\">\n                        <div class=\"mt-5\">\n                            <app-loader *ngIf=\"isLoader\"></app-loader>\n                            <!-- for chart view -->\n                            <ng-container *ngIf=\"isGenerate\">\n                                <ng-container *ngIf=\"selectedViewType == 'chart'\">\n                                    <app-dash-chart [datasetmodal]=\"dataSourceModal\"\n                                        (getChartConfigOutPut)=\"getEmitNewChartCongig($event)\"></app-dash-chart>\n                                </ng-container>\n                                <!-- for table view -->\n                                <ng-container *ngIf=\"selectedViewType == 'table' || selectedViewType == 'groupTable'\">\n                                    <app-dash-table [datasetmodal]=\"dataSourceModal\"\n                                        (getTableConfigOutPut)=\"getEmitNewTableConfig($event)\"></app-dash-table>\n                                </ng-container>\n                                <!-- for others view  -->\n                                <ng-container *ngIf=\"selectedViewType == 'others'\">\n                                    <ng-container *ngIf=\"componentName == 'GammaTableWithPercentageComponent'\">\n                                        <app-table-with-bar [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-table-with-bar>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"componentName == 'GammaGeoChartComponent' &&  componentName != 'GammaTableWithPercentageComponent'\">\n                                        <!-- <app-gamma-geo-chart></app-gamma-geo-chart> -->\n                                        <app-geo-map [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-geo-map>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"componentName != 'GammaTableWithPercentageComponent' && componentName != 'GammaGeoChartComponent'\">\n                                        <!-- <app-dash-other [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-dash-other> -->\n                                    </ng-container>\n                                </ng-container>\n                            </ng-container>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'app-create-comp-view', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Views Editor'\" *ngIf=\"isHeader\"></lib-common-header>\n    <div>\n        <div class=\"p-2 w-full\">\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                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Dataset List <span *ngIf=\"isFilterInputs\"\n                                class=\"text-blue-500 cursor-pointer\"><i class=\"fa fa-pencil\"\n                                    (click)=\"getEditDataSet()\"></i></span></div>\n                        <dx-select-box [items]=\"dataSettableDataSource\" (onValueChanged)=\"getDataSetDetails($event)\"\n                            displayExpr=\"datasetName\" valueExpr=\"datasetId\" [searchEnabled]=\"true\"\n                            [value]=\"selectedDataSetOnedit.datasetId\"></dx-select-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">Select View Type</div>\n                        <dx-select-box [items]=\"['chart','table','groupTable','others']\" [(ngModel)]=\"selectedViewType\"\n                            (onValueChanged)=\"getViewType($event)\"></dx-select-box>\n                    </div>\n                    <ng-container *ngIf=\"selectedViewType =='others'\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md mb-2\">Select Component</div>\n                            <dx-select-box [items]=\"componentNamesOthers\" displayExpr=\"item\" valueExpr=\"compName\"\n                                [(ngModel)]=\"componentName\"></dx-select-box>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Name</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewName\"></dx-text-box>\n                    </div>\n                    <div class=\"mx-2 w-full\">\n                        <div class=\"text-md mb-2\">View Label</div>\n                        <dx-text-box [(ngModel)]=\"creatCompViewObject.viewLabel\"></dx-text-box>\n                    </div>\n                </div>\n                <ng-container *ngIf=\"isFilterInputs\">\n                    <div class=\"flex flex-row mt-2\">\n                        <ng-container *ngFor=\"let request of selectedDataSet.config.queryConfig.mapedFilters\">\n                            <div class=\"m-2\">\n                                <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                                <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                    (onValueChanged)=\"startDateChange($event,request)\"\n                                    *ngIf=\"getFilter(request.localColumn)\">\n                                </dx-date-box>\n                                <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                    *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                            </div>\n                        </ng-container>\n                    </div>\n                </ng-container>\n\n                <div class=\"flex flex-row mt-5 justify-center items-center\">\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"addNewView()\">\n                        Reset View\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer mx-4 my-2\" (click)=\"createNewView()\">\n                        Proceed\n                    </button>\n\n                </div>\n                <div class=\"m-5 border\">\n                    <div class=\"m-2\">\n                        <div class=\"mt-5\">\n                            <app-loader *ngIf=\"isLoader\"></app-loader>\n                            <!-- for chart view -->\n                            <ng-container *ngIf=\"isGenerate\">\n                                <ng-container *ngIf=\"selectedViewType == 'chart'\">\n                                    <app-dash-chart [datasetmodal]=\"dataSourceModal\"\n                                        (getChartConfigOutPut)=\"getEmitNewChartCongig($event)\"></app-dash-chart>\n                                </ng-container>\n                                <!-- for table view -->\n                                <ng-container *ngIf=\"selectedViewType == 'table' || selectedViewType == 'groupTable'\">\n                                    <app-dash-table [datasetmodal]=\"dataSourceModal\"\n                                        (getTableConfigOutPut)=\"getEmitNewTableConfig($event)\"></app-dash-table>\n                                </ng-container>\n                                <!-- for others view  -->\n                                <ng-container *ngIf=\"selectedViewType == 'others'\">\n                                    <ng-container *ngIf=\"componentName == 'GammaTableWithPercentageComponent'\">\n                                        <app-table-with-bar [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-table-with-bar>\n                                    </ng-container>\n                                    <ng-container\n                                        *ngIf=\"componentName == 'GammaGeoChartComponent' &&  componentName != 'GammaTableWithPercentageComponent'\">\n                                        <!-- <app-gamma-geo-chart></app-gamma-geo-chart> -->\n                                        <app-geo-map [datasetmodal]=\"dataSourceModal\"\n                                            (createOtherComponentView)=\"getEmitNewOtherSetCongig($event)\"></app-geo-map>\n                                    </ng-container>\n                                    <ng-container\n                                    *ngIf=\"componentName != 'GammaTableWithPercentageComponent' && componentName != 'GammaGeoChartComponent'\">\n                                        <lib-dash-today-previous [datasetmodal]=\"dataSourceModal\"\n                                        (gettodayPreviousConfigOutPut)=\"getEmitNewOtherSetCongig($event)\"></lib-dash-today-previous>\n                                </ng-container>\n\n                             \n                                </ng-container>\n                            </ng-container>\n                        </div>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i2$1.ToastrService }, { type: CommonService }, { type: ApplicationContentService }, { type: kpicommonService$2 }, { type: i4.Router }, { type: i4.ActivatedRoute }]; }, propDecorators: { kpiTreeData: [{
                 type: Input
             }], isHeader: [{
@@ -5491,6 +5761,7 @@ class GammaTodayPreviousComponent {
         this.commonService = commonService;
     }
     set chartDataSource(value) {
+        var _a, _b, _c, _d, _e, _f, _g;
         this.objectdataSource = value;
         if (this.objectdataSource === undefined || this.objectdataSource.length === 0) {
             this.isChartvisible = false;
@@ -5498,35 +5769,46 @@ class GammaTodayPreviousComponent {
         }
         else {
             this.isLoader = true;
+            this.selectedColumn = (value.kpiConfig.dataConfig.columns &&
+                value.kpiConfig.dataConfig.columns.length !== 0) ? value.kpiConfig.dataConfig.columns[0].dataField : "";
+            this.sortBy = (_b = (_a = value.kpiConfig) === null || _a === void 0 ? void 0 : _a.dataConfig) === null || _b === void 0 ? void 0 : _b.sortBy;
+            this.isPreviousDay = (_d = (_c = value.kpiConfig) === null || _c === void 0 ? void 0 : _c.dataConfig) === null || _d === void 0 ? void 0 : _d.isPreviousDay;
             if (value.kpiConfig.dataSource && value.kpiConfig.dataSource.length !== 0) {
                 this.page_config = value;
-                const sortedData = value.kpiConfig.dataSource.sort((a, b) => {
-                    return moment(b.recordDate, "YYYY-MM-DD").diff(moment(a.recordDate, "YYYY-MM-DD"));
-                });
+                let sortedData = value.kpiConfig.dataSource;
+                if ((_e = this.sortBy) === null || _e === void 0 ? void 0 : _e.length) {
+                    let sortKey = this.sortBy[0];
+                    sortedData = sortedData.sort((a, b) => {
+                        return moment(b[sortKey], "YYYY-MM-DD").diff(moment(a[sortKey], "YYYY-MM-DD"));
+                    });
+                }
                 this.currentDateData = sortedData[0];
-                this.prevousDaysData = sortedData[1];
-                let calValue = Math.abs((parseInt(this.getDynamicValue(this.currentDateData)) - parseInt(this.getDynamicValue(this.prevousDaysData))) / parseInt(this.getDynamicValue(this.currentDateData)));
-                this.calculatedValue = this.commonService.reformatNumberWithThousandSeparatorV4(calValue, 3);
+                const timeValue = parseInt((_g = (_f = value.kpiConfig) === null || _f === void 0 ? void 0 : _f.dataConfig) === null || _g === void 0 ? void 0 : _g.timeValue) || 1;
+                this.prevousDaysData = this.isPreviousDay ? sortedData[timeValue] || null : null;
+                if (this.isPreviousDay && this.prevousDaysData) {
+                    let calValue = Math.abs((parseInt(this.getDynamicValue(this.currentDateData)) - parseInt(this.getDynamicValue(this.prevousDaysData))) /
+                        parseInt(this.getDynamicValue(this.currentDateData)));
+                    this.calculatedValue = this.commonService.reformatNumberWithThousandSeparatorV4(calValue, 3);
+                }
+                else {
+                    this.calculatedValue = null;
+                }
                 this.isLoader = false;
             }
-            else {
-            }
         }
     }
     ngOnInit() {
     }
     getDynamicValue(data) {
-        const keys = Object.keys(data);
-        const dynamicKey = keys.find(key => !key.toLowerCase().includes('date'));
-        if (dynamicKey) {
-            let value = data[dynamicKey];
-            const numericValue = Number(value);
-            if (!isNaN(numericValue)) {
-                return this.commonService.abbreviateNumber(numericValue);
-            }
-            return value;
+        if (!this.selectedColumn || !data.hasOwnProperty(this.selectedColumn)) {
+            return null;
         }
-        return null;
+        let value = data[this.selectedColumn];
+        const numericValue = Number(value);
+        if (!isNaN(numericValue)) {
+            return this.commonService.abbreviateNumber(numericValue);
+        }
+        return value;
     }
     formatNumber(value) {
         if (value >= 1e9) {
@@ -8399,9 +8681,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }], ctorParameters: function () { return [{ type: CommonService }]; } });
 
 class ApplicationDatssetsCall {
-    constructor(service, kpiService) {
+    constructor(service, kpiService, environment) {
         this.service = service;
         this.kpiService = kpiService;
+        this.environment = environment;
         this.uniqueDataSetObject = {};
     }
     getDataFromDataSet(dataset, datasetId, filters) {
@@ -8494,7 +8777,7 @@ class ApplicationDatssetsCall {
                 value: mapping.defaultValue
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYYMMDD");
+                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
             }
             const filter = filterdata.find(f => f.hasOwnProperty(mapping.localColumn));
             if (filter) {
@@ -8508,7 +8791,7 @@ class ApplicationDatssetsCall {
                         resultObj.value = value;
                     }
                     if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYYMMDD");
+                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
                     }
                 }
             }
@@ -8559,7 +8842,7 @@ class ApplicationDatssetsCall {
                 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("YYYY-MM-DD");
+                        serviceJson[filter.serverColumn] = moment(filter.defaultValue, "YYYY-MM-DD").format(this.environment.dataFormat);
                     }
                     else {
                         serviceJson[filter.serverColumn] = filter.defaultValue;
@@ -8650,7 +8933,7 @@ class ApplicationDatssetsCall {
                 aliasColumnName: mapping.localColumn,
             };
             if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYYMMDD");
+                resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
             }
             const filter = filterdata.find(f => f.hasOwnProperty(mapping.localColumn));
             if (filter) {
@@ -8664,7 +8947,7 @@ class ApplicationDatssetsCall {
                         resultObj.value = value;
                     }
                     if (mapping.serverColumn.includes('date') && typeof resultObj.value === 'string') {
-                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format("YYYYMMDD");
+                        resultObj.value = moment(resultObj.value, "YYYY-MM-DD").format(this.environment.dataFormat);
                     }
                 }
             }
@@ -8706,11 +8989,16 @@ class ApplicationDatssetsCall {
         return this.uniqueDataSetObject;
     }
 }
-ApplicationDatssetsCall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatssetsCall, deps: [{ token: ApplicationContentService }, { token: kpicommonService }], target: i0.ɵɵFactoryTarget.Injectable });
+ApplicationDatssetsCall.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatssetsCall, deps: [{ token: ApplicationContentService }, { token: kpicommonService }, { token: APP_ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
 ApplicationDatssetsCall.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatssetsCall });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatssetsCall, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: ApplicationContentService }, { type: kpicommonService }]; } });
+        }], ctorParameters: function () {
+        return [{ type: ApplicationContentService }, { type: kpicommonService }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [APP_ENVIRONMENT]
+                    }] }];
+    } });
 
 class LoadingComponent$1 {
     constructor() {
@@ -12566,7 +12854,8 @@ PackageApplicationControllerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion
         CreateMetricsComponent,
         OnlineMetricsComponent,
         OflineMetricsComponent,
-        AllMetricsConfigComponent], imports: [CommonModule, i4.RouterModule, DevExtremeModule,
+        AllMetricsConfigComponent,
+        DashTodayPreviousComponent], imports: [CommonModule, i4.RouterModule, DevExtremeModule,
         DxButtonModule,
         DxCheckBoxModule,
         DxNumberBoxModule,
@@ -12629,7 +12918,8 @@ PackageApplicationControllerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion
         CreateMetricsComponent,
         OnlineMetricsComponent,
         OflineMetricsComponent,
-        AllMetricsConfigComponent] });
+        AllMetricsConfigComponent,
+        DashTodayPreviousComponent] });
 PackageApplicationControllerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PackageApplicationControllerModule, providers: [
         ApplicationContentService,
         ApplicationDatssetsCall
@@ -12717,7 +13007,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         CreateMetricsComponent,
                         OnlineMetricsComponent,
                         OflineMetricsComponent,
-                        AllMetricsConfigComponent
+                        AllMetricsConfigComponent,
+                        DashTodayPreviousComponent
                     ],
                     imports: [
                         CommonModule,
@@ -12788,7 +13079,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                         CreateMetricsComponent,
                         OnlineMetricsComponent,
                         OflineMetricsComponent,
-                        AllMetricsConfigComponent
+                        AllMetricsConfigComponent,
+                        DashTodayPreviousComponent
                     ],
                     providers: [
                         ApplicationContentService,
@@ -12838,5 +13130,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }]
         }] });
 
-export { APP_ENVIRONMENT, AdvanceWidgetHeaderFilterComponent, AllMetricsConfigComponent, AppAdvanceHeaderComponent, AppHttpService, AppTitleComponent, ApplicationContentService, ApplicationDatssetsCall, ApplicationFilterComponent, ApplicationViewsComponent, BreadCrumbsComponent, CdrConfigComponent, CommonHeaderComponent, CommonService, CreateCompViewComponent, CreateDatasetComponent, CreateDatasetJsonComponent, CreateDatasetSqlComponent, CreateMetricsComponent, DashChartComponent, DashTableComponent, GamamWidgetComponent, GammSingleNumberCardComponent, GammaAdvanceChartComponent, GammaAdvanceFilterComponent, GammaAdvanceOperatorTableComponent, GammaAppControllerComponent, GammaAppControllerModule, GammaAppControllerService, GammaGeoChartComponent, GammaTableClumnBarChartComponent, GammaTableWithPercentageComponent, GammaTodayPreviousComponent, GeoMapComponent, GoogleGeoMapComponent, IconsModule, LoaderComponent, LoadingComponent, LoadingModule, OflineMetricsComponent, OnlineMetricsComponent, PackageApplicationControllerModule, PageConfigComponent, PageConfigMultilayoutComponent, PageControlerComponent, SafeHtmlPipe, SqlPipe, TableWithBarComponent, contentSafeHtml, kpicommonService$2 as kpicommonService };
+export { APP_ENVIRONMENT, AdvanceWidgetHeaderFilterComponent, AllMetricsConfigComponent, AppAdvanceHeaderComponent, AppHttpService, AppTitleComponent, ApplicationContentService, ApplicationDatssetsCall, ApplicationFilterComponent, ApplicationViewsComponent, BreadCrumbsComponent, CdrConfigComponent, CommonHeaderComponent, CommonService, CreateCompViewComponent, CreateDatasetComponent, CreateDatasetJsonComponent, CreateDatasetSqlComponent, CreateMetricsComponent, DashChartComponent, DashTableComponent, DashTodayPreviousComponent, GamamWidgetComponent, GammSingleNumberCardComponent, GammaAdvanceChartComponent, GammaAdvanceFilterComponent, GammaAdvanceOperatorTableComponent, GammaAppControllerComponent, GammaAppControllerModule, GammaAppControllerService, GammaGeoChartComponent, GammaTableClumnBarChartComponent, GammaTableWithPercentageComponent, GammaTodayPreviousComponent, GeoMapComponent, GoogleGeoMapComponent, IconsModule, LoaderComponent, LoadingComponent, LoadingModule, OflineMetricsComponent, OnlineMetricsComponent, PackageApplicationControllerModule, PageConfigComponent, PageConfigMultilayoutComponent, PageControlerComponent, SafeHtmlPipe, SqlPipe, TableWithBarComponent, contentSafeHtml, kpicommonService$2 as kpicommonService };
 //# sourceMappingURL=gamma-app-controller.mjs.map