@memberjunction/ng-explorer-core 1.0.8-next.3 → 1.0.8-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/lib/single-dashboard/single-dashboard.component.js +41 -40
  2. package/dist/module.js +1 -1
  3. package/package.json +16 -16
package/dist/lib/single-dashboard/single-dashboard.component.js CHANGED
@@ -15,9 +15,10 @@ import * as i0 from "@angular/core";
15
15
  import * as i1 from "@angular/router";
16
16
  import * as i2 from "@memberjunction/ng-shared";
17
17
  const _c0 = ["dashboardNameInput"];
18
+ const _forTrack0 = ($index, $item) => $item.uniqueId;
18
19
  function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (rf & 1) {
19
20
  const _r11 = i0.ɵɵgetCurrentView();
20
- i0.ɵɵelementStart(0, "app-add-item-dialog", 14);
21
+ i0.ɵɵelementStart(0, "app-add-item-dialog", 13);
21
22
  i0.ɵɵlistener("onClose", function SingleDashboardComponent_app_add_item_dialog_0_Template_app_add_item_dialog_onClose_0_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.closeDialog($event)); });
22
23
  i0.ɵɵelementEnd();
23
24
  } if (rf & 2) {
@@ -26,7 +27,7 @@ function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (
26
27
  } }
27
28
  function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
28
29
  const _r13 = i0.ɵɵgetCurrentView();
29
- i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 15);
30
+ i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 14);
30
31
  i0.ɵɵlistener("onClose", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onClose_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.closeDashboardDialog($event)); })("triggerAddItem", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_triggerAddItem_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.addItem($event)); })("onSave", function SingleDashboardComponent_div_1_Template_app_edit_dashboard_onSave_1_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.saveChanges($event)); });
31
32
  i0.ɵɵelementEnd()();
32
33
  } if (rf & 2) {
@@ -36,7 +37,7 @@ function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
36
37
  } }
37
38
  function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { if (rf & 1) {
38
39
  const _r17 = i0.ɵɵgetCurrentView();
39
- i0.ɵɵelementStart(0, "app-delete-item-dialog", 16);
40
+ i0.ɵɵelementStart(0, "app-delete-item-dialog", 15);
40
41
  i0.ɵɵlistener("removeDashboardItem", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_removeDashboardItem_0_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.deleteDashboardItem($event)); })("onClose", function SingleDashboardComponent_app_delete_item_dialog_2_Template_app_delete_item_dialog_onClose_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.closeDeleteItemComponent()); });
41
42
  i0.ɵɵelementEnd();
42
43
  } if (rf & 2) {
@@ -45,22 +46,22 @@ function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { i
45
46
  } }
46
47
  function SingleDashboardComponent_div_6_Template(rf, ctx) { if (rf & 1) {
47
48
  const _r21 = i0.ɵɵgetCurrentView();
48
- i0.ɵɵelementStart(0, "div", 8)(1, "input", 17, 18);
49
+ i0.ɵɵelementStart(0, "div", 8)(1, "input", 16, 17);
49
50
  i0.ɵɵlistener("keydown.enter", function SingleDashboardComponent_div_6_Template_input_keydown_enter_1_listener() { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.saveDashboardName()); });
50
51
  i0.ɵɵelementEnd();
51
- i0.ɵɵelementStart(3, "kendo-button", 19);
52
+ i0.ɵɵelementStart(3, "kendo-button", 18);
52
53
  i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.saveDashboardName()); });
53
- i0.ɵɵelement(4, "span", 20);
54
+ i0.ɵɵelement(4, "span", 19);
54
55
  i0.ɵɵelementEnd();
55
- i0.ɵɵelementStart(5, "kendo-button", 19);
56
+ i0.ɵɵelementStart(5, "kendo-button", 18);
56
57
  i0.ɵɵlistener("click", function SingleDashboardComponent_div_6_Template_kendo_button_click_5_listener() { i0.ɵɵrestoreView(_r21); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.cancelNameChange()); });
57
- i0.ɵɵelement(6, "span", 21);
58
+ i0.ɵɵelement(6, "span", 20);
58
59
  i0.ɵɵelementEnd()();
59
60
  } }
60
61
  function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
61
62
  const _r25 = i0.ɵɵgetCurrentView();
