gamma-app-controller 1.0.6 → 1.0.7

package/esm2020/lib/application-controller/application-dataset-component/dataset-query-bulder/dataset-query-bulder.component.mjs

@@ -395,9 +395,9 @@ export class DatasetQueryBulderComponent {
         this.queryBulderDataset.queryConfig.havings.splice(i, 1);
     }
 }
-DatasetQueryBulderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatasetQueryBulderComponent, deps: [{ token: i1.CommonService }, { token: i2.ToastrService }, { token: i3.ApplicationContentService }], target: i0.ɵɵFactoryTarget.Component });
-DatasetQueryBulderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: DatasetQueryBulderComponent, selector: "app-dataset-query-bulder", inputs: { bulderDataset: "bulderDataset" }, outputs: { getQueryBulbderDataSet: "getQueryBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.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.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatasetQueryBulderComponent, decorators: [{
+DatasetQueryBulderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetQueryBulderComponent, deps: [{ token: i1.CommonService }, { token: i2.ToastrService }, { token: i3.ApplicationContentService }], target: i0.ɵɵFactoryTarget.Component });
+DatasetQueryBulderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetQueryBulderComponent, selector: "app-dataset-query-bulder", inputs: { bulderDataset: "bulderDataset" }, outputs: { getQueryBulbderDataSet: "getQueryBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.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.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i7.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetQueryBulderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dataset-query-bulder', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"queryBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Query Type</div>\n            <dx-select-box [dataSource]=\"['Aggregate','Basic']\" (onValueChanged)=\"getQueryForDetailsData($event)\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3 mt-6\" *ngIf=\"selectedDataSource == 'mongo'\">\n            <dx-check-box [(ngModel)]=\"isReconColume\" text='Recon Column'>\n            </dx-check-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Request Params\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                <div class=\"my-2 flex flex-row px-2 border-r\" *ngFor=\"let item of reqFieldsDataSource; let i = index;\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Name</div>\n                        <dx-text-box [(ngModel)]=\"item.name\"></dx-text-box>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-2\"> Params Value </div>\n                        <ng-container *ngIf=\"item.name == 'dbConfig'\">\n                            <dx-select-box [items]=\"['mongo','impala','postgres','mysql','bigquery']\"\n                                (onValueChanged)=\"getDataConfig($event)\" [(ngModel)]=\"item.value\"></dx-select-box>\n                        </ng-container>\n                        <ng-container *ngIf=\"item.name !== 'dbConfig'\">\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </ng-container>\n\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-center mt-8\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteParams(i)\"><i\n                                    class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row my-2 justify-end\">\n                <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Request Params Before Submit\n                    Dataset\n                </p>\n                <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveParams()\">Save\n                    Params</button>\n                <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addParams()\">Add\n                    Params</button>\n\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"isQueryTypeSelect\">\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Columns and Measures\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.columns; let i = index;\">\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Measures</div>\n                        <dx-check-box [value]=\"item.measures\" [(ngModel)]=\"item.measures\"></dx-check-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                        <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Server Column Name</div>\n                        <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Function Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_function\"\n                            [(ngModel)]=\"item.functionName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Enrich Name</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                            [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Advanced Column</div>\n                        <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2\">\n                        <div class=\"text-md mb-2\"> Caption</div>\n                        <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.columns.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteColumns(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n\n                <div class=\"flex flex-row justify-end my-2\">\n                    <p class=\"text-sm italic text-gray-300 mr-6\">** Please Save Columns And Measures Before Submit\n                        Dataset\n                    </p>\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                        (click)=\"saveColumnsAndMasures()\">Save\n                        Columns</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n        <ng-container *ngIf=\"isReconColume\">\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Recon Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\" *ngFor=\"let item of reconColumeDatasource; let i = index;\">\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                            <dx-text-box [(ngModel)]=\"item.dataField\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> First Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeOne\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Second Key</div>\n                            <dx-text-box [(ngModel)]=\"item.columeTwo\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Enrich Name</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Recon Type</div>\n                            <dx-select-box [searchEnabled]=\"true\" [items]=\"['variance','percentage','absolute']\"\n                                [(ngModel)]=\"item.reconType\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2\">\n                            <div class=\"text-md mb-2\"> Caption</div>\n                            <dx-text-box [(ngModel)]=\"item.caption\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteReconColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_success_sm}} cursor-pointer\"\n                            (click)=\"saveReconsColume()\">Save To\n                            Columns</button>\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addReconColume()\">Add\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <ng-container>\n            <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n                <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Add Having Column\n                </div>\n                <div class=\"pt-2 border-x border-b \">\n                    <div class=\"my-2 flex justify-between\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.havings; let i = index;\">\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Column Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Advanced Column</div>\n                            <dx-text-box [(ngModel)]=\"item.advancedColumn\"></dx-text-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Data Type</div>\n                            <dx-text-box [(ngModel)]=\"item.dataType\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Operator</div>\n                            <dx-select-box [items]=\"['get','lte']\" [(ngModel)]=\"item.operator\"></dx-select-box>\n                        </div>\n\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Value</div>\n                            <dx-text-box [(ngModel)]=\"item.value\"></dx-text-box>\n                        </div>\n\n                        <div class=\"px-1 mt-8 text-center\">\n                            <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                (click)=\"deleteHavingsColume(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addHavingsColume()\">Add\n                            Havings\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n        </ng-container>\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-3\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Sort By\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"grid grid-cols-2 gap-4 w-full p-2\">\n                    <div class=\"my-2 flex flex-row px-2 border-r\"\n                        *ngFor=\"let item of queryBulderDataset.queryConfig.sorters; let i = index;\">\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-md mb-2\"> Params Name</div>\n                            <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n\n                        </div>\n                        <div class=\"px-2 mt-8\">\n\n                            <dx-check-box text=\"Descending\" [(ngModel)]=\"item.descending\"></dx-check-box>\n                        </div>\n                        <div class=\"px-2 mb-2\">\n                            <div class=\"text-center mt-8\">\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteShortColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"flex flex-row my-2 justify-end\">\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addShortColumns()\">Add\n                        Column</button>\n\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n            <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n            </div>\n            <div class=\"pt-2 border-x border-b \">\n                <div class=\"my-2 flex flex-row justify-between\"\n                    *ngFor=\"let item of queryBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Local Column</div>\n                        <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Server Column</div>\n                        <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Operator</div>\n                        <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                            [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Datatype</div>\n                        <dx-select-box [searchEnabled]=\"true\"\n                            [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                            [(ngModel)]=\"item.dataType\"></dx-select-box>\n                    </div>\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\"> Default Value</div>\n                        <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                    </div>\n                    <div class=\"px-1 mt-8\">\n                        <div class=\"flex flex-row\">\n                            <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'up')\">\n                                <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                            </button>\n\n                            <button *ngIf=\"i !== queryBulderDataset.queryConfig.mapedFilters.length - 1\"\n                                class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                (click)=\"moveItemForColumns(i, 'down')\">\n                                <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                            (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex flex-row\">\n                <div class=\"w-1/2\" *ngIf=\"selectedDataSource !== 'mongo'\">\n                    <div class=\"flex flex-row justify-start my-2\">\n                        <button class=\"{{commonService.btnOthersPurple}} cursor-pointer\" (click)=\"checkForQuery()\">Check\n                            Query</button>\n                    </div>\n                </div>\n                <div class=\"w-full\">\n                    <div class=\"flex flex-row justify-end my-2\">\n                        <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                            (click)=\"addFilterMapingColumns()\">Add\n                            Maping</button>\n                    </div>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n    </ng-container>\n\n\n</div>\n\n\n<ng-container *ngIf=\"isModelVisible\">\n    <div class=\"fixed inset-0 flex items-center justify-center z-50 bg-black bg-opacity-50\">\n        <div class=\"relative p-4 w-full max-w-3xl max-h-full\">\n            <div class=\"relative bg-white rounded-lg shadow  \">\n                <div class=\"flex items-center justify-between p-4 md:p-5 border-b rounded-t \">\n                    <h3 class=\"text-xl font-semibold text-gray-900 \">\n                        Query </h3>\n                    <button type=\"button\" (click)=\"closeModalVisibleModal()\"\n                        class=\"text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm w-8 h-8 ms-auto inline-flex justify-center items-center \"\n                        data-modal-hide=\"static-modal\">\n                        <svg class=\"w-3 h-3\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\"\n                            viewBox=\"0 0 14 14\">\n                            <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                d=\"m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6\" />\n                        </svg>\n                        <span class=\"sr-only\">Close</span>\n                    </button>\n                </div>\n                <!-- Modal body -->\n                <div class=\"w-69 p-5\">\n                    <div class=\"flex flex-row bg-gray-800 text-white text-lg p-4 rounded-md text-wrap\">\n                        <code>\n                        {{query_data}}\n                        </code>\n                    </div>\n                </div>\n                <div class=\"flex items-center border-t border-gray-200 rounded-b p-2 justify-end\">\n                    <span class=\"text-gray-700 px-2\" *ngIf=\"isSqlCopiedText\">Copied</span>\n                    <button data-modal-hide=\"static-modal\" type=\"button\" class=\"{{commonService.btn_success_sm}} py-2\"\n                        (click)=\"copySqlFromModal()\">Copy</button>\n                </div>\n            </div>\n        </div>\n    </div>\n</ng-container>" }]
         }], ctorParameters: function () { return [{ type: i1.CommonService }, { type: i2.ToastrService }, { type: i3.ApplicationContentService }]; }, propDecorators: { getQueryBulbderDataSet: [{

package/esm2020/lib/application-controller/application-dataset-component/dataset-rest-api/dataset-rest-api.component.mjs

@@ -47,9 +47,9 @@ export class DatasetRestApiComponent {
         this.getRestApiBulbderDataSet.emit(this.apiBulderDataset);
     }
 }
-DatasetRestApiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatasetRestApiComponent, deps: [{ token: i1.ToastrService }, { token: i2.CommonService }], target: i0.ɵɵFactoryTarget.Component });
-DatasetRestApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: DatasetRestApiComponent, selector: "app-dataset-rest-api", inputs: { restApiDataset: "restApiDataset" }, outputs: { getRestApiBulbderDataSet: "getRestApiBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatasetRestApiComponent, decorators: [{
+DatasetRestApiComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetRestApiComponent, deps: [{ token: i1.ToastrService }, { token: i2.CommonService }], target: i0.ɵɵFactoryTarget.Component });
+DatasetRestApiComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetRestApiComponent, selector: "app-dataset-rest-api", inputs: { restApiDataset: "restApiDataset" }, outputs: { getRestApiBulbderDataSet: "getRestApiBulbderDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.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: i5.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetRestApiComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dataset-rest-api', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ToastrService }, { type: i2.CommonService }]; }, propDecorators: { getRestApiBulbderDataSet: [{

package/esm2020/lib/application-controller/application-filter/application-filter.component.mjs

@@ -202,9 +202,9 @@ export class ApplicationFilterComponent {
         this.router.navigate(['apps/controlPanel/applicationDataset']);
     }
 }
-ApplicationFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ApplicationFilterComponent, deps: [{ token: i1.ApplicationContentService }, { token: i2.CommonService }, { token: i3.ToastrService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ApplicationFilterComponent, selector: "app-application-filter", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i7.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "proxyUrl", "svgToCanvas", "allowExportSelectedData", "customizeExcelCell", "excelFilterEnabled", "excelWrapTextEnabled", "ignoreExcelErrors", "texts"] }, { kind: "component", type: i8.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i7.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: i7.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i10.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: i11.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: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i13.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i14.CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ApplicationFilterComponent, decorators: [{
+ApplicationFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationFilterComponent, deps: [{ token: i1.ApplicationContentService }, { token: i2.CommonService }, { token: i3.ToastrService }, { token: i4.Router }], target: i0.ɵɵFactoryTarget.Component });
+ApplicationFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationFilterComponent, selector: "app-application-filter", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i7.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "proxyUrl", "svgToCanvas", "allowExportSelectedData", "customizeExcelCell", "excelFilterEnabled", "excelWrapTextEnabled", "ignoreExcelErrors", "texts"] }, { kind: "component", type: i8.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i7.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: i7.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i10.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: i11.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: i12.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i12.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i13.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i14.CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-application-filter', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ApplicationContentService }, { type: i2.CommonService }, { type: i3.ToastrService }, { type: i4.Router }]; } });