gamma-app-controller 1.0.6 → 1.0.7

package/esm2020/lib/application-controller/application-menu-controller/application-create-menu/application-create-menu.component.mjs

@@ -0,0 +1,84 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common";
+import * as i2 from "@angular/common";
+import * as i3 from "devextreme-angular/ui/check-box";
+import * as i4 from "devextreme-angular/ui/select-box";
+import * as i5 from "devextreme-angular/ui/text-box";
+import * as i6 from "@angular/forms";
+import * as i7 from "../../common-header/common-header.component";
+export class ApplicationCreateMenuComponent {
+    constructor(commonservice) {
+        this.commonservice = commonservice;
+        this.menuObject = {
+            menuId: "",
+            title: "",
+            subtitle: "",
+            type: "",
+            active: true,
+            disabled: false,
+            tooltip: "",
+            link: "",
+            fragment: "",
+            preserveFragment: "",
+            queryParams: "",
+            externalLink: false,
+            target: "",
+            icon: "",
+            badge: {
+                title: "string",
+                classes: "",
+            },
+            children: true,
+            url: "",
+            menuType: "",
+            parentMenuTid: "",
+            childMenuTid: "",
+            user: []
+        };
+        this.ismenuContainer = false;
+        this.paparentMenuDatasource = [{ title: "Dashboard", tid: "1" }, { title: "App Controller", tid: "2" }];
+        this.userOptionContainer = [];
+    }
+    ngOnInit() {
+        this.userOptionContainer = [
+            {
+                userName: "",
+                permissions: ""
+            }
+        ];
+    }
+    getMenuType(e) {
+        if (e.event) {
+            if (e.value == "child") {
+                this.menuObject['children'] = true;
+            }
+            else if (e.value == "parent") {
+                this.menuObject['children'] = false;
+            }
+            this.menuObject['parentMenuTid'] = "";
+            this.menuObject['childMenuTid'] = "";
+            this.ismenuContainer = true;
+        }
+    }
+    addNewUser() {
+        this.userOptionContainer.push({
+            userName: "",
+            permissions: ""
+        });
+    }
+    deleteUser(i) {
+        this.userOptionContainer.splice(i, 1);
+    }
+    submitNewMenu() {
+        this.menuObject['user'] = this.userOptionContainer;
+        console.log(this.menuObject);
+    }
+}
+ApplicationCreateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationCreateMenuComponent, deps: [{ token: i1.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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.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: i4.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i5.DxTextBoxComponent, selector: "dx-text-box", inputs: ["accessKey", "activeStateEnabled", "buttons", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isValid", "label", "labelMode", "mask", "maskChar", "maskInvalidMessage", "maskRules", "maxLength", "mode", "name", "placeholder", "readOnly", "rtlEnabled", "showClearButton", "showMaskMode", "spellcheck", "stylingMode", "tabIndex", "text", "useMaskedValue", "validationError", "validationErrors", "validationMessageMode", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isValidChange", "labelChange", "labelModeChange", "maskChange", "maskCharChange", "maskInvalidMessageChange", "maskRulesChange", "maxLengthChange", "modeChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "showClearButtonChange", "showMaskModeChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useMaskedValueChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.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: i1.CommonService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGljYXRpb24tY3JlYXRlLW1lbnUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2FtbWEtYXBwLWNvbnRyb2xsZXIvc3JjL2xpYi9hcHBsaWNhdGlvbi1jb250cm9sbGVyL2FwcGxpY2F0aW9uLW1lbnUtY29udHJvbGxlci9hcHBsaWNhdGlvbi1jcmVhdGUtbWVudS9hcHBsaWNhdGlvbi1jcmVhdGUtbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nYW1tYS1hcHAtY29udHJvbGxlci9zcmMvbGliL2FwcGxpY2F0aW9uLWNvbnRyb2xsZXIvYXBwbGljYXRpb24tbWVudS1jb250cm9sbGVyL2FwcGxpY2F0aW9uLWNyZWF0ZS1tZW51L2FwcGxpY2F0aW9uLWNyZWF0ZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVNsRCxNQUFNLE9BQU8sOEJBQThCO0lBZ0N6QyxZQUNTLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBaENyQyxlQUFVLEdBQVE7WUFDaEIsTUFBTSxFQUFFLEVBQUU7WUFDVixLQUFLLEVBQUUsRUFBRTtZQUNULFFBQVEsRUFBRSxFQUFFO1lBQ1osSUFBSSxFQUFDLEVBQUU7WUFDUCxNQUFNLEVBQUUsSUFBSTtZQUNaLFFBQVEsRUFBRSxLQUFLO1lBQ2YsT0FBTyxFQUFFLEVBQUU7WUFDWCxJQUFJLEVBQUUsRUFBRTtZQUNSLFFBQVEsRUFBRSxFQUFFO1lBQ1osZ0JBQWdCLEVBQUUsRUFBRTtZQUNwQixXQUFXLEVBQUUsRUFBRTtZQUNmLFlBQVksRUFBRSxLQUFLO1lBQ25CLE1BQU0sRUFBQyxFQUFFO1lBQ1QsSUFBSSxFQUFFLEVBQUU7WUFDUixLQUFLLEVBQUU7Z0JBQ0gsS0FBSyxFQUFFLFFBQVE7Z0JBQ2YsT0FBTyxFQUFFLEVBQUU7YUFDZDtZQUNELFFBQVEsRUFBRSxJQUFJO1lBQ2QsR0FBRyxFQUFFLEVBQUU7WUFDUCxRQUFRLEVBQUMsRUFBRTtZQUNYLGFBQWEsRUFBQyxFQUFFO1lBQ2hCLFlBQVksRUFBQyxFQUFFO1lBQ2YsSUFBSSxFQUFDLEVBQUU7U0FDVixDQUFBO1FBRUQsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFFeEIsMkJBQXNCLEdBQUcsQ0FBQyxFQUFDLEtBQUssRUFBQyxXQUFXLEVBQUUsR0FBRyxFQUFDLEdBQUcsRUFBQyxFQUFDLEVBQUMsS0FBSyxFQUFDLGdCQUFnQixFQUFDLEdBQUcsRUFBQyxHQUFHLEVBQUMsQ0FBQyxDQUFBO1FBQ3hGLHdCQUFtQixHQUFPLEVBQUUsQ0FBQztJQUd2QixDQUFDO0lBRUwsUUFBUTtRQUNOLElBQUksQ0FBQyxtQkFBbUIsR0FBRztZQUN6QjtnQkFDRSxRQUFRLEVBQUMsRUFBRTtnQkFDWCxXQUFXLEVBQUMsRUFBRTthQUNmO1NBQ0YsQ0FBQTtJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBQztRQUNYLElBQUcsQ0FBQyxDQUFDLEtBQUssRUFBQztZQUNULElBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxPQUFPLEVBQUM7Z0JBQ3BCLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLEdBQUcsSUFBSSxDQUFDO2FBQ3BDO2lCQUFNLElBQUcsQ0FBQyxDQUFDLEtBQUssSUFBSSxRQUFRLEVBQUM7Z0JBQzVCLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDO2FBRXJDO1lBQ0QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxlQUFlLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxjQUFjLENBQUMsR0FBRyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7U0FDN0I7SUFDSCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUM7WUFDMUIsUUFBUSxFQUFDLEVBQUU7WUFDWCxXQUFXLEVBQUMsRUFBRTtTQUNmLENBQUMsQ0FBQTtJQUNOLENBQUM7SUFFRCxVQUFVLENBQUMsQ0FBQztRQUNWLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFBO0lBQ3ZDLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUM7UUFDbkQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7SUFDOUIsQ0FBQzs7MkhBekVVLDhCQUE4QjsrR0FBOUIsOEJBQThCLG1FQ1QzQyw4MVVBNE1NOzJGRG5NTyw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElzQWN0aXZlTWF0Y2hPcHRpb25zLCBQYXJhbXMsIFF1ZXJ5UGFyYW1zSGFuZGxpbmcgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tbW9uU2VydmljZSB9IGZyb20gJy4uLy4uL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hcHBsaWNhdGlvbi1jcmVhdGUtbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hcHBsaWNhdGlvbi1jcmVhdGUtbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FwcGxpY2F0aW9uLWNyZWF0ZS1tZW51LmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBBcHBsaWNhdGlvbkNyZWF0ZU1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBtZW51T2JqZWN0IDphbnkgPSB7XG4gICAgbWVudUlkOiBcIlwiLFxuICAgIHRpdGxlOiBcIlwiLFxuICAgIHN1YnRpdGxlOiBcIlwiLFxuICAgIHR5cGU6XCJcIixcbiAgICBhY3RpdmU6IHRydWUsXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIHRvb2x0aXA6IFwiXCIsXG4gICAgbGluazogXCJcIixcbiAgICBmcmFnbWVudDogXCJcIixcbiAgICBwcmVzZXJ2ZUZyYWdtZW50OiBcIlwiLFxuICAgIHF1ZXJ5UGFyYW1zOiBcIlwiLFxuICAgIGV4dGVybmFsTGluazogZmFsc2UsXG4gICAgdGFyZ2V0OlwiXCIsXG4gICAgaWNvbjogXCJcIixcbiAgICBiYWRnZToge1xuICAgICAgICB0aXRsZTogXCJzdHJpbmdcIixcbiAgICAgICAgY2xhc3NlczogXCJcIixcbiAgICB9LFxuICAgIGNoaWxkcmVuOiB0cnVlLFxuICAgIHVybDogXCJcIixcbiAgICBtZW51VHlwZTpcIlwiLFxuICAgIHBhcmVudE1lbnVUaWQ6XCJcIixcbiAgICBjaGlsZE1lbnVUaWQ6XCJcIixcbiAgICB1c2VyOltdXG59XG5cbmlzbWVudUNvbnRhaW5lciA9IGZhbHNlO1xuXG5wYXBhcmVudE1lbnVEYXRhc291cmNlID0gW3t0aXRsZTpcIkRhc2hib2FyZFwiLCB0aWQ6XCIxXCJ9LHt0aXRsZTpcIkFwcCBDb250cm9sbGVyXCIsdGlkOlwiMlwifV1cbnVzZXJPcHRpb25Db250YWluZXI6YW55ID0gW107XG4gIGNvbnN0cnVjdG9yKFxuICAgIHB1YmxpYyBjb21tb25zZXJ2aWNlOiBDb21tb25TZXJ2aWNlXG4gICkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy51c2VyT3B0aW9uQ29udGFpbmVyID0gW1xuICAgICAge1xuICAgICAgICB1c2VyTmFtZTpcIlwiLFxuICAgICAgICBwZXJtaXNzaW9uczpcIlwiXG4gICAgICB9XG4gICAgXVxuICB9XG5cbiAgZ2V0TWVudVR5cGUoZSl7XG4gICAgaWYoZS5ldmVudCl7XG4gICAgICBpZihlLnZhbHVlID09IFwiY2hpbGRcIil7XG4gICAgICAgIHRoaXMubWVudU9iamVjdFsnY2hpbGRyZW4nXSA9IHRydWU7IFxuICAgICAgfSBlbHNlIGlmKGUudmFsdWUgPT0gXCJwYXJlbnRcIil7XG4gICAgICAgIHRoaXMubWVudU9iamVjdFsnY2hpbGRyZW4nXSA9IGZhbHNlOyBcbiAgICAgICAgXG4gICAgICB9XG4gICAgICB0aGlzLm1lbnVPYmplY3RbJ3BhcmVudE1lbnVUaWQnXSA9IFwiXCI7IFxuICAgICAgdGhpcy5tZW51T2JqZWN0WydjaGlsZE1lbnVUaWQnXSA9IFwiXCI7IFxuICAgICAgdGhpcy5pc21lbnVDb250YWluZXIgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIGFkZE5ld1VzZXIoKXtcbiAgICB0aGlzLnVzZXJPcHRpb25Db250YWluZXIucHVzaCh7XG4gICAgICAgIHVzZXJOYW1lOlwiXCIsXG4gICAgICAgIHBlcm1pc3Npb25zOlwiXCJcbiAgICAgIH0pXG4gIH1cblxuICBkZWxldGVVc2VyKGkpe1xuICAgIHRoaXMudXNlck9wdGlvbkNvbnRhaW5lci5zcGxpY2UoaSwgMSlcbiAgfVxuXG4gIHN1Ym1pdE5ld01lbnUoKXtcbiAgICB0aGlzLm1lbnVPYmplY3RbJ3VzZXInXSA9IHRoaXMudXNlck9wdGlvbkNvbnRhaW5lcjtcbiAgICBjb25zb2xlLmxvZyh0aGlzLm1lbnVPYmplY3QpXG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2wgZmxleC1hdXRvIG1pbi13LTBcIj5cblxuICAgIDxsaWItY29tbW9uLWhlYWRlciBbcGFnZVRpdGxlXT1cIidBZGQgTWVudSdcIj48L2xpYi1jb21tb24taGVhZGVyPlxuXG4gICAgPGRpdiBjbGFzcz1cInAtNCB3LWZ1bGxcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cIm0tMyBwLTQgYmctd2hpdGUgYm9yZGVyIGJvcmRlci1ncmF5LTIwMCByb3VuZGVkLWxnIHNoYWRvdy1tZCBkYXJrOmJnLWdyYXktODAwIGRhcms6Ym9yZGVyLWdyYXktNzAwXCI+XG4gICAgICAgICAgICA8aDYgY2xhc3M9XCJtYi0yIHRleHQtbGcgdHJhY2tpbmctdGlnaHQgdGV4dC1ncmF5LTkwMFxuICAgICAgICAgICAgICAgIGRhcms6dGV4dC13aGl0ZSBib3JkZXItYiBwYi0zIGZsZXggaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgQmFzaWMgSW5mb3JtYXRpb25cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtYXV0b1wiPlxuICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvaDY+XG5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgbS0yXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1yb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy0xLzNcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW1kIHAtMiBjYXBpdGFsaXplXCI+TWVudSBUeXBlPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LXNlbGVjdC1ib3ggW2l0ZW1zXT1cIlsnY2hpbGQnLCdwYXJlbnQnXVwiIFsobmdNb2RlbCldPVwibWVudU9iamVjdC5tZW51VHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChvblZhbHVlQ2hhbmdlZCk9XCJnZXRNZW51VHlwZSgkZXZlbnQpXCI+PC9keC1zZWxlY3QtYm94PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LTEvM1wiICpuZ0lmPVwibWVudU9iamVjdC5tZW51VHlwZSA9PSAnY2hpbGQnXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPlBhcmVudCBNZW51PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LXNlbGVjdC1ib3ggW2RhdGFTb3VyY2VdPVwicGFwYXJlbnRNZW51RGF0YXNvdXJjZVwiIHZhbHVlRXhwcj1cInRpZFwiIGRpc3BsYXlFeHByPVwidGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QucGFyZW50TWVudVRpZFwiPjwvZHgtc2VsZWN0LWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy0xLzNcIiAqbmdJZj1cIm1lbnVPYmplY3QubWVudVR5cGUgPT0gJ2NoaWxkJ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtbWQgcC0yIGNhcGl0YWxpemVcIj5DaGlsZCBNZW51IFRJRDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC10ZXh0LWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QuY2hpbGRNZW51VGlkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3ZhbHVlXT1cIm1lbnVPYmplY3QucGFyZW50TWVudVRpZFwiPjwvZHgtdGV4dC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNtZW51Q29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJwLTQgdy1mdWxsXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJtLTMgcC00IGJnLXdoaXRlIGJvcmRlciBib3JkZXItZ3JheS0yMDAgcm91bmRlZC1sZyBzaGFkb3ctbWQgZGFyazpiZy1ncmF5LTgwMCBkYXJrOmJvcmRlci1ncmF5LTcwMFwiPlxuICAgICAgICAgICAgICAgIDxoNiBjbGFzcz1cIm1iLTIgdGV4dC1sZyB0cmFja2luZy10aWdodCB0ZXh0LWdyYXktOTAwXG4gICAgICAgICAgICAgICAgZGFyazp0ZXh0LXdoaXRlIGJvcmRlci1iIHBiLTMgZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICBJdGVtIEluZm9ybWF0aW9uXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC1hdXRvXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9oNj5cblxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgbS0yXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LWZ1bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPk1lbnUgSUQ8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC10ZXh0LWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QubWVudUlkXCI+PC9keC10ZXh0LWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtbWQgcC0yIGNhcGl0YWxpemVcIj5UaXRsZTwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LXRleHQtYm94IFsobmdNb2RlbCldPVwibWVudU9iamVjdC50aXRsZVwiPjwvZHgtdGV4dC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJteC0yIHctZnVsbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW1kIHAtMiBjYXBpdGFsaXplXCI+c3VidGl0bGU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC10ZXh0LWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3Quc3VidGl0bGVcIj48L2R4LXRleHQtYm94PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LWZ1bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPlR5cGU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC1zZWxlY3QtYm94IFtpdGVtc109XCJbJ2FzaWRlJywnYmFzaWMnLCdjb2xsYXBzYWJsZScsJ2RpdmlkZXInLCdncm91cCcsJ3NwYWNlciddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFsobmdNb2RlbCldPVwibWVudU9iamVjdC50eXBlXCI+PC9keC1zZWxlY3QtYm94PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LXJvdyBtdC0yXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LWZ1bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPnRvb2x0aXA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC10ZXh0LWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QudG9vbHRpcFwiPjwvZHgtdGV4dC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJteC0yIHctZnVsbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW1kIHAtMiBjYXBpdGFsaXplXCI+bGluazwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LXRleHQtYm94IFsobmdNb2RlbCldPVwibWVudU9iamVjdC5saW5rXCI+PC9keC10ZXh0LWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtbWQgcC0yIGNhcGl0YWxpemVcIj5mcmFnbWVudDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LXRleHQtYm94IFsobmdNb2RlbCldPVwibWVudU9iamVjdC5mcmFnbWVudFwiPjwvZHgtdGV4dC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJteC0yIHctZnVsbFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW1kIHAtMiBjYXBpdGFsaXplXCI+dGFyZ2V0PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZHgtc2VsZWN0LWJveCBbaXRlbXNdPVwiWydfYmxhbmsnLCdfc2VsZicsJ19wYXJlbnQnLCdfdG9wJ11cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJtZW51T2JqZWN0LnRhcmdldFwiPjwvZHgtc2VsZWN0LWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1yb3cgbXQtMlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtbWQgcC0yIGNhcGl0YWxpemVcIj5wcmVzZXJ2ZUZyYWdtZW50PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZHgtdGV4dC1ib3ggWyhuZ01vZGVsKV09XCJtZW51T2JqZWN0LnByZXNlcnZlRnJhZ21lbnRcIj48L2R4LXRleHQtYm94PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LWZ1bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPnF1ZXJ5UGFyYW1zPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZHgtdGV4dC1ib3ggWyhuZ01vZGVsKV09XCJtZW51T2JqZWN0LnF1ZXJ5UGFyYW1zXCI+PC9keC10ZXh0LWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LWZ1bGxcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPmljb248L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC10ZXh0LWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QuaWNvblwiPjwvZHgtdGV4dC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93IG10LTJcIj5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm0tMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LWNoZWNrLWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QuY2hpbGRyZW5cIiB0ZXh0PVwiQ2hpbGRyZW5cIj48L2R4LWNoZWNrLWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXQtMTBcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LWNoZWNrLWJveCBbKG5nTW9kZWwpXT1cIm1lbnVPYmplY3QuZXh0ZXJuYWxMaW5rXCIgdGV4dD1cIkV4dGVybmFsIExpbmtcIj48L2R4LWNoZWNrLWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm10LTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC1jaGVjay1ib3ggWyhuZ01vZGVsKV09XCJtZW51T2JqZWN0LmFjdGl2ZVwiIHRleHQ9XCJBY3RpdmVcIj48L2R4LWNoZWNrLWJveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm14LTIgdy1mdWxsXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIm10LTEwXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkeC1jaGVjay1ib3ggWyhuZ01vZGVsKV09XCJtZW51T2JqZWN0LmRpc2FibGVkXCIgdGV4dD1cIkRpc2FibGVkXCI+PC9keC1jaGVjay1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cblxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwLTQgdy1mdWxsXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJtLTMgcC00IGJnLXdoaXRlIGJvcmRlciBib3JkZXItZ3JheS0yMDAgcm91bmRlZC1sZyBzaGFkb3ctbWQgZGFyazpiZy1ncmF5LTgwMCBkYXJrOmJvcmRlci1ncmF5LTcwMFwiPlxuICAgICAgICAgICAgICAgIDxoNiBjbGFzcz1cIm1iLTIgdGV4dC1sZyB0cmFja2luZy10aWdodCB0ZXh0LWdyYXktOTAwXG4gICAgICAgICAgICAgICAgZGFyazp0ZXh0LXdoaXRlIGJvcmRlci1iIHBiLTMgZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICBVc2VyIEluZm9ybWF0aW9uXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtbC1hdXRvXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwie3tjb21tb25zZXJ2aWNlLmJ0bl9wcmltYXJ5X21kfX1cIiAoY2xpY2spPVwiYWRkTmV3VXNlcigpXCI+QUREIFVzZXI8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9oNj5cblxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ3LWZ1bGwgbS0yXCI+XG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgdXNlck9wdGlvbkNvbnRhaW5lcjsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImZsZXggZmxleC1yb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibXgtMiB3LTEvNFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC1tZCBwLTIgY2FwaXRhbGl6ZVwiPmFjY2Vzc2libGUgdXNlcnM8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIlwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPGR4LXRleHQtYm94IFsobmdNb2RlbCldPVwiaXRlbS51c2VyTmFtZVwiPjwvZHgtdGV4dC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJteC0yIHctMS80XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW1kIHAtMiBjYXBpdGFsaXplXCI+VXNlciBQZXJtaXNzaW9uczwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZHgtc2VsZWN0LWJveCBbaXRlbXNdPVwiWydwcm9qZWN0Lm93bmVyJywncHJvamVjdC5lZGl0b3InLCdwcm9qZWN0LnZpZXdlciddXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbKG5nTW9kZWwpXT1cIml0ZW0ucGVybWlzc2lvbnNcIj48L2R4LXNlbGVjdC1ib3g+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJteC0yXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LW1kIHAtMiBjYXBpdGFsaXplXCI+PC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJtdC00XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwie3tjb21tb25zZXJ2aWNlLmJ0bl9kYW5nZXJfbWR9fVwiIChjbGljayk9XCJkZWxldGVVc2VyKGkpXCI+RGVsZXRlPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93IGp1c3RpZnktZW5kIG10LTQgYm9yZGVyLXQgbXQtOCBweS00XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwie3tjb21tb25zZXJ2aWNlLmJ0bl9zdWNjZXNzX21kfX1cIiAoY2xpY2spPVwic3VibWl0TmV3TWVudSgpXCI+Q3JlYXRlIE1lbnU8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/application-controller/application-menu-controller/application-menus/application-menus.component.mjs

@@ -0,0 +1,23 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../common";
+import * as i2 from "@angular/router";
+import * as i3 from "../../common-header/common-header.component";
+export class ApplicationMenusComponent {
+    constructor(commonService, router) {
+        this.commonService = commonService;
+        this.router = router;
+    }
+    ngOnInit() {
+    }
+    createNewMenu() {
+        this.router.navigate(['/apps/controlPanel/menuController/createMenu']);
+    }
+}
+ApplicationMenusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationMenusComponent, deps: [{ token: i1.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: i3.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: i1.CommonService }, { type: i2.Router }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbGljYXRpb24tbWVudXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2FtbWEtYXBwLWNvbnRyb2xsZXIvc3JjL2xpYi9hcHBsaWNhdGlvbi1jb250cm9sbGVyL2FwcGxpY2F0aW9uLW1lbnUtY29udHJvbGxlci9hcHBsaWNhdGlvbi1tZW51cy9hcHBsaWNhdGlvbi1tZW51cy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nYW1tYS1hcHAtY29udHJvbGxlci9zcmMvbGliL2FwcGxpY2F0aW9uLWNvbnRyb2xsZXIvYXBwbGljYXRpb24tbWVudS1jb250cm9sbGVyL2FwcGxpY2F0aW9uLW1lbnVzL2FwcGxpY2F0aW9uLW1lbnVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU2xELE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsWUFDUyxhQUE0QixFQUMzQixNQUFjO1FBRGYsa0JBQWEsR0FBYixhQUFhLENBQWU7UUFDM0IsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUNwQixDQUFDO0lBRUwsUUFBUTtJQUNSLENBQUM7SUFFRCxhQUFhO1FBQ1gsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyw4Q0FBOEMsQ0FBQyxDQUFDLENBQUE7SUFFeEUsQ0FBQzs7c0hBYlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsNkRDVHRDLDZoSEFpRWU7MkZEeERGLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uU2VydmljZSB9IGZyb20gJy4uLy4uL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYXBwbGljYXRpb24tbWVudXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXBwbGljYXRpb24tbWVudXMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hcHBsaWNhdGlvbi1tZW51cy5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQXBwbGljYXRpb25NZW51c0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGNvbW1vblNlcnZpY2U6IENvbW1vblNlcnZpY2UsXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlclxuICApIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbiAgY3JlYXRlTmV3TWVudSgpe1xuICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFsnL2FwcHMvY29udHJvbFBhbmVsL21lbnVDb250cm9sbGVyL2NyZWF0ZU1lbnUnXSlcbiAgIFxuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGZsZXgtYXV0byBtaW4tdy0wXCI+XG5cbiAgICA8bGliLWNvbW1vbi1oZWFkZXIgW3BhZ2VUaXRsZV09XCInQXBwbGljYXRpb24gTWVudSBDb250cm9sbGVyJ1wiPjwvbGliLWNvbW1vbi1oZWFkZXI+XG5cbiAgICA8ZGl2IGNsYXNzPVwicC00IHctZnVsbFwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibS0zIHAtNCBiZy13aGl0ZSBib3JkZXIgYm9yZGVyLWdyYXktMjAwIHJvdW5kZWQtbGcgc2hhZG93LW1kIGRhcms6YmctZ3JheS04MDAgZGFyazpib3JkZXItZ3JheS03MDBcIj5cbiAgICAgICAgICAgIDxoNiBjbGFzcz1cIm1iLTIgdGV4dC1sZyB0cmFja2luZy10aWdodCB0ZXh0LWdyYXktOTAwXG4gICAgICAgICAgICAgICAgZGFyazp0ZXh0LXdoaXRlIGJvcmRlci1iIHBiLTMgZmxleCBpdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWwtYXV0b1wiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwie3tjb21tb25TZXJ2aWNlLmJ0bl9wcmltYXJ5X21kfX1cIiAoY2xpY2spPVwiY3JlYXRlTmV3TWVudSgpXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICBBZGQgTWVudSBDb250ZW50XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9oNj5cbiAgICAgICAgICAgIDwhLS0gPGFwcC1sb2FkZXIgKm5nSWY9XCJpc0xvYWRlclwiPjwvYXBwLWxvYWRlcj4gLS0+XG4gICAgICAgICAgICA8IS0tIDxkeC1kYXRhLWdyaWQgW2NvbHVtbkF1dG9XaWR0aF09XCJ0cnVlXCIgW2RhdGFTb3VyY2VdPVwiY29tcG9uZW50Vmlld1RhYmxlRGF0YVNvdXJjZVwiXG4gICAgICAgICAgICAgICAgW2hvdmVyU3RhdGVFbmFibGVkXT1cInRydWVcIiAqbmdJZj1cIiFpc0xvYWRlclwiIFtzZWxlY3RlZFJvd0tleXNdPVwiW11cIiBbc2hvd0JvcmRlcnNdPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgW3Nob3dDb2x1bW5MaW5lc109XCJ0cnVlXCIgW3Nob3dSb3dMaW5lc109XCJ0cnVlXCIgaWQ9XCJncmlkQ29udGFpbmVyXCI+XG4gICAgICAgICAgICAgICAgPGR4by1wYWdpbmcgW3BhZ2VTaXplXT1cIjEwXCI+PC9keG8tcGFnaW5nPlxuICAgICAgICAgICAgICAgIDxkeG8tZXhwb3J0IFtlbmFibGVkXT1cInRydWVcIj48L2R4by1leHBvcnQ+XG4gICAgICAgICAgICAgICAgPGR4by1zZWFyY2gtcGFuZWwgW2hpZ2hsaWdodENhc2VTZW5zaXRpdmVdPVwidHJ1ZVwiIFt2aXNpYmxlXT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICA8L2R4by1zZWFyY2gtcGFuZWw+XG4gICAgICAgICAgICAgICAgPGR4aS1jb2x1bW4gZGF0YUZpZWxkPVwidmlld05hbWVcIj48L2R4aS1jb2x1bW4+XG4gICAgICAgICAgICAgICAgPGR4aS1jb2x1bW4gZGF0YUZpZWxkPVwia3BpQ29uZmlnLmZvcm1hdGVcIj48L2R4aS1jb2x1bW4+XG4gICAgICAgICAgICAgICAgPGR4aS1jb2x1bW4gZGF0YUZpZWxkPVwiY3JlYXRpb25EYXRlXCI+PC9keGktY29sdW1uPlxuICAgICAgICAgICAgICAgIDxkeGktY29sdW1uIGRhdGFGaWVsZD1cImFjdGlvblwiIGNlbGxUZW1wbGF0ZT1cImNlbGxUZW1wbGF0ZVwiIFtmaXhlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgZml4ZWRQb3NpdGlvbj1cInJpZ2h0XCI+PC9keGktY29sdW1uPlxuICAgICAgICAgICAgICAgIDxkaXYgKmR4VGVtcGxhdGU9XCJsZXQgZGF0YSBvZiAnY2VsbFRlbXBsYXRlJ1wiPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwie3tjb21tb25TZXJ2aWNlLmJ0bl9wcmltYXJ5X21kfX1cIiAoY2xpY2spPVwiZWRpdFZpZXdzKGRhdGEuZGF0YSlcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgIEVkaXRcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJ7e2NvbW1vblNlcnZpY2UuYnRuX2Rhbmdlcl9tZH19XCIgKGNsaWNrKT1cImRlbGV0ZURhdGFzZXQoZGF0YS5kYXRhKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgRGVsZXRlXG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwie3tjb21tb25TZXJ2aWNlLmJ0bl9wcmltYXJ5X21kfX1cIiAoY2xpY2spPVwiZXhwb3J0SnNvbkZpbGUoZGF0YS5kYXRhKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICB0aXRsZT1cIkV4cG9ydCBWaWV3XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLXNpZ24tb3V0XCI+PC9pPlxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cInt7Y29tbW9uU2VydmljZS5idG5fd2FybmluZ19tZH19XCIgKGNsaWNrKT1cImNvcHlKc29uRmlsZShkYXRhLmRhdGEpXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHRpdGxlPVwiQ29weSBhcyBKc29uXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWZpbGVzLW9cIj48L2k+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9keC1kYXRhLWdyaWQ+IC0tPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuPC9kaXY+XG5cbjwhLS0gXG48ZHgtcG9wdXAgWyh2aXNpYmxlKV09XCJpc1BvcHVwVmlzaWJsZVwiIFtkcmFnRW5hYmxlZF09XCJmYWxzZVwiIFtjbG9zZU9uT3V0c2lkZUNsaWNrXT1cImZhbHNlXCIgW3Nob3dUaXRsZV09XCJ0cnVlXCJcbiAgICB0aXRsZT1cIk1vZGVsIEVkaXRvclwiIFt3aWR0aF09XCIxMDAwXCIgW2hlaWdodF09XCI2MjBcIj5cblxuICAgIDxkaXY+XG4gICAgICAgIDxidXR0b24gKGNsaWNrKT1cImhpZGVQb3B1cCgpXCIgY2xhc3M9XCJidG4gYnRuLXNlY29uZGFyeVwiPjwvYnV0dG9uPlxuICAgICAgICA8ZGl2IGNsYXNzPVwibS0yIGZsZXggaXRlbXMtY2VudGVyIGp1c3RpZnktYmV0d2VlblwiPlxuICAgICAgICAgICAgPGlucHV0IHR5cGU9XCJmaWxlXCIgI2ZpbGVJbnB1dCBhY2NlcHQ9XCIuanNvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJibG9jayB3LTMvNSBwLTIgdGV4dC1zbSB0ZXh0LWdyYXktNDAwIGJvcmRlciBib3JkZXItZ3JheS03MDAgcm91bmRlZC1sZyBiZy1ncmF5LTgwMCBmb2N1czpyaW5nLWJsdWUtNTAwIGZvY3VzOmJvcmRlci1ibHVlLTUwMFwiXG4gICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJvbmpzb25GaWxlU2VsZWN0ZWQoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwic3VibWl0VmlldygpXCIgY2xhc3M9XCJ7e2NvbW1vblNlcnZpY2UuYnRuX3N1Y2Nlc3NfbWR9fSBtci00XCI+U3VibWl0PC9idXR0b24+XG5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDx0ZXh0YXJlYSBbKG5nTW9kZWwpXT1cImpzb25Db250ZW50XCJcbiAgICAgICAgICAgIGNsYXNzPVwidy1mdWxsIGgtMTAwIHAtMiAgYm9yZGVyIGJvcmRlci1ncmF5LTcwMCByb3VuZGVkLWxnIGJnLWdyYXktODAwIHRleHQtZ3JheS00MDBcIj48L3RleHRhcmVhPlxuICAgIDwvZGl2PlxuPC9keC1wb3B1cD4gLS0+Il19

package/esm2020/lib/application-controller/application-view-components/application-views/application-views.component.mjs

@@ -187,9 +187,9 @@ export class ApplicationViewsComponent {
         });
     }
 }
-ApplicationViewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ApplicationViewsComponent, deps: [{ token: i1.ApplicationContentService }, { token: i2.CommonService }, { token: i3.ToastrService }, { token: i4.Title }, { token: i5.ActivatedRoute }, { token: i5.Router }], target: i0.ɵɵFactoryTarget.Component });
-ApplicationViewsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", 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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i8.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: i8.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: i8.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i8.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i10.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: i11.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: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i12.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i13.CommonHeaderComponent, selector: "lib-common-header", inputs: ["pageTitle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: ApplicationViewsComponent, decorators: [{
+ApplicationViewsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ApplicationViewsComponent, deps: [{ token: i1.ApplicationContentService }, { token: i2.CommonService }, { token: i3.ToastrService }, { token: i4.Title }, { token: i5.ActivatedRoute }, { token: i5.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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i8.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: i8.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: i8.DxoPagingComponent, selector: "dxo-paging", inputs: ["enabled", "pageIndex", "pageSize"], outputs: ["pageIndexChange", "pageSizeChange"] }, { kind: "component", type: i8.DxoSearchPanelComponent, selector: "dxo-search-panel", inputs: ["highlightCaseSensitive", "highlightSearchText", "placeholder", "searchVisibleColumnsOnly", "text", "visible", "width"], outputs: ["textChange"] }, { kind: "component", type: i10.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: i11.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: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i12.LoaderComponent, selector: "app-loader" }, { kind: "component", type: i13.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>" }]
         }], ctorParameters: function () { return [{ type: i1.ApplicationContentService }, { type: i2.CommonService }, { type: i3.ToastrService }, { type: i4.Title }, { type: i5.ActivatedRoute }, { type: i5.Router }]; }, propDecorators: { scrollToElement: [{