@memberjunction/ng-explorer-core 0.9.234 → 0.9.236

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 (16) hide show
  1. package/dist/lib/app-view/application-view.component.d.ts +7 -2
  2. package/dist/lib/app-view/application-view.component.d.ts.map +1 -1
  3. package/dist/lib/app-view/application-view.component.js +20 -5
  4. package/dist/lib/base-browser-component/base-browser-component.d.ts +3 -2
  5. package/dist/lib/base-browser-component/base-browser-component.d.ts.map +1 -1
  6. package/dist/lib/base-browser-component/base-browser-component.js +5 -2
  7. package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts +3 -4
  8. package/dist/lib/generic-browser-list/generic-browser-list.component.d.ts.map +1 -1
  9. package/dist/lib/generic-browser-list/generic-browser-list.component.js +162 -160
  10. package/dist/lib/header/header.component.d.ts.map +1 -1
  11. package/dist/lib/header/header.component.js +18 -17
  12. package/dist/lib/navigation/navigation.component.d.ts.map +1 -1
  13. package/dist/lib/navigation/navigation.component.js +57 -59
  14. package/dist/lib/query-browser-component/query-browser.component.js +3 -3
  15. package/dist/lib/report-browser-component/report-browser.component.js +3 -3
  16. package/package.json +7 -7
package/dist/lib/generic-browser-list/generic-browser-list.component.js CHANGED
@@ -14,179 +14,172 @@ import { AfterAddFolderEvent, AfterAddItemEvent, AfterDeleteFolderEvent, AfterDe
14
14
  import { Subject, debounceTime } from 'rxjs';
15
15
  import * as i0 from "@angular/core";
16
16
  import * as i1 from "@memberjunction/ng-shared";
17
- import * as i2 from "@angular/router";
18
- import * as i3 from "@angular/common";
19
- import * as i4 from "@progress/kendo-angular-grid";
20
- import * as i5 from "@progress/kendo-angular-dialog";
21
- import * as i6 from "@progress/kendo-angular-indicators";
22
- import * as i7 from "@progress/kendo-angular-buttons";
23
- import * as i8 from "@progress/kendo-angular-inputs";
24
- import * as i9 from "@progress/kendo-angular-layout";
25
- function GenericBrowserListComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
26
- i0.ɵɵelement(0, "span", 20);
17
+ import * as i2 from "@angular/common";
18
+ import * as i3 from "@progress/kendo-angular-grid";
19
+ import * as i4 from "@progress/kendo-angular-dialog";
20
+ import * as i5 from "@progress/kendo-angular-indicators";
21
+ import * as i6 from "@progress/kendo-angular-buttons";
22
+ import * as i7 from "@progress/kendo-angular-inputs";
23
+ import * as i8 from "@progress/kendo-angular-layout";
24
+ function GenericBrowserListComponent_span_4_Template(rf, ctx) { if (rf & 1) {
25
+ i0.ɵɵelement(0, "span", 21);
27
26
  } }
28
- function GenericBrowserListComponent_kendo_loader_19_Template(rf, ctx) { if (rf & 1) {
29
- i0.ɵɵelement(0, "kendo-loader", 21);
27
+ function GenericBrowserListComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
28
+ i0.ɵɵelement(0, "span", 22);
30
29
  } }
31
- function GenericBrowserListComponent_div_20_kendo_grid_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
32
- const _r12 = i0.ɵɵgetCurrentView();
33
- i0.ɵɵelementStart(0, "div", 31)(1, "button", 32);
34
- i0.ɵɵlistener("click", function GenericBrowserListComponent_div_20_kendo_grid_1_ng_template_6_Template_button_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r12); const dataItem_r10 = restoredCtx.$implicit; const ctx_r11 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r11.editItem(dataItem_r10)); });
35
- i0.ɵɵelement(2, "i", 33);
30
+ function GenericBrowserListComponent_kendo_loader_21_Template(rf, ctx) { if (rf & 1) {
31
+ i0.ɵɵelement(0, "kendo-loader", 23);
32
+ } }
33
+ function GenericBrowserListComponent_div_22_kendo_grid_1_ng_template_6_button_1_Template(rf, ctx) { if (rf & 1) {
34
+ const _r14 = i0.ɵɵgetCurrentView();
35
+ i0.ɵɵelementStart(0, "button", 35);
36
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_div_22_kendo_grid_1_ng_template_6_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const dataItem_r10 = i0.ɵɵnextContext().$implicit; const ctx_r12 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r12.editItem(dataItem_r10)); });
37
+ i0.ɵɵelement(1, "i", 37);
36
38
  i0.ɵɵelementEnd();
37
- i0.ɵɵelementStart(3, "button", 32);
38
- i0.ɵɵlistener("click", function GenericBrowserListComponent_div_20_kendo_grid_1_ng_template_6_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r12); const dataItem_r10 = restoredCtx.$implicit; const ctx_r13 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r13.deleteItem(dataItem_r10)); });
39
- i0.ɵɵelement(4, "i", 34);
39
+ } }
40
+ function GenericBrowserListComponent_div_22_kendo_grid_1_ng_template_6_Template(rf, ctx) { if (rf & 1) {
41
+ const _r16 = i0.ɵɵgetCurrentView();
42
+ i0.ɵɵelementStart(0, "div", 33);
43
+ i0.ɵɵtemplate(1, GenericBrowserListComponent_div_22_kendo_grid_1_ng_template_6_button_1_Template, 2, 0, "button", 34);
44
+ i0.ɵɵelementStart(2, "button", 35);
45
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_div_22_kendo_grid_1_ng_template_6_Template_button_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const dataItem_r10 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r15.deleteItem(dataItem_r10)); });
46
+ i0.ɵɵelement(3, "i", 36);
40
47
  i0.ɵɵelementEnd()();
48
+ } if (rf & 2) {
49
+ const ctx_r9 = i0.ɵɵnextContext(3);
50
+ i0.ɵɵadvance();
51
+ i0.ɵɵproperty("ngIf", !ctx_r9.disableEditButton);
41
52
  } }
42
- function GenericBrowserListComponent_div_20_kendo_grid_1_Template(rf, ctx) { if (rf & 1) {
43
- const _r15 = i0.ɵɵgetCurrentView();
44
- i0.ɵɵelementStart(0, "kendo-grid", 24);
45
- i0.ɵɵlistener("cellClick", function GenericBrowserListComponent_div_20_kendo_grid_1_Template_kendo_grid_cellClick_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.onCellItemClicked($event)); });
46
- i0.ɵɵelement(1, "kendo-grid-column", 25)(2, "kendo-grid-column", 26)(3, "kendo-grid-column", 27)(4, "kendo-grid-column", 28);
47
- i0.ɵɵelementStart(5, "kendo-grid-column", 29);
48
- i0.ɵɵtemplate(6, GenericBrowserListComponent_div_20_kendo_grid_1_ng_template_6_Template, 5, 0, "ng-template", 30);
53
+ function GenericBrowserListComponent_div_22_kendo_grid_1_Template(rf, ctx) { if (rf & 1) {
54
+ const _r18 = i0.ɵɵgetCurrentView();
55
+ i0.ɵɵelementStart(0, "kendo-grid", 26);
56
+ i0.ɵɵlistener("cellClick", function GenericBrowserListComponent_div_22_kendo_grid_1_Template_kendo_grid_cellClick_0_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.onCellItemClicked($event)); });
57
+ i0.ɵɵelement(1, "kendo-grid-column", 27)(2, "kendo-grid-column", 28)(3, "kendo-grid-column", 29)(4, "kendo-grid-column", 30);
58
+ i0.ɵɵelementStart(5, "kendo-grid-column", 31);
59
+ i0.ɵɵtemplate(6, GenericBrowserListComponent_div_22_kendo_grid_1_ng_template_6_Template, 4, 1, "ng-template", 32);
49
60
  i0.ɵɵelementEnd()();
