@memberjunction/ng-user-view-properties 0.9.12 → 0.9.13

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 (2) hide show
  1. package/dist/lib/user-view-properties.component.js +45 -58
  2. package/package.json +2 -2
package/dist/lib/user-view-properties.component.js CHANGED
@@ -34,30 +34,26 @@ function UserViewPropertiesDialogComponent_button_1_Template(rf, ctx) { if (rf &
34
34
  const _r5 = i0.ɵɵgetCurrentView();
35
35
  i0.ɵɵelementStart(0, "button", 4);
36
36
  i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.Open()); });
37
- i0.ɵɵelement(1, "kendo-svgicon", 5);
37
+ i0.ɵɵelement(1, "span", 5);
38
38
  i0.ɵɵtext(2, " Properties ");
39
39
  i0.ɵɵelementEnd();
40
- } if (rf & 2) {
41
- const ctx_r0 = i0.ɵɵnextContext();
42
- i0.ɵɵadvance();
43
- i0.ɵɵproperty("icon", ctx_r0.sharedService.kendoSVGIcon("gear"));
44
40
  } }
45
41
  function UserViewPropertiesDialogComponent_div_4_Template(rf, ctx) { if (rf & 1) {
46
42
  i0.ɵɵelement(0, "div", 6);
47
43
  } }
48
44
  function UserViewPropertiesDialogComponent_kendo_window_5_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
49
- i0.ɵɵelement(0, "kendo-loader", 21);
45
+ i0.ɵɵelement(0, "kendo-loader", 22);
50
46
  } }
51
47
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template(rf, ctx) { if (rf & 1) {
52
48
  const _r15 = i0.ɵɵgetCurrentView();
53
- i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
54
- i0.ɵɵelement(2, "kendo-label", 24);
55
- i0.ɵɵelementStart(3, "kendo-textbox", 25, 26);
49
+ i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
50
+ i0.ɵɵelement(2, "kendo-label", 25);
51
+ i0.ɵɵelementStart(3, "kendo-textbox", 26, 27);
56
52
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r14.record.Name, $event) || (ctx_r14.record.Name = $event); return i0.ɵɵresetView($event); });
57
53
  i0.ɵɵelementEnd()();
58
- i0.ɵɵelementStart(5, "div", 27);
59
- i0.ɵɵelement(6, "kendo-label", 28);
60
- i0.ɵɵelementStart(7, "textarea", 29);
54
+ i0.ɵɵelementStart(5, "div", 28);
55
+ i0.ɵɵelement(6, "kendo-label", 29);
56
+ i0.ɵɵelementStart(7, "textarea", 30);
61
57
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r16 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r16.record.Description, $event) || (ctx_r16.record.Description = $event); return i0.ɵɵresetView($event); });
62
58
  i0.ɵɵelementEnd()()();
63
59
  } if (rf & 2) {
@@ -69,30 +65,27 @@ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_7_Template
69
65
  } }
70
66
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template(rf, ctx) { if (rf & 1) {
71
67
  const _r20 = i0.ɵɵgetCurrentView();
72
- i0.ɵɵelementStart(0, "div", 31)(1, "div")(2, "input", 32);
68
+ i0.ɵɵelementStart(0, "div", 32)(1, "div")(2, "input", 33);
73
69
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r20); const col_r18 = restoredCtx.item; i0.ɵɵtwoWayBindingSet(col_r18.hidden, $event) || (col_r18.hidden = $event); return i0.ɵɵresetView($event); });
74
70
  i0.ɵɵlistener("change", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template_input_change_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r20); const col_r18 = restoredCtx.item; const ctx_r21 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r21.toggleColumn(col_r18)); });
75
71
  i0.ɵɵelementEnd();
76
- i0.ɵɵelement(3, "kendo-label", 33);
72
+ i0.ɵɵelement(3, "kendo-label", 34);
77
73
  i0.ɵɵelementEnd();
78
- i0.ɵɵelement(4, "kendo-svgicon", 5);
74
+ i0.ɵɵelement(4, "span", 35);
79
75
  i0.ɵɵelementEnd();
80
76
  } if (rf & 2) {
81
77
  const col_r18 = ctx.item;
82
- const ctx_r17 = i0.ɵɵnextContext(3);
83
78
  i0.ɵɵadvance(2);
84
79
  i0.ɵɵpropertyInterpolate1("id", "column_", col_r18.ID, "");
85
80
  i0.ɵɵtwoWayProperty("ngModel", !col_r18.hidden);
86
81
  i0.ɵɵadvance();
87
82
  i0.ɵɵproperty("for", "column_" + col_r18.ID)("text", col_r18.DisplayName ? col_r18.DisplayName : col_r18.Name);
88
- i0.ɵɵadvance();
89
- i0.ɵɵproperty("icon", ctx_r17.sharedService.kendoSVGIcon("reorder"));
90
83
  } }
91
84
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template(rf, ctx) { if (rf & 1) {
92
85
  const _r23 = i0.ɵɵgetCurrentView();
93
- i0.ɵɵelementStart(0, "kendo-sortable", 30);
86
+ i0.ɵɵelementStart(0, "kendo-sortable", 31);
94
87
  i0.ɵɵlistener("dragEnd", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template_kendo_sortable_dragEnd_0_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.onDragEnd($event)); });
95
- i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template, 5, 5, "ng-template");
88
+ i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_ng_template_1_Template, 5, 4, "ng-template");
96
89
  i0.ɵɵelementEnd();
97
90
  } if (rf & 2) {
98
91
  const ctx_r9 = i0.ɵɵnextContext(2);
@@ -100,7 +93,7 @@ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_9_Template
100
93
  } }
