@memberjunction/ng-explorer-core 1.0.6 → 1.0.7

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 (75) hide show
  1. package/dist/lib/app-view/application-view.component.js +3 -3
  2. package/dist/lib/auth-button/auth-button.component.js +2 -2
  3. package/dist/lib/dashboard-browser-component/dashboard-browser.component.js +3 -3
  4. package/dist/lib/data-browser-component/data-browser.component.js +3 -3
  5. package/dist/lib/expansion-panel-component/expansion-panel-component.js +3 -3
  6. package/dist/lib/favorites/favorites.component.js +3 -3
  7. package/dist/lib/files/files.component.js +3 -3
  8. package/dist/lib/generic/form-toolbar.js +10 -10
  9. package/dist/lib/generic/resource-container-component.js +1 -1
  10. package/dist/lib/generic/section-loader-component.js +1 -1
  11. package/dist/lib/generic-browse-list/generic-browse-list.component.js +3 -3
  12. package/dist/lib/generic-browser-list/generic-browser-list.component.js +4 -4
  13. package/dist/lib/header/header.component.js +3 -3
  14. package/dist/lib/home-component/home.component.js +3 -3
  15. package/dist/lib/join-grid/join-grid.component.js +2 -2
  16. package/dist/lib/navigation/navigation.component.js +3 -3
  17. package/dist/lib/query-browser-component/query-browser.component.js +3 -3
  18. package/dist/lib/report-browser-component/report-browser.component.js +3 -3
  19. package/dist/lib/resource-wrappers/dashboard-resource.component.js +1 -1
  20. package/dist/lib/resource-wrappers/query-resource.component.js +1 -1
  21. package/dist/lib/resource-wrappers/record-resource.component.js +1 -1
  22. package/dist/lib/resource-wrappers/report-resource.component.js +1 -1
  23. package/dist/lib/resource-wrappers/search-results-resource.component.js +1 -1
  24. package/dist/lib/resource-wrappers/view-resource.component.js +6 -6
  25. package/dist/lib/single-application/single-application.component.js +3 -3
  26. package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +3 -3
  27. package/dist/lib/single-dashboard/Components/delete-item/delete-item.component.js +3 -3
  28. package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js +3 -3
  29. package/dist/lib/single-dashboard/single-dashboard.component.js +3 -3
  30. package/dist/lib/single-entity/single-entity.component.js +3 -3
  31. package/dist/lib/single-query/single-query.component.js +1 -1
  32. package/dist/lib/single-record/single-record.component.js +2 -2
  33. package/dist/lib/single-report/single-report.component.js +2 -2
  34. package/dist/lib/single-search-result/single-search-result.component.js +2 -2
  35. package/dist/lib/single-view/single-view.component.js +3 -3
  36. package/dist/lib/user-notifications/user-notifications.component.js +3 -3
  37. package/dist/lib/user-profile/user-profile.component.js +2 -2
  38. package/package.json +59 -59
  39. package/dist/lib/ask-skip/ask-skip.component.d.ts +0 -87
  40. package/dist/lib/ask-skip/ask-skip.component.js +0 -626
  41. package/dist/lib/ask-skip/skip-dynamic-report-wrapper.d.ts +0 -12
  42. package/dist/lib/ask-skip/skip-dynamic-report-wrapper.js +0 -50
  43. package/dist/lib/expansion-panel-component/components/expansion-panel-item-component.d.ts +0 -14
  44. package/dist/lib/expansion-panel-component/components/expansion-panel-item-component.d.ts.map +0 -1
  45. package/dist/lib/expansion-panel-component/components/expansion-panel-item-component.js +0 -33
  46. package/dist/lib/generic/base-form-component.d.ts +0 -77
  47. package/dist/lib/generic/base-form-component.d.ts.map +0 -1
  48. package/dist/lib/generic/base-form-component.js +0 -436
  49. package/dist/lib/generic/base-form-section-component.d.ts +0 -7
  50. package/dist/lib/generic/base-form-section-component.d.ts.map +0 -1
  51. package/dist/lib/generic/base-form-section-component.js +0 -9
  52. package/dist/lib/generic/base-record-component.d.ts +0 -7
  53. package/dist/lib/generic/base-record-component.d.ts.map +0 -1
  54. package/dist/lib/generic/base-record-component.js +0 -15
  55. package/dist/lib/generic/base-resource-component.d.ts +0 -34
  56. package/dist/lib/generic/base-resource-component.js +0 -75
  57. package/dist/lib/generic/dynamic-chart.d.ts +0 -33
  58. package/dist/lib/generic/dynamic-chart.js +0 -252
  59. package/dist/lib/generic/dynamic-grid.d.ts +0 -25
  60. package/dist/lib/generic/dynamic-grid.js +0 -142
  61. package/dist/lib/generic/dynamic-report.d.ts +0 -38
  62. package/dist/lib/generic/dynamic-report.js +0 -405
  63. package/dist/lib/generic-browser-list/components/resource/resource.d.ts +0 -1
  64. package/dist/lib/generic-browser-list/components/resource/resource.d.ts.map +0 -1
  65. package/dist/lib/generic-browser-list/components/resource/resource.js +0 -1
  66. package/dist/lib/settings/settings.component.d.ts +0 -8
  67. package/dist/lib/settings/settings.component.d.ts.map +0 -1
  68. package/dist/lib/settings/settings.component.js +0 -64
  69. package/dist/lib/user-view-properties/view-properties-dialog.component.d.ts +0 -72
  70. package/dist/lib/user-view-properties/view-properties-dialog.component.d.ts.map +0 -1
  71. package/dist/lib/user-view-properties/view-properties-dialog.component.js +0 -605
  72. package/dist/shared/shared.service.d.ts +0 -94
  73. package/dist/shared/shared.service.js +0 -324
  74. package/dist/shared/urlPipe.d.ts +0 -7
  75. package/dist/shared/urlPipe.js +0 -16
@@ -245,12 +245,12 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
245
245
  i0.ɵɵproperty("ngIf", !ctx.showloader);
