@memberjunction/ng-explorer-core 0.9.226 → 0.9.230

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/lib/data-browser-component/data-browser.component.js +1 -1
  2. package/dist/lib/favorites/favorites.component.js +2 -2
  3. package/dist/lib/generic/resource-container-component.js +4 -4
  4. package/dist/lib/generic-browser-list/generic-browser-list.component.js +3 -3
  5. package/dist/lib/header/header.component.js +17 -24
  6. package/dist/lib/home-component/home.component.js +11 -25
  7. package/dist/lib/navigation/navigation.component.d.ts.map +1 -1
  8. package/dist/lib/navigation/navigation.component.js +20 -15
  9. package/dist/lib/resource-wrappers/record-resource.component.js +5 -4
  10. package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +17 -16
  11. package/dist/lib/single-dashboard/Components/delete-item/delete-item.component.js +3 -3
  12. package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js +2 -2
  13. package/dist/lib/single-entity/single-entity.component.js +20 -22
  14. package/dist/lib/user-notifications/user-notifications.component.js +2 -2
  15. package/package.json +16 -16
package/dist/lib/navigation/navigation.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}
package/dist/lib/navigation/navigation.component.js CHANGED
@@ -43,14 +43,11 @@ function NavigationComponent_kendo_drawer_container_3_div_3_Template(rf, ctx) {
43
43
  i0.ɵɵadvance();
44
44
  i0.ɵɵproperty("items", ctx_r5.panelItems);
45
45
  } }
46
- function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_1_Template(rf, ctx) { if (rf & 1) {
47
- i0.ɵɵelement(0, "kendo-svgicon", 17);
48
- } if (rf & 2) {
49
- const ctx_r11 = i0.ɵɵnextContext(3);
50
- i0.ɵɵproperty("icon", ctx_r11.sharedService.kendoSVGIcon("clock"));
46
+ function NavigationComponent_kendo_drawer_container_3_mj_tab_11_span_1_Template(rf, ctx) { if (rf & 1) {
47
+ i0.ɵɵelement(0, "span", 18);
51
48
  } }
52
49
  function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template(rf, ctx) { if (rf & 1) {
53
- i0.ɵɵelement(0, "kendo-svgicon", 17);
50
+ i0.ɵɵelement(0, "kendo-svgicon", 19);
54
51
  } if (rf & 2) {
55
52
  const tab_r9 = i0.ɵɵnextContext().$implicit;
56
53
  const ctx_r12 = i0.ɵɵnextContext(2);
@@ -58,7 +55,7 @@ function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_
58
55
  } }
59
56
  function NavigationComponent_kendo_drawer_container_3_mj_tab_11_Template(rf, ctx) { if (rf & 1) {
60
57
  i0.ɵɵelementStart(0, "mj-tab", 12);
61
- i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_1_Template, 1, 1, "kendo-svgicon", 16)(2, NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template, 1, 1, "kendo-svgicon", 16);
58
+ i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_mj_tab_11_span_1_Template, 1, 0, "span", 16)(2, NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template, 1, 1, "kendo-svgicon", 17);
62
59
  i0.ɵɵtext(3);
63
60
  i0.ɵɵelementEnd();
64
61
  } if (rf & 2) {
@@ -73,7 +70,7 @@ function NavigationComponent_kendo_drawer_container_3_mj_tab_11_Template(rf, ctx
73
70
  } }
74
71
  function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template(rf, ctx) { if (rf & 1) {
75
72
  const _r17 = i0.ɵɵgetCurrentView();
76
- i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 18);
73
+ i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 20);
77
74
  i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template_mj_resource_ResourceRecordSaved_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const tab_r14 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.SaveSingleWorkspaceItem(tab_r14)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template_mj_resource_ContentLoadingStarted_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const tab_r14 = restoredCtx.$implicit; const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.setTabContentLoadingStatus(tab_r14, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template_mj_resource_ContentLoadingComplete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const tab_r14 = restoredCtx.$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.setTabContentLoadingStatus(tab_r14, false)); });
78
75
  i0.ɵɵelementEnd()();
79
76
  } if (rf & 2) {
@@ -114,15 +111,15 @@ function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf
114
111
  } }
115
112
  function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
116
113
  const _r26 = i0.ɵɵgetCurrentView();
117
- i0.ɵɵelementStart(0, "div", 19)(1, "div", 20);
114
+ i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
118
115
  i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r25.handleContextMenuOption(1)); });
119
116
  i0.ɵɵtext(2, "Close All");
120
117
  i0.ɵɵelementEnd();
121
- i0.ɵɵelementStart(3, "div", 20);
118
+ i0.ɵɵelementStart(3, "div", 22);
122
119
  i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.handleContextMenuOption(2)); });
123
120
  i0.ɵɵtext(4, "Close Others");
124
121
  i0.ɵɵelementEnd();
125
- i0.ɵɵelementStart(5, "div", 20);
122
+ i0.ɵɵelementStart(5, "div", 22);
126
123
  i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r26); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.handleContextMenuOption(3)); });
127
124
  i0.ɵɵtext(6, "Close Tabs to the Right");
128
125
  i0.ɵɵelementEnd()();