50
61
  } if (rf & 2) {
51
62
  const ctx_r7 = i0.ɵɵnextContext(2);
52
63
  i0.ɵɵproperty("kendoGridBinding", ctx_r7.items);
53
64
  } }
54
- function GenericBrowserListComponent_div_20_div_2_div_1_span_8_Template(rf, ctx) { if (rf & 1) {
55
- i0.ɵɵelement(0, "span", 45);
65
+ function GenericBrowserListComponent_div_22_div_2_div_1_button_3_Template(rf, ctx) { if (rf & 1) {
66
+ const _r26 = i0.ɵɵgetCurrentView();
67
+ i0.ɵɵelementStart(0, "button", 35);
68
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_div_22_div_2_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r26); const d_r20 = i0.ɵɵnextContext().$implicit; const ctx_r24 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r24.editItem(d_r20)); });
69
+ i0.ɵɵelement(1, "span", 37);
70
+ i0.ɵɵelementEnd();
71
+ } }
72
+ function GenericBrowserListComponent_div_22_div_2_div_1_span_7_Template(rf, ctx) { if (rf & 1) {
73
+ i0.ɵɵelement(0, "span", 48);
56
74
  } }
57
- function GenericBrowserListComponent_div_20_div_2_div_1_span_9_Template(rf, ctx) { if (rf & 1) {
58
- i0.ɵɵelement(0, "span", 46);
75
+ function GenericBrowserListComponent_div_22_div_2_div_1_span_8_Template(rf, ctx) { if (rf & 1) {
76
+ i0.ɵɵelement(0, "span", 49);
77
+ } if (rf & 2) {
78
+ const ctx_r23 = i0.ɵɵnextContext(4);
79
+ i0.ɵɵproperty("title", ctx_r23.resourceName);
59
80
  } }
60
- function GenericBrowserListComponent_div_20_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
61
- const _r21 = i0.ɵɵgetCurrentView();
62
- i0.ɵɵelementStart(0, "div")(1, "kendo-card", 37)(2, "div", 38)(3, "button", 32);
63
- i0.ɵɵlistener("click", function GenericBrowserListComponent_div_20_div_2_div_1_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r21); const d_r17 = restoredCtx.$implicit; const ctx_r20 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r20.editItem(d_r17)); });
64
- i0.ɵɵelement(4, "span", 33);
65
- i0.ɵɵelementEnd();
66
- i0.ɵɵelementStart(5, "button", 32);
67
- i0.ɵɵlistener("click", function GenericBrowserListComponent_div_20_div_2_div_1_Template_button_click_5_listener() { const restoredCtx = i0.ɵɵrestoreView(_r21); const d_r17 = restoredCtx.$implicit; const ctx_r22 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r22.deleteItem(d_r17)); });
68
- i0.ɵɵelement(6, "span", 34);
81
+ function GenericBrowserListComponent_div_22_div_2_div_1_Template(rf, ctx) { if (rf & 1) {
82
+ const _r28 = i0.ɵɵgetCurrentView();
83
+ i0.ɵɵelementStart(0, "div")(1, "kendo-card", 40)(2, "div", 41);
84
+ i0.ɵɵtemplate(3, GenericBrowserListComponent_div_22_div_2_div_1_button_3_Template, 2, 0, "button", 34);
85
+ i0.ɵɵelementStart(4, "button", 35);
86
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_div_22_div_2_div_1_Template_button_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r28); const d_r20 = restoredCtx.$implicit; const ctx_r27 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r27.deleteItem(d_r20)); });
87
+ i0.ɵɵelement(5, "span", 36);
69
88
  i0.ɵɵelementEnd()();
70
- i0.ɵɵelementStart(7, "kendo-card-body", 39);
71
- i0.ɵɵlistener("click", function GenericBrowserListComponent_div_20_div_2_div_1_Template_kendo_card_body_click_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r21); const d_r17 = restoredCtx.$implicit; const ctx_r23 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r23.itemClick(d_r17)); });
72
- i0.ɵɵtemplate(8, GenericBrowserListComponent_div_20_div_2_div_1_span_8_Template, 1, 0, "span", 40)(9, GenericBrowserListComponent_div_20_div_2_div_1_span_9_Template, 1, 0, "span", 41);
73
- i0.ɵɵelementStart(10, "div", 42)(11, "h5", 43);
74
- i0.ɵɵtext(12);
89
+ i0.ɵɵelementStart(6, "kendo-card-body", 42);
90
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_div_22_div_2_div_1_Template_kendo_card_body_click_6_listener() { const restoredCtx = i0.ɵɵrestoreView(_r28); const d_r20 = restoredCtx.$implicit; const ctx_r29 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r29.itemClick(d_r20)); });
91
+ i0.ɵɵtemplate(7, GenericBrowserListComponent_div_22_div_2_div_1_span_7_Template, 1, 0, "span", 43)(8, GenericBrowserListComponent_div_22_div_2_div_1_span_8_Template, 1, 1, "span", 44);
92
+ i0.ɵɵelementStart(9, "div", 45)(10, "h5", 46);
93
+ i0.ɵɵtext(11);
75
94
  i0.ɵɵelementEnd();
76
- i0.ɵɵelementStart(13, "p", 44);
77
- i0.ɵɵtext(14);
95
+ i0.ɵɵelementStart(12, "p", 47);
96
+ i0.ɵɵtext(13);
78
97
  i0.ɵɵelementEnd()()()()();
79
98
  } if (rf & 2) {
80
- const d_r17 = ctx.$implicit;
81
- i0.ɵɵadvance(8);
82
- i0.ɵɵproperty("ngIf", d_r17.Type === "Folder");
99
+ const d_r20 = ctx.$implicit;
100
+ const ctx_r19 = i0.ɵɵnextContext(3);
101
+ i0.ɵɵadvance(3);
102
+ i0.ɵɵproperty("ngIf", !ctx_r19.disableEditButton);
103
+ i0.ɵɵadvance(4);
104
+ i0.ɵɵproperty("ngIf", d_r20.Type === "Folder");
83
105
  i0.ɵɵadvance();
84
- i0.ɵɵproperty("ngIf", d_r17.Type !== "Folder");
106
+ i0.ɵɵproperty("ngIf", d_r20.Type !== "Folder");
85
107
  i0.ɵɵadvance(3);
86
- i0.ɵɵtextInterpolate(d_r17.Name);
108
+ i0.ɵɵtextInterpolate(d_r20.Name);
87
109
  i0.ɵɵadvance(2);
88
- i0.ɵɵtextInterpolate(d_r17.Description);
110
+ i0.ɵɵtextInterpolate(d_r20.Description);
89
111
  } }
