@memberjunction/ng-explorer-core 1.5.2 → 1.6.0

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 (34) hide show
  1. package/dist/app-routing.module.d.ts +3 -2
  2. package/dist/app-routing.module.d.ts.map +1 -1
  3. package/dist/app-routing.module.js +37 -11
  4. package/dist/lib/app-view/application-view.component.js +12 -11
  5. package/dist/lib/dashboard-browser-component/dashboard-browser.component.js +2 -2
  6. package/dist/lib/data-browser-component/data-browser.component.js +8 -8
  7. package/dist/lib/expansion-panel-component/expansion-panel-component.js +2 -2
  8. package/dist/lib/favorites/favorites.component.js +7 -7
  9. package/dist/lib/generic/form-toolbar.js +17 -17
  10. package/dist/lib/generic-browse-list/generic-browse-list.component.js +9 -9
  11. package/dist/lib/generic-browser-list/generic-browser-list.component.js +79 -79
  12. package/dist/lib/header/header.component.js +15 -14
  13. package/dist/lib/home-component/home.component.js +1 -1
  14. package/dist/lib/list-view/list-view.component.js +22 -22
  15. package/dist/lib/navigation/navigation.component.js +45 -45
  16. package/dist/lib/query-browser-component/query-browser.component.js +2 -2
  17. package/dist/lib/report-browser-component/report-browser.component.js +2 -2
  18. package/dist/lib/resource-wrappers/dashboard-resource.component.js +1 -1
  19. package/dist/lib/resource-wrappers/query-resource.component.js +1 -1
  20. package/dist/lib/resource-wrappers/record-resource.component.js +1 -1
  21. package/dist/lib/resource-wrappers/report-resource.component.js +1 -1
  22. package/dist/lib/resource-wrappers/search-results-resource.component.js +1 -1
  23. package/dist/lib/resource-wrappers/view-resource.component.js +2 -2
  24. package/dist/lib/single-application/single-application.component.js +1 -1
  25. package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +21 -21
  26. package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js +6 -6
  27. package/dist/lib/single-dashboard/single-dashboard.component.js +79 -78
  28. package/dist/lib/single-entity/single-entity.component.js +18 -18
  29. package/dist/lib/single-list-detail/single-list-detail.component.js +24 -24
  30. package/dist/lib/single-query/single-query.component.js +2 -2
  31. package/dist/lib/single-report/single-report.component.js +3 -3
  32. package/dist/lib/single-view/single-view.component.js +5 -5
  33. package/dist/lib/user-notifications/user-notifications.component.js +50 -50
  34. package/package.json +34 -34
package/dist/lib/header/header.component.js CHANGED
@@ -154,26 +154,27 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
154
154
  let _t;
155
155
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
156
156
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityDropdown = _t.first);
157
- } }, inputs: { applicationName: "applicationName", applicationInstance: "applicationInstance" }, outputs: { toggle: "toggle" }, decls: 23, vars: 6, consts: [[1, "header-wrap"], [1, "header", "header-bg"], [1, "nav-container"], [1, "menu-button"], [1, "k-icon", 3, "click"], [1, "fa-solid", "fa-bars", "fa-xl"], [1, "title"], ["kendoCardMedia", "", "src", "assets/MJ_logo.svg", "height", "45px", 1, "app-logo"], [1, "user-info-wrapper"], [1, "search-wrapper"], ["textField", "Name", "valueField", "ID", 1, "search-entity-list", 3, "data", "ngModel", "ngModelChange"], ["type", "text", "id", "txtSearch", "placeholder", "Search", "kendoTextBox", "", 3, "keydown.enter"], ["searchInput", ""], [1, "fa-solid", "fa-magnifying-glass"], [1, "icon-inbox", 3, "click"], [1, "fa-solid", "fa-inbox", "fa-xl"], ["class", "notification", 4, "ngIf"], [1, "user-info"], ["shape", "circle", 1, "k-m-0", 2, "margin", "0", 3, "imageSrc"], [1, "example-col"], [3, "data", "value", "valueChange"], [1, "notification"]], template: function HeaderComponent_Template(rf, ctx) { if (rf & 1) {
158
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "span", 4);
159
- i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_4_listener() { return ctx.onButtonClick(); });
160
- i0.ɵɵelement(5, "span", 5);
157
+ } }, inputs: { applicationName: "applicationName", applicationInstance: "applicationInstance" }, outputs: { toggle: "toggle" }, decls: 23, vars: 6, consts: [["searchInput", ""], [1, "header-wrap"], [1, "header", "header-bg"], [1, "nav-container"], [1, "menu-button"], [1, "k-icon", 3, "click"], [1, "fa-solid", "fa-bars", "fa-xl"], [1, "title"], ["kendoCardMedia", "", "src", "assets/MJ_logo.svg", "height", "45px", 1, "app-logo"], [1, "user-info-wrapper"], [1, "search-wrapper"], ["textField", "Name", "valueField", "ID", 1, "search-entity-list", 3, "ngModelChange", "data", "ngModel"], ["type", "text", "id", "txtSearch", "placeholder", "Search", "kendoTextBox", "", 3, "keydown.enter"], [1, "fa-solid", "fa-magnifying-glass"], [1, "icon-inbox", 3, "click"], [1, "fa-solid", "fa-inbox", "fa-xl"], ["class", "notification", 4, "ngIf"], [1, "user-info"], ["shape", "circle", 1, "k-m-0", 2, "margin", "0", 3, "imageSrc"], [1, "example-col"], [3, "valueChange", "data", "value"], [1, "notification"]], template: function HeaderComponent_Template(rf, ctx) { if (rf & 1) {
158
+ const _r1 = i0.ɵɵgetCurrentView();
159
+ i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3)(3, "div", 4)(4, "span", 5);
160
+ i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_4_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onButtonClick()); });
161
+ i0.ɵɵelement(5, "span", 6);
161
162
  i0.ɵɵelementEnd()();