@@ -652,7 +649,15 @@ export class NavigationComponent {
652
649
  const queryParams = new URLSearchParams(existingQuery);
653
650
  // Your cached query params, assuming it's an object like { key1: 'value1', key2: 'value2' }
654
651
  const tabIndex = this.tabs.indexOf(tab) + 1; // we add 1 Because the HOME tab is not in the array so we have to offset by 1 here for our data structure
655
- const cachedQueryParams = this.tabQueryParams['tab_' + tabIndex]; // Replace with your actual method to get cached params
652
+ let cachedQueryParams = this.tabQueryParams['tab_' + tabIndex]; // Replace with your actual method to get cached params
653
+ if (!cachedQueryParams) {
654
+ // there is a case when we are first loading and cached query params might have been stuffed into a 'tab_-1' key because at the time activeTabIndex wasn't yet known. So we need to check for that
655
+ cachedQueryParams = this.tabQueryParams['tab_-1'];
656
+ if (cachedQueryParams) {
657
+ delete this.tabQueryParams['tab_-1']; // remove it from the -1 key
658
+ this.tabQueryParams['tab_' + tabIndex] = cachedQueryParams; // stuff it into the correct key
659
+ }
660
+ }
656
661
  if (cachedQueryParams) {
657
662
  // Merge cached query params if they don't already exist in the URL
658
663
  const keys = Object.keys(cachedQueryParams);
@@ -1047,7 +1052,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
1047
1052
  i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
1048
1053
  } if (rf & 2) {
1049
1054
  i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
1050
- } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [3, "TabCloseable", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [3, "items"], [3, "icon", 4, "ngIf"], [3, "icon"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
1055
+ } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [3, "TabCloseable", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [3, "items"], ["class", "fa-regular fa-clock", 4, "ngIf"], [3, "icon", 4, "ngIf"], [1, "fa-regular", "fa-clock"], [3, "icon"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
1051
1056
  i0.ɵɵelementStart(0, "div", 0, 1);
1052
1057
  i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 13, 9, "kendo-drawer-container", 3);
1053
1058
  i0.ɵɵelement(4, "mj-skip-button", 4);
@@ -1064,7 +1069,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
1064
1069
  } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.SVGIconComponent, i7.FillContainer, i8.DrawerComponent, i8.DrawerContainerComponent, i8.DrawerContentComponent, i9.SkipButtonComponent, i10.MJTabStripComponent, i10.MJTabBodyComponent, i10.MJTabComponent, i11.ResourceContainerComponent, i12.ExpansionPanelComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu[_ngcontent-%COMP%] {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%] {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%]:hover {\r\n background-color: #f1f1f1;\r\n}\r\n .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource[_ngcontent-%COMP%] {\r\n display: block;\r\n}"] });
1065
1070
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
1066
1071
  type: Component,
1067
- args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n\r\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\r\n <mj-tab [TabCloseable]=\"false\">\r\n Home\r\n </mj-tab>\r\n <mj-tab-body>\r\n <router-outlet></router-outlet>\r\n </mj-tab-body>\r\n\r\n <mj-tab *ngFor=\"let tab of tabs;let i = index\" [TabCloseable]=\"true\">\r\n <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\"></kendo-svgicon>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\"></kendo-svgicon> \r\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\r\n </mj-tab>\r\n <mj-tab-body *ngFor=\"let tab of tabs;let i = index\">\r\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n mjFillContainer\r\n class=\"tab-resource\"\r\n ></mj-resource>\r\n </mj-tab-body>\r\n </mj-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource {\r\n display: block;\r\n}"] }]
1072
+ args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n\r\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\r\n <mj-tab [TabCloseable]=\"false\">\r\n Home\r\n </mj-tab>\r\n <mj-tab-body>\r\n <router-outlet></router-outlet>\r\n </mj-tab-body>\r\n\r\n <mj-tab *ngFor=\"let tab of tabs;let i = index\" [TabCloseable]=\"true\">\r\n <span *ngIf=\"tab?.contentLoading\" class=\"fa-regular fa-clock\"></span>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\"></kendo-svgicon> \r\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\r\n </mj-tab>\r\n <mj-tab-body *ngFor=\"let tab of tabs;let i = index\">\r\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n mjFillContainer\r\n class=\"tab-resource\"\r\n ></mj-resource>\r\n </mj-tab-body>\r\n </mj-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource {\r\n display: block;\r\n}"] }]
1068
1073
  }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
1069
1074
  type: Input
1070
1075
  }], isMobileScreen: [{
@@ -1089,4 +1094,4 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
1089
1094
  type: HostListener,
1090
1095
  args: ['document:click']
1091
1096
  }] }); })();
1092
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src\\lib\\navigation\\navigation.component.ts", lineNumber: 31 }); })();
1097
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src\\lib\\navigation\\navigation.component.ts", lineNumber: 32 }); })();
package/dist/lib/resource-wrappers/record-resource.component.js CHANGED
@@ -20,7 +20,8 @@ import { RegisterClass } from '@memberjunction/global';
20
20
  import { Metadata } from '@memberjunction/core';
21
21
  import { SharedService } from '@memberjunction/ng-shared';
22
22
  import * as i0 from "@angular/core";
23
- import * as i1 from "../single-record/single-record.component";
23
+ import * as i1 from "@memberjunction/ng-container-directives";
24
+ import * as i2 from "../single-record/single-record.component";
24
25
  export function LoadRecordResource() {
25
26
  const test = new EntityRecordResource(); // this looks really dumb. Thing is, in production builds, tree shaking causes the class below to not be included in the bundle. This is a hack to force it to be included.
26
27
  }
@@ -51,13 +52,13 @@ let EntityRecordResource = EntityRecordResource_1 = class EntityRecordResource e
51
52
  }
52
53
  };
53
54
  EntityRecordResource.ɵfac = /*@__PURE__*/ (() => { let ɵEntityRecordResource_BaseFactory; return function EntityRecordResource_Factory(t) { return (ɵEntityRecordResource_BaseFactory || (ɵEntityRecordResource_BaseFactory = i0.ɵɵgetInheritedFactory(EntityRecordResource)))(t || EntityRecordResource); }; })();
54
- EntityRecordResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRecordResource, selectors: [["mj-record-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 2, consts: [[3, "primaryKeyValues", "entityName", "loadComplete"]], template: function EntityRecordResource_Template(rf, ctx) { if (rf & 1) {
55
+ EntityRecordResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EntityRecordResource, selectors: [["mj-record-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 2, consts: [["mjFillContainer", "", 3, "primaryKeyValues", "entityName", "loadComplete"]], template: function EntityRecordResource_Template(rf, ctx) { if (rf & 1) {
55
56
  i0.ɵɵelementStart(0, "mj-single-record", 0);
56
57
  i0.ɵɵlistener("loadComplete", function EntityRecordResource_Template_mj_single_record_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); });
57
58
  i0.ɵɵelementEnd();
58
59
  } if (rf & 2) {
59
60
  i0.ɵɵproperty("primaryKeyValues", ctx.primaryKeyValues)("entityName", ctx.Data.Configuration.Entity);
60
- } }, dependencies: [i1.SingleRecordComponent], encapsulation: 2 });
61
+ } }, dependencies: [i1.FillContainer, i2.SingleRecordComponent], encapsulation: 2 });
61
62
  EntityRecordResource = EntityRecordResource_1 = __decorate([
62
63
  RegisterClass(BaseResourceComponent, 'Records')
63
64
  ], EntityRecordResource);
