@memberjunction/ng-explorer-core 0.9.206 → 0.9.208

package/dist/lib/navigation/navigation.component.js

@@ -14,6 +14,7 @@ import { Metadata, RunView, LogError } from '@memberjunction/core';
 import { MJEventType, MJGlobal } from '@memberjunction/global';
 import { EventCodes } from '@memberjunction/ng-shared';
 import { BaseResourceComponent, ResourceData } from '@memberjunction/ng-shared';
+import { StubData } from '../../generic/app-nav-view.types';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@memberjunction/ng-shared";
@@ -25,98 +26,111 @@ import * as i7 from "@progress/kendo-angular-icons";
 import * as i8 from "@memberjunction/ng-container-directives";
 import * as i9 from "@memberjunction/ng-ask-skip";
 import * as i10 from "../generic/resource-container-component";
+import * as i11 from "../expansion-panel-component/expansion-panel-component";
 const _c0 = ["drawerWrapper"];
 const _c1 = ["tabstrip"];
 const _c2 = ["container"];
 function NavigationComponent_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-loader", 6);
 } }
-function NavigationComponent_kendo_drawer_container_3_ng_template_7_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-svgicon", 16);
-    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_ng_template_7_Template_kendo_svgicon_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.onTabContextMenu($event, 0)); });
+function NavigationComponent_kendo_drawer_container_3_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "expansion-panel-component", 16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "span", 17);
-    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_ng_template_7_Template_span_contextmenu_1_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.onTabContextMenu($event, 0)); });
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("items", ctx_r5.stubData);
+} }
+function NavigationComponent_kendo_drawer_container_3_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-svgicon", 17);
+    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_ng_template_8_Template_kendo_svgicon_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r10.onTabContextMenu($event, 0)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "span", 18);
+    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_ng_template_8_Template_span_contextmenu_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.onTabContextMenu($event, 0)); });
     i0.ɵɵtext(2, "Home");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("icon", ctx_r6.sharedService.kendoSVGIcon("home"));
+    const ctx_r7 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("home"));
 } }
-function NavigationComponent_kendo_drawer_container_3_ng_template_8_Template(rf, ctx) { if (rf & 1) {
+function NavigationComponent_kendo_drawer_container_3_ng_template_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "router-outlet");
 } }
-function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_0_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-svgicon", 19);
-    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_0_Template_kendo_svgicon_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r20); const i_r13 = i0.ɵɵnextContext(2).index; const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.onTabContextMenu($event, i_r13)); });
+function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_kendo_svgicon_0_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-svgicon", 20);
+    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_kendo_svgicon_0_Template_kendo_svgicon_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r21); const i_r14 = i0.ɵɵnextContext(2).index; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.onTabContextMenu($event, i_r14)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r16 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("icon", ctx_r16.sharedService.kendoSVGIcon("clock"));
+    const ctx_r17 = i0.ɵɵnextContext(4);
+    i0.ɵɵproperty("icon", ctx_r17.sharedService.kendoSVGIcon("clock"));
 } }
-function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_1_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-svgicon", 19);
-    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_1_Template_kendo_svgicon_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r23); const i_r13 = i0.ɵɵnextContext(2).index; const ctx_r21 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r21.onTabContextMenu($event, i_r13)); });
+function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_kendo_svgicon_1_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-svgicon", 20);
+    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_kendo_svgicon_1_Template_kendo_svgicon_contextmenu_0_listener($event) { i0.ɵɵrestoreView(_r24); const i_r14 = i0.ɵɵnextContext(2).index; const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.onTabContextMenu($event, i_r14)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tab_r12 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r17 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("icon", ctx_r17.sharedService.kendoSVGIcon(tab_r12.icon));
+    const tab_r13 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r18 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("icon", ctx_r18.sharedService.kendoSVGIcon(tab_r13.icon));
 } }