162
- i0.ɵɵelementStart(6, "div", 6);
163
- i0.ɵɵelement(7, "img", 7);
163
+ i0.ɵɵelementStart(6, "div", 7);
164
+ i0.ɵɵelement(7, "img", 8);
164
165
  i0.ɵɵelementEnd();
165
- i0.ɵɵelementStart(8, "div", 8)(9, "div", 9)(10, "kendo-dropdownlist", 10);
166
- i0.ɵɵtwoWayListener("ngModelChange", function HeaderComponent_Template_kendo_dropdownlist_ngModelChange_10_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedEntity, $event) || (ctx.selectedEntity = $event); return $event; });
166
+ i0.ɵɵelementStart(8, "div", 9)(9, "div", 10)(10, "kendo-dropdownlist", 11);
167
+ i0.ɵɵtwoWayListener("ngModelChange", function HeaderComponent_Template_kendo_dropdownlist_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.selectedEntity, $event) || (ctx.selectedEntity = $event); return i0.ɵɵresetView($event); });
167
168
  i0.ɵɵelementEnd();
168
- i0.ɵɵelementStart(11, "input", 11, 12);
169
- i0.ɵɵlistener("keydown.enter", function HeaderComponent_Template_input_keydown_enter_11_listener($event) { return ctx.onSearch($event); });
169
+ i0.ɵɵelementStart(11, "input", 12, 0);
170
+ i0.ɵɵlistener("keydown.enter", function HeaderComponent_Template_input_keydown_enter_11_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearch($event)); });
170
171
  i0.ɵɵelementEnd();
171
- i0.ɵɵelementStart(13, "span", 4);
172
- i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_13_listener($event) { return ctx.onSearch($event); });
172
+ i0.ɵɵelementStart(13, "span", 5);
173
+ i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_13_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearch($event)); });
173
174
  i0.ɵɵelement(14, "span", 13);
174
175
  i0.ɵɵelementEnd()();
175
176
  i0.ɵɵelementStart(15, "div", 14);
176
- i0.ɵɵlistener("click", function HeaderComponent_Template_div_click_15_listener($event) { return ctx.showNotifications($event); });
177
+ i0.ɵɵlistener("click", function HeaderComponent_Template_div_click_15_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.showNotifications($event)); });
177
178
  i0.ɵɵelementStart(16, "kendo-badge-container");
178
179
  i0.ɵɵelement(17, "i", 15);
179
180
  i0.ɵɵtemplate(18, HeaderComponent_kendo_badge_18_Template, 2, 1, "kendo-badge", 16);
@@ -181,7 +182,7 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
181
182
  i0.ɵɵelementStart(19, "div", 17);
182
183
  i0.ɵɵelement(20, "kendo-avatar", 18);
183
184
  i0.ɵɵelementStart(21, "div", 19)(22, "kendo-dropdownlist", 20);
184
- i0.ɵɵlistener("valueChange", function HeaderComponent_Template_kendo_dropdownlist_valueChange_22_listener($event) { return ctx.valueChange($event); });
185
+ i0.ɵɵlistener("valueChange", function HeaderComponent_Template_kendo_dropdownlist_valueChange_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.valueChange($event)); });
185
186
  i0.ɵɵelementEnd()()()()()()();
