@memberjunction/ng-explorer-core 1.5.1 → 1.5.3

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/generic-browse-list/generic-browse-list.component.js CHANGED
@@ -10,9 +10,9 @@ function GenericBrowseListComponent_kendo_loader_16_Template(rf, ctx) { if (rf &
10
10
  i0.ɵɵelement(0, "kendo-loader", 12);
11
11
  } }
12
12
  function GenericBrowseListComponent_div_17_div_1_Template(rf, ctx) { if (rf & 1) {
13
- const _r5 = i0.ɵɵgetCurrentView();
13
+ const _r1 = i0.ɵɵgetCurrentView();
14
14
  i0.ɵɵelementStart(0, "div")(1, "kendo-card", 15)(2, "kendo-card-body", 16);
15
- i0.ɵɵlistener("click", function GenericBrowseListComponent_div_17_div_1_Template_kendo_card_body_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const d_r3 = restoredCtx.$implicit; const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.itemClick(d_r3)); });
15
+ i0.ɵɵlistener("click", function GenericBrowseListComponent_div_17_div_1_Template_kendo_card_body_click_2_listener() { const d_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.itemClick(d_r2)); });
16
16
  i0.ɵɵelementStart(3, "div", 17)(4, "button", 18);
17
17
  i0.ɵɵnamespaceSVG();
18
18
  i0.ɵɵelementStart(5, "svg", 19)(6, "g", 20);
@@ -53,20 +53,20 @@ function GenericBrowseListComponent_div_17_div_1_Template(rf, ctx) { if (rf & 1)
53
53
  i0.ɵɵtext(28);
54
54
  i0.ɵɵelementEnd()()()()();
55
55
  } if (rf & 2) {
56
- const d_r3 = ctx.$implicit;
56
+ const d_r2 = ctx.$implicit;
57
57
  i0.ɵɵadvance(26);
58
- i0.ɵɵtextInterpolate(d_r3.Name);
58
+ i0.ɵɵtextInterpolate(d_r2.Name);
59
59
  i0.ɵɵadvance(2);
60
- i0.ɵɵtextInterpolate(d_r3.Description);
60
+ i0.ɵɵtextInterpolate(d_r2.Description);
61
61
  } }
62
62
  function GenericBrowseListComponent_div_17_Template(rf, ctx) { if (rf & 1) {
63
63
  i0.ɵɵelementStart(0, "div", 13);
64
64
  i0.ɵɵtemplate(1, GenericBrowseListComponent_div_17_div_1_Template, 29, 2, "div", 14);
65
65
  i0.ɵɵelementEnd();
66
66
  } if (rf & 2) {
67
- const ctx_r1 = i0.ɵɵnextContext();
67
+ const ctx_r2 = i0.ɵɵnextContext();
68
68
  i0.ɵɵadvance();
69
- i0.ɵɵproperty("ngForOf", ctx_r1.items);
69
+ i0.ɵɵproperty("ngForOf", ctx_r2.items);
70
70
  } }
