gamma-app-controller 1.0.5 → 1.0.6

package/fesm2020/gamma-app-controller.mjs

@@ -1970,6 +1970,31 @@ class ApplicationFilterComponent {
     }
     getCreateNewFilter() {
         this.isNewFilterCreate = true;
+        this.creatFilterObject = {
+            filterName: "",
+            filterItems: [{
+                    "apiName": "startDate",
+                    "label": "Start Date",
+                    "filterType": "date",
+                    "display": true,
+                    "operatorName": "",
+                    "defaultFilterType": "dynamic",
+                    "defaultFilterValue": "15,days",
+                    "momentFunction": "subtract",
+                    "momentFormat": "YYYY-MM-DD"
+                },
+                {
+                    "apiName": "endDate",
+                    "label": "End Date",
+                    "display": true,
+                    "filterType": "date",
+                    "operatorName": "",
+                    "defaultFilterType": "dynamic",
+                    "defaultFilterValue": "1,days",
+                    "momentFunction": "subtract",
+                    "momentFormat": "YYYY-MM-DD"
+                }]
+        };
     }
     editFilter(data) {
         this.creatFilterObject = data;
@@ -2064,10 +2089,10 @@ class ApplicationFilterComponent {
     }
 }
 ApplicationFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ApplicationFilterComponent, deps: [{ token: ApplicationContentService }, { token: CommonService }, { token: i2$1.ToastrService }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ApplicationFilterComponent, selector: "app-application-filter", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i6.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "proxyUrl", "svgToCanvas", "allowExportSelectedData", "customizeExcelCell", "excelFilterEnabled", "excelWrapTextEnabled", "ignoreExcelErrors", "texts"] }, { kind: "component", type: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i11.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+ApplicationFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: ApplicationFilterComponent, selector: "app-application-filter", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i6.DxoExportComponent, selector: "dxo-export", inputs: ["backgroundColor", "enabled", "fileName", "formats", "margin", "printingEnabled", "proxyUrl", "svgToCanvas", "allowExportSelectedData", "customizeExcelCell", "excelFilterEnabled", "excelWrapTextEnabled", "ignoreExcelErrors", "texts"] }, { kind: "component", type: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i11.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ApplicationFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-application-filter', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>" }]
+            args: [{ selector: 'app-application-filter', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Filters'\"></lib-common-header>\n\n\n\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Filters\n                <div class=\"ml-auto\">\n                    <button class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-3 rounded\"\n                        (click)=\"getCreateNewFilter()\">\n                        Add Filter\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"filterDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n\n                <dxi-column dataField=\"filterName\"></dxi-column>\n                <dxi-column dataField=\"filterId\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editFilter(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteFilter(data.data)\">\n                        Delete\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n    <div class=\"p-2 w-full\" *ngIf=\"isNewFilterCreate\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6\n                class=\"mb-2 font-bold text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Create Filters\n\n            </h6>\n            <div class=\"flex flex-row my-2\">\n                <div class=\"mx-2 w-1/3\">\n                    <div class=\"text-md mb-2\">Filter Name</div>\n                    <dx-text-box [(ngModel)]=\"creatFilterObject.filterName\"></dx-text-box>\n                </div>\n            </div>\n            <div class=\"m-5 border\">\n                <div class=\"flex flex-col flex-auto min-w-0 \">\n                    <div class=\"text-lg py-2 font-extrabold border-b bg-gray-700 text-white px-2\"> Select Filters\n                    </div>\n                    <div class=\"pt-2 border-x border-b \">\n                        <ng-container *ngFor=\"let item of creatFilterObject.filterItems; let i = index;\">\n                            <div class=\"my-2 flex flex-row justify-between border-b\">\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2 mt-5\"> </div>\n                                    <dx-check-box [(ngModel)]=\"item.display\" text=\"Display\"></dx-check-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Filter Name </div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"kpiFilterConfigService\"\n                                        displayExpr=\"apiName\" valueExpr=\"apiUrl\"\n                                        [(ngModel)]=\"item.apiName\"></dx-select-box>\n                                </div>\n\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\">Operator Key Name </div>\n                                    <dx-text-box [(ngModel)]=\"item.operatorName\"></dx-text-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Label</div>\n                                    <dx-text-box [(ngModel)]=\"item.label\"></dx-text-box>\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter Container</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"filter_type\"\n                                        [(ngModel)]=\"item.filterType\"></dx-select-box>\n\n                                </div>\n                                <div class=\"px-2 mb-2 w-full\">\n                                    <div class=\"text-md mb-2\"> FIlter type</div>\n                                    <dx-select-box [searchEnabled]=\"true\" [items]=\"defaultFilterTypeDataSource\"\n                                        [(ngModel)]=\"item.defaultFilterType\"\n                                        value=\"defaultFilterTypeDataSource[0]\"></dx-select-box>\n\n                                </div>\n\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Function </div>\n                                        <dx-select-box [items]=\"momentFunction\"\n                                            [(ngModel)]=\"item.momentFunction\"></dx-select-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Additionals </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'static' && (item.filterType == 'date' || item.filterType == 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Default Value </div>\n                                        <dx-text-box \n                                            [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> Display Format </div>\n                                        <dx-text-box [(ngModel)]=\"item.momentFormat\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n                                <ng-container\n                                    *ngIf=\"item.defaultFilterType == 'dynamic' && (item.filterType !== 'date' || item.filterType !== 'datetime')\">\n                                    <div class=\"px-2 mb-2 w-full\">\n                                        <div class=\"text-md mb-2\"> FIlter Default Value</div>\n                                        <dx-text-box [(ngModel)]=\"item.defaultFilterValue\"></dx-text-box>\n                                    </div>\n                                </ng-container>\n\n                                <div class=\"px-2 mt-8 text-center\">\n                                    <button class=\"{{commonService.btn_danger_sm}} cursor-pointer\"\n                                        (click)=\"deleteFilters(i)\"><i class=\"fa fa-trash-o\" aria-hidden=\"true\"></i>\n                                    </button>\n                                </div>\n                            </div>\n                        </ng-container>\n                        <div class=\"flex flex-row justify-end my-2\">\n                            <button class=\"{{commonService.btn_primary_sm}} cursor-pointer\" (click)=\"addFilter()\">Add\n                                Columns</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"flex w-full justify-end mt-5 border-t\">\n                <button class=\"{{commonService.btn_success_md}} cursor-pointer mx-1 my-2\" (click)=\"createFilterItems()\">\n                    Submit Filter\n                </button>\n            </div>\n\n        </div>\n    </div>\n\n\n\n</div>" }]
         }], ctorParameters: function () { return [{ type: ApplicationContentService }, { type: CommonService }, { type: i2$1.ToastrService }, { type: i1.Router }]; } });
 
 class kpicommonService$2 {
@@ -5767,6 +5792,14 @@ class GammaAdvanceFilterComponent {
                             filter['filterDataSourceValue'] = moment()[filter.momentFunction](parseInt(count), unit).format(filter.momentFormat);
                         }
                     }