246
246
  i0.ɵɵadvance();
247
247
  i0.ɵɵproperty("ngIf", ctx.deleteDialogOpened);
248
- } }, dependencies: [i4.NgForOf, i4.NgIf, i5.DialogComponent, i6.LoaderComponent, i7.ButtonComponent, i8.SVGIconComponent, i9.CardComponent, i9.CardHeaderComponent, i9.CardBodyComponent, i9.CardTitleDirective, i9.CardSubtitleDirective, i10.UserViewPropertiesDialogComponent], styles: [".entity-container[_ngcontent-%COMP%] {\r\n margin: 10px;\r\n}\r\n \r\n .list-item[_ngcontent-%COMP%] {\r\n margin: 4px;\r\n cursor: pointer;\r\n }\r\n \r\n .view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: #ff6358;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n }\r\n .view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n }\r\n .k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n .card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n }\r\n .card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n }\r\n .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n.title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n}\r\n .entity-container .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
248
+ } }, dependencies: [i4.NgForOf, i4.NgIf, i5.DialogComponent, i6.LoaderComponent, i7.ButtonComponent, i8.SVGIconComponent, i9.CardComponent, i9.CardHeaderComponent, i9.CardBodyComponent, i9.CardTitleDirective, i9.CardSubtitleDirective, i10.UserViewPropertiesDialogComponent], styles: [".entity-container[_ngcontent-%COMP%] {\n margin: 10px;\n}\n \n .list-item[_ngcontent-%COMP%] {\n margin: 4px;\n cursor: pointer;\n }\n \n .view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\n color: #ff6358;\n }\n .card-wrapper[_ngcontent-%COMP%] {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\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: 24px;\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 }\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 .entity-container .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}", ".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}"] });
249
249
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleEntityComponent, [{
250
250
  type: Component,
251
- args: [{ selector: 'mj-single-entity', template: "<div class=\"card-container entity-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>{{entityName}}</h1>\r\n <p> \r\n <span class=\"fa-solid fa-circle-info\"></span> {{entityDescription}}\r\n </p>\r\n </div>\r\n <button kendoButton (click)=\"createNewView()\">\r\n <span class=\"fa-solid fa-plus\"></span>\r\n Create New View\r\n </button>\r\n </div>\r\n <mj-user-view-properties-dialog [EntityName]=\"this.entityName\" [ShowPropertiesButton]=\"false\"\r\n (dialogClosed)=\"viewPropertiesClosed($event)\"></mj-user-view-properties-dialog>\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\r\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showloader\">\r\n <div *ngFor=\"let entity of entityViews\">\r\n <kendo-card class=\"card-wrapper\">\r\n <kendo-card-header class=\"k-hstack view-card\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\r\n <div class=\"btn-wrapper\">\r\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\r\n <span class=\"fa-solid fa-pen-to-square\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\">\r\n <span class=\"fa-regular fa-trash-can\"></span> \r\n </button>\r\n </div>\r\n </kendo-card-header>\r\n\r\n <kendo-card-body (click)=\"viewItemClick(entity)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h5 kendoCardTitle>{{ entity.Name }}</h5>\r\n <p kendoCardSubtitle>{{ entity.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog title=\"Delete View\" *ngIf=\"deleteDialogOpened\" (close)=\"handleDeleteView()\">\r\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\"></kendo-loader>\r\n <div [class]=\"showloader ? 'disabled-div' : ''\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedView?.Name}}</b> View?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"deleteView()\" themeColor=\"primary\">\r\n <span class=\"fa-solid fa-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"handleDeleteView()\">\r\n <span class=\"fa-solid fa-xmark\"></span> No\r\n </button>\r\n </div>\r\n </div>\r\n </kendo-dialog>\r\n</div>", styles: [".entity-container {\r\n margin: 10px;\r\n}\r\n \r\n .list-item {\r\n margin: 4px;\r\n cursor: pointer;\r\n }\r\n \r\n .view-card .view-icon {\r\n color: #ff6358;\r\n }\r\n .card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n }\r\n .card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n }\r\n .card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n }\r\n .view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n }\r\n .k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 24px;\r\n margin-bottom: 0;\r\n }\r\n .card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n }\r\n .card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n }\r\n .card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n }\r\n .main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n.title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n}\r\n::ng-deep .entity-container .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
251
+ args: [{ selector: 'mj-single-entity', template: "<div class=\"card-container entity-container\">\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>{{entityName}}</h1>\n <p> \n <span class=\"fa-solid fa-circle-info\"></span> {{entityDescription}}\n </p>\n </div>\n <button kendoButton (click)=\"createNewView()\">\n <span class=\"fa-solid fa-plus\"></span>\n Create New View\n </button>\n </div>\n <mj-user-view-properties-dialog [EntityName]=\"this.entityName\" [ShowPropertiesButton]=\"false\"\n (dialogClosed)=\"viewPropertiesClosed($event)\"></mj-user-view-properties-dialog>\n <div class=\"main-area\">\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\" ></kendo-loader>\n <div class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\" *ngIf=\"!showloader\">\n <div *ngFor=\"let entity of entityViews\">\n <kendo-card class=\"card-wrapper\">\n <kendo-card-header class=\"k-hstack view-card\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\n <div class=\"btn-wrapper\">\n <button kendoButton fillMode=\"flat\" (click)=\"editView(entity)\">\n <span class=\"fa-solid fa-pen-to-square\"></span>\n </button>\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\">\n <span class=\"fa-regular fa-trash-can\"></span> \n </button>\n </div>\n </kendo-card-header>\n\n <kendo-card-body (click)=\"viewItemClick(entity)\">\n <div class=\"view-card-content k-cursor-pointer\">\n <h5 kendoCardTitle>{{ entity.Name }}</h5>\n <p kendoCardSubtitle>{{ entity.Description }}</p>\n </div>\n </kendo-card-body>\n </kendo-card>\n </div>\n </div>\n </div>\n\n <kendo-dialog title=\"Delete View\" *ngIf=\"deleteDialogOpened\" (close)=\"handleDeleteView()\">\n <kendo-loader *ngIf=\"showloader\" type=\"converging-spinner\"></kendo-loader>\n <div [class]=\"showloader ? 'disabled-div' : ''\">\n <p class=\"k-m-7.5 k-text-center\">\n Are you sure you want to delete <b>{{selectedView?.Name}}</b> View?\n </p>\n <div class=\"k-actions k-actions-end popup-actions\">\n <button kendoButton (click)=\"deleteView()\" themeColor=\"primary\">\n <span class=\"fa-solid fa-check\"></span> Yes\n </button>\n <button kendoButton (click)=\"handleDeleteView()\">\n <span class=\"fa-solid fa-xmark\"></span> No\n </button>\n </div>\n </div>\n </kendo-dialog>\n</div>", styles: [".entity-container {\n margin: 10px;\n}\n \n .list-item {\n margin: 4px;\n cursor: pointer;\n }\n \n .view-card .view-icon {\n color: #ff6358;\n }\n .card-wrapper {\n border: 1px solid rgba(0, 0, 0, 0.08);\n border-radius: 6px;\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: 24px;\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 .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::ng-deep .entity-container .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-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"] }]
252
252
  }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.NotificationService }, { type: i3.SharedService }], { viewPropertiesDialog: [{
253
253
  type: ViewChild,
254
254
  args: [UserViewPropertiesDialogComponent, { static: true }]
255
255
  }] }); })();