71
71
  export class GenericBrowseListComponent {
72
72
  constructor(sharedService, router) {
@@ -107,7 +107,7 @@ export class GenericBrowseListComponent {
107
107
  }
108
108
  }
109
109
  GenericBrowseListComponent.ɵfac = function GenericBrowseListComponent_Factory(t) { return new (t || GenericBrowseListComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
110
- GenericBrowseListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowseListComponent, selectors: [["app-generic-browse-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", showAddButton: "showAddButton", addText: "addText", backText: "backText" }, outputs: { addButtonClickEvent: "addButtonClickEvent", deleteButtonClickEvent: "deleteButtonClickEvent", itemClickEvent: "itemClickEvent" }, decls: 18, vars: 5, consts: [[1, "generic-browse-list-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "add-item"], ["kendoButton", "", 1, "edit-btn", 3, "primary", "click"], [1, "k-icon", "k-pencil"], [1, "main-fav-wrapper"], [1, "title-wrapper"], ["themeColor", "primary", 3, "data"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper"], [3, "click"], [1, "list-item-icon"], [1, "common-btn"], ["width", "21", "height", "20", "viewBox", "0 0 21 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["clip-path", "url(#clip0_141_7562)"], ["d", "M10.574 2.68001L12.5291 6.57001H12.5291C12.8449 7.19788 13.4512 7.63094 14.1503 7.72801L18.481 8.32801L15.3633 11.382C14.8618 11.875 14.6361 12.5816 14.7598 13.272L15.5201 17.554L11.64 15.554V15.5539C11.0154 15.2275 10.2692 15.2275 9.64464 15.5539L5.77256 17.5999L6.49667 13.3119C6.61263 12.6199 6.37874 11.9153 5.8711 11.4279L2.72516 8.39994L7.04982 7.75391C7.74789 7.64981 8.34969 7.21074 8.659 6.57994L10.5739 2.67994M10.5739 0.437943C10.4356 0.437032 10.3 0.475313 10.1828 0.548295C10.0655 0.621212 9.97172 0.725828 9.91213 0.849928L7.39377 5.97593C7.28665 6.19156 7.07993 6.34103 6.84061 6.37593L1.17028 7.22593C0.988324 7.25314 0.823183 7.34715 0.70749 7.48935C0.591726 7.6316 0.533782 7.81175 0.544975 7.99436C0.556171 8.17698 0.635727 8.34879 0.767996 8.47594L4.89352 12.4359H4.89346C5.06829 12.6035 5.14881 12.8458 5.10868 13.0839L4.16333 18.7059C4.13209 18.8867 4.17053 19.0726 4.27084 19.2265C4.37122 19.3805 4.5262 19.4911 4.7049 19.5366C4.88365 19.5821 5.07308 19.559 5.23546 19.4719L10.3003 16.7999C10.515 16.6876 10.7716 16.6876 10.9862 16.7999L16.0732 19.4199C16.2364 19.5052 16.4259 19.5263 16.604 19.4791C16.7821 19.4319 16.9358 19.3198 17.0346 19.165C17.1334 19.0104 17.1701 18.8243 17.1373 18.6439L16.1316 13.0299C16.0872 12.7935 16.1623 12.5506 16.3327 12.3799L20.418 8.37995C20.549 8.2515 20.6269 8.07891 20.6363 7.89623C20.6457 7.71354 20.5859 7.534 20.4689 7.39291C20.3518 7.25183 20.1858 7.15944 20.0037 7.13393L14.3253 6.33393C14.0845 6.30027 13.876 6.15059 13.7681 5.93393L11.2256 0.843928C11.1646 0.722705 11.0706 0.620945 10.9543 0.550245C10.8381 0.479542 10.7042 0.442693 10.5678 0.44393L10.5739 0.437943Z", "fill", "#4E5050"], ["id", "clip0_141_7562"], ["width", "20.1147", "height", "20", "fill", "white", "transform", "translate(0.54277)"], ["width", "19", "height", "19", "viewBox", "0 0 19 19", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M7.06452 4H2.80661C1.70204 4 0.80661 4.89543 0.80661 6V16C0.80661 17.1046 1.70204 18 2.80661 18H12.8869C13.9915 18 14.8869 17.1046 14.8869 16V11.8889", "stroke", "#4E5050", "stroke-width", "1.5", "stroke-linecap", "round"], ["d", "M10.8271 1H17.8673V8", "stroke", "#4E5050", "stroke-width", "1.5", "stroke-linecap", "round", "stroke-linejoin", "round"], ["d", "M5.88773 13L16.9508 2", "stroke", "#4E5050", "stroke-width", "1.5", "stroke-linecap", "round"], ["width", "23", "height", "22", "viewBox", "0 0 23 22", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M3.20082 19.6753C3.27429 19.6753 3.34776 19.6667 3.42122 19.6453L8.728 18.1628C8.99161 18.0898 9.23362 17.948 9.42376 17.7546L19.1082 8.12541C19.5749 7.66136 19.8342 7.0469 19.8342 6.39377C19.8342 5.74065 19.5792 5.12619 19.1125 4.66213L17.4833 3.04222C17.0166 2.57816 16.3986 2.32034 15.7374 2.32034C15.0805 2.32034 14.4626 2.57386 13.9958 3.03793L4.31139 12.6715C4.11692 12.8649 3.97863 13.1012 3.90084 13.3633L2.40992 18.6399C2.32782 18.9235 2.40992 19.2285 2.62167 19.4391C2.77292 19.5938 2.98469 19.6754 3.20075 19.6754L3.20082 19.6753ZM8.84908 16.2637L5.8154 13.2473L13.1965 5.90828L16.2302 8.92466L8.84908 16.2637ZM15.7375 3.78125C16.0011 3.78125 16.2518 3.88437 16.4419 4.06913L18.0711 5.68905C18.257 5.87381 18.3607 6.12304 18.3607 6.38944C18.3607 6.65584 18.257 6.90077 18.0711 7.08983L17.2673 7.88905L14.2336 4.87267L15.0374 4.07344C15.2233 3.88439 15.4739 3.78125 15.7375 3.78125ZM5.08063 14.5878L7.49644 16.9899L4.13436 17.9309L5.08063 14.5878Z", "fill", "#4E5050"], ["d", "M18.2716 4.125H16.1973V3.4375C16.1973 2.89051 15.9788 2.36586 15.5898 1.97906C15.2007 1.59227 14.6731 1.375 14.123 1.375H8.59142C8.04129 1.375 7.51363 1.59229 7.12462 1.97906C6.7356 2.36586 6.51709 2.89051 6.51709 3.4375V4.125H4.44276C4.076 4.125 3.72423 4.26988 3.46495 4.52776C3.20559 4.78557 3.05988 5.13535 3.05988 5.5V6.875C3.05988 7.23967 3.20558 7.58943 3.46495 7.84723C3.72423 8.10511 4.07602 8.25 4.44276 8.25V18.5625C4.44276 19.1095 4.66129 19.6341 5.05029 20.0209C5.43931 20.4077 5.96696 20.625 6.51709 20.625H16.1973C16.7474 20.625 17.2751 20.4077 17.6641 20.0209C18.0531 19.6341 18.2716 19.1095 18.2716 18.5625V8.25C18.6384 8.25 18.9901 8.10512 19.2494 7.84723C19.5088 7.58943 19.6545 7.23965 19.6545 6.875V5.5C19.6545 5.13533 19.5088 4.78557 19.2494 4.52776C18.9901 4.26989 18.6384 4.125 18.2716 4.125ZM7.89998 3.4375C7.89998 3.25517 7.97279 3.08029 8.1025 2.95137C8.23215 2.82239 8.40803 2.75 8.59142 2.75H14.123C14.3063 2.75 14.4822 2.8224 14.6119 2.95137C14.7416 3.08028 14.8144 3.25516 14.8144 3.4375V4.125H7.89998V3.4375ZM16.8887 18.5625C16.8887 18.7448 16.8159 18.9197 16.6862 19.0486C16.5566 19.1776 16.3807 19.25 16.1973 19.25H6.51709C6.33371 19.25 6.15784 19.1776 6.02818 19.0486C5.89846 18.9197 5.82565 18.7448 5.82565 18.5625V8.25H16.8887V18.5625ZM18.2716 6.875H4.44276V5.5H18.2716V6.875ZM8.59142 17.1875V10.3125C8.59142 10.0669 8.72322 9.83992 8.93714 9.71709C9.15106 9.59427 9.41466 9.59427 9.62858 9.71709C9.84251 9.83991 9.97431 10.0669 9.97431 10.3125V17.1875C9.97431 17.4331 9.8425 17.6601 9.62858 17.7829C9.41466 17.9057 9.15106 17.9057 8.93714 17.7829C8.72322 17.6601 8.59142 17.4331 8.59142 17.1875ZM12.7401 17.1875V10.3125C12.7401 10.0669 12.8719 9.83992 13.0858 9.71709C13.2997 9.59427 13.5633 9.59427 13.7772 9.71709C13.9912 9.83991 14.123 10.0669 14.123 10.3125V17.1875C14.123 17.4331 13.9912 17.6601 13.7772 17.7829C13.5633 17.9057 13.2997 17.9057 13.0858 17.7829C12.8719 17.6601 12.7401 17.4331 12.7401 17.1875Z", "fill", "#4E5050"], [1, "view-card-content-list", "k-cursor-pointer"], ["width", "46", "height", "46", "viewBox", "0 0 46 46", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M15.3333 34.0208C16.9854 34.0208 18.5698 33.3645 19.7382 32.1964C20.9063 31.0281 21.5627 29.4437 21.5627 27.7915C21.5627 26.1393 20.9063 24.555 19.7382 23.3866C18.5699 22.2185 16.9855 21.5622 15.3333 21.5622C13.6811 21.5622 12.0968 22.2185 10.9285 23.3866C9.76032 24.5549 9.10401 26.1393 9.10401 27.7915C9.1091 29.4421 9.76691 31.0235 10.9341 32.1906C12.1012 33.3579 13.6826 34.0157 15.3333 34.0208L15.3333 34.0208ZM15.3333 24.4375C16.2229 24.4375 17.076 24.7909 17.7051 25.4199C18.3341 26.049 18.6875 26.9021 18.6875 27.7917C18.6875 28.6813 18.3341 29.5343 17.7051 30.1634C17.076 30.7924 16.2229 31.1458 15.3333 31.1458C14.4437 31.1458 13.5907 30.7924 12.9616 30.1634C12.3326 29.5343 11.9792 28.6813 11.9792 27.7917C11.9843 26.9037 12.3391 26.0533 12.9671 25.4255C13.595 24.7975 14.4453 24.4426 15.3333 24.4375ZM33.8292 32.5833V26.8333C33.8292 26.3197 34.1032 25.8452 34.5479 25.5884C34.9927 25.3316 35.5407 25.3316 35.9854 25.5884C36.4302 25.8452 36.7042 26.3197 36.7042 26.8333V32.5833C36.7042 33.0969 36.4301 33.5715 35.9854 33.8283C35.5407 34.0851 34.9927 34.0851 34.5479 33.8283C34.1032 33.5715 33.8292 33.097 33.8292 32.5833ZM29.2292 32.5833V23C29.2292 22.4864 29.5032 22.0119 29.9479 21.755C30.3927 21.4982 30.9407 21.4982 31.3854 21.755C31.8302 22.0119 32.1042 22.4864 32.1042 23V32.5833C32.1042 33.0969 31.8301 33.5715 31.3854 33.8283C30.9407 34.0851 30.3927 34.0851 29.9479 33.8283C29.5032 33.5715 29.2292 33.097 29.2292 32.5833ZM24.4375 32.5833V28.75C24.4375 28.2364 24.7115 27.7619 25.1562 27.505C25.601 27.2482 26.149 27.2482 26.5938 27.505C27.0385 27.7619 27.3125 28.2364 27.3125 28.75V32.5833C27.3125 33.0969 27.0385 33.5715 26.5938 33.8283C26.149 34.0851 25.601 34.0851 25.1562 33.8283C24.7115 33.5715 24.4375 33.097 24.4375 32.5833ZM37.375 4.3125H8.625C7.48129 4.3125 6.3843 4.76683 5.57555 5.57555C4.76679 6.3843 4.3125 7.48129 4.3125 8.625V37.375C4.3125 38.5187 4.76683 39.6157 5.57555 40.4245C6.3843 41.2332 7.48129 41.6875 8.625 41.6875H37.375C38.5187 41.6875 39.6157 41.2332 40.4245 40.4245C41.2332 39.6157 41.6875 38.5187 41.6875 37.375V8.625C41.6875 7.48129 41.2332 6.3843 40.4245 5.57555C39.6157 4.76679 38.5187 4.3125 37.375 4.3125ZM38.8125 37.375C38.8076 37.7547 38.6545 38.1174 38.386 38.386C38.1174 38.6545 37.7547 38.8076 37.375 38.8125H8.625C8.24526 38.8076 7.8826 38.6545 7.61396 38.386C7.34548 38.1174 7.19245 37.7547 7.1875 37.375V16.7708H38.8125V37.375ZM38.8125 13.8958H7.1875V8.625C7.19244 8.24526 7.34548 7.8826 7.61396 7.61396C7.88259 7.34548 8.24527 7.19245 8.625 7.1875H37.375C37.7547 7.19244 38.1174 7.34548 38.386 7.61396C38.6545 7.88259 38.8076 8.24527 38.8125 8.625V13.8958ZM19.6458 10.5417C19.6409 10.9214 19.4879 11.2841 19.2194 11.5527C18.9507 11.8212 18.5881 11.9742 18.2083 11.9792H16.2917C15.7781 11.9792 15.3035 11.7051 15.0467 11.2604C14.7899 10.8157 14.7899 10.2677 15.0467 9.82292C15.3035 9.37817 15.778 9.10417 16.2917 9.10417H18.2083C18.5881 9.10911 18.9507 9.26214 19.2194 9.53062C19.4879 9.79926 19.6409 10.1619 19.6458 10.5417ZM13.8958 10.5417C13.8909 10.9214 13.7379 11.2841 13.4694 11.5527C13.2007 11.8212 12.8381 11.9742 12.4583 11.9792H10.5417C10.0281 11.9792 9.55355 11.7051 9.29671 11.2604C9.03991 10.8157 9.03991 10.2677 9.29671 9.82292C9.55352 9.37817 10.028 9.10417 10.5417 9.10417H12.4583C12.8381 9.10911 13.2007 9.26214 13.4694 9.53062C13.7379 9.79926 13.8909 10.1619 13.8958 10.5417Z", "fill", "#4E5050"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function GenericBrowseListComponent_Template(rf, ctx) { if (rf & 1) {
110
+ GenericBrowseListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowseListComponent, selectors: [["app-generic-browse-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", showAddButton: "showAddButton", addText: "addText", backText: "backText" }, outputs: { addButtonClickEvent: "addButtonClickEvent", deleteButtonClickEvent: "deleteButtonClickEvent", itemClickEvent: "itemClickEvent" }, decls: 18, vars: 5, consts: [[1, "generic-browse-list-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "add-item"], ["kendoButton", "", 1, "edit-btn", 3, "click", "primary"], [1, "k-icon", "k-pencil"], [1, "main-fav-wrapper"], [1, "title-wrapper"], ["themeColor", "primary", 3, "data"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], ["type", "converging-spinner"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper"], [3, "click"], [1, "list-item-icon"], [1, "common-btn"], ["width", "21", "height", "20", "viewBox", "0 0 21 20", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["clip-path", "url(#clip0_141_7562)"], ["d", "M10.574 2.68001L12.5291 6.57001H12.5291C12.8449 7.19788 13.4512 7.63094 14.1503 7.72801L18.481 8.32801L15.3633 11.382C14.8618 11.875 14.6361 12.5816 14.7598 13.272L15.5201 17.554L11.64 15.554V15.5539C11.0154 15.2275 10.2692 15.2275 9.64464 15.5539L5.77256 17.5999L6.49667 13.3119C6.61263 12.6199 6.37874 11.9153 5.8711 11.4279L2.72516 8.39994L7.04982 7.75391C7.74789 7.64981 8.34969 7.21074 8.659 6.57994L10.5739 2.67994M10.5739 0.437943C10.4356 0.437032 10.3 0.475313 10.1828 0.548295C10.0655 0.621212 9.97172 0.725828 9.91213 0.849928L7.39377 5.97593C7.28665 6.19156 7.07993 6.34103 6.84061 6.37593L1.17028 7.22593C0.988324 7.25314 0.823183 7.34715 0.70749 7.48935C0.591726 7.6316 0.533782 7.81175 0.544975 7.99436C0.556171 8.17698 0.635727 8.34879 0.767996 8.47594L4.89352 12.4359H4.89346C5.06829 12.6035 5.14881 12.8458 5.10868 13.0839L4.16333 18.7059C4.13209 18.8867 4.17053 19.0726 4.27084 19.2265C4.37122 19.3805 4.5262 19.4911 4.7049 19.5366C4.88365 19.5821 5.07308 19.559 5.23546 19.4719L10.3003 16.7999C10.515 16.6876 10.7716 16.6876 10.9862 16.7999L16.0732 19.4199C16.2364 19.5052 16.4259 19.5263 16.604 19.4791C16.7821 19.4319 16.9358 19.3198 17.0346 19.165C17.1334 19.0104 17.1701 18.8243 17.1373 18.6439L16.1316 13.0299C16.0872 12.7935 16.1623 12.5506 16.3327 12.3799L20.418 8.37995C20.549 8.2515 20.6269 8.07891 20.6363 7.89623C20.6457 7.71354 20.5859 7.534 20.4689 7.39291C20.3518 7.25183 20.1858 7.15944 20.0037 7.13393L14.3253 6.33393C14.0845 6.30027 13.876 6.15059 13.7681 5.93393L11.2256 0.843928C11.1646 0.722705 11.0706 0.620945 10.9543 0.550245C10.8381 0.479542 10.7042 0.442693 10.5678 0.44393L10.5739 0.437943Z", "fill", "#4E5050"], ["id", "clip0_141_7562"], ["width", "20.1147", "height", "20", "fill", "white", "transform", "translate(0.54277)"], ["width", "19", "height", "19", "viewBox", "0 0 19 19", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M7.06452 4H2.80661C1.70204 4 0.80661 4.89543 0.80661 6V16C0.80661 17.1046 1.70204 18 2.80661 18H12.8869C13.9915 18 14.8869 17.1046 14.8869 16V11.8889", "stroke", "#4E5050", "stroke-width", "1.5", "stroke-linecap", "round"], ["d", "M10.8271 1H17.8673V8", "stroke", "#4E5050", "stroke-width", "1.5", "stroke-linecap", "round", "stroke-linejoin", "round"], ["d", "M5.88773 13L16.9508 2", "stroke", "#4E5050", "stroke-width", "1.5", "stroke-linecap", "round"], ["width", "23", "height", "22", "viewBox", "0 0 23 22", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M3.20082 19.6753C3.27429 19.6753 3.34776 19.6667 3.42122 19.6453L8.728 18.1628C8.99161 18.0898 9.23362 17.948 9.42376 17.7546L19.1082 8.12541C19.5749 7.66136 19.8342 7.0469 19.8342 6.39377C19.8342 5.74065 19.5792 5.12619 19.1125 4.66213L17.4833 3.04222C17.0166 2.57816 16.3986 2.32034 15.7374 2.32034C15.0805 2.32034 14.4626 2.57386 13.9958 3.03793L4.31139 12.6715C4.11692 12.8649 3.97863 13.1012 3.90084 13.3633L2.40992 18.6399C2.32782 18.9235 2.40992 19.2285 2.62167 19.4391C2.77292 19.5938 2.98469 19.6754 3.20075 19.6754L3.20082 19.6753ZM8.84908 16.2637L5.8154 13.2473L13.1965 5.90828L16.2302 8.92466L8.84908 16.2637ZM15.7375 3.78125C16.0011 3.78125 16.2518 3.88437 16.4419 4.06913L18.0711 5.68905C18.257 5.87381 18.3607 6.12304 18.3607 6.38944C18.3607 6.65584 18.257 6.90077 18.0711 7.08983L17.2673 7.88905L14.2336 4.87267L15.0374 4.07344C15.2233 3.88439 15.4739 3.78125 15.7375 3.78125ZM5.08063 14.5878L7.49644 16.9899L4.13436 17.9309L5.08063 14.5878Z", "fill", "#4E5050"], ["d", "M18.2716 4.125H16.1973V3.4375C16.1973 2.89051 15.9788 2.36586 15.5898 1.97906C15.2007 1.59227 14.6731 1.375 14.123 1.375H8.59142C8.04129 1.375 7.51363 1.59229 7.12462 1.97906C6.7356 2.36586 6.51709 2.89051 6.51709 3.4375V4.125H4.44276C4.076 4.125 3.72423 4.26988 3.46495 4.52776C3.20559 4.78557 3.05988 5.13535 3.05988 5.5V6.875C3.05988 7.23967 3.20558 7.58943 3.46495 7.84723C3.72423 8.10511 4.07602 8.25 4.44276 8.25V18.5625C4.44276 19.1095 4.66129 19.6341 5.05029 20.0209C5.43931 20.4077 5.96696 20.625 6.51709 20.625H16.1973C16.7474 20.625 17.2751 20.4077 17.6641 20.0209C18.0531 19.6341 18.2716 19.1095 18.2716 18.5625V8.25C18.6384 8.25 18.9901 8.10512 19.2494 7.84723C19.5088 7.58943 19.6545 7.23965 19.6545 6.875V5.5C19.6545 5.13533 19.5088 4.78557 19.2494 4.52776C18.9901 4.26989 18.6384 4.125 18.2716 4.125ZM7.89998 3.4375C7.89998 3.25517 7.97279 3.08029 8.1025 2.95137C8.23215 2.82239 8.40803 2.75 8.59142 2.75H14.123C14.3063 2.75 14.4822 2.8224 14.6119 2.95137C14.7416 3.08028 14.8144 3.25516 14.8144 3.4375V4.125H7.89998V3.4375ZM16.8887 18.5625C16.8887 18.7448 16.8159 18.9197 16.6862 19.0486C16.5566 19.1776 16.3807 19.25 16.1973 19.25H6.51709C6.33371 19.25 6.15784 19.1776 6.02818 19.0486C5.89846 18.9197 5.82565 18.7448 5.82565 18.5625V8.25H16.8887V18.5625ZM18.2716 6.875H4.44276V5.5H18.2716V6.875ZM8.59142 17.1875V10.3125C8.59142 10.0669 8.72322 9.83992 8.93714 9.71709C9.15106 9.59427 9.41466 9.59427 9.62858 9.71709C9.84251 9.83991 9.97431 10.0669 9.97431 10.3125V17.1875C9.97431 17.4331 9.8425 17.6601 9.62858 17.7829C9.41466 17.9057 9.15106 17.9057 8.93714 17.7829C8.72322 17.6601 8.59142 17.4331 8.59142 17.1875ZM12.7401 17.1875V10.3125C12.7401 10.0669 12.8719 9.83992 13.0858 9.71709C13.2997 9.59427 13.5633 9.59427 13.7772 9.71709C13.9912 9.83991 14.123 10.0669 14.123 10.3125V17.1875C14.123 17.4331 13.9912 17.6601 13.7772 17.7829C13.5633 17.9057 13.2997 17.9057 13.0858 17.7829C12.8719 17.6601 12.7401 17.4331 12.7401 17.1875Z", "fill", "#4E5050"], [1, "view-card-content-list", "k-cursor-pointer"], ["width", "46", "height", "46", "viewBox", "0 0 46 46", "fill", "none", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M15.3333 34.0208C16.9854 34.0208 18.5698 33.3645 19.7382 32.1964C20.9063 31.0281 21.5627 29.4437 21.5627 27.7915C21.5627 26.1393 20.9063 24.555 19.7382 23.3866C18.5699 22.2185 16.9855 21.5622 15.3333 21.5622C13.6811 21.5622 12.0968 22.2185 10.9285 23.3866C9.76032 24.5549 9.10401 26.1393 9.10401 27.7915C9.1091 29.4421 9.76691 31.0235 10.9341 32.1906C12.1012 33.3579 13.6826 34.0157 15.3333 34.0208L15.3333 34.0208ZM15.3333 24.4375C16.2229 24.4375 17.076 24.7909 17.7051 25.4199C18.3341 26.049 18.6875 26.9021 18.6875 27.7917C18.6875 28.6813 18.3341 29.5343 17.7051 30.1634C17.076 30.7924 16.2229 31.1458 15.3333 31.1458C14.4437 31.1458 13.5907 30.7924 12.9616 30.1634C12.3326 29.5343 11.9792 28.6813 11.9792 27.7917C11.9843 26.9037 12.3391 26.0533 12.9671 25.4255C13.595 24.7975 14.4453 24.4426 15.3333 24.4375ZM33.8292 32.5833V26.8333C33.8292 26.3197 34.1032 25.8452 34.5479 25.5884C34.9927 25.3316 35.5407 25.3316 35.9854 25.5884C36.4302 25.8452 36.7042 26.3197 36.7042 26.8333V32.5833C36.7042 33.0969 36.4301 33.5715 35.9854 33.8283C35.5407 34.0851 34.9927 34.0851 34.5479 33.8283C34.1032 33.5715 33.8292 33.097 33.8292 32.5833ZM29.2292 32.5833V23C29.2292 22.4864 29.5032 22.0119 29.9479 21.755C30.3927 21.4982 30.9407 21.4982 31.3854 21.755C31.8302 22.0119 32.1042 22.4864 32.1042 23V32.5833C32.1042 33.0969 31.8301 33.5715 31.3854 33.8283C30.9407 34.0851 30.3927 34.0851 29.9479 33.8283C29.5032 33.5715 29.2292 33.097 29.2292 32.5833ZM24.4375 32.5833V28.75C24.4375 28.2364 24.7115 27.7619 25.1562 27.505C25.601 27.2482 26.149 27.2482 26.5938 27.505C27.0385 27.7619 27.3125 28.2364 27.3125 28.75V32.5833C27.3125 33.0969 27.0385 33.5715 26.5938 33.8283C26.149 34.0851 25.601 34.0851 25.1562 33.8283C24.7115 33.5715 24.4375 33.097 24.4375 32.5833ZM37.375 4.3125H8.625C7.48129 4.3125 6.3843 4.76683 5.57555 5.57555C4.76679 6.3843 4.3125 7.48129 4.3125 8.625V37.375C4.3125 38.5187 4.76683 39.6157 5.57555 40.4245C6.3843 41.2332 7.48129 41.6875 8.625 41.6875H37.375C38.5187 41.6875 39.6157 41.2332 40.4245 40.4245C41.2332 39.6157 41.6875 38.5187 41.6875 37.375V8.625C41.6875 7.48129 41.2332 6.3843 40.4245 5.57555C39.6157 4.76679 38.5187 4.3125 37.375 4.3125ZM38.8125 37.375C38.8076 37.7547 38.6545 38.1174 38.386 38.386C38.1174 38.6545 37.7547 38.8076 37.375 38.8125H8.625C8.24526 38.8076 7.8826 38.6545 7.61396 38.386C7.34548 38.1174 7.19245 37.7547 7.1875 37.375V16.7708H38.8125V37.375ZM38.8125 13.8958H7.1875V8.625C7.19244 8.24526 7.34548 7.8826 7.61396 7.61396C7.88259 7.34548 8.24527 7.19245 8.625 7.1875H37.375C37.7547 7.19244 38.1174 7.34548 38.386 7.61396C38.6545 7.88259 38.8076 8.24527 38.8125 8.625V13.8958ZM19.6458 10.5417C19.6409 10.9214 19.4879 11.2841 19.2194 11.5527C18.9507 11.8212 18.5881 11.9742 18.2083 11.9792H16.2917C15.7781 11.9792 15.3035 11.7051 15.0467 11.2604C14.7899 10.8157 14.7899 10.2677 15.0467 9.82292C15.3035 9.37817 15.778 9.10417 16.2917 9.10417H18.2083C18.5881 9.10911 18.9507 9.26214 19.2194 9.53062C19.4879 9.79926 19.6409 10.1619 19.6458 10.5417ZM13.8958 10.5417C13.8909 10.9214 13.7379 11.2841 13.4694 11.5527C13.2007 11.8212 12.8381 11.9742 12.4583 11.9792H10.5417C10.0281 11.9792 9.55355 11.7051 9.29671 11.2604C9.03991 10.8157 9.03991 10.2677 9.29671 9.82292C9.55352 9.37817 10.028 9.10417 10.5417 9.10417H12.4583C12.8381 9.10911 13.2007 9.26214 13.4694 9.53062C13.7379 9.79926 13.8909 10.1619 13.8958 10.5417Z", "fill", "#4E5050"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""]], template: function GenericBrowseListComponent_Template(rf, ctx) { if (rf & 1) {
111
111
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
112
112
  i0.ɵɵtext(4);
113
113
  i0.ɵɵelementEnd()();
@@ -136,7 +136,7 @@ GenericBrowseListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
136
136
  i0.ɵɵproperty("ngIf", ctx.showLoader);
137
137
  i0.ɵɵadvance();
138
138
  i0.ɵɵproperty("ngIf", !ctx.showLoader);
139
- } }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.ButtonComponent, i5.DropDownButtonComponent, i6.CardComponent, i6.CardBodyComponent, i6.CardTitleDirective, i6.CardSubtitleDirective], styles: [".generic-browse-list-container[_ngcontent-%COMP%] .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 36px;\n line-height: 42px;\n color: var(--black);\n}\n.generic-browse-list-container[_ngcontent-%COMP%] .card-header-entity[_ngcontent-%COMP%] .add-item[_ngcontent-%COMP%] .k-button[_ngcontent-%COMP%] {\n border: 1px solid var(--border-blue) !important;\n background: var(--white-color) !important;\n color: var(--border-color) !important;\n font-weight: 500;\n font-size: 16px;\n}\n.generic-browse-list-container[_ngcontent-%COMP%] .main-fav-wrapper[_ngcontent-%COMP%] .title-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--med-gray);\n}\n.generic-browse-list-container[_ngcontent-%COMP%] .main-fav-wrapper[_ngcontent-%COMP%] .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n }\n .main-fav-wrapper[_ngcontent-%COMP%] {\n background: #fff;\n padding: 20px;\n }\n .filter-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n align-items: center;\n}\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n font-size: 16px;\n background: transparent;\n border: none;\n box-sizing: border-box;\n padding-left: 40px;\n\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\n background: var(--light-shade);\n width: 360px;\n height: 44px;\n position: relative;\n border-radius: 10px;\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n}\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n background: var(--border-blue);\n color: var(--white-color);\n font-size: 16px;\n border: none;\n padding: 8px 25px;\n border-radius: 10px;\n}\n.btn-cmn[_ngcontent-%COMP%] {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--gray-color);\n}\n.btn-cmn.active[_ngcontent-%COMP%] {\n border: 1px solid var(--border-blue);\n}\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n border: 1px solid var(--gray-color);\n border-radius: 8px; padding: 10px 25px;\n background: var(--white-color);\n color: var(--sideNav);\n}\n .main-area .card-list .card-wrapper .k-card-body {\n padding: 16px !important;\n position: relative;\n}\n .main-area .card-list .card-wrapper .k-card-body .list-item-icon {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n top:12px;\n right: 12px;\n}\n .main-area .card-list .card-wrapper .k-card-body .list-item-icon .common-btn {\n width: 38px;\n height: 38px;\n min-width: 38px;\n border: 1px solid var(--gray-color);\n border-radius: 8px; \n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n}\n .main-area .card-list .card-wrapper:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border: 1px solid var(--border-active);\n}\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\n color: var(--border-blue);\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\n color: var(--sideNav);\n font-size: 14px;\n line-height: 16px;\n height: auto;\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\n font-size: 18px;\n line-height: 21px;\n color: var(--text-darked);\n font-weight: 600;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 0;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n font-size: 16px;\n line-height: 18px;\n font-weight: 400;\n color: var(--black);\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}"] });
139
+ } }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.ButtonComponent, i5.DropDownButtonComponent, i6.CardComponent, i6.CardBodyComponent, i6.CardTitleDirective, i6.CardSubtitleDirective], styles: [".generic-browse-list-container[_ngcontent-%COMP%] .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 36px;\n line-height: 42px;\n color: var(--black);\n}\n.generic-browse-list-container[_ngcontent-%COMP%] .card-header-entity[_ngcontent-%COMP%] .add-item[_ngcontent-%COMP%] .k-button[_ngcontent-%COMP%] {\n border: 1px solid var(--border-blue) !important;\n background: var(--white-color) !important;\n color: var(--border-color) !important;\n font-weight: 500;\n font-size: 16px;\n}\n.generic-browse-list-container[_ngcontent-%COMP%] .main-fav-wrapper[_ngcontent-%COMP%] .title-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--med-gray);\n}\n.generic-browse-list-container[_ngcontent-%COMP%] .main-fav-wrapper[_ngcontent-%COMP%] .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n }\n .main-fav-wrapper[_ngcontent-%COMP%] {\n background: #fff;\n padding: 20px;\n }\n .filter-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n align-items: center;\n}\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n font-size: 16px;\n background: transparent;\n border: none;\n box-sizing: border-box;\n padding-left: 40px;\n\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\n background: var(--light-shade);\n width: 360px;\n height: 44px;\n position: relative;\n border-radius: 10px;\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n}\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n background: var(--border-blue);\n color: var(--white-color);\n font-size: 16px;\n border: none;\n padding: 8px 25px;\n border-radius: 10px;\n}\n.btn-cmn[_ngcontent-%COMP%] {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--gray-color);\n}\n.btn-cmn.active[_ngcontent-%COMP%] {\n border: 1px solid var(--border-blue);\n}\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n border: 1px solid var(--gray-color);\n border-radius: 8px; padding: 10px 25px;\n background: var(--white-color);\n color: var(--sideNav);\n}\n .main-area .card-list .card-wrapper .k-card-body {\n padding: 16px !important;\n position: relative;\n}\n .main-area .card-list .card-wrapper .k-card-body .list-item-icon {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n top:12px;\n right: 12px;\n}\n .main-area .card-list .card-wrapper .k-card-body .list-item-icon .common-btn {\n width: 38px;\n height: 38px;\n min-width: 38px;\n border: 1px solid var(--gray-color);\n border-radius: 8px; \n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n}\n .main-area .card-list .card-wrapper:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border: 1px solid var(--border-active);\n}\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\n color: var(--border-blue);\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\n color: var(--sideNav);\n font-size: 14px;\n line-height: 16px;\n height: auto;\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\n font-size: 18px;\n line-height: 21px;\n color: var(--text-darked);\n font-weight: 600;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 0;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n font-size: 16px;\n line-height: 18px;\n font-weight: 400;\n color: var(--black);\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}"] });
140
140
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowseListComponent, [{
141
141
  type: Component,
142
142
  args: [{ selector: 'app-generic-browse-list', template: "<div class=\"generic-browse-list-container\">\n <!-- <div class=\"breadcrumb-wrap\"><span>Home</span> > <span>Dashboards</span></div> -->\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>{{ title }}</h1>\n </div>\n <div class=\"add-item\">\n <button\n class=\"edit-btn\"\n kendoButton\n (click)=\"addButtonClicked()\"\n [primary]=\"true\"\n >\n <span class=\"k-icon k-pencil\"></span>\n add/Edit Entities\n <!-- {{addText}} -->\n </button>\n <!-- <button kendoButton (click)=\"goHomeButtonClicked()\" [primary]=\"true\">\n <span class=\"k-icon k-font-icon k-i-chevron-left\"></span>\n {{backText}}\n </button> -->\n </div>\n </div>\n <div class=\"main-fav-wrapper\">\n <div class=\"title-wrapper\">\n <h4>Favorites</h4>\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\n Create New\n </kendo-dropdownbutton>\n </div>\n <div class=\"main-area\">\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\n <div\n class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\"\n *ngIf=\"!showLoader\"\n >\n <div *ngFor=\"let d of items\">\n <kendo-card class=\"card-wrapper\">\n <kendo-card-body (click)=\"itemClick(d)\">\n <div class=\"list-item-icon\">\n <button class=\"common-btn\">\n <svg\n width=\"21\"\n height=\"20\"\n viewBox=\"0 0 21 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g clip-path=\"url(#clip0_141_7562)\">\n <path\n d=\"M10.574 2.68001L12.5291 6.57001H12.5291C12.8449 7.19788 13.4512 7.63094 14.1503 7.72801L18.481 8.32801L15.3633 11.382C14.8618 11.875 14.6361 12.5816 14.7598 13.272L15.5201 17.554L11.64 15.554V15.5539C11.0154 15.2275 10.2692 15.2275 9.64464 15.5539L5.77256 17.5999L6.49667 13.3119C6.61263 12.6199 6.37874 11.9153 5.8711 11.4279L2.72516 8.39994L7.04982 7.75391C7.74789 7.64981 8.34969 7.21074 8.659 6.57994L10.5739 2.67994M10.5739 0.437943C10.4356 0.437032 10.3 0.475313 10.1828 0.548295C10.0655 0.621212 9.97172 0.725828 9.91213 0.849928L7.39377 5.97593C7.28665 6.19156 7.07993 6.34103 6.84061 6.37593L1.17028 7.22593C0.988324 7.25314 0.823183 7.34715 0.70749 7.48935C0.591726 7.6316 0.533782 7.81175 0.544975 7.99436C0.556171 8.17698 0.635727 8.34879 0.767996 8.47594L4.89352 12.4359H4.89346C5.06829 12.6035 5.14881 12.8458 5.10868 13.0839L4.16333 18.7059C4.13209 18.8867 4.17053 19.0726 4.27084 19.2265C4.37122 19.3805 4.5262 19.4911 4.7049 19.5366C4.88365 19.5821 5.07308 19.559 5.23546 19.4719L10.3003 16.7999C10.515 16.6876 10.7716 16.6876 10.9862 16.7999L16.0732 19.4199C16.2364 19.5052 16.4259 19.5263 16.604 19.4791C16.7821 19.4319 16.9358 19.3198 17.0346 19.165C17.1334 19.0104 17.1701 18.8243 17.1373 18.6439L16.1316 13.0299C16.0872 12.7935 16.1623 12.5506 16.3327 12.3799L20.418 8.37995C20.549 8.2515 20.6269 8.07891 20.6363 7.89623C20.6457 7.71354 20.5859 7.534 20.4689 7.39291C20.3518 7.25183 20.1858 7.15944 20.0037 7.13393L14.3253 6.33393C14.0845 6.30027 13.876 6.15059 13.7681 5.93393L11.2256 0.843928C11.1646 0.722705 11.0706 0.620945 10.9543 0.550245C10.8381 0.479542 10.7042 0.442693 10.5678 0.44393L10.5739 0.437943Z\"\n fill=\"#4E5050\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_141_7562\">\n <rect\n width=\"20.1147\"\n height=\"20\"\n fill=\"white\"\n transform=\"translate(0.54277)\"\n />\n </clipPath>\n </defs>\n </svg>\n </button>\n <button class=\"common-btn\">\n <svg\n width=\"19\"\n height=\"19\"\n viewBox=\"0 0 19 19\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7.06452 4H2.80661C1.70204 4 0.80661 4.89543 0.80661 6V16C0.80661 17.1046 1.70204 18 2.80661 18H12.8869C13.9915 18 14.8869 17.1046 14.8869 16V11.8889\"\n stroke=\"#4E5050\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n />\n <path\n d=\"M10.8271 1H17.8673V8\"\n stroke=\"#4E5050\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n <path\n d=\"M5.88773 13L16.9508 2\"\n stroke=\"#4E5050\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n <button class=\"common-btn\">\n <svg\n width=\"23\"\n height=\"22\"\n viewBox=\"0 0 23 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.20082 19.6753C3.27429 19.6753 3.34776 19.6667 3.42122 19.6453L8.728 18.1628C8.99161 18.0898 9.23362 17.948 9.42376 17.7546L19.1082 8.12541C19.5749 7.66136 19.8342 7.0469 19.8342 6.39377C19.8342 5.74065 19.5792 5.12619 19.1125 4.66213L17.4833 3.04222C17.0166 2.57816 16.3986 2.32034 15.7374 2.32034C15.0805 2.32034 14.4626 2.57386 13.9958 3.03793L4.31139 12.6715C4.11692 12.8649 3.97863 13.1012 3.90084 13.3633L2.40992 18.6399C2.32782 18.9235 2.40992 19.2285 2.62167 19.4391C2.77292 19.5938 2.98469 19.6754 3.20075 19.6754L3.20082 19.6753ZM8.84908 16.2637L5.8154 13.2473L13.1965 5.90828L16.2302 8.92466L8.84908 16.2637ZM15.7375 3.78125C16.0011 3.78125 16.2518 3.88437 16.4419 4.06913L18.0711 5.68905C18.257 5.87381 18.3607 6.12304 18.3607 6.38944C18.3607 6.65584 18.257 6.90077 18.0711 7.08983L17.2673 7.88905L14.2336 4.87267L15.0374 4.07344C15.2233 3.88439 15.4739 3.78125 15.7375 3.78125ZM5.08063 14.5878L7.49644 16.9899L4.13436 17.9309L5.08063 14.5878Z\"\n fill=\"#4E5050\"\n />\n </svg>\n </button>\n <button class=\"common-btn\">\n <svg\n width=\"23\"\n height=\"22\"\n viewBox=\"0 0 23 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.2716 4.125H16.1973V3.4375C16.1973 2.89051 15.9788 2.36586 15.5898 1.97906C15.2007 1.59227 14.6731 1.375 14.123 1.375H8.59142C8.04129 1.375 7.51363 1.59229 7.12462 1.97906C6.7356 2.36586 6.51709 2.89051 6.51709 3.4375V4.125H4.44276C4.076 4.125 3.72423 4.26988 3.46495 4.52776C3.20559 4.78557 3.05988 5.13535 3.05988 5.5V6.875C3.05988 7.23967 3.20558 7.58943 3.46495 7.84723C3.72423 8.10511 4.07602 8.25 4.44276 8.25V18.5625C4.44276 19.1095 4.66129 19.6341 5.05029 20.0209C5.43931 20.4077 5.96696 20.625 6.51709 20.625H16.1973C16.7474 20.625 17.2751 20.4077 17.6641 20.0209C18.0531 19.6341 18.2716 19.1095 18.2716 18.5625V8.25C18.6384 8.25 18.9901 8.10512 19.2494 7.84723C19.5088 7.58943 19.6545 7.23965 19.6545 6.875V5.5C19.6545 5.13533 19.5088 4.78557 19.2494 4.52776C18.9901 4.26989 18.6384 4.125 18.2716 4.125ZM7.89998 3.4375C7.89998 3.25517 7.97279 3.08029 8.1025 2.95137C8.23215 2.82239 8.40803 2.75 8.59142 2.75H14.123C14.3063 2.75 14.4822 2.8224 14.6119 2.95137C14.7416 3.08028 14.8144 3.25516 14.8144 3.4375V4.125H7.89998V3.4375ZM16.8887 18.5625C16.8887 18.7448 16.8159 18.9197 16.6862 19.0486C16.5566 19.1776 16.3807 19.25 16.1973 19.25H6.51709C6.33371 19.25 6.15784 19.1776 6.02818 19.0486C5.89846 18.9197 5.82565 18.7448 5.82565 18.5625V8.25H16.8887V18.5625ZM18.2716 6.875H4.44276V5.5H18.2716V6.875ZM8.59142 17.1875V10.3125C8.59142 10.0669 8.72322 9.83992 8.93714 9.71709C9.15106 9.59427 9.41466 9.59427 9.62858 9.71709C9.84251 9.83991 9.97431 10.0669 9.97431 10.3125V17.1875C9.97431 17.4331 9.8425 17.6601 9.62858 17.7829C9.41466 17.9057 9.15106 17.9057 8.93714 17.7829C8.72322 17.6601 8.59142 17.4331 8.59142 17.1875ZM12.7401 17.1875V10.3125C12.7401 10.0669 12.8719 9.83992 13.0858 9.71709C13.2997 9.59427 13.5633 9.59427 13.7772 9.71709C13.9912 9.83991 14.123 10.0669 14.123 10.3125V17.1875C14.123 17.4331 13.9912 17.6601 13.7772 17.7829C13.5633 17.9057 13.2997 17.9057 13.0858 17.7829C12.8719 17.6601 12.7401 17.4331 12.7401 17.1875Z\"\n fill=\"#4E5050\"\n />\n </svg>\n </button>\n </div>\n <div class=\"view-card-content-list k-cursor-pointer\">\n <svg\n width=\"46\"\n height=\"46\"\n viewBox=\"0 0 46 46\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15.3333 34.0208C16.9854 34.0208 18.5698 33.3645 19.7382 32.1964C20.9063 31.0281 21.5627 29.4437 21.5627 27.7915C21.5627 26.1393 20.9063 24.555 19.7382 23.3866C18.5699 22.2185 16.9855 21.5622 15.3333 21.5622C13.6811 21.5622 12.0968 22.2185 10.9285 23.3866C9.76032 24.5549 9.10401 26.1393 9.10401 27.7915C9.1091 29.4421 9.76691 31.0235 10.9341 32.1906C12.1012 33.3579 13.6826 34.0157 15.3333 34.0208L15.3333 34.0208ZM15.3333 24.4375C16.2229 24.4375 17.076 24.7909 17.7051 25.4199C18.3341 26.049 18.6875 26.9021 18.6875 27.7917C18.6875 28.6813 18.3341 29.5343 17.7051 30.1634C17.076 30.7924 16.2229 31.1458 15.3333 31.1458C14.4437 31.1458 13.5907 30.7924 12.9616 30.1634C12.3326 29.5343 11.9792 28.6813 11.9792 27.7917C11.9843 26.9037 12.3391 26.0533 12.9671 25.4255C13.595 24.7975 14.4453 24.4426 15.3333 24.4375ZM33.8292 32.5833V26.8333C33.8292 26.3197 34.1032 25.8452 34.5479 25.5884C34.9927 25.3316 35.5407 25.3316 35.9854 25.5884C36.4302 25.8452 36.7042 26.3197 36.7042 26.8333V32.5833C36.7042 33.0969 36.4301 33.5715 35.9854 33.8283C35.5407 34.0851 34.9927 34.0851 34.5479 33.8283C34.1032 33.5715 33.8292 33.097 33.8292 32.5833ZM29.2292 32.5833V23C29.2292 22.4864 29.5032 22.0119 29.9479 21.755C30.3927 21.4982 30.9407 21.4982 31.3854 21.755C31.8302 22.0119 32.1042 22.4864 32.1042 23V32.5833C32.1042 33.0969 31.8301 33.5715 31.3854 33.8283C30.9407 34.0851 30.3927 34.0851 29.9479 33.8283C29.5032 33.5715 29.2292 33.097 29.2292 32.5833ZM24.4375 32.5833V28.75C24.4375 28.2364 24.7115 27.7619 25.1562 27.505C25.601 27.2482 26.149 27.2482 26.5938 27.505C27.0385 27.7619 27.3125 28.2364 27.3125 28.75V32.5833C27.3125 33.0969 27.0385 33.5715 26.5938 33.8283C26.149 34.0851 25.601 34.0851 25.1562 33.8283C24.7115 33.5715 24.4375 33.097 24.4375 32.5833ZM37.375 4.3125H8.625C7.48129 4.3125 6.3843 4.76683 5.57555 5.57555C4.76679 6.3843 4.3125 7.48129 4.3125 8.625V37.375C4.3125 38.5187 4.76683 39.6157 5.57555 40.4245C6.3843 41.2332 7.48129 41.6875 8.625 41.6875H37.375C38.5187 41.6875 39.6157 41.2332 40.4245 40.4245C41.2332 39.6157 41.6875 38.5187 41.6875 37.375V8.625C41.6875 7.48129 41.2332 6.3843 40.4245 5.57555C39.6157 4.76679 38.5187 4.3125 37.375 4.3125ZM38.8125 37.375C38.8076 37.7547 38.6545 38.1174 38.386 38.386C38.1174 38.6545 37.7547 38.8076 37.375 38.8125H8.625C8.24526 38.8076 7.8826 38.6545 7.61396 38.386C7.34548 38.1174 7.19245 37.7547 7.1875 37.375V16.7708H38.8125V37.375ZM38.8125 13.8958H7.1875V8.625C7.19244 8.24526 7.34548 7.8826 7.61396 7.61396C7.88259 7.34548 8.24527 7.19245 8.625 7.1875H37.375C37.7547 7.19244 38.1174 7.34548 38.386 7.61396C38.6545 7.88259 38.8076 8.24527 38.8125 8.625V13.8958ZM19.6458 10.5417C19.6409 10.9214 19.4879 11.2841 19.2194 11.5527C18.9507 11.8212 18.5881 11.9742 18.2083 11.9792H16.2917C15.7781 11.9792 15.3035 11.7051 15.0467 11.2604C14.7899 10.8157 14.7899 10.2677 15.0467 9.82292C15.3035 9.37817 15.778 9.10417 16.2917 9.10417H18.2083C18.5881 9.10911 18.9507 9.26214 19.2194 9.53062C19.4879 9.79926 19.6409 10.1619 19.6458 10.5417ZM13.8958 10.5417C13.8909 10.9214 13.7379 11.2841 13.4694 11.5527C13.2007 11.8212 12.8381 11.9742 12.4583 11.9792H10.5417C10.0281 11.9792 9.55355 11.7051 9.29671 11.2604C9.03991 10.8157 9.03991 10.2677 9.29671 9.82292C9.55352 9.37817 10.028 9.10417 10.5417 9.10417H12.4583C12.8381 9.10911 13.2007 9.26214 13.4694 9.53062C13.7379 9.79926 13.8909 10.1619 13.8958 10.5417Z\"\n fill=\"#4E5050\"\n />\n </svg>\n\n <h5 kendoCardTitle>{{ d.Name }}</h5>\n <p kendoCardSubtitle>{{ d.Description }}</p>\n </div>\n </kendo-card-body>\n </kendo-card>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [".generic-browse-list-container .card-header-entity .title-wrap h1 {\n margin: 0;\n font-size: 36px;\n line-height: 42px;\n color: var(--black);\n}\n.generic-browse-list-container .card-header-entity .add-item .k-button {\n border: 1px solid var(--border-blue) !important;\n background: var(--white-color) !important;\n color: var(--border-color) !important;\n font-weight: 500;\n font-size: 16px;\n}\n.generic-browse-list-container .main-fav-wrapper .title-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--med-gray);\n}\n.generic-browse-list-container .main-fav-wrapper .title-wrapper h4 {\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n }\n .main-fav-wrapper {\n background: #fff;\n padding: 20px;\n }\n .filter-wrapper {\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n align-items: center;\n}\n .title-wrapper .search input {\n width: 100%;\n height: 100%;\n font-size: 16px;\n background: transparent;\n border: none;\n box-sizing: border-box;\n padding-left: 40px;\n\n }\n .title-wrapper .search {\n background: var(--light-shade);\n width: 360px;\n height: 44px;\n position: relative;\n border-radius: 10px;\n }\n .title-wrapper .search svg {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n}\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n background: var(--border-blue);\n color: var(--white-color);\n font-size: 16px;\n border: none;\n padding: 8px 25px;\n border-radius: 10px;\n}\n.btn-cmn {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--gray-color);\n}\n.btn-cmn.active {\n border: 1px solid var(--border-blue);\n}\n::ng-deep .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n border: 1px solid var(--gray-color);\n border-radius: 8px; padding: 10px 25px;\n background: var(--white-color);\n color: var(--sideNav);\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body {\n padding: 16px !important;\n position: relative;\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .list-item-icon {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n top:12px;\n right: 12px;\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .list-item-icon .common-btn {\n width: 38px;\n height: 38px;\n min-width: 38px;\n border: 1px solid var(--gray-color);\n border-radius: 8px; \n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n}\n::ng-deep .main-area .card-list .card-wrapper:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border: 1px solid var(--border-active);\n}\n::ng-deep .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\n color: var(--border-blue);\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\n color: var(--sideNav);\n font-size: 14px;\n line-height: 16px;\n height: auto;\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\n font-size: 18px;\n line-height: 21px;\n color: var(--text-darked);\n font-weight: 600;\n}\n.breadcrumb-wrap {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 0;\n}\n.breadcrumb-wrap span {\n font-size: 16px;\n line-height: 18px;\n font-weight: 400;\n color: var(--black);\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/generic-browser-list/generic-browser-list.component.js CHANGED
@@ -24,135 +24,135 @@ import * as i8 from "@progress/kendo-angular-layout";
24
24
  import * as i9 from "@memberjunction/ng-entity-form-dialog";
25
25
  const _c0 = ["entityFormDialog"];
26
26
  function GenericBrowserListComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
27
- i0.ɵɵelement(0, "span", 22);
27
+ i0.ɵɵelement(0, "span", 6);
28
28
  } }
29
29
  function GenericBrowserListComponent_ng_template_14_Template(rf, ctx) { if (rf & 1) {
30
- i0.ɵɵelement(0, "span", 23);
30
+ i0.ɵɵelement(0, "span", 22);
31
31
  } }
32
32
  function GenericBrowserListComponent_kendo_loader_21_Template(rf, ctx) { if (rf & 1) {
33
- i0.ɵɵelement(0, "kendo-loader", 24);
33
+ i0.ɵɵelement(0, "kendo-loader", 23);
34
34
  } }
35
35
  function GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
36
- const _r15 = i0.ɵɵgetCurrentView();
36
+ const _r6 = i0.ɵɵgetCurrentView();
37
37
  i0.ɵɵelementStart(0, "button", 35);
38
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const dataItem_r11 = i0.ɵɵnextContext().$implicit; const ctx_r13 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r13.editItem(dataItem_r11)); });
38
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const dataItem_r7 = i0.ɵɵnextContext().$implicit; const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.editItem(dataItem_r7)); });
39
39
  i0.ɵɵelement(1, "span", 37);