90
- function GenericBrowserListComponent_div_20_div_2_Template(rf, ctx) { if (rf & 1) {
91
- i0.ɵɵelementStart(0, "div", 35);
92
- i0.ɵɵtemplate(1, GenericBrowserListComponent_div_20_div_2_div_1_Template, 15, 4, "div", 36);
112
+ function GenericBrowserListComponent_div_22_div_2_Template(rf, ctx) { if (rf & 1) {
113
+ i0.ɵɵelementStart(0, "div", 38);
114
+ i0.ɵɵtemplate(1, GenericBrowserListComponent_div_22_div_2_div_1_Template, 14, 5, "div", 39);
93
115
  i0.ɵɵelementEnd();
94
116
  } if (rf & 2) {
95
117
  const ctx_r8 = i0.ɵɵnextContext(2);
96
118
  i0.ɵɵadvance();
97
119
  i0.ɵɵproperty("ngForOf", ctx_r8.items);
98
120
  } }
99
- function GenericBrowserListComponent_div_20_Template(rf, ctx) { if (rf & 1) {
121
+ function GenericBrowserListComponent_div_22_Template(rf, ctx) { if (rf & 1) {
100
122
  i0.ɵɵelementStart(0, "div");
101
- i0.ɵɵtemplate(1, GenericBrowserListComponent_div_20_kendo_grid_1_Template, 7, 1, "kendo-grid", 22)(2, GenericBrowserListComponent_div_20_div_2_Template, 2, 1, "div", 23);
102
- i0.ɵɵelementEnd();
103
- } if (rf & 2) {
104
- const ctx_r3 = i0.ɵɵnextContext();
105
- i0.ɵɵadvance();
106
- i0.ɵɵproperty("ngIf", ctx_r3.displayAsGrid);
107
- i0.ɵɵadvance();
108
- i0.ɵɵproperty("ngIf", !ctx_r3.displayAsGrid);
109
- } }
110
- function GenericBrowserListComponent_kendo_dialog_21_kendo_loader_1_Template(rf, ctx) { if (rf & 1) {
111
- i0.ɵɵelement(0, "kendo-loader", 21);
112
- } }
113
- function GenericBrowserListComponent_kendo_dialog_21_Template(rf, ctx) { if (rf & 1) {
114
- const _r26 = i0.ɵɵgetCurrentView();
115
- i0.ɵɵelementStart(0, "kendo-dialog", 47);
116
- i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_21_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r25.onConfirmDeleteItem(false)); });
117
- i0.ɵɵtemplate(1, GenericBrowserListComponent_kendo_dialog_21_kendo_loader_1_Template, 1, 0, "kendo-loader", 15);
118
- i0.ɵɵelementStart(2, "div")(3, "p", 48);
119
- i0.ɵɵtext(4, " Are you sure you want to delete ");
120
- i0.ɵɵelementStart(5, "b");
121
- i0.ɵɵtext(6);
122
- i0.ɵɵelementEnd()();
123
- i0.ɵɵelementStart(7, "div", 49)(8, "button", 50);
124
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_21_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.onConfirmDeleteItem(false)); });
125
- i0.ɵɵelement(9, "span", 51);
126
- i0.ɵɵtext(10, " No, Cancel ");
123
+ i0.ɵɵtemplate(1, GenericBrowserListComponent_div_22_kendo_grid_1_Template, 7, 1, "kendo-grid", 24)(2, GenericBrowserListComponent_div_22_div_2_Template, 2, 1, "div", 25);
127
124
  i0.ɵɵelementEnd();
128
- i0.ɵɵelementStart(11, "button", 52);
129
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_21_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r26); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onConfirmDeleteItem(true)); });
130
- i0.ɵɵelement(12, "span", 53);
131
- i0.ɵɵtext(13, " Yes, Delete ");
132
- i0.ɵɵelementEnd()()()();
133
125
  } if (rf & 2) {
134
126
  const ctx_r4 = i0.ɵɵnextContext();
135
- i0.ɵɵproperty("minWidth", 450)("width", 650);
136
127
  i0.ɵɵadvance();
137
- i0.ɵɵproperty("ngIf", ctx_r4.showLoader);
128
+ i0.ɵɵproperty("ngIf", ctx_r4.displayAsGrid);
138
129
  i0.ɵɵadvance();
139
- i0.ɵɵclassMap(ctx_r4.showLoader ? "disabled-div" : "");
140
- i0.ɵɵadvance(4);
141
- i0.ɵɵtextInterpolate(ctx_r4.selectedItem == null ? null : ctx_r4.selectedItem.Name);
130
+ i0.ɵɵproperty("ngIf", !ctx_r4.displayAsGrid);
142
131
  } }
143
- function GenericBrowserListComponent_kendo_dialog_22_Template(rf, ctx) { if (rf & 1) {
144
- const _r30 = i0.ɵɵgetCurrentView();
145
- i0.ɵɵelementStart(0, "kendo-dialog", 54);
146
- i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_22_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.toggleCopyFromView()); });
147
- i0.ɵɵelementStart(1, "div", 5)(2, "input", 55);
148
- i0.ɵɵlistener("keyup", function GenericBrowserListComponent_kendo_dialog_22_Template_input_keyup_2_listener() { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); const _r0 = i0.ɵɵreference(11); return i0.ɵɵresetView(ctx_r31.onKeyup(_r0.value)); });
132
+ function GenericBrowserListComponent_kendo_dialog_23_Template(rf, ctx) { if (rf & 1) {
133
+ const _r31 = i0.ɵɵgetCurrentView();
134
+ i0.ɵɵelementStart(0, "kendo-dialog", 50);
135
+ i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_23_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r30.onConfirmDeleteItem(false)); });
136
+ i0.ɵɵelementStart(1, "p", 51);
137
+ i0.ɵɵtext(2, " Are you sure you want to delete ");
138
+ i0.ɵɵelementStart(3, "b");
139
+ i0.ɵɵtext(4);
149
140
  i0.ɵɵelementEnd()();
150
- i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "button", 56);
151
- i0.ɵɵtext(5, " Cancel ");
141
+ i0.ɵɵelementStart(5, "kendo-dialog-actions", 52)(6, "button", 53);
142
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r31); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.onConfirmDeleteItem(true)); });
143
+ i0.ɵɵtext(7, " Yes, Delete ");
152
144
  i0.ɵɵelementEnd();
153
- i0.ɵɵelementStart(6, "button", 57);
154
- i0.ɵɵtext(7);
145
+ i0.ɵɵelementStart(8, "button", 54);
146
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r31); const ctx_r33 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r33.onConfirmDeleteItem(false)); });
147
+ i0.ɵɵtext(9, " No, Cancel ");
155
148
  i0.ɵɵelementEnd()()();
156
149
  } if (rf & 2) {
157
150
  const ctx_r5 = i0.ɵɵnextContext();
158
- i0.ɵɵproperty("minWidth", 450)("width", 600)("title", ctx_r5.getCopyFromTitle());
159
- i0.ɵɵadvance(7);
160
- i0.ɵɵtextInterpolate1(" Create new ", ctx_r5.resourceName, " ");
151
+ i0.ɵɵproperty("minWidth", 450)("width", 650);
152
+ i0.ɵɵadvance(4);
153
+ i0.ɵɵtextInterpolate1("", ctx_r5.selectedItem == null ? null : ctx_r5.selectedItem.Name, "?");
161
154
  } }