101
94
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template(rf, ctx) { if (rf & 1) {
102
95
  const _r27 = i0.ɵɵgetCurrentView();
103
- i0.ɵɵelementStart(0, "div", 39)(1, "kendo-textarea", 40);
96
+ i0.ɵɵelementStart(0, "div", 41)(1, "kendo-textarea", 42);
104
97
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r26 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r26.record.SmartFilterPrompt, $event) || (ctx_r26.record.SmartFilterPrompt = $event); return i0.ɵɵresetView($event); });
105
98
  i0.ɵɵelementEnd()();
106
99
  } if (rf & 2) {
@@ -112,7 +105,7 @@ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_T
112
105
  } }
113
106
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template(rf, ctx) { if (rf & 1) {
114
107
  const _r29 = i0.ɵɵgetCurrentView();
115
- i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 41);
108
+ i0.ɵɵelementStart(0, "div")(1, "kendo-filter", 43);
116
109
  i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template_kendo_filter_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r28 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r28.onFilterChange($event)); });
117
110
  i0.ɵɵelementEnd()();
118
111
  } if (rf & 2) {
@@ -122,12 +115,12 @@ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_T
122
115
  } }
123
116
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template(rf, ctx) { if (rf & 1) {
124
117
  const _r31 = i0.ɵɵgetCurrentView();
125
- i0.ɵɵelementStart(0, "div", 34);
126
- i0.ɵɵelement(1, "kendo-label", 35);
127
- i0.ɵɵelementStart(2, "kendo-switch", 36);
118
+ i0.ɵɵelementStart(0, "div", 36);
119
+ i0.ɵɵelement(1, "kendo-label", 37);
120
+ i0.ɵɵelementStart(2, "kendo-switch", 38);
128
121
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template_kendo_switch_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r30.record.SmartFilterEnabled, $event) || (ctx_r30.record.SmartFilterEnabled = $event); return i0.ɵɵresetView($event); });
129
122
  i0.ɵɵelementEnd()();
130
- i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template, 2, 3, "div", 37)(4, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template, 2, 2, "div", 38);
123
+ i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_3_Template, 2, 3, "div", 39)(4, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_div_4_Template, 2, 2, "div", 40);
131
124
  } if (rf & 2) {
132
125
  const ctx_r10 = i0.ɵɵnextContext(2);
133
126
  i0.ɵɵadvance(2);
@@ -139,17 +132,17 @@ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Templat
139
132
  } }
140
133
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template(rf, ctx) { if (rf & 1) {
141
134
  const _r35 = i0.ɵɵgetCurrentView();
142
- i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 45);
135
+ i0.ɵɵelementStart(0, "div")(1, "kendo-dropdownlist", 48);
143
136
  i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r34 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r34.sortColumnValueChange(s_r33, $event)); });
144
137
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r33.field, $event) || (s_r33.field = $event); return i0.ɵɵresetView($event); });
145
138
  i0.ɵɵelementEnd();
146
- i0.ɵɵelementStart(2, "kendo-dropdownlist", 46);
139
+ i0.ɵɵelementStart(2, "kendo-dropdownlist", 49);
147
140
  i0.ɵɵlistener("valueChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_valueChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r37 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r37.sortDirectionValueChange(s_r33, $event)); });
148
141
  i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; i0.ɵɵtwoWayBindingSet(s_r33.direction, $event) || (s_r33.direction = $event); return i0.ɵɵresetView($event); });
149
142
  i0.ɵɵelementEnd();
150
- i0.ɵɵelementStart(3, "button", 43);
143
+ i0.ɵɵelementStart(3, "button", 45);
151
144
  i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r35); const s_r33 = restoredCtx.$implicit; const ctx_r39 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r39.removeSort(s_r33)); });
152
- i0.ɵɵelement(4, "kendo-svgicon", 5);
145
+ i0.ɵɵelement(4, "span", 50);
153
146
  i0.ɵɵelementEnd()();
154
147
  } if (rf & 2) {
155
148
  const s_r33 = ctx.$implicit;
@@ -160,56 +153,50 @@ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_T
160
153
  i0.ɵɵadvance();
161
154
  i0.ɵɵproperty("data", ctx_r32.sortDirections);
162
155
  i0.ɵɵtwoWayProperty("ngModel", s_r33.direction);
163
- i0.ɵɵadvance(2);
164
- i0.ɵɵproperty("icon", ctx_r32.sharedService.kendoSVGIcon("sortClear"));
165
156
  } }
166
157
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template(rf, ctx) { if (rf & 1) {
167
158
  const _r41 = i0.ɵɵgetCurrentView();
168
- i0.ɵɵelementStart(0, "div", 42)(1, "button", 43);
159
+ i0.ɵɵelementStart(0, "div", 44)(1, "button", 45);
169
160
  i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r41); const ctx_r40 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r40.addSort()); });
170
- i0.ɵɵelement(2, "kendo-svgicon", 5);
161
+ i0.ɵɵelement(2, "span", 46);
171
162
  i0.ɵɵelementEnd()();
172
- i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template, 5, 5, "div", 44);
163
+ i0.ɵɵtemplate(3, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_div_3_Template, 5, 4, "div", 47);
173
164
  } if (rf & 2) {
174
165
  const ctx_r11 = i0.ɵɵnextContext(2);
175
- i0.ɵɵadvance(2);
176
- i0.ɵɵproperty("icon", ctx_r11.sharedService.kendoSVGIcon("filterAddExpression"));
177
- i0.ɵɵadvance();
166
+ i0.ɵɵadvance(3);
178
167
  i0.ɵɵproperty("ngForOf", ctx_r11.sortState);
179
168
  } }