40
40
  i0.ɵɵelementEnd();
41
41
  } }
42
42
  function GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Template(rf, ctx) { if (rf & 1) {
43
- const _r17 = i0.ɵɵgetCurrentView();
43
+ const _r5 = i0.ɵɵgetCurrentView();
44
44
  i0.ɵɵelementStart(0, "div", 33);
45
45
  i0.ɵɵtemplate(1, GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Conditional_1_Template, 2, 0, "button", 34);
46
46
  i0.ɵɵelementStart(2, "button", 35);
47
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Template_button_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const dataItem_r11 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r16.deleteItem(dataItem_r11)); });
47
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Template_button_click_2_listener() { const dataItem_r7 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.deleteItem(dataItem_r7)); });
48
48
  i0.ɵɵelement(3, "span", 36);
49
49
  i0.ɵɵelementEnd()();
50
50
  } if (rf & 2) {
51
- const ctx_r10 = i0.ɵɵnextContext(3);
51
+ const ctx_r3 = i0.ɵɵnextContext(3);
52
52
  i0.ɵɵadvance();
53
- i0.ɵɵconditional(1, ctx_r10.disableEditButton ? 1 : -1);
53
+ i0.ɵɵconditional(ctx_r3.disableEditButton ? 1 : -1);
54
54
  } }
