@memberjunction/ng-explorer-core 1.0.8-beta.0 → 1.0.8-next.1

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 +40 -41
  2. package/dist/module.js +1 -1
  3. package/package.json +16 -16
package/dist/lib/single-dashboard/single-dashboard.component.js CHANGED
@@ -15,10 +15,9 @@ 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;
19
18
  function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (rf & 1) {
20
19
  const _r11 = i0.ɵɵgetCurrentView();
21
- i0.ɵɵelementStart(0, "app-add-item-dialog", 13);
20
+ i0.ɵɵelementStart(0, "app-add-item-dialog", 14);
22
21
  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)); });
23
22
  i0.ɵɵelementEnd();
24
23
  } if (rf & 2) {
@@ -27,7 +26,7 @@ function SingleDashboardComponent_app_add_item_dialog_0_Template(rf, ctx) { if (
27
26
  } }
28
27
  function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
29
28
  const _r13 = i0.ɵɵgetCurrentView();
30
- i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 14);
29
+ i0.ɵɵelementStart(0, "div")(1, "app-edit-dashboard", 15);
31
30
  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)); });
32
31
  i0.ɵɵelementEnd()();
33
32
  } if (rf & 2) {
@@ -37,7 +36,7 @@ function SingleDashboardComponent_div_1_Template(rf, ctx) { if (rf & 1) {
37
36
  } }
38
37
  function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { if (rf & 1) {
39
38
  const _r17 = i0.ɵɵgetCurrentView();
40
- i0.ɵɵelementStart(0, "app-delete-item-dialog", 15);
39
+ i0.ɵɵelementStart(0, "app-delete-item-dialog", 16);
41
40
  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()); });
42
41
  i0.ɵɵelementEnd();
43
42
  } if (rf & 2) {
@@ -46,22 +45,22 @@ function SingleDashboardComponent_app_delete_item_dialog_2_Template(rf, ctx) { i
46
45
  } }
47
46
  function SingleDashboardComponent_div_6_Template(rf, ctx) { if (rf & 1) {
48
47
  const _r21 = i0.ɵɵgetCurrentView();
49
- i0.ɵɵelementStart(0, "div", 8)(1, "input", 16, 17);
48
+ i0.ɵɵelementStart(0, "div", 8)(1, "input", 17, 18);
50
49
  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()); });
51
50
  i0.ɵɵelementEnd();
52
- i0.ɵɵelementStart(3, "kendo-button", 18);
51
+ i0.ɵɵelementStart(3, "kendo-button", 19);
53
52
  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()); });
54
- i0.ɵɵelement(4, "span", 19);
53
+ i0.ɵɵelement(4, "span", 20);
55
54
  i0.ɵɵelementEnd();
56
- i0.ɵɵelementStart(5, "kendo-button", 18);
55
+ i0.ɵɵelementStart(5, "kendo-button", 19);
57
56
  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()); });
58
- i0.ɵɵelement(6, "span", 20);
57
+ i0.ɵɵelement(6, "span", 21);
59
58
  i0.ɵɵelementEnd()();
60
59
  } }
61
60
  function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
62
61
  const _r25 = i0.ɵɵgetCurrentView();
63
- i0.ɵɵelement(0, "span", 21);
64
- i0.ɵɵelementStart(1, "h3", 18);
62
+ i0.ɵɵelement(0, "span", 22);
63
+ i0.ɵɵelementStart(1, "h3", 19);
65
64
  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)); });
66
65
  i0.ɵɵtext(2);
67
66
  i0.ɵɵelementEnd();
@@ -72,14 +71,14 @@ function SingleDashboardComponent_ng_template_7_Template(rf, ctx) { if (rf & 1)
72
71
  } }
73
72
  function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
74
73
  const _r27 = i0.ɵɵgetCurrentView();
75
- i0.ɵɵelementStart(0, "div")(1, "kendo-button", 18);
74
+ i0.ɵɵelementStart(0, "div")(1, "kendo-button", 19);
76
75
  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()); });