@@ -66,7 +67,7 @@ export { EntityRecordResource };
66
67
  type: Component,
67
68
  args: [{
68
69
  selector: 'mj-record-resource',
69
- template: `<mj-single-record [primaryKeyValues]="this.primaryKeyValues" [entityName]="Data.Configuration.Entity" (loadComplete)="NotifyLoadComplete()"></mj-single-record>`
70
+ template: `<mj-single-record [primaryKeyValues]="this.primaryKeyValues" [entityName]="Data.Configuration.Entity" (loadComplete)="NotifyLoadComplete()" mjFillContainer></mj-single-record>`
70
71
  }]
71
72
  }], null, null); })();
72
73
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EntityRecordResource, { className: "EntityRecordResource", filePath: "src\\lib\\resource-wrappers\\record-resource.component.ts", lineNumber: 16 }); })();
package/dist/lib/single-dashboard/Components/add-item/add-item.component.js CHANGED
@@ -22,9 +22,9 @@ import * as i6 from "@progress/kendo-angular-label";
22
22
  import * as i7 from "@progress/kendo-angular-dropdowns";
23
23
  function AddItemComponent_ng_container_7_kendo_label_4_Template(rf, ctx) { if (rf & 1) {
24
24
  const _r5 = i0.ɵɵgetCurrentView();
25
- i0.ɵɵelementStart(0, "kendo-label", 14);
25
+ i0.ɵɵelementStart(0, "kendo-label", 15);
26
26
  i0.ɵɵelement(1, "br");
27
- i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
27
+ i0.ɵɵelementStart(2, "kendo-dropdownlist", 12);
28
28
  i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onViewChange($event)); });
29
29
  i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r6 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r6.selectedView, $event) || (ctx_r6.selectedView = $event); return i0.ɵɵresetView($event); });
30
30
  i0.ɵɵelementEnd()();
@@ -35,18 +35,18 @@ function AddItemComponent_ng_container_7_kendo_label_4_Template(rf, ctx) { if (r
35
35
  i0.ɵɵtwoWayProperty("ngModel", ctx_r2.selectedView);
36
36
  } }
37
37
  function AddItemComponent_ng_container_7_kendo_loader_5_Template(rf, ctx) { if (rf & 1) {
38
- i0.ɵɵelement(0, "kendo-loader", 15);
38
+ i0.ɵɵelement(0, "kendo-loader", 16);
39
39
  } }
40
40
  function AddItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
41
41
  const _r8 = i0.ɵɵgetCurrentView();
42
42
  i0.ɵɵelementContainerStart(0);
43
- i0.ɵɵelementStart(1, "kendo-label", 10);
43
+ i0.ɵɵelementStart(1, "kendo-label", 11);
44
44
  i0.ɵɵelement(2, "br");
45
- i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
45
+ i0.ɵɵelementStart(3, "kendo-dropdownlist", 12);
46
46
  i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onEntityChange($event)); });
47
47
  i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r9.selectedEntity, $event) || (ctx_r9.selectedEntity = $event); return i0.ɵɵresetView($event); });
48
48
  i0.ɵɵelementEnd()();
49
- i0.ɵɵtemplate(4, AddItemComponent_ng_container_7_kendo_label_4_Template, 3, 4, "kendo-label", 12)(5, AddItemComponent_ng_container_7_kendo_loader_5_Template, 1, 0, "kendo-loader", 13);
49
+ i0.ɵɵtemplate(4, AddItemComponent_ng_container_7_kendo_label_4_Template, 3, 4, "kendo-label", 13)(5, AddItemComponent_ng_container_7_kendo_loader_5_Template, 1, 0, "kendo-loader", 14);
50
50
  i0.ɵɵelementContainerEnd();
51
51
  } if (rf & 2) {
52
52
  const ctx_r0 = i0.ɵɵnextContext();
@@ -60,9 +60,9 @@ function AddItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
60
60
  } }
61
61
  function AddItemComponent_ng_container_8_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
62
62
  const _r13 = i0.ɵɵgetCurrentView();
63
- i0.ɵɵelementStart(0, "kendo-label", 17);
63
+ i0.ɵɵelementStart(0, "kendo-label", 18);
64
64
  i0.ɵɵelement(1, "br");
65
- i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
65
+ i0.ɵɵelementStart(2, "kendo-dropdownlist", 12);
66
66
  i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.onViewChange($event)); });
67
67
  i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r14.selectedReport, $event) || (ctx_r14.selectedReport = $event); return i0.ɵɵresetView($event); });
68
68
  i0.ɵɵelementEnd()();
@@ -73,11 +73,11 @@ function AddItemComponent_ng_container_8_kendo_label_1_Template(rf, ctx) { if (r
73
73
  i0.ɵɵtwoWayProperty("ngModel", ctx_r10.selectedReport);
74
74
  } }
75
75
  function AddItemComponent_ng_container_8_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
76
- i0.ɵɵelement(0, "kendo-loader", 15);
76
+ i0.ɵɵelement(0, "kendo-loader", 16);
77
77
  } }
78
78
  function AddItemComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
79
79
  i0.ɵɵelementContainerStart(0);
80
- i0.ɵɵtemplate(1, AddItemComponent_ng_container_8_kendo_label_1_Template, 3, 4, "kendo-label", 16)(2, AddItemComponent_ng_container_8_kendo_loader_2_Template, 1, 0, "kendo-loader", 13);
80
+ i0.ɵɵtemplate(1, AddItemComponent_ng_container_8_kendo_label_1_Template, 3, 4, "kendo-label", 17)(2, AddItemComponent_ng_container_8_kendo_loader_2_Template, 1, 0, "kendo-loader", 14);
81
81
  i0.ɵɵelementContainerEnd();