55
55
  function GenericBrowserListComponent_Conditional_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
56
- const _r19 = i0.ɵɵgetCurrentView();
56
+ const _r3 = i0.ɵɵgetCurrentView();
57
57
  i0.ɵɵelementStart(0, "kendo-grid", 26);
58
- i0.ɵɵlistener("cellClick", function GenericBrowserListComponent_Conditional_22_Conditional_0_Template_kendo_grid_cellClick_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.onCellItemClicked($event)); });
58
+ i0.ɵɵlistener("cellClick", function GenericBrowserListComponent_Conditional_22_Conditional_0_Template_kendo_grid_cellClick_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.onCellItemClicked($event)); });
59
59
  i0.ɵɵelement(1, "kendo-grid-column", 27)(2, "kendo-grid-column", 28)(3, "kendo-grid-column", 29)(4, "kendo-grid-column", 30);
60
60
  i0.ɵɵelementStart(5, "kendo-grid-column", 31);
61
61
  i0.ɵɵtemplate(6, GenericBrowserListComponent_Conditional_22_Conditional_0_ng_template_6_Template, 4, 1, "ng-template", 32);
62
62
  i0.ɵɵelementEnd()();
63
63
  } if (rf & 2) {
64
- const ctx_r8 = i0.ɵɵnextContext(2);
65
- i0.ɵɵproperty("kendoGridBinding", ctx_r8.items);
64
+ const ctx_r3 = i0.ɵɵnextContext(2);
65
+ i0.ɵɵproperty("kendoGridBinding", ctx_r3.items);
66
66
  } }