256
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleEntityComponent, { className: "SingleEntityComponent", filePath: "src\\lib\\single-entity\\single-entity.component.ts", lineNumber: 14 }); })();
256
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleEntityComponent, { className: "SingleEntityComponent", filePath: "src/lib/single-entity/single-entity.component.ts", lineNumber: 14 }); })();
@@ -67,4 +67,4 @@ SingleQueryComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Single
67
67
  type: ViewChild,
68
68
  args: ['theQuery', { static: true }]
69
69
  }] }); })();
70
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleQueryComponent, { className: "SingleQueryComponent", filePath: "src\\lib\\single-query\\single-query.component.ts", lineNumber: 11 }); })();
70
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleQueryComponent, { className: "SingleQueryComponent", filePath: "src/lib/single-query/single-query.component.ts", lineNumber: 11 }); })();
@@ -81,7 +81,7 @@ SingleRecordComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
81
81
  } }, dependencies: [i2.NgIf, i3.LoaderComponent, i4.Container] });
82
82
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleRecordComponent, [{
83
83
  type: Component,
84
- args: [{ selector: 'mj-single-record', template: "<kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n<ng-template mjContainer></ng-template>" }]
84
+ args: [{ selector: 'mj-single-record', template: "<kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\n<ng-template mjContainer></ng-template>" }]
85
85
  }], () => [{ type: i1.ActivatedRoute }], { formContainer: [{
86
86
  type: ViewChild,
87
87
  args: [Container, { static: true }]
@@ -92,4 +92,4 @@ SingleRecordComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
92
92
  }], loadComplete: [{
93
93
  type: Output
94
94
  }] }); })();
95
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent", filePath: "src\\lib\\single-record\\single-record.component.ts", lineNumber: 14 }); })();
95
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleRecordComponent, { className: "SingleRecordComponent", filePath: "src/lib/single-record/single-record.component.ts", lineNumber: 14 }); })();
@@ -72,7 +72,7 @@ SingleReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
72
72
  } }, dependencies: [i1.NgIf, i2.FillContainer, i3.DynamicReportComponent] });
73
73
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleReportComponent, [{
74
74
  type: Component,
75
- args: [{ selector: 'mj-single-report', template: "<mj-dynamic-report *ngIf=\"ReportEntity\" \r\n mjFillContainer #theReport [ShowDetailsTab]=\"true\" [SkipData]=\"Configuration\"\r\n [ConversationID]=\"ReportEntity.ConversationID\"\r\n [ConversationDetailID]=\"ReportEntity.ConversationDetailID\" [ReportEntity]=\"ReportEntity\">\r\n</mj-dynamic-report>" }]
75
+ args: [{ selector: 'mj-single-report', template: "<mj-dynamic-report *ngIf=\"ReportEntity\" \n mjFillContainer #theReport [ShowDetailsTab]=\"true\" [SkipData]=\"Configuration\"\n [ConversationID]=\"ReportEntity.ConversationID\"\n [ConversationDetailID]=\"ReportEntity.ConversationDetailID\" [ReportEntity]=\"ReportEntity\">\n</mj-dynamic-report>" }]
76
76
  }], null, { reportId: [{
77
77
  type: Input
78
78
  }], loadComplete: [{
@@ -83,4 +83,4 @@ SingleReportComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
83
83
  type: ViewChild,
84
84
  args: ['theReport', { static: true }]
85
85
  }] }); })();
86
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleReportComponent, { className: "SingleReportComponent", filePath: "src\\lib\\single-report\\single-report.component.ts", lineNumber: 11 }); })();
86
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleReportComponent, { className: "SingleReportComponent", filePath: "src/lib/single-report/single-report.component.ts", lineNumber: 11 }); })();
@@ -45,7 +45,7 @@ SingleSearchResultComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
45
45
  } }, dependencies: [i1.UserViewGridComponent] });
46
46
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleSearchResultComponent, [{
47
47
  type: Component,
48
- args: [{ selector: 'mj-single-search-result', template: "<mj-user-view-grid>\r\n</mj-user-view-grid>" }]
48
+ args: [{ selector: 'mj-single-search-result', template: "<mj-user-view-grid>\n</mj-user-view-grid>" }]
49
49
  }], null, { entity: [{
50
50
  type: Input
51
51
  }], searchInput: [{
@@ -58,4 +58,4 @@ SingleSearchResultComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
58
58
  type: ViewChild,
59
59
  args: [UserViewGridComponent]
60
60
  }] }); })();