62
- i0.ɵɵelement(0, "span", 22);
63
- i0.ɵɵelementStart(1, "h3", 19);
63
+ i0.ɵɵelement(0, "span", 21);
64
+ i0.ɵɵelementStart(1, "h3", 18);
64
65
  i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_7_Template_h3_click_1_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.toggleInlineNameEdit(true)); });
65
66
  i0.ɵɵtext(2);
66
67
  i0.ɵɵelementEnd();
@@ -71,14 +72,14 @@ function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1)
71
72
  } }
72
73
  function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
73
74
  const _r27 = i0.ɵɵgetCurrentView();
74
- i0.ɵɵelementStart(0, "div")(1, "kendo-button", 19);
75
+ i0.ɵɵelementStart(0, "div")(1, "kendo-button", 18);
75
76
  i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.onClickSaveDashboard()); });
76
- i0.ɵɵelement(2, "kendo-svgicon", 23);
77
+ i0.ɵɵelement(2, "kendo-svgicon", 22);
77
78
  i0.ɵɵtext(3, " Save ");
78
79
  i0.ɵɵelementEnd();
79
- i0.ɵɵelementStart(4, "kendo-button", 19);
80
+ i0.ɵɵelementStart(4, "kendo-button", 18);
80
81
  i0.ɵɵlistener("click", function SingleDashboardComponent_div_10_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r27); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onclickCancelChanges()); });
81
- i0.ɵɵelement(5, "kendo-svgicon", 23);
82
+ i0.ɵɵelement(5, "kendo-svgicon", 22);
82
83
  i0.ɵɵtext(6, " Cancel ");
83
84
  i0.ɵɵelementEnd()();
84
85
  } if (rf & 2) {
@@ -90,14 +91,14 @@ function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
90
91
  } }
91
92
  function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
92
93
  const _r30 = i0.ɵɵgetCurrentView();
93
- i0.ɵɵelementStart(0, "kendo-button", 19);
94
+ i0.ɵɵelementStart(0, "kendo-button", 18);
94
95
  i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.addItem()); });
95
- i0.ɵɵelement(1, "kendo-svgicon", 23);
96
+ i0.ɵɵelement(1, "kendo-svgicon", 22);
96
97
  i0.ɵɵtext(2, " Add Item ");
97
98
  i0.ɵɵelementEnd();
98
- i0.ɵɵelementStart(3, "kendo-button", 19);
99
+ i0.ɵɵelementStart(3, "kendo-button", 18);
99
100
  i0.ɵɵlistener("click", function SingleDashboardComponent_ng_template_11_Template_kendo_button_click_3_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.toggleEditDashboard(true)); });
100
- i0.ɵɵelement(4, "kendo-svgicon", 23);
101
+ i0.ɵɵelement(4, "kendo-svgicon", 22);
101
102
  i0.ɵɵtext(5, " Edit Dashboard ");
102
103
  i0.ɵɵelementEnd();
103
104
  } if (rf & 2) {
@@ -107,29 +108,29 @@ function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1)
107
108
  i0.ɵɵadvance(3);
108
109
  i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("gear"));
109
110
  } }
110
- function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template(rf, ctx) { if (rf & 1) {
111
- const _r35 = i0.ɵɵgetCurrentView();
112
- i0.ɵɵelementStart(0, "div")(1, "div", 27)(2, "button", 28);
113
- i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r34.toggleEditDashboard(true)); });
114
- i0.ɵɵelement(3, "span", 29);
111
+ function SingleDashboardComponent_For_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
112
+ const _r39 = i0.ɵɵgetCurrentView();
113
+ i0.ɵɵelementStart(0, "div")(1, "div", 26)(2, "button", 27);
114
+ i0.ɵɵlistener("click", function SingleDashboardComponent_For_16_Conditional_3_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r38.toggleEditDashboard(true)); });
115
+ i0.ɵɵelement(3, "span", 28);
115
116
  i0.ɵɵelementEnd();
116
- i0.ɵɵelementStart(4, "button", 28);
117
- i0.ɵɵlistener("click", function SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r35); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.showConfirmDeleteDashboardItem(item_r32)); });
118
- i0.ɵɵelement(5, "span", 30);
117
+ i0.ɵɵelementStart(4, "button", 27);
118
+ i0.ɵɵlistener("click", function SingleDashboardComponent_For_16_Conditional_3_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r39); const item_r32 = i0.ɵɵnextContext().$implicit; const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.showConfirmDeleteDashboardItem(item_r32)); });
119
+ i0.ɵɵelement(5, "span", 29);
119
120
  i0.ɵɵelementEnd()()();