-function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵtemplate(0, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_0_Template, 1, 1, "kendo-svgicon", 18)(1, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_1_Template, 1, 1, "kendo-svgicon", 18);
-    i0.ɵɵelementStart(2, "span", 17);
-    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_Template_span_contextmenu_2_listener($event) { i0.ɵɵrestoreView(_r27); const i_r13 = i0.ɵɵnextContext().index; const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.onTabContextMenu($event, i_r13)); });
+function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_Template(rf, ctx) { if (rf & 1) {
+    const _r28 = i0.ɵɵgetCurrentView();
+    i0.ɵɵtemplate(0, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_kendo_svgicon_0_Template, 1, 1, "kendo-svgicon", 19)(1, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_kendo_svgicon_1_Template, 1, 1, "kendo-svgicon", 19);
+    i0.ɵɵelementStart(2, "span", 18);
+    i0.ɵɵlistener("contextmenu", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_Template_span_contextmenu_2_listener($event) { i0.ɵɵrestoreView(_r28); const i_r14 = i0.ɵɵnextContext().index; const ctx_r26 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r26.onTabContextMenu($event, i_r14)); });
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tab_r12 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngIf", tab_r12 == null ? null : tab_r12.contentLoading);
+    const tab_r13 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngIf", tab_r13 == null ? null : tab_r13.contentLoading);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !(tab_r12 == null ? null : tab_r12.contentLoading) && (tab_r12 == null ? null : tab_r12.icon));
+    i0.ɵɵproperty("ngIf", !(tab_r13 == null ? null : tab_r13.contentLoading) && (tab_r13 == null ? null : tab_r13.icon));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(tab_r12.labelLoading ? "Loading..." : tab_r12.label);
+    i0.ɵɵtextInterpolate(tab_r13.labelLoading ? "Loading..." : tab_r13.label);
 } }