61
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleSearchResultComponent, { className: "SingleSearchResultComponent", filePath: "src\\lib\\single-search-result\\single-search-result.component.ts", lineNumber: 10 }); })();
61
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleSearchResultComponent, { className: "SingleSearchResultComponent", filePath: "src/lib/single-search-result/single-search-result.component.ts", lineNumber: 10 }); })();
@@ -181,10 +181,10 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
181
181
  i0.ɵɵproperty("ngIf", ctx.selectedView);
182
182
  i0.ɵɵadvance();
183
183
  i0.ɵɵproperty("AutoNavigate", false);
184
- } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.TextBoxComponent, i6.FillContainer, i7.UserViewGridWithAnalysisComponent, i8.UserViewPropertiesDialogComponent], styles: [".single-view-wrap[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n .analysis-wrapper .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] });
184
+ } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.TextBoxComponent, i6.FillContainer, i7.UserViewGridWithAnalysisComponent, i8.UserViewPropertiesDialogComponent], styles: [".single-view-wrap[_ngcontent-%COMP%] {\n padding: 10px;\n}\n .analysis-wrapper .k-tabstrip-items-wrapper {\n background: var(--white-color) !important;\n padding-left: 0 !important;\n }\n .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n border-bottom: 3px solid var(--border-blue) !important;\n }\n .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n background: var(--white-color) !important;\n border-right: 0 !important;\n }"] });
185
185
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleViewComponent, [{
186
186
  type: Component,
187
- args: [{ selector: 'mj-single-view', template: "<div class=\"single-view-wrap\" mjFillContainer [bottomMargin]=\"20\">\r\n <div class=\"card-container\" class=\"searchBox\">\r\n <kendo-textbox\r\n id=\"txtSearch\"\r\n *ngIf=\"showSearch\"\r\n placeholder=\"Search here...\"\r\n kendoTextBox\r\n (valueChange)=\"onSearch($event)\"\r\n [clearButton]=\"true\"\r\n [(ngModel)]=\"searchText\"\r\n ></kendo-textbox>\r\n\r\n <mj-user-view-properties-dialog *ngIf=\"selectedView\" [ViewID]=\"selectedView.ID\" (dialogClosed)=\"this.viewPropertiesDialogClosed($event)\" ></mj-user-view-properties-dialog>\r\n </div>\r\n\r\n <mj-user-view-grid-with-analysis class=\"analysis-wrapper\" (rowClicked)=\"handleRowClick($event)\" [AutoNavigate]=\"false\" mjFillContainer></mj-user-view-grid-with-analysis>\r\n</div>", styles: [".single-view-wrap {\r\n padding: 10px;\r\n}\r\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper {\r\n background: var(--white-color) !important;\r\n padding-left: 0 !important;\r\n }\r\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\r\n border-bottom: 3px solid var(--border-blue) !important;\r\n }\r\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\r\n background: var(--white-color) !important;\r\n border-right: 0 !important;\r\n }"] }]
187
+ args: [{ selector: 'mj-single-view', template: "<div class=\"single-view-wrap\" mjFillContainer [bottomMargin]=\"20\">\n <div class=\"card-container\" class=\"searchBox\">\n <kendo-textbox\n id=\"txtSearch\"\n *ngIf=\"showSearch\"\n placeholder=\"Search here...\"\n kendoTextBox\n (valueChange)=\"onSearch($event)\"\n [clearButton]=\"true\"\n [(ngModel)]=\"searchText\"\n ></kendo-textbox>\n\n <mj-user-view-properties-dialog *ngIf=\"selectedView\" [ViewID]=\"selectedView.ID\" (dialogClosed)=\"this.viewPropertiesDialogClosed($event)\" ></mj-user-view-properties-dialog>\n </div>\n\n <mj-user-view-grid-with-analysis class=\"analysis-wrapper\" (rowClicked)=\"handleRowClick($event)\" [AutoNavigate]=\"false\" mjFillContainer></mj-user-view-grid-with-analysis>\n</div>", styles: [".single-view-wrap {\n padding: 10px;\n}\n::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper {\n background: var(--white-color) !important;\n padding-left: 0 !important;\n }\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active {\n border-bottom: 3px solid var(--border-blue) !important;\n }\n ::ng-deep .analysis-wrapper .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item {\n background: var(--white-color) !important;\n border-right: 0 !important;\n }"] }]
188
188
  }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], { viewGridWithAnalysis: [{
189
189
  type: ViewChild,
190
190
  args: [UserViewGridWithAnalysisComponent, { static: true }]
@@ -201,4 +201,4 @@ SingleViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleV
201
201
  }], loadComplete: [{
202
202
  type: Output
203
203
  }] }); })();
204
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleViewComponent, { className: "SingleViewComponent", filePath: "src\\lib\\single-view\\single-view.component.ts", lineNumber: 16 }); })();
204
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleViewComponent, { className: "SingleViewComponent", filePath: "src/lib/single-view/single-view.component.ts", lineNumber: 16 }); })();
@@ -382,10 +382,10 @@ UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
382
382
  i0.ɵɵproperty("ngIf", ctx.ReadNotifications.length > 0 && ctx.UnreadNotifications.length > 0);
383
383
  i0.ɵɵadvance(3);
384
384
  i0.ɵɵproperty("data", ctx.NotificationsToShow);