77
- i0.ɵɵelement(2, "kendo-svgicon", 22);
76
+ i0.ɵɵelement(2, "kendo-svgicon", 23);
78
77
  i0.ɵɵtext(3, " Save ");
79
78
  i0.ɵɵelementEnd();
80
- i0.ɵɵelementStart(4, "kendo-button", 18);
79
+ i0.ɵɵelementStart(4, "kendo-button", 19);
81
80
  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()); });
82
- i0.ɵɵelement(5, "kendo-svgicon", 22);
81
+ i0.ɵɵelement(5, "kendo-svgicon", 23);
83
82
  i0.ɵɵtext(6, " Cancel ");
84
83
  i0.ɵɵelementEnd()();
85
84
  } if (rf & 2) {
@@ -91,14 +90,14 @@ function SingleDashboardComponent_div_10_Template(rf, ctx) { if (rf & 1) {
91
90
  } }
92
91
  function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1) {
93
92
  const _r30 = i0.ɵɵgetCurrentView();
94
- i0.ɵɵelementStart(0, "kendo-button", 18);
93
+ i0.ɵɵelementStart(0, "kendo-button", 19);
95
94
  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()); });
96
- i0.ɵɵelement(1, "kendo-svgicon", 22);
95
+ i0.ɵɵelement(1, "kendo-svgicon", 23);
97
96
  i0.ɵɵtext(2, " Add Item ");
98
97
  i0.ɵɵelementEnd();
99
- i0.ɵɵelementStart(3, "kendo-button", 18);
98
+ i0.ɵɵelementStart(3, "kendo-button", 19);
100
99
  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)); });
101
- i0.ɵɵelement(4, "kendo-svgicon", 22);
100
+ i0.ɵɵelement(4, "kendo-svgicon", 23);
102
101
  i0.ɵɵtext(5, " Edit Dashboard ");
103
102
  i0.ɵɵelementEnd();
104
103
  } if (rf & 2) {
@@ -108,29 +107,29 @@ function SingleDashboardComponent_ng_template_11_Template(rf, ctx) { if (rf & 1)
108
107
  i0.ɵɵadvance(3);
109
108
  i0.ɵɵproperty("icon", ctx_r7.sharedService.kendoSVGIcon("gear"));
110
109
  } }
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);
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);
116
115
  i0.ɵɵelementEnd();
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);
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);
120
119
  i0.ɵɵelementEnd()()();
121
120
  } }
122
121
  const _c1 = a0 => [a0];
123
122
  const _c2 = a1 => ["dashboard-item-header", a1];
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);
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);
129
128
  i0.ɵɵtext(2);
130
- i0.ɵɵtemplate(3, SingleDashboardComponent_For_16_Conditional_3_Template, 6, 0, "div");
129
+ i0.ɵɵtemplate(3, SingleDashboardComponent_kendo_tilelayout_item_15_div_3_Template, 6, 0, "div", 1);
131
130
  i0.ɵɵelementEnd();
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)); });
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)); });
134
133
  i0.ɵɵelementEnd()()();
135
134
  } if (rf & 2) {
136
135
  const item_r32 = ctx.$implicit;
@@ -141,7 +140,7 @@ function SingleDashboardComponent_For_16_Template(rf, ctx) { if (rf & 1) {
141
140
  i0.ɵɵadvance();
142
141
  i0.ɵɵtextInterpolate1(" ", item_r32.title, " ");
143
142
  i0.ɵɵadvance();
144
- i0.ɵɵconditional(3, !ctx_r9.isEditingDashboard ? 3 : -1);
143
+ i0.ɵɵproperty("ngIf", !ctx_r9.isEditingDashboard);
145
144
  i0.ɵɵadvance();
146
145
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(15, _c1, ctx_r9.getIsEditingItemBodyStyle()));
147
146
  i0.ɵɵadvance();
@@ -426,7 +425,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
426
425
  } if (rf & 2) {
427
426
  let _t;
428
427
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dashboardNameInput = _t.first);
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) {
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) {
430
429
  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);
431
430
  i0.ɵɵelementStart(3, "div", 3)(4, "div", 4)(5, "div", 5);
432
431
  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);