-function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-resource", 20);
-    i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_2_Template_app_resource_ResourceRecordSaved_0_listener() { i0.ɵɵrestoreView(_r31); const tab_r12 = i0.ɵɵnextContext().$implicit; const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.SaveSingleWorkspaceItem(tab_r12)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_2_Template_app_resource_ContentLoadingStarted_0_listener() { i0.ɵɵrestoreView(_r31); const tab_r12 = i0.ɵɵnextContext().$implicit; const ctx_r32 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r32.setTabContentLoadingStatus(tab_r12, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_2_Template_app_resource_ContentLoadingComplete_0_listener() { i0.ɵɵrestoreView(_r31); const tab_r12 = i0.ɵɵnextContext().$implicit; const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.setTabContentLoadingStatus(tab_r12, false)); });
+function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-resource", 21);
+    i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_2_Template_app_resource_ResourceRecordSaved_0_listener() { i0.ɵɵrestoreView(_r32); const tab_r13 = i0.ɵɵnextContext().$implicit; const ctx_r30 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r30.SaveSingleWorkspaceItem(tab_r13)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_2_Template_app_resource_ContentLoadingStarted_0_listener() { i0.ɵɵrestoreView(_r32); const tab_r13 = i0.ɵɵnextContext().$implicit; const ctx_r33 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r33.setTabContentLoadingStatus(tab_r13, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_2_Template_app_resource_ContentLoadingComplete_0_listener() { i0.ɵɵrestoreView(_r32); const tab_r13 = i0.ɵɵnextContext().$implicit; const ctx_r35 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r35.setTabContentLoadingStatus(tab_r13, false)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tab_r12 = i0.ɵɵnextContext().$implicit;
-    const ctx_r15 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Data", tab_r12.data)("isVisible", (tab_r12 == null ? null : tab_r12.id) === ctx_r15.getActiveTabId());
+    const tab_r13 = i0.ɵɵnextContext().$implicit;
+    const ctx_r16 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Data", tab_r13.data)("isVisible", (tab_r13 == null ? null : tab_r13.id) === ctx_r16.getActiveTabId());
 } }
-function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_Template(rf, ctx) { if (rf & 1) {
+function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "kendo-tabstrip-tab", 12);
-    i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_Template, 4, 3, "ng-template", 13)(2, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_2_Template, 1, 2, "ng-template", 14);
+    i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_1_Template, 4, 3, "ng-template", 13)(2, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_ng_template_2_Template, 1, 2, "ng-template", 14);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tab_r12 = ctx.$implicit;
-    const ctx_r8 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("selected", ctx_r8.isTabActive(tab_r12.id))("closable", true);
+    const tab_r13 = ctx.$implicit;
+    const ctx_r9 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("selected", ctx_r9.isTabActive(tab_r13.id))("closable", true);
 } }
 function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf & 1) {
-    const _r38 = i0.ɵɵgetCurrentView();
+    const _r39 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer", 7, 8);
-    i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r38); const ctx_r37 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r37.onDrawerSelect($event)); });
+    i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.onDrawerSelect($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-drawer-content", 9)(4, "kendo-tabstrip", 10, 11);
-    i0.ɵɵlistener("tabClose", function NavigationComponent_kendo_drawer_container_3_Template_kendo_tabstrip_tabClose_4_listener($event) { i0.ɵɵrestoreView(_r38); const ctx_r39 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r39.onClose($event)); })("tabSelect", function NavigationComponent_kendo_drawer_container_3_Template_kendo_tabstrip_tabSelect_4_listener($event) { i0.ɵɵrestoreView(_r38); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.onTabSelect($event)); });
-    i0.ɵɵelementStart(6, "kendo-tabstrip-tab", 12);
-    i0.ɵɵtemplate(7, NavigationComponent_kendo_drawer_container_3_ng_template_7_Template, 3, 1, "ng-template", 13)(8, NavigationComponent_kendo_drawer_container_3_ng_template_8_Template, 1, 0, "ng-template", 14);
+    i0.ɵɵtemplate(3, NavigationComponent_kendo_drawer_container_3_div_3_Template, 2, 1, "div", 3);
+    i0.ɵɵelementStart(4, "kendo-drawer-content", 9)(5, "kendo-tabstrip", 10, 11);
+    i0.ɵɵlistener("tabClose", function NavigationComponent_kendo_drawer_container_3_Template_kendo_tabstrip_tabClose_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.onClose($event)); })("tabSelect", function NavigationComponent_kendo_drawer_container_3_Template_kendo_tabstrip_tabSelect_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.onTabSelect($event)); });
+    i0.ɵɵelementStart(7, "kendo-tabstrip-tab", 12);
+    i0.ɵɵtemplate(8, NavigationComponent_kendo_drawer_container_3_ng_template_8_Template, 3, 1, "ng-template", 13)(9, NavigationComponent_kendo_drawer_container_3_ng_template_9_Template, 1, 0, "ng-template", 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(9, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_Template, 3, 2, "kendo-tabstrip-tab", 15);
+    i0.ɵɵtemplate(10, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_10_Template, 3, 2, "kendo-tabstrip-tab", 15);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("items", ctx_r2.drawerItems)("mode", ctx_r2.mode)("mini", ctx_r2.mini)("animation", false)("autoCollapse", false);
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r2.showExpansionPanel);
+    i0.ɵɵadvance(2);
     i0.ɵɵproperty("scrollable", true)("keepTabContent", true)("animate", false);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("selected", ctx_r2.activeTabIndex === 0)("closable", false);
@@ -124,17 +138,17 @@ function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngForOf", ctx_r2.tabs);
 } }
 function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r42 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
-    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.handleContextMenuOption(1)); });
+    const _r43 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
+    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r43); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.handleContextMenuOption(1)); });
     i0.ɵɵtext(2, "Close All");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 22);
-    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r42); const ctx_r43 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r43.handleContextMenuOption(2)); });
+    i0.ɵɵelementStart(3, "div", 23);
+    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r43); const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.handleContextMenuOption(2)); });
     i0.ɵɵtext(4, "Close Others");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 22);