186
187
  } if (rf & 2) {
187
188
  i0.ɵɵadvance(10);
package/dist/lib/home-component/home.component.js CHANGED
@@ -61,7 +61,7 @@ HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent
61
61
  i0.ɵɵelementEnd()()();
62
62
  i0.ɵɵelement(35, "app-favorites", 13);
63
63
  i0.ɵɵelementEnd()();
64
- } }, dependencies: [i3.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\n padding: 10px;\n}\n\n.nav-container[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n flex: 1;\n}\n.nav-item[_ngcontent-%COMP%] {\n border: solid 1px lightgray;\n border-radius: 5px;\n background: #fff;\n border-radius: 15px;\n width: 100%;;\n height: auto;\n box-sizing: border-box;\n padding: 25px;\n text-align: left;\n display: flex;\n gap: 26px;\n vertical-align: middle; \n font-size: 20px;\n cursor: pointer;\n}\n.nav-item[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\n width: 75px;\n height: 75px;\n color: var(--sky-blue);\n}\n.nav-item[_ngcontent-%COMP%]:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n}\n\n\n.home-favorites[_ngcontent-%COMP%] {\n width: 500px;\n}\n\n.sky-blue[_ngcontent-%COMP%] {\n color: var(--sky-blue);\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
64
+ } }, dependencies: [i3.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\n padding: 10px;\n}\n\n.nav-container[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n flex: 1;\n}\n.nav-item[_ngcontent-%COMP%] {\n border: solid 1px lightgray;\n border-radius: 5px;\n background: #fff;\n border-radius: 15px;\n width: 100%;;\n height: auto;\n box-sizing: border-box;\n padding: 25px;\n text-align: left;\n display: flex;\n gap: 26px;\n vertical-align: middle; \n font-size: 20px;\n cursor: pointer;\n}\n.nav-item[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\n width: 75px;\n height: 75px;\n color: var(--sky-blue);\n}\n.nav-item[_ngcontent-%COMP%]:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n}\n\n\n.home-favorites[_ngcontent-%COMP%] {\n width: 500px;\n}\n\n.sky-blue[_ngcontent-%COMP%] {\n color: var(--sky-blue);\n}", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
65
65
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeComponent, [{
66
66
  type: Component,
67
67
  args: [{ selector: 'app-home', template: "<div class=\"home-container\">\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>Home</h1>\n </div>\n </div>\n <div class=\"main-area\"> \n <div class=\"nav-container\">\n <div class=\"nav-item\" (click)=\"navigate('askskip')\">\n <span class=\"fa-solid fa-user fa-4x sky-blue\"></span>\n <span>Ask Skip</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('data')\">\n <span class=\"fa-solid fa-table-cells fa-4x sky-blue\"></span>\n <span>Data</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('queries')\">\n <span class=\"fa-solid fa-database fa-4x sky-blue\"></span>\n <span>Queries</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\n <span class=\"fa-solid fa-layer-group fa-4x sky-blue\"></span>\n <span>Dashboards</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('reports')\">\n <span class=\"fa-solid fa-chart-line fa-4x sky-blue\"></span>\n <span>Reports</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('lists')\">\n <span class=\"fa-solid fa-list-ul fa-4x sky-blue\"></span>\n <span>Lists</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('settings')\">\n <span class=\"fa-solid fa-gear fa-4x sky-blue\"></span>\n <span>Settings</span>\n </div>\n </div>\n\n <app-favorites class=\"home-favorites\"></app-favorites>\n </div>\n</div>", styles: [".home-container {\n padding: 10px;\n}\n\n.nav-container {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n flex: 1;\n}\n.nav-item {\n border: solid 1px lightgray;\n border-radius: 5px;\n background: #fff;\n border-radius: 15px;\n width: 100%;;\n height: auto;\n box-sizing: border-box;\n padding: 25px;\n text-align: left;\n display: flex;\n gap: 26px;\n vertical-align: middle; \n font-size: 20px;\n cursor: pointer;\n}\n.nav-item .k-svg-icon {\n width: 75px;\n height: 75px;\n color: var(--sky-blue);\n}\n.nav-item:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n}\n\n\n.home-favorites {\n width: 500px;\n}\n\n.sky-blue {\n color: var(--sky-blue);\n}", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
package/dist/lib/list-view/list-view.component.js CHANGED
@@ -26,48 +26,48 @@ function ListViewComponent_kendo_dialog_1_Conditional_1_Template(rf, ctx) { if (
26
26
  i0.ɵɵelement(0, "kendo-loader", 3);
27
27
  } }
28
28
  function ListViewComponent_kendo_dialog_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
29
- const _r4 = i0.ɵɵgetCurrentView();
30
- i0.ɵɵelementStart(0, "div", 7)(1, "kendo-label", 8)(2, "kendo-textbox", 9);
31
- i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textbox_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.listName, $event) || (ctx_r3.listName = $event); return i0.ɵɵresetView($event); });
29
+ const _r3 = i0.ɵɵgetCurrentView();
30
+ i0.ɵɵelementStart(0, "div", 4)(1, "kendo-label", 8)(2, "kendo-textbox", 9);
31
+ i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textbox_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listName, $event) || (ctx_r1.listName = $event); return i0.ɵɵresetView($event); });
32
32
  i0.ɵɵelementEnd()();
33
33
  i0.ɵɵelementStart(3, "div", 10)(4, "kendo-label", 11)(5, "kendo-textarea", 12);
34
- i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.listDescription, $event) || (ctx_r5.listDescription = $event); return i0.ɵɵresetView($event); });
34
+ i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listDescription, $event) || (ctx_r1.listDescription = $event); return i0.ɵɵresetView($event); });
35
35
  i0.ɵɵelementEnd()()();
36
36
  i0.ɵɵelementStart(6, "div", 10)(7, "kendo-label", 13)(8, "kendo-dropdownlist", 14);
37
- i0.ɵɵlistener("filterChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_filterChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.onFilterChange($event)); })("selectionChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_selectionChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.onSelectionChange($event)); });
37
+ i0.ɵɵlistener("filterChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_filterChange_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); })("selectionChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_selectionChange_8_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
38
38
  i0.ɵɵelementEnd()()()();
39
39
  } if (rf & 2) {
40
- const ctx_r2 = i0.ɵɵnextContext(2);
40
+ const ctx_r1 = i0.ɵɵnextContext(2);
41
41
  i0.ɵɵadvance(2);
42
- i0.ɵɵtwoWayProperty("ngModel", ctx_r2.listName);
42
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.listName);
43
43
  i0.ɵɵadvance(3);
44
44
  i0.ɵɵproperty("rows", 3);
45
- i0.ɵɵtwoWayProperty("ngModel", ctx_r2.listDescription);
45
+ i0.ɵɵtwoWayProperty("ngModel", ctx_r1.listDescription);
46
46
  i0.ɵɵadvance(3);
47
- i0.ɵɵproperty("data", ctx_r2.entityNames)("filterable", true);
47
+ i0.ɵɵproperty("data", ctx_r1.entityNames)("filterable", true);
48
48
  } }
49
49
  function ListViewComponent_kendo_dialog_1_Template(rf, ctx) { if (rf & 1) {
50
- const _r9 = i0.ɵɵgetCurrentView();
50
+ const _r1 = i0.ɵɵgetCurrentView();
51
51
  i0.ɵɵelementStart(0, "kendo-dialog", 2);
52
- i0.ɵɵlistener("close", function ListViewComponent_kendo_dialog_1_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.toggleCreateDialog(false)); });
53
- i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Conditional_1_Template, 1, 0, "kendo-loader", 3)(2, ListViewComponent_kendo_dialog_1_Conditional_2_Template, 9, 5);
54
- i0.ɵɵelementStart(3, "kendo-dialog-actions", 4)(4, "button", 5);
55
- i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.createList()); });
52
+ i0.ɵɵlistener("close", function ListViewComponent_kendo_dialog_1_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCreateDialog(false)); });
53
+ i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Conditional_1_Template, 1, 0, "kendo-loader", 3)(2, ListViewComponent_kendo_dialog_1_Conditional_2_Template, 9, 5, "div", 4);
54
+ i0.ɵɵelementStart(3, "kendo-dialog-actions", 5)(4, "button", 6);
55
+ i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createList()); });
56
56
  i0.ɵɵtext(5, " Create ");
57
57
  i0.ɵɵelementEnd();