82
82
  } if (rf & 2) {
83
83
  const ctx_r1 = i0.ɵɵnextContext();
@@ -173,7 +173,7 @@ export class AddItemComponent {
173
173
  }
174
174
  }
175
175
  AddItemComponent.ɵfac = function AddItemComponent_Factory(t) { return new (t || AddItemComponent)(); };
176
- AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 14, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", "icon", "save", 3, "click"], ["themeColor", "info", "kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
176
+ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 15, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 3, "click"], [1, "fa-solid", "fa-check"], ["themeColor", "info", "kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
177
177
  i0.ɵɵelement(0, "div", 0);
178
178
  i0.ɵɵelementStart(1, "kendo-window", 1);
179
179
  i0.ɵɵlistener("close", function AddItemComponent_Template_kendo_window_close_1_listener() { return ctx.closeDialog(); });
@@ -188,11 +188,12 @@ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemCom
188
188
  i0.ɵɵelementEnd()();
189
189
  i0.ɵɵelementStart(9, "div", 7)(10, "button", 8);
190
190
  i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_10_listener() { return ctx.addItem(); });
191
- i0.ɵɵtext(11, " Add ");
191
+ i0.ɵɵelement(11, "span", 9);
192
+ i0.ɵɵtext(12, " Add ");
192
193
  i0.ɵɵelementEnd();
193
- i0.ɵɵelementStart(12, "button", 9);
194
- i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_12_listener() { return ctx.closeDialog(); });
195
- i0.ɵɵtext(13, "Cancel");
194
+ i0.ɵɵelementStart(13, "button", 10);
195
+ i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_13_listener() { return ctx.closeDialog(); });
196
+ i0.ɵɵtext(14, "Cancel");
196
197
  i0.ɵɵelementEnd()()();
197
198
  } if (rf & 2) {
198
199
  i0.ɵɵadvance();
@@ -209,7 +210,7 @@ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemCom
209
210
  } }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.LoaderComponent, i5.ButtonComponent, i6.LabelComponent, i7.DropDownListComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap[_ngcontent-%COMP%] {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] });
210
211
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
211
212
  type: Component,