67
67
  function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
68
- const _r29 = i0.ɵɵgetCurrentView();
68
+ const _r9 = i0.ɵɵgetCurrentView();
69
69
  i0.ɵɵelementStart(0, "button", 35);
70
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const item_r21 = i0.ɵɵnextContext().$implicit; const ctx_r27 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r27.editItem(item_r21)); });
70
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const item_r10 = i0.ɵɵnextContext().$implicit; const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.editItem(item_r10)); });
71
71
  i0.ɵɵelement(1, "span", 37);
72
72
  i0.ɵɵelementEnd();
73
73
  } }
74
74
  function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template(rf, ctx) { if (rf & 1) {
75
- const _r31 = i0.ɵɵgetCurrentView();
76
- i0.ɵɵelementStart(0, "kendo-card", 39)(1, "div", 40);
75
+ const _r8 = i0.ɵɵgetCurrentView();
76
+ i0.ɵɵelementStart(0, "kendo-card", 38)(1, "div", 39);
77
77
  i0.ɵɵtemplate(2, GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Conditional_2_Template, 2, 0, "button", 34);
78
78
  i0.ɵɵelementStart(3, "button", 35);
79
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template_button_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r31); const item_r21 = restoredCtx.$implicit; const ctx_r30 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r30.deleteItem(item_r21)); });
79
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template_button_click_3_listener() { const item_r10 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.deleteItem(item_r10)); });
80
80
  i0.ɵɵelement(4, "span", 36);
81
81
  i0.ɵɵelementEnd()();
82
- i0.ɵɵelementStart(5, "kendo-card-body", 41);
83
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template_kendo_card_body_click_5_listener() { const restoredCtx = i0.ɵɵrestoreView(_r31); const item_r21 = restoredCtx.$implicit; const ctx_r32 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r32.itemClick(item_r21)); });
84
- i0.ɵɵelementStart(6, "span", 42);
85
- i0.ɵɵlistener("title", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template_span_title_6_listener() { const restoredCtx = i0.ɵɵrestoreView(_r31); const item_r21 = restoredCtx.$implicit; return i0.ɵɵresetView(item_r21.Name); });
82
+ i0.ɵɵelementStart(5, "kendo-card-body", 40);
83
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template_kendo_card_body_click_5_listener() { const item_r10 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r3 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r3.itemClick(item_r10)); });
84
+ i0.ɵɵelementStart(6, "span", 41);
85
+ i0.ɵɵlistener("title", function GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template_span_title_6_listener() { const item_r10 = i0.ɵɵrestoreView(_r8).$implicit; return i0.ɵɵresetView(item_r10.Name); });
86
86
  i0.ɵɵelementEnd();
87
- i0.ɵɵelementStart(7, "div", 43)(8, "h5", 44);
87
+ i0.ɵɵelementStart(7, "div", 42)(8, "h5", 43);
88
88
  i0.ɵɵtext(9);
89
89
  i0.ɵɵelementEnd();
90
- i0.ɵɵelementStart(10, "p", 45);
90
+ i0.ɵɵelementStart(10, "p", 44);
91
91
  i0.ɵɵtext(11);
92
92
  i0.ɵɵelementEnd()()()();
93
93
  } if (rf & 2) {
94
- const item_r21 = ctx.$implicit;
95
- const ctx_r20 = i0.ɵɵnextContext(3);
94
+ const item_r10 = ctx.$implicit;
95
+ const ctx_r3 = i0.ɵɵnextContext(3);
96
96
  i0.ɵɵadvance(2);
97
- i0.ɵɵconditional(2, !ctx_r20.disableEditButton ? 2 : -1);
97
+ i0.ɵɵconditional(!ctx_r3.disableEditButton ? 2 : -1);
98
98
  i0.ɵɵadvance(4);
99
- i0.ɵɵproperty("ngClass", ctx_r20.getIconForResourceType(item_r21));
99
+ i0.ɵɵproperty("ngClass", ctx_r3.getIconForResourceType(item_r10));
100
100
  i0.ɵɵadvance(3);
101
- i0.ɵɵtextInterpolate(item_r21.Name);
101
+ i0.ɵɵtextInterpolate(item_r10.Name);
102
102
  i0.ɵɵadvance(2);
103
- i0.ɵɵtextInterpolate(item_r21.Description);
103
+ i0.ɵɵtextInterpolate(item_r10.Description);
104
104
  } }
105
105
  function GenericBrowserListComponent_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
106
- i0.ɵɵelementStart(0, "div", 38);
107
- i0.ɵɵrepeaterCreate(1, GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template, 12, 4, "kendo-card", 46, i0.ɵɵrepeaterTrackByIdentity);
106
+ i0.ɵɵelementStart(0, "div", 25);
107
+ i0.ɵɵrepeaterCreate(1, GenericBrowserListComponent_Conditional_22_Conditional_1_For_2_Template, 12, 4, "kendo-card", 38, i0.ɵɵrepeaterTrackByIdentity);
108
108
  i0.ɵɵelementEnd();
109
109
  } if (rf & 2) {
110
- const ctx_r9 = i0.ɵɵnextContext(2);
110
+ const ctx_r3 = i0.ɵɵnextContext(2);
111
111
  i0.ɵɵadvance();
112
- i0.ɵɵrepeater(ctx_r9.items);
112
+ i0.ɵɵrepeater(ctx_r3.items);
113
113
  } }