180
- function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template(rf, ctx) { if (rf & 1) {
169
+ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template(rf, ctx) { if (rf & 1) {
181
170
  const _r45 = i0.ɵɵgetCurrentView();
182
- i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 48);
183
- i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r44.record.SmartFilterExplanation, $event) || (ctx_r44.record.SmartFilterExplanation = $event); return i0.ɵɵresetView($event); });
171
+ i0.ɵɵelementStart(0, "kendo-textarea", 51);
172
+ i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r44 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r44.record.SmartFilterExplanation, $event) || (ctx_r44.record.SmartFilterExplanation = $event); return i0.ɵɵresetView($event); });
173
+ i0.ɵɵelementEnd();
174
+ i0.ɵɵelementStart(1, "kendo-textarea", 51);
175
+ i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r46 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r46.record.SmartFilterWhereClause, $event) || (ctx_r46.record.SmartFilterWhereClause = $event); return i0.ɵɵresetView($event); });
184
176
  i0.ɵɵelementEnd();
185
- i0.ɵɵelementStart(2, "kendo-textarea", 48);
186
- i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template_kendo_textarea_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r45); const ctx_r46 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r46.record.SmartFilterWhereClause, $event) || (ctx_r46.record.SmartFilterWhereClause = $event); return i0.ɵɵresetView($event); });
187
- i0.ɵɵelementEnd()();
188
177
  } if (rf & 2) {
189
178
  const ctx_r42 = i0.ɵɵnextContext(3);
190
- i0.ɵɵadvance();
191
179
  i0.ɵɵproperty("readonly", true)("rows", 5);
192
180
  i0.ɵɵtwoWayProperty("ngModel", ctx_r42.record.SmartFilterExplanation);
193
181
  i0.ɵɵadvance();
194
182
  i0.ɵɵproperty("readonly", true)("rows", 5);
195
183
  i0.ɵɵtwoWayProperty("ngModel", ctx_r42.record.SmartFilterWhereClause);
196
184
  } }
197
- function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_1_Template(rf, ctx) { if (rf & 1) {
185
+ function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
198
186
  const _r48 = i0.ɵɵgetCurrentView();
199
- i0.ɵɵelementStart(0, "div")(1, "kendo-textarea", 48);
200
- i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_1_Template_kendo_textarea_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r47.record.WhereClause, $event) || (ctx_r47.record.WhereClause = $event); return i0.ɵɵresetView($event); });
201
- i0.ɵɵelementEnd()();
187
+ i0.ɵɵelementStart(0, "kendo-textarea", 51);
188
+ i0.ɵɵtwoWayListener("ngModelChange", function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template_kendo_textarea_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r48); const ctx_r47 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r47.record.WhereClause, $event) || (ctx_r47.record.WhereClause = $event); return i0.ɵɵresetView($event); });
189
+ i0.ɵɵelementEnd();
202
190
  } if (rf & 2) {
203
191
  const ctx_r43 = i0.ɵɵnextContext(3);
204
- i0.ɵɵadvance();
205
192
  i0.ɵɵproperty("readonly", true)("rows", 7);
206
193
  i0.ɵɵtwoWayProperty("ngModel", ctx_r43.record.WhereClause);
207
194
  } }
208
195
  function UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template(rf, ctx) { if (rf & 1) {
209
- i0.ɵɵtemplate(0, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_0_Template, 3, 6, "div", 38)(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_div_1_Template, 2, 3, "div", 47);
196
+ i0.ɵɵtemplate(0, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_0_Template, 2, 6)(1, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Conditional_1_Template, 1, 3);
210
197
  } if (rf & 2) {
211
198
  const ctx_r12 = i0.ɵɵnextContext(2);
212
- i0.ɵɵproperty("ngIf", ctx_r12.record.SmartFilterEnabled);
199
+ i0.ɵɵconditional(0, ctx_r12.record.SmartFilterEnabled ? 0 : 1);
213
200
  } }
214
201
  function UserViewPropertiesDialogComponent_kendo_window_5_Template(rf, ctx) { if (rf & 1) {
215
202
  const _r50 = i0.ɵɵgetCurrentView();
@@ -226,17 +213,17 @@ function UserViewPropertiesDialogComponent_kendo_window_5_Template(rf, ctx) { if
226
213
  i0.ɵɵtemplate(11, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_11_Template, 5, 3, "ng-template", 13);
227
214
  i0.ɵɵelementEnd();
228
215
  i0.ɵɵelementStart(12, "kendo-tabstrip-tab", 16);
229
- i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template, 4, 2, "ng-template", 13);
216
+ i0.ɵɵtemplate(13, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_13_Template, 4, 1, "ng-template", 13);
230
217
  i0.ɵɵelementEnd();
231
218
  i0.ɵɵelementStart(14, "kendo-tabstrip-tab", 17);
232
219
  i0.ɵɵtemplate(15, UserViewPropertiesDialogComponent_kendo_window_5_ng_template_15_Template, 2, 1, "ng-template", 13);
233
220
  i0.ɵɵelementEnd()();
234
221
  i0.ɵɵelementStart(16, "div", 18)(17, "button", 19);
235
222
  i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r50); const ctx_r54 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r54.saveProperties()); });
236
- i0.ɵɵelement(18, "kendo-svgicon", 5);
223
+ i0.ɵɵelement(18, "kendo-svgicon", 20);
237
224
  i0.ɵɵtext(19, " Save ");