-    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r42); const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.handleContextMenuOption(3)); });
+    i0.ɵɵelementStart(5, "div", 23);
+    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r43); const ctx_r45 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r45.handleContextMenuOption(3)); });
     i0.ɵɵtext(6, "Close Tabs to the Right");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -181,6 +195,8 @@ export class NavigationComponent {
         this.selectedTabIndex = 0;
         this.workSpace = {};
         this.workSpaceItems = [];
+        this.stubData = [];
+        this.showExpansionPanel = false;
         this.routeSub = null;
         this.isMobileScreen = false;
         this.contextMenuStyle = {};
@@ -385,6 +401,7 @@ export class NavigationComponent {
     }
     selectDrawerItem(index) {
         this.selectedDrawerItem = this.drawerItems[index];
+        this.showExpansionPanel = index === 2;
         // Get the <ul> element that contains the <li> elements
         const ulElement = this.drawerWrapper.nativeElement.querySelector('ul');
         if (ulElement) {
@@ -863,7 +880,12 @@ export class NavigationComponent {
     }
     loadApp() {
         return __awaiter(this, void 0, void 0, function* () {
+            //setting the stubdata here because at this point
+            //the provider is defined within the MetaData class
+            //and the applications property is populated
             const md = new Metadata();
+            const applications = md.Applications;
+            this.stubData = applications.map(app => new StubData(app.Name, app.ApplicationEntities.map(entity => new StubData(entity.Entity, []))));
             yield this.LoadDrawer();
             this.setDrawerConfig();
             window.addEventListener('resize', () => {
@@ -1019,9 +1041,9 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
         i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
     } if (rf & 2) {
         i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
-    } }, 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", "", 1, "drawer-container", 3, "scrollable", "keepTabContent", "animate", "tabClose", "tabSelect"], ["tabstrip", ""], [3, "selected", "closable"], ["kendoTabTitle", ""], ["kendoTabContent", "", "class", "navigation-tab-contents"], [3, "selected", "closable", 4, "ngFor", "ngForOf"], ["name", "home", 3, "icon", "contextmenu"], [1, "nav-tab-title", 3, "contextmenu"], [3, "icon", "contextmenu", 4, "ngIf"], [3, "icon", "contextmenu"], [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) {
+    } }, 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", "", 1, "drawer-container", 3, "scrollable", "keepTabContent", "animate", "tabClose", "tabSelect"], ["tabstrip", ""], [3, "selected", "closable"], ["kendoTabTitle", ""], ["kendoTabContent", "", "class", "navigation-tab-contents"], [3, "selected", "closable", 4, "ngFor", "ngForOf"], [3, "items"], ["name", "home", 3, "icon", "contextmenu"], [1, "nav-tab-title", 3, "contextmenu"], [3, "icon", "contextmenu", 4, "ngIf"], [3, "icon", "contextmenu"], [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) {
         i0.ɵɵelementStart(0, "div", 0, 1);
-        i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 10, 11, "kendo-drawer-container", 3);
+        i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 11, 12, "kendo-drawer-container", 3);
         i0.ɵɵelement(4, "mj-skip-button", 4);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 5);
@@ -1033,10 +1055,10 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
         i0.ɵɵproperty("ngIf", !ctx.loading);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
-    } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.TabStripComponent, i6.TabStripTabComponent, i6.TabContentDirective, i6.TabTitleDirective, i7.SVGIconComponent, i8.FillContainer, i6.DrawerComponent, i6.DrawerContainerComponent, i6.DrawerContentComponent, i9.SkipButtonComponent, i10.ResourceContainerComponent], 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  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n  background: var(--med-gray);\r\n  border-radius: 0;\r\n  border-right: 1px solid #909090;\r\n}"] });
+    } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.TabStripComponent, i6.TabStripTabComponent, i6.TabContentDirective, i6.TabTitleDirective, i7.SVGIconComponent, i8.FillContainer, i6.DrawerComponent, i6.DrawerContainerComponent, i6.DrawerContentComponent, i9.SkipButtonComponent, i10.ResourceContainerComponent, i11.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  .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n  background: var(--med-gray);\r\n  border-radius: 0;\r\n  border-right: 1px solid #909090;\r\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
         type: Component,