58
- i0.ɵɵelementStart(6, "button", 6);
59
- i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.toggleCreateDialog(false)); });
58
+ i0.ɵɵelementStart(6, "button", 7);
59
+ i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCreateDialog(false)); });
60
60
  i0.ɵɵtext(7, " Cancel ");
61
61
  i0.ɵɵelementEnd()()();
62
62
  } if (rf & 2) {
63
- const ctx_r0 = i0.ɵɵnextContext();
63
+ const ctx_r1 = i0.ɵɵnextContext();
64
64
  i0.ɵɵproperty("minWidth", 250)("width", 650)("height", 550);
65
65
  i0.ɵɵadvance();
66
- i0.ɵɵconditional(1, ctx_r0.showCreateLoader ? 1 : 2);
66
+ i0.ɵɵconditional(ctx_r1.showCreateLoader ? 1 : 2);
67
67
  i0.ɵɵadvance(3);
68
- i0.ɵɵproperty("disabled", !ctx_r0.listName || !ctx_r0.selectedEntity || ctx_r0.showCreateLoader);
68
+ i0.ɵɵproperty("disabled", !ctx_r1.listName || !ctx_r1.selectedEntity || ctx_r1.showCreateLoader);
69
69
  i0.ɵɵadvance(2);
70
- i0.ɵɵproperty("disabled", ctx_r0.showCreateLoader);
70
+ i0.ɵɵproperty("disabled", ctx_r1.showCreateLoader);
71
71
  } }