212
- args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n title=\"Add Item to Dashboard\">\r\n <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n <kendo-label text=\"Resource Type\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\" [subtitle]=\"'sdfsdf'\"\r\n (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n <ng-container *ngSwitchCase=\"'User Views'\">\r\n <kendo-label text=\"Entity\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'Reports'\">\r\n <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"k-actions k-actions-end popup-actions customBtn\">\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton icon=\"save\" (click)=\"addItem()\">\r\n Add\r\n </button>\r\n <button themeColor=\"info\" kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] }]
213
+ args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n title=\"Add Item to Dashboard\">\r\n <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n <kendo-label text=\"Resource Type\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\" [subtitle]=\"'sdfsdf'\"\r\n (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n <ng-container *ngSwitchCase=\"'User Views'\">\r\n <kendo-label text=\"Entity\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'Reports'\">\r\n <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"k-actions k-actions-end popup-actions customBtn\">\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"addItem()\">\r\n <span class=\"fa-solid fa-check\"></span> Add\r\n </button>\r\n <button themeColor=\"info\" kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] }]
213
214
  }], () => [], { onClose: [{
214
215
  type: Output
215
216
  }], selectedResource: [{
package/dist/lib/single-dashboard/Components/delete-item/delete-item.component.js CHANGED
@@ -23,7 +23,7 @@ export class DeleteItemComponent {
23
23
  }
24
24
  }
25
25
  DeleteItemComponent.ɵfac = function DeleteItemComponent_Factory(t) { return new (t || DeleteItemComponent)(); };
26
- DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { dashboardItem: "dashboardItem" }, outputs: { onClose: "onClose", removeDashboardItem: "removeDashboardItem" }, decls: 13, vars: 1, consts: [[1, "modal-body-wrap", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "k-icon", "k-i-check"], ["kendoButton", "", 3, "click"], [1, "k-icon", "k-i-close"]], template: function DeleteItemComponent_Template(rf, ctx) { if (rf & 1) {
26
+ DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { dashboardItem: "dashboardItem" }, outputs: { onClose: "onClose", removeDashboardItem: "removeDashboardItem" }, decls: 13, vars: 1, consts: [[1, "modal-body-wrap", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-check"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-xmark"]], template: function DeleteItemComponent_Template(rf, ctx) { if (rf & 1) {
27
27
  i0.ɵɵelementStart(0, "kendo-dialog", 0);
28
28
  i0.ɵɵlistener("close", function DeleteItemComponent_Template_kendo_dialog_close_0_listener() { return ctx.closeDialog(); });
29
29
  i0.ɵɵelementStart(1, "p", 1);
@@ -41,7 +41,7 @@ DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteI
41
41
  i0.ɵɵelementStart(10, "button", 5);
42
42
  i0.ɵɵlistener("click", function DeleteItemComponent_Template_button_click_10_listener() { return ctx.closeDialog(); });
43
43
  i0.ɵɵelement(11, "span", 6);
44
- i0.ɵɵtext(12, " No");
44
+ i0.ɵɵtext(12, " No ");
45
45
  i0.ɵɵelementEnd()()();
46
46
  } if (rf & 2) {
47
47
  i0.ɵɵadvance(4);
@@ -49,7 +49,7 @@ DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteI
49
49
  } }, dependencies: [i1.DialogComponent, i2.ButtonComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n }\r\n .resource-wrap[_ngcontent-%COMP%] {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .user-view-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n }"] });
50
50
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteItemComponent, [{
51
51
  type: Component,
52
- args: [{ selector: 'app-delete-item-dialog', template: "<kendo-dialog class=\"modal-body-wrap\" (close)=\"closeDialog()\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"confirmDeleteItem()\" themeColor=\"primary\">\r\n <span class=\"k-icon k-i-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"closeDialog()\"><span class=\"k-icon k-i-close\"></span> No</button>\r\n </div>\r\n</kendo-dialog>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n ::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n }\r\n .resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n ::ng-deep .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n ::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n }\r\n "] }]
52
+ args: [{ selector: 'app-delete-item-dialog', template: "<kendo-dialog class=\"modal-body-wrap\" (close)=\"closeDialog()\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"confirmDeleteItem()\" themeColor=\"primary\">\r\n <span class=\"fa-solid fa-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"closeDialog()\">\r\n <span class=\"fa-solid fa-xmark\"></span> No\r\n </button>\r\n </div>\r\n</kendo-dialog>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n ::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n }\r\n .resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n ::ng-deep .resource-wrap .k-label {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n ::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n }\r\n "] }]
53
53
  }], null, { onClose: [{
54
54
  type: Output
55
55
  }], removeDashboardItem: [{
package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js CHANGED
@@ -116,7 +116,7 @@ export class EditDashboardComponent {
116
116
  }
117
117
  }
118
118
  EditDashboardComponent.ɵfac = function EditDashboardComponent_Factory(t) { return new (t || EditDashboardComponent)(); };
119
- EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditDashboardComponent, selectors: [["app-edit-dashboard"]], inputs: { editMode: "editMode", config: "config", items: "items" }, outputs: { onSave: "onSave", onClose: "onClose", triggerAddItem: "triggerAddItem" }, decls: 18, vars: 13, consts: [[1, "k-overlay"], ["title", "Customize Dashboard", 1, "kendo-window-hide-restore", 3, "width", "minHeight", "minWidth", "resizable", "state", "close"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full", "custom-dialog-body"], [1, "dialog-content"], [1, "dialog-actions"], ["themeColor", "primary", 1, "k-m-2", 3, "data", "textField", "itemClick"], [1, "k-icon", "k-i-plus"], [3, "columns", "rowHeight", "resizable", "reorderable", "resize", "reorder"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [1, "dialog-footer"], [1, "k-card-footer", "!k-border-none"], [3, "click"], [1, "k-icon", "k-i-close"], [3, "primary", "click"], [1, "k-icon", "k-i-check"], [3, "col", "colSpan", "rowSpan", "id"], [1, "k-float-right", 3, "click"]], template: function EditDashboardComponent_Template(rf, ctx) { if (rf & 1) {
119
+ EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditDashboardComponent, selectors: [["app-edit-dashboard"]], inputs: { editMode: "editMode", config: "config", items: "items" }, outputs: { onSave: "onSave", onClose: "onClose", triggerAddItem: "triggerAddItem" }, decls: 18, vars: 13, consts: [[1, "k-overlay"], ["title", "Customize Dashboard", 1, "kendo-window-hide-restore", 3, "width", "minHeight", "minWidth", "resizable", "state", "close"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full", "custom-dialog-body"], [1, "dialog-content"], [1, "dialog-actions"], ["themeColor", "primary", 1, "k-m-2", 3, "data", "textField", "itemClick"], [1, "fa-solid", "fa-plus"], [3, "columns", "rowHeight", "resizable", "reorderable", "resize", "reorder"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [1, "dialog-footer"], [1, "k-card-footer", "!k-border-none"], [3, "click"], [1, "fa-solid", "fa-xmark"], [3, "primary", "click"], [1, "fa-solid", "fa-check"], [3, "col", "colSpan", "rowSpan", "id"], [1, "k-float-right", 3, "click"]], template: function EditDashboardComponent_Template(rf, ctx) { if (rf & 1) {
120
120
  i0.ɵɵelement(0, "div", 0);
121
121
  i0.ɵɵelementStart(1, "kendo-window", 1);
122
122
  i0.ɵɵlistener("close", function EditDashboardComponent_Template_kendo_window_close_1_listener($event) { return ctx.closeDialog($event); });
@@ -153,7 +153,7 @@ EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Edit
153
153
  } }, dependencies: [i1.NgForOf, i2.WindowComponent, i3.ButtonComponent, i3.DropDownButtonComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent], styles: [".dialog-content[_ngcontent-%COMP%] .dialog-actions[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.dialog-footer[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n width: auto;\r\n height: 40px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n background: #FFF;\r\n padding: 8px 16px;\r\n}\r\n.custom-dialog-body[_ngcontent-%COMP%] {\r\nflex: 1;\r\n}\r\n.custom-dialog-body[_ngcontent-%COMP%] .dialog-content[_ngcontent-%COMP%] {\r\n flex: 1;\r\n overflow: auto;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n}\r\n.dialog-footer[_ngcontent-%COMP%] .k-card-footer[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0;\r\n}\r\n .kendo-window-hide-restore .k-window-content {\r\n padding: 0;\r\n}\r\n.custom-dialog-body[_ngcontent-%COMP%] .dialog-content[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\r\n background: #fff;\r\n}"] });
154
154
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditDashboardComponent, [{
155
155
  type: Component,
156
- args: [{ selector: 'app-edit-dashboard', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window \r\n class=\"kendo-window-hide-restore\"\r\n [width]=\"500\" \r\n [minHeight]=\"300\" \r\n [minWidth]=\"400\" \r\n [resizable]=\"true\" \r\n (close)=\"closeDialog($event)\"\r\n [state]=\"'maximized'\" \r\n title=\"Customize Dashboard\">\r\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full custom-dialog-body\">\r\n <div class=\"dialog-content \">\r\n <div class=\"dialog-actions\">\r\n <kendo-dropdownbutton class=\"k-m-2\" themeColor=\"primary\" [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" (itemClick)=\"onItemSelect($event)\">\r\n <span class=\"k-icon k-i-plus\"></span> Add item\r\n </kendo-dropdownbutton>\r\n </div>\r\n <kendo-tilelayout\r\n [columns]=\"config.columns\"\r\n [rowHeight]=\"config.rowHeight\"\r\n [resizable]=\"true\"\r\n [reorderable]=\"true\"\r\n (resize)=\"onResize($event)\"\r\n (reorder)=\"onReorder($event)\"\r\n >\r\n <kendo-tilelayout-item *ngFor=\"let item of _items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n <kendo-tilelayout-item-header>\r\n {{item.title}}\r\n <kendo-button class=\"k-float-right\" (click)=\"removeItem(item)\">X</kendo-button>\r\n </kendo-tilelayout-item-header>\r\n <kendo-tilelayout-item-body>\r\n <!-- <div class=\"overlay\"></div> -->\r\n <!-- <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"false\"></app-resource> -->\r\n </kendo-tilelayout-item-body>\r\n </kendo-tilelayout-item>\r\n </kendo-tilelayout>\r\n \r\n </div>\r\n <div class=\"dialog-footer\">\r\n <div class=\"k-card-footer !k-border-none\">\r\n <kendo-button (click)=\"closeDialog($event)\" >\r\n <span class=\"k-icon k-i-close\"></span>\r\n Cancel\r\n </kendo-button>\r\n <kendo-button (click)=\"saveChanges()\" [primary]=\"true\" >\r\n <span class=\"k-icon k-i-check\"></span>\r\n Save\r\n </kendo-button>\r\n </div>\r\n </div>\r\n </div>\r\n</kendo-window>", styles: [".dialog-content .dialog-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.dialog-footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n width: auto;\r\n height: 40px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n background: #FFF;\r\n padding: 8px 16px;\r\n}\r\n.custom-dialog-body {\r\nflex: 1;\r\n}\r\n.custom-dialog-body .dialog-content {\r\n flex: 1;\r\n overflow: auto;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n}\r\n.dialog-footer .k-card-footer {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0;\r\n}\r\n::ng-deep .kendo-window-hide-restore .k-window-content {\r\n padding: 0;\r\n}\r\n.custom-dialog-body .dialog-content .k-tilelayout {\r\n background: #fff;\r\n}"] }]
156
+ args: [{ selector: 'app-edit-dashboard', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window \r\n class=\"kendo-window-hide-restore\"\r\n [width]=\"500\" \r\n [minHeight]=\"300\" \r\n [minWidth]=\"400\" \r\n [resizable]=\"true\" \r\n (close)=\"closeDialog($event)\"\r\n [state]=\"'maximized'\" \r\n title=\"Customize Dashboard\">\r\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full custom-dialog-body\">\r\n <div class=\"dialog-content \">\r\n <div class=\"dialog-actions\">\r\n <kendo-dropdownbutton class=\"k-m-2\" themeColor=\"primary\" [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" (itemClick)=\"onItemSelect($event)\">\r\n <span class=\"fa-solid fa-plus\"></span> Add item\r\n </kendo-dropdownbutton>\r\n </div>\r\n <kendo-tilelayout\r\n [columns]=\"config.columns\"\r\n [rowHeight]=\"config.rowHeight\"\r\n [resizable]=\"true\"\r\n [reorderable]=\"true\"\r\n (resize)=\"onResize($event)\"\r\n (reorder)=\"onReorder($event)\"\r\n >\r\n <kendo-tilelayout-item *ngFor=\"let item of _items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n <kendo-tilelayout-item-header>\r\n {{item.title}}\r\n <kendo-button class=\"k-float-right\" (click)=\"removeItem(item)\">X</kendo-button>\r\n </kendo-tilelayout-item-header>\r\n <kendo-tilelayout-item-body>\r\n <!-- <div class=\"overlay\"></div> -->\r\n <!-- <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"false\"></app-resource> -->\r\n </kendo-tilelayout-item-body>\r\n </kendo-tilelayout-item>\r\n </kendo-tilelayout>\r\n \r\n </div>\r\n <div class=\"dialog-footer\">\r\n <div class=\"k-card-footer !k-border-none\">\r\n <kendo-button (click)=\"closeDialog($event)\" >\r\n <span class=\"fa-solid fa-xmark\"></span>\r\n Cancel\r\n </kendo-button>\r\n <kendo-button (click)=\"saveChanges()\" [primary]=\"true\" >\r\n <span class=\"fa-solid fa-check\"></span>\r\n Save\r\n </kendo-button>\r\n </div>\r\n </div>\r\n </div>\r\n</kendo-window>", styles: [".dialog-content .dialog-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.dialog-footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n width: auto;\r\n height: 40px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n background: #FFF;\r\n padding: 8px 16px;\r\n}\r\n.custom-dialog-body {\r\nflex: 1;\r\n}\r\n.custom-dialog-body .dialog-content {\r\n flex: 1;\r\n overflow: auto;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n}\r\n.dialog-footer .k-card-footer {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0;\r\n}\r\n::ng-deep .kendo-window-hide-restore .k-window-content {\r\n padding: 0;\r\n}\r\n.custom-dialog-body .dialog-content .k-tilelayout {\r\n background: #fff;\r\n}"] }]
157
157
  }], null, { onSave: [{
158
158
  type: Output
159
159
  }], onClose: [{
package/dist/lib/single-entity/single-entity.component.js CHANGED
@@ -28,21 +28,21 @@ function SingleEntityComponent_kendo_loader_13_Template(rf, ctx) { if (rf & 1) {
28
28
  function SingleEntityComponent_div_14_div_1_Template(rf, ctx) { if (rf & 1) {
29
29
  const _r6 = i0.ɵɵgetCurrentView();
30
30
  i0.ɵɵelementStart(0, "div")(1, "kendo-card", 14)(2, "kendo-card-header", 15);
31
- i0.ɵɵelement(3, "kendo-svgicon", 5);
32
- i0.ɵɵelementStart(4, "div", 16)(5, "button", 17);
31
+ i0.ɵɵelement(3, "kendo-svgicon", 16);
32
+ i0.ɵɵelementStart(4, "div", 17)(5, "button", 18);
33
33
  i0.ɵɵlistener("click", function SingleEntityComponent_div_14_div_1_Template_button_click_5_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const entity_r4 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.editView(entity_r4)); });
34
- i0.ɵɵelement(6, "span", 18);
34
+ i0.ɵɵelement(6, "span", 19);
35
35
  i0.ɵɵelementEnd();
36
- i0.ɵɵelementStart(7, "button", 17);
36
+ i0.ɵɵelementStart(7, "button", 18);
37
37
  i0.ɵɵlistener("click", function SingleEntityComponent_div_14_div_1_Template_button_click_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const entity_r4 = restoredCtx.$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.handleDeleteView(entity_r4)); });
38
- i0.ɵɵelement(8, "span", 19);
38
+ i0.ɵɵelement(8, "span", 20);
39
39
  i0.ɵɵelementEnd()()();
40
- i0.ɵɵelementStart(9, "kendo-card-body", 20);
40
+ i0.ɵɵelementStart(9, "kendo-card-body", 21);
41
41
  i0.ɵɵlistener("click", function SingleEntityComponent_div_14_div_1_Template_kendo_card_body_click_9_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const entity_r4 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.viewItemClick(entity_r4)); });
42
- i0.ɵɵelementStart(10, "div", 21)(11, "h5", 22);
42
+ i0.ɵɵelementStart(10, "div", 22)(11, "h5", 23);
43
43
  i0.ɵɵtext(12);
44
44
  i0.ɵɵelementEnd();
45
- i0.ɵɵelementStart(13, "p", 23);
45
+ i0.ɵɵelementStart(13, "p", 24);
46
46
  i0.ɵɵtext(14);
47
47
  i0.ɵɵelementEnd()()()()();
48
48
  } if (rf & 2) {
@@ -69,25 +69,25 @@ function SingleEntityComponent_kendo_dialog_15_kendo_loader_1_Template(rf, ctx)
69
69
  } }
70
70
  function SingleEntityComponent_kendo_dialog_15_Template(rf, ctx) { if (rf & 1) {
71
71
  const _r11 = i0.ɵɵgetCurrentView();
72
- i0.ɵɵelementStart(0, "kendo-dialog", 24);
72
+ i0.ɵɵelementStart(0, "kendo-dialog", 25);
73
73
  i0.ɵɵlistener("close", function SingleEntityComponent_kendo_dialog_15_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.handleDeleteView()); });
74
74
  i0.ɵɵtemplate(1, SingleEntityComponent_kendo_dialog_15_kendo_loader_1_Template, 1, 0, "kendo-loader", 8);
75
- i0.ɵɵelementStart(2, "div")(3, "p", 25);
75
+ i0.ɵɵelementStart(2, "div")(3, "p", 26);
76
76
  i0.ɵɵtext(4, " Are you sure you want to delete ");
77
77
  i0.ɵɵelementStart(5, "b");
78
78
  i0.ɵɵtext(6);
79
79
  i0.ɵɵelementEnd();
80
80
  i0.ɵɵtext(7, " View? ");
81
81
  i0.ɵɵelementEnd();
82
- i0.ɵɵelementStart(8, "div", 26)(9, "button", 27);
82
+ i0.ɵɵelementStart(8, "div", 27)(9, "button", 28);
83
83
  i0.ɵɵlistener("click", function SingleEntityComponent_kendo_dialog_15_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.deleteView()); });
84
- i0.ɵɵelement(10, "span", 28);
84
+ i0.ɵɵelement(10, "span", 29);
85
85
  i0.ɵɵtext(11, " Yes ");
86
86
  i0.ɵɵelementEnd();
87
87
  i0.ɵɵelementStart(12, "button", 4);
88
88
  i0.ɵɵlistener("click", function SingleEntityComponent_kendo_dialog_15_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r11); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.handleDeleteView()); });