-        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    </kendo-drawer>\r\n    <kendo-drawer-content mjFillContainer>\r\n      <kendo-tabstrip mjFillContainer class=\"drawer-container\" [scrollable]=\"true\" [keepTabContent]=\"true\" (tabClose)=\"onClose($event)\" (tabSelect)=\"onTabSelect($event)\" [animate]=\"false\" #tabstrip>\r\n        <kendo-tabstrip-tab [selected]=\"activeTabIndex === 0\" [closable]=\"false\">\r\n          <ng-template kendoTabTitle>\r\n            <kendo-svgicon name=\"home\" [icon]=\"sharedService.kendoSVGIcon('home')\" (contextmenu)=\"onTabContextMenu($event, 0)\"></kendo-svgicon>\r\n            <span class=\"nav-tab-title\" (contextmenu)=\"onTabContextMenu($event, 0)\">Home</span>\r\n          </ng-template>\r\n          <ng-template kendoTabContent class=\"navigation-tab-contents\">\r\n            <router-outlet></router-outlet>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab *ngFor=\"let tab of tabs;let i = index\" [selected]=\"isTabActive(tab.id)\" [closable]=\"true\">\r\n          <ng-template kendoTabTitle>\r\n            <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\" (contextmenu)=\"onTabContextMenu($event, i)\"></kendo-svgicon>\r\n            <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\" (contextmenu)=\"onTabContextMenu($event, i)\"></kendo-svgicon>\r\n            <span class=\"nav-tab-title\" (contextmenu)=\"onTabContextMenu($event, i)\">{{ tab.labelLoading ? 'Loading...' : tab.label }}</span>\r\n          </ng-template>\r\n          <ng-template kendoTabContent class=\"navigation-tab-contents\">\r\n            <app-resource [Data]=\"tab.data\" [isVisible]=\"tab?.id === getActiveTabId()\"\r\n                          (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n                          (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n                          (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n                          ></app-resource>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n      </kendo-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::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n  background: var(--med-gray);\r\n  border-radius: 0;\r\n  border-right: 1px solid #909090;\r\n}\r\n"] }]
+        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]=\"stubData\" />\r\n    </div>\r\n    <kendo-drawer-content mjFillContainer>\r\n      <kendo-tabstrip mjFillContainer class=\"drawer-container\" [scrollable]=\"true\" [keepTabContent]=\"true\" (tabClose)=\"onClose($event)\" (tabSelect)=\"onTabSelect($event)\" [animate]=\"false\" #tabstrip>\r\n        <kendo-tabstrip-tab [selected]=\"activeTabIndex === 0\" [closable]=\"false\">\r\n          <ng-template kendoTabTitle>\r\n            <kendo-svgicon name=\"home\" [icon]=\"sharedService.kendoSVGIcon('home')\" (contextmenu)=\"onTabContextMenu($event, 0)\"></kendo-svgicon>\r\n            <span class=\"nav-tab-title\" (contextmenu)=\"onTabContextMenu($event, 0)\">Home</span>\r\n          </ng-template>\r\n          <ng-template kendoTabContent class=\"navigation-tab-contents\">\r\n            <router-outlet></router-outlet>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n        <kendo-tabstrip-tab *ngFor=\"let tab of tabs;let i = index\" [selected]=\"isTabActive(tab.id)\" [closable]=\"true\">\r\n          <ng-template kendoTabTitle>\r\n            <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\" (contextmenu)=\"onTabContextMenu($event, i)\"></kendo-svgicon>\r\n            <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\" (contextmenu)=\"onTabContextMenu($event, i)\"></kendo-svgicon>\r\n            <span class=\"nav-tab-title\" (contextmenu)=\"onTabContextMenu($event, i)\">{{ tab.labelLoading ? 'Loading...' : tab.label }}</span>\r\n          </ng-template>\r\n          <ng-template kendoTabContent class=\"navigation-tab-contents\">\r\n            <app-resource [Data]=\"tab.data\" [isVisible]=\"tab?.id === getActiveTabId()\"\r\n                          (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n                          (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n                          (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n                          ></app-resource>\r\n          </ng-template>\r\n        </kendo-tabstrip-tab>\r\n      </kendo-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::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n  background: var(--med-gray);\r\n  border-radius: 0;\r\n  border-right: 1px solid #909090;\r\n}"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
             type: Input
         }], isMobileScreen: [{
@@ -1061,4 +1083,4 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
             type: HostListener,
             args: ['document:click']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src\\lib\\navigation\\navigation.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NavigationComponent, { className: "NavigationComponent", filePath: "src\\lib\\navigation\\navigation.component.ts", lineNumber: 29 }); })();

package/dist/lib/query-browser-component/query-browser.component.d.ts