162
- function GenericBrowserListComponent_kendo_dialog_23_Template(rf, ctx) { if (rf & 1) {
163
- const _r33 = i0.ɵɵgetCurrentView();
164
- i0.ɵɵelementStart(0, "kendo-dialog", 58);
165
- i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_23_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.toggleCreateFolderView()); });
166
- i0.ɵɵelementStart(1, "div", 5)(2, "kendo-textbox", 59);
167
- i0.ɵɵlistener("valueChange", function GenericBrowserListComponent_kendo_dialog_23_Template_kendo_textbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.onCreateFolderKeyup($event)); });
155
+ function GenericBrowserListComponent_kendo_dialog_24_Template(rf, ctx) { if (rf & 1) {
156
+ const _r35 = i0.ɵɵgetCurrentView();
157
+ i0.ɵɵelementStart(0, "kendo-dialog", 55);
158
+ i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_24_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.toggleCreateFolderView()); });
159
+ i0.ɵɵelementStart(1, "div", 7)(2, "kendo-textbox", 56);
160
+ i0.ɵɵlistener("valueChange", function GenericBrowserListComponent_kendo_dialog_24_Template_kendo_textbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.onCreateFolderKeyup($event)); });
168
161
  i0.ɵɵelementEnd()();
169
- i0.ɵɵelementStart(3, "kendo-dialog-actions", 60)(4, "button", 61);
170
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r33); const ctx_r35 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r35.toggleCreateFolderView()); });
171
- i0.ɵɵtext(5, " Cancel ");
162
+ i0.ɵɵelementStart(3, "kendo-dialog-actions", 52)(4, "button", 53);
163
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_24_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r35); const ctx_r37 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r37.createFolder()); });
164
+ i0.ɵɵtext(5, " Create ");
172
165
  i0.ɵɵelementEnd();
173
- i0.ɵɵelementStart(6, "button", 62);
174
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r33); const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.createFolder()); });
175
- i0.ɵɵtext(7, " Create ");
166
+ i0.ɵɵelementStart(6, "button", 54);
167
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_24_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.toggleCreateFolderView()); });
168
+ i0.ɵɵtext(7, " Cancel ");
176
169
  i0.ɵɵelementEnd()()();
177
170
  } if (rf & 2) {
178
171
  i0.ɵɵproperty("minWidth", 250)("width", 450);
179
172
  } }