120
121
  } }
121
122
  const _c1 = a0 => [a0];
122
123
  const _c2 = a1 => ["dashboard-item-header", a1];
123
- function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { if (rf & 1) {
124
- const _r39 = i0.ɵɵgetCurrentView();
125
- i0.ɵɵelementStart(0, "kendo-tilelayout-item", 24);
126
- i0.ɵɵlistener("mouseenter", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_kendo_tilelayout_item_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.onMouseEnter($event)); })("mouseleave", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_kendo_tilelayout_item_mouseleave_0_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.onMouseOut($event)); });
127
- i0.ɵɵelementStart(1, "kendo-tilelayout-item-header", 25);
124
+ function SingleDashboardComponent_For_16_Template(rf, ctx) { if (rf & 1) {
125
+ const _r43 = i0.ɵɵgetCurrentView();
126
+ i0.ɵɵelementStart(0, "kendo-tilelayout-item", 23);
127
+ i0.ɵɵlistener("mouseenter", function SingleDashboardComponent_For_16_Template_kendo_tilelayout_item_mouseenter_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.onMouseEnter($event)); })("mouseleave", function SingleDashboardComponent_For_16_Template_kendo_tilelayout_item_mouseleave_0_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.onMouseOut($event)); });
128
+ i0.ɵɵelementStart(1, "kendo-tilelayout-item-header", 24);
128
129
  i0.ɵɵtext(2);
129
- i0.ɵɵtemplate(3, SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template, 6, 0, "div", 1);
130
+ i0.ɵɵtemplate(3, SingleDashboardComponent_For_16_Conditional_3_Template, 6, 0, "div");
130
131
  i0.ɵɵelementEnd();
131
- i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 25)(5, "mj-resource", 26);
132
- i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_mj_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_kendo_tilelayout_item_15_Template_mj_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.loadingComplete($event)); });
132
+ i0.ɵɵelementStart(4, "kendo-tilelayout-item-body", 24)(5, "mj-resource", 25);
133
+ i0.ɵɵlistener("ContentLoadingStarted", function SingleDashboardComponent_For_16_Template_mj_resource_ContentLoadingStarted_5_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r45 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r45.loadingStarted($event)); })("ContentLoadingComplete", function SingleDashboardComponent_For_16_Template_mj_resource_ContentLoadingComplete_5_listener($event) { i0.ɵɵrestoreView(_r43); const ctx_r46 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r46.loadingComplete($event)); });
133
134
  i0.ɵɵelementEnd()()();
134
135
  } if (rf & 2) {
135
136
  const item_r32 = ctx.$implicit;
@@ -140,7 +141,7 @@ function SingleDashboardComponent_kendo_tilelayout_item_15_Template(rf, ctx) { i
140
141
  i0.ɵɵadvance();
141
142
  i0.ɵɵtextInterpolate1(" ", item_r32.title, " ");
142
143
  i0.ɵɵadvance();
143
- i0.ɵɵproperty("ngIf", !ctx_r9.isEditingDashboard);
144
+ i0.ɵɵconditional(3, !ctx_r9.isEditingDashboard ? 3 : -1);
144
145
  i0.ɵɵadvance();
145
146
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1, ctx_r9.getIsEditingItemBodyStyle()));
146
147
  i0.ɵɵadvance();
