gamma-app-controller 1.0.6 → 1.0.8

package/esm2020/lib/application-controller/application-dataset-component/create-dataset-json/create-dataset-json.component.mjs

@@ -134,9 +134,9 @@ export class CreateDatasetJsonComponent {
         }
     }
 }
-CreateDatasetJsonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CreateDatasetJsonComponent, deps: [{ token: i1.ToastrService }, { token: i2.CommonService }, { token: i3.ApplicationContentService }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-CreateDatasetJsonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: CreateDatasetJsonComponent, selector: "app-create-dataset-json", inputs: { jsonDataset: "jsonDataset" }, outputs: { getJsonDataset: "getJsonDataset" }, 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\n    <div class=\"my-4 p-3 justify-center items-center\">\n        <div class=\"m-2 flex items-center justify-between\">\n            <button class=\"{{commonService.btn_warning_md}} w-1/3\" (click)=\"viewJsonEditor()\">JSON Editor</button>\n            <div class=\"text-lg\"> - OR - </div>\n            <div class=\"mx-2\">\n                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2\">\n                        <input type=\"file\" #fileInput accept=\".json\"\n                            class=\"block  p-2 text-sm text-gray-400 border border-gray-700 w-full rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                            (change)=\"onjsonFileSelected($event)\">\n                    </div>\n                    <div class=\"mx-2\">\n                        <button class=\"{{commonService.btn_primary_md}}\" (click)=\"uploadSelectedJsonFile()\">Upload\n                            File</button>\n\n                    </div>\n                    <div class=\"mx-2\" *ngIf=\"contentType == 'edit'\">\n                        <button class=\"{{commonService.btn_warning_md}}\" (click)=\"downloadJsonFile()\">Download\n                            File</button>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"m-4\" *ngIf=\"isJsonEditor\">\n            <textarea [(ngModel)]=\"jsonContent\" rows=\"18\" (input)=\"jsonValidator()\"\n                [ngClass]=\"{'border-red-500': validationMessage}\"\n                class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                placeholder=\"Write your JSON here...\"></textarea>\n            <div *ngIf=\"validationMessage\" class=\"text-red-500 mt-2\">{{ validationMessage }}</div>\n        </div>\n    </div>\n\n\n\n\n\n\n\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 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>", dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CreateDatasetJsonComponent, decorators: [{
+CreateDatasetJsonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateDatasetJsonComponent, deps: [{ token: i1.ToastrService }, { token: i2.CommonService }, { token: i3.ApplicationContentService }, { token: i4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+CreateDatasetJsonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateDatasetJsonComponent, selector: "app-create-dataset-json", inputs: { jsonDataset: "jsonDataset" }, outputs: { getJsonDataset: "getJsonDataset" }, 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\n    <div class=\"my-4 p-3 justify-center items-center\">\n        <div class=\"m-2 flex items-center justify-between\">\n            <button class=\"{{commonService.btn_warning_md}} w-1/3\" (click)=\"viewJsonEditor()\">JSON Editor</button>\n            <div class=\"text-lg\"> - OR - </div>\n            <div class=\"mx-2\">\n                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2\">\n                        <input type=\"file\" #fileInput accept=\".json\"\n                            class=\"block  p-2 text-sm text-gray-400 border border-gray-700 w-full rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                            (change)=\"onjsonFileSelected($event)\">\n                    </div>\n                    <div class=\"mx-2\">\n                        <button class=\"{{commonService.btn_primary_md}}\" (click)=\"uploadSelectedJsonFile()\">Upload\n                            File</button>\n\n                    </div>\n                    <div class=\"mx-2\" *ngIf=\"contentType == 'edit'\">\n                        <button class=\"{{commonService.btn_warning_md}}\" (click)=\"downloadJsonFile()\">Download\n                            File</button>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"m-4\" *ngIf=\"isJsonEditor\">\n            <textarea [(ngModel)]=\"jsonContent\" rows=\"18\" (input)=\"jsonValidator()\"\n                [ngClass]=\"{'border-red-500': validationMessage}\"\n                class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                placeholder=\"Write your JSON here...\"></textarea>\n            <div *ngIf=\"validationMessage\" class=\"text-red-500 mt-2\">{{ validationMessage }}</div>\n        </div>\n    </div>\n\n\n\n\n\n\n\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 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>", dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateDatasetJsonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-create-dataset-json', 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\n    <div class=\"my-4 p-3 justify-center items-center\">\n        <div class=\"m-2 flex items-center justify-between\">\n            <button class=\"{{commonService.btn_warning_md}} w-1/3\" (click)=\"viewJsonEditor()\">JSON Editor</button>\n            <div class=\"text-lg\"> - OR - </div>\n            <div class=\"mx-2\">\n                <div class=\"flex flex-row justify-between\">\n                    <div class=\"mx-2\">\n                        <input type=\"file\" #fileInput accept=\".json\"\n                            class=\"block  p-2 text-sm text-gray-400 border border-gray-700 w-full rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                            (change)=\"onjsonFileSelected($event)\">\n                    </div>\n                    <div class=\"mx-2\">\n                        <button class=\"{{commonService.btn_primary_md}}\" (click)=\"uploadSelectedJsonFile()\">Upload\n                            File</button>\n\n                    </div>\n                    <div class=\"mx-2\" *ngIf=\"contentType == 'edit'\">\n                        <button class=\"{{commonService.btn_warning_md}}\" (click)=\"downloadJsonFile()\">Download\n                            File</button>\n\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"m-4\" *ngIf=\"isJsonEditor\">\n            <textarea [(ngModel)]=\"jsonContent\" rows=\"18\" (input)=\"jsonValidator()\"\n                [ngClass]=\"{'border-red-500': validationMessage}\"\n                class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                placeholder=\"Write your JSON here...\"></textarea>\n            <div *ngIf=\"validationMessage\" class=\"text-red-500 mt-2\">{{ validationMessage }}</div>\n        </div>\n    </div>\n\n\n\n\n\n\n\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 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 }, { type: i3.ApplicationContentService }, { type: i4.ActivatedRoute }]; }, propDecorators: { getJsonDataset: [{

package/esm2020/lib/application-controller/application-dataset-component/create-dataset-sql/create-dataset-sql.component.mjs

@@ -153,9 +153,9 @@ export class CreateDatasetSqlComponent {
         this.getSqlQueryBulbderDataSet.emit(this.apiBulderDataset);
     }
 }
-CreateDatasetSqlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CreateDatasetSqlComponent, deps: [{ token: i1.ToastrService }, { token: i2.CommonService }, { token: i3.SqlPipe }, { token: i4.ApplicationContentService }], target: i0.ɵɵFactoryTarget.Component });
-CreateDatasetSqlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: CreateDatasetSqlComponent, selector: "app-create-dataset-sql", inputs: { sqlBulderDataset: "sqlBulderDataset" }, outputs: { getSqlQueryBulbderDataSet: "getSqlQueryBulbderDataSet" }, providers: [SqlPipe], ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.SqlPipe, name: "sql" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CreateDatasetSqlComponent, decorators: [{
+CreateDatasetSqlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateDatasetSqlComponent, deps: [{ token: i1.ToastrService }, { token: i2.CommonService }, { token: i3.SqlPipe }, { token: i4.ApplicationContentService }], target: i0.ɵɵFactoryTarget.Component });
+CreateDatasetSqlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CreateDatasetSqlComponent, selector: "app-create-dataset-sql", inputs: { sqlBulderDataset: "sqlBulderDataset" }, outputs: { getSqlQueryBulbderDataSet: "getSqlQueryBulbderDataSet" }, providers: [SqlPipe], ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.SqlPipe, name: "sql" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CreateDatasetSqlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-create-dataset-sql', providers: [SqlPipe], template: "<div class=\"m-2\">\n    <div class=\"flex flex-row mb-2\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Api Type</div>\n            <dx-select-box [dataSource]=\"['get','post']\" [(ngModel)]=\"apiBulderDataset.apiType\">\n            </dx-select-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Database Name</div>\n            <dx-text-box [(ngModel)]=\"apiBulderDataset.queryConfig.databaseName\">\n            </dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">DB Config</div>\n            <dx-select-box [items]=\"['impala','postgres','mysql','bigquery']\"\n                [(ngModel)]=\"apiBulderDataset.queryConfig.dbConfig\"></dx-select-box>\n        </div>\n    </div>\n\n    <div class=\"flex flex-col flex-auto min-w-0 my-2\">\n        <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Filter Maping\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <div class=\"my-2 flex justify-between\"\n                *ngFor=\"let item of apiBulderDataset.queryConfig.mapedFilters; let i = index;\">\n\n\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Server Column</div>\n                    <dx-text-box [(ngModel)]=\"item.serverColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Local Column(aliasName)</div>\n                    <dx-text-box [(ngModel)]=\"item.localColumn\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Operator</div>\n                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_operator\"\n                        [(ngModel)]=\"item.operatorName\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Datatype</div>\n                    <dx-select-box [searchEnabled]=\"true\"\n                        [items]=\"['date','string','timestamp','int', 'double', 'boolean']\"\n                        [(ngModel)]=\"item.dataType\"></dx-select-box>\n                </div>\n                <div class=\"px-1 mb-2\">\n                    <div class=\"text-md mb-2\"> Default Value</div>\n                    <dx-text-box [(ngModel)]=\"item.defaultValue\"></dx-text-box>\n                </div>\n                <div class=\"px-1 mt-8\">\n                    <div class=\"flex flex-row\">\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== apiBulderDataset.queryConfig.mapedFilters.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForColumns(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n                <div class=\"px-1 mt-8 text-center\">\n                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                        (click)=\"deleteFilterMapingColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"flex flex-row\">\n            <div class=\"w-1/2\">\n                <div class=\"flex flex-row justify-end my-2\">\n                    <button class=\"{{commonService.btn_success_sm}} cursor-pointer\" (click)=\"saveColumnMaping()\">Save\n                        Maping</button>\n                    <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\"\n                        (click)=\"addFilterMapingColumns()\">Add\n                        Maping</button>\n                </div>\n            </div>\n        </div>\n\n\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                Configure SQL Expression\n            </h6>\n            <div class=\"p-5 font-light border border-b-0 border-gray-200 dark:border-gray-700 dark:bg-gray-900\">\n                <div class=\"mt-5 p-2\">\n                    <textarea id=\"message\" rows=\"20\"\n                        class=\"block p-2.5 w-full text-lg text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n                        placeholder=\"Write your SQL query here...\" [(ngModel)]=\"queryStringData\"\n                        id=\"exampleTextarea\">{{  sqlString | sql }}</textarea>\n\n\n                    <div class=\"row no-margin\" *ngIf=\"validateArgumentError\">\n                        <p class=\"text-red-400\">This query is not valid</p>\n                    </div>\n\n                    <div class=\"flex\">\n                        <button *ngIf=\"formatButtonStatus\" type=\"button\"\n                            class=\"focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4\n                                        focus:ring-purple-300 font-medium dark:bg-purple-600 my-2 px-5 py-2.5 dark:hover:bg-purple-700 dark:focus:ring-purple-900\"\n                            (click)=\"format()\">Format\n                        </button>\n                        <button type=\"button\" *ngIf=\"!formatButtonStatus\"\n                            class=\"focus:outline-none text-white bg-yellow-800 hover:bg-yellow-500 focus:ring-4\n                                        focus:ring-yellow-300 font-medium mr-2 px-5 py-2.5 my-2 dark:focus:ring-yellow-900\" (click)=\"format()\">\n                            Reformat\n                        </button>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"flex justify-end mt-2\">\n\n            </div>\n        </div>\n        <div class=\"my-2\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700 \">\n                <h6 class=\"mb-2 font-bold tracking-tight text-gray-900 dark:text-white border-b pb-3\">\n                    Data Enrichment\n                </h6>\n                <div class=\"grid grid-cols-1 gap-2 w-full\">\n                    <div class=\"p-2 w-full\"\n                        *ngFor=\"let item of apiBulderDataset.queryConfig.enrichments; let i = index;\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Value Field(aliasName)</div>\n                                <dx-text-box [(ngModel)]=\"item.columnName\"></dx-text-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Type</div>\n                                <dx-select-box [items]=\"['Basic','Lookup']\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mb-2 w-full\">\n                                <div class=\"text-md mb-2\"> Enrich Name</div>\n                                <dx-select-box [searchEnabled]=\"true\" [items]=\"kpi_enrichment_name\"\n                                    [(ngModel)]=\"item.enrichFunction\"></dx-select-box>\n                            </div>\n                            <div class=\"px-1 mt-8\">\n                                <div class=\"flex flex-row\">\n                                    <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'up')\">\n                                        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                                    </button>\n\n                                    <button *ngIf=\"i !== apiBulderDataset.queryConfig.enrichments.length - 1\"\n                                        class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                                        (click)=\"moveItemForMeasuresColumns(i, 'down')\">\n                                        <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                            <div class=\"px-1 mt-8 text-center\">\n\n                                <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                    (click)=\"deleteColumns(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                </button>\n                            </div>\n                        </div>\n\n                    </div>\n                </div>\n\n\n                <div class=\"flex justify-end mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer\" (click)=\"addColumns()\">Add\n                        Columns</button>\n                </div>\n            </div>\n        </div>\n\n\n\n        <div class=\"flex w-full justify-end mt-5 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_primary_md}} cursor-pointer mx-1 my-2\"\n                (click)=\"validateNewReport()\" [disabled]=\"isValidate\">\n                Validate\n            </button>\n            <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createDataSet()\"\n                [disabled]=\"isNotValidate\">\n                Submit DataSet\n            </button>\n        </div>\n\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ToastrService }, { type: i2.CommonService }, { type: i3.SqlPipe }, { type: i4.ApplicationContentService }]; }, propDecorators: { getSqlQueryBulbderDataSet: [{

package/esm2020/lib/application-controller/application-dataset-component/create-dataset-sql/sqlFormatter.mjs

@@ -6,9 +6,9 @@ export class SqlPipe {
         return vkbeautify.sql(value);
     }
 }
-SqlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SqlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SqlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.1.3", ngImport: i0, type: SqlPipe, name: "sql" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: SqlPipe, decorators: [{
+SqlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SqlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SqlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: SqlPipe, name: "sql" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SqlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'sql'

package/esm2020/lib/application-controller/application-dataset-component/dataset-mongo/dataset-mongo.component.mjs

@@ -44,9 +44,9 @@ export class DatasetMongoComponent {
         this.getMongoServiceDataSet.emit(this.mongoDataset);
     }
 }
-DatasetMongoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: DatasetMongoComponent, deps: [{ token: i1.CommonService }], target: i0.ɵɵFactoryTarget.Component });
-DatasetMongoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: DatasetMongoComponent, selector: "app-dataset-mongo", inputs: { mongoDataset: "mongoDataset" }, outputs: { getMongoServiceDataSet: "getMongoServiceDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"mongoDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Service Id</div>\n            <dx-text-box [(ngModel)]=\"mongoDataset.serviceId\"></dx-text-box>\n        </div>\n    </div>\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-1\"> Select Filters\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <ng-container *ngFor=\"let item of mongoDataset.filterItems; let i = index;\">\n                <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\">Filter Key Name </div>\n                        <dx-text-box displayExpr=\"apiName\" valueExpr=\"apiUrl\" [(ngModel)]=\"item.apiName\"></dx-text-box>\n                    </div>\n\n                    <div class=\"px-1 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-1 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-1 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-1 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\" 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-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Function </div>\n                            <dx-select-box [items]=\"momentFunction\" [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Additionals </div>\n                            <dx-text-box [(ngModel)]=\"item.momentFormate\"></dx-text-box>\n                        </div>\n\n                    </ng-container>\n                    <ng-container\n                        *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                        <div class=\"px-1 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=\"text-center mt-8 w-full\">\n\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForFilters(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== mongoDataset.filterItems.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForFilters(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div> -->\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteFilters(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </ng-container>\n            <div class=\"flex flex-row justify-end 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 class=\"mt-4\">\n        <div class=\"text-md m-3\">Fix Operation Levles</div>\n        <ng-container *ngFor=\"let item of mongoDataset.fixOperationLevles; let i = index\">\n            <div class=\"flex justify-between mb-2\">\n                <div class=\"w-1/2 px-1\">\n                    <dx-text-box [(ngModel)]=\"item.key\" placeholder=\"key Name\"></dx-text-box>\n                </div>\n                <div class=\"w-1/2 px-1\">\n                    <dx-text-box [(ngModel)]=\"item.value\" placeholder=\"Value\"></dx-text-box>\n                </div>\n                <div class=\"w-1/6 px-1 mt-1\">\n                    <button type=\"button\" class=\"{{commonService.btn_danger_sm}}\"\n                        (click)=\"deleteFixoperation(i)\">Delete</button>\n\n                </div>\n            </div>\n\n        </ng-container>\n        <div class=\"pb-2 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_warning_md}}  text-center mt-3\"\n                (click)=\"addFixOperation()\">Add</button>\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>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.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: DatasetMongoComponent, decorators: [{
+DatasetMongoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: DatasetMongoComponent, deps: [{ token: i1.CommonService }], target: i0.ɵɵFactoryTarget.Component });
+DatasetMongoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: DatasetMongoComponent, selector: "app-dataset-mongo", inputs: { mongoDataset: "mongoDataset" }, outputs: { getMongoServiceDataSet: "getMongoServiceDataSet" }, ngImport: i0, template: "<div class=\"m-2\">\n    <div class=\"flex flex-row\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"mongoDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Service Id</div>\n            <dx-text-box [(ngModel)]=\"mongoDataset.serviceId\"></dx-text-box>\n        </div>\n    </div>\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-1\"> Select Filters\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <ng-container *ngFor=\"let item of mongoDataset.filterItems; let i = index;\">\n                <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\">Filter Key Name </div>\n                        <dx-text-box displayExpr=\"apiName\" valueExpr=\"apiUrl\" [(ngModel)]=\"item.apiName\"></dx-text-box>\n                    </div>\n\n                    <div class=\"px-1 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-1 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-1 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-1 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\" 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-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Function </div>\n                            <dx-select-box [items]=\"momentFunction\" [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Additionals </div>\n                            <dx-text-box [(ngModel)]=\"item.momentFormate\"></dx-text-box>\n                        </div>\n\n                    </ng-container>\n                    <ng-container\n                        *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                        <div class=\"px-1 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=\"text-center mt-8 w-full\">\n\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForFilters(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== mongoDataset.filterItems.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForFilters(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div> -->\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteFilters(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </ng-container>\n            <div class=\"flex flex-row justify-end 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 class=\"mt-4\">\n        <div class=\"text-md m-3\">Fix Operation Levles</div>\n        <ng-container *ngFor=\"let item of mongoDataset.fixOperationLevles; let i = index\">\n            <div class=\"flex justify-between mb-2\">\n                <div class=\"w-1/2 px-1\">\n                    <dx-text-box [(ngModel)]=\"item.key\" placeholder=\"key Name\"></dx-text-box>\n                </div>\n                <div class=\"w-1/2 px-1\">\n                    <dx-text-box [(ngModel)]=\"item.value\" placeholder=\"Value\"></dx-text-box>\n                </div>\n                <div class=\"w-1/6 px-1 mt-1\">\n                    <button type=\"button\" class=\"{{commonService.btn_danger_sm}}\"\n                        (click)=\"deleteFixoperation(i)\">Delete</button>\n\n                </div>\n            </div>\n\n        </ng-container>\n        <div class=\"pb-2 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_warning_md}}  text-center mt-3\"\n                (click)=\"addFixOperation()\">Add</button>\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>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.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: DatasetMongoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dataset-mongo', template: "<div class=\"m-2\">\n    <div class=\"flex flex-row\">\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">End Point</div>\n            <dx-text-box [(ngModel)]=\"mongoDataset.api\"></dx-text-box>\n        </div>\n        <div class=\"mx-2 w-1/3\">\n            <div class=\"text-md mb-2\">Service Id</div>\n            <dx-text-box [(ngModel)]=\"mongoDataset.serviceId\"></dx-text-box>\n        </div>\n    </div>\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-1\"> Select Filters\n        </div>\n        <div class=\"pt-2 border-x border-b \">\n            <ng-container *ngFor=\"let item of mongoDataset.filterItems; let i = index;\">\n                <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                    <div class=\"px-1 mb-2 w-full\">\n                        <div class=\"text-md mb-2\">Filter Key Name </div>\n                        <dx-text-box displayExpr=\"apiName\" valueExpr=\"apiUrl\" [(ngModel)]=\"item.apiName\"></dx-text-box>\n                    </div>\n\n                    <div class=\"px-1 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-1 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-1 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-1 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\" 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-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Function </div>\n                            <dx-select-box [items]=\"momentFunction\" [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                        </div>\n                        <div class=\"px-1 mb-2 w-full\">\n                            <div class=\"text-md mb-2\"> Additionals </div>\n                            <dx-text-box [(ngModel)]=\"item.momentFormate\"></dx-text-box>\n                        </div>\n\n                    </ng-container>\n                    <ng-container\n                        *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                        <div class=\"px-1 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=\"text-center mt-8 w-full\">\n\n                        <button *ngIf=\"i !== 0\" class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForFilters(i, 'up')\">\n                            <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n                        </button>\n\n                        <button *ngIf=\"i !== mongoDataset.filterItems.length - 1\"\n                            class=\"{{commonService.btn_light_sm}} cursor-pointer mx-1\"\n                            (click)=\"moveItemForFilters(i, 'down')\">\n                            <i class=\"fa fa-arrow-down\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div> -->\n                    <div class=\"px-1 mt-8 text-center\">\n                        <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\" (click)=\"deleteFilters(i)\"><i\n                                class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                        </button>\n                    </div>\n                </div>\n            </ng-container>\n            <div class=\"flex flex-row justify-end 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 class=\"mt-4\">\n        <div class=\"text-md m-3\">Fix Operation Levles</div>\n        <ng-container *ngFor=\"let item of mongoDataset.fixOperationLevles; let i = index\">\n            <div class=\"flex justify-between mb-2\">\n                <div class=\"w-1/2 px-1\">\n                    <dx-text-box [(ngModel)]=\"item.key\" placeholder=\"key Name\"></dx-text-box>\n                </div>\n                <div class=\"w-1/2 px-1\">\n                    <dx-text-box [(ngModel)]=\"item.value\" placeholder=\"Value\"></dx-text-box>\n                </div>\n                <div class=\"w-1/6 px-1 mt-1\">\n                    <button type=\"button\" class=\"{{commonService.btn_danger_sm}}\"\n                        (click)=\"deleteFixoperation(i)\">Delete</button>\n\n                </div>\n            </div>\n\n        </ng-container>\n        <div class=\"pb-2 border-t\">\n            <button type=\"button\" class=\"{{commonService.btn_warning_md}}  text-center mt-3\"\n                (click)=\"addFixOperation()\">Add</button>\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>" }]
         }], ctorParameters: function () { return [{ type: i1.CommonService }]; }, propDecorators: { mongoDataset: [{