114
114
  function GenericBrowserListComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
115
- i0.ɵɵtemplate(0, GenericBrowserListComponent_Conditional_22_Conditional_0_Template, 7, 1, "kendo-grid", 25)(1, GenericBrowserListComponent_Conditional_22_Conditional_1_Template, 3, 0);
115
+ i0.ɵɵtemplate(0, GenericBrowserListComponent_Conditional_22_Conditional_0_Template, 7, 1, "kendo-grid", 24)(1, GenericBrowserListComponent_Conditional_22_Conditional_1_Template, 3, 0, "div", 25);
116
116
  } if (rf & 2) {
117
- const ctx_r4 = i0.ɵɵnextContext();
118
- i0.ɵɵconditional(0, ctx_r4.displayAsGrid ? 0 : 1);
117
+ const ctx_r3 = i0.ɵɵnextContext();
118
+ i0.ɵɵconditional(ctx_r3.displayAsGrid ? 0 : 1);
119
119
  } }
120
120
  function GenericBrowserListComponent_kendo_dialog_23_Template(rf, ctx) { if (rf & 1) {
121
- const _r35 = i0.ɵɵgetCurrentView();
122
- i0.ɵɵelementStart(0, "kendo-dialog", 47);
123
- i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_23_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r35); const ctx_r34 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r34.onConfirmDeleteItem(false)); });
124
- i0.ɵɵelementStart(1, "p", 48);
121
+ const _r11 = i0.ɵɵgetCurrentView();
122
+ i0.ɵɵelementStart(0, "kendo-dialog", 45);
123
+ i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_23_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onConfirmDeleteItem(false)); });
124
+ i0.ɵɵelementStart(1, "p", 46);
125
125
  i0.ɵɵtext(2, " Are you sure you want to delete ");
126
126
  i0.ɵɵelementStart(3, "b");
127
127
  i0.ɵɵtext(4);
128
128
  i0.ɵɵelementEnd()();
129
- i0.ɵɵelementStart(5, "kendo-dialog-actions", 49)(6, "button", 50);
130
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r36 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r36.onConfirmDeleteItem(true)); });
129
+ i0.ɵɵelementStart(5, "kendo-dialog-actions", 47)(6, "button", 48);
130
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r11); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onConfirmDeleteItem(true)); });
131
131
  i0.ɵɵtext(7, " Yes, Delete ");
132
132
  i0.ɵɵelementEnd();
133
- i0.ɵɵelementStart(8, "button", 51);
134
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r35); const ctx_r37 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r37.onConfirmDeleteItem(false)); });
133
+ i0.ɵɵelementStart(8, "button", 49);
134
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_23_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r11); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onConfirmDeleteItem(false)); });
135
135
  i0.ɵɵtext(9, " No, Cancel ");
136
136
  i0.ɵɵelementEnd()()();
137
137
  } if (rf & 2) {
138
- const ctx_r5 = i0.ɵɵnextContext();
138
+ const ctx_r3 = i0.ɵɵnextContext();
139
139
  i0.ɵɵproperty("minWidth", 450)("width", 650);
140
140
  i0.ɵɵadvance(4);
141
- i0.ɵɵtextInterpolate1("", ctx_r5.selectedItem == null ? null : ctx_r5.selectedItem.Name, "?");
141
+ i0.ɵɵtextInterpolate1("", ctx_r3.selectedItem == null ? null : ctx_r3.selectedItem.Name, "?");
142
142
  } }
143
143
  function GenericBrowserListComponent_kendo_dialog_24_Template(rf, ctx) { if (rf & 1) {
144
- const _r39 = i0.ɵɵgetCurrentView();
145
- i0.ɵɵelementStart(0, "kendo-dialog", 52);
146
- i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_24_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r39); const ctx_r38 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r38.toggleCreateFolderView()); });
147
- i0.ɵɵelementStart(1, "div", 7)(2, "kendo-textbox", 53);
148
- i0.ɵɵlistener("valueChange", function GenericBrowserListComponent_kendo_dialog_24_Template_kendo_textbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r39); const ctx_r40 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r40.onCreateFolderKeyup($event)); });
144
+ const _r12 = i0.ɵɵgetCurrentView();
145
+ i0.ɵɵelementStart(0, "kendo-dialog", 50);
146
+ i0.ɵɵlistener("close", function GenericBrowserListComponent_kendo_dialog_24_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleCreateFolderView()); });
147
+ i0.ɵɵelementStart(1, "div", 9)(2, "kendo-textbox", 51);
148
+ i0.ɵɵlistener("valueChange", function GenericBrowserListComponent_kendo_dialog_24_Template_kendo_textbox_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onCreateFolderKeyup($event)); });
149
149
  i0.ɵɵelementEnd()();
150
- i0.ɵɵelementStart(3, "kendo-dialog-actions", 49)(4, "button", 50);
151
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_24_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r39); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.createFolder()); });
150
+ i0.ɵɵelementStart(3, "kendo-dialog-actions", 47)(4, "button", 48);
151
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_24_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.createFolder()); });
152
152
  i0.ɵɵtext(5, " Create ");
153
153
  i0.ɵɵelementEnd();
154
- i0.ɵɵelementStart(6, "button", 51);
155
- i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_24_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r39); const ctx_r42 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r42.toggleCreateFolderView()); });
154
+ i0.ɵɵelementStart(6, "button", 49);
155
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_24_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r12); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleCreateFolderView()); });
156
156
  i0.ɵɵtext(7, " Cancel ");
157
157
  i0.ɵɵelementEnd()()();
158
158
  } if (rf & 2) {
@@ -585,39 +585,39 @@ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
585
585
  } if (rf & 2) {
586
586
  let _t;
587
587
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityFormDialogRef = _t.first);
588
- } }, inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableAddButton: "disableAddButton", disableEditButton: "disableEditButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList" }, outputs: { BeforeAddFolderEvent: "BeforeAddFolderEvent", BeforeAddItemEvent: "BeforeAddItemEvent", BeforeDeleteFolderEvent: "BeforeDeleteFolderEvent", BeforeDeleteItemEvent: "BeforeDeleteItemEvent", BeforeUpdateFolderEvent: "BeforeUpdateFolderEvent", BeforeUpdateItemEvent: "BeforeUpdateItemEvent", AfterAddFolderEvent: "AfterAddFolderEvent", AfterAddItemEvent: "AfterAddItemEvent", AfterDeleteFolderEvent: "AfterDeleteFolderEvent", AfterDeleteItemEvent: "AfterDeleteItemEvent", AfterUpdateFolderEvent: "AfterUpdateFolderEvent", AfterUpdateItemEvent: "AfterUpdateItemEvent", itemClickEvent: "itemClickEvent", backButtonClickEvent: "backButtonClickEvent", viewModeChangeEvent: "viewModeChangeEvent" }, decls: 27, vars: 9, consts: [[1, "generic-browser-list-container"], [1, "main-fav-wrapper"], [1, "title-wrapper"], [1, "title-flex-display"], ["title", "Folder", "class", "title-folder fa-regular fa-folder fa-2xl"], ["themeColor", "info", 1, "custom-dropdwn", 3, "data", "itemClick"], [1, "fa-solid", "fa-plus"], [1, "search"], ["type", "text", "placeholder", "Search", "size", "large", "rounded", "large", "fillMode", "solid", 3, "clearButton", "keyup"], ["searchInput", ""], ["kendoTextBoxPrefixTemplate", "", 3, "showSeparator"], [1, "filter-wrapper"], ["kendobutton", "", 1, "cursor-pointer", "grid-btn", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-bars"], ["kendobutton", "", 1, "cursor-pointer", "active", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-table-cells-large"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "dialog-wrapper", "title", "Confirm", 3, "minWidth", "width", "close", 4, "ngIf"], ["title", "Create new Folder", "class", "dialog-wrapper", 3, "minWidth", "width", "close", 4, "ngIf"], ["Mode", "complete"], ["entityFormDialog", ""], ["title", "Folder", 1, "title-folder", "fa-regular", "fa-folder", "fa-2xl"], [1, "fa-solid", "fa-magnifying-glass", "margin-left-small"], ["type", "converging-spinner"], [3, "kendoGridBinding"], [3, "kendoGridBinding", "cellClick"], ["field", "Name", "title", "Name"], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["title", ""], ["kendoGridCellTemplate", ""], [1, "grid-wrapper"], ["class", "list-btn"], [1, "list-btn", 3, "click"], [1, "fa-regular", "fa-trash-can"], [1, "fa-regular", "fa-pen-to-square"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [1, "card-wrapper", "cursor-pointer"], [1, "list-item-icon"], [3, "click"], [3, "ngClass", "title"], [1, "padding-top-small"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["class", "card-wrapper cursor-pointer"], ["title", "Confirm", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], [1, "k-m-7.5", "k-text-center"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click"], ["title", "Create new Folder", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], ["placeholder", "Enter a folder name", 3, "valueChange"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
589
- const _r43 = i0.ɵɵgetCurrentView();
590
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
591
- i0.ɵɵtemplate(4, GenericBrowserListComponent_Conditional_4_Template, 1, 0, "span", 4);
588
+ } }, inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableAddButton: "disableAddButton", disableEditButton: "disableEditButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList" }, outputs: { BeforeAddFolderEvent: "BeforeAddFolderEvent", BeforeAddItemEvent: "BeforeAddItemEvent", BeforeDeleteFolderEvent: "BeforeDeleteFolderEvent", BeforeDeleteItemEvent: "BeforeDeleteItemEvent", BeforeUpdateFolderEvent: "BeforeUpdateFolderEvent", BeforeUpdateItemEvent: "BeforeUpdateItemEvent", AfterAddFolderEvent: "AfterAddFolderEvent", AfterAddItemEvent: "AfterAddItemEvent", AfterDeleteFolderEvent: "AfterDeleteFolderEvent", AfterDeleteItemEvent: "AfterDeleteItemEvent", AfterUpdateFolderEvent: "AfterUpdateFolderEvent", AfterUpdateItemEvent: "AfterUpdateItemEvent", itemClickEvent: "itemClickEvent", backButtonClickEvent: "backButtonClickEvent", viewModeChangeEvent: "viewModeChangeEvent" }, decls: 27, vars: 9, consts: [["searchInput", ""], ["entityFormDialog", ""], [1, "generic-browser-list-container"], [1, "main-fav-wrapper"], [1, "title-wrapper"], [1, "title-flex-display"], ["title", "Folder", 1, "title-folder", "fa-regular", "fa-folder", "fa-2xl"], ["themeColor", "info", 1, "custom-dropdwn", 3, "itemClick", "data"], [1, "fa-solid", "fa-plus"], [1, "search"], ["type", "text", "placeholder", "Search", "size", "large", "rounded", "large", "fillMode", "solid", 3, "keyup", "clearButton"], ["kendoTextBoxPrefixTemplate", "", 3, "showSeparator"], [1, "filter-wrapper"], ["kendobutton", "", 1, "cursor-pointer", "grid-btn", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-bars"], ["kendobutton", "", 1, "cursor-pointer", "active", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-table-cells-large"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], ["class", "dialog-wrapper", "title", "Confirm", 3, "minWidth", "width", "close", 4, "ngIf"], ["title", "Create new Folder", "class", "dialog-wrapper", 3, "minWidth", "width", "close", 4, "ngIf"], ["Mode", "complete"], [1, "fa-solid", "fa-magnifying-glass", "margin-left-small"], ["type", "converging-spinner"], [3, "kendoGridBinding"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [3, "cellClick", "kendoGridBinding"], ["field", "Name", "title", "Name"], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["title", ""], ["kendoGridCellTemplate", ""], [1, "grid-wrapper"], [1, "list-btn"], [1, "list-btn", 3, "click"], [1, "fa-regular", "fa-trash-can"], [1, "fa-regular", "fa-pen-to-square"], [1, "card-wrapper", "cursor-pointer"], [1, "list-item-icon"], [3, "click"], [3, "title", "ngClass"], [1, "padding-top-small"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["title", "Confirm", 1, "dialog-wrapper", 3, "close", "minWidth", "width"], [1, "k-m-7.5", "k-text-center"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click"], ["title", "Create new Folder", 1, "dialog-wrapper", 3, "close", "minWidth", "width"], ["placeholder", "Enter a folder name", 3, "valueChange"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
589
+ const _r1 = i0.ɵɵgetCurrentView();
590
+ i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4)(3, "div", 5);
591
+ i0.ɵɵtemplate(4, GenericBrowserListComponent_Conditional_4_Template, 1, 0, "span", 6);
592
592
  i0.ɵɵelementStart(5, "h4");
593
593
  i0.ɵɵtext(6);
594
594
  i0.ɵɵelementEnd()();
595
- i0.ɵɵelementStart(7, "kendo-dropdownbutton", 5);
596
- i0.ɵɵlistener("itemClick", function GenericBrowserListComponent_Template_kendo_dropdownbutton_itemClick_7_listener($event) { return ctx.onDropdownItemClick($event); });
597
- i0.ɵɵelement(8, "span", 6);
595
+ i0.ɵɵelementStart(7, "kendo-dropdownbutton", 7);
596
+ i0.ɵɵlistener("itemClick", function GenericBrowserListComponent_Template_kendo_dropdownbutton_itemClick_7_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDropdownItemClick($event)); });
597
+ i0.ɵɵelement(8, "span", 8);
598
598
  i0.ɵɵtext(9, " Create New ");
599
599
  i0.ɵɵelementEnd()();
600
- i0.ɵɵelementStart(10, "div", 2)(11, "div", 7)(12, "kendo-textbox", 8, 9);
601
- i0.ɵɵlistener("keyup", function GenericBrowserListComponent_Template_kendo_textbox_keyup_12_listener() { i0.ɵɵrestoreView(_r43); const _r1 = i0.ɵɵreference(13); return i0.ɵɵresetView(ctx.onKeyup(_r1.value)); });
602
- i0.ɵɵtemplate(14, GenericBrowserListComponent_ng_template_14_Template, 1, 0, "ng-template", 10);
600
+ i0.ɵɵelementStart(10, "div", 4)(11, "div", 9)(12, "kendo-textbox", 10, 0);
601
+ i0.ɵɵlistener("keyup", function GenericBrowserListComponent_Template_kendo_textbox_keyup_12_listener() { i0.ɵɵrestoreView(_r1); const searchInput_r2 = i0.ɵɵreference(13); return i0.ɵɵresetView(ctx.onKeyup(searchInput_r2.value)); });
602
+ i0.ɵɵtemplate(14, GenericBrowserListComponent_ng_template_14_Template, 1, 0, "ng-template", 11);
603
603
  i0.ɵɵelementEnd()();
604
- i0.ɵɵelementStart(15, "div", 11)(16, "button", 12);
605
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_16_listener() { return ctx.changeViewMode("grid"); });
606
- i0.ɵɵelement(17, "span", 13);
604
+ i0.ɵɵelementStart(15, "div", 12)(16, "button", 13);
605
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeViewMode("grid")); });
606
+ i0.ɵɵelement(17, "span", 14);
607
607
  i0.ɵɵelementEnd();