@@ -425,7 +426,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
425
426
  } if (rf & 2) {
426
427
  let _t;
427
428
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
428
- } }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 16, vars: 12, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [3, "icon"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
429
+ } }, inputs: { ResourceData: "ResourceData" }, outputs: { dashboardSaved: "dashboardSaved", loadComplete: "loadComplete", loadStarted: "loadStarted" }, decls: 17, vars: 11, consts: [[3, "selectedResource", "onClose", 4, "ngIf"], [4, "ngIf"], [3, "dashboardItem", "removeDashboardItem", "onClose", 4, "ngIf"], [1, "dashboard-container"], [1, "main-head-dashboard"], [1, "dashboard-title"], ["class", "dashboard-header k-d-flex k-flex-row k-justify-content-flex-end", 4, "ngIf", "ngIfElse"], ["dashboard_name_header", ""], [1, "dashboard-header", "k-d-flex", "k-flex-row", "k-justify-content-flex-end"], [4, "ngIf", "ngIfElse"], ["edit_dashboard_buttons", ""], [1, "tile-resource-container"], [3, "columns", "rowHeight", "resizable", "reorderable", "reorder", "resize"], [3, "selectedResource", "onClose"], [3, "items", "config", "onClose", "triggerAddItem", "onSave"], [3, "dashboardItem", "removeDashboardItem", "onClose"], ["type", "text", "placeholder", "Enter name here", "id", "txtDashboardName", 1, "k-textbox", "k-input", "k-input-md", "k-rounded-md", "k-input-solid", 3, "keydown.enter"], ["dashboardNameInput", ""], [3, "click"], [1, "k-i-check", "k-button-icon", "k-icon", "ng-star-inserted"], [1, "k-icon", "k-i-cancel"], [1, "k-icon", "k-i-star"], [3, "icon"], [3, "ngClass", "col", "colSpan", "rowSpan", "id", "mouseenter", "mouseleave"], [3, "ngClass"], [3, "Data", "isVisible", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "btn-wrapper"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-solid", "fa-trash"], [3, "ngClass", "col", "colSpan", "rowSpan", "id"]], template: function SingleDashboardComponent_Template(rf, ctx) { if (rf & 1) {
429
430
  i0.ɵɵtemplate(0, SingleDashboardComponent_app_add_item_dialog_0_Template, 1, 1, "app-add-item-dialog", 0)(1, SingleDashboardComponent_div_1_Template, 2, 2, "div", 1)(2, SingleDashboardComponent_app_delete_item_dialog_2_Template, 1, 1, "app-delete-item-dialog", 2);
430
431
  i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
431
432
  i0.ɵɵtemplate(6, SingleDashboardComponent_div_6_Template, 7, 0, "div", 6)(7, SingleDashboardComponent_ng_template_7_Template, 3, 1, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
@@ -435,7 +436,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
435
436
  i0.ɵɵelementEnd()();
436
437
  i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
437
438
  i0.ɵɵlistener("reorder", function SingleDashboardComponent_Template_kendo_tilelayout_reorder_14_listener($event) { return ctx.onReorder($event); })("resize", function SingleDashboardComponent_Template_kendo_tilelayout_resize_14_listener($event) { return ctx.onResize($event); });
438
- i0.ɵɵtemplate(15, SingleDashboardComponent_kendo_tilelayout_item_15_Template, 6, 17, "kendo-tilelayout-item", 13);
439
+ i0.ɵɵrepeaterCreate(15, SingleDashboardComponent_For_16_Template, 6, 17, "kendo-tilelayout-item", 30, _forTrack0);
439
440
  i0.ɵɵelementEnd()()();
440
441
  } if (rf & 2) {
441
442
  const _r5 = i0.ɵɵreference(8);
@@ -452,11 +453,11 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
452
453
  i0.ɵɵadvance(4);
453
454
  i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", ctx.allowResize)("reorderable", ctx.allowReorder);
454
455
  i0.ɵɵadvance();
455
- i0.ɵɵproperty("ngForOf", ctx.items);
456
- } }, styles: [".dashboard-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header[_ngcontent-%COMP%] {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header[_ngcontent-%COMP%] .btn-ref[_ngcontent-%COMP%] {\n border: none;\n background: transparent;\n}\n.main-head-dashboard[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\n background: #fff;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n background-color: lightgray;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n background-color: darkgray;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n margin-right: 8px\n}"] });
456
+ i0.ɵɵrepeater(ctx.items);
457
+ } }, styles: [".dashboard-title[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title[_ngcontent-%COMP%] h3[_ngcontent-%COMP%] {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header[_ngcontent-%COMP%] {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header[_ngcontent-%COMP%] .btn-ref[_ngcontent-%COMP%] {\n border: none;\n background: transparent;\n}\n.main-head-dashboard[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\n background: #fff;\n}\n\n.bg-light-grey[_ngcontent-%COMP%] {\n background-color: lightgray;\n}\n\n.bg-dark-grey[_ngcontent-%COMP%] {\n background-color: darkgray;\n}\n\n.bg-blue[_ngcontent-%COMP%] {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing[_ngcontent-%COMP%] {\n margin-right: 8px\n}\n\n.btn-wrapper[_ngcontent-%COMP%] > button[_ngcontent-%COMP%] {\n margin-left: 5px;\n}"] });
457
458
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
458
459
  type: Component,