89
- i0.ɵɵelement(13, "span", 29);
90
- i0.ɵɵtext(14, " No");
89
+ i0.ɵɵelement(13, "span", 30);
90
+ i0.ɵɵtext(14, " No ");
91
91
  i0.ɵɵelementEnd()()()();
92
92
  } if (rf & 2) {
93
93
  const ctx_r2 = i0.ɵɵnextContext();
@@ -211,7 +211,7 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
211
211
  } if (rf & 2) {
212
212
  let _t;
213
213
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewPropertiesDialog = _t.first);
214
- } }, decls: 16, vars: 8, consts: [[1, "card-container", "entity-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "k-icon", "k-i-information"], ["kendoButton", "", 3, "click"], [3, "icon"], [3, "EntityName", "ShowPropertiesButton", "dialogClosed"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["title", "Delete View", 3, "close", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper"], [1, "k-hstack", "view-card"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["title", "Delete View", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "k-icon", "k-i-check"], [1, "k-icon", "k-i-close"]], template: function SingleEntityComponent_Template(rf, ctx) { if (rf & 1) {
214
+ } }, decls: 16, vars: 7, consts: [[1, "card-container", "entity-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "fa-solid", "fa-circle-info"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "EntityName", "ShowPropertiesButton", "dialogClosed"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["title", "Delete View", 3, "close", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper"], [1, "k-hstack", "view-card"], [3, "icon"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-regular", "fa-trash-can"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["title", "Delete View", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"]], template: function SingleEntityComponent_Template(rf, ctx) { if (rf & 1) {
215
215
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
216
216
  i0.ɵɵtext(4);
217
217
  i0.ɵɵelementEnd();
@@ -221,8 +221,8 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
221
221
  i0.ɵɵelementEnd()();
222
222
  i0.ɵɵelementStart(8, "button", 4);
223
223
  i0.ɵɵlistener("click", function SingleEntityComponent_Template_button_click_8_listener() { return ctx.createNewView(); });
224
- i0.ɵɵelement(9, "kendo-svgicon", 5);
225
- i0.ɵɵtext(10, " Create New View");
224
+ i0.ɵɵelement(9, "span", 5);
225
+ i0.ɵɵtext(10, " Create New View ");
226
226
  i0.ɵɵelementEnd()();
227
227
  i0.ɵɵelementStart(11, "mj-user-view-properties-dialog", 6);
228
228
  i0.ɵɵlistener("dialogClosed", function SingleEntityComponent_Template_mj_user_view_properties_dialog_dialogClosed_11_listener($event) { return ctx.viewPropertiesClosed($event); });
@@ -236,10 +236,8 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
236
236
  i0.ɵɵadvance(4);
237
237
  i0.ɵɵtextInterpolate(ctx.entityName);
238
238
  i0.ɵɵadvance(3);
239
- i0.ɵɵtextInterpolate1(" ", ctx.entityDescription, "");
240
- i0.ɵɵadvance(2);
241
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("plus"));
242
- i0.ɵɵadvance(2);
239
+ i0.ɵɵtextInterpolate1(" ", ctx.entityDescription, " ");
240
+ i0.ɵɵadvance(4);
243
241
  i0.ɵɵproperty("EntityName", ctx.entityName)("ShowPropertiesButton", false);
244
242
  i0.ɵɵadvance(2);
245
243
  i0.ɵɵproperty("ngIf", ctx.showloader);
@@ -250,7 +248,7 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
250
248
  } }, dependencies: [i4.NgForOf, i4.NgIf, i5.DialogComponent, i6.LoaderComponent, i7.ButtonComponent, i8.SVGIconComponent, i9.CardComponent, i9.CardHeaderComponent, i9.CardBodyComponent, i9.CardTitleDirective, i9.CardSubtitleDirective, i10.UserViewPropertiesDialogComponent], styles: [".entity-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n \r\n .list-item[_ngcontent-%COMP%] {\r\n margin: 4px;\r\n cursor: pointer;\r\n }\r\n \r\n .view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: #ff6358;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n }\r\n .view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n }\r\n .k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n .card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n }\r\n .card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n }\r\n .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n.title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n}\r\n .entity-container .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
251
249
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleEntityComponent, [{
252
250
  type: Component,
253
- args: [{ selector: 'mj-single-entity', template: "<div class=\"card-container entity-container\">\r\n <div class=\"card-header-entity\">\r\n <!-- <div class=\"title-wrapper\">\r\n <h4>{{entityName}}</h4>\r\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M7.86401 1V14.7279\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n <path d=\"M1 7.86401H14.7279\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n </svg>\r\n Create New\r\n </kendo-dropdownbutton>\r\n </div> -->\r\n <div class=\"title-wrap\">\r\n <h1>{{entityName}}</h1>\r\n <p> <span class=\"k-icon k-i-information\"></span> {{entityDescription}}</p>\r\n </div>\r\n <button kendoButton (click)=\"createNewView()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n Create New View</button>\r\n </div>\r\n <mj-user-view-properties-dialog [EntityName]=\"this.entityName\" [ShowPropertiesButton]=\"false\"\r\n (dialogClosed)=\"viewPropertiesClosed($event)\"></mj-user-view-properties-dialog>\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showloader\">\r\n <div *ngFor=\"let entity of entityViews\">\r\n <kendo-card class=\"card-wrapper\">\r\n <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div>\r\n </kendo-card-header>\r\n\r\n <kendo-card-body (click)=\"viewItemClick(entity)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h5 kendoCardTitle>{{ entity.Name }}</h5>\r\n <p kendoCardSubtitle>{{ entity.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog title=\"Delete View\" *ngIf=\"deleteDialogOpened\" (close)=\"handleDeleteView()\">\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\"></kendo-loader>\r\n <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedView?.Name}}</b> View?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"deleteView()\" themeColor=\"primary\">\r\n <span class=\"k-icon k-i-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"handleDeleteView()\"><span class=\"k-icon k-i-close\"></span> No</button>\r\n </div>\r\n </div>\r\n </kendo-dialog>\r\n</div>", styles: [".entity-container {\r\n margin: 10px;\r\n}\r\n \r\n .list-item {\r\n margin: 4px;\r\n cursor: pointer;\r\n }\r\n \r\n .view-card .view-icon {\r\n color: #ff6358;\r\n }\r\n .card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n }\r\n .card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n }\r\n .card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n }\r\n .view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n }\r\n .k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n .card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n }\r\n .card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n }\r\n .card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n .main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n.title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n}\r\n::ng-deep .entity-container .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
251
+ args: [{ selector: 'mj-single-entity', template: "<div class=\"card-container entity-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>{{entityName}}</h1>\r\n <p> \r\n <span class=\"fa-solid fa-circle-info\"></span> {{entityDescription}}\r\n </p>\r\n </div>\r\n <button kendoButton (click)=\"createNewView()\">\r\n <span class=\"fa-solid fa-plus\"></span>\r\n Create New View\r\n </button>\r\n </div>\r\n <mj-user-view-properties-dialog [EntityName]=\"this.entityName\" [ShowPropertiesButton]=\"false\"\r\n (dialogClosed)=\"viewPropertiesClosed($event)\"></mj-user-view-properties-dialog>\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showloader\">\r\n <div *ngFor=\"let entity of entityViews\">\r\n <kendo-card class=\"card-wrapper\">\r\n <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"fa-solid fa-pen-to-square\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\">\r\n <span class=\"fa-regular fa-trash-can\"></span> \r\n </button>\r\n </div>\r\n </kendo-card-header>\r\n\r\n <kendo-card-body (click)=\"viewItemClick(entity)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h5 kendoCardTitle>{{ entity.Name }}</h5>\r\n <p kendoCardSubtitle>{{ entity.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog title=\"Delete View\" *ngIf=\"deleteDialogOpened\" (close)=\"handleDeleteView()\">\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\"></kendo-loader>\r\n <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedView?.Name}}</b> View?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"deleteView()\" themeColor=\"primary\">\r\n <span class=\"fa-solid fa-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"handleDeleteView()\">\r\n <span class=\"fa-solid fa-xmark\"></span> No\r\n </button>\r\n </div>\r\n </div>\r\n </kendo-dialog>\r\n</div>", styles: [".entity-container {\r\n margin: 10px;\r\n}\r\n \r\n .list-item {\r\n margin: 4px;\r\n cursor: pointer;\r\n }\r\n \r\n .view-card .view-icon {\r\n color: #ff6358;\r\n }\r\n .card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n }\r\n .card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n }\r\n .card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n }\r\n .view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n }\r\n .k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n .card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n }\r\n .card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n }\r\n .card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n .main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n.title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n}\r\n::ng-deep .entity-container .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
254
252
  }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.NotificationService }, { type: i3.SharedService }], { viewPropertiesDialog: [{
255
253
  type: ViewChild,
256
254
  args: [UserViewPropertiesDialogComponent, { static: true }]