+                    else if ((filter.defaultFilterType == "static" && filter.defaultFilterValue !== "")) {
+                        if (filter.apiName == "startDate") {
+                            filter['filterDataSourceValue'] = filter.defaultFilterValue;
+                        }
+                        if (filter.apiName == "endDate") {
+                            filter['filterDataSourceValue'] = filter.defaultFilterValue;
+                        }
+                    }
                 }
             }
             catch (err) {
@@ -6080,6 +6113,7 @@ class AppAdvanceHeaderComponent {
             this.filterItemsForFilter = value;
             value.forEach(element => {
                 if (element.filterType === 'date' || element.filterType === 'datetime') {
+                    debugger;
                     if (element.defaultFilterType === "dynamic" && element.momentFunction !== "" && element.defaultFilterValue !== "" && element.momentFormat !== "") {
                         let [count, unit] = element.defaultFilterValue.split(',');
                         let formattedDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
@@ -6094,6 +6128,18 @@ class AppAdvanceHeaderComponent {
                             }
                         }
                     }
+                    else if (element.defaultFilterType === "static" && element.defaultFilterValue !== "") {
+                        if (element.apiName === "startDate") {
+                            if (element.display) {
+                                displayStartDate = moment(this.selectedDates[element.apiName]).format(element.momentFormat);
+                            }
+                        }
+                        if (element.apiName === "endDate") {
+                            if (element.display) {
+                                displayEndDate = moment(this.selectedDates[element.apiName]).format(element.momentFormat);
+                            }
+                        }
+                    }
                 }
             });
             if (displayStartDate && displayEndDate) {
@@ -6635,6 +6681,14 @@ class AdvanceWidgetHeaderFilterComponent {
                             }
                         }
                     }
+                    else if ((element.defaultFilterType == "static" && element.defaultFilterValue !== "")) {
+                        if (element.apiName == "startDate") {
+                            displayStartDate = element.defaultFilterValue;
+                        }
+                        if (element.apiName == "endDate") {
+                            displayEndDate = element.defaultFilterValue;
+                        }
+                    }
                 }
             });
         }
@@ -8632,6 +8686,18 @@ class PageConfigComponent {
                                 defaultFilters.operationFilter.startDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
                             }
                         }
+                        else if (element.defaultFilterType === "static" && element.defaultFilterValue !== "") {
+                            if (element.apiName === "endDate") {
+                                if (element.display) {
+                                    defaultFilters.operationFilter.endDate = element.defaultFilterValue;
+                                    this.defaultEndDate = element.defaultFilterValue;
+                                }
+                            }
+                            if (element.apiName === "startDate") {
+                                defaultFilters.operationFilter.startDate = element.defaultFilterValue;
+                                this.defaultStartDate = element.defaultFilterValue;
+                            }
+                        }
                     }
                     else {
                         if ((typeof element.filterDataSourceValue === "string" && element.filterDataSourceValue !== "") ||
@@ -8960,7 +9026,6 @@ class PageConfigComponent {
             let w_height = (div.widgetProperties.height == "") ? "h-auto" : 'h-[' + div.widgetProperties.height + ']';
             rowDiv.classList.add(div.widgetProperties.width, w_height, 'border');
             const filterDiv = document.createElement('div');
-            debugger;
             const filterItems = (div.filters) ? div.filters.filterItems : [];
             this.loadFilterComponent(div, filterDiv, filterItems);
             rowDiv.appendChild(filterDiv);