72
72
  export class ListViewComponent extends BaseBrowserComponent {
73
73
  constructor(router, route, sharedService) {
@@ -172,7 +172,7 @@ export class ListViewComponent extends BaseBrowserComponent {
172
172
  }
173
173
  }
174
174
  ListViewComponent.ɵfac = function ListViewComponent_Factory(t) { return new (t || ListViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
175
- ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewComponent, selectors: [["mj-list-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["title", "Lists", "itemType", "list", "iconName", "graph", "addText", "Create New List", "ItemEntityName", "Lists", "CategoryEntityName", "List Categories", "resourceName", "List", 3, "items", "selectedFolderID", "showLoader", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "BeforeAddItemEvent"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["title", "Create New List", 3, "minWidth", "width", "height", "close"], ["type", "converging-spinner"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "disabled", "click"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "disabled", "click"], [1, "col-xs-12", "col-sm-6", "example-col"], ["text", "Name"], ["placeholder", "Enter List Name", 1, "mt-10", 3, "ngModel", "ngModelChange"], [1, "mt-10"], ["text", "Description"], ["placeholder", "Enter Description", "resizable", "vertical", 1, "mt-10", 3, "rows", "ngModel", "ngModelChange"], ["text", "Select an Entity"], [1, "mt-10", 3, "data", "filterable", "filterChange", "selectionChange"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
175
+ ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewComponent, selectors: [["mj-list-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["title", "Lists", "itemType", "list", "iconName", "graph", "addText", "Create New List", "ItemEntityName", "Lists", "CategoryEntityName", "List Categories", "resourceName", "List", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "BeforeAddItemEvent", "items", "selectedFolderID", "showLoader"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["title", "Create New List", 3, "close", "minWidth", "width", "height"], ["type", "converging-spinner"], [1, "col-xs-12", "col-sm-6", "example-col"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click", "disabled"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click", "disabled"], ["text", "Name"], ["placeholder", "Enter List Name", 1, "mt-10", 3, "ngModelChange", "ngModel"], [1, "mt-10"], ["text", "Description"], ["placeholder", "Enter Description", "resizable", "vertical", 1, "mt-10", 3, "ngModelChange", "rows", "ngModel"], ["text", "Select an Entity"], [1, "mt-10", 3, "filterChange", "selectionChange", "data", "filterable"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
176
176
  i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
177
177
  i0.ɵɵlistener("itemClickEvent", function ListViewComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ListViewComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); })("BeforeAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeAddItemEvent_0_listener($event) { return ctx.onBeforeAddItemEvent($event); });
178
178
  i0.ɵɵelementEnd();
@@ -181,7 +181,7 @@ ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewC
181
181
  i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
182
182
  i0.ɵɵadvance();
183
183
  i0.ɵɵproperty("ngIf", ctx.showCreateDialog);
184
- } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i9.LabelComponent, i10.DropDownListComponent, i11.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
184
+ } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i9.LabelComponent, i10.DropDownListComponent, i11.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
185
185
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListViewComponent, [{
186
186
  type: Component,
187
187
  args: [{ selector: 'mj-list-view', template: "<app-generic-browser-list \ntitle=\"Lists\"\nitemType=\"list\"\niconName=\"graph\" \n[items]=\"items\"\naddText=\"Create New List\"\nItemEntityName=\"Lists\"\nCategoryEntityName=\"List Categories\" \nresourceName = \"List\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n(BeforeAddItemEvent)=\"onBeforeAddItemEvent($event)\"\n/>\n<kendo-dialog\ntitle=\"Create New List\"\n*ngIf=\"showCreateDialog\"\n(close)=\"toggleCreateDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n @if(showCreateLoader){\n <kendo-loader type=\"converging-spinner\"></kendo-loader>\n }\n @else {\n <div class=\"col-xs-12 col-sm-6 example-col\">\n <kendo-label text=\"Name\">\n <kendo-textbox \n class=\"mt-10\"\n placeholder=\"Enter List Name\" \n [(ngModel)]=\"listName\">\n </kendo-textbox>\n </kendo-label>\n <div class=\"mt-10\">\n <kendo-label text=\"Description\">\n <kendo-textarea\n class=\"mt-10\"\n placeholder=\"Enter Description\"\n [rows]=\"3\"\n resizable=\"vertical\"\n [(ngModel)]=\"listDescription\"\n ></kendo-textarea>\n </kendo-label>\n </div>\n <div class=\"mt-10\">\n <kendo-label text=\"Select an Entity\">\n <kendo-dropdownlist \n class=\"mt-10\"\n [data]=\"entityNames\"\n [filterable]=\"true\"\n (filterChange)=\"onFilterChange($event)\"\n (selectionChange)=\"onSelectionChange($event)\"\n />\n </kendo-label>\n </div>\n </div>\n }\n <kendo-dialog-actions class=\"popup-actions-btn\">\n <button class=\"cancel-btn\" (click)=\"createList()\" [disabled]=\"!listName || !selectedEntity || showCreateLoader\" kendoButton themeColor=\"info\">\n Create\n </button>\n <button class=\"yes-btn\" (click)=\"toggleCreateDialog(false)\" [disabled]=\"showCreateLoader\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n Cancel\n </button>\n </kendo-dialog-actions>\n</kendo-dialog>", styles: ["\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
package/dist/lib/navigation/navigation.component.js CHANGED
@@ -29,10 +29,11 @@ import * as i10 from "../generic/resource-container-component";
29
29
  const _c0 = ["mjTabstrip"];
30
30
  const _c1 = ["drawerWrapper"];
31
31
  const _c2 = ["container"];
32
+ const _forTrack0 = ($index, $item) => $item.id;
33
+ const _c3 = a0 => ({ "waiting": a0 });
32
34
  function NavigationComponent_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
33
- i0.ɵɵelement(0, "kendo-loader", 6);
35
+ i0.ɵɵelement(0, "kendo-loader", 8);
34
36
  } }
35
- const _forTrack0 = ($index, $item) => $item.id;
36
37
  function NavigationComponent_kendo_drawer_container_3_ng_template_3_div_2_Template(rf, ctx) { if (rf & 1) {
37
38
  i0.ɵɵelementStart(0, "div", 16)(1, "div");
38
39
  i0.ɵɵtext(2);
@@ -41,11 +42,11 @@ function NavigationComponent_kendo_drawer_container_3_ng_template_3_div_2_Templa
41
42
  i0.ɵɵtext(4);
42
43
  i0.ɵɵelementEnd()();
43
44
  } if (rf & 2) {
44
- const item_r9 = i0.ɵɵnextContext().$implicit;
45
+ const item_r3 = i0.ɵɵnextContext().$implicit;
45
46
  i0.ɵɵadvance(2);
46
- i0.ɵɵtextInterpolate(item_r9.text);
47
+ i0.ɵɵtextInterpolate(item_r3.text);
47
48
  i0.ɵɵadvance(2);
48
- i0.ɵɵtextInterpolate(item_r9.description);
49
+ i0.ɵɵtextInterpolate(item_r3.description);
49
50
  } }
50
51
  function NavigationComponent_kendo_drawer_container_3_ng_template_3_Template(rf, ctx) { if (rf & 1) {
51
52
  i0.ɵɵelementStart(0, "div", 14);
@@ -53,55 +54,55 @@ function NavigationComponent_kendo_drawer_container_3_ng_template_3_Template(rf,
53
54
  i0.ɵɵelementEnd();
54
55
  i0.ɵɵtemplate(2, NavigationComponent_kendo_drawer_container_3_ng_template_3_div_2_Template, 5, 2, "div", 15);
55
56
  } if (rf & 2) {
56
- const item_r9 = ctx.$implicit;
57
- const ctx_r5 = i0.ɵɵnextContext(2);
57
+ const item_r3 = ctx.$implicit;
58
+ const ctx_r1 = i0.ɵɵnextContext(2);
58
59
  i0.ɵɵadvance();
59
- i0.ɵɵclassMap(item_r9.icon);
60
+ i0.ɵɵclassMap(item_r3.icon);
60
61
  i0.ɵɵadvance();
61
- i0.ɵɵproperty("ngIf", !ctx_r5.mini);
62
+ i0.ɵɵproperty("ngIf", !ctx_r1.mini);
62
63
  } }
63
64
  function NavigationComponent_kendo_drawer_container_3_For_12_Conditional_1_Template(rf, ctx) { if (rf & 1) {
64
- i0.ɵɵelement(0, "span", 19);
65
+ i0.ɵɵelement(0, "span", 18);
65
66
  } }
66
67
  function NavigationComponent_kendo_drawer_container_3_For_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
67
68
  i0.ɵɵelement(0, "span");
68
69
  } if (rf & 2) {
69
- const tab_r12 = i0.ɵɵnextContext().$implicit;
70
- i0.ɵɵclassMap(tab_r12.icon);
70
+ const tab_r4 = i0.ɵɵnextContext().$implicit;
71
+ i0.ɵɵclassMap(tab_r4.icon);
71
72
  } }
72
73
  function NavigationComponent_kendo_drawer_container_3_For_12_Template(rf, ctx) { if (rf & 1) {
73
74
  i0.ɵɵelementStart(0, "mj-tab", 13);
74
- i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_For_12_Conditional_1_Template, 1, 0, "span", 18)(2, NavigationComponent_kendo_drawer_container_3_For_12_Conditional_2_Template, 1, 2);
75
+ i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_For_12_Conditional_1_Template, 1, 0, "span", 18)(2, NavigationComponent_kendo_drawer_container_3_For_12_Conditional_2_Template, 1, 2, "span", 19);
75
76
  i0.ɵɵtext(3);
76
77
  i0.ɵɵelementEnd();
77
78
  } if (rf & 2) {
78
- const tab_r12 = ctx.$implicit;
79
+ const tab_r4 = ctx.$implicit;
79
80
  i0.ɵɵproperty("TabCloseable", true);
80
81
  i0.ɵɵadvance();
81
- i0.ɵɵconditional(1, (tab_r12 == null ? null : tab_r12.contentLoading) ? 1 : (tab_r12 == null ? null : tab_r12.icon) ? 2 : -1);
82
+ i0.ɵɵconditional((tab_r4 == null ? null : tab_r4.contentLoading) ? 1 : (tab_r4 == null ? null : tab_r4.icon) ? 2 : -1);
82
83
  i0.ɵɵadvance(2);
83
- i0.ɵɵtextInterpolate1(" ", tab_r12.labelLoading ? "Loading..." : tab_r12.label, " ");
84
+ i0.ɵɵtextInterpolate1(" ", tab_r4.labelLoading ? "Loading..." : tab_r4.label, " ");
84
85
  } }
85
86
  function NavigationComponent_kendo_drawer_container_3_For_14_Template(rf, ctx) { if (rf & 1) {
86
- const _r26 = i0.ɵɵgetCurrentView();
87
+ const _r5 = i0.ɵɵgetCurrentView();
87
88
  i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 20);
88
- i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ResourceRecordSaved_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r26); const tab_r20 = restoredCtx.$implicit; const ctx_r25 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r25.HandleResourceRecordSaved(tab_r20, $event)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ContentLoadingStarted_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const tab_r20 = restoredCtx.$implicit; const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.setTabContentLoadingStatus(tab_r20, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ContentLoadingComplete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r26); const tab_r20 = restoredCtx.$implicit; const ctx_r28 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r28.setTabContentLoadingStatus(tab_r20, false)); });
89
+ i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ResourceRecordSaved_1_listener($event) { const tab_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.HandleResourceRecordSaved(tab_r6, $event)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ContentLoadingStarted_1_listener() { const tab_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTabContentLoadingStatus(tab_r6, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_For_14_Template_mj_resource_ContentLoadingComplete_1_listener() { const tab_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTabContentLoadingStatus(tab_r6, false)); });
89
90
  i0.ɵɵelementEnd()();
90
91
  } if (rf & 2) {
91
- const tab_r20 = ctx.$implicit;
92
- const i_r21 = ctx.$index;
93
- const ctx_r8 = i0.ɵɵnextContext(2);
92
+ const tab_r6 = ctx.$implicit;
93
+ const ɵ$index_50_r7 = ctx.$index;
94
+ const ctx_r1 = i0.ɵɵnextContext(2);
94
95
  i0.ɵɵadvance();
95
- i0.ɵɵproperty("Data", tab_r20.data)("isVisible", ctx_r8.activeTabIndex - 1 === i_r21);
96
+ i0.ɵɵproperty("Data", tab_r6.data)("isVisible", ctx_r1.activeTabIndex - 1 === ɵ$index_50_r7);
96
97
  } }