459
- args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n <div class=\"main-head-dashboard\">\n <div class=\"dashboard-title\">\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n <kendo-button (click)=\"saveDashboardName()\">\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n </kendo-button>\n <kendo-button (click)=\"cancelNameChange()\" >\n <span class=\"k-icon k-i-cancel\"></span>\n </kendo-button>\n </div>\n <ng-template #dashboard_name_header>\n <span class=\"k-icon k-i-star\"></span>\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n </ng-template>\n </div>\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n <kendo-button (click)=\"onClickSaveDashboard()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\n Save\n </kendo-button>\n <kendo-button (click)=\"onclickCancelChanges()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\n Cancel\n </kendo-button>\n </div>\n <ng-template #edit_dashboard_buttons>\n <kendo-button (click)=\"addItem()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\n Add Item\n </kendo-button>\n <kendo-button (click)=\"toggleEditDashboard(true)\" >\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n Edit Dashboard\n </kendo-button>\n </ng-template>\n </div>\n </div>\n <div class=\"tile-resource-container\">\n <kendo-tilelayout\n [columns]=\"config.columns\"\n [rowHeight]=\"config.rowHeight\"\n [resizable]=\"allowResize\"\n [reorderable]=\"allowReorder\"\n (reorder)=\"onReorder($event)\"\n (resize)=\"onResize($event)\"\n >\n <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" *ngFor=\"let item of items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\n <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\n {{item.title}}\n <div *ngIf=\"!isEditingDashboard\">\n <div class=\"btn-wrapper\">\n <button kendoButton (click)=\"toggleEditDashboard(true)\">\n <span class=\"k-icon k-i-edit\"></span>\n </button>\n <button kendoButton (click)=\"showConfirmDeleteDashboardItem(item)\"><span\n class=\"k-icon k-i-delete\"></span></button>\n </div>\n </div>\n </kendo-tilelayout-item-header>\n <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\n <mj-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></mj-resource>\n </kendo-tilelayout-item-body>\n </kendo-tilelayout-item>\n </kendo-tilelayout>\n </div>\n</div>\n", styles: [".dashboard-title {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title .k-icon {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title h3 {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n::ng-deep .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n::ng-deep .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n::ng-deep .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header .btn-ref {\n border: none;\n background: transparent;\n}\n.main-head-dashboard {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container .k-tilelayout {\n background: #fff;\n}\n\n.bg-light-grey {\n background-color: lightgray;\n}\n\n.bg-dark-grey {\n background-color: darkgray;\n}\n\n.bg-blue {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing {\n margin-right: 8px\n}"] }]
460
+ args: [{ selector: 'mj-single-dashboard', template: "<app-add-item-dialog *ngIf=\"isItemDialogOpened\" (onClose)=\"closeDialog($event)\" [selectedResource]=\"selectedResource\"></app-add-item-dialog>\n<div *ngIf=\"isEditDialogOpened\">\n <app-edit-dashboard (onClose)=\"closeDashboardDialog($event)\" (triggerAddItem)=\"addItem($event)\" [items]=\"items\" [config]=\"config\" (onSave)=\"saveChanges($event)\"></app-edit-dashboard>\n</div>\n\n<app-delete-item-dialog *ngIf=\"isDeletingDashboardItem\" [dashboardItem]=\"selectedDashboardItem\" (removeDashboardItem)=\"deleteDashboardItem($event)\" (onClose)=\"closeDeleteItemComponent()\"></app-delete-item-dialog>\n\n<div class=\"dashboard-container\">\n <div class=\"main-head-dashboard\">\n <div class=\"dashboard-title\">\n <div *ngIf=\"isEditDashboardNameDialogOpened; else dashboard_name_header\" class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <input class=\"k-textbox k-input k-input-md k-rounded-md k-input-solid\" (keydown.enter)=\"saveDashboardName()\" type=\"text\" placeholder=\"Enter name here\" id=\"txtDashboardName\" #dashboardNameInput>\n <kendo-button (click)=\"saveDashboardName()\">\n <span class=\"k-i-check k-button-icon k-icon ng-star-inserted\"></span>\n </kendo-button>\n <kendo-button (click)=\"cancelNameChange()\" >\n <span class=\"k-icon k-i-cancel\"></span>\n </kendo-button>\n </div>\n <ng-template #dashboard_name_header>\n <span class=\"k-icon k-i-star\"></span>\n <h3 (click)=\"toggleInlineNameEdit(true)\">{{dashboardEntity ? dashboardEntity.Name : ''}}</h3>\n </ng-template>\n </div>\n <div class=\"dashboard-header k-d-flex k-flex-row k-justify-content-flex-end\">\n <div *ngIf=\"isEditingDashboard; else edit_dashboard_buttons\">\n <kendo-button (click)=\"onClickSaveDashboard()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('check')\"></kendo-svgicon>\n Save\n </kendo-button>\n <kendo-button (click)=\"onclickCancelChanges()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('cancel')\"></kendo-svgicon>\n Cancel\n </kendo-button>\n </div>\n <ng-template #edit_dashboard_buttons>\n <kendo-button (click)=\"addItem()\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\n Add Item\n </kendo-button>\n <kendo-button (click)=\"toggleEditDashboard(true)\" >\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n Edit Dashboard\n </kendo-button>\n </ng-template>\n </div>\n </div>\n <div class=\"tile-resource-container\">\n <kendo-tilelayout\n [columns]=\"config.columns\"\n [rowHeight]=\"config.rowHeight\"\n [resizable]=\"allowResize\"\n [reorderable]=\"allowReorder\"\n (reorder)=\"onReorder($event)\"\n (resize)=\"onResize($event)\"\n >\n @for(item of items; track item.uniqueId) {\n <kendo-tilelayout-item (mouseenter)=\"onMouseEnter($event)\" (mouseleave)=\"onMouseOut($event)\" [ngClass]=\"[getSelectedComponentStyle(this)]\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\n <kendo-tilelayout-item-header [ngClass]=\"['dashboard-item-header', getIsEditingItemHeaderStyle()]\">\n {{item.title}}\n @if(!isEditingDashboard) {\n <div>\n <div class=\"btn-wrapper\">\n <button kendoButton (click)=\"toggleEditDashboard(true)\">\n <span class=\"fa-solid fa-pen-to-square\"></span>\n </button>\n <button kendoButton (click)=\"showConfirmDeleteDashboardItem(item)\">\n <span class=\"fa-solid fa-trash\"></span>\n </button>\n </div>\n </div>\n }\n </kendo-tilelayout-item-header>\n <kendo-tilelayout-item-body [ngClass]=\"[getIsEditingItemBodyStyle()]\">\n <mj-resource [Data]=\"item.ResourceData\" [isVisible]=\"true\" (ContentLoadingStarted)=\"loadingStarted($event)\" (ContentLoadingComplete)=\"loadingComplete($event)\"></mj-resource>\n </kendo-tilelayout-item-body>\n </kendo-tilelayout-item>\n }\n </kendo-tilelayout>\n </div>\n</div>\n", styles: [".dashboard-title {\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.dashboard-title .k-icon {\n color: var(--border-blue);\n font-size: 25px;\n}\n.dashboard-title h3 {\ncolor: #424242;\nfont-size: 28px;\nfont-style: normal;\nfont-weight: 300;\nline-height: 28px;\n}\n.dashboard-header {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n::ng-deep .dashboard-header .k-button-solid-base {\n border: 1px solid var(--border-blue) !important;\n color: var(--border-blue) !important;\n border-radius: 10px;\n line-height: 34px;\n background: var(--white-color);\n}\n::ng-deep .dashboard-header .k-button-solid-primary {\n background: var(--border-blue) !important;\n color: var(--white-color) !important;\n border-radius: 10px;\n line-height: 34px;\n border-color: var(--border-blue);\n}\n::ng-deep .dashboard-header .btn-ref .k-button-text {\n display: flex;\n gap: 10px;\n}\n .dashboard-header .btn-ref {\n border: none;\n background: transparent;\n}\n.main-head-dashboard {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.tile-resource-container .k-tilelayout {\n background: #fff;\n}\n\n.bg-light-grey {\n background-color: lightgray;\n}\n\n.bg-dark-grey {\n background-color: darkgray;\n}\n\n.bg-blue {\n background-color: #4250AD;\n color: white;\n}\n\n.dashboard-item-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.button-spacing {\n margin-right: 8px\n}\n\n.btn-wrapper > button {\n margin-left: 5px;\n}"] }]
460
461
  }], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { dashboardNameInput: [{
461
462
  type: ViewChild,
462
463
  args: ['dashboardNameInput']
package/dist/module.js CHANGED
@@ -354,7 +354,7 @@ ExplorerCoreModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [Commo
354
354
  UserNotificationsComponent,
355
355
  ExpansionPanelComponent,
356
356
  ApplicationViewComponent] }); })();