@@ -8,7 +8,7 @@ export declare class QueryBrowserComponent extends BaseBrowserComponent {
     private router;
     private sharedService;
     constructor(router: Router, sharedService: SharedService);
-    ngOnInit(): void;
+    ngOnInit(): Promise<void>;
     itemClick(item: Item): void;
     onBackButtonClick(): void;
     onEvent(event: BaseEvent): void;

package/dist/lib/query-browser-component/query-browser.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"query-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-browser-component/query-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;;AAExF,qBAKa,qBAAsB,SAAQ,oBAAoB;IAEjD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;gBAArC,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAaxE,QAAQ,IAAI,IAAI;IAMT,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,iBAAiB,IAAI,IAAI;IAuBzB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCAvD3B,qBAAqB;2CAArB,qBAAqB;CA0DjC"}
+{"version":3,"file":"query-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/query-browser-component/query-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;;AAExF,qBAKa,qBAAsB,SAAQ,oBAAoB;IAEjD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;gBAArC,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAalE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOxB,SAAS,CAAC,IAAI,EAAE,IAAI;IAWpB,iBAAiB,IAAI,IAAI;IAuBzB,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCAxD3B,qBAAqB;2CAArB,qBAAqB;CA2DjC"}

package/dist/lib/query-browser-component/query-browser.component.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { Component } from '@angular/core';
 import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
 import * as i0 from "@angular/core";