385
- } }, dependencies: [i3.NgIf, i4.ButtonComponent, i5.TextBoxComponent, i5.TextBoxSuffixTemplateDirective, i6.FillContainer, i7.ItemTemplateDirective, i7.ListViewComponent, i3.DatePipe], styles: [".notification-list-wrap[_ngcontent-%COMP%] {\r\n height: 800px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n border: solid 1px lightgray;\r\n}\r\n\r\n.k-listview[_ngcontent-%COMP%] {\r\n font-family: sans-serif;\r\n border: 0;\r\n}\r\n.product[_ngcontent-%COMP%] {\r\n width: 100%;\r\n}\r\n.header[_ngcontent-%COMP%] {\r\n display: flex;\r\n background-color: lightgray;\r\n padding: 12px;\r\n height: 24px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { \n\r\n margin-right: 10px; \r\n}\r\n\r\n.title[_ngcontent-%COMP%] {\r\n flex: 1;\r\n font-size: 22px;\r\n font-weight: bold;\r\n}\r\n.filter-input[_ngcontent-%COMP%] {\r\n width: 200px;\r\n}\r\n.radio-label[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n margin-right: 10px;\r\n}\r\n\r\n.notification-wrap[_ngcontent-%COMP%] {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n border-bottom: dashed 1px lightgray;\r\n background-color: white;\r\n}\r\n\r\n.notification-wrap-unread[_ngcontent-%COMP%] {\r\n background-color: aliceblue;\r\n}\r\n\r\n.notification-wrap-clickable[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n}\r\n\r\n.notification-title[_ngcontent-%COMP%] {\r\n font-size: 16px;\r\n}\r\n.notification-wrap-clickable[_ngcontent-%COMP%] > .notification-title[_ngcontent-%COMP%] {\r\n color: blue;\r\n text-decoration: underline;\r\n}\r\n.notification-title-unread[_ngcontent-%COMP%] {\r\n font-weight: bold;\r\n}\r\n\r\n.notification-body[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n}\r\n\r\n.notification-date[_ngcontent-%COMP%] {\r\n margin-left: 1px;\r\n font-size: 12px;\r\n color: gray;\r\n font-style: italic;\r\n}"] });
385
+ } }, dependencies: [i3.NgIf, i4.ButtonComponent, i5.TextBoxComponent, i5.TextBoxSuffixTemplateDirective, i6.FillContainer, i7.ItemTemplateDirective, i7.ListViewComponent, i3.DatePipe], styles: [".notification-list-wrap[_ngcontent-%COMP%] {\n height: 800px;\n overflow-y: auto;\n overflow-x: hidden;\n border: solid 1px lightgray;\n}\n\n.k-listview[_ngcontent-%COMP%] {\n font-family: sans-serif;\n border: 0;\n}\n.product[_ngcontent-%COMP%] {\n width: 100%;\n}\n.header[_ngcontent-%COMP%] {\n display: flex;\n background-color: lightgray;\n padding: 12px;\n height: 24px;\n}\n\n.header[_ngcontent-%COMP%] button[_ngcontent-%COMP%] { \n\n margin-right: 10px; \n}\n\n.title[_ngcontent-%COMP%] {\n flex: 1;\n font-size: 22px;\n font-weight: bold;\n}\n.filter-input[_ngcontent-%COMP%] {\n width: 200px;\n}\n.radio-label[_ngcontent-%COMP%] {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.notification-wrap[_ngcontent-%COMP%] {\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom: dashed 1px lightgray;\n background-color: white;\n}\n\n.notification-wrap-unread[_ngcontent-%COMP%] {\n background-color: aliceblue;\n}\n\n.notification-wrap-clickable[_ngcontent-%COMP%] {\n cursor: pointer;\n}\n\n.notification-title[_ngcontent-%COMP%] {\n font-size: 16px;\n}\n.notification-wrap-clickable[_ngcontent-%COMP%] > .notification-title[_ngcontent-%COMP%] {\n color: blue;\n text-decoration: underline;\n}\n.notification-title-unread[_ngcontent-%COMP%] {\n font-weight: bold;\n}\n\n.notification-body[_ngcontent-%COMP%] {\n font-size: 14px;\n}\n\n.notification-date[_ngcontent-%COMP%] {\n margin-left: 1px;\n font-size: 12px;\n color: gray;\n font-style: italic;\n}"] });
386
386
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserNotificationsComponent, [{
387
387
  type: Component,
388
- args: [{ selector: 'app-user-notifications', template: "<div class=\"notification-list-wrap\" mjFillContainer [bottomMargin]=\"5\"> \r\n <div class=\"header\">\r\n <div class=\"title\">\r\n Notifications\r\n </div>\r\n <div>\r\n <button *ngIf=\"UnreadNotifications.length > 0\" kendoButton (click)=\"markAllAsRead()\">Mark All as Read</button>\r\n <button *ngIf=\"ReadNotifications.length > 0\" kendoButton (click)=\"markAllAsUnread()\">Mark All as Unread</button>\r\n <input *ngIf=\"AllNotifications.length > 0\" #allRadio checked type=\"radio\" name=\"UnreadStatus\" value=\"All\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"AllNotifications.length > 0\" class=\"radio-label\" \r\n (click)=\"selectReadOption('All')\">All</span>\r\n <input *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\" #unreadRadio type=\"radio\" name=\"UnreadStatus\" value=\"Unread\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\" class=\"radio-label\" \r\n (click)=\"selectReadOption('Unread')\">Unread</span>\r\n <input *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\" #readRadio type=\"radio\" name=\"UnreadStatus\" value=\"Read\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\" class=\"radio-label\" \r\n (click)=\"selectReadOption('Read')\">Read</span>\r\n <kendo-textbox\r\n class=\"filter-input\"\r\n placeholder=\"Filter items...\"\r\n (valueChange)=\"onFilterChanged($event)\"\r\n >\r\n <ng-template kendoTextBoxSuffixTemplate>\r\n <span class=\"fa-solid fa-magnifying-glass\"></span>\r\n </ng-template>\r\n </kendo-textbox> \r\n </div>\r\n </div> \r\n\r\n <kendo-listview [data]=\"NotificationsToShow\">\r\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\r\n <div [class]=\"getItemWrapperClass(dataItem)\">\r\n <div [class]=\"getItemTitleClass(dataItem)\" (click)=\"notificationClicked(dataItem)\">{{dataItem.Title}}</div>\r\n <div class=\"notification-body\" (click)=\"notificationClicked(dataItem)\">\r\n <div class=\"notification-date\">{{dataItem.CreatedAt | date:'long'}}</div>\r\n <div class=\"notification-message\">{{dataItem.Message}}</div>\r\n </div>\r\n <div>\r\n <button kendoButton *ngIf=\"dataItem.Unread\" (click)=\"markAsRead(dataItem, true, null)\">Mark as Read</button>\r\n <button kendoButton *ngIf=\"!dataItem.Unread\" (click)=\"markAsRead(dataItem, false, null)\">Mark as Unread</button>\r\n </div> \r\n </div>\r\n </ng-template>\r\n </kendo-listview>\r\n</div>\r\n", styles: [".notification-list-wrap {\r\n height: 800px;\r\n overflow-y: auto;\r\n overflow-x: hidden;\r\n border: solid 1px lightgray;\r\n}\r\n\r\n.k-listview {\r\n font-family: sans-serif;\r\n border: 0;\r\n}\r\n.product {\r\n width: 100%;\r\n}\r\n.header {\r\n display: flex;\r\n background-color: lightgray;\r\n padding: 12px;\r\n height: 24px;\r\n}\r\n\r\n.header button { /*buttons within the header*/\r\n margin-right: 10px; \r\n}\r\n\r\n.title {\r\n flex: 1;\r\n font-size: 22px;\r\n font-weight: bold;\r\n}\r\n.filter-input {\r\n width: 200px;\r\n}\r\n.radio-label {\r\n cursor: pointer;\r\n margin-right: 10px;\r\n}\r\n\r\n.notification-wrap {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n border-bottom: dashed 1px lightgray;\r\n background-color: white;\r\n}\r\n\r\n.notification-wrap-unread {\r\n background-color: aliceblue;\r\n}\r\n\r\n.notification-wrap-clickable {\r\n cursor: pointer;\r\n}\r\n\r\n.notification-title {\r\n font-size: 16px;\r\n}\r\n.notification-wrap-clickable > .notification-title {\r\n color: blue;\r\n text-decoration: underline;\r\n}\r\n.notification-title-unread {\r\n font-weight: bold;\r\n}\r\n\r\n.notification-body {\r\n font-size: 14px;\r\n}\r\n\r\n.notification-date {\r\n margin-left: 1px;\r\n font-size: 12px;\r\n color: gray;\r\n font-style: italic;\r\n}"] }]
388
+ args: [{ selector: 'app-user-notifications', template: "<div class=\"notification-list-wrap\" mjFillContainer [bottomMargin]=\"5\"> \n <div class=\"header\">\n <div class=\"title\">\n Notifications\n </div>\n <div>\n <button *ngIf=\"UnreadNotifications.length > 0\" kendoButton (click)=\"markAllAsRead()\">Mark All as Read</button>\n <button *ngIf=\"ReadNotifications.length > 0\" kendoButton (click)=\"markAllAsUnread()\">Mark All as Unread</button>\n <input *ngIf=\"AllNotifications.length > 0\" #allRadio checked type=\"radio\" name=\"UnreadStatus\" value=\"All\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"AllNotifications.length > 0\" class=\"radio-label\" \n (click)=\"selectReadOption('All')\">All</span>\n <input *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\" #unreadRadio type=\"radio\" name=\"UnreadStatus\" value=\"Unread\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"UnreadNotifications.length > 0 && ReadNotifications.length > 0\" class=\"radio-label\" \n (click)=\"selectReadOption('Unread')\">Unread</span>\n <input *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\" #readRadio type=\"radio\" name=\"UnreadStatus\" value=\"Read\" (change)=\"onReadRadioChanged($event)\" /><span *ngIf=\"ReadNotifications.length > 0 && UnreadNotifications.length > 0\" class=\"radio-label\" \n (click)=\"selectReadOption('Read')\">Read</span>\n <kendo-textbox\n class=\"filter-input\"\n placeholder=\"Filter items...\"\n (valueChange)=\"onFilterChanged($event)\"\n >\n <ng-template kendoTextBoxSuffixTemplate>\n <span class=\"fa-solid fa-magnifying-glass\"></span>\n </ng-template>\n </kendo-textbox> \n </div>\n </div> \n\n <kendo-listview [data]=\"NotificationsToShow\">\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n <div [class]=\"getItemWrapperClass(dataItem)\">\n <div [class]=\"getItemTitleClass(dataItem)\" (click)=\"notificationClicked(dataItem)\">{{dataItem.Title}}</div>\n <div class=\"notification-body\" (click)=\"notificationClicked(dataItem)\">\n <div class=\"notification-date\">{{dataItem.CreatedAt | date:'long'}}</div>\n <div class=\"notification-message\">{{dataItem.Message}}</div>\n </div>\n <div>\n <button kendoButton *ngIf=\"dataItem.Unread\" (click)=\"markAsRead(dataItem, true, null)\">Mark as Read</button>\n <button kendoButton *ngIf=\"!dataItem.Unread\" (click)=\"markAsRead(dataItem, false, null)\">Mark as Unread</button>\n </div> \n </div>\n </ng-template>\n </kendo-listview>\n</div>\n", styles: [".notification-list-wrap {\n height: 800px;\n overflow-y: auto;\n overflow-x: hidden;\n border: solid 1px lightgray;\n}\n\n.k-listview {\n font-family: sans-serif;\n border: 0;\n}\n.product {\n width: 100%;\n}\n.header {\n display: flex;\n background-color: lightgray;\n padding: 12px;\n height: 24px;\n}\n\n.header button { /*buttons within the header*/\n margin-right: 10px; \n}\n\n.title {\n flex: 1;\n font-size: 22px;\n font-weight: bold;\n}\n.filter-input {\n width: 200px;\n}\n.radio-label {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.notification-wrap {\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 10px;\n padding-bottom: 10px;\n border-bottom: dashed 1px lightgray;\n background-color: white;\n}\n\n.notification-wrap-unread {\n background-color: aliceblue;\n}\n\n.notification-wrap-clickable {\n cursor: pointer;\n}\n\n.notification-title {\n font-size: 16px;\n}\n.notification-wrap-clickable > .notification-title {\n color: blue;\n text-decoration: underline;\n}\n.notification-title-unread {\n font-weight: bold;\n}\n\n.notification-body {\n font-size: 14px;\n}\n\n.notification-date {\n margin-left: 1px;\n font-size: 12px;\n color: gray;\n font-style: italic;\n}"] }]
389
389
  }], () => [{ type: i1.SharedService }, { type: i2.Router }], { allRadio: [{
390
390
  type: ViewChild,
391
391
  args: ['allRadio']
@@ -396,4 +396,4 @@ UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
396
396
  type: ViewChild,
397
397
  args: ['readRadio']
398
398
  }] }); })();
