gamma-app-controller 1.1.3 → 1.1.4

package/fesm2015/gamma-app-controller.mjs

@@ -653,6 +653,45 @@ class ApplicationContentService extends AppHttpService {
             return response;
         }), catchError(this.handleError));
     }
+    configureAppMenuConfig(manueConfig) {
+        const apiUrl = this.environment.appUrl + this.environment.apiVersion + '/kpi-config/configureAppMenuConfig';
+        return this.http
+            .post(apiUrl, JSON.stringify(manueConfig), this.options)
+            .pipe(map((response) => {
+            return response;
+        }), catchError(this.handleError));
+    }
+    getListOfParentAppMenu() {
+        const apiUrl = this.environment.appUrl + this.environment.apiVersion + '/kpi-config/getListOfParentAppMenu';
+        return this.http
+            .get(apiUrl, { withCredentials: true })
+            .pipe(map((response) => {
+            return response;
+        }), catchError(this.handleError));
+    }
+    getAppAppMenuConfigById(manuid) {
+        const apiUrl = this.environment.appUrl + this.environment.apiVersion + '/kpi-config/getAppAppMenuConfigById?menuId=' + manuid;
+        return this.http
+            .get(apiUrl, { withCredentials: true })
+            .pipe(map((response) => {
+            return response;
+        }), catchError(this.handleError));
+    }
+    updateAppMenuConfig(manueConfig) {
+        const apiUrl = this.environment.appUrl + this.environment.apiVersion + '/kpi-config/updateAppMenuConfig';
+        return this.http
+            .post(apiUrl, JSON.stringify(manueConfig), this.options)
+            .pipe(map((response) => {
+            return response;
+        }), catchError(this.handleError));
+    }
+    deleteAppMenuConfig(menuId) {
+        return this.http
+            .delete(this.environment.appUrl + this.environment.apiVersion + '/kpi-config/deleteAppMenuConfig/' + menuId, this.options)
+            .pipe(map((response) => {
+            return response;
+        }), catchError(this.handleError));
+    }
 }
 ApplicationContentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationContentService, deps: [{ token: i1$1.HttpClient }, { token: APP_ENVIRONMENT }], target: i0.ɵɵFactoryTarget.Injectable });
 ApplicationContentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationContentService });
@@ -710,6 +749,9 @@ class CommonService {
         this.btn_light_lg = "ms-3 text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-5 py-5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600";
         this.btn_light_md = "ms-3 text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-3 py-3 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600";
         this.btn_light_sm = "ms-3 text-gray-500 bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 rounded-lg border border-gray-200 text-sm font-medium px-1 py-1 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600";
+        this.btn_purple_lg = "cursor-pointer focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded text-sm px-5 py-5 mr-2  dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800";
+        this.btn_purple_md = "cursor-pointer focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded text-sm px-3 py-3 mr-2  dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800";
+        this.btn_purple_sm = "cursor-pointer focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded text-sm px-1 py-1 mr-2  dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800";
         this.btnDarkBlack = "cursor-pointer text-white bg-gray-800 hover:bg-gray-900 focus:outline-none focus:ring-4 focus:ring-gray-300 font-medium rounded text-sm px-5 py-2.5 mr-2 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700";
         this.btnLightWhite = "cursor-pointer text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-200 font-medium rounded text-sm px-5 py-2.5 mr-2  dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700";
         this.btnPrimaryBlue_sm = "cursor-pointer text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-small rounded text-sm px-2 py-1.5 mr-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800";
@@ -1854,6 +1896,23 @@ class CommonService {
         return result;
         return result;
     }
+    ThousandSeparatorWithTwoDecimals(value) {
+        let val;
+        const numericValue = Number(value);
+        if (!isNaN(numericValue)) {
+            val = numericValue.toFixed(2);
+        }
+        else {
+            if (value == "-") {
+                val = "-";
+                return NaN;
+            }
+            else {
+                return NaN;
+            }
+        }
+        return Number(val);
+    }
 }
 CommonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonService, deps: [{ token: i1$1.HttpClient }, { token: i2$2.ToastrService }, { token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
 CommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonService, providedIn: "root" });
@@ -1891,12 +1950,15 @@ class CommonHeaderComponent {
     gotoDataSets() {
         this.router.navigate(['apps/controlPanel/applicationDataset']);
     }
+    gotoMenuConfig() {
+        this.router.navigate(['apps/controlPanel/menuController']);
+    }
 }
 CommonHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderComponent, deps: [{ token: CommonService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-CommonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CommonHeaderComponent, selector: "lib-common-header", inputs: { pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"flex justify-between border-b bg-card dark:bg-transparent\">\n    <div class=\"flex-1 min-w-0\" *ngIf=\"pageTitle !== ''\">\n        <div class=\"flex items-center py-3 pl-2 pr-6  float-start\">\n            <div class=\"flex items-center overflow-hidden\">\n                <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n            </div>\n            <h2 class=\"text-3xl md:text-3xl py-2 font-extrabold items-center ml-2 tracking-tight leading-5 truncate\">\n                {{pageTitle}}\n            </h2>\n        </div>\n    </div>\n    <div class=\"flex justify-between items-center p-0 m-0\" [ngClass]=\"{'border-l-2': pageTitle !== ''}\">\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_success_md}}\" (click)=\"gotoDataSets()\">\n                All Dataset\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_primary_md}}\" (click)=\"gotoViews()\">\n                All Views\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_warning_md}}\" (click)=\"gotoPages()\">\n                All Pages\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_light_md}}\" (click)=\"gotoFilters()\">\n                All Filters\n            </button>\n        </div>\n\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+CommonHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CommonHeaderComponent, selector: "lib-common-header", inputs: { pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"flex justify-between border-b bg-card dark:bg-transparent\">\n    <div class=\"flex-1 min-w-0\" *ngIf=\"pageTitle !== ''\">\n        <div class=\"flex items-center py-3 pl-2 pr-6  float-start\">\n            <div class=\"flex items-center overflow-hidden\">\n                <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n            </div>\n            <h2 class=\"text-3xl md:text-3xl py-2 font-extrabold items-center ml-2 tracking-tight leading-5 truncate\">\n                {{pageTitle}}\n            </h2>\n        </div>\n    </div>\n    <div class=\"flex justify-between items-center p-0 m-0\" [ngClass]=\"{'border-l-2': pageTitle !== ''}\">\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_success_md}}\" (click)=\"gotoDataSets()\">\n                All Dataset\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_primary_md}}\" (click)=\"gotoViews()\">\n                All Views\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_warning_md}}\" (click)=\"gotoPages()\">\n                All Pages\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_light_md}}\" (click)=\"gotoFilters()\">\n                All Filters\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_purple_md}}\" (click)=\"gotoMenuConfig()\">\n                All Menu\n            </button>\n        </div>\n\n    </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CommonHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-common-header', template: "<div class=\"flex justify-between border-b bg-card dark:bg-transparent\">\n    <div class=\"flex-1 min-w-0\" *ngIf=\"pageTitle !== ''\">\n        <div class=\"flex items-center py-3 pl-2 pr-6  float-start\">\n            <div class=\"flex items-center overflow-hidden\">\n                <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n            </div>\n            <h2 class=\"text-3xl md:text-3xl py-2 font-extrabold items-center ml-2 tracking-tight leading-5 truncate\">\n                {{pageTitle}}\n            </h2>\n        </div>\n    </div>\n    <div class=\"flex justify-between items-center p-0 m-0\" [ngClass]=\"{'border-l-2': pageTitle !== ''}\">\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_success_md}}\" (click)=\"gotoDataSets()\">\n                All Dataset\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_primary_md}}\" (click)=\"gotoViews()\">\n                All Views\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_warning_md}}\" (click)=\"gotoPages()\">\n                All Pages\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_light_md}}\" (click)=\"gotoFilters()\">\n                All Filters\n            </button>\n        </div>\n\n    </div>\n</div>" }]
+            args: [{ selector: 'lib-common-header', template: "<div class=\"flex justify-between border-b bg-card dark:bg-transparent\">\n    <div class=\"flex-1 min-w-0\" *ngIf=\"pageTitle !== ''\">\n        <div class=\"flex items-center py-3 pl-2 pr-6  float-start\">\n            <div class=\"flex items-center overflow-hidden\">\n                <mat-icon class=\"icon-size-2\" [svgIcon]=\"'heroicons_solid:template'\"></mat-icon>\n            </div>\n            <h2 class=\"text-3xl md:text-3xl py-2 font-extrabold items-center ml-2 tracking-tight leading-5 truncate\">\n                {{pageTitle}}\n            </h2>\n        </div>\n    </div>\n    <div class=\"flex justify-between items-center p-0 m-0\" [ngClass]=\"{'border-l-2': pageTitle !== ''}\">\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_success_md}}\" (click)=\"gotoDataSets()\">\n                All Dataset\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_primary_md}}\" (click)=\"gotoViews()\">\n                All Views\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_warning_md}}\" (click)=\"gotoPages()\">\n                All Pages\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_light_md}}\" (click)=\"gotoFilters()\">\n                All Filters\n            </button>\n        </div>\n        <div class=\"mx-2\">\n            <button class=\"{{commonService.btn_purple_md}}\" (click)=\"gotoMenuConfig()\">\n                All Menu\n            </button>\n        </div>\n\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.Router }]; }, propDecorators: { pageTitle: [{
                 type: Input
             }] } });
@@ -1935,7 +1997,7 @@ class ApplicationFilterComponent {
         };
         this.filter_type = ['single', 'multiple', 'date', 'datetime', "content", "context"];
         this.defaultFilterTypeDataSource = ['static', 'dynamic'];