97
98
  function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf & 1) {
98
- const _r30 = i0.ɵɵgetCurrentView();
99
- i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer", 7, 8);
100
- i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.onDrawerSelect($event)); });
101
- i0.ɵɵtemplate(3, NavigationComponent_kendo_drawer_container_3_ng_template_3_Template, 3, 3, "ng-template", 9);
99
+ const _r1 = i0.ɵɵgetCurrentView();
100
+ i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer", 9, 1);
101
+ i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDrawerSelect($event)); });
102
+ i0.ɵɵtemplate(3, NavigationComponent_kendo_drawer_container_3_ng_template_3_Template, 3, 3, "ng-template", 10);
102
103
  i0.ɵɵelementEnd();
103
- i0.ɵɵelementStart(4, "kendo-drawer-content", 10)(5, "mj-tabstrip", 11, 12);
104
- i0.ɵɵlistener("TabClosed", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabClosed_5_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.handleTabClosed($event)); })("TabSelected", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.handleTabSelected($event)); })("TabContextMenu", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabContextMenu_5_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r33 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r33.handleTabContextMenu($event)); });
104
+ i0.ɵɵelementStart(4, "kendo-drawer-content", 11)(5, "mj-tabstrip", 12, 2);
105
+ i0.ɵɵlistener("TabClosed", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabClosed_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleTabClosed($event)); })("TabSelected", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleTabSelected($event)); })("TabContextMenu", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabContextMenu_5_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleTabContextMenu($event)); });
105
106
  i0.ɵɵelementStart(7, "mj-tab", 13);
106
107
  i0.ɵɵtext(8, " Home ");
107
108
  i0.ɵɵelementEnd();
@@ -112,35 +113,34 @@ function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf
112
113
  i0.ɵɵrepeaterCreate(13, NavigationComponent_kendo_drawer_container_3_For_14_Template, 2, 2, "mj-tab-body", null, _forTrack0);
113
114
  i0.ɵɵelementEnd()()();
114
115
  } if (rf & 2) {
115
- const ctx_r2 = i0.ɵɵnextContext();
116
+ const ctx_r1 = i0.ɵɵnextContext();
116
117
  i0.ɵɵadvance();
117
- i0.ɵɵproperty("items", ctx_r2.drawerItems)("mode", ctx_r2.mode)("mini", ctx_r2.mini)("animation", false)("autoCollapse", false);
118
+ i0.ɵɵproperty("items", ctx_r1.drawerItems)("mode", ctx_r1.mode)("mini", ctx_r1.mini)("animation", false)("autoCollapse", false);
118
119
  i0.ɵɵadvance(6);
119
120
  i0.ɵɵproperty("TabCloseable", false);
120
121
  i0.ɵɵadvance(4);
121
- i0.ɵɵrepeater(ctx_r2.tabs);
122
+ i0.ɵɵrepeater(ctx_r1.tabs);
122
123
  i0.ɵɵadvance(2);
123
- i0.ɵɵrepeater(ctx_r2.tabs);
124
+ i0.ɵɵrepeater(ctx_r1.tabs);
124
125
  } }
125
126
  function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
126
- const _r35 = i0.ɵɵgetCurrentView();
127
+ const _r8 = i0.ɵɵgetCurrentView();
127
128
  i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