608
- i0.ɵɵelementStart(18, "button", 14);
609
- i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_18_listener() { return ctx.changeViewMode("list"); });
610
- i0.ɵɵelement(19, "span", 15);
608
+ i0.ɵɵelementStart(18, "button", 15);
609
+ i0.ɵɵlistener("click", function GenericBrowserListComponent_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.changeViewMode("list")); });
610
+ i0.ɵɵelement(19, "span", 16);
611
611
  i0.ɵɵelementEnd()()();
612
- i0.ɵɵelementStart(20, "div", 16);
613
- i0.ɵɵtemplate(21, GenericBrowserListComponent_kendo_loader_21_Template, 1, 0, "kendo-loader", 17)(22, GenericBrowserListComponent_Conditional_22_Template, 2, 1);
612
+ i0.ɵɵelementStart(20, "div", 17);
613
+ i0.ɵɵtemplate(21, GenericBrowserListComponent_kendo_loader_21_Template, 1, 0, "kendo-loader", 18)(22, GenericBrowserListComponent_Conditional_22_Template, 2, 1);
614
614
  i0.ɵɵelementEnd()();
615
- i0.ɵɵtemplate(23, GenericBrowserListComponent_kendo_dialog_23_Template, 10, 3, "kendo-dialog", 18)(24, GenericBrowserListComponent_kendo_dialog_24_Template, 8, 2, "kendo-dialog", 19);
616
- i0.ɵɵelement(25, "mj-entity-form-dialog", 20, 21);
615
+ i0.ɵɵtemplate(23, GenericBrowserListComponent_kendo_dialog_23_Template, 10, 3, "kendo-dialog", 19)(24, GenericBrowserListComponent_kendo_dialog_24_Template, 8, 2, "kendo-dialog", 20);
616
+ i0.ɵɵelement(25, "mj-entity-form-dialog", 21, 1);
617
617
  i0.ɵɵelementEnd();