@@ -19,8 +28,14 @@ export class QueryBrowserComponent extends BaseBrowserComponent {
         this.InitPathData(params);
     }
     ngOnInit() {
-        let entityFilter = "ID > 0";
-        this.LoadData(entityFilter, undefined);
+        const _super = Object.create(null, {
+            LoadData: { get: () => super.LoadData }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            let entityFilter = "ID > 0";
+            const categoryEntityFilter = "ParentID IS NULL";
+            _super.LoadData.call(this, { entityItemFilter: entityFilter, categoryItemFilter: categoryEntityFilter });
+        });
     }
     itemClick(item) {
         let dataID = "";

package/dist/lib/report-browser-component/report-browser.component.d.ts

@@ -11,7 +11,6 @@ export declare class ReportBrowserComponent extends BaseBrowserComponent {
     showLoader: boolean;
     constructor(router: Router, sharedService: SharedService);
     ngOnInit(): Promise<void>;
-    GetData(): Promise<void>;
     onBackButtonClick(): void;
     itemClick(item: ReportEntity): void;
     onEvent(event: BaseEvent): void;

package/dist/lib/report-browser-component/report-browser.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"report-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/report-browser-component/report-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;;AAEvD,qBAKa,sBAAuB,SAAQ,oBAAoB;IAIlD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;IAHlD,OAAO,EAAE,YAAY,EAAE,CAAM;IAC7B,UAAU,EAAE,OAAO,CAAS;gBAEf,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAalE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAIzB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAIvB,iBAAiB,IAAI,IAAI;IAwBzB,SAAS,CAAC,IAAI,EAAE,YAAY;IAM5B,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCAvD3B,sBAAsB;2CAAtB,sBAAsB;CA0DlC"}
+{"version":3,"file":"report-browser.component.d.ts","sourceRoot":"","sources":["../../../src/lib/report-browser-component/report-browser.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;;AAEvD,qBAKa,sBAAuB,SAAQ,oBAAoB;IAIlD,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,aAAa;IAHlD,OAAO,EAAE,YAAY,EAAE,CAAM;IAC7B,UAAU,EAAE,OAAO,CAAS;gBAEf,MAAM,EAAE,MAAM,EAAU,aAAa,EAAE,aAAa;IAalE,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAKxB,iBAAiB,IAAI,IAAI;IAwBzB,SAAS,CAAC,IAAI,EAAE,YAAY;IAM5B,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;yCApD3B,sBAAsB;2CAAtB,sBAAsB;CAuDlC"}

package/dist/lib/report-browser-component/report-browser.component.js

@@ -30,16 +30,12 @@ export class ReportBrowserComponent extends BaseBrowserComponent {
         this.InitPathData(params);
     }
     ngOnInit() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this.GetData();
-        });
-    }
-    GetData() {
         const _super = Object.create(null, {
             LoadData: { get: () => super.LoadData }
         });
         return __awaiter(this, void 0, void 0, function* () {
-            yield _super.LoadData.call(this);
+            const categoryEntityFilter = "ParentID IS NULL";
+            yield _super.LoadData.call(this, { categoryItemFilter: categoryEntityFilter });
         });
     }
     onBackButtonClick() {

package/dist/lib/single-application/single-application.component.js

@@ -12,34 +12,7 @@ import { Metadata } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@memberjunction/ng-shared";
-import * as i3 from "@progress/kendo-angular-listview";
-import * as i4 from "../favorites/favorites.component";
-function SingleApplicationComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10)(1, "div", 11);
-    i0.ɵɵelement(2, "span", 12);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 13);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.appName, " - Entities ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.appEntities.length);
-} }
-function SingleApplicationComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14);
-    i0.ɵɵlistener("click", function SingleApplicationComponent_ng_template_12_Template_div_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const dataItem_r2 = restoredCtx.dataItem; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.entityItemClick(dataItem_r2)); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const dataItem_r2 = ctx.dataItem;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", dataItem_r2.Entity, " ");
-} }
+import * as i3 from "../app-view/application-view.component";
 export class SingleApplicationComponent {
     constructor(router, route, sharedService) {
         this.router = router;
@@ -83,31 +56,11 @@ export class SingleApplicationComponent {
     }
 }
 SingleApplicationComponent.ɵfac = function SingleApplicationComponent_Factory(t) { return new (t || SingleApplicationComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
-SingleApplicationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleApplicationComponent, selectors: [["app-single-application"]], decls: 14, vars: 3, consts: [[1, "app-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "k-icon", "k-i-information"], [1, "main-area"], [1, "list-view", "entity-list", 3, "data"], [1, "entity-wrap"], ["kendoListViewHeaderTemplate", ""], ["kendoListViewItemTemplate", ""], [1, "favorites-list"], [1, "header"], [1, "head-tag"], [1, "k-icon", "k-i-data"], [1, "count"], [1, "list-item", 3, "click"]], template: function SingleApplicationComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
-        i0.ɵɵtext(4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "p");
-        i0.ɵɵelement(6, "span", 3);
-        i0.ɵɵtext(7);
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(8, "div", 4)(9, "kendo-listview", 5);
-        i0.ɵɵelementContainerStart(10, 6);
-        i0.ɵɵtemplate(11, SingleApplicationComponent_ng_template_11_Template, 6, 2, "ng-template", 7)(12, SingleApplicationComponent_ng_template_12_Template, 2, 1, "ng-template", 8);
-        i0.ɵɵelementContainerEnd();
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(13, "app-favorites", 9);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate(ctx.appName);
-        i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate1(" ", ctx.appDescription, "");
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("data", ctx.appEntities);
-    } }, dependencies: [i3.ItemTemplateDirective, i3.HeaderTemplateDirective, i3.ListViewComponent, i4.FavoritesComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n   margin: 10px;\r\n}\r\n\r\n .entity-list[_ngcontent-%COMP%] {\r\n    width: 500px;\r\n }\r\n .favorites-list[_ngcontent-%COMP%] {\r\n    width: 400px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n    display: flex;\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: #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: 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: flex;\r\n    gap: 20px;\r\n  }"] });
+SingleApplicationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleApplicationComponent, selectors: [["app-single-application"]], decls: 1, vars: 0, template: function SingleApplicationComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelement(0, "application-view");
+    } }, dependencies: [i3.ApplicationViewComponent], styles: [".app-container[_ngcontent-%COMP%] {\r\n   margin: 10px;\r\n}\r\n\r\n .entity-list[_ngcontent-%COMP%] {\r\n    width: 500px;\r\n }\r\n .favorites-list[_ngcontent-%COMP%] {\r\n    width: 400px;\r\n }", ".main-area[_ngcontent-%COMP%] {\r\n    display: flex;\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: #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: 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: flex;\r\n    gap: 20px;\r\n  }"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleApplicationComponent, [{
         type: Component,
-        args: [{ selector: 'app-single-application', template: "<div  class=\"app-container\">\r\n    <div class=\"card-header-entity\">\r\n        <div class=\"title-wrap\">\r\n    <h1>{{appName}}</h1>\r\n    <p><span class=\"k-icon k-i-information\"></span> {{appDescription}}</p>\r\n    </div>\r\n</div>\r\n    <div class=\"main-area\">\r\n        <kendo-listview\r\n            [data]=\"appEntities\"\r\n            class=\"list-view entity-list\"\r\n        >\r\n        <ng-container class=\"entity-wrap\">\r\n            <ng-template kendoListViewHeaderTemplate>\r\n                <div class=\"header\"> \r\n                    <div class=\"head-tag\">\r\n                        <span class=\"k-icon k-i-data\"></span>\r\n                        {{appName}} - Entities\r\n                    </div>\r\n                    <div class=\"count\">{{appEntities.length}}</div>\r\n                    </div>\r\n            </ng-template>\r\n            <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\r\n                <div class=\"list-item\" (click)=\"entityItemClick(dataItem)\">\r\n                    {{dataItem.Entity}}\r\n                </div>\r\n            </ng-template>\r\n        </ng-container>\r\n        </kendo-listview>\r\n\r\n        <app-favorites class=\"favorites-list\"></app-favorites>\r\n    </div>\r\n</div>\r\n", styles: [".app-container {\r\n   margin: 10px;\r\n}\r\n\r\n .entity-list {\r\n    width: 500px;\r\n }\r\n .favorites-list {\r\n    width: 400px;\r\n }", "\r\n.main-area {\r\n    display: flex;\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: #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: 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: flex;\r\n    gap: 20px;\r\n  }\r\n  "] }]
+        args: [{ selector: 'app-single-application', template: "<application-view/>\r\n", styles: [".app-container {\r\n   margin: 10px;\r\n}\r\n\r\n .entity-list {\r\n    width: 500px;\r\n }\r\n .favorites-list {\r\n    width: 400px;\r\n }", "\r\n.main-area {\r\n    display: flex;\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: #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: 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: flex;\r\n    gap: 20px;\r\n  }\r\n  "] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleApplicationComponent, { className: "SingleApplicationComponent", filePath: "src\\lib\\single-application\\single-application.component.ts", lineNumber: 12 }); })();

package/dist/lib/single-record/single-record.component.js

@@ -11,7 +11,7 @@ import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core
 import { Metadata, PotentialDuplicateRequest } from '@memberjunction/core';
 import { MJGlobal } from '@memberjunction/global';
 import { Container } from '@memberjunction/ng-container-directives';
-import { BaseFormComponent } from '../generic/base-form-component';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/router";
 import * as i2 from "@angular/common";

package/dist/lib/user-view-properties/view-properties-dialog.component.d.ts

@@ -3,7 +3,7 @@ import { ActivatedRoute, Router } from "@angular/router";
 import { Metadata, EntityFieldInfo, EntityInfo } from "@memberjunction/core";
 import { DragEndEvent } from '@progress/kendo-angular-sortable';
 import { UserViewEntityExtended } from '@memberjunction/core-entities';
-import { BaseFormComponent } from '../generic/base-form-component';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { WindowComponent } from '@progress/kendo-angular-dialog';
 import { TabComponent } from '@progress/kendo-angular-layout';
 import { CompositeFilterDescriptor } from '@progress/kendo-data-query';

package/dist/lib/user-view-properties/view-properties-dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"view-properties-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/user-view-properties/view-properties-dialog.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"view-properties-dialog.component.d.ts","sourceRoot":"","sources":["../../../src/lib/user-view-properties/view-properties-dialog.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/user-view-properties/view-properties-dialog.component.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 import { Metadata } from "@memberjunction/core";
-import { BaseFormComponent } from '../generic/base-form-component';
+import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { ResourceData } from '@memberjunction/ng-shared';
 import { WindowComponent } from '@progress/kendo-angular-dialog';
 import { TabComponent } from '@progress/kendo-angular-layout';
@@ -600,4 +600,4 @@ ViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ typ
             type: ViewChild,
             args: ['dialogContainer']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewPropertiesDialogComponent, { className: "ViewPropertiesDialogComponent", filePath: "src\\lib\\user-view-properties\\view-properties-dialog.component.ts", lineNumber: 23 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewPropertiesDialogComponent, { className: "ViewPropertiesDialogComponent", filePath: "src\\lib\\user-view-properties\\view-properties-dialog.component.ts", lineNumber: 21 }); })();