128
- i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.handleContextMenuOption(1)); });
129
+ i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContextMenuOption(1)); });
129
130
  i0.ɵɵtext(2, "Close All");
130
131
  i0.ɵɵelementEnd();
131
132
  i0.ɵɵelementStart(3, "div", 22);
132
- i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.handleContextMenuOption(2)); });
133
+ i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContextMenuOption(2)); });
133
134
  i0.ɵɵtext(4, "Close Others");
134
135
  i0.ɵɵelementEnd();
135
136
  i0.ɵɵelementStart(5, "div", 22);
136
- i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r35); const ctx_r37 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r37.handleContextMenuOption(3)); });
137
+ i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.handleContextMenuOption(3)); });
137
138
  i0.ɵɵtext(6, "Close Tabs to the Right");
138
139
  i0.ɵɵelementEnd()();
139
140
  } if (rf & 2) {
140
- const ctx_r3 = i0.ɵɵnextContext();
141
- i0.ɵɵproperty("ngStyle", ctx_r3.contextMenuStyle);
141
+ const ctx_r1 = i0.ɵɵnextContext();
142
+ i0.ɵɵproperty("ngStyle", ctx_r1.contextMenuStyle);
142
143
  } }
143
- const _c3 = a0 => ({ "waiting": a0 });
144
144
  export class NavigationComponent {
145
145
  onWindowResize() {
146
146
  clearTimeout(this.resizeTimeout);
@@ -789,8 +789,8 @@ export class NavigationComponent {
789
789
  * @returns
790
790
  */
791
791
  SaveSingleWorkspaceItem(tab) {
792
- var _a;
793
792
  return __awaiter(this, void 0, void 0, function* () {
793
+ var _a;
794
794
  try {
795
795
  if (!this.workSpace)
796
796
  throw new Error('No workspace loaded');
@@ -1153,12 +1153,12 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
1153
1153
  i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
1154
1154
  } if (rf & 2) {
1155
1155
  i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
1156
- } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["kendoDrawerItemTemplate", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [1, "drawer-item-icon"], ["class", "item-descr-wrap", 4, "ngIf"], [1, "item-descr-wrap"], [1, "item-descr"], ["class", "fa-regular fa-clock"], [1, "fa-regular", "fa-clock"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
1157
- i0.ɵɵelementStart(0, "div", 0, 1);
1158
- i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 15, 6, "kendo-drawer-container", 3);
1159
- i0.ɵɵelement(4, "mj-skip-button", 4);
1156
+ } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [["drawerWrapper", ""], ["drawer", ""], ["mjTabstrip", ""], [1, "navigation-wrap", 3, "ngClass"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "select", "items", "mode", "mini", "animation", "autoCollapse"], ["kendoDrawerItemTemplate", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], [3, "TabCloseable"], [1, "drawer-item-icon"], ["class", "item-descr-wrap", 4, "ngIf"], [1, "item-descr-wrap"], [1, "item-descr"], [1, "fa-regular", "fa-clock"], [3, "class"], ["mjFillContainer", "", 1, "tab-resource", 3, "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete", "Data", "isVisible"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
1157
+ i0.ɵɵelementStart(0, "div", 3, 0);
1158
+ i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 4)(3, NavigationComponent_kendo_drawer_container_3_Template, 15, 6, "kendo-drawer-container", 5);
1159
+ i0.ɵɵelement(4, "mj-skip-button", 6);
1160
1160
  i0.ɵɵelementEnd();
1161
- i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 5);
1161
+ i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 7);
1162
1162
  } if (rf & 2) {
1163
1163
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c3, ctx.loader));
1164
1164
  i0.ɵɵadvance(2);
package/dist/lib/query-browser-component/query-browser.component.js CHANGED
@@ -69,13 +69,13 @@ export class QueryBrowserComponent extends BaseBrowserComponent {
69
69
  }
70
70
  }
71
71
  QueryBrowserComponent.ɵfac = function QueryBrowserComponent_Factory(t) { return new (t || QueryBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
72
- QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["mj-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create New Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function QueryBrowserComponent_Template(rf, ctx) { if (rf & 1) {
72
+ QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["mj-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create New Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton"]], template: function QueryBrowserComponent_Template(rf, ctx) { if (rf & 1) {
73
73
  i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
74
74
  i0.ɵɵlistener("itemClickEvent", function QueryBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function QueryBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); });
75
75
  i0.ɵɵelementEnd();
76
76
  } if (rf & 2) {
77
77
  i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true)("disableEditButton", true);
78
- } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\n height: 80px;\n }", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
78
+ } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\n height: 80px;\n }", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
79
79
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryBrowserComponent, [{
80
80
  type: Component,
81
81
  args: [{ selector: 'mj-query-browser', template: "<app-generic-browser-list \ntitle=\"Queries\" \nitemType=\"query\"\niconName=\"data\" \n[items]=\"items\"\naddText=\"Create New Query\"\nItemEntityName=\"Queries\"\nCategoryEntityName=\"Query Categories\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n[disableAddButton]=\"true\"\n[disableEditButton]=\"true\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n/>", styles: [".k-card-body {\n height: 80px;\n }", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
package/dist/lib/report-browser-component/report-browser.component.js CHANGED
@@ -57,13 +57,13 @@ export class ReportBrowserComponent extends BaseBrowserComponent {
57
57
  }
58
58
  }
59
59
  ReportBrowserComponent.ɵfac = function ReportBrowserComponent_Factory(t) { return new (t || ReportBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
60
- ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["mj-report-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Reports", "itemType", "report", "iconName", "graph", "addText", "Create New Report", "ItemEntityName", "Reports", "CategoryEntityName", "Report Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function ReportBrowserComponent_Template(rf, ctx) { if (rf & 1) {
60
+ ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["mj-report-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Reports", "itemType", "report", "iconName", "graph", "addText", "Create New Report", "ItemEntityName", "Reports", "CategoryEntityName", "Report Categories", 3, "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton"]], template: function ReportBrowserComponent_Template(rf, ctx) { if (rf & 1) {
61
61
  i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
62
62
  i0.ɵɵlistener("itemClickEvent", function ReportBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ReportBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); });
63
63
  i0.ɵɵelementEnd();
64
64
  } if (rf & 2) {
65
65
  i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true)("disableEditButton", true);
66
- } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\n height: 80px;\n }", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
66
+ } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\n height: 80px;\n }", ".main-area[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n .list-view .k-listview-header, \n .list-view .k-listview-footer {\n border: none;\n}\n .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}"] });
67
67
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportBrowserComponent, [{
68
68
  type: Component,
69
69
  args: [{ selector: 'mj-report-browser', template: "<app-generic-browser-list \ntitle=\"Reports\"\nitemType=\"report\"\niconName=\"graph\" \n[items]=\"items\"\naddText=\"Create New Report\"\nItemEntityName=\"Reports\"\nCategoryEntityName=\"Report Categories\" \n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n[disableAddButton]=\"true\"\n[disableEditButton]=\"true\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n/>\n<!-- creation of reports are disabled because they need a conversation ID before theyre made -->", styles: [".k-card-body {\n height: 80px;\n }", "\n.main-area {\n display: flex;\n flex-direction: column;\n height: 100%;\n width: 100%;\n gap: 24px;\n padding: 24px 0;\n}\n.list-view {\n padding: 16px;\n min-width: 300px;\n border-radius: 4px;\n background: #FAFAFA;\n border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n border: none;\n}\n::ng-deep .list-view .k-listview-content {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n background: #fff;\n padding: 16px;\n}\n\n.header,\n.footer {\n color: #424242;\n font-size: 16px;\n height: auto;\n margin:0;\n}\n\n.header {\n color: #424242;\n margin-bottom: 16px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n.header .head-tag {\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n width: 24px;\n height: 24px;\n min-width: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 10px;\n background: rgba(0, 0, 0, 0.08);\n border-radius: 50%;\n}\n.footer {\n font-size: 14px;\n margin-top: 16px;\n}\n\n.list-item {\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 30px;\n cursor: pointer;\n margin: 4px;\n}\n.card-container {\n margin: 0;\n padding: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n color: var(--sideNav);\n}\n.card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\n width: 100% !important;\n}\n.card-wrapper .k-card-body {\n background: #fff;\n padding: 12px 20px;\n}\n.card-wrapper .view-card {\n overflow: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: #fafafa;\n padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n display: flex;\n align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n color: #424242;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n margin-bottom: 0;\n letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n color: #666;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n height: 48px;\n margin-bottom: 0;\n}\n.card-container {\n padding: 0;\n margin: 0;\n box-shadow: none;\n}\n.card-header-entity {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding-bottom: 20px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n color: #424242;\n font-size: 28px;\n font-style: normal;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n display: flex;\n flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n margin: 0;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #424242;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n}\n.main-area .card-list {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n}\n"] }]
package/dist/lib/resource-wrappers/dashboard-resource.component.js CHANGED
@@ -30,7 +30,7 @@ let DashboardResource = class DashboardResource extends BaseResourceComponent {
30
30
  }
31
31
  };
32
32
  DashboardResource.ɵfac = /*@__PURE__*/ (() => { let ɵDashboardResource_BaseFactory; return function DashboardResource_Factory(t) { return (ɵDashboardResource_BaseFactory || (ɵDashboardResource_BaseFactory = i0.ɵɵgetInheritedFactory(DashboardResource)))(t || DashboardResource); }; })();
33
- DashboardResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["mj-single-dashboard-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjFillContainer", "", 3, "ResourceData", "dashboardSaved", "loadComplete", "loadStarted"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
33
+ DashboardResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardResource, selectors: [["mj-single-dashboard-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["mjFillContainer", "", 3, "dashboardSaved", "loadComplete", "loadStarted", "ResourceData"]], template: function DashboardResource_Template(rf, ctx) { if (rf & 1) {
34
34
  i0.ɵɵelementStart(0, "mj-single-dashboard", 0);
35
35
  i0.ɵɵlistener("dashboardSaved", function DashboardResource_Template_mj_single_dashboard_dashboardSaved_0_listener($event) { return ctx.ResourceRecordSaved($event); })("loadComplete", function DashboardResource_Template_mj_single_dashboard_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function DashboardResource_Template_mj_single_dashboard_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
36
36
  i0.ɵɵelementEnd();
package/dist/lib/resource-wrappers/query-resource.component.js CHANGED
@@ -35,7 +35,7 @@ let QueryResource = class QueryResource extends BaseResourceComponent {
35
35
  }
36
36
  };
37
37
  QueryResource.ɵfac = /*@__PURE__*/ (() => { let ɵQueryResource_BaseFactory; return function QueryResource_Factory(t) { return (ɵQueryResource_BaseFactory || (ɵQueryResource_BaseFactory = i0.ɵɵgetInheritedFactory(QueryResource)))(t || QueryResource); }; })();
38
- QueryResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryResource, selectors: [["mj-query-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "queryId", "loadComplete", "loadStarted"]], template: function QueryResource_Template(rf, ctx) { if (rf & 1) {
38
+ QueryResource.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryResource, selectors: [["mj-query-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "loadComplete", "loadStarted", "queryId"]], template: function QueryResource_Template(rf, ctx) { if (rf & 1) {
39
39
  i0.ɵɵelementStart(0, "mj-single-query", 0);
40
40
  i0.ɵɵlistener("loadComplete", function QueryResource_Template_mj_single_query_loadComplete_0_listener() { return ctx.NotifyLoadComplete(); })("loadStarted", function QueryResource_Template_mj_single_query_loadStarted_0_listener() { return ctx.NotifyLoadStarted(); });
41
41
  i0.ɵɵelementEnd();