357
- i0.ɵɵsetComponentScope(SingleDashboardComponent, [i1.NgClass, i1.NgForOf, i1.NgIf, i2.ButtonComponent, i3.SVGIconComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent, ResourceContainerComponent,
357
+ i0.ɵɵsetComponentScope(SingleDashboardComponent, [i1.NgClass, i1.NgIf, i2.ButtonComponent, i3.SVGIconComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent, ResourceContainerComponent,
358
358
  AddItemComponent,
359
359
  DeleteItemComponent,
360
360
  EditDashboardComponent], []);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memberjunction/ng-explorer-core",
3
- "version": "1.0.8-next.3",
3
+ "version": "1.0.8-next.4",
4
4
  "description": "MemberJunction Explorer: Core Angular Components",
5
5
  "main": "./dist/public-api.js",
6
6
  "typings": "./dist/public-api.d.ts",
@@ -26,21 +26,21 @@
26
26
  "@angular/router": "~17.2.2"
27
27
  },
28
28
  "dependencies": {
29
- "@memberjunction/global": "^1.0.8-next.3",
30
- "@memberjunction/core": "^1.0.8-next.3",
31
- "@memberjunction/ng-compare-records": "^1.0.8-next.3",
32
- "@memberjunction/ng-file-storage": "^1.0.8-next.3",
33
- "@memberjunction/ng-record-changes": "^1.0.8-next.3",
34
- "@memberjunction/ng-container-directives": "^1.0.8-next.3",
35
- "@memberjunction/ng-user-view-grid": "^1.0.8-next.3",
36
- "@memberjunction/ng-query-grid": "^1.0.8-next.3",
37
- "@memberjunction/ng-user-view-properties": "^1.0.8-next.3",
38
- "@memberjunction/ng-shared": "^1.0.8-next.3",
39
- "@memberjunction/ng-tabstrip": "^1.0.8-next.3",
40
- "@memberjunction/ng-ask-skip": "^1.0.8-next.3",
41
- "@memberjunction/ng-auth-services": "^1.0.8-next.3",
42
- "@memberjunction/ng-explorer-settings": "^1.0.8-next.3",
43
- "@memberjunction/ng-base-forms": "^1.0.8-next.3",
29
+ "@memberjunction/global": "^1.0.8-next.4",
30
+ "@memberjunction/core": "^1.0.8-next.4",
31
+ "@memberjunction/ng-compare-records": "^1.0.8-next.4",
32
+ "@memberjunction/ng-file-storage": "^1.0.8-next.4",
33
+ "@memberjunction/ng-record-changes": "^1.0.8-next.4",
34
+ "@memberjunction/ng-container-directives": "^1.0.8-next.4",
35
+ "@memberjunction/ng-user-view-grid": "^1.0.8-next.4",
36
+ "@memberjunction/ng-query-grid": "^1.0.8-next.4",
37
+ "@memberjunction/ng-user-view-properties": "^1.0.8-next.4",
38
+ "@memberjunction/ng-shared": "^1.0.8-next.4",
39
+ "@memberjunction/ng-tabstrip": "^1.0.8-next.4",
40
+ "@memberjunction/ng-ask-skip": "^1.0.8-next.4",
41
+ "@memberjunction/ng-auth-services": "^1.0.8-next.4",
42
+ "@memberjunction/ng-explorer-settings": "^1.0.8-next.4",
43
+ "@memberjunction/ng-base-forms": "^1.0.8-next.4",
44
44
  "@progress/kendo-angular-grid": "~15.1.0",
45
45
  "@progress/kendo-angular-buttons": "~15.1.0",
46
46
  "@progress/kendo-angular-listview": "~15.1.0",