399
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserNotificationsComponent, { className: "UserNotificationsComponent", filePath: "src\\lib\\user-notifications\\user-notifications.component.ts", lineNumber: 12 }); })();
399
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserNotificationsComponent, { className: "UserNotificationsComponent", filePath: "src/lib/user-notifications/user-notifications.component.ts", lineNumber: 12 }); })();
@@ -37,6 +37,6 @@ UserProfileComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserPr
37
37
  } }, dependencies: [i2.NgIf, i2.AsyncPipe] });
38
38
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserProfileComponent, [{
39
39
  type: Component,
40
- args: [{ selector: 'app-user-profile', template: "<ul *ngIf=\"User | async\">\r\n <li>{{ User.name }}</li>\r\n <li>{{ User.email }}</li>\r\n <li>{{ JSON.stringify(User) }}</li>\r\n</ul>" }]
40
+ args: [{ selector: 'app-user-profile', template: "<ul *ngIf=\"User | async\">\n <li>{{ User.name }}</li>\n <li>{{ User.email }}</li>\n <li>{{ JSON.stringify(User) }}</li>\n</ul>" }]
41
41
  }], () => [{ type: i1.MJAuthBase }], null); })();
42
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserProfileComponent, { className: "UserProfileComponent", filePath: "src\\lib\\user-profile\\user-profile.component.ts", lineNumber: 10 }); })();
42
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserProfileComponent, { className: "UserProfileComponent", filePath: "src/lib/user-profile/user-profile.component.ts", lineNumber: 10 }); })();
package/package.json CHANGED
@@ -1,59 +1,59 @@
1
- {
2
- "name": "@memberjunction/ng-explorer-core",
3
- "version": "1.0.6",
4
- "description": "MemberJunction Explorer: Core Angular Components",
5
- "main": "./dist/public-api.js",
6
- "typings": "./dist/public-api.d.ts",
7
- "files": [
8
- "/dist"
9
- ],
10
- "scripts": {
11
- "test": "echo \"Error: no test specified\" && exit 1",
12
- "build": "ngc",
13
- "watch": "ngc -w"
14
- },
15
- "keywords": [],
16
- "author": "",
17
- "license": "ISC",
18
- "devDependencies": {
19
- "@angular/compiler": "~17.2.2",
20
- "@angular/compiler-cli": "~17.2.2"
21
- },
22
- "peerDependencies": {
23
- "@angular/common": "~17.2.2",
24
- "@angular/core": "~17.2.2",
25
- "@angular/forms": "~17.2.2",
26
- "@angular/router": "~17.2.2"
27
- },
28
- "dependencies": {
29
- "@memberjunction/global": "^1.0.6",
30
- "@memberjunction/core": "^1.0.6",
31
- "@memberjunction/ng-compare-records": "^1.0.6",
32
- "@memberjunction/ng-file-storage": "^1.0.6",
33
- "@memberjunction/ng-record-changes": "^1.0.6",
34
- "@memberjunction/ng-container-directives": "^1.0.6",
35
- "@memberjunction/ng-user-view-grid": "^1.0.6",
36
- "@memberjunction/ng-query-grid": "^1.0.6",
37
- "@memberjunction/ng-user-view-properties": "^1.0.6",
38
- "@memberjunction/ng-shared": "^1.0.6",
39
- "@memberjunction/ng-tabstrip": "^1.0.6",
40
- "@memberjunction/ng-ask-skip": "^1.0.6",
41
- "@memberjunction/ng-auth-services": "^1.0.6",
42
- "@memberjunction/ng-explorer-settings": "^1.0.6",
43
- "@memberjunction/ng-base-forms": "^1.0.6",
44
- "@progress/kendo-angular-grid": "~15.1.0",
45
- "@progress/kendo-angular-buttons": "~15.1.0",
46
- "@progress/kendo-angular-listview": "~15.1.0",
47
- "@progress/kendo-angular-notification": "~15.1.0",
48
- "@progress/kendo-angular-dialog": "~15.1.0",
49
- "@progress/kendo-angular-layout": "~15.1.0",
50
- "@progress/kendo-angular-label": "~15.1.0",
51
- "@progress/kendo-angular-sortable": "~15.1.0",
52
- "@progress/kendo-angular-charts": "~15.1.0",
53
- "@progress/kendo-angular-indicators": "~15.1.0",
54
- "@progress/kendo-angular-filter": "~15.1.0",
55
- "@progress/kendo-svg-icons": "~2.1.0",
56
- "tslib": "^2.3.0"
57
- },
58
- "sideEffects": false
59
- }
1
+ {
2
+ "name": "@memberjunction/ng-explorer-core",
3
+ "version": "1.0.7",
4
+ "description": "MemberJunction Explorer: Core Angular Components",
5
+ "main": "./dist/public-api.js",
6
+ "typings": "./dist/public-api.d.ts",
7
+ "files": [
8
+ "/dist"
9
+ ],
10
+ "scripts": {
11
+ "test": "echo \"Error: no test specified\" && exit 1",
12
+ "build": "ngc",
13
+ "watch": "ngc -w"
14
+ },
15
+ "keywords": [],
16
+ "author": "",
17
+ "license": "ISC",
18
+ "devDependencies": {
19
+ "@angular/compiler": "~17.2.2",
20
+ "@angular/compiler-cli": "~17.2.2"
21
+ },
22
+ "peerDependencies": {
23
+ "@angular/common": "~17.2.2",
24
+ "@angular/core": "~17.2.2",
25
+ "@angular/forms": "~17.2.2",
26
+ "@angular/router": "~17.2.2"
27
+ },
28
+ "dependencies": {
29
+ "@memberjunction/global": "^1.0.7",
30
+ "@memberjunction/core": "^1.0.7",
31
+ "@memberjunction/ng-compare-records": "^1.0.7",
32
+ "@memberjunction/ng-file-storage": "^1.0.7",
33
+ "@memberjunction/ng-record-changes": "^1.0.7",
34
+ "@memberjunction/ng-container-directives": "^1.0.7",
35
+ "@memberjunction/ng-user-view-grid": "^1.0.7",
36
+ "@memberjunction/ng-query-grid": "^1.0.7",
37
+ "@memberjunction/ng-user-view-properties": "^1.0.7",
38
+ "@memberjunction/ng-shared": "^1.0.7",
39
+ "@memberjunction/ng-tabstrip": "^1.0.7",
40
+ "@memberjunction/ng-ask-skip": "^1.0.7",
41
+ "@memberjunction/ng-auth-services": "^1.0.7",
42
+ "@memberjunction/ng-explorer-settings": "^1.0.7",
43
+ "@memberjunction/ng-base-forms": "^1.0.7",
44
+ "@progress/kendo-angular-grid": "~15.1.0",
45
+ "@progress/kendo-angular-buttons": "~15.1.0",
46
+ "@progress/kendo-angular-listview": "~15.1.0",
47
+ "@progress/kendo-angular-notification": "~15.1.0",
48
+ "@progress/kendo-angular-dialog": "~15.1.0",
49
+ "@progress/kendo-angular-layout": "~15.1.0",
50
+ "@progress/kendo-angular-label": "~15.1.0",
51
+ "@progress/kendo-angular-sortable": "~15.1.0",
52
+ "@progress/kendo-angular-charts": "~15.1.0",
53
+ "@progress/kendo-angular-indicators": "~15.1.0",
54
+ "@progress/kendo-angular-filter": "~15.1.0",
55
+ "@progress/kendo-svg-icons": "~2.1.0",
56
+ "tslib": "^2.3.0"
57
+ },
58
+ "sideEffects": false
59
+ }
@@ -1,87 +0,0 @@
1
- import { AfterViewInit, AfterViewChecked, OnInit, Renderer2, ElementRef, Injector, OnDestroy } from '@angular/core';
2
- import { Location } from '@angular/common';
3
- import { Router, ActivatedRoute } from '@angular/router';
4
- import { ConversationDetailEntity, ConversationEntity } from '@memberjunction/core-entities';
5
- import { Container } from '@memberjunction/ng-container-directives';
6
- import { SharedService } from '../../shared/shared.service';
7
- import { ListViewComponent } from '@progress/kendo-angular-listview';
8
- import * as i0 from "@angular/core";
9
- export declare class SkipColumnInfo {
10
- FieldName: string;
11
- DisplayName?: string;
12
- DataType: string;
13
- Description?: string;
14
- }
15
- export declare class SkipSQLResults {
16
- results: any[];
17
- sql: string;
18
- columns: SkipColumnInfo[];
19
- }
20
- export declare class SkipChartOptions {
21
- xAxis: string;
22
- xLabel: string;
23
- yAxis: string;
24
- yLabel: string;
25
- color?: string;
26
- yFormat?: string;
27
- }
28
- export declare class SkipData {
29
- SQLResults: SkipSQLResults;
30
- ReportTitle: string;
31
- DisplayType: string;
32
- ChartOptions: SkipChartOptions;
33
- DrillDownView?: string;
34
- DrillDownBaseViewField?: string;
35
- DrillDownReportValueField?: string;
36
- UserMessage?: string;
37
- ReportExplanation?: string;
38
- Analysis?: string;
39
- }
40
- export declare class AskSkipComponent implements OnInit, AfterViewInit, AfterViewChecked, OnDestroy {
41
- sharedService: SharedService;
42
- private renderer;
43
- private injector;
44
- private router;
45
- private route;
46
- private location;
47
- AllowSend: boolean;
48
- Messages: ConversationDetailEntity[];
49
- Conversations: ConversationEntity[];
50
- SelectedConversation: ConversationEntity | undefined;
51
- ConversationEditMode: boolean;
52
- askSkip: Container;
53
- askSkipPanel: ElementRef;
54
- conversationList: ListViewComponent;
55
- askSkipInput: any;
56
- constructor(sharedService: SharedService, renderer: Renderer2, injector: Injector, router: Router, route: ActivatedRoute, location: Location);
57
- private paramsSubscription;
58
- ngOnInit(): void;
59
- ngOnDestroy(): void;
60
- private _loaded;
61
- ngAfterViewInit(): void;
62
- private _scrollToBottom;
63
- ngAfterViewChecked(): void;
64
- protected loadConversations(conversationIdToLoad?: number | undefined): Promise<void>;
65
- private _oldConvoName;
66
- editConvo(conversation: ConversationEntity): void;
67
- cancelConvoEdit(conversation: ConversationEntity): void;
68
- saveConvoName(conversation: ConversationEntity): Promise<void>;
69
- deleteConvo(conversation: ConversationEntity): Promise<void>;
70
- protected createNewConversation(): Promise<void>;
71
- onEnter(event: any): void;
72
- selectConversation(conversation: ConversationEntity): Promise<void>;
73
- protected scrollToConversation(conversationId: number): void;
74
- sendSkipQuestion(): Promise<void>;
75
- private _detailHtml;
76
- createDetailHtml(detail: ConversationDetailEntity): any;
77
- scrollToBottom(): void;
78
- protected addReportToConversation(detail: ConversationDetailEntity, result: SkipData, messageId: number): void;
79
- userImage(): string | Blob;
80
- ExecuteAskSkipQuery(question: string, SelectedConversation: ConversationEntity | undefined): Promise<any>;
81
- protected DeleteConversation(ConversationID: number): Promise<boolean>;
82
- private _processingStatus;
83
- protected IsSkipProcessing(Conversation: ConversationEntity): boolean;
84
- protected runQuery(): Promise<void>;
85
- static ɵfac: i0.ɵɵFactoryDeclaration<AskSkipComponent, never>;
86
- static ɵcmp: i0.ɵɵComponentDeclaration<AskSkipComponent, "app-ask-skip", never, {}, {}, never, never, false, never>;
87
- }