@@ -436,7 +435,7 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
436
435
  i0.ɵɵelementEnd()();
437
436
  i0.ɵɵelementStart(13, "div", 11)(14, "kendo-tilelayout", 12);
438
437
  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); });
439
- i0.ɵɵrepeaterCreate(15, SingleDashboardComponent_For_16_Template, 6, 17, "kendo-tilelayout-item", 30, _forTrack0);
438
+ i0.ɵɵtemplate(15, SingleDashboardComponent_kendo_tilelayout_item_15_Template, 6, 17, "kendo-tilelayout-item", 13);
440
439
  i0.ɵɵelementEnd()()();
441
440
  } if (rf & 2) {
442
441
  const _r5 = i0.ɵɵreference(8);
@@ -453,11 +452,11 @@ SingleDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Si
453
452
  i0.ɵɵadvance(4);
454
453
  i0.ɵɵproperty("columns", ctx.config.columns)("rowHeight", ctx.config.rowHeight)("resizable", ctx.allowResize)("reorderable", ctx.allowReorder);
455
454
  i0.ɵɵadvance();
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}"] });
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}"] });
458
457
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleDashboardComponent, [{
459
458
  type: Component,
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}"] }]
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}"] }]
461
460
  }], () => [{ type: i1.ActivatedRoute }, { type: i2.SharedService }], { dashboardNameInput: [{
462
461
  type: ViewChild,
463
462
  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.NgIf, i2.ButtonComponent, i3.SVGIconComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent, ResourceContainerComponent,
357
+ i0.ɵɵsetComponentScope(SingleDashboardComponent, [i1.NgClass, i1.NgForOf, 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-beta.0",
3
+ "version": "1.0.8-next.1",
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-beta.0",
30
- "@memberjunction/core": "^1.0.8-beta.0",
31
- "@memberjunction/ng-compare-records": "^1.0.8-beta.0",
32
- "@memberjunction/ng-file-storage": "^1.0.8-beta.0",
33
- "@memberjunction/ng-record-changes": "^1.0.8-beta.0",
34
- "@memberjunction/ng-container-directives": "^1.0.8-beta.0",
35
- "@memberjunction/ng-user-view-grid": "^1.0.8-beta.0",
36
- "@memberjunction/ng-query-grid": "^1.0.8-beta.0",
37
- "@memberjunction/ng-user-view-properties": "^1.0.8-beta.0",
38
- "@memberjunction/ng-shared": "^1.0.8-beta.0",
39
- "@memberjunction/ng-tabstrip": "^1.0.8-beta.0",
40
- "@memberjunction/ng-ask-skip": "^1.0.8-beta.0",
41
- "@memberjunction/ng-auth-services": "^1.0.8-beta.0",
42
- "@memberjunction/ng-explorer-settings": "^1.0.8-beta.0",
43
- "@memberjunction/ng-base-forms": "^1.0.8-beta.0",
29
+ "@memberjunction/global": "^1.0.8-next.1",
30
+ "@memberjunction/core": "^1.0.8-next.1",
31
+ "@memberjunction/ng-compare-records": "^1.0.8-next.1",
32
+ "@memberjunction/ng-file-storage": "^1.0.8-next.1",
33
+ "@memberjunction/ng-record-changes": "^1.0.8-next.1",
34
+ "@memberjunction/ng-container-directives": "^1.0.8-next.1",
35
+ "@memberjunction/ng-user-view-grid": "^1.0.8-next.1",
36
+ "@memberjunction/ng-query-grid": "^1.0.8-next.1",
37
+ "@memberjunction/ng-user-view-properties": "^1.0.8-next.1",
38
+ "@memberjunction/ng-shared": "^1.0.8-next.1",
39
+ "@memberjunction/ng-tabstrip": "^1.0.8-next.1",
40
+ "@memberjunction/ng-ask-skip": "^1.0.8-next.1",
41
+ "@memberjunction/ng-auth-services": "^1.0.8-next.1",
42
+ "@memberjunction/ng-explorer-settings": "^1.0.8-next.1",
43
+ "@memberjunction/ng-base-forms": "^1.0.8-next.1",
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",