-        this.momentFunction = ["subtract", "add", "startOf", "endOf"];
+        this.momentFunction = ["subtract", "add", "startOf", "endOf", "weekPicker", "monthPicker"];
     }
     ngOnInit() {
         this.isLoader = true;
@@ -2568,10 +2630,10 @@ class ApplicationDatasetComponent {
     }
 }
 ApplicationDatasetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatasetComponent, deps: [{ token: ApplicationContentService }, { token: CommonService }, { token: i2$2.ToastrService }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: i1.Title }, { token: kpicommonService$2 }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationDatasetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationDatasetComponent, selector: "app-application-dataset", viewQueries: [{ propertyName: "scrollToElement", first: true, predicate: ["scrollToElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Datasets'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Datasets\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToView()\" *ngIf=\"pageViewId\">\n                        Back To View\n                    </button>\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageConfigId\">\n                        Back To Page\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"getCreateNewDataset()\">\n                        Add Dataset\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"dataSettableDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\"></dxo-search-panel>\n\n                <dxi-column dataField=\"datasetName\"></dxi-column>\n                <dxi-column dataField=\"datasetType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editDataset(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateDataset(data.data)\">\n                        Duplicate\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"testDataset(data.data)\">\n                        Test Data\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n\n</div>\n\n\n<dx-popup [(visible)]=\"isDatasetPreview\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"{{dataSourceModal.datasetName}}\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <!-- <div class=\"text-2xl \">{{dataSourceModal.datasetName}}</div> -->\n        <div class=\"flex flex-row mt-2\">\n            <ng-container *ngIf=\"isFilterInputs\">\n                <ng-container *ngIf=\"dataSourceModal.config.queryConfig\">\n                    <ng-container *ngFor=\"let request of dataSourceModal.config.queryConfig.mapedFilters\">\n                        <div class=\"m-2\">\n                            <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                            <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                (onValueChanged)=\"startDateChange($event,request)\"\n                                *ngIf=\"getFilter(request.localColumn)\">\n                            </dx-date-box>\n                            <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <div class=\"mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer my-4\" (click)=\"getDataPreview()\">\n                        Check\n                    </button>\n                </div>\n            </ng-container>\n        </div>\n\n\n        <div class=\"w-full border p-3\">\n            <app-loader *ngIf=\"isDatasetloader\"></app-loader>\n            <ng-container *ngIf=\"!isDatasetloader\">\n\n                <pre><code>{{dataSourceModal.data | json}}</code></pre>\n            </ng-container>\n        </div>\n    </div>\n</dx-popup>", styles: [""], dependencies: [{ kind: "directive", type: i4.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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i11$1.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i4$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: 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"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }] });
+ApplicationDatasetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationDatasetComponent, selector: "app-application-dataset", viewQueries: [{ propertyName: "scrollToElement", first: true, predicate: ["scrollToElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Datasets'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Datasets\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToView()\" *ngIf=\"pageViewId\">\n                        Back To View\n                    </button>\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageConfigId\">\n                        Back To Page\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"getCreateNewDataset()\">\n                        Add Dataset\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"dataSettableDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\"></dxo-search-panel>\n\n                <dxi-column dataField=\"datasetName\"></dxi-column>\n                <dxi-column dataField=\"datasetType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editDataset(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateDataset(data.data)\">\n                        Duplicate\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"testDataset(data.data)\">\n                        Test Data\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n\n</div>\n\n\n<dx-popup [(visible)]=\"isDatasetPreview\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"{{dataSourceModal.datasetName}}\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <!-- <div class=\"text-2xl \">{{dataSourceModal.datasetName}}</div> -->\n        <div class=\"flex flex-row mt-2\">\n            <ng-container *ngIf=\"isFilterInputs\">\n                <ng-container *ngIf=\"dataSourceModal.config.queryConfig\">\n                    <ng-container *ngFor=\"let request of dataSourceModal.config.queryConfig.mapedFilters\">\n                        <div class=\"m-2\">\n                            <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                            <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                (onValueChanged)=\"startDateChange($event,request)\"\n                                *ngIf=\"getFilter(request.localColumn)\">\n                            </dx-date-box>\n                            <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <div class=\"mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer my-4\" (click)=\"getDataPreview()\">\n                        Check\n                    </button>\n                </div>\n            </ng-container>\n        </div>\n\n\n        <div class=\"w-full border p-3\">\n            <app-loader *ngIf=\"isDatasetloader\"></app-loader>\n            <ng-container *ngIf=\"!isDatasetloader\">\n\n                <pre><code>{{dataSourceModal.data | json}}</code></pre>\n            </ng-container>\n        </div>\n    </div>\n</dx-popup>", styles: [""], dependencies: [{ kind: "directive", type: i4.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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i11$1.DxDateBoxComponent, selector: "dx-date-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "adaptivityEnabled", "applyButtonText", "applyValueMode", "buttons", "calendarOptions", "cancelButtonText", "dateOutOfRangeMessage", "dateSerializationFormat", "deferRendering", "disabled", "disabledDates", "displayFormat", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "interval", "invalidDateMessage", "isValid", "label", "labelMode", "max", "maxLength", "min", "name", "opened", "openOnFieldClick", "pickerType", "placeholder", "readOnly", "rtlEnabled", "showAnalogClock", "showClearButton", "showDropDownButton", "spellcheck", "stylingMode", "tabIndex", "text", "type", "useMaskBehavior", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "applyButtonTextChange", "applyValueModeChange", "buttonsChange", "calendarOptionsChange", "cancelButtonTextChange", "dateOutOfRangeMessageChange", "dateSerializationFormatChange", "deferRenderingChange", "disabledChange", "disabledDatesChange", "displayFormatChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "intervalChange", "invalidDateMessageChange", "isValidChange", "labelChange", "labelModeChange", "maxChange", "maxLengthChange", "minChange", "nameChange", "openedChange", "openOnFieldClickChange", "pickerTypeChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showAnalogClockChange", "showClearButtonChange", "showDropDownButtonChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "typeChange", "useMaskBehaviorChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i4$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: 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"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationDatasetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-application-dataset', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Datasets'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Datasets\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToView()\" *ngIf=\"pageViewId\">\n                        Back To View\n                    </button>\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageConfigId\">\n                        Back To Page\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"getCreateNewDataset()\">\n                        Add Dataset\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"dataSettableDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\"></dxo-search-panel>\n\n                <dxi-column dataField=\"datasetName\"></dxi-column>\n                <dxi-column dataField=\"datasetType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editDataset(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateDataset(data.data)\">\n                        Duplicate\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"testDataset(data.data)\">\n                        Test Data\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n\n</div>\n\n\n<dx-popup [(visible)]=\"isDatasetPreview\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"{{dataSourceModal.datasetName}}\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <!-- <div class=\"text-2xl \">{{dataSourceModal.datasetName}}</div> -->\n        <div class=\"flex flex-row mt-2\">\n            <ng-container *ngIf=\"isFilterInputs\">\n                <ng-container *ngIf=\"dataSourceModal.config.queryConfig\">\n                    <ng-container *ngFor=\"let request of dataSourceModal.config.queryConfig.mapedFilters\">\n                        <div class=\"m-2\">\n                            <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                            <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                (onValueChanged)=\"startDateChange($event,request)\"\n                                *ngIf=\"getFilter(request.localColumn)\">\n                            </dx-date-box>\n                            <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <div class=\"mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer my-4\" (click)=\"getDataPreview()\">\n                        Check\n                    </button>\n                </div>\n            </ng-container>\n        </div>\n\n\n        <div class=\"w-full border p-3\">\n            <app-loader *ngIf=\"isDatasetloader\"></app-loader>\n            <ng-container *ngIf=\"!isDatasetloader\">\n\n                <pre><code>{{dataSourceModal.data | json}}</code></pre>\n            </ng-container>\n        </div>\n    </div>\n</dx-popup>" }]
+            args: [{ selector: 'app-application-dataset', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n    <lib-common-header [pageTitle]=\"'Application Datasets'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Datasets\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToView()\" *ngIf=\"pageViewId\">\n                        Back To View\n                    </button>\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageConfigId\">\n                        Back To Page\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"getCreateNewDataset()\">\n                        Add Dataset\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"dataSettableDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\"></dxo-search-panel>\n\n                <dxi-column dataField=\"datasetName\"></dxi-column>\n                <dxi-column dataField=\"datasetType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editDataset(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateDataset(data.data)\">\n                        Duplicate\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"testDataset(data.data)\">\n                        Test Data\n                    </button>\n                </div>\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n\n</div>\n\n\n<dx-popup [(visible)]=\"isDatasetPreview\" [closeOnOutsideClick]=\"false\" [dragEnabled]=\"false\" [width]=\"800\"\n    [height]=\"'auto'\" [showTitle]=\"true\" class=\"popup\" title=\"{{dataSourceModal.datasetName}}\">\n    <div *dxTemplate=\"let data of 'content'\">\n        <!-- <div class=\"text-2xl \">{{dataSourceModal.datasetName}}</div> -->\n        <div class=\"flex flex-row mt-2\">\n            <ng-container *ngIf=\"isFilterInputs\">\n                <ng-container *ngIf=\"dataSourceModal.config.queryConfig\">\n                    <ng-container *ngFor=\"let request of dataSourceModal.config.queryConfig.mapedFilters\">\n                        <div class=\"m-2\">\n                            <div class=\"text-md mb-1\"> {{getCapitalize(request.localColumn)}}</div>\n                            <dx-date-box displayFormat=\"yyyy-MM-dd\" type=\"date\"\n                                (onValueChanged)=\"startDateChange($event,request)\"\n                                *ngIf=\"getFilter(request.localColumn)\">\n                            </dx-date-box>\n                            <dx-text-box [(ngModel)]=\"request.defaultValue\"\n                                *ngIf=\"!getFilter(request.localColumn)\"></dx-text-box>\n                        </div>\n                    </ng-container>\n                </ng-container>\n\n                <div class=\"mt-2\">\n                    <button class=\"{{commonService.btn_primary_md}} cursor-pointer my-4\" (click)=\"getDataPreview()\">\n                        Check\n                    </button>\n                </div>\n            </ng-container>\n        </div>\n\n\n        <div class=\"w-full border p-3\">\n            <app-loader *ngIf=\"isDatasetloader\"></app-loader>\n            <ng-container *ngIf=\"!isDatasetloader\">\n\n                <pre><code>{{dataSourceModal.data | json}}</code></pre>\n            </ng-container>\n        </div>\n    </div>\n</dx-popup>" }]
         }], ctorParameters: function () { return [{ type: ApplicationContentService }, { type: CommonService }, { type: i2$2.ToastrService }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: i1.Title }, { type: kpicommonService$2 }]; }, propDecorators: { scrollToElement: [{
                 type: ViewChild,
                 args: ['scrollToElement']
@@ -2751,10 +2813,10 @@ class ApplicationViewsComponent {
     }
 }
 ApplicationViewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationViewsComponent, deps: [{ token: ApplicationContentService }, { token: CommonService }, { token: i2$2.ToastrService }, { token: i1.Title }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationViewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationViewsComponent, selector: "app-application-views", viewQueries: [{ propertyName: "scrollToElement", first: true, predicate: ["scrollToElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Views'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Views\n                <div class=\"ml-auto\">\n\n\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageId\">\n                        Back To Page\n                    </button>\n                    <button (click)=\"importConfigPopup()\" class=\"{{commonService.btn_warning_md}}\">\n                        Import Config\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewComponentView()\">\n                        Add View\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"componentViewTableDataSource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"viewName\"></dxi-column>\n                <!--                <dxi-column dataField=\"datasetName\"></dxi-column>-->\n                <!-- <dxi-column dataField=\"viewLabel\"></dxi-column> -->\n                <dxi-column dataField=\"kpiConfig.formate\"></dxi-column>\n                <dxi-column dataField=\"kpiConfig.componentName\"></dxi-column>\n                <dxi-column dataField=\"viewType\"></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)=\"editViews(data.data)\">\n                        Edit\n                    </button>\n                    <!-- <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateViews(data.data)\">\n                        Duplicate\n                    </button> -->\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"exportJsonFile(data.data)\"\n                        title=\"Export View\">\n                        <i class=\"fa fa-sign-out\"></i>\n\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"copyJsonFile(data.data)\"\n                        title=\"Copy as Json\">\n                        <i class=\"fa fa-files-o\"></i>\n\n\n                    </button>\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n</div>\n\n\n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup>", styles: [""], dependencies: [{ 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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i4$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "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: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+ApplicationViewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationViewsComponent, selector: "app-application-views", viewQueries: [{ propertyName: "scrollToElement", first: true, predicate: ["scrollToElement"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Views'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Views\n                <div class=\"ml-auto\">\n\n\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageId\">\n                        Back To Page\n                    </button>\n                    <button (click)=\"importConfigPopup()\" class=\"{{commonService.btn_warning_md}}\">\n                        Import Config\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewComponentView()\">\n                        Add View\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"componentViewTableDataSource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"viewName\"></dxi-column>\n                <!--                <dxi-column dataField=\"datasetName\"></dxi-column>-->\n                <!-- <dxi-column dataField=\"viewLabel\"></dxi-column> -->\n                <dxi-column dataField=\"kpiConfig.formate\"></dxi-column>\n                <dxi-column dataField=\"kpiConfig.componentName\"></dxi-column>\n                <dxi-column dataField=\"viewType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editViews(data.data)\">\n                        Edit\n                    </button>\n                    <!-- <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateViews(data.data)\">\n                        Duplicate\n                    </button> -->\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"exportJsonFile(data.data)\"\n                        title=\"Export View\">\n                        <i class=\"fa fa-sign-out\"></i>\n\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"copyJsonFile(data.data)\"\n                        title=\"Copy as Json\">\n                        <i class=\"fa fa-files-o\"></i>\n\n\n                    </button>\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n</div>\n\n\n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup>", styles: [""], dependencies: [{ 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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i4$1.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "copyRootClassesToWrapper", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "elementAttr", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "copyRootClassesToWrapperChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "elementAttrChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "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: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationViewsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-application-views', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Views'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Views\n                <div class=\"ml-auto\">\n\n\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageId\">\n                        Back To Page\n                    </button>\n                    <button (click)=\"importConfigPopup()\" class=\"{{commonService.btn_warning_md}}\">\n                        Import Config\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewComponentView()\">\n                        Add View\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"componentViewTableDataSource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"viewName\"></dxi-column>\n                <!--                <dxi-column dataField=\"datasetName\"></dxi-column>-->\n                <!-- <dxi-column dataField=\"viewLabel\"></dxi-column> -->\n                <dxi-column dataField=\"kpiConfig.formate\"></dxi-column>\n                <dxi-column dataField=\"kpiConfig.componentName\"></dxi-column>\n                <dxi-column dataField=\"viewType\"></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)=\"editViews(data.data)\">\n                        Edit\n                    </button>\n                    <!-- <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateViews(data.data)\">\n                        Duplicate\n                    </button> -->\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"exportJsonFile(data.data)\"\n                        title=\"Export View\">\n                        <i class=\"fa fa-sign-out\"></i>\n\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"copyJsonFile(data.data)\"\n                        title=\"Copy as Json\">\n                        <i class=\"fa fa-files-o\"></i>\n\n\n                    </button>\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n</div>\n\n\n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup>" }]
+            args: [{ selector: 'app-application-views', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Views'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Views\n                <div class=\"ml-auto\">\n\n\n                    <button class=\"{{commonService.btnLightWhite}}\" (click)=\"backToPage()\" *ngIf=\"pageId\">\n                        Back To Page\n                    </button>\n                    <button (click)=\"importConfigPopup()\" class=\"{{commonService.btn_warning_md}}\">\n                        Import Config\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewComponentView()\">\n                        Add View\n                    </button>\n\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"componentViewTableDataSource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"viewName\"></dxi-column>\n                <!--                <dxi-column dataField=\"datasetName\"></dxi-column>-->\n                <!-- <dxi-column dataField=\"viewLabel\"></dxi-column> -->\n                <dxi-column dataField=\"kpiConfig.formate\"></dxi-column>\n                <dxi-column dataField=\"kpiConfig.componentName\"></dxi-column>\n                <dxi-column dataField=\"viewType\"></dxi-column>\n                <dxi-column dataField=\"createdBy\"></dxi-column>\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\" [fixed]=\"true\"\n                    fixedPosition=\"right\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editViews(data.data)\">\n                        Edit\n                    </button>\n                    <!-- <button class=\"{{commonService.btn_warning_md}}\" (click)=\"duplicateViews(data.data)\">\n                        Duplicate\n                    </button> -->\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"exportJsonFile(data.data)\"\n                        title=\"Export View\">\n                        <i class=\"fa fa-sign-out\"></i>\n\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"copyJsonFile(data.data)\"\n                        title=\"Copy as Json\">\n                        <i class=\"fa fa-files-o\"></i>\n\n\n                    </button>\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n</div>\n\n\n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup>" }]
         }], ctorParameters: function () { return [{ type: ApplicationContentService }, { type: CommonService }, { type: i2$2.ToastrService }, { type: i1.Title }, { type: i2.ActivatedRoute }, { type: i2.Router }]; }, propDecorators: { scrollToElement: [{
                 type: ViewChild,
                 args: ['scrollToElement']
@@ -6397,8 +6459,6 @@ class AppAdvanceHeaderComponent {
             value.forEach(element => {
                 if (element.filterType === 'date' || element.filterType === 'datetime') {
                     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);
                         if (element.apiName === "startDate") {
                             if (element.display) {
                                 displayStartDate = this.selectedDates[element.apiName];
@@ -9398,15 +9458,41 @@ class PageConfigComponent {
                 widget.filters.filterItems.forEach(element => {
                     if (element.filterType === 'date' || element.filterType === 'datetime') {
                         if (element.defaultFilterType === "dynamic" && element.momentFunction !== "" && element.defaultFilterValue !== "" && element.momentFormat !== "") {
-                            let [count, unit] = element.defaultFilterValue.split(',');
-                            if (element.apiName === "endDate") {
-                                if (element.display) {
-                                    defaultFilters.operationFilter.endDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
-                                    this.defaultEndDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
+                            if (element.momentFunction == "monthPicker") {
+                                let [count, unit] = element.defaultFilterValue.split(',');
+                                if (element.apiName === "endDate") {
+                                    if (element.display) {
+                                        defaultFilters.operationFilter.endDate = moment().subtract(parseInt(count), unit).endOf(unit).format(element.momentFormat);
+                                        this.defaultEndDate = moment().subtract(parseInt(count), unit).endOf(unit).format(element.momentFormat);
+                                    }
+                                }
+                                if (element.apiName === "startDate") {
+                                    defaultFilters.operationFilter.startDate = moment().subtract(parseInt(count), unit).startOf(unit).format(element.momentFormat);
+                                    ;
                                 }
                             }
-                            if (element.apiName === "startDate") {
-                                defaultFilters.operationFilter.startDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
+                            else if (element.momentFunction == "weekPicker") {
+                                if (element.apiName === "endDate") {
+                                    if (element.display) {
+                                        defaultFilters.operationFilter.endDate = moment().endOf('week').format(element.momentFormat);
+                                        this.defaultEndDate = moment().endOf('week').format(element.momentFormat);
+                                    }
+                                }
+                                if (element.apiName === "startDate") {
+                                    defaultFilters.operationFilter.startDate = moment().startOf('week').format(element.momentFormat);
+                                }
+                            }
+                            else {
+                                let [count, unit] = element.defaultFilterValue.split(',');
+                                if (element.apiName === "endDate") {
+                                    if (element.display) {
+                                        defaultFilters.operationFilter.endDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
+                                        this.defaultEndDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
+                                    }
+                                }
+                                if (element.apiName === "startDate") {
+                                    defaultFilters.operationFilter.startDate = moment()[element.momentFunction](parseInt(count), unit).format(element.momentFormat);
+                                }
                             }
                         }
                         else if (element.defaultFilterType === "static" && element.defaultFilterValue !== "") {
@@ -10406,10 +10492,10 @@ class PageControlerComponent {
     }
 }
 PageControlerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: PageControlerComponent, deps: [{ token: i2.Router }, { token: CommonService }, { token: ApplicationContentService }, { token: i2$2.ToastrService }, { token: DynamicRouteService }], target: i0.ɵɵFactoryTarget.Component });
-PageControlerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageControlerComponent, selector: "app-dashbord-controller", viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"' Application Pages'\"></lib-common-header>\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 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Pages\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewTamplete()\">\n                        Create New Page\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"templateDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"pageName\"></dxi-column>\n                <dxi-column dataField=\"pageTitle\"></dxi-column>\n                <!-- <dxi-column dataField=\"pageTemplate\"></dxi-column> -->\n                <dxi-column dataField=\"pageId\"></dxi-column>\n                <dxi-column dataField=\"pageUrl\"></dxi-column>\n                <!-- <dxi-column dataField=\"createdBy\"></dxi-column> -->\n                <!-- <dxi-column dataField=\"creationDate\"></dxi-column> -->\n                <dxi-column dataField=\"Configured\" cellTemplate=\"cellTemplate2\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editTemplate(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"viewsPage(data.data)\">\n                        View Page\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteTamplete(data.data)\">\n                        Delete\n                    </button>\n                </div>\n                <div *dxTemplate=\"let data of 'cellTemplate2'\">\n\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"configuredTemplate(data.data)\">\n                        Configure\n                    </button>\n\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n    <div #scrollContainer>\n        <div class=\"p-2\" *ngIf=\"isNewTampleteCreate\">\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\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 Page\n                </h6>\n\n                <!-- Flex container for form fields -->\n                <!-- <div class=\"flex flex-wrap w-full\">\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" searchEnabled=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div> -->\n                <div class=\"grid grid-cols-2 gap-4 w-full\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" [searchEnabled]=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div>\n\n                <!-- Submit button -->\n                <div class=\"flex justify-end mx-1 flex-grow\">\n                    <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                        (click)=\"getSaveChartConfig()\">Submit Template</button>\n                </div>\n            </div>\n        </div>\n    </div>\n\n\n\n</div>", styles: [""], dependencies: [{ 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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: 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"] }] });
+PageControlerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: PageControlerComponent, selector: "app-dashbord-controller", viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"' Application Pages'\"></lib-common-header>\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 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Pages\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewTamplete()\">\n                        Create New Page\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"templateDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"pageName\"></dxi-column>\n                <dxi-column dataField=\"pageTitle\"></dxi-column>\n                <!-- <dxi-column dataField=\"pageTemplate\"></dxi-column> -->\n                <dxi-column dataField=\"pageId\"></dxi-column>\n                <dxi-column dataField=\"pageUrl\"></dxi-column>\n                <!-- <dxi-column dataField=\"createdBy\"></dxi-column> -->\n                <!-- <dxi-column dataField=\"creationDate\"></dxi-column> -->\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column dataField=\"Configured\" cellTemplate=\"cellTemplate2\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editTemplate(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"viewsPage(data.data)\">\n                        View Page\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteTamplete(data.data)\">\n                        Delete\n                    </button>\n                </div>\n                <div *dxTemplate=\"let data of 'cellTemplate2'\">\n\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"configuredTemplate(data.data)\">\n                        Configure\n                    </button>\n\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n    <div #scrollContainer>\n        <div class=\"p-2\" *ngIf=\"isNewTampleteCreate\">\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\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 Page\n                </h6>\n\n                <!-- Flex container for form fields -->\n                <!-- <div class=\"flex flex-wrap w-full\">\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" searchEnabled=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div> -->\n                <div class=\"grid grid-cols-2 gap-4 w-full\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" [searchEnabled]=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div>\n\n                <!-- Submit button -->\n                <div class=\"flex justify-end mx-1 flex-grow\">\n                    <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                        (click)=\"getSaveChartConfig()\">Submit Template</button>\n                </div>\n            </div>\n        </div>\n    </div>\n\n\n\n</div>", styles: [""], dependencies: [{ 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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: 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.3.0", ngImport: i0, type: PageControlerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-dashbord-controller', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"' Application Pages'\"></lib-common-header>\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 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Pages\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewTamplete()\">\n                        Create New Page\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"templateDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"pageName\"></dxi-column>\n                <dxi-column dataField=\"pageTitle\"></dxi-column>\n                <!-- <dxi-column dataField=\"pageTemplate\"></dxi-column> -->\n                <dxi-column dataField=\"pageId\"></dxi-column>\n                <dxi-column dataField=\"pageUrl\"></dxi-column>\n                <!-- <dxi-column dataField=\"createdBy\"></dxi-column> -->\n                <!-- <dxi-column dataField=\"creationDate\"></dxi-column> -->\n                <dxi-column dataField=\"Configured\" cellTemplate=\"cellTemplate2\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editTemplate(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"viewsPage(data.data)\">\n                        View Page\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteTamplete(data.data)\">\n                        Delete\n                    </button>\n                </div>\n                <div *dxTemplate=\"let data of 'cellTemplate2'\">\n\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"configuredTemplate(data.data)\">\n                        Configure\n                    </button>\n\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n    <div #scrollContainer>\n        <div class=\"p-2\" *ngIf=\"isNewTampleteCreate\">\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\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 Page\n                </h6>\n\n                <!-- Flex container for form fields -->\n                <!-- <div class=\"flex flex-wrap w-full\">\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" searchEnabled=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div> -->\n                <div class=\"grid grid-cols-2 gap-4 w-full\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" [searchEnabled]=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div>\n\n                <!-- Submit button -->\n                <div class=\"flex justify-end mx-1 flex-grow\">\n                    <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                        (click)=\"getSaveChartConfig()\">Submit Template</button>\n                </div>\n            </div>\n        </div>\n    </div>\n\n\n\n</div>" }]
+            args: [{ selector: 'app-dashbord-controller', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"' Application Pages'\"></lib-common-header>\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 class=\"mb-2 text-lg tracking-tight text-gray-900 dark:text-white border-b pb-3 flex items-center\">\n                <i class=\"fa fa-table mr-2\"></i> Manage Pages\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewTamplete()\">\n                        Create New Page\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"templateDataSource\" [hoverStateEnabled]=\"true\"\n                *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\" [showColumnLines]=\"true\"\n                [showRowLines]=\"true\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n\n                <dxi-column dataField=\"pageName\"></dxi-column>\n                <dxi-column dataField=\"pageTitle\"></dxi-column>\n                <!-- <dxi-column dataField=\"pageTemplate\"></dxi-column> -->\n                <dxi-column dataField=\"pageId\"></dxi-column>\n                <dxi-column dataField=\"pageUrl\"></dxi-column>\n                <!-- <dxi-column dataField=\"createdBy\"></dxi-column> -->\n                <!-- <dxi-column dataField=\"creationDate\"></dxi-column> -->\n                <dxi-column dataField=\"creationDate\" sortOrder=\"desc\"></dxi-column>\n                <dxi-column dataField=\"Configured\" cellTemplate=\"cellTemplate2\"></dxi-column>\n                <dxi-column dataField=\"action\" cellTemplate=\"cellTemplate\"></dxi-column>\n                <div *dxTemplate=\"let data of 'cellTemplate'\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"editTemplate(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"viewsPage(data.data)\">\n                        View Page\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteTamplete(data.data)\">\n                        Delete\n                    </button>\n                </div>\n                <div *dxTemplate=\"let data of 'cellTemplate2'\">\n\n                    <button class=\"{{commonService.btn_success_md}}\" (click)=\"configuredTemplate(data.data)\">\n                        Configure\n                    </button>\n\n                </div>\n\n\n\n            </dx-data-grid>\n        </div>\n    </div>\n\n    <div #scrollContainer>\n        <div class=\"p-2\" *ngIf=\"isNewTampleteCreate\">\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\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 Page\n                </h6>\n\n                <!-- Flex container for form fields -->\n                <!-- <div class=\"flex flex-wrap w-full\">\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" searchEnabled=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"w-1/2 px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div> -->\n                <div class=\"grid grid-cols-2 gap-4 w-full\">\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Name</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageName\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Title</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageTitle\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page URL</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Template</div>\n                        <dx-select-box [items]=\"componentTemplates\" displayExpr=\"item\" valueExpr=\"compName\"\n                            [(ngModel)]=\"dashboardConfig.pageTemplate\" [searchEnabled]=\"true\"></dx-select-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Documentation Url</div>\n                        <dx-text-box [(ngModel)]=\"dashboardConfig.pageDocumentationUrl\"></dx-text-box>\n                    </div>\n                    <div class=\"px-2 mb-2\">\n                        <div class=\"text-md mb-1\">Page Filter</div>\n                        <dx-select-box [items]=\"filterDataSource\" displayExpr=\"filterName\" valueExpr=\"filterId\"\n                            [(ngModel)]=\"dashboardConfig.filterId\"></dx-select-box>\n                    </div>\n                </div>\n\n                <!-- Submit button -->\n                <div class=\"flex justify-end mx-1 flex-grow\">\n                    <button class=\"{{commonService.btn_success_md}} cursor-pointer mt-2\"\n                        (click)=\"getSaveChartConfig()\">Submit Template</button>\n                </div>\n            </div>\n        </div>\n    </div>\n\n\n\n</div>" }]
         }], ctorParameters: function () { return [{ type: i2.Router }, { type: CommonService }, { type: ApplicationContentService }, { type: i2$2.ToastrService }, { type: DynamicRouteService }]; }, propDecorators: { scrollContainer: [{
                 type: ViewChild,
                 args: ['scrollContainer']
@@ -10690,26 +10776,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
         }] });
 
 class ApplicationMenusComponent {
-    constructor(commonService, router) {
+    constructor(commonService, router, commonservice, service, toasterService) {
         this.commonService = commonService;
         this.router = router;
+        this.commonservice = commonservice;
+        this.service = service;
+        this.toasterService = toasterService;
     }
     ngOnInit() {
+        this.isLoader = true;
+        this.getParentMenuList();
+    }
+    getParentMenuList() {
+        this.paparentMenuDatasource = [];
+        this.service.getListOfParentAppMenu().subscribe({
+            next: (data) => {
+                data.forEach(element => {
+                    element['attributeValues'] = (element.measures && element.measures.length !== 0) ? this.getUsers(element.measures) : "";
+                });
+                this.paparentMenuDatasource = data;
+                this.isLoader = false;
+                const userName = "admin";
+                this.treviewDatasource = this.buildMenuTree(userName, data);
+            }, error: (error) => {
+                this.isLoader = false;
+            }
+        });
+    }
+    editMenu(item) {
+        let navigationExtra = {
+            queryParams: {
+                "contentType": "edit",
+                "menuId": item.menuId
+            }
+        };
+        this.router.navigate(['/apps/controlPanel/menuController/editMenu'], navigationExtra);
+    }
+    deleteMenu(item) {
+        let result = confirm("<i>Are You Sure?</i>", "Delete App Menuconfig ");
+        result.then((dialogResult) => {
+            if (dialogResult) {
+                this.service.deleteAppMenuConfig(item.menuId).subscribe({
+                    next: (data) => {
+                        this.toasterService.success("Muse Successfully Deleted");
+                        this.getParentMenuList();
+                    }, error: (err) => {
+                        this.toasterService.error('Unexpected Server Exception. Please contact System Admin.', 'App Menu Config');
+                    }
+                });
+            }
+        });
+    }
+    getUsers(items) {
+        const att = [];
+        items.forEach(element => {
+            att.push(element.attributeValues);
+        });
+        return att.join(',');
     }
     createNewMenu() {
         this.router.navigate(['/apps/controlPanel/menuController/createMenu']);
     }
+    buildMenuTree(userName, menuData) {
+        let filteredMenus = menuData.filter(menu => !userName || (menu.measures && menu.measures.some(measure => measure.attributeValues.includes(userName))));
+        const menuMap = new Map();
+        const menuTree = [];
+        filteredMenus.forEach(menu => {
+            menuMap.set(menu.childMenuTid || menu.parentMenuTid, Object.assign(Object.assign(Object.assign({ id: menu.menuId, title: menu.title, icon: menu.icon, type: menu.type }, (menu.subtitle && { subtitle: menu.subtitle })), (menu.link && { link: menu.link.replace(/^\/+/, '') })), { children: [] }));
+        });
+        filteredMenus.forEach(menu => {
+            if (menu.parentMenuTid && menu.childMenuTid) {
+                const parent = menuMap.get(menu.parentMenuTid);
+                if (parent) {
+                    parent.children.push(menuMap.get(menu.childMenuTid));
+                }
+            }
+            else {
+                menuTree.push(menuMap.get(menu.parentMenuTid));
+            }
+        });
+        return menuTree;
+    }
 }
-ApplicationMenusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationMenusComponent, deps: [{ token: CommonService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationMenusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationMenusComponent, selector: "lib-application-menus", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Menu Controller'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewMenu()\">\n                        Add Menu Content\n                    </button>\n                </div>\n            </h6>\n            <!-- <app-loader *ngIf=\"isLoader\"></app-loader> -->\n            <!-- <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"componentViewTableDataSource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n                <dxi-column dataField=\"viewName\"></dxi-column>\n                <dxi-column dataField=\"kpiConfig.formate\"></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)=\"editViews(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"exportJsonFile(data.data)\"\n                        title=\"Export View\">\n                        <i class=\"fa fa-sign-out\"></i>\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"copyJsonFile(data.data)\"\n                        title=\"Copy as Json\">\n                        <i class=\"fa fa-files-o\"></i>\n                    </button>\n                </div>\n            </dx-data-grid> -->\n        </div>\n    </div>\n\n</div>\n\n<!-- \n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup> -->", styles: [""], dependencies: [{ kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+ApplicationMenusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationMenusComponent, deps: [{ token: CommonService }, { token: i2.Router }, { token: CommonService }, { token: ApplicationContentService }, { token: i2$2.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
+ApplicationMenusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationMenusComponent, selector: "lib-application-menus", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Menu Controller'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewMenu()\">\n                        Add Menu Content\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"paparentMenuDatasource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n                <dxi-column dataField=\"title\"></dxi-column>\n                <dxi-column dataField=\"link\"></dxi-column>\n                <dxi-column dataField=\"menuType\"></dxi-column>\n                <dxi-column dataField=\"type\"></dxi-column>\n                <dxi-column dataField=\"icon\"></dxi-column>\n                <dxi-column dataField=\"parentMenuTid\"></dxi-column>\n                <dxi-column dataField=\"childMenuTid\"></dxi-column>\n                <dxi-column dataField=\"attributeValues\"></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)=\"editMenu(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteMenu(data.data)\">\n                        Delete\n                    </button>\n                   \n                </div>\n            </dx-data-grid>\n        </div>\n    </div>\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 text-lg tracking-tight text-gray-900\n            dark:text-white border-b pb-3 flex items-center\">\n            Menu\n            <div class=\"ml-auto\">\n                \n            </div>\n        </h6>\n        <div class=\"\">\n            <pre><code>{{treviewDatasource | json}}</code></pre>\n        </div>\n       \n    </div> -->\n\n</div>\n\n<!-- \n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup> -->", styles: [""], dependencies: [{ 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: i9.DxDataGridComponent, selector: "dx-data-grid", inputs: ["accessKey", "activeStateEnabled", "allowColumnReordering", "allowColumnResizing", "autoNavigateToFocusedRow", "cacheEnabled", "cellHintEnabled", "columnAutoWidth", "columnChooser", "columnFixing", "columnHidingEnabled", "columnMinWidth", "columnResizingMode", "columns", "columnWidth", "customizeColumns", "customizeExportData", "dataRowTemplate", "dataSource", "dateSerializationFormat", "disabled", "editing", "elementAttr", "errorRowEnabled", "export", "filterBuilder", "filterBuilderPopup", "filterPanel", "filterRow", "filterSyncEnabled", "filterValue", "focusedColumnIndex", "focusedRowEnabled", "focusedRowIndex", "focusedRowKey", "focusStateEnabled", "grouping", "groupPanel", "headerFilter", "height", "highlightChanges", "hint", "hoverStateEnabled", "keyboardNavigation", "keyExpr", "loadPanel", "masterDetail", "noDataText", "pager", "paging", "remoteOperations", "renderAsync", "repaintChangesOnly", "rowAlternationEnabled", "rowDragging", "rowTemplate", "rtlEnabled", "scrolling", "searchPanel", "selectedRowKeys", "selection", "selectionFilter", "showBorders", "showColumnHeaders", "showColumnLines", "showRowLines", "sortByGroupSummaryInfo", "sorting", "stateStoring", "summary", "syncLookupFilterValues", "tabIndex", "toolbar", "twoWayBindingEnabled", "visible", "width", "wordWrapEnabled"], outputs: ["onAdaptiveDetailRowPreparing", "onCellClick", "onCellDblClick", "onCellHoverChanged", "onCellPrepared", "onContentReady", "onContextMenuPreparing", "onDataErrorOccurred", "onDisposing", "onEditCanceled", "onEditCanceling", "onEditingStart", "onEditorPrepared", "onEditorPreparing", "onExported", "onExporting", "onFileSaving", "onFocusedCellChanged", "onFocusedCellChanging", "onFocusedRowChanged", "onFocusedRowChanging", "onInitialized", "onInitNewRow", "onKeyDown", "onOptionChanged", "onRowClick", "onRowCollapsed", "onRowCollapsing", "onRowDblClick", "onRowExpanded", "onRowExpanding", "onRowInserted", "onRowInserting", "onRowPrepared", "onRowRemoved", "onRowRemoving", "onRowUpdated", "onRowUpdating", "onRowValidating", "onSaved", "onSaving", "onSelectionChanged", "onToolbarPreparing", "accessKeyChange", "activeStateEnabledChange", "allowColumnReorderingChange", "allowColumnResizingChange", "autoNavigateToFocusedRowChange", "cacheEnabledChange", "cellHintEnabledChange", "columnAutoWidthChange", "columnChooserChange", "columnFixingChange", "columnHidingEnabledChange", "columnMinWidthChange", "columnResizingModeChange", "columnsChange", "columnWidthChange", "customizeColumnsChange", "customizeExportDataChange", "dataRowTemplateChange", "dataSourceChange", "dateSerializationFormatChange", "disabledChange", "editingChange", "elementAttrChange", "errorRowEnabledChange", "exportChange", "filterBuilderChange", "filterBuilderPopupChange", "filterPanelChange", "filterRowChange", "filterSyncEnabledChange", "filterValueChange", "focusedColumnIndexChange", "focusedRowEnabledChange", "focusedRowIndexChange", "focusedRowKeyChange", "focusStateEnabledChange", "groupingChange", "groupPanelChange", "headerFilterChange", "heightChange", "highlightChangesChange", "hintChange", "hoverStateEnabledChange", "keyboardNavigationChange", "keyExprChange", "loadPanelChange", "masterDetailChange", "noDataTextChange", "pagerChange", "pagingChange", "remoteOperationsChange", "renderAsyncChange", "repaintChangesOnlyChange", "rowAlternationEnabledChange", "rowDraggingChange", "rowTemplateChange", "rtlEnabledChange", "scrollingChange", "searchPanelChange", "selectedRowKeysChange", "selectionChange", "selectionFilterChange", "showBordersChange", "showColumnHeadersChange", "showColumnLinesChange", "showRowLinesChange", "sortByGroupSummaryInfoChange", "sortingChange", "stateStoringChange", "summaryChange", "syncLookupFilterValuesChange", "tabIndexChange", "toolbarChange", "twoWayBindingEnabledChange", "visibleChange", "widthChange", "wordWrapEnabledChange"] }, { kind: "component", type: i6.DxiColumnComponent, selector: "dxi-column", inputs: ["alignment", "allowEditing", "allowExporting", "allowFiltering", "allowFixing", "allowGrouping", "allowHeaderFiltering", "allowHiding", "allowReordering", "allowResizing", "allowSearch", "allowSorting", "autoExpandGroup", "buttons", "calculateCellValue", "calculateDisplayValue", "calculateFilterExpression", "calculateGroupValue", "calculateSortValue", "caption", "cellTemplate", "columns", "cssClass", "customizeText", "dataField", "dataType", "editCellTemplate", "editorOptions", "encodeHtml", "falseText", "filterOperations", "filterType", "filterValue", "filterValues", "fixed", "fixedPosition", "format", "formItem", "groupCellTemplate", "groupIndex", "headerCellTemplate", "headerFilter", "hidingPriority", "isBand", "lookup", "minWidth", "name", "ownerBand", "renderAsync", "selectedFilterOperation", "setCellValue", "showEditorAlways", "showInColumnChooser", "showWhenGrouped", "sortIndex", "sortingMethod", "sortOrder", "trueText", "type", "validationRules", "visible", "visibleIndex", "width"], outputs: ["filterValueChange", "filterValuesChange", "groupIndexChange", "selectedFilterOperationChange", "sortIndexChange", "sortOrderChange", "visibleChange", "visibleIndexChange"] }, { kind: "component", type: i6.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i6.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: LoaderComponent, selector: "app-loader" }, { kind: "component", type: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationMenusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-application-menus', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Menu Controller'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewMenu()\">\n                        Add Menu Content\n                    </button>\n                </div>\n            </h6>\n            <!-- <app-loader *ngIf=\"isLoader\"></app-loader> -->\n            <!-- <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"componentViewTableDataSource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n                <dxi-column dataField=\"viewName\"></dxi-column>\n                <dxi-column dataField=\"kpiConfig.formate\"></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)=\"editViews(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteDataset(data.data)\">\n                        Delete\n                    </button>\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"exportJsonFile(data.data)\"\n                        title=\"Export View\">\n                        <i class=\"fa fa-sign-out\"></i>\n                    </button>\n                    <button class=\"{{commonService.btn_warning_md}}\" (click)=\"copyJsonFile(data.data)\"\n                        title=\"Copy as Json\">\n                        <i class=\"fa fa-files-o\"></i>\n                    </button>\n                </div>\n            </dx-data-grid> -->\n        </div>\n    </div>\n\n</div>\n\n<!-- \n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup> -->" }]
-        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.Router }]; } });
+            args: [{ selector: 'lib-application-menus', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Application Menu Controller'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonService.btn_primary_md}}\" (click)=\"createNewMenu()\">\n                        Add Menu Content\n                    </button>\n                </div>\n            </h6>\n            <app-loader *ngIf=\"isLoader\"></app-loader>\n            <dx-data-grid [columnAutoWidth]=\"true\" [dataSource]=\"paparentMenuDatasource\"\n                [hoverStateEnabled]=\"true\" *ngIf=\"!isLoader\" [selectedRowKeys]=\"[]\" [showBorders]=\"true\"\n                [showColumnLines]=\"true\" [showRowLines]=\"true\" id=\"gridContainer\">\n                <dxo-paging [pageSize]=\"10\"></dxo-paging>\n                <dxo-export [enabled]=\"true\"></dxo-export>\n                <dxo-search-panel [highlightCaseSensitive]=\"true\" [visible]=\"true\">\n                </dxo-search-panel>\n                <dxi-column dataField=\"title\"></dxi-column>\n                <dxi-column dataField=\"link\"></dxi-column>\n                <dxi-column dataField=\"menuType\"></dxi-column>\n                <dxi-column dataField=\"type\"></dxi-column>\n                <dxi-column dataField=\"icon\"></dxi-column>\n                <dxi-column dataField=\"parentMenuTid\"></dxi-column>\n                <dxi-column dataField=\"childMenuTid\"></dxi-column>\n                <dxi-column dataField=\"attributeValues\"></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)=\"editMenu(data.data)\">\n                        Edit\n                    </button>\n                    <button class=\"{{commonService.btn_danger_md}}\" (click)=\"deleteMenu(data.data)\">\n                        Delete\n                    </button>\n                   \n                </div>\n            </dx-data-grid>\n        </div>\n    </div>\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 text-lg tracking-tight text-gray-900\n            dark:text-white border-b pb-3 flex items-center\">\n            Menu\n            <div class=\"ml-auto\">\n                \n            </div>\n        </h6>\n        <div class=\"\">\n            <pre><code>{{treviewDatasource | json}}</code></pre>\n        </div>\n       \n    </div> -->\n\n</div>\n\n<!-- \n<dx-popup [(visible)]=\"isPopupVisible\" [dragEnabled]=\"false\" [closeOnOutsideClick]=\"false\" [showTitle]=\"true\"\n    title=\"Model Editor\" [width]=\"1000\" [height]=\"620\">\n\n    <div>\n        <button (click)=\"hidePopup()\" class=\"btn btn-secondary\"></button>\n        <div class=\"m-2 flex items-center justify-between\">\n            <input type=\"file\" #fileInput accept=\".json\"\n                class=\"block w-3/5 p-2 text-sm text-gray-400 border border-gray-700 rounded-lg bg-gray-800 focus:ring-blue-500 focus:border-blue-500\"\n                (change)=\"onjsonFileSelected($event)\">\n            <button (click)=\"submitView()\" class=\"{{commonService.btn_success_md}} mr-4\">Submit</button>\n\n        </div>\n        <textarea [(ngModel)]=\"jsonContent\"\n            class=\"w-full h-100 p-2  border border-gray-700 rounded-lg bg-gray-800 text-gray-400\"></textarea>\n    </div>\n</dx-popup> -->" }]
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: i2.Router }, { type: CommonService }, { type: ApplicationContentService }, { type: i2$2.ToastrService }]; } });
 
 class ApplicationCreateMenuComponent {
-    constructor(commonservice) {
+    constructor(commonservice, service, toasterService, activatedRoute, router) {
         this.commonservice = commonservice;
+        this.service = service;
+        this.toasterService = toasterService;
+        this.activatedRoute = activatedRoute;
+        this.router = router;
         this.menuObject = {
             menuId: "",
             title: "",
@@ -10717,36 +10879,72 @@ class ApplicationCreateMenuComponent {
             type: "",
             active: true,
             disabled: false,
+            externalLink: false,
             tooltip: "",
             link: "",
             fragment: "",
             preserveFragment: "",
             queryParams: "",
-            externalLink: false,
             target: "",
             icon: "",
-            badge: {
-                title: "string",
-                classes: "",
-            },
             children: true,
             url: "",
             menuType: "",
             parentMenuTid: "",
             childMenuTid: "",
-            user: []
+            measures: []
         };
         this.ismenuContainer = false;
-        this.paparentMenuDatasource = [{ title: "Dashboard", tid: "1" }, { title: "App Controller", tid: "2" }];
+        this.isContentType = false;
+        this.menuType = ['user', 'group', 'role'];
         this.userOptionContainer = [];
     }
     ngOnInit() {
-        this.userOptionContainer = [
-            {
-                userName: "",
-                permissions: ""
+        let menuId = this.activatedRoute.snapshot.queryParams['menuId'];
+        let contentType = this.activatedRoute.snapshot.queryParams['contentType'];
+        if (contentType == "edit") {
+            this.service.getAppAppMenuConfigById(menuId).subscribe({
+                next: (data) => {
+                    this.menuObject = data;
+                    this.ismenuContainer = true;
+                    if (data['measures'] && data['measures'].length !== 0)
+                        data['measures'].forEach(element => {
+                            let att_value = element.attributeValues.join(",");
+                            element.attributeValues = att_value;
+                        });
+                    this.userOptionContainer = (data['measures'] && data['measures'].length !== 0) ? data['measures'] : [];
+                    this.isContentType = true;
+                }, error: (err) => {
+                }
+            });
+        }
+        else {
+            this.userOptionContainer.push({
+                attributeType: "user",
+                attributeValues: "admin"
+            });
+        }
+        this.getParentMenuList();
+    }
+    getParentMenuList() {
+        this.paparentMenuDatasource = [];
+        this.service.getListOfParentAppMenu().subscribe({
+            next: (data) => {
+                data.forEach(element => {
+                    if (element.type == "collapsable") {
+                        let obj = {};
+                        obj = {
+                            parentMenuTid: element.parentMenuTid,
+                            title: element.title,
+                            menuId: element.menuId,
+                            childMenuTid: element.childMenuTid,
+                        };
+                        this.paparentMenuDatasource.push(obj);
+                    }
+                });
+            }, error: (error) => {
             }
-        ];
+        });
     }
     getMenuType(e) {
         if (e.event) {
@@ -10756,6 +10954,7 @@ class ApplicationCreateMenuComponent {
             else if (e.value == "parent") {
                 this.menuObject['children'] = false;
             }
+            this.menuObject['menuType'] = e.value;
             this.menuObject['parentMenuTid'] = "";
             this.menuObject['childMenuTid'] = "";
             this.ismenuContainer = true;
@@ -10763,24 +10962,57 @@ class ApplicationCreateMenuComponent {
     }
     addNewUser() {
         this.userOptionContainer.push({
-            userName: "",
-            permissions: ""
+            attributeType: "",
+            attributeValues: ""
         });
     }
     deleteUser(i) {
         this.userOptionContainer.splice(i, 1);
     }
     submitNewMenu() {
-        this.menuObject['user'] = this.userOptionContainer;
+        this.menuObject['measures'] = this.userOptionContainer;
+        this.userOptionContainer.forEach(element => {
+            let att_value = element.attributeValues.split(",");
+            element.attributeValues = att_value;
+        });
         console.log(this.menuObject);
+        this.service.configureAppMenuConfig(this.menuObject).subscribe({
+            next: (data) => {
+                this.toasterService.success("Munu Added Successfully");
+                this.router.navigate(['/apps/controlPanel/menuController']);
+            }, error: (err) => {
+            }
+        });
+    }
+    updateMenu() {
+        this.menuObject['measures'] = this.userOptionContainer;
+        this.userOptionContainer.forEach(element => {
+            let att_value = element.attributeValues.split(",");
+            element.attributeValues = att_value;
+        });
+        console.log(this.menuObject);
+        this.service.updateAppMenuConfig(this.menuObject).subscribe({
+            next: (data) => {
+                this.toasterService.success("Menu Updated Successfully");
+                this.router.navigate(['/apps/controlPanel/menuController']);
+            }, error: (err) => {
+            }
+        });
+    }
+    getMenuTidType(item) {
+        const menu_object = this.paparentMenuDatasource.filter(menu => menu.menuId == item.value);
+        this.menuObject['parentMenuTid'] = menu_object[0]["childMenuTid"];
+    }
+    menuList() {
+        this.router.navigate(['/apps/controlPanel/menuController']);
     }
 }
-ApplicationCreateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationCreateMenuComponent, deps: [{ token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationCreateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationCreateMenuComponent, selector: "lib-application-create-menu", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Add Menu'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Basic Information\n                <div class=\"ml-auto\">\n                    \n                </div>\n            </h6>\n\n            <div class=\"w-full m-2\">\n                <div class=\"flex flex-row\">\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Menu Type</div>\n                        <div class=\"\">\n                            <dx-select-box [items]=\"['child','parent']\" [(ngModel)]=\"menuObject.menuType\"\n                                (onValueChanged)=\"getMenuType($event)\"></dx-select-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\" *ngIf=\"menuObject.menuType == 'child'\">\n                        <div class=\"text-md p-2 capitalize\">Parent Menu</div>\n                        <div class=\"\">\n                            <dx-select-box [dataSource]=\"paparentMenuDatasource\" valueExpr=\"tid\" displayExpr=\"title\"\n                                [(ngModel)]=\"menuObject.parentMenuTid\"></dx-select-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\" *ngIf=\"menuObject.menuType == 'child'\">\n                        <div class=\"text-md p-2 capitalize\">Child Menu TID</div>\n                        <div class=\"\">\n                            <dx-text-box [(ngModel)]=\"menuObject.childMenuTid\"\n                                [value]=\"menuObject.parentMenuTid\"></dx-text-box>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"ismenuContainer\">\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Item Information\n                    <div class=\"ml-auto\">\n                        \n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <div class=\"flex flex-row\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Menu ID</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.menuId\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Title</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.title\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">subtitle</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.subtitle\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Type</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['aside','basic','collapsable','divider','group','spacer']\"\n                                    [(ngModel)]=\"menuObject.type\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">tooltip</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.tooltip\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">link</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.link\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">fragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.fragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">target</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['_blank','_self','_parent','_top']\"\n                                    [(ngModel)]=\"menuObject.target\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">preserveFragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.preserveFragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">queryParams</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.queryParams\"></dx-text-box>\n                            </div>\n                        </div>\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">icon</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.icon\"></dx-text-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"m-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.children\" text=\"Children\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.externalLink\" text=\"External Link\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.active\" text=\"Active\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.disabled\" text=\"Disabled\"></dx-check-box>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n\n\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                User Information\n                    <div class=\"ml-auto\">\n                        <div class=\"{{commonservice.btn_primary_md}}\" (click)=\"addNewUser()\">ADD User</div>\n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <ng-container *ngFor=\"let item of userOptionContainer; let i = index\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"mx-2 w-1/4\">\n                                <div class=\"text-md p-2 capitalize\">accessible users</div>\n                                <div class=\"\">\n                                    <dx-text-box [(ngModel)]=\"item.userName\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\">\n                                <div class=\"text-md p-2 capitalize\">User Permissions</div>\n                                <div class=\"\">\n                                    <dx-select-box [items]=\"['project.owner','project.editor','project.viewer']\"\n                                        [(ngModel)]=\"item.permissions\"></dx-select-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2\">\n                                <div class=\"text-md p-2 capitalize\"></div>\n                                <div class=\"mt-4\">\n                                    <div class=\"{{commonservice.btn_danger_md}}\" (click)=\"deleteUser(i)\">Delete</div>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"flex flex-row justify-end mt-4 border-t mt-8 py-4\">\n                        <div class=\"{{commonservice.btn_success_md}}\" (click)=\"submitNewMenu()\">Create Menu</div>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </ng-container>\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: "component", type: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: 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: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
+ApplicationCreateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationCreateMenuComponent, deps: [{ token: CommonService }, { token: ApplicationContentService }, { token: i2$2.ToastrService }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+ApplicationCreateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ApplicationCreateMenuComponent, selector: "lib-application-create-menu", ngImport: i0, template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Add Menu'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Basic Information\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonservice.btn_purple_md}}\" (click)=\"menuList()\">\n                        All Menu\n                    </button>\n                </div>\n            </h6>\n\n            <div class=\"w-full m-2\">\n                <div class=\"flex flex-row\">\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Menu Type</div>\n                        <div class=\"\">\n                            <dx-select-box [items]=\"['child','parent']\" [(ngModel)]=\"menuObject.menuType\"\n                                (onValueChanged)=\"getMenuType($event)\"></dx-select-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Parent Menu</div>\n                        <div class=\"\">\n                            <dx-select-box [showClearButton]=\"true\" (onValueChanged)=\"getMenuTidType($event)\" [items]=\"paparentMenuDatasource\" valueExpr=\"menuId\" displayExpr=\"title\"></dx-select-box>\n                           \n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Parent Menu TID</div>\n                        <div class=\"\">\n                            <dx-text-box [(ngModel)]=\"menuObject.parentMenuTid\"></dx-text-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Child Menu TID</div>\n                        <div class=\"\">\n                            <dx-text-box [(ngModel)]=\"menuObject.childMenuTid\"\n                                [value]=\"menuObject.childMenuTid\"></dx-text-box>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"ismenuContainer\">\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Item Information\n                    <div class=\"ml-auto\">\n                        \n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <div class=\"flex flex-row\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Menu ID</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.menuId\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Title</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.title\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">subtitle</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.subtitle\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Type</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['aside','basic','collapsable','divider','group','spacer']\"\n                                    [(ngModel)]=\"menuObject.type\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">tooltip</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.tooltip\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">link</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.link\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">fragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.fragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">target</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['_blank','_self','_parent','_top']\"\n                                    [(ngModel)]=\"menuObject.target\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">preserveFragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.preserveFragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">queryParams</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.queryParams\"></dx-text-box>\n                            </div>\n                        </div>\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">icon</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.icon\"></dx-text-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"m-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.children\" text=\"Children\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.externalLink\" text=\"External Link\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.active\" text=\"Active\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.disabled\" text=\"Disabled\"></dx-check-box>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n\n\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                User Information\n                    <div class=\"ml-auto\">\n                        <div class=\"{{commonservice.btn_primary_md}}\" (click)=\"addNewUser()\">ADD User</div>\n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <ng-container *ngFor=\"let item of userOptionContainer; let i = index\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"mx-2 w-1/4\">\n                                <div class=\"text-md p-2 capitalize\">Accessible User Type</div>\n                                <div class=\"\">\n                                    <dx-select-box [items]=\"menuType\" [(ngModel)]=\"item.attributeType\"></dx-select-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\" *ngIf=\"item.attributeType == 'user'\">\n                                <div class=\"text-md p-2 capitalize\">User Name</div>\n                                <div class=\"\">\n                                    <dx-text-box \n                                        [(ngModel)]=\"item.attributeValues\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\" *ngIf=\"item.attributeType == 'role'\">\n                                <div class=\"text-md p-2 capitalize\">Select Role</div>\n                                <div class=\"\">\n                                    <dx-text-box \n                                        [(ngModel)]=\"item.attributeValues\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\" *ngIf=\"item.attributeType == 'group'\">\n                                <div class=\"text-md p-2 capitalize\">Select Group</div>\n                                <div class=\"\">\n                                    <dx-text-box \n                                        [(ngModel)]=\"item.attributeValues\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2\">\n                                <div class=\"text-md p-2 capitalize\"></div>\n                                <div class=\"mt-4\">\n                                    <div class=\"{{commonservice.btn_danger_md}}\" (click)=\"deleteUser(i)\">Delete</div>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"flex flex-row justify-end mt-4 border-t mt-8 py-4\" *ngIf=\"!isContentType\">\n                        <div class=\"{{commonservice.btn_success_md}}\" (click)=\"submitNewMenu()\">Create Menu</div>\n                    </div>\n                    <div class=\"flex flex-row justify-end mt-4 border-t mt-8 py-4\" *ngIf=\"isContentType\">\n                        <div class=\"{{commonservice.btn_success_md}}\" (click)=\"updateMenu()\">Update Menu</div>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </ng-container>\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: "component", type: i5.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i6$1.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: 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: CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationCreateMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-application-create-menu', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Add Menu'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Basic Information\n                <div class=\"ml-auto\">\n                    \n                </div>\n            </h6>\n\n            <div class=\"w-full m-2\">\n                <div class=\"flex flex-row\">\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Menu Type</div>\n                        <div class=\"\">\n                            <dx-select-box [items]=\"['child','parent']\" [(ngModel)]=\"menuObject.menuType\"\n                                (onValueChanged)=\"getMenuType($event)\"></dx-select-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\" *ngIf=\"menuObject.menuType == 'child'\">\n                        <div class=\"text-md p-2 capitalize\">Parent Menu</div>\n                        <div class=\"\">\n                            <dx-select-box [dataSource]=\"paparentMenuDatasource\" valueExpr=\"tid\" displayExpr=\"title\"\n                                [(ngModel)]=\"menuObject.parentMenuTid\"></dx-select-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\" *ngIf=\"menuObject.menuType == 'child'\">\n                        <div class=\"text-md p-2 capitalize\">Child Menu TID</div>\n                        <div class=\"\">\n                            <dx-text-box [(ngModel)]=\"menuObject.childMenuTid\"\n                                [value]=\"menuObject.parentMenuTid\"></dx-text-box>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"ismenuContainer\">\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Item Information\n                    <div class=\"ml-auto\">\n                        \n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <div class=\"flex flex-row\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Menu ID</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.menuId\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Title</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.title\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">subtitle</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.subtitle\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Type</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['aside','basic','collapsable','divider','group','spacer']\"\n                                    [(ngModel)]=\"menuObject.type\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">tooltip</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.tooltip\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">link</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.link\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">fragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.fragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">target</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['_blank','_self','_parent','_top']\"\n                                    [(ngModel)]=\"menuObject.target\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">preserveFragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.preserveFragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">queryParams</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.queryParams\"></dx-text-box>\n                            </div>\n                        </div>\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">icon</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.icon\"></dx-text-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"m-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.children\" text=\"Children\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.externalLink\" text=\"External Link\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.active\" text=\"Active\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.disabled\" text=\"Disabled\"></dx-check-box>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n\n\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                User Information\n                    <div class=\"ml-auto\">\n                        <div class=\"{{commonservice.btn_primary_md}}\" (click)=\"addNewUser()\">ADD User</div>\n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <ng-container *ngFor=\"let item of userOptionContainer; let i = index\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"mx-2 w-1/4\">\n                                <div class=\"text-md p-2 capitalize\">accessible users</div>\n                                <div class=\"\">\n                                    <dx-text-box [(ngModel)]=\"item.userName\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\">\n                                <div class=\"text-md p-2 capitalize\">User Permissions</div>\n                                <div class=\"\">\n                                    <dx-select-box [items]=\"['project.owner','project.editor','project.viewer']\"\n                                        [(ngModel)]=\"item.permissions\"></dx-select-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2\">\n                                <div class=\"text-md p-2 capitalize\"></div>\n                                <div class=\"mt-4\">\n                                    <div class=\"{{commonservice.btn_danger_md}}\" (click)=\"deleteUser(i)\">Delete</div>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"flex flex-row justify-end mt-4 border-t mt-8 py-4\">\n                        <div class=\"{{commonservice.btn_success_md}}\" (click)=\"submitNewMenu()\">Create Menu</div>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</div>" }]
-        }], ctorParameters: function () { return [{ type: CommonService }]; } });
+            args: [{ selector: 'lib-application-create-menu', template: "<div class=\"flex flex-col flex-auto min-w-0\">\n\n    <lib-common-header [pageTitle]=\"'Add Menu'\"></lib-common-header>\n\n    <div class=\"p-4 w-full\">\n        <div class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n            <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Basic Information\n                <div class=\"ml-auto\">\n                    <button class=\"{{commonservice.btn_purple_md}}\" (click)=\"menuList()\">\n                        All Menu\n                    </button>\n                </div>\n            </h6>\n\n            <div class=\"w-full m-2\">\n                <div class=\"flex flex-row\">\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Menu Type</div>\n                        <div class=\"\">\n                            <dx-select-box [items]=\"['child','parent']\" [(ngModel)]=\"menuObject.menuType\"\n                                (onValueChanged)=\"getMenuType($event)\"></dx-select-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Parent Menu</div>\n                        <div class=\"\">\n                            <dx-select-box [showClearButton]=\"true\" (onValueChanged)=\"getMenuTidType($event)\" [items]=\"paparentMenuDatasource\" valueExpr=\"menuId\" displayExpr=\"title\"></dx-select-box>\n                           \n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Parent Menu TID</div>\n                        <div class=\"\">\n                            <dx-text-box [(ngModel)]=\"menuObject.parentMenuTid\"></dx-text-box>\n                        </div>\n                    </div>\n                    <div class=\"mx-2 w-1/3\">\n                        <div class=\"text-md p-2 capitalize\">Child Menu TID</div>\n                        <div class=\"\">\n                            <dx-text-box [(ngModel)]=\"menuObject.childMenuTid\"\n                                [value]=\"menuObject.childMenuTid\"></dx-text-box>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <ng-container *ngIf=\"ismenuContainer\">\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                Item Information\n                    <div class=\"ml-auto\">\n                        \n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <div class=\"flex flex-row\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Menu ID</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.menuId\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Title</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.title\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">subtitle</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.subtitle\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">Type</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['aside','basic','collapsable','divider','group','spacer']\"\n                                    [(ngModel)]=\"menuObject.type\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">tooltip</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.tooltip\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">link</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.link\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">fragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.fragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">target</div>\n                            <div class=\"\">\n                                <dx-select-box [items]=\"['_blank','_self','_parent','_top']\"\n                                    [(ngModel)]=\"menuObject.target\"></dx-select-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">preserveFragment</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.preserveFragment\"></dx-text-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">queryParams</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.queryParams\"></dx-text-box>\n                            </div>\n                        </div>\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"text-md p-2 capitalize\">icon</div>\n                            <div class=\"\">\n                                <dx-text-box [(ngModel)]=\"menuObject.icon\"></dx-text-box>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"flex flex-row mt-2\">\n\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"m-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.children\" text=\"Children\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.externalLink\" text=\"External Link\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.active\" text=\"Active\"></dx-check-box>\n                            </div>\n                        </div>\n                        <div class=\"mx-2 w-full\">\n                            <div class=\"mt-10\">\n                                <dx-check-box [(ngModel)]=\"menuObject.disabled\" text=\"Disabled\"></dx-check-box>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\n            </div>\n        </div>\n\n\n        <div class=\"p-4 w-full\">\n            <div\n                class=\"m-3 p-4 bg-white border border-gray-200 rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700\">\n                <h6 class=\"mb-2 text-lg tracking-tight text-gray-900\n                dark:text-white border-b pb-3 flex items-center\">\n                User Information\n                    <div class=\"ml-auto\">\n                        <div class=\"{{commonservice.btn_primary_md}}\" (click)=\"addNewUser()\">ADD User</div>\n                    </div>\n                </h6>\n\n                <div class=\"w-full m-2\">\n                    <ng-container *ngFor=\"let item of userOptionContainer; let i = index\">\n                        <div class=\"flex flex-row\">\n                            <div class=\"mx-2 w-1/4\">\n                                <div class=\"text-md p-2 capitalize\">Accessible User Type</div>\n                                <div class=\"\">\n                                    <dx-select-box [items]=\"menuType\" [(ngModel)]=\"item.attributeType\"></dx-select-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\" *ngIf=\"item.attributeType == 'user'\">\n                                <div class=\"text-md p-2 capitalize\">User Name</div>\n                                <div class=\"\">\n                                    <dx-text-box \n                                        [(ngModel)]=\"item.attributeValues\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\" *ngIf=\"item.attributeType == 'role'\">\n                                <div class=\"text-md p-2 capitalize\">Select Role</div>\n                                <div class=\"\">\n                                    <dx-text-box \n                                        [(ngModel)]=\"item.attributeValues\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2 w-1/4\" *ngIf=\"item.attributeType == 'group'\">\n                                <div class=\"text-md p-2 capitalize\">Select Group</div>\n                                <div class=\"\">\n                                    <dx-text-box \n                                        [(ngModel)]=\"item.attributeValues\"></dx-text-box>\n                                </div>\n                            </div>\n                            <div class=\"mx-2\">\n                                <div class=\"text-md p-2 capitalize\"></div>\n                                <div class=\"mt-4\">\n                                    <div class=\"{{commonservice.btn_danger_md}}\" (click)=\"deleteUser(i)\">Delete</div>\n                                </div>\n                            </div>\n                        </div>\n                    </ng-container>\n\n                    <div class=\"flex flex-row justify-end mt-4 border-t mt-8 py-4\" *ngIf=\"!isContentType\">\n                        <div class=\"{{commonservice.btn_success_md}}\" (click)=\"submitNewMenu()\">Create Menu</div>\n                    </div>\n                    <div class=\"flex flex-row justify-end mt-4 border-t mt-8 py-4\" *ngIf=\"isContentType\">\n                        <div class=\"{{commonservice.btn_success_md}}\" (click)=\"updateMenu()\">Update Menu</div>\n                    </div>\n\n                </div>\n            </div>\n        </div>\n    </ng-container>\n</div>" }]
+        }], ctorParameters: function () { return [{ type: CommonService }, { type: ApplicationContentService }, { type: i2$2.ToastrService }, { type: i2.ActivatedRoute }, { type: i2.Router }]; } });
 
 class PageConfigMultilayoutComponent {
     constructor(commonService, activatedRoute, viewContainerRef, componentFactoryResolver, service, toastr, router, datasetService) {
@@ -11772,6 +12004,10 @@ const appRoutes = [
         path: 'menuController/createMenu',
         component: ApplicationCreateMenuComponent,
     },
+    {
+        path: 'menuController/editMenu',
+        component: ApplicationCreateMenuComponent,
+    },
     {
         path: 'applicationDataset/datasetEditor',
         component: CreateDatasetComponent,