238
225
  i0.ɵɵelementEnd();
239
- i0.ɵɵelementStart(20, "button", 20);
226
+ i0.ɵɵelementStart(20, "button", 21);
240
227
  i0.ɵɵlistener("click", function UserViewPropertiesDialogComponent_kendo_window_5_Template_button_click_20_listener() { i0.ɵɵrestoreView(_r50); const ctx_r55 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r55.closePropertiesDialog()); });
241
228
  i0.ɵɵtext(21, "Cancel");
242
229
  i0.ɵɵelementEnd()()()()();
@@ -583,9 +570,9 @@ UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
583
570
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.nameField = _t.first);
584
571
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dialogContainer = _t.first);
585
572
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.outerDialogContainer = _t.first);
586
- } }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 3, consts: [["kendoButton", "", "themeColor", "info", "class", "view-properties-button", 3, "click", 4, "ngIf"], ["outerDialogContainer", ""], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], ["kendoButton", "", "themeColor", "info", 1, "view-properties-button", 3, "click"], [3, "icon"], [1, "k-overlay"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange"], ["type", "converging-spinner", 4, "ngIf"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], ["dialogContainer", ""], [3, "keepTabContent", "animate", "height"], ["title", "General", 3, "selected"], ["kendoTabContent", ""], ["title", "Fields"], ["title", "Filters"], ["title", "Sorting"], ["title", "Advanced"], [1, "k-actions", "k-actions-end", "customBtn", "popup-actions"], ["kendoButton", "", "themeColor", "info", 3, "click"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 3, "click"], ["type", "converging-spinner"], [1, "view-prop-tab-contents"], [1, "form-group"], ["text", "Name", 1, "k-form-label"], [1, "view-name", 3, "ngModel", "ngModelChange"], ["nameField", ""], [1, "form-group", "form-group-description"], ["text", "Description", 1, "k-form-label"], [1, "k-input", "k-input-solid", "view-description", 3, "ngModel", "ngModelChange"], ["itemClass", "item", "activeItemClass", "item active", 3, "kendoSortableBinding", "animation", "dragEnd"], [1, "item-content"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "id", "ngModelChange", "change"], [1, "k-checkbox-label", 3, "for", "text"], [1, "smart-filter-container"], ["text", "Smart Filter", 1, "smart-filter-label"], [3, "ngModel", "ngModelChange"], ["class", "smart-filter-prompt", "mjFillContainer", "", 3, "fillHeight", 4, "ngIf"], [4, "ngIf"], ["mjFillContainer", "", 1, "smart-filter-prompt", 3, "fillHeight"], ["placeholder", "Describe how you would like the data filtered", "resizable", "vertical", 3, "rows", "ngModel", "ngModelChange"], [3, "filters", "value", "valueChange"], [1, "sort-header"], ["kendoButton", "", 3, "click"], [4, "ngFor", "ngForOf"], ["textField", "Name", "valueField", "Name", 1, "sort-column", 3, "data", "ngModel", "valueChange", "ngModelChange"], ["textField", "Name", "valueField", "Value", 1, "sort-direction", 3, "data", "ngModel", "valueChange", "ngModelChange"], [4, "ngElse"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel", "ngModelChange"]], template: function UserViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
573
+ } }, inputs: { ViewID: "ViewID", EntityName: "EntityName", ShowPropertiesButton: "ShowPropertiesButton" }, outputs: { dialogClosed: "dialogClosed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 6, vars: 3, consts: [["kendoButton", "", "themeColor", "info", "class", "view-properties-button", 3, "click", 4, "ngIf"], ["outerDialogContainer", ""], ["class", "k-overlay", 4, "ngIf"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange", 4, "ngIf"], ["kendoButton", "", "themeColor", "info", 1, "view-properties-button", 3, "click"], [1, "fa-solid", "fa-gear"], [1, "k-overlay"], ["title", "View Properties", 3, "minHeight", "minWidth", "top", "left", "width", "height", "resizable", "close", "resizeEnd", "heightChange", "widthChange"], ["type", "converging-spinner", 4, "ngIf"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full"], ["dialogContainer", ""], [3, "keepTabContent", "animate", "height"], ["title", "General", 3, "selected"], ["kendoTabContent", ""], ["title", "Fields"], ["title", "Filters"], ["title", "Sorting"], ["title", "Advanced"], [1, "k-actions", "k-actions-end", "customBtn", "popup-actions"], ["kendoButton", "", "themeColor", "info", 3, "click"], [3, "icon"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 3, "click"], ["type", "converging-spinner"], [1, "view-prop-tab-contents"], [1, "form-group"], ["text", "Name", 1, "k-form-label"], [1, "view-name", 3, "ngModel", "ngModelChange"], ["nameField", ""], [1, "form-group", "form-group-description"], ["text", "Description", 1, "k-form-label"], [1, "k-input", "k-input-solid", "view-description", 3, "ngModel", "ngModelChange"], ["itemClass", "item", "activeItemClass", "item active", 3, "kendoSortableBinding", "animation", "dragEnd"], [1, "item-content"], ["type", "checkbox", "kendoCheckBox", "", 3, "ngModel", "id", "ngModelChange", "change"], [1, "k-checkbox-label", 3, "for", "text"], [1, "fa-solid", "fa-bars-staggered"], [1, "smart-filter-container"], ["text", "Smart Filter", 1, "smart-filter-label"], [3, "ngModel", "ngModelChange"], ["class", "smart-filter-prompt", "mjFillContainer", "", 3, "fillHeight", 4, "ngIf"], [4, "ngIf"], ["mjFillContainer", "", 1, "smart-filter-prompt", 3, "fillHeight"], ["placeholder", "Describe how you would like the data filtered", "resizable", "vertical", 3, "rows", "ngModel", "ngModelChange"], [3, "filters", "value", "valueChange"], [1, "sort-header"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-arrow-up-a-z"], [4, "ngFor", "ngForOf"], ["textField", "Name", "valueField", "Name", 1, "sort-column", 3, "data", "ngModel", "valueChange", "ngModelChange"], ["textField", "Name", "valueField", "Value", 1, "sort-direction", 3, "data", "ngModel", "valueChange", "ngModelChange"], [1, "fa-solid", "fa-arrow-up-z-a"], ["resizable", "vertical", 1, "advanced-tab-details", 3, "readonly", "rows", "ngModel", "ngModelChange"]], template: function UserViewPropertiesDialogComponent_Template(rf, ctx) { if (rf & 1) {
587
574
  i0.ɵɵelementStart(0, "div");
588
- i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_button_1_Template, 3, 1, "button", 0);
575
+ i0.ɵɵtemplate(1, UserViewPropertiesDialogComponent_button_1_Template, 3, 0, "button", 0);
589
576
  i0.ɵɵelementStart(2, "div", null, 1);
590
577
  i0.ɵɵtemplate(4, UserViewPropertiesDialogComponent_div_4_Template, 1, 0, "div", 2)(5, UserViewPropertiesDialogComponent_kendo_window_5_Template, 22, 15, "kendo-window", 3);
591
578
  i0.ɵɵelementEnd()();
@@ -599,7 +586,7 @@ UserViewPropertiesDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({
599
586
  } }, dependencies: [i4.NgForOf, i4.NgIf, i5.TextAreaComponent, i5.TextBoxComponent, i5.SwitchComponent, i5.CheckBoxDirective, i6.LabelComponent, i3.DefaultValueAccessor, i3.CheckboxControlValueAccessor, i3.NgControlStatus, i3.NgModel, i7.ButtonComponent, i8.WindowComponent, i9.TabStripComponent, i9.TabStripTabComponent, i9.TabContentDirective, i10.SortableComponent, i10.SortableBindingDirective, i11.FilterComponent], styles: [".view-properties-button[_ngcontent-%COMP%] {\r\n margin-left: 0px;\r\n }\r\n .view-prop-tab-contents[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%; \n\r\n }\r\n \r\n .form-group[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .form-group-description[_ngcontent-%COMP%] {\r\n flex-grow: 1;\r\n }\r\n \r\n .k-form-label[_ngcontent-%COMP%] {\r\n width: 150px; \n\r\n margin-right: 10px;\r\n }\r\n \r\n .view-description[_ngcontent-%COMP%] {\r\n flex-grow: 1;\r\n height: 100%;\r\n padding: 5px;\r\n resize: none;\r\n }\r\n \r\n \r\n \r\n .item-content[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .popup-content[_ngcontent-%COMP%] {\r\n height: calc(100% - 46px);\r\n }\r\n \r\n .popup-actions[_ngcontent-%COMP%] {\r\n padding: 16px 0 0;\r\n }\r\n \r\n .view-prop-tab-contents[_ngcontent-%COMP%] {\r\n overflow: hidden;\r\n }\r\n \r\n .sort-column[_ngcontent-%COMP%] {\r\n width: 300px;\r\n }\r\n \r\n .sort-direction[_ngcontent-%COMP%] {\r\n width: 125px;\r\n }\r\n \r\n .sort-header[_ngcontent-%COMP%] > button[_ngcontent-%COMP%] {\r\n margin-left: 5px;\r\n margin-bottom: 5px;\r\n width: 75px;\r\n }\r\n \r\n .smart-filter-label[_ngcontent-%COMP%] {\r\n margin-right: 10px;\r\n }\r\n \r\n .smart-filter-prompt[_ngcontent-%COMP%] {\r\n margin-top: 15px;\r\n }\r\n \r\n .advanced-tab-details[_ngcontent-%COMP%]\r\n {\r\n margin-bottom: 10px;\r\n }\r\n .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n }\r\n .popup-content .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] });
600
587
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserViewPropertiesDialogComponent, [{
601
588
  type: Component,
602
- args: [{ selector: 'mj-user-view-properties-dialog', template: "<div>\r\n <button *ngIf=\"ShowPropertiesButton\"\r\n kendoButton\r\n themeColor=\"info\"\r\n (click)=\"this.Open()\"\r\n class=\"view-properties-button\"\r\n >\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\r\n Properties\r\n </button>\r\n <div #outerDialogContainer>\r\n <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\r\n <kendo-window\r\n [minHeight]=\"300\"\r\n [minWidth]=\"800\"\r\n [top]=\"100\"\r\n [left]=\"100\"\r\n [width]=\"668\"\r\n [height]=\"525\"\r\n [resizable]=\"true\"\r\n title=\"View Properties\"\r\n *ngIf=\"isDialogOpened\"\r\n (close)=\"closePropertiesDialog()\"\r\n (resizeEnd)=\"this.ResizeTab()\"\r\n (heightChange)=\"this.ResizeTab()\"\r\n (widthChange)=\"this.ResizeTab()\"\r\n >\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\" #dialogContainer>\r\n <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n <kendo-tabstrip [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\r\n <kendo-tabstrip-tab title=\"General\" [selected]=\"true\">\r\n <ng-template kendoTabContent>\r\n <div class=\"view-prop-tab-contents\">\r\n <div class=\"form-group\">\r\n <kendo-label class=\"k-form-label\" text=\"Name\"></kendo-label>\r\n <kendo-textbox #nameField class=\"view-name\" [(ngModel)]=\"record.Name\"></kendo-textbox>\r\n </div>\r\n <div class=\"form-group form-group-description\">\r\n <kendo-label class=\"k-form-label\" text=\"Description\"></kendo-label>\r\n <textarea class=\"k-input k-input-solid view-description\" [(ngModel)]=\"record.Description\"></textarea>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Fields\">\r\n <ng-template kendoTabContent>\r\n \r\n <kendo-sortable\r\n [kendoSortableBinding]=\"this.localGridState.columnSettings\"\r\n [animation]=\"true\"\r\n itemClass=\"item\"\r\n activeItemClass=\"item active\"\r\n (dragEnd)=\"onDragEnd($event)\"\r\n >\r\n <ng-template let-col=\"item\">\r\n <div class=\"item-content\">\r\n <div>\r\n <input\r\n type=\"checkbox\"\r\n [(ngModel)]=\"!col.hidden\"\r\n id=\"column_{{col.ID}}\"\r\n kendoCheckBox\r\n (change)=\"toggleColumn(col)\"\r\n />\r\n <kendo-label\r\n [for]=\"'column_'+col.ID\"\r\n [text]=\"col.DisplayName ? col.DisplayName : col.Name\"\r\n class=\"k-checkbox-label\"\r\n ></kendo-label>\r\n </div>\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('reorder')\"></kendo-svgicon>\r\n </div>\r\n </ng-template>\r\n </kendo-sortable>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Filters\">\r\n <ng-template kendoTabContent>\r\n <div class=\"smart-filter-container\">\r\n <kendo-label text=\"Smart Filter\" class=\"smart-filter-label\"></kendo-label>\r\n <kendo-switch [(ngModel)]=\"record.SmartFilterEnabled\"></kendo-switch>\r\n </div>\r\n <div *ngIf=\"record.SmartFilterEnabled\" class=\"smart-filter-prompt\" mjFillContainer [fillHeight]=\"true\">\r\n <kendo-textarea\r\n placeholder=\"Describe how you would like the data filtered\"\r\n [rows]=\"10\"\r\n [(ngModel)]=\"record.SmartFilterPrompt\"\r\n resizable=\"vertical\"\r\n ></kendo-textarea>\r\n </div>\r\n <div *ngIf=\"!record.SmartFilterEnabled\">\r\n <kendo-filter\r\n [filters]=\"setupFilters()\"\r\n [value]=\"defaultFilterState\"\r\n (valueChange)=\"onFilterChange($event)\"\r\n >\r\n </kendo-filter>\r\n </div>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Sorting\">\r\n <ng-template kendoTabContent>\r\n <div class=\"sort-header\">\r\n <button kendoButton (click)=\"addSort()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('filterAddExpression')\"></kendo-svgicon>\r\n </button>\r\n \r\n </div>\r\n <div *ngFor=\"let s of this.sortState\"> \r\n <kendo-dropdownlist \r\n class=\"sort-column\"\r\n [data]=\"sortFields\"\r\n textField=\"Name\"\r\n valueField=\"Name\"\r\n (valueChange)=\"sortColumnValueChange(s, $event)\"\r\n [(ngModel)]=\"s.field\"\r\n >\r\n </kendo-dropdownlist>\r\n <kendo-dropdownlist\r\n class=\"sort-direction\"\r\n [data]=\"sortDirections\"\r\n textField=\"Name\"\r\n valueField=\"Value\"\r\n (valueChange)=\"sortDirectionValueChange(s, $event)\"\r\n [(ngModel)]=\"s.direction\"\r\n >\r\n </kendo-dropdownlist>\r\n <button kendoButton (click)=\"removeSort(s)\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('sortClear')\"></kendo-svgicon></button>\r\n </div> \r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Advanced\">\r\n <ng-template kendoTabContent>\r\n <div *ngIf=\"record.SmartFilterEnabled\">\r\n <kendo-textarea\r\n [readonly]=\"true\"\r\n [rows]=\"5\"\r\n [(ngModel)]=\"record.SmartFilterExplanation\"\r\n resizable=\"vertical\"\r\n class=\"advanced-tab-details\"\r\n ></kendo-textarea>\r\n <kendo-textarea\r\n [readonly]=\"true\"\r\n [rows]=\"5\"\r\n [(ngModel)]=\"record.SmartFilterWhereClause\"\r\n resizable=\"vertical\"\r\n class=\"advanced-tab-details\"\r\n ></kendo-textarea> \r\n </div>\r\n <div *ngElse>\r\n <kendo-textarea\r\n [readonly]=\"true\"\r\n [rows]=\"7\"\r\n [(ngModel)]=\"record.WhereClause\"\r\n resizable=\"vertical\"\r\n class=\"advanced-tab-details\"\r\n ></kendo-textarea>\r\n </div>\r\n \r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n </kendo-tabstrip>\r\n \r\n <div class=\"k-actions k-actions-end customBtn popup-actions\">\r\n <button kendoButton (click)=\"saveProperties()\" themeColor=\"info\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('save')\"></kendo-svgicon>\r\n Save\r\n </button>\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\r\n </div>\r\n </div>\r\n </div>\r\n </kendo-window>\r\n </div>\r\n</div> ", styles: [".view-properties-button {\r\n margin-left: 0px;\r\n }\r\n .view-prop-tab-contents {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%; /* Set to the height you want */\r\n }\r\n \r\n .form-group {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .form-group-description {\r\n flex-grow: 1;\r\n }\r\n \r\n .k-form-label {\r\n width: 150px; /* Adjust as needed */\r\n margin-right: 10px;\r\n }\r\n \r\n .view-description {\r\n flex-grow: 1;\r\n height: 100%;\r\n padding: 5px;\r\n resize: none;\r\n }\r\n \r\n \r\n \r\n .item-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .popup-content {\r\n height: calc(100% - 46px);\r\n }\r\n \r\n .popup-actions {\r\n padding: 16px 0 0;\r\n }\r\n \r\n .view-prop-tab-contents {\r\n overflow: hidden;\r\n }\r\n \r\n .sort-column {\r\n width: 300px;\r\n }\r\n \r\n .sort-direction {\r\n width: 125px;\r\n }\r\n \r\n .sort-header > button {\r\n margin-left: 5px;\r\n margin-bottom: 5px;\r\n width: 75px;\r\n }\r\n \r\n .smart-filter-label {\r\n margin-right: 10px;\r\n }\r\n \r\n .smart-filter-prompt {\r\n margin-top: 15px;\r\n }\r\n \r\n .advanced-tab-details\r\n {\r\n margin-bottom: 10px;\r\n }\r\n ::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n }\r\n ::ng-deep .popup-content .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] }]
589
+ args: [{ selector: 'mj-user-view-properties-dialog', template: "<div>\r\n <button *ngIf=\"ShowPropertiesButton\"\r\n kendoButton\r\n themeColor=\"info\"\r\n (click)=\"this.Open()\"\r\n class=\"view-properties-button\"\r\n >\r\n <span class=\"fa-solid fa-gear\"></span>\r\n Properties\r\n </button>\r\n <div #outerDialogContainer>\r\n <div class=\"k-overlay\" *ngIf=\"isDialogOpened\"></div>\r\n <kendo-window\r\n [minHeight]=\"300\"\r\n [minWidth]=\"800\"\r\n [top]=\"100\"\r\n [left]=\"100\"\r\n [width]=\"668\"\r\n [height]=\"525\"\r\n [resizable]=\"true\"\r\n title=\"View Properties\"\r\n *ngIf=\"isDialogOpened\"\r\n (close)=\"closePropertiesDialog()\"\r\n (resizeEnd)=\"this.ResizeTab()\"\r\n (heightChange)=\"this.ResizeTab()\"\r\n (widthChange)=\"this.ResizeTab()\"\r\n >\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full\" #dialogContainer>\r\n <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n <kendo-tabstrip [keepTabContent]=\"true\" [animate] = \"false\" [height]=\"TabHeight\" >\r\n <kendo-tabstrip-tab title=\"General\" [selected]=\"true\">\r\n <ng-template kendoTabContent>\r\n <div class=\"view-prop-tab-contents\">\r\n <div class=\"form-group\">\r\n <kendo-label class=\"k-form-label\" text=\"Name\"></kendo-label>\r\n <kendo-textbox #nameField class=\"view-name\" [(ngModel)]=\"record.Name\"></kendo-textbox>\r\n </div>\r\n <div class=\"form-group form-group-description\">\r\n <kendo-label class=\"k-form-label\" text=\"Description\"></kendo-label>\r\n <textarea class=\"k-input k-input-solid view-description\" [(ngModel)]=\"record.Description\"></textarea>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Fields\">\r\n <ng-template kendoTabContent>\r\n \r\n <kendo-sortable\r\n [kendoSortableBinding]=\"this.localGridState.columnSettings\"\r\n [animation]=\"true\"\r\n itemClass=\"item\"\r\n activeItemClass=\"item active\"\r\n (dragEnd)=\"onDragEnd($event)\"\r\n >\r\n <ng-template let-col=\"item\">\r\n <div class=\"item-content\">\r\n <div>\r\n <input\r\n type=\"checkbox\"\r\n [(ngModel)]=\"!col.hidden\"\r\n id=\"column_{{col.ID}}\"\r\n kendoCheckBox\r\n (change)=\"toggleColumn(col)\"\r\n />\r\n <kendo-label\r\n [for]=\"'column_'+col.ID\"\r\n [text]=\"col.DisplayName ? col.DisplayName : col.Name\"\r\n class=\"k-checkbox-label\"\r\n ></kendo-label>\r\n </div>\r\n <span class=\"fa-solid fa-bars-staggered\"></span>\r\n </div>\r\n </ng-template>\r\n </kendo-sortable>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Filters\">\r\n <ng-template kendoTabContent>\r\n <div class=\"smart-filter-container\">\r\n <kendo-label text=\"Smart Filter\" class=\"smart-filter-label\"></kendo-label>\r\n <kendo-switch [(ngModel)]=\"record.SmartFilterEnabled\"></kendo-switch>\r\n </div>\r\n <div *ngIf=\"record.SmartFilterEnabled\" class=\"smart-filter-prompt\" mjFillContainer [fillHeight]=\"true\">\r\n <kendo-textarea\r\n placeholder=\"Describe how you would like the data filtered\"\r\n [rows]=\"10\"\r\n [(ngModel)]=\"record.SmartFilterPrompt\"\r\n resizable=\"vertical\"\r\n ></kendo-textarea>\r\n </div>\r\n <div *ngIf=\"!record.SmartFilterEnabled\">\r\n <kendo-filter\r\n [filters]=\"setupFilters()\"\r\n [value]=\"defaultFilterState\"\r\n (valueChange)=\"onFilterChange($event)\"\r\n >\r\n </kendo-filter>\r\n </div>\r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Sorting\">\r\n <ng-template kendoTabContent>\r\n <div class=\"sort-header\">\r\n <button kendoButton (click)=\"addSort()\">\r\n <span class=\"fa-solid fa-arrow-up-a-z\"></span>\r\n </button>\r\n </div>\r\n <div *ngFor=\"let s of this.sortState\"> \r\n <kendo-dropdownlist \r\n class=\"sort-column\"\r\n [data]=\"sortFields\"\r\n textField=\"Name\"\r\n valueField=\"Name\"\r\n (valueChange)=\"sortColumnValueChange(s, $event)\"\r\n [(ngModel)]=\"s.field\"\r\n >\r\n </kendo-dropdownlist>\r\n <kendo-dropdownlist\r\n class=\"sort-direction\"\r\n [data]=\"sortDirections\"\r\n textField=\"Name\"\r\n valueField=\"Value\"\r\n (valueChange)=\"sortDirectionValueChange(s, $event)\"\r\n [(ngModel)]=\"s.direction\"\r\n >\r\n </kendo-dropdownlist>\r\n <button kendoButton (click)=\"removeSort(s)\">\r\n <span class=\"fa-solid fa-arrow-up-z-a\"></span>\r\n </button>\r\n </div> \r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n <kendo-tabstrip-tab title=\"Advanced\">\r\n <ng-template kendoTabContent>\r\n @if(record.SmartFilterEnabled) {\r\n <kendo-textarea\r\n [readonly]=\"true\"\r\n [rows]=\"5\"\r\n [(ngModel)]=\"record.SmartFilterExplanation\"\r\n resizable=\"vertical\"\r\n class=\"advanced-tab-details\"\r\n ></kendo-textarea>\r\n <kendo-textarea\r\n [readonly]=\"true\"\r\n [rows]=\"5\"\r\n [(ngModel)]=\"record.SmartFilterWhereClause\"\r\n resizable=\"vertical\"\r\n class=\"advanced-tab-details\"\r\n ></kendo-textarea> \r\n }\r\n @else {\r\n <kendo-textarea\r\n [readonly]=\"true\"\r\n [rows]=\"7\"\r\n [(ngModel)]=\"record.WhereClause\"\r\n resizable=\"vertical\"\r\n class=\"advanced-tab-details\"\r\n ></kendo-textarea>\r\n }\r\n \r\n </ng-template>\r\n </kendo-tabstrip-tab>\r\n </kendo-tabstrip>\r\n \r\n <div class=\"k-actions k-actions-end customBtn popup-actions\">\r\n <button kendoButton (click)=\"saveProperties()\" themeColor=\"info\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('save')\"></kendo-svgicon>\r\n Save\r\n </button>\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"closePropertiesDialog()\">Cancel</button>\r\n </div>\r\n </div>\r\n </div>\r\n </kendo-window>\r\n </div>\r\n</div> ", styles: [".view-properties-button {\r\n margin-left: 0px;\r\n }\r\n .view-prop-tab-contents {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%; /* Set to the height you want */\r\n }\r\n \r\n .form-group {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: flex-start;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .form-group-description {\r\n flex-grow: 1;\r\n }\r\n \r\n .k-form-label {\r\n width: 150px; /* Adjust as needed */\r\n margin-right: 10px;\r\n }\r\n \r\n .view-description {\r\n flex-grow: 1;\r\n height: 100%;\r\n padding: 5px;\r\n resize: none;\r\n }\r\n \r\n \r\n \r\n .item-content {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .popup-content {\r\n height: calc(100% - 46px);\r\n }\r\n \r\n .popup-actions {\r\n padding: 16px 0 0;\r\n }\r\n \r\n .view-prop-tab-contents {\r\n overflow: hidden;\r\n }\r\n \r\n .sort-column {\r\n width: 300px;\r\n }\r\n \r\n .sort-direction {\r\n width: 125px;\r\n }\r\n \r\n .sort-header > button {\r\n margin-left: 5px;\r\n margin-bottom: 5px;\r\n width: 75px;\r\n }\r\n \r\n .smart-filter-label {\r\n margin-right: 10px;\r\n }\r\n \r\n .smart-filter-prompt {\r\n margin-top: 15px;\r\n }\r\n \r\n .advanced-tab-details\r\n {\r\n margin-bottom: 10px;\r\n }\r\n ::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n }\r\n ::ng-deep .popup-content .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n ::ng-deep .popup-content .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] }]
603
590
  }], () => [{ type: i1.ActivatedRoute }, { type: i0.ElementRef }, { type: i2.SharedService }, { type: i3.FormBuilder }, { type: i1.Router }, { type: i0.Renderer2 }], { ViewID: [{
604
591
  type: Input
605
592
  }], EntityName: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memberjunction/ng-user-view-properties",
3
- "version": "0.9.12",
3
+ "version": "0.9.13",
4
4
  "description": "MemberJunction: Angular UI Dialog Component to View/Edit User View Properties",
5
5
  "main": "./dist/public-api.js",
6
6
  "typings": "./dist/public-api.d.ts",
@@ -27,7 +27,7 @@
27
27
  "@memberjunction/global": "^0.9.168",
28
28
  "@memberjunction/core": "^0.9.188",
29
29
  "@memberjunction/core-entities": "^0.9.185",
30
- "@memberjunction/ng-base-forms": "^0.9.25",
30
+ "@memberjunction/ng-base-forms": "^0.9.26",
31
31
  "@memberjunction/ng-shared": "^0.9.53",
32
32
  "@progress/kendo-angular-sortable": "~15.1.0",
33
33
  "@progress/kendo-angular-dialog": "~15.1.0",