180
173
  export class GenericBrowserListComponent {
181
- constructor(sharedService, router) {
174
+ constructor(sharedService) {
182
175
  this.sharedService = sharedService;
183
- this.router = router;
184
176
  this.showLoader = true;
185
177
  this.itemType = '';
186
178
  this.title = '';
187
179
  this.items = [];
188
180
  this.iconName = 'view';
189
181
  this.disableAddButton = false;
182
+ this.disableEditButton = false;
190
183
  this.addText = 'Create New';
191
184
  this.backText = 'Go Back';
192
185
  this.ItemEntityName = '';
@@ -237,13 +230,14 @@ export class GenericBrowserListComponent {
237
230
  this.data = [
238
231
  { text: "Folder" },
239
232
  ];
240
- this.router = router;
241
233
  this.filterItemsSubject
242
234
  .pipe(debounceTime(this._resizeDebounceTime))
243
235
  .subscribe(() => this.filterItems(this.filter));
244
236
  }
245
237
  ngOnInit() {
246
- this.data.push({ text: this.resourceName });
238
+ if (!this.disableAddButton) {
239
+ this.data.push({ text: this.resourceName });
240
+ }
247
241
  }
248
242
  //wrapper function for the grid view
249
243
  onCellItemClicked(event) {
@@ -258,7 +252,6 @@ export class GenericBrowserListComponent {
258
252
  backButtonClicked() {
259
253
  this.backButtonClickEvent.emit();
260
254
  }
261
- //todo - show a modal asking the user for a name to give the resource
262
255
  addResourceButtonClicked() {
263
256
  return __awaiter(this, void 0, void 0, function* () {
264
257
  let event = new BeforeAddItemEvent("");
@@ -286,22 +279,22 @@ export class GenericBrowserListComponent {
286
279
  }
287
280
  });
288
281
  }
289
- //todo - show a modal asking the user for a name to give the folder
290
282
  createFolder() {
291
283
  return __awaiter(this, void 0, void 0, function* () {
292
284
  this.toggleCreateFolderView(false);
293
285
  let event = new BeforeAddFolderEvent(this.newFolderText);
294
286
  if (event.Cancel) {
287
+ return;
295
288
  }
296
289
  let folderName = this.newFolderText;
297
290
  let description = "";
298
- console.log("creating folder: ", folderName, this.CategoryEntityName);
299
291
  const md = new Metadata();
300
292
  const folderEntity = yield md.GetEntityObject(this.CategoryEntityName);
301
293
  folderEntity.NewRecord();
302
294
  folderEntity.Set("Name", folderName);
303
295
  folderEntity.Set("ParentID", this.selectedFolderID);
304
296
  folderEntity.Set("Description", description);
297
+ folderEntity.Set("UserID", md.CurrentUser.ID);
305
298
  if (this.categoryEntityID) {
306
299
  folderEntity.Set("EntityID", this.categoryEntityID);
307
300
  }
@@ -311,7 +304,14 @@ export class GenericBrowserListComponent {
311
304
  let folder = new Folder(folderEntity.Get("ID"), folderEntity.Get("Name"));
312
305
  folder.Description = folderEntity.Get("Description");
313
306
  let item = new Item(folder, ItemType.Folder);
314
- this.AfterAddFolderEvent.emit(new AfterAddFolderEvent(item));
307
+ let event = new AfterAddFolderEvent(item);
308
+ this.AfterAddFolderEvent.emit(event);
309
+ if (event.Cancel) {
310
+ return;
311
+ }
312
+ //navigate to the newly created folder
313
+ //by raising an item click event
314
+ this.itemClick(item);
315
315
  }
316
316
  else {
317
317
  this.sharedService.CreateSimpleNotification(`Unable to create folder ${folderName}`, "error");
@@ -450,7 +450,7 @@ export class GenericBrowserListComponent {
450
450
  }
451
451
  showNotification(message, type) {
452
452
  if (this.showNotifications) {
453
- this.sharedService.CreateSimpleNotification(message, type);
453
+ this.sharedService.CreateSimpleNotification(message, type, 1000);
454
454
  }
455
455
  }
456
456
  TryGetID(data) {
@@ -473,7 +473,6 @@ export class GenericBrowserListComponent {
473
473
  this.newFolderText = value;
474
474
  }
475
475
  filterItems(filter) {
476
- console.log("filtering items");
477
476
  if (!this.sourceItems) {
478
477
  this.sourceItems = [...this.items];
479
478
  }
@@ -518,15 +517,14 @@ export class GenericBrowserListComponent {
518
517
  }
519
518
  onDropdownItemClick(data) {
520
519
  return __awaiter(this, void 0, void 0, function* () {
521
- console.log("onDropdownItemClick: ", data.text);
520
+ if (!data || !data.text) {
521
+ return;
522
+ }
522
523
  if (data.text === "Folder") {
523
524
  this.toggleCreateFolderView();
524
525
  }
525
- else if (data.text === "Report with Skip") {
526
- //todo - implement
527
- }
528
526
  else if (data.text === this.resourceName) {
529
- this.toggleCopyFromView();
527
+ this.addResourceButtonClicked();
530
528
  }
531
529
  });
532
530
  }
@@ -545,36 +543,40 @@ export class GenericBrowserListComponent {
545
543
  }
546
544
  }
547
545
  }
548
- GenericBrowserListComponent.ɵfac = function GenericBrowserListComponent_Factory(t) { return new (t || GenericBrowserListComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
549
- GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowserListComponent, selectors: [["app-generic-browser-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableAddButton: "disableAddButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList" }, outputs: { BeforeAddFolderEvent: "BeforeAddFolderEvent", BeforeAddItemEvent: "BeforeAddItemEvent", BeforeDeleteFolderEvent: "BeforeDeleteFolderEvent", BeforeDeleteItemEvent: "BeforeDeleteItemEvent", BeforeUpdateFolderEvent: "BeforeUpdateFolderEvent", BeforeUpdateItemEvent: "BeforeUpdateItemEvent", AfterAddFolderEvent: "AfterAddFolderEvent", AfterAddItemEvent: "AfterAddItemEvent", AfterDeleteFolderEvent: "AfterDeleteFolderEvent", AfterDeleteItemEvent: "AfterDeleteItemEvent", AfterUpdateFolderEvent: "AfterUpdateFolderEvent", AfterUpdateItemEvent: "AfterUpdateItemEvent", itemClickEvent: "itemClickEvent", backButtonClickEvent: "backButtonClickEvent", viewModeChangeEvent: "viewModeChangeEvent" }, decls: 24, vars: 9, consts: [[1, "generic-browser-list-container"], [1, "main-fav-wrapper"], [1, "title-wrapper"], ["themeColor", "info", 1, "custom-dropdwn", 3, "data", "itemClick"], [1, "fa-solid", "fa-plus"], [1, "search"], ["type", "text", "placeholder", "Search", "size", "large", "rounded", "large", "fillMode", "solid", 3, "clearButton", "keyup"], ["searchInput", ""], ["kendoTextBoxPrefixTemplate", "", 3, "showSeparator"], [1, "filter-wrapper"], ["kendobutton", "", 1, "cursor-pointer", "grid-btn", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-bars"], ["kendobutton", "", 1, "cursor-pointer", "active", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-table-cells-large"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [3, "minWidth", "width", "title", "close", 4, "ngIf"], ["title", "Create new Folder", "class", "dialog-wrapper", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "fa-solid", "fa-magnifying-glass", "margin-left-small"], ["type", "converging-spinner"], [3, "kendoGridBinding", "cellClick", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], [3, "kendoGridBinding", "cellClick"], ["field", "Name", "title", "Name"], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["title", ""], ["kendoGridCellTemplate", ""], [1, "grid-wrapper"], [1, "list-btn", 3, "click"], [1, "fa-regular", "fa-pen-to-square"], [1, "fa-regular", "fa-trash-can"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper", "cursor-pointer"], [1, "list-item-icon"], [3, "click"], ["class", "fa-3x fa-regular fa-folder", 4, "ngIf"], ["class", "fa-3x fa-solid fa-table-cells", 4, "ngIf"], [1, "padding-top-small"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], [1, "fa-3x", "fa-regular", "fa-folder"], [1, "fa-3x", "fa-solid", "fa-table-cells"], ["title", "Confirm", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions", "popup-actions-btn"], ["kendoButton", "", 1, "cancel-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], ["kendoButton", "", "themeColor", "primary", 1, "yes-btn", 3, "click"], [1, "fa-solid", "fa-check"], [3, "minWidth", "width", "title", "close"], ["type", "text", "placeholder", "Search", 3, "keyup"], ["kendoButton", ""], ["kendoButton", "", "themeColor", "primary"], ["title", "Create new Folder", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], ["placeholder", "Enter a folder name", 3, "valueChange"], [1, "popup-actions-btn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 1, "yes-btn", 3, "click"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
550
- const _r37 = i0.ɵɵgetCurrentView();
551
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h4");
552
- i0.ɵɵtext(4);
553
- i0.ɵɵelementEnd();
554
- i0.ɵɵelementStart(5, "kendo-dropdownbutton", 3);
555
- i0.ɵɵlistener("itemClick", function GenericBrowserListComponent_Template_kendo_dropdownbutton_itemClick_5_listener($event) { return ctx.onDropdownItemClick($event); });
556
- i0.ɵɵelement(6, "span", 4);
557
- i0.ɵɵtext(7, " Create New ");
546
+ GenericBrowserListComponent.ɵfac = function GenericBrowserListComponent_Factory(t) { return new (t || GenericBrowserListComponent)(i0.ɵɵdirectiveInject(i1.SharedService)); };
547
+ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowserListComponent, selectors: [["app-generic-browser-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableAddButton: "disableAddButton", disableEditButton: "disableEditButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList" }, outputs: { BeforeAddFolderEvent: "BeforeAddFolderEvent", BeforeAddItemEvent: "BeforeAddItemEvent", BeforeDeleteFolderEvent: "BeforeDeleteFolderEvent", BeforeDeleteItemEvent: "BeforeDeleteItemEvent", BeforeUpdateFolderEvent: "BeforeUpdateFolderEvent", BeforeUpdateItemEvent: "BeforeUpdateItemEvent", AfterAddFolderEvent: "AfterAddFolderEvent", AfterAddItemEvent: "AfterAddItemEvent", AfterDeleteFolderEvent: "AfterDeleteFolderEvent", AfterDeleteItemEvent: "AfterDeleteItemEvent", AfterUpdateFolderEvent: "AfterUpdateFolderEvent", AfterUpdateItemEvent: "AfterUpdateItemEvent", itemClickEvent: "itemClickEvent", backButtonClickEvent: "backButtonClickEvent", viewModeChangeEvent: "viewModeChangeEvent" }, decls: 25, vars: 9, consts: [[1, "generic-browser-list-container"], [1, "main-fav-wrapper"], [1, "title-wrapper"], [1, "title-flex-display"], ["title", "Folder", "class", "title-folder fa-regular fa-folder fa-2xl", 4, "ngIf"], ["themeColor", "info", 1, "custom-dropdwn", 3, "data", "itemClick"], [1, "fa-solid", "fa-plus"], [1, "search"], ["type", "text", "placeholder", "Search", "size", "large", "rounded", "large", "fillMode", "solid", 3, "clearButton", "keyup"], ["searchInput", ""], ["kendoTextBoxPrefixTemplate", "", 3, "showSeparator"], [1, "filter-wrapper"], ["kendobutton", "", 1, "cursor-pointer", "grid-btn", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-bars"], ["kendobutton", "", 1, "cursor-pointer", "active", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-table-cells-large"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Confirm", 3, "minWidth", "width", "close", 4, "ngIf"], ["title", "Create new Folder", "class", "dialog-wrapper", 3, "minWidth", "width", "close", 4, "ngIf"], ["title", "Folder", 1, "title-folder", "fa-regular", "fa-folder", "fa-2xl"], [1, "fa-solid", "fa-magnifying-glass", "margin-left-small"], ["type", "converging-spinner"], [3, "kendoGridBinding", "cellClick", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], [3, "kendoGridBinding", "cellClick"], ["field", "Name", "title", "Name"], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["title", ""], ["kendoGridCellTemplate", ""], [1, "grid-wrapper"], ["class", "list-btn", 3, "click", 4, "ngIf"], [1, "list-btn", 3, "click"], [1, "fa-regular", "fa-trash-can"], [1, "fa-regular", "fa-pen-to-square"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper", "cursor-pointer"], [1, "list-item-icon"], [3, "click"], ["title", "Folder", "class", "fa-3x fa-regular fa-folder", 4, "ngIf"], ["class", "fa-3x fa-solid fa-table-cells", 3, "title", 4, "ngIf"], [1, "padding-top-small"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["title", "Folder", 1, "fa-3x", "fa-regular", "fa-folder"], [1, "fa-3x", "fa-solid", "fa-table-cells", 3, "title"], ["title", "Confirm", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], [1, "k-m-7.5", "k-text-center"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click"], ["title", "Create new Folder", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], ["placeholder", "Enter a folder name", 3, "valueChange"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
548
+ const _r39 = i0.ɵɵgetCurrentView();
549
+ i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
550
+ i0.ɵɵtemplate(4, GenericBrowserListComponent_span_4_Template, 1, 0, "span", 4);
551
+ i0.ɵɵelementStart(5, "h4");
552
+ i0.ɵɵtext(6);
558
553
  i0.ɵɵelementEnd()();
559
- i0.ɵɵelementStart(8, "div", 2)(9, "div", 5)(10, "kendo-textbox", 6, 7);
560
- i0.ɵɵlistener("keyup", function GenericBrowserListComponent_Template_kendo_textbox_keyup_10_listener() { i0.ɵɵrestoreView(_r37); const _r0 = i0.ɵɵreference(11); return i0.ɵɵresetView(ctx.onKeyup(_r0.value)); });
561
- i0.ɵɵtemplate(12, GenericBrowserListComponent_ng_template_12_Template, 1, 0, "ng-template", 8);
554
+ i0.ɵɵelementStart(7, "kendo-dropdownbutton", 5);
555
+ i0.ɵɵlistener("itemClick", function GenericBrowserListComponent_Template_kendo_dropdownbutton_itemClick_7_listener($event) { return ctx.onDropdownItemClick($event); });
556
+ i0.ɵɵelement(8, "span", 6);
557
+ i0.ɵɵtext(9, " Create New ");
562
558
  i0.ɵɵelementEnd()();
563
- i0.ɵɵelementStart(13, "div", 9)(14, "button", 10);
564
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_14_listener() { return ctx.changeViewMode("grid"); });
565
- i0.ɵɵelement(15, "span", 11);
566
- i0.ɵɵelementEnd();
567
- i0.ɵɵelementStart(16, "button", 12);
568
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_16_listener() { return ctx.changeViewMode("list"); });
559
+ i0.ɵɵelementStart(10, "div", 2)(11, "div", 7)(12, "kendo-textbox", 8, 9);
560
+ i0.ɵɵlistener("keyup", function GenericBrowserListComponent_Template_kendo_textbox_keyup_12_listener() { i0.ɵɵrestoreView(_r39); const _r1 = i0.ɵɵreference(13); return i0.ɵɵresetView(ctx.onKeyup(_r1.value)); });
561
+ i0.ɵɵtemplate(14, GenericBrowserListComponent_ng_template_14_Template, 1, 0, "ng-template", 10);
562
+ i0.ɵɵelementEnd()();
563
+ i0.ɵɵelementStart(15, "div", 11)(16, "button", 12);
564
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_16_listener() { return ctx.changeViewMode("grid"); });
569
565
  i0.ɵɵelement(17, "span", 13);
566
+ i0.ɵɵelementEnd();
567
+ i0.ɵɵelementStart(18, "button", 14);
568
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_18_listener() { return ctx.changeViewMode("list"); });
569
+ i0.ɵɵelement(19, "span", 15);
570
570
  i0.ɵɵelementEnd()()();
571
- i0.ɵɵelementStart(18, "div", 14);
572
- i0.ɵɵtemplate(19, GenericBrowserListComponent_kendo_loader_19_Template, 1, 0, "kendo-loader", 15)(20, GenericBrowserListComponent_div_20_Template, 3, 2, "div", 16);
571
+ i0.ɵɵelementStart(20, "div", 16);
572
+ i0.ɵɵtemplate(21, GenericBrowserListComponent_kendo_loader_21_Template, 1, 0, "kendo-loader", 17)(22, GenericBrowserListComponent_div_22_Template, 3, 2, "div", 18);
573
573
  i0.ɵɵelementEnd()();
574
- i0.ɵɵtemplate(21, GenericBrowserListComponent_kendo_dialog_21_Template, 14, 6, "kendo-dialog", 17)(22, GenericBrowserListComponent_kendo_dialog_22_Template, 8, 4, "kendo-dialog", 18)(23, GenericBrowserListComponent_kendo_dialog_23_Template, 8, 2, "kendo-dialog", 19);
574
+ i0.ɵɵtemplate(23, GenericBrowserListComponent_kendo_dialog_23_Template, 10, 3, "kendo-dialog", 19)(24, GenericBrowserListComponent_kendo_dialog_24_Template, 8, 2, "kendo-dialog", 20);
575
575
  i0.ɵɵelementEnd();
576
576
  } if (rf & 2) {
577
577
  i0.ɵɵadvance(4);
578
+ i0.ɵɵproperty("ngIf", ctx.selectedFolderID);
579
+ i0.ɵɵadvance(2);
578
580
  i0.ɵɵtextInterpolate(ctx.title);
579
581
  i0.ɵɵadvance();
580
582
  i0.ɵɵproperty("data", ctx.data);
@@ -589,14 +591,12 @@ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
589
591
  i0.ɵɵadvance();
590
592
  i0.ɵɵproperty("ngIf", ctx.deleteDialogOpened);
591
593
  i0.ɵɵadvance();
592
- i0.ɵɵproperty("ngIf", ctx.copyFromDialogOpened);
593
- i0.ɵɵadvance();
594
594
  i0.ɵɵproperty("ngIf", ctx.createFolderDialogOpened);
595
- } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.DataBindingDirective, i4.ColumnComponent, i4.CellTemplateDirective, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i7.DropDownButtonComponent, i8.TextBoxComponent, i8.TextBoxPrefixTemplateDirective, i9.CardComponent, i9.CardBodyComponent, i9.CardTitleDirective, i9.CardSubtitleDirective], styles: [".card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn[_ngcontent-%COMP%] {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active[_ngcontent-%COMP%] {\r\n border: 1px solid var(--border-blue);\r\n}\r\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn[_ngcontent-%COMP%] {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn[_ngcontent-%COMP%]:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small[_ngcontent-%COMP%] {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
595
+ } }, dependencies: [i2.NgForOf, i2.NgIf, i3.GridComponent, i3.DataBindingDirective, i3.ColumnComponent, i3.CellTemplateDirective, i4.DialogComponent, i4.DialogActionsComponent, i5.LoaderComponent, i6.ButtonComponent, i6.DropDownButtonComponent, i7.TextBoxComponent, i7.TextBoxPrefixTemplateDirective, i8.CardComponent, i8.CardBodyComponent, i8.CardTitleDirective, i8.CardSubtitleDirective], styles: [".card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn[_ngcontent-%COMP%] {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active[_ngcontent-%COMP%] {\r\n border: 1px solid var(--border-blue);\r\n}\r\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn[_ngcontent-%COMP%] {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn[_ngcontent-%COMP%]:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small[_ngcontent-%COMP%] {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n}\r\n\r\n.title-folder[_ngcontent-%COMP%] {\r\n padding-right: 20px;\r\n margin: auto;\r\n}\r\n\r\n.title-flex-display[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: row;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
596
596
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowserListComponent, [{
597
597
  type: Component,
598
- args: [{ selector: 'app-generic-browser-list', template: "\r\n<div class=\"generic-browser-list-container\">\r\n <div class=\"main-fav-wrapper\">\r\n <div class=\"title-wrapper\">\r\n <h4>{{title}}</h4>\r\n <kendo-dropdownbutton class=\"custom-dropdwn\" (itemClick)=\"onDropdownItemClick($event)\" [data]=\"data\" themeColor=\"info\">\r\n <span class=\"fa-solid fa-plus\"></span>\r\n Create New\r\n </kendo-dropdownbutton>\r\n </div>\r\n <div class=\"title-wrapper\">\r\n <div class=\"search\">\r\n <kendo-textbox \r\n type=\"text\" \r\n #searchInput \r\n placeholder=\"Search\" \r\n (keyup)=\"onKeyup(searchInput.value)\"\r\n [clearButton]=\"true\"\r\n size=\"large\"\r\n rounded=\"large\"\r\n fillMode=\"solid\"\r\n >\r\n <ng-template kendoTextBoxPrefixTemplate [showSeparator]=\"true\">\r\n <span class=\"fa-solid fa-magnifying-glass margin-left-small\"></span>\r\n </ng-template>\r\n </kendo-textbox>\r\n </div>\r\n <div class=\"filter-wrapper\">\r\n <!--\r\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\r\n Sort By Recents\r\n </kendo-dropdownbutton>\r\n -->\r\n <button kendobutton (click)=\"changeViewMode('grid')\" class=\"cursor-pointer grid-btn btn-cmn\">\r\n <span class=\"fa-solid fa-bars\"></span>\r\n </button>\r\n <button kendobutton (click)=\"changeViewMode('list')\" class=\"cursor-pointer active btn-cmn\">\r\n <span class=\"fa-solid fa-table-cells-large\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div *ngIf=\"!showLoader\">\r\n <kendo-grid *ngIf=\"displayAsGrid\" (cellClick)=\"onCellItemClicked($event)\" [kendoGridBinding]=\"items\">\r\n <kendo-grid-column field=\"Name\" title=\"Name\"></kendo-grid-column>\r\n <kendo-grid-column field=\"Size\" title=\"Size\"></kendo-grid-column>\r\n <kendo-grid-column field=\"LastOpened\" title=\"Last Opened\"></kendo-grid-column>\r\n <kendo-grid-column field=\"ModifiedBy\" title=\"Modified By\"></kendo-grid-column>\r\n <kendo-grid-column title=\"\">\r\n <ng-template kendoGridCellTemplate let-dataItem>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"list-btn\" (click)=\"editItem(dataItem)\">\r\n <i class=\"fa-regular fa-pen-to-square\"></i>\r\n </button>\r\n <button class=\"list-btn\" (click)=\"deleteItem(dataItem)\">\r\n <i class=\"fa-regular fa-trash-can\"></i>\r\n </button>\r\n </div>\r\n </ng-template>\r\n </kendo-grid-column>\r\n </kendo-grid>\r\n <div *ngIf=\"!displayAsGrid\" class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\">\r\n <div *ngFor=\"let d of items\">\r\n <kendo-card class=\"card-wrapper cursor-pointer\">\r\n <div class=\"list-item-icon\">\r\n <button (click)=\"editItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-pen-to-square\"></span>\r\n </button>\r\n <button (click)=\"deleteItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-trash-can\"></span>\r\n </button>\r\n </div>\r\n <kendo-card-body (click)=\"itemClick(d)\">\r\n <span *ngIf=\"d.Type === 'Folder'\" class=\"fa-3x fa-regular fa-folder\"></span>\r\n <span *ngIf=\"d.Type !== 'Folder'\" class=\"fa-3x fa-solid fa-table-cells\"></span>\r\n <div class=\"padding-top-small\">\r\n <h5 kendoCardTitle>{{ d.Name }}</h5>\r\n <p kendoCardSubtitle>{{ d.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog \r\n [minWidth]=\"450\"\r\n [width]=\"650\"\r\n class=\"dialog-wrapper\" title=\"Confirm\" *ngIf=\"deleteDialogOpened\" (close)=\"onConfirmDeleteItem(false)\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div [class]=\"showLoader ? 'disabled-div' : ''\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedItem?.Name}}</b>\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions popup-actions-btn\">\r\n <button class=\"cancel-btn\" kendoButton (click)=\"onConfirmDeleteItem(false)\">\r\n <span class=\"fa-solid fa-xmark\"></span> No, Cancel\r\n </button>\r\n <button class=\"yes-btn\" kendoButton (click)=\"onConfirmDeleteItem(true)\" themeColor=\"primary\">\r\n <span class=\"fa-solid fa-check\"></span> Yes, Delete\r\n </button>\r\n </div>\r\n </div>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n\r\n [minWidth]=\"450\"\r\n [width]=\"600\"\r\n [title]=\"getCopyFromTitle()\" \r\n *ngIf=\"copyFromDialogOpened\" \r\n (close)=\"toggleCopyFromView()\"\r\n >\r\n <div class=\"search\">\r\n <input type=\"text\" placeholder=\"Search\" (keyup)=\"onKeyup(searchInput.value)\"/>\r\n </div>\r\n <kendo-dialog-actions>\r\n <button kendoButton>\r\n Cancel\r\n </button>\r\n <button kendoButton themeColor=\"primary\">\r\n Create new {{resourceName}}\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n title=\"Create new Folder\" \r\n *ngIf=\"createFolderDialogOpened\" \r\n (close)=\"toggleCreateFolderView()\"\r\n [minWidth]=\"250\"\r\n [width]=\"450\"\r\n class=\"dialog-wrapper\"\r\n >\r\n <div class=\"search\">\r\n <kendo-textbox placeholder=\"Enter a folder name\" (valueChange)=\"onCreateFolderKeyup($event)\"/>\r\n </div>\r\n <kendo-dialog-actions class=\" popup-actions-btn\">\r\n <button class=\"yes-btn\" fillMode=\"outline\" themeColor=\"info\" (click)=\"toggleCreateFolderView()\" kendoButton>\r\n Cancel\r\n </button>\r\n <button class=\"cancel-btn\" (click)=\"createFolder()\" kendoButton themeColor=\"info\">\r\n Create\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n</div>\r\n", styles: ["::ng-deep .card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n ::ng-deep .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper .search input {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper .search {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper .search svg {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, ::ng-deep .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active {\r\n border: 1px solid var(--border-blue);\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n::ng-deep .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap span {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n::ng-deep .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n::ng-deep .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n::ng-deep .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer {\r\n cursor: pointer;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
599
- }], () => [{ type: i1.SharedService }, { type: i2.Router }], { showLoader: [{
598
+ args: [{ selector: 'app-generic-browser-list', template: "\r\n<div class=\"generic-browser-list-container\">\r\n <div class=\"main-fav-wrapper\">\r\n <div class=\"title-wrapper\">\r\n <div class=\"title-flex-display\">\r\n <span *ngIf=\"selectedFolderID\" title=\"Folder\" class=\"title-folder fa-regular fa-folder fa-2xl\"></span>\r\n <h4>{{title}}</h4>\r\n </div>\r\n <kendo-dropdownbutton class=\"custom-dropdwn\" (itemClick)=\"onDropdownItemClick($event)\" [data]=\"data\" themeColor=\"info\">\r\n <span class=\"fa-solid fa-plus\"></span>\r\n Create New\r\n </kendo-dropdownbutton>\r\n </div>\r\n <div class=\"title-wrapper\">\r\n <div class=\"search\">\r\n <kendo-textbox \r\n type=\"text\" \r\n #searchInput \r\n placeholder=\"Search\" \r\n (keyup)=\"onKeyup(searchInput.value)\"\r\n [clearButton]=\"true\"\r\n size=\"large\"\r\n rounded=\"large\"\r\n fillMode=\"solid\"\r\n >\r\n <ng-template kendoTextBoxPrefixTemplate [showSeparator]=\"true\">\r\n <span class=\"fa-solid fa-magnifying-glass margin-left-small\"></span>\r\n </ng-template>\r\n </kendo-textbox>\r\n </div>\r\n <div class=\"filter-wrapper\">\r\n <!--\r\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\r\n Sort By Recents\r\n </kendo-dropdownbutton>\r\n -->\r\n <button kendobutton (click)=\"changeViewMode('grid')\" class=\"cursor-pointer grid-btn btn-cmn\">\r\n <span class=\"fa-solid fa-bars\"></span>\r\n </button>\r\n <button kendobutton (click)=\"changeViewMode('list')\" class=\"cursor-pointer active btn-cmn\">\r\n <span class=\"fa-solid fa-table-cells-large\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div *ngIf=\"!showLoader\">\r\n <kendo-grid *ngIf=\"displayAsGrid\" (cellClick)=\"onCellItemClicked($event)\" [kendoGridBinding]=\"items\">\r\n <kendo-grid-column field=\"Name\" title=\"Name\"></kendo-grid-column>\r\n <kendo-grid-column field=\"Size\" title=\"Size\"></kendo-grid-column>\r\n <kendo-grid-column field=\"LastOpened\" title=\"Last Opened\"></kendo-grid-column>\r\n <kendo-grid-column field=\"ModifiedBy\" title=\"Modified By\"></kendo-grid-column>\r\n <kendo-grid-column title=\"\">\r\n <ng-template kendoGridCellTemplate let-dataItem>\r\n <div class=\"grid-wrapper\">\r\n <button *ngIf=\"!disableEditButton\" class=\"list-btn\" (click)=\"editItem(dataItem)\">\r\n <i class=\"fa-regular fa-pen-to-square\"></i>\r\n </button>\r\n <button class=\"list-btn\" (click)=\"deleteItem(dataItem)\">\r\n <i class=\"fa-regular fa-trash-can\"></i>\r\n </button>\r\n </div>\r\n </ng-template>\r\n </kendo-grid-column>\r\n </kendo-grid>\r\n <div *ngIf=\"!displayAsGrid\" class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\">\r\n <div *ngFor=\"let d of items\">\r\n <kendo-card class=\"card-wrapper cursor-pointer\">\r\n <div class=\"list-item-icon\">\r\n <button *ngIf=\"!disableEditButton\" (click)=\"editItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-pen-to-square\"></span>\r\n </button>\r\n <button (click)=\"deleteItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-trash-can\"></span>\r\n </button>\r\n </div>\r\n <kendo-card-body (click)=\"itemClick(d)\">\r\n <span *ngIf=\"d.Type === 'Folder'\" title=\"Folder\" class=\"fa-3x fa-regular fa-folder\"></span>\r\n <span *ngIf=\"d.Type !== 'Folder'\" [title]=\"resourceName\" class=\"fa-3x fa-solid fa-table-cells\"></span>\r\n <div class=\"padding-top-small\">\r\n <h5 kendoCardTitle>{{ d.Name }}</h5>\r\n <p kendoCardSubtitle>{{ d.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog \r\n [minWidth]=\"450\"\r\n [width]=\"650\"\r\n class=\"dialog-wrapper\" \r\n title=\"Confirm\" \r\n *ngIf=\"deleteDialogOpened\" \r\n (close)=\"onConfirmDeleteItem(false)\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedItem?.Name}}?</b>\r\n </p>\r\n <kendo-dialog-actions class=\"popup-actions-btn\">\r\n <button class=\"cancel-btn\" (click)=\"onConfirmDeleteItem(true)\" kendoButton themeColor=\"info\">\r\n Yes, Delete\r\n </button>\r\n <button class=\"yes-btn\" (click)=\"onConfirmDeleteItem(false)\" kendoButton fillMode=\"outline\" themeColor=\"info\">\r\n No, Cancel\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n title=\"Create new Folder\" \r\n *ngIf=\"createFolderDialogOpened\" \r\n (close)=\"toggleCreateFolderView()\"\r\n [minWidth]=\"250\"\r\n [width]=\"450\"\r\n class=\"dialog-wrapper\"\r\n >\r\n <div class=\"search\">\r\n <kendo-textbox placeholder=\"Enter a folder name\" (valueChange)=\"onCreateFolderKeyup($event)\"/>\r\n </div>\r\n <kendo-dialog-actions class=\"popup-actions-btn\">\r\n <button class=\"cancel-btn\" (click)=\"createFolder()\" kendoButton themeColor=\"info\">\r\n Create\r\n </button>\r\n <button class=\"yes-btn\" (click)=\"toggleCreateFolderView()\" kendoButton fillMode=\"outline\" themeColor=\"info\">\r\n Cancel\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n</div>\r\n", styles: ["::ng-deep .card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n ::ng-deep .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper .search input {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper .search {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper .search svg {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, ::ng-deep .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active {\r\n border: 1px solid var(--border-blue);\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n::ng-deep .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap span {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n::ng-deep .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n::ng-deep .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n::ng-deep .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer {\r\n cursor: pointer;\r\n}\r\n\r\n.title-folder {\r\n padding-right: 20px;\r\n margin: auto;\r\n}\r\n\r\n.title-flex-display {\r\n display: flex;\r\n flex-direction: row;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
599
+ }], () => [{ type: i1.SharedService }], { showLoader: [{
600
600
  type: Input
601
601
  }], itemType: [{
602
602
  type: Input
@@ -608,6 +608,8 @@ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
608
608
  type: Input
609
609
  }], disableAddButton: [{
610
610
  type: Input
611
+ }], disableEditButton: [{
612
+ type: Input
611
613
  }], addText: [{
612
614
  type: Input
613
615
  }], backText: [{