618
618
  } if (rf & 2) {
619
619
  i0.ɵɵadvance(4);
620
- i0.ɵɵconditional(4, ctx.selectedFolderID ? 4 : -1);
620
+ i0.ɵɵconditional(ctx.selectedFolderID ? 4 : -1);
621
621
  i0.ɵɵadvance(2);
622
622
  i0.ɵɵtextInterpolate(ctx.title);
623
623
  i0.ɵɵadvance();
@@ -629,12 +629,12 @@ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
629
629
  i0.ɵɵadvance(7);
630
630
  i0.ɵɵproperty("ngIf", ctx.showLoader);
631
631
  i0.ɵɵadvance();
632
- i0.ɵɵconditional(22, !ctx.showLoader ? 22 : -1);
632
+ i0.ɵɵconditional(!ctx.showLoader ? 22 : -1);
633
633
  i0.ɵɵadvance();
634
634
  i0.ɵɵproperty("ngIf", ctx.deleteDialogOpened);
635
635
  i0.ɵɵadvance();
636
636
  i0.ɵɵproperty("ngIf", ctx.createFolderDialogOpened);
637
- } }, dependencies: [i2.NgClass, i2.NgIf, i3.GridComponent, i3.DataBindingDirective, i3.ColumnComponent, i3.CellTemplateDirective, i4.DialogComponent, i4.DialogActionsComponent, i5.LoaderComponent, i6.ButtonComponent, i6.DropDownButtonComponent, i7.TextBoxComponent, i7.TextBoxPrefixTemplateDirective, i8.CardComponent, i8.CardBodyComponent, i8.CardTitleDirective, i8.CardSubtitleDirective, i9.EntityFormDialogComponent], styles: [".card-header-entity .title-wrap h1 {\n margin: 0 !important;\n font-size: 36px !important;\n line-height: 42px !important;\n color: var(--black) !important;\n}\n .card-header-entity .add-item .k-button {\n border: 1px solid var(--border-blue) !important;\n background: var(--white-color) !important;\n color: var(--border-blue);\n font-weight: 500 ;\n font-size: 16px ;\n border-radius: 10px;\n line-height: 34px;\n}\n .card-header-entity .add-item .k-button:hover {\n background: var(--border-blue) !important;\n color: var(--white-color);\n}\n .card-header-entity .add-item .k-button:hover .k-button-text svg path {\n fill: var(--white-color) !important;\n}\n .title-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n }\n .main-fav-wrapper[_ngcontent-%COMP%] {\n background: #fff;\n padding: 20px;\n }\n .filter-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n align-items: center;\n}\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n font-size: 16px;\n background: transparent;\n border: none;\n box-sizing: border-box;\n padding-left: 40px;\n\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\n background: var(--light-shade);\n width: 360px;\n height: 44px;\n position: relative;\n border-radius: 10px;\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n}\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n background: var(--border-blue);\n color: var(--white-color);\n font-size: 16px;\n border: none;\n padding: 8px 25px;\n border-radius: 10px;\n}\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, .card-header-entity .add-item .k-button .k-button-text {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.btn-cmn[_ngcontent-%COMP%] {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--gray-color);\n}\n.btn-cmn.active[_ngcontent-%COMP%] {\n border: 1px solid var(--border-blue);\n}\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n border: 1px solid var(--gray-color);\n border-radius: 8px; padding: 10px 25px;\n background: var(--white-color);\n color: var(--sideNav);\n}\n .main-area .card-list .card-wrapper .k-card-body {\n padding: 16px !important;\n position: relative;\n}\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n top:12px;\n right: 12px;\n z-index: 9;\n}\n.grid-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn[_ngcontent-%COMP%] {\n width: 38px;\n height: 38px;\n background: #000;\n min-width: 38px;\n border: 1px solid var(--gray-color);\n border-radius: 8px; \n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n cursor: pointer;\n}\n .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn[_ngcontent-%COMP%]:hover {\n border: 1px solid var(--border-active);\n}\n\n\n .main-area .card-list .card-wrapper:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border: 1px solid var(--border-active);\n}\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\n color: var(--border-blue);\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\n color: var(--sideNav);\n font-size: 14px;\n line-height: 16px;\n height: auto;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\n font-size: 18px;\n line-height: 21px;\n color: var(--text-darked);\n font-weight: 600;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 0;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n font-size: 16px;\n line-height: 18px;\n font-weight: 400;\n color: var(--black);\n}\n .k-menu-popup {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border-radius: 10px;\n padding: 16px;\n}\n\n .k-menu-popup kendo-button-list ul li .k-menu-link {\n box-shadow: none !important;\n} \n .k-menu-popup kendo-button-list ul li .k-menu-link:active {\n background: transparent !important;\n}\n .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\n color: var(--primary-color);\n background: transparent !important;\n\n}\n .dialog-wrapper .popup-actions-btn button {\n flex: 1;\n}\n .dialog-wrapper .popup-actions-btn {\n display: flex;\n}\n .dialog-wrapper .popup-actions-btn .cancel-btn {\n background: var(--primary-color);\n color: var(--white-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 34px;\n text-align: center;\n border-radius: 10px;\n border: 1px solid transparent;\n\n}\n .dialog-wrapper .popup-actions-btn .yes-btn {\n border:1px solid var(--primary-color);\n background: transparent;\n color: var(--primary-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 34px;\n text-align: center;\n border-radius: 10px;\n box-shadow: none;\n}\n .dialog-wrapper .popup-actions-btn .yes-btn:focus {\n box-shadow: none !important;\n}\n .dialog-wrapper .k-window-title {\n font-size: 30px;\n font-weight: 500;\n line-height: 36px;\n text-align: left;\n color: var(--text-darked);\n}\n .dialog-wrapper p {\n font-size: 16px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: var(--black);\n}\n\n.margin-left-small[_ngcontent-%COMP%] {\n margin-left: 10px;\n}\n\n.card-wrapper[_ngcontent-%COMP%] {\n min-width: 230px;\n height: 150px;\n min-height: 125px;\n}\n\n.padding-top-small[_ngcontent-%COMP%] {\n padding-top: 10px;\n}\n\n.cursor-pointer[_ngcontent-%COMP%] {\n cursor: pointer;\n}\n\n.title-folder[_ngcontent-%COMP%] {\n padding-right: 20px;\n margin: auto;\n}\n\n.title-flex-display[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\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}"] });
637
+ } }, dependencies: [i2.NgClass, i2.NgIf, i3.GridComponent, i3.DataBindingDirective, i3.ColumnComponent, i3.CellTemplateDirective, i4.DialogComponent, i4.DialogActionsComponent, i5.LoaderComponent, i6.ButtonComponent, i6.DropDownButtonComponent, i7.TextBoxComponent, i7.TextBoxPrefixTemplateDirective, i8.CardComponent, i8.CardBodyComponent, i8.CardTitleDirective, i8.CardSubtitleDirective, i9.EntityFormDialogComponent], styles: [".card-header-entity .title-wrap h1 {\n margin: 0 !important;\n font-size: 36px !important;\n line-height: 42px !important;\n color: var(--black) !important;\n}\n .card-header-entity .add-item .k-button {\n border: 1px solid var(--border-blue) !important;\n background: var(--white-color) !important;\n color: var(--border-blue);\n font-weight: 500 ;\n font-size: 16px ;\n border-radius: 10px;\n line-height: 34px;\n}\n .card-header-entity .add-item .k-button:hover {\n background: var(--border-blue) !important;\n color: var(--white-color);\n}\n .card-header-entity .add-item .k-button:hover .k-button-text svg path {\n fill: var(--white-color) !important;\n}\n .title-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n }\n .main-fav-wrapper[_ngcontent-%COMP%] {\n background: #fff;\n padding: 20px;\n }\n .filter-wrapper[_ngcontent-%COMP%] {\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n align-items: center;\n}\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\n width: 100%;\n height: 100%;\n font-size: 16px;\n background: transparent;\n border: none;\n box-sizing: border-box;\n padding-left: 40px;\n\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\n background: var(--light-shade);\n width: 360px;\n height: 44px;\n position: relative;\n border-radius: 10px;\n }\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n}\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n background: var(--border-blue);\n color: var(--white-color);\n font-size: 16px;\n border: none;\n padding: 8px 25px;\n border-radius: 10px;\n}\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, .card-header-entity .add-item .k-button .k-button-text {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.btn-cmn[_ngcontent-%COMP%] {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--gray-color);\n}\n.btn-cmn.active[_ngcontent-%COMP%] {\n border: 1px solid var(--border-blue);\n}\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n border: 1px solid var(--gray-color);\n border-radius: 8px; padding: 10px 25px;\n background: var(--white-color);\n color: var(--sideNav);\n}\n .main-area .card-list .card-wrapper .k-card-body {\n padding: 16px !important;\n position: relative;\n}\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n top:12px;\n right: 12px;\n z-index: 9;\n}\n.grid-wrapper[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn[_ngcontent-%COMP%] {\n width: 38px;\n height: 38px;\n background: #000;\n min-width: 38px;\n border: 1px solid var(--gray-color);\n border-radius: 8px; \n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n cursor: pointer;\n}\n .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn[_ngcontent-%COMP%]:hover {\n border: 1px solid var(--border-active);\n}\n\n\n .main-area .card-list .card-wrapper:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border: 1px solid var(--border-active);\n}\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\n color: var(--border-blue);\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\n color: var(--sideNav);\n font-size: 14px;\n line-height: 16px;\n height: auto;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n}\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\n font-size: 18px;\n line-height: 21px;\n color: var(--text-darked);\n font-weight: 600;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 0;\n}\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n font-size: 16px;\n line-height: 18px;\n font-weight: 400;\n color: var(--black);\n}\n .k-menu-popup {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border-radius: 10px;\n padding: 16px;\n}\n\n .k-menu-popup kendo-button-list ul li .k-menu-link {\n box-shadow: none !important;\n} \n .k-menu-popup kendo-button-list ul li .k-menu-link:active {\n background: transparent !important;\n}\n .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\n color: var(--primary-color);\n background: transparent !important;\n\n}\n .dialog-wrapper .popup-actions-btn button {\n flex: 1;\n}\n .dialog-wrapper .popup-actions-btn {\n display: flex;\n}\n .dialog-wrapper .popup-actions-btn .cancel-btn {\n background: var(--primary-color);\n color: var(--white-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 34px;\n text-align: center;\n border-radius: 10px;\n border: 1px solid transparent;\n\n}\n .dialog-wrapper .popup-actions-btn .yes-btn {\n border:1px solid var(--primary-color);\n background: transparent;\n color: var(--primary-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 34px;\n text-align: center;\n border-radius: 10px;\n box-shadow: none;\n}\n .dialog-wrapper .popup-actions-btn .yes-btn:focus {\n box-shadow: none !important;\n}\n .dialog-wrapper .k-window-title {\n font-size: 30px;\n font-weight: 500;\n line-height: 36px;\n text-align: left;\n color: var(--text-darked);\n}\n .dialog-wrapper p {\n font-size: 16px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: var(--black);\n}\n\n.margin-left-small[_ngcontent-%COMP%] {\n margin-left: 10px;\n}\n\n.card-wrapper[_ngcontent-%COMP%] {\n min-width: 230px;\n height: 150px;\n min-height: 125px;\n}\n\n.padding-top-small[_ngcontent-%COMP%] {\n padding-top: 10px;\n}\n\n.cursor-pointer[_ngcontent-%COMP%] {\n cursor: pointer;\n}\n\n.title-folder[_ngcontent-%COMP%] {\n padding-right: 20px;\n margin: auto;\n}\n\n.title-flex-display[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\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}"] });
638
638
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowserListComponent, [{
639
639
  type: Component,
640
640
  args: [{ selector: 'app-generic-browser-list', template: "\n<div class=\"generic-browser-list-container\">\n <div class=\"main-fav-wrapper\">\n <div class=\"title-wrapper\">\n <div class=\"title-flex-display\">\n @if(selectedFolderID){\n <span title=\"Folder\" class=\"title-folder fa-regular fa-folder fa-2xl\"></span>\n }\n <h4>{{title}}</h4>\n </div>\n <kendo-dropdownbutton class=\"custom-dropdwn\" (itemClick)=\"onDropdownItemClick($event)\" [data]=\"createButtonDropdownData\" themeColor=\"info\">\n <span class=\"fa-solid fa-plus\"></span>\n Create New\n </kendo-dropdownbutton>\n </div>\n <div class=\"title-wrapper\">\n <div class=\"search\">\n <kendo-textbox \n type=\"text\" \n #searchInput \n placeholder=\"Search\" \n (keyup)=\"onKeyup(searchInput.value)\"\n [clearButton]=\"true\"\n size=\"large\"\n rounded=\"large\"\n fillMode=\"solid\"\n >\n <ng-template kendoTextBoxPrefixTemplate [showSeparator]=\"true\">\n <span class=\"fa-solid fa-magnifying-glass margin-left-small\"></span>\n </ng-template>\n </kendo-textbox>\n </div>\n <div class=\"filter-wrapper\">\n <!--\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\n Sort By Recents\n </kendo-dropdownbutton>\n -->\n <button kendobutton (click)=\"changeViewMode('grid')\" class=\"cursor-pointer grid-btn btn-cmn\">\n <span class=\"fa-solid fa-bars\"></span>\n </button>\n <button kendobutton (click)=\"changeViewMode('list')\" class=\"cursor-pointer active btn-cmn\">\n <span class=\"fa-solid fa-table-cells-large\"></span>\n </button>\n </div>\n </div>\n\n <div class=\"main-area\">\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\n @if(!showLoader){\n @if(displayAsGrid){\n <kendo-grid (cellClick)=\"onCellItemClicked($event)\" [kendoGridBinding]=\"items\">\n <kendo-grid-column field=\"Name\" title=\"Name\"></kendo-grid-column>\n <kendo-grid-column field=\"Size\" title=\"Size\"></kendo-grid-column>\n <kendo-grid-column field=\"LastOpened\" title=\"Last Opened\"></kendo-grid-column>\n <kendo-grid-column field=\"ModifiedBy\" title=\"Modified By\"></kendo-grid-column>\n <kendo-grid-column title=\"\">\n <ng-template kendoGridCellTemplate let-dataItem>\n <div class=\"grid-wrapper\">\n @if(disableEditButton){\n <button class=\"list-btn\" (click)=\"editItem(dataItem)\">\n <span class=\"fa-regular fa-pen-to-square\"></span>\n </button>\n }\n <button class=\"list-btn\" (click)=\"deleteItem(dataItem)\">\n <span class=\"fa-regular fa-trash-can\"></span>\n </button>\n </div>\n </ng-template>\n </kendo-grid-column>\n </kendo-grid>\n }\n @else{\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\">\n @for(item of items; track item){\n <kendo-card class=\"card-wrapper cursor-pointer\">\n <div class=\"list-item-icon\">\n @if(!disableEditButton){\n <button (click)=\"editItem(item)\" class=\"list-btn\">\n <span class=\"fa-regular fa-pen-to-square\"></span>\n </button>\n }\n <button (click)=\"deleteItem(item)\" class=\"list-btn\">\n <span class=\"fa-regular fa-trash-can\"></span>\n </button>\n </div>\n <kendo-card-body (click)=\"itemClick(item)\">\n <span (title)=\"item.Name\" [ngClass]=\"getIconForResourceType(item)\"></span>\n <div class=\"padding-top-small\">\n <h5 kendoCardTitle>{{ item.Name }}</h5>\n <p kendoCardSubtitle>{{ item.Description }}</p>\n </div>\n </kendo-card-body>\n </kendo-card>\n }\n </div>\n }\n }\n </div>\n </div>\n\n <kendo-dialog \n [minWidth]=\"450\"\n [width]=\"650\"\n class=\"dialog-wrapper\" \n title=\"Confirm\" \n *ngIf=\"deleteDialogOpened\" \n (close)=\"onConfirmDeleteItem(false)\">\n <p class=\"k-m-7.5 k-text-center\">\n Are you sure you want to delete <b>{{selectedItem?.Name}}?</b>\n </p>\n <kendo-dialog-actions class=\"popup-actions-btn\">\n <button class=\"cancel-btn\" (click)=\"onConfirmDeleteItem(true)\" kendoButton themeColor=\"info\">\n Yes, Delete\n </button>\n <button class=\"yes-btn\" (click)=\"onConfirmDeleteItem(false)\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n No, Cancel\n </button>\n </kendo-dialog-actions>\n </kendo-dialog>\n\n <kendo-dialog \n title=\"Create new Folder\" \n *ngIf=\"createFolderDialogOpened\" \n (close)=\"toggleCreateFolderView()\"\n [minWidth]=\"250\"\n [width]=\"450\"\n class=\"dialog-wrapper\"\n >\n <div class=\"search\">\n <kendo-textbox placeholder=\"Enter a folder name\" (valueChange)=\"onCreateFolderKeyup($event)\"/>\n </div>\n <kendo-dialog-actions class=\"popup-actions-btn\">\n <button class=\"cancel-btn\" (click)=\"createFolder()\" kendoButton themeColor=\"info\">\n Create\n </button>\n <button class=\"yes-btn\" (click)=\"toggleCreateFolderView()\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n Cancel\n </button>\n </kendo-dialog-actions>\n </kendo-dialog>\n <mj-entity-form-dialog\n #entityFormDialog\n Mode=\"complete\"\n >\n </mj-entity-form-dialog>\n</div>\n", styles: ["::ng-deep .card-header-entity .title-wrap h1 {\n margin: 0 !important;\n font-size: 36px !important;\n line-height: 42px !important;\n color: var(--black) !important;\n}\n ::ng-deep .card-header-entity .add-item .k-button {\n border: 1px solid var(--border-blue) !important;\n background: var(--white-color) !important;\n color: var(--border-blue);\n font-weight: 500 ;\n font-size: 16px ;\n border-radius: 10px;\n line-height: 34px;\n}\n::ng-deep .card-header-entity .add-item .k-button:hover {\n background: var(--border-blue) !important;\n color: var(--white-color);\n}\n::ng-deep .card-header-entity .add-item .k-button:hover .k-button-text svg path {\n fill: var(--white-color) !important;\n}\n .title-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 14px 0;\n border-bottom: 1px solid var(--med-gray);\n}\n .title-wrapper h4 {\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n }\n .main-fav-wrapper {\n background: #fff;\n padding: 20px;\n }\n .filter-wrapper {\n display: flex;\n justify-content: flex-start;\n gap: 14px;\n align-items: center;\n}\n .title-wrapper .search input {\n width: 100%;\n height: 100%;\n font-size: 16px;\n background: transparent;\n border: none;\n box-sizing: border-box;\n padding-left: 40px;\n\n }\n .title-wrapper .search {\n background: var(--light-shade);\n width: 360px;\n height: 44px;\n position: relative;\n border-radius: 10px;\n }\n .title-wrapper .search svg {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n}\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\n background: var(--border-blue);\n color: var(--white-color);\n font-size: 16px;\n border: none;\n padding: 8px 25px;\n border-radius: 10px;\n}\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, ::ng-deep .card-header-entity .add-item .k-button .k-button-text {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n.btn-cmn {\n width: 44px;\n height: 44px;\n min-width: 44px;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--gray-color);\n}\n.btn-cmn.active {\n border: 1px solid var(--border-blue);\n}\n::ng-deep .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\n border: 1px solid var(--gray-color);\n border-radius: 8px; padding: 10px 25px;\n background: var(--white-color);\n color: var(--sideNav);\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body {\n padding: 16px !important;\n position: relative;\n}\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n top:12px;\n right: 12px;\n z-index: 9;\n}\n.grid-wrapper {\n display: flex;\n align-items: center;\n gap: 8px;\n}\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn {\n width: 38px;\n height: 38px;\n background: #000;\n min-width: 38px;\n border: 1px solid var(--gray-color);\n border-radius: 8px; \n display: flex;\n justify-content: center;\n align-items: center;\n background: transparent;\n cursor: pointer;\n}\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn:hover {\n border: 1px solid var(--border-active);\n}\n\n\n::ng-deep .main-area .card-list .card-wrapper:hover {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border: 1px solid var(--border-active);\n}\n::ng-deep .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\n color: var(--border-blue);\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\n color: var(--sideNav);\n font-size: 14px;\n line-height: 16px;\n height: auto;\n text-overflow: ellipsis;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n\n}\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\n font-size: 18px;\n line-height: 21px;\n color: var(--text-darked);\n font-weight: 600;\n}\n.breadcrumb-wrap {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 0;\n}\n.breadcrumb-wrap span {\n font-size: 16px;\n line-height: 18px;\n font-weight: 400;\n color: var(--black);\n}\n::ng-deep .k-menu-popup {\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n border-radius: 10px;\n padding: 16px;\n}\n\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link {\n box-shadow: none !important;\n} \n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link:active {\n background: transparent !important;\n}\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\n color: var(--primary-color);\n background: transparent !important;\n\n}\n::ng-deep .dialog-wrapper .popup-actions-btn button {\n flex: 1;\n}\n::ng-deep .dialog-wrapper .popup-actions-btn {\n display: flex;\n}\n::ng-deep .dialog-wrapper .popup-actions-btn .cancel-btn {\n background: var(--primary-color);\n color: var(--white-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 34px;\n text-align: center;\n border-radius: 10px;\n border: 1px solid transparent;\n\n}\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn {\n border:1px solid var(--primary-color);\n background: transparent;\n color: var(--primary-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 34px;\n text-align: center;\n border-radius: 10px;\n box-shadow: none;\n}\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn:focus {\n box-shadow: none !important;\n}\n::ng-deep .dialog-wrapper .k-window-title {\n font-size: 30px;\n font-weight: 500;\n line-height: 36px;\n text-align: left;\n color: var(--text-darked);\n}\n::ng-deep .dialog-wrapper p {\n font-size: 16px;\n font-weight: 500;\n line-height: 20px;\n text-align: left;\n color: var(--black);\n}\n\n.margin-left-small {\n margin-left: 10px;\n}\n\n.card-wrapper {\n min-width: 230px;\n height: 150px;\n min-height: 125px;\n}\n\n.padding-top-small {\n padding-top: 10px;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.title-folder {\n padding-right: 20px;\n margin: auto;\n}\n\n.title-flex-display {\n display: flex;\n flex-direction: row;\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"] }]