@memberjunction/ng-explorer-core 0.9.137 → 0.9.138
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.
|
@@ -29,14 +29,14 @@ const _c0 = ["drawerWrapper"];
|
|
|
29
29
|
const _c1 = ["tabstrip"];
|
|
30
30
|
const _c2 = ["container"];
|
|
31
31
|
function NavigationComponent_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
|
|
32
|
-
i0.ɵɵelement(0, "kendo-loader",
|
|
32
|
+
i0.ɵɵelement(0, "kendo-loader", 6);
|
|
33
33
|
} }
|
|
34
34
|
function NavigationComponent_kendo_drawer_container_3_ng_template_7_Template(rf, ctx) { if (rf & 1) {
|
|
35
35
|
const _r10 = i0.ɵɵgetCurrentView();
|
|
36
|
-
i0.ɵɵelementStart(0, "kendo-svgicon",
|
|
36
|
+
i0.ɵɵelementStart(0, "kendo-svgicon", 16);
|
|
37
37
|
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)); });
|
|
38
38
|
i0.ɵɵelementEnd();
|
|
39
|
-
i0.ɵɵelementStart(1, "span",
|
|
39
|
+
i0.ɵɵelementStart(1, "span", 17);
|
|
40
40
|
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)); });
|
|
41
41
|
i0.ɵɵtext(2, "Home");
|
|
42
42
|
i0.ɵɵelementEnd();
|
|
@@ -49,7 +49,7 @@ function NavigationComponent_kendo_drawer_container_3_ng_template_8_Template(rf,
|
|
|
49
49
|
} }
|
|
50
50
|
function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_0_Template(rf, ctx) { if (rf & 1) {
|
|
51
51
|
const _r20 = i0.ɵɵgetCurrentView();
|
|
52
|
-
i0.ɵɵelementStart(0, "kendo-svgicon",
|
|
52
|
+
i0.ɵɵelementStart(0, "kendo-svgicon", 19);
|
|
53
53
|
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)); });
|
|
54
54
|
i0.ɵɵelementEnd();
|
|
55
55
|
} if (rf & 2) {
|
|
@@ -58,7 +58,7 @@ function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_te
|
|
|
58
58
|
} }
|
|
59
59
|
function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_1_Template(rf, ctx) { if (rf & 1) {
|
|
60
60
|
const _r23 = i0.ɵɵgetCurrentView();
|
|
61
|
-
i0.ɵɵelementStart(0, "kendo-svgicon",
|
|
61
|
+
i0.ɵɵelementStart(0, "kendo-svgicon", 19);
|
|
62
62
|
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)); });
|
|
63
63
|
i0.ɵɵelementEnd();
|
|
64
64
|
} if (rf & 2) {
|
|
@@ -68,8 +68,8 @@ function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_te
|
|
|
68
68
|
} }
|
|
69
69
|
function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
|
|
70
70
|
const _r27 = i0.ɵɵgetCurrentView();
|
|
71
|
-
i0.ɵɵtemplate(0, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_kendo_svgicon_0_Template, 1, 1, "kendo-svgicon",
|
|
72
|
-
i0.ɵɵelementStart(2, "span",
|
|
71
|
+
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);
|
|
72
|
+
i0.ɵɵelementStart(2, "span", 17);
|
|
73
73
|
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)); });
|
|
74
74
|
i0.ɵɵtext(3);
|
|
75
75
|
i0.ɵɵelementEnd();
|
|
@@ -83,7 +83,7 @@ function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_te
|
|
|
83
83
|
} }
|
|
84
84
|
function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_2_Template(rf, ctx) { if (rf & 1) {
|
|
85
85
|
const _r31 = i0.ɵɵgetCurrentView();
|
|
86
|
-
i0.ɵɵelementStart(0, "app-resource",
|
|
86
|
+
i0.ɵɵelementStart(0, "app-resource", 20);
|
|
87
87
|
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)); });
|
|
88
88
|
i0.ɵɵelementEnd();
|
|
89
89
|
} if (rf & 2) {
|
|
@@ -92,8 +92,8 @@ function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_te
|
|
|
92
92
|
i0.ɵɵproperty("Data", tab_r12.data)("isVisible", (tab_r12 == null ? null : tab_r12.id) === ctx_r15.getActiveTabId());
|
|
93
93
|
} }
|
|
94
94
|
function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_Template(rf, ctx) { if (rf & 1) {
|
|
95
|
-
i0.ɵɵelementStart(0, "kendo-tabstrip-tab",
|
|
96
|
-
i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_ng_template_1_Template, 4, 3, "ng-template",
|
|
95
|
+
i0.ɵɵelementStart(0, "kendo-tabstrip-tab", 12);
|
|
96
|
+
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);
|
|
97
97
|
i0.ɵɵelementEnd();
|
|
98
98
|
} if (rf & 2) {
|
|
99
99
|
const tab_r12 = ctx.$implicit;
|
|
@@ -102,15 +102,15 @@ function NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_Templ
|
|
|
102
102
|
} }
|
|
103
103
|
function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf & 1) {
|
|
104
104
|
const _r38 = i0.ɵɵgetCurrentView();
|
|
105
|
-
i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer",
|
|
105
|
+
i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer", 7, 8);
|
|
106
106
|
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)); });
|
|
107
107
|
i0.ɵɵelementEnd();
|
|
108
|
-
i0.ɵɵelementStart(3, "kendo-drawer-content",
|
|
108
|
+
i0.ɵɵelementStart(3, "kendo-drawer-content", 9)(4, "kendo-tabstrip", 10, 11);
|
|
109
109
|
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)); });
|
|
110
|
-
i0.ɵɵelementStart(6, "kendo-tabstrip-tab",
|
|
111
|
-
i0.ɵɵtemplate(7, NavigationComponent_kendo_drawer_container_3_ng_template_7_Template, 3, 1, "ng-template",
|
|
110
|
+
i0.ɵɵelementStart(6, "kendo-tabstrip-tab", 12);
|
|
111
|
+
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);
|
|
112
112
|
i0.ɵɵelementEnd();
|
|
113
|
-
i0.ɵɵtemplate(9, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_Template, 3, 2, "kendo-tabstrip-tab",
|
|
113
|
+
i0.ɵɵtemplate(9, NavigationComponent_kendo_drawer_container_3_kendo_tabstrip_tab_9_Template, 3, 2, "kendo-tabstrip-tab", 15);
|
|
114
114
|
i0.ɵɵelementEnd()()();
|
|
115
115
|
} if (rf & 2) {
|
|
116
116
|
const ctx_r2 = i0.ɵɵnextContext();
|
|
@@ -125,15 +125,15 @@ function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf
|
|
|
125
125
|
} }
|
|
126
126
|
function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
|
|
127
127
|
const _r42 = i0.ɵɵgetCurrentView();
|
|
128
|
-
i0.ɵɵelementStart(0, "div",
|
|
128
|
+
i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
|
|
129
129
|
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)); });
|
|
130
130
|
i0.ɵɵtext(2, "Close All");
|
|
131
131
|
i0.ɵɵelementEnd();
|
|
132
|
-
i0.ɵɵelementStart(3, "div",
|
|
132
|
+
i0.ɵɵelementStart(3, "div", 22);
|
|
133
133
|
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)); });
|
|
134
134
|
i0.ɵɵtext(4, "Close Others");
|
|
135
135
|
i0.ɵɵelementEnd();
|
|
136
|
-
i0.ɵɵelementStart(5, "div",
|
|
136
|
+
i0.ɵɵelementStart(5, "div", 22);
|
|
137
137
|
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)); });
|
|
138
138
|
i0.ɵɵtext(6, "Close Tabs to the Right");
|
|
139
139
|
i0.ɵɵelementEnd()();
|
|
@@ -983,12 +983,12 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
983
983
|
i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
|
|
984
984
|
} if (rf & 2) {
|
|
985
985
|
i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
|
|
986
|
-
} }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["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) {
|
|
986
|
+
} }, 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) {
|
|
987
987
|
i0.ɵɵelementStart(0, "div", 0, 1);
|
|
988
988
|
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);
|
|
989
|
-
i0.ɵɵelement(4, "mj-skip-button");
|
|
989
|
+
i0.ɵɵelement(4, "mj-skip-button", 4);
|
|
990
990
|
i0.ɵɵelementEnd();
|
|
991
|
-
i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div",
|
|
991
|
+
i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 5);
|
|
992
992
|
} if (rf & 2) {
|
|
993
993
|
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c3, ctx.loader));
|
|
994
994
|
i0.ɵɵadvance(2);
|
|
@@ -1000,7 +1000,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
|
|
|
1000
1000
|
} }, 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 padding: 20px;\r\n background: #FAFAFA;\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: #fafafa;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n background: #fafafa;\r\n border-radius: 0;\r\n}"] });
|
|
1001
1001
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
|
|
1002
1002
|
type: Component,
|
|
1003
|
-
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 <mj-skip-button></mj-skip-button
|
|
1003
|
+
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 padding: 20px;\r\n background: #FAFAFA;\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: #fafafa;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n background: #fafafa;\r\n border-radius: 0;\r\n}\r\n"] }]
|
|
1004
1004
|
}], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
|
|
1005
1005
|
type: Input
|
|
1006
1006
|
}], isMobileScreen: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-explorer-core",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.138",
|
|
4
4
|
"description": "MemberJunction Explorer: Core Angular Components",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"@memberjunction/ng-compare-records": "^0.9.149",
|
|
39
39
|
"@memberjunction/ng-record-changes": "^0.9.79",
|
|
40
40
|
"@memberjunction/ng-container-directives": "^0.9.115",
|
|
41
|
-
"@memberjunction/ng-user-view-grid": "^0.9.
|
|
42
|
-
"@memberjunction/ng-query-grid": "^0.9.
|
|
43
|
-
"@memberjunction/ng-shared": "^0.9.
|
|
44
|
-
"@memberjunction/ng-ask-skip": "^0.9.
|
|
41
|
+
"@memberjunction/ng-user-view-grid": "^0.9.152",
|
|
42
|
+
"@memberjunction/ng-query-grid": "^0.9.26",
|
|
43
|
+
"@memberjunction/ng-shared": "^0.9.9",
|
|
44
|
+
"@memberjunction/ng-ask-skip": "^0.9.26",
|
|
45
45
|
"tslib": "^2.3.0"
|
|
46
46
|
},
|
|
47
47
|
"sideEffects": false
|