@memberjunction/ng-explorer-core 0.9.227 → 0.9.231

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 (12) hide show
  1. package/dist/lib/data-browser-component/data-browser.component.js +1 -1
  2. package/dist/lib/favorites/favorites.component.js +2 -2
  3. package/dist/lib/generic-browser-list/generic-browser-list.component.js +3 -3
  4. package/dist/lib/header/header.component.js +17 -24
  5. package/dist/lib/home-component/home.component.js +11 -25
  6. package/dist/lib/navigation/navigation.component.js +10 -13
  7. package/dist/lib/single-dashboard/Components/add-item/add-item.component.js +17 -16
  8. package/dist/lib/single-dashboard/Components/delete-item/delete-item.component.js +3 -3
  9. package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js +2 -2
  10. package/dist/lib/single-entity/single-entity.component.js +20 -22
  11. package/dist/lib/user-notifications/user-notifications.component.js +2 -2
  12. package/package.json +16 -16
package/dist/lib/data-browser-component/data-browser.component.js CHANGED
@@ -84,6 +84,6 @@ DataBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataBr
84
84
  } }, dependencies: [i3.NgForOf, i3.NgIf, i4.LoaderComponent, i5.CardComponent, i5.CardBodyComponent, i5.CardTitleDirective, i5.CardSubtitleDirective], styles: [".data-browser-container[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%] {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] .card-item[_ngcontent-%COMP%]:hover .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n color: var(--border-active);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] h2[_ngcontent-%COMP%] {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\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}"] });
85
85
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataBrowserComponent, [{
86
86
  type: Component,
87
- args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Data Applications</h1>\r\n </div>\r\n </div>\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 class=\"card-item\" *ngFor=\"let app of applications\">\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=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></button>\r\n </div> \r\n </kendo-card-header> -->\r\n \r\n <kendo-card-body (click)=\"appItemClick(app)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h2 kendoCardTitle>{{ app.Name }}</h2>\r\n <p kendoCardSubtitle>{{ app.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".data-browser-container {\r\n padding: 10px;\r\n}\r\n.main-area .card-list .card-item {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area .card-list .card-item:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area .card-list .card-item:hover .view-card-content h2 {\r\n color: var(--border-active);\r\n }\r\n .view-card-content h2 {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content p {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper .k-card-body {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\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"] }]
87
+ args: [{ selector: 'app-data-browser', template: "<div class=\"data-browser-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Data Applications</h1>\r\n </div>\r\n </div>\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 class=\"card-item\" *ngFor=\"let app of applications\">\r\n <kendo-card class=\"card-wrapper\">\r\n <kendo-card-body (click)=\"appItemClick(app)\">\r\n <div class=\"view-card-content k-cursor-pointer\">\r\n <h2 kendoCardTitle>{{ app.Name }}</h2>\r\n <p kendoCardSubtitle>{{ app.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n</div>", styles: [".data-browser-container {\r\n padding: 10px;\r\n}\r\n.main-area .card-list .card-item {\r\n background: #fff;\r\n border-radius: 10px;\r\n height: 250px;\r\n border: 3px solid transparent;\r\n}\r\n\r\n.main-area .card-list .card-item:hover {\r\n border: 3px solid var(--border-active);\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n\r\n }\r\n .main-area .card-list .card-item:hover .view-card-content h2 {\r\n color: var(--border-active);\r\n }\r\n .view-card-content h2 {\r\n font-size: 36px;\r\n text-align: center;\r\n line-height: 42px;\r\n font-weight: 500;\r\n color: var(--text-darked);\r\n }\r\n .view-card-content p {\r\n text-align: center;\r\n font-size: 18px;\r\n line-height: 28px;\r\n color: var(--text-darked);\r\n }\r\n .card-wrapper {\r\n height: 100%;\r\n border: none;\r\n }\r\n .card-wrapper .k-card-body {\r\n display: flex;\r\n justify-content: center; \r\n align-items: center;\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"] }]
88
88
  }], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
89
89
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataBrowserComponent, { className: "DataBrowserComponent", filePath: "src\\lib\\data-browser-component\\data-browser.component.ts", lineNumber: 11 }); })();
package/dist/lib/favorites/favorites.component.js CHANGED
@@ -119,7 +119,7 @@ export class FavoritesComponent {
119
119
  }
120
120
  }
121
121
  FavoritesComponent.ɵfac = function FavoritesComponent_Factory(t) { return new (t || FavoritesComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
122
- FavoritesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FavoritesComponent, selectors: [["app-favorites"]], decls: 4, vars: 1, consts: [[1, "list-view", 3, "data"], [1, "entity-wrap"], ["kendoListViewHeaderTemplate", ""], ["kendoListViewItemTemplate", ""], [1, "header"], [1, "head-tag"], [1, "k-icon", "k-i-clock"], [1, "count"], [1, "list-item", 3, "click"]], template: function FavoritesComponent_Template(rf, ctx) { if (rf & 1) {
122
+ FavoritesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FavoritesComponent, selectors: [["app-favorites"]], decls: 4, vars: 1, consts: [[1, "list-view", 3, "data"], [1, "entity-wrap"], ["kendoListViewHeaderTemplate", ""], ["kendoListViewItemTemplate", ""], [1, "header"], [1, "head-tag"], [1, "fa-regular", "fa-clock"], [1, "count"], [1, "list-item", 3, "click"]], template: function FavoritesComponent_Template(rf, ctx) { if (rf & 1) {
123
123
  i0.ɵɵelementStart(0, "kendo-listview", 0);
124
124
  i0.ɵɵelementContainerStart(1, 1);
125
125
  i0.ɵɵtemplate(2, FavoritesComponent_ng_template_2_Template, 6, 1, "ng-template", 2)(3, FavoritesComponent_ng_template_3_Template, 4, 2, "ng-template", 3);
@@ -130,6 +130,6 @@ FavoritesComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Favorite
130
130
  } }, dependencies: [i2.ItemTemplateDirective, i2.HeaderTemplateDirective, i2.ListViewComponent], styles: [".favorites-list[_ngcontent-%COMP%] {\r\n width: 400px;\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}"] });
131
131
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FavoritesComponent, [{
132
132
  type: Component,
133
- args: [{ selector: 'app-favorites', template: "<kendo-listview\n [data]=\"favorites\"\n class=\"list-view\"\n>\n <ng-container class=\"entity-wrap\">\n <ng-template kendoListViewHeaderTemplate>\n <div class=\"header\"> \n <div class=\"head-tag\">\n <span class=\"k-icon k-i-clock\"></span>\n Favorites\n </div>\n <div class=\"count\">{{favorites.length}}</div>\n </div>\n </ng-template>\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n <div class=\"list-item\" (click)=\"favoriteItemClick(dataItem)\">\n <b>{{dataItem.Entity}}</b>: {{favoriteItemDisplayName(dataItem)}}\n </div>\n </ng-template>\n </ng-container>\n</kendo-listview>\n", styles: [".favorites-list {\r\n width: 400px;\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"] }]
133
+ args: [{ selector: 'app-favorites', template: "<kendo-listview\r\n [data]=\"favorites\"\r\n class=\"list-view\"\r\n>\r\n <ng-container class=\"entity-wrap\">\r\n <ng-template kendoListViewHeaderTemplate>\r\n <div class=\"header\"> \r\n <div class=\"head-tag\">\r\n <span class=\"fa-regular fa-clock\"></span>\r\n Favorites\r\n </div>\r\n <div class=\"count\">{{favorites.length}}</div>\r\n </div>\r\n </ng-template>\r\n <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\r\n <div class=\"list-item\" (click)=\"favoriteItemClick(dataItem)\">\r\n <b>{{dataItem.Entity}}</b>: {{favoriteItemDisplayName(dataItem)}}\r\n </div>\r\n </ng-template>\r\n </ng-container>\r\n</kendo-listview>\r\n", styles: [".favorites-list {\r\n width: 400px;\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"] }]
134
134
  }], () => [{ type: i1.Router }], null); })();
135
135
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FavoritesComponent, { className: "FavoritesComponent", filePath: "src\\lib\\favorites\\favorites.component.ts", lineNumber: 11 }); })();
package/dist/lib/generic-browser-list/generic-browser-list.component.js CHANGED
@@ -123,7 +123,7 @@ function GenericBrowserListComponent_kendo_dialog_21_Template(rf, ctx) { if (rf
123
123
  i0.ɵɵelementStart(7, "div", 49)(8, "button", 50);
124
124
  i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_21_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.onConfirmDeleteItem(false)); });
125
125
  i0.ɵɵelement(9, "span", 51);
126
- i0.ɵɵtext(10, " No, Cancel");
126
+ i0.ɵɵtext(10, " No, Cancel ");
127
127
  i0.ɵɵelementEnd();
128
128
  i0.ɵɵelementStart(11, "button", 52);
129
129
  i0.ɵɵlistener("click", function GenericBrowserListComponent_kendo_dialog_21_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r26); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.onConfirmDeleteItem(true)); });
@@ -546,7 +546,7 @@ export class GenericBrowserListComponent {
546
546
  }
547
547
  }
548
548
  GenericBrowserListComponent.ɵfac = function GenericBrowserListComponent_Factory(t) { return new (t || GenericBrowserListComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
549
- GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowserListComponent, selectors: [["app-generic-browser-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableAddButton: "disableAddButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList" }, outputs: { BeforeAddFolderEvent: "BeforeAddFolderEvent", BeforeAddItemEvent: "BeforeAddItemEvent", BeforeDeleteFolderEvent: "BeforeDeleteFolderEvent", BeforeDeleteItemEvent: "BeforeDeleteItemEvent", BeforeUpdateFolderEvent: "BeforeUpdateFolderEvent", BeforeUpdateItemEvent: "BeforeUpdateItemEvent", AfterAddFolderEvent: "AfterAddFolderEvent", AfterAddItemEvent: "AfterAddItemEvent", AfterDeleteFolderEvent: "AfterDeleteFolderEvent", AfterDeleteItemEvent: "AfterDeleteItemEvent", AfterUpdateFolderEvent: "AfterUpdateFolderEvent", AfterUpdateItemEvent: "AfterUpdateItemEvent", itemClickEvent: "itemClickEvent", backButtonClickEvent: "backButtonClickEvent", viewModeChangeEvent: "viewModeChangeEvent" }, decls: 24, vars: 9, consts: [[1, "generic-browser-list-container"], [1, "main-fav-wrapper"], [1, "title-wrapper"], ["themeColor", "info", 1, "custom-dropdwn", 3, "data", "itemClick"], [1, "fa-solid", "fa-plus"], [1, "search"], ["type", "text", "placeholder", "Search", "size", "large", "rounded", "large", "fillMode", "solid", 3, "clearButton", "keyup"], ["searchInput", ""], ["kendoTextBoxPrefixTemplate", "", 3, "showSeparator"], [1, "filter-wrapper"], ["kendobutton", "", 1, "cursor-pointer", "grid-btn", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-bars"], ["kendobutton", "", 1, "cursor-pointer", "active", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-table-cells-large"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [3, "minWidth", "width", "title", "close", 4, "ngIf"], ["title", "Create new Folder", "class", "dialog-wrapper", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "fa-solid", "fa-magnifying-glass", "margin-left-small"], ["type", "converging-spinner"], [3, "kendoGridBinding", "cellClick", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], [3, "kendoGridBinding", "cellClick"], ["field", "Name", "title", "Name"], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["title", ""], ["kendoGridCellTemplate", ""], [1, "grid-wrapper"], [1, "list-btn", 3, "click"], [1, "fa-regular", "fa-pen-to-square"], [1, "fa-regular", "fa-trash-can"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper", "cursor-pointer"], [1, "list-item-icon"], [3, "click"], ["class", "fa-3x fa-regular fa-folder", 4, "ngIf"], ["class", "fa-3x fa-solid fa-table-cells", 4, "ngIf"], [1, "padding-top-small"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], [1, "fa-3x", "fa-regular", "fa-folder"], [1, "fa-3x", "fa-solid", "fa-table-cells"], ["title", "Confirm", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions", "popup-actions-btn"], ["kendoButton", "", 1, "cancel-btn", 3, "click"], [1, "k-icon", "k-i-close"], ["kendoButton", "", "themeColor", "primary", 1, "yes-btn", 3, "click"], [1, "k-icon", "k-i-check"], [3, "minWidth", "width", "title", "close"], ["type", "text", "placeholder", "Search", 3, "keyup"], ["kendoButton", ""], ["kendoButton", "", "themeColor", "primary"], ["title", "Create new Folder", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], ["placeholder", "Enter a folder name", 3, "valueChange"], [1, "popup-actions-btn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 1, "yes-btn", 3, "click"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
549
+ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GenericBrowserListComponent, selectors: [["app-generic-browser-list"]], inputs: { showLoader: "showLoader", itemType: "itemType", title: "title", items: "items", iconName: "iconName", disableAddButton: "disableAddButton", addText: "addText", backText: "backText", ItemEntityName: "ItemEntityName", CategoryEntityName: "CategoryEntityName", selectedFolderID: "selectedFolderID", showNotifications: "showNotifications", categoryEntityID: "categoryEntityID", displayAsGrid: "displayAsGrid", resourceName: "resourceName", viewingResource: "viewingResource", displayItemsAsList: "displayItemsAsList" }, outputs: { BeforeAddFolderEvent: "BeforeAddFolderEvent", BeforeAddItemEvent: "BeforeAddItemEvent", BeforeDeleteFolderEvent: "BeforeDeleteFolderEvent", BeforeDeleteItemEvent: "BeforeDeleteItemEvent", BeforeUpdateFolderEvent: "BeforeUpdateFolderEvent", BeforeUpdateItemEvent: "BeforeUpdateItemEvent", AfterAddFolderEvent: "AfterAddFolderEvent", AfterAddItemEvent: "AfterAddItemEvent", AfterDeleteFolderEvent: "AfterDeleteFolderEvent", AfterDeleteItemEvent: "AfterDeleteItemEvent", AfterUpdateFolderEvent: "AfterUpdateFolderEvent", AfterUpdateItemEvent: "AfterUpdateItemEvent", itemClickEvent: "itemClickEvent", backButtonClickEvent: "backButtonClickEvent", viewModeChangeEvent: "viewModeChangeEvent" }, decls: 24, vars: 9, consts: [[1, "generic-browser-list-container"], [1, "main-fav-wrapper"], [1, "title-wrapper"], ["themeColor", "info", 1, "custom-dropdwn", 3, "data", "itemClick"], [1, "fa-solid", "fa-plus"], [1, "search"], ["type", "text", "placeholder", "Search", "size", "large", "rounded", "large", "fillMode", "solid", 3, "clearButton", "keyup"], ["searchInput", ""], ["kendoTextBoxPrefixTemplate", "", 3, "showSeparator"], [1, "filter-wrapper"], ["kendobutton", "", 1, "cursor-pointer", "grid-btn", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-bars"], ["kendobutton", "", 1, "cursor-pointer", "active", "btn-cmn", 3, "click"], [1, "fa-solid", "fa-table-cells-large"], [1, "main-area"], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["class", "dialog-wrapper", "title", "Confirm", 3, "minWidth", "width", "close", 4, "ngIf"], [3, "minWidth", "width", "title", "close", 4, "ngIf"], ["title", "Create new Folder", "class", "dialog-wrapper", 3, "minWidth", "width", "close", 4, "ngIf"], [1, "fa-solid", "fa-magnifying-glass", "margin-left-small"], ["type", "converging-spinner"], [3, "kendoGridBinding", "cellClick", 4, "ngIf"], ["class", "card-list k-d-flex k-flex-row k-h-full k-flex-wrap", 4, "ngIf"], [3, "kendoGridBinding", "cellClick"], ["field", "Name", "title", "Name"], ["field", "Size", "title", "Size"], ["field", "LastOpened", "title", "Last Opened"], ["field", "ModifiedBy", "title", "Modified By"], ["title", ""], ["kendoGridCellTemplate", ""], [1, "grid-wrapper"], [1, "list-btn", 3, "click"], [1, "fa-regular", "fa-pen-to-square"], [1, "fa-regular", "fa-trash-can"], [1, "card-list", "k-d-flex", "k-flex-row", "k-h-full", "k-flex-wrap"], [4, "ngFor", "ngForOf"], [1, "card-wrapper", "cursor-pointer"], [1, "list-item-icon"], [3, "click"], ["class", "fa-3x fa-regular fa-folder", 4, "ngIf"], ["class", "fa-3x fa-solid fa-table-cells", 4, "ngIf"], [1, "padding-top-small"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], [1, "fa-3x", "fa-regular", "fa-folder"], [1, "fa-3x", "fa-solid", "fa-table-cells"], ["title", "Confirm", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions", "popup-actions-btn"], ["kendoButton", "", 1, "cancel-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], ["kendoButton", "", "themeColor", "primary", 1, "yes-btn", 3, "click"], [1, "fa-solid", "fa-check"], [3, "minWidth", "width", "title", "close"], ["type", "text", "placeholder", "Search", 3, "keyup"], ["kendoButton", ""], ["kendoButton", "", "themeColor", "primary"], ["title", "Create new Folder", 1, "dialog-wrapper", 3, "minWidth", "width", "close"], ["placeholder", "Enter a folder name", 3, "valueChange"], [1, "popup-actions-btn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 1, "yes-btn", 3, "click"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click"]], template: function GenericBrowserListComponent_Template(rf, ctx) { if (rf & 1) {
550
550
  const _r37 = i0.ɵɵgetCurrentView();
551
551
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h4");
552
552
  i0.ɵɵtext(4);
@@ -595,7 +595,7 @@ GenericBrowserListComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
595
595
  } }, dependencies: [i3.NgForOf, i3.NgIf, i4.GridComponent, i4.DataBindingDirective, i4.ColumnComponent, i4.CellTemplateDirective, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i7.DropDownButtonComponent, i8.TextBoxComponent, i8.TextBoxPrefixTemplateDirective, i9.CardComponent, i9.CardBodyComponent, i9.CardTitleDirective, i9.CardSubtitleDirective], styles: [".card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] h4[_ngcontent-%COMP%] {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] input[_ngcontent-%COMP%] {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper[_ngcontent-%COMP%] .search[_ngcontent-%COMP%] svg[_ngcontent-%COMP%] {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn[_ngcontent-%COMP%] {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active[_ngcontent-%COMP%] {\r\n border: 1px solid var(--border-blue);\r\n}\r\n .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn[_ngcontent-%COMP%] {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn[_ngcontent-%COMP%]:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small[_ngcontent-%COMP%] {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n}", ".main-area[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view[_ngcontent-%COMP%] {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n .list-view .k-listview-header, .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header[_ngcontent-%COMP%] .head-tag[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header[_ngcontent-%COMP%] .count[_ngcontent-%COMP%] {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer[_ngcontent-%COMP%] {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card[_ngcontent-%COMP%] .view-icon[_ngcontent-%COMP%] {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .k-card-body[_ngcontent-%COMP%] {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper[_ngcontent-%COMP%] .view-card[_ngcontent-%COMP%] {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card[_ngcontent-%COMP%] .btn-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] h5[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body[_ngcontent-%COMP%] .view-card-content[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container[_ngcontent-%COMP%] {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] h1[_ngcontent-%COMP%] {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity[_ngcontent-%COMP%] .title-wrap[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area[_ngcontent-%COMP%] .card-list[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}"] });
596
596
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GenericBrowserListComponent, [{
597
597
  type: Component,
598
- args: [{ selector: 'app-generic-browser-list', template: "\r\n<div class=\"generic-browser-list-container\">\r\n <div class=\"main-fav-wrapper\">\r\n <div class=\"title-wrapper\">\r\n <h4>{{title}}</h4>\r\n <kendo-dropdownbutton class=\"custom-dropdwn\" (itemClick)=\"onDropdownItemClick($event)\" [data]=\"data\" themeColor=\"info\">\r\n <span class=\"fa-solid fa-plus\"></span>\r\n Create New\r\n </kendo-dropdownbutton>\r\n </div>\r\n <div class=\"title-wrapper\">\r\n <div class=\"search\">\r\n <kendo-textbox \r\n type=\"text\" \r\n #searchInput \r\n placeholder=\"Search\" \r\n (keyup)=\"onKeyup(searchInput.value)\"\r\n [clearButton]=\"true\"\r\n size=\"large\"\r\n rounded=\"large\"\r\n fillMode=\"solid\"\r\n >\r\n <ng-template kendoTextBoxPrefixTemplate [showSeparator]=\"true\">\r\n <span class=\"fa-solid fa-magnifying-glass margin-left-small\"></span>\r\n </ng-template>\r\n </kendo-textbox>\r\n </div>\r\n <div class=\"filter-wrapper\">\r\n <!--\r\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\r\n Sort By Recents\r\n </kendo-dropdownbutton>\r\n -->\r\n <button kendobutton (click)=\"changeViewMode('grid')\" class=\"cursor-pointer grid-btn btn-cmn\">\r\n <span class=\"fa-solid fa-bars\"></span>\r\n </button>\r\n <button kendobutton (click)=\"changeViewMode('list')\" class=\"cursor-pointer active btn-cmn\">\r\n <span class=\"fa-solid fa-table-cells-large\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div *ngIf=\"!showLoader\">\r\n <kendo-grid *ngIf=\"displayAsGrid\" (cellClick)=\"onCellItemClicked($event)\" [kendoGridBinding]=\"items\">\r\n <kendo-grid-column field=\"Name\" title=\"Name\"></kendo-grid-column>\r\n <kendo-grid-column field=\"Size\" title=\"Size\"></kendo-grid-column>\r\n <kendo-grid-column field=\"LastOpened\" title=\"Last Opened\"></kendo-grid-column>\r\n <kendo-grid-column field=\"ModifiedBy\" title=\"Modified By\"></kendo-grid-column>\r\n <kendo-grid-column title=\"\">\r\n <ng-template kendoGridCellTemplate let-dataItem>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"list-btn\" (click)=\"editItem(dataItem)\">\r\n <i class=\"fa-regular fa-pen-to-square\"></i>\r\n </button>\r\n <button class=\"list-btn\" (click)=\"deleteItem(dataItem)\">\r\n <i class=\"fa-regular fa-trash-can\"></i>\r\n </button>\r\n </div>\r\n </ng-template>\r\n </kendo-grid-column>\r\n </kendo-grid>\r\n <div *ngIf=\"!displayAsGrid\" class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\">\r\n <div *ngFor=\"let d of items\">\r\n <kendo-card class=\"card-wrapper cursor-pointer\">\r\n <div class=\"list-item-icon\">\r\n <button (click)=\"editItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-pen-to-square\"></span>\r\n </button>\r\n <button (click)=\"deleteItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-trash-can\"></span>\r\n </button>\r\n </div>\r\n <kendo-card-body (click)=\"itemClick(d)\">\r\n <span *ngIf=\"d.Type === 'Folder'\" class=\"fa-3x fa-regular fa-folder\"></span>\r\n <span *ngIf=\"d.Type !== 'Folder'\" class=\"fa-3x fa-solid fa-table-cells\"></span>\r\n <div class=\"padding-top-small\">\r\n <h5 kendoCardTitle>{{ d.Name }}</h5>\r\n <p kendoCardSubtitle>{{ d.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog \r\n [minWidth]=\"450\"\r\n [width]=\"650\"\r\n class=\"dialog-wrapper\" title=\"Confirm\" *ngIf=\"deleteDialogOpened\" (close)=\"onConfirmDeleteItem(false)\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div [class]=\"showLoader ? 'disabled-div' : ''\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedItem?.Name}}</b>\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions popup-actions-btn\">\r\n <button class=\"cancel-btn\" kendoButton (click)=\"onConfirmDeleteItem(false)\"><span class=\"k-icon k-i-close\"></span> No, Cancel</button>\r\n <button class=\"yes-btn\" kendoButton (click)=\"onConfirmDeleteItem(true)\" themeColor=\"primary\">\r\n <span class=\"k-icon k-i-check\"></span> Yes, Delete\r\n </button>\r\n </div>\r\n </div>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n\r\n [minWidth]=\"450\"\r\n [width]=\"600\"\r\n [title]=\"getCopyFromTitle()\" \r\n *ngIf=\"copyFromDialogOpened\" \r\n (close)=\"toggleCopyFromView()\"\r\n >\r\n <div class=\"search\">\r\n <input type=\"text\" placeholder=\"Search\" (keyup)=\"onKeyup(searchInput.value)\"/>\r\n </div>\r\n <kendo-dialog-actions>\r\n <button kendoButton>\r\n Cancel\r\n </button>\r\n <button kendoButton themeColor=\"primary\">\r\n Create new {{resourceName}}\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n title=\"Create new Folder\" \r\n *ngIf=\"createFolderDialogOpened\" \r\n (close)=\"toggleCreateFolderView()\"\r\n [minWidth]=\"250\"\r\n [width]=\"450\"\r\n class=\"dialog-wrapper\"\r\n >\r\n <div class=\"search\">\r\n <kendo-textbox placeholder=\"Enter a folder name\" (valueChange)=\"onCreateFolderKeyup($event)\"/>\r\n </div>\r\n <kendo-dialog-actions class=\" popup-actions-btn\">\r\n <button class=\"yes-btn\" fillMode=\"outline\" themeColor=\"info\" (click)=\"toggleCreateFolderView()\" kendoButton>\r\n Cancel\r\n </button>\r\n <button class=\"cancel-btn\" (click)=\"createFolder()\" kendoButton themeColor=\"info\">\r\n Create\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n</div>\r\n", styles: ["::ng-deep .card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n ::ng-deep .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper .search input {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper .search {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper .search svg {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, ::ng-deep .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active {\r\n border: 1px solid var(--border-blue);\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n::ng-deep .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap span {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n::ng-deep .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n::ng-deep .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n::ng-deep .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer {\r\n cursor: pointer;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
598
+ args: [{ selector: 'app-generic-browser-list', template: "\r\n<div class=\"generic-browser-list-container\">\r\n <div class=\"main-fav-wrapper\">\r\n <div class=\"title-wrapper\">\r\n <h4>{{title}}</h4>\r\n <kendo-dropdownbutton class=\"custom-dropdwn\" (itemClick)=\"onDropdownItemClick($event)\" [data]=\"data\" themeColor=\"info\">\r\n <span class=\"fa-solid fa-plus\"></span>\r\n Create New\r\n </kendo-dropdownbutton>\r\n </div>\r\n <div class=\"title-wrapper\">\r\n <div class=\"search\">\r\n <kendo-textbox \r\n type=\"text\" \r\n #searchInput \r\n placeholder=\"Search\" \r\n (keyup)=\"onKeyup(searchInput.value)\"\r\n [clearButton]=\"true\"\r\n size=\"large\"\r\n rounded=\"large\"\r\n fillMode=\"solid\"\r\n >\r\n <ng-template kendoTextBoxPrefixTemplate [showSeparator]=\"true\">\r\n <span class=\"fa-solid fa-magnifying-glass margin-left-small\"></span>\r\n </ng-template>\r\n </kendo-textbox>\r\n </div>\r\n <div class=\"filter-wrapper\">\r\n <!--\r\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\r\n Sort By Recents\r\n </kendo-dropdownbutton>\r\n -->\r\n <button kendobutton (click)=\"changeViewMode('grid')\" class=\"cursor-pointer grid-btn btn-cmn\">\r\n <span class=\"fa-solid fa-bars\"></span>\r\n </button>\r\n <button kendobutton (click)=\"changeViewMode('list')\" class=\"cursor-pointer active btn-cmn\">\r\n <span class=\"fa-solid fa-table-cells-large\"></span>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"main-area\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div *ngIf=\"!showLoader\">\r\n <kendo-grid *ngIf=\"displayAsGrid\" (cellClick)=\"onCellItemClicked($event)\" [kendoGridBinding]=\"items\">\r\n <kendo-grid-column field=\"Name\" title=\"Name\"></kendo-grid-column>\r\n <kendo-grid-column field=\"Size\" title=\"Size\"></kendo-grid-column>\r\n <kendo-grid-column field=\"LastOpened\" title=\"Last Opened\"></kendo-grid-column>\r\n <kendo-grid-column field=\"ModifiedBy\" title=\"Modified By\"></kendo-grid-column>\r\n <kendo-grid-column title=\"\">\r\n <ng-template kendoGridCellTemplate let-dataItem>\r\n <div class=\"grid-wrapper\">\r\n <button class=\"list-btn\" (click)=\"editItem(dataItem)\">\r\n <i class=\"fa-regular fa-pen-to-square\"></i>\r\n </button>\r\n <button class=\"list-btn\" (click)=\"deleteItem(dataItem)\">\r\n <i class=\"fa-regular fa-trash-can\"></i>\r\n </button>\r\n </div>\r\n </ng-template>\r\n </kendo-grid-column>\r\n </kendo-grid>\r\n <div *ngIf=\"!displayAsGrid\" class=\"card-list k-d-flex k-flex-row k-h-full k-flex-wrap\">\r\n <div *ngFor=\"let d of items\">\r\n <kendo-card class=\"card-wrapper cursor-pointer\">\r\n <div class=\"list-item-icon\">\r\n <button (click)=\"editItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-pen-to-square\"></span>\r\n </button>\r\n <button (click)=\"deleteItem(d)\" class=\"list-btn\">\r\n <span class=\"fa-regular fa-trash-can\"></span>\r\n </button>\r\n </div>\r\n <kendo-card-body (click)=\"itemClick(d)\">\r\n <span *ngIf=\"d.Type === 'Folder'\" class=\"fa-3x fa-regular fa-folder\"></span>\r\n <span *ngIf=\"d.Type !== 'Folder'\" class=\"fa-3x fa-solid fa-table-cells\"></span>\r\n <div class=\"padding-top-small\">\r\n <h5 kendoCardTitle>{{ d.Name }}</h5>\r\n <p kendoCardSubtitle>{{ d.Description }}</p>\r\n </div>\r\n </kendo-card-body>\r\n </kendo-card>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <kendo-dialog \r\n [minWidth]=\"450\"\r\n [width]=\"650\"\r\n class=\"dialog-wrapper\" title=\"Confirm\" *ngIf=\"deleteDialogOpened\" (close)=\"onConfirmDeleteItem(false)\">\r\n <kendo-loader *ngIf=\"showLoader\" type=\"converging-spinner\"></kendo-loader>\r\n <div [class]=\"showLoader ? 'disabled-div' : ''\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{selectedItem?.Name}}</b>\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions popup-actions-btn\">\r\n <button class=\"cancel-btn\" kendoButton (click)=\"onConfirmDeleteItem(false)\">\r\n <span class=\"fa-solid fa-xmark\"></span> No, Cancel\r\n </button>\r\n <button class=\"yes-btn\" kendoButton (click)=\"onConfirmDeleteItem(true)\" themeColor=\"primary\">\r\n <span class=\"fa-solid fa-check\"></span> Yes, Delete\r\n </button>\r\n </div>\r\n </div>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n\r\n [minWidth]=\"450\"\r\n [width]=\"600\"\r\n [title]=\"getCopyFromTitle()\" \r\n *ngIf=\"copyFromDialogOpened\" \r\n (close)=\"toggleCopyFromView()\"\r\n >\r\n <div class=\"search\">\r\n <input type=\"text\" placeholder=\"Search\" (keyup)=\"onKeyup(searchInput.value)\"/>\r\n </div>\r\n <kendo-dialog-actions>\r\n <button kendoButton>\r\n Cancel\r\n </button>\r\n <button kendoButton themeColor=\"primary\">\r\n Create new {{resourceName}}\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n <kendo-dialog \r\n title=\"Create new Folder\" \r\n *ngIf=\"createFolderDialogOpened\" \r\n (close)=\"toggleCreateFolderView()\"\r\n [minWidth]=\"250\"\r\n [width]=\"450\"\r\n class=\"dialog-wrapper\"\r\n >\r\n <div class=\"search\">\r\n <kendo-textbox placeholder=\"Enter a folder name\" (valueChange)=\"onCreateFolderKeyup($event)\"/>\r\n </div>\r\n <kendo-dialog-actions class=\" popup-actions-btn\">\r\n <button class=\"yes-btn\" fillMode=\"outline\" themeColor=\"info\" (click)=\"toggleCreateFolderView()\" kendoButton>\r\n Cancel\r\n </button>\r\n <button class=\"cancel-btn\" (click)=\"createFolder()\" kendoButton themeColor=\"info\">\r\n Create\r\n </button>\r\n </kendo-dialog-actions>\r\n </kendo-dialog>\r\n</div>\r\n", styles: ["::ng-deep .card-header-entity .title-wrap h1 {\r\n margin: 0 !important;\r\n font-size: 36px !important;\r\n line-height: 42px !important;\r\n color: var(--black) !important;\r\n}\r\n ::ng-deep .card-header-entity .add-item .k-button {\r\n border: 1px solid var(--border-blue) !important;\r\n background: var(--white-color) !important;\r\n color: var(--border-blue);\r\n font-weight: 500 ;\r\n font-size: 16px ;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover {\r\n background: var(--border-blue) !important;\r\n color: var(--white-color);\r\n}\r\n::ng-deep .card-header-entity .add-item .k-button:hover .k-button-text svg path {\r\n fill: var(--white-color) !important;\r\n}\r\n .title-wrapper {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 14px 0;\r\n border-bottom: 1px solid var(--med-gray);\r\n}\r\n .title-wrapper h4 {\r\n margin: 0;\r\n font-size: 24px;\r\n line-height: 28px;\r\n }\r\n .main-fav-wrapper {\r\n background: #fff;\r\n padding: 20px;\r\n }\r\n .filter-wrapper {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 14px;\r\n align-items: center;\r\n}\r\n .title-wrapper .search input {\r\n width: 100%;\r\n height: 100%;\r\n font-size: 16px;\r\n background: transparent;\r\n border: none;\r\n box-sizing: border-box;\r\n padding-left: 40px;\r\n\r\n }\r\n .title-wrapper .search {\r\n background: var(--light-shade);\r\n width: 360px;\r\n height: 44px;\r\n position: relative;\r\n border-radius: 10px;\r\n }\r\n .title-wrapper .search svg {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n left: 12px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button {\r\n background: var(--border-blue);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n border: none;\r\n padding: 8px 25px;\r\n border-radius: 10px;\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .k-dropdown-button .k-button .k-button-text, ::ng-deep .card-header-entity .add-item .k-button .k-button-text {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n.btn-cmn {\r\n width: 44px;\r\n height: 44px;\r\n min-width: 44px;\r\n background: transparent;\r\n border-radius: 8px;\r\n border: 1px solid var(--gray-color);\r\n}\r\n.btn-cmn.active {\r\n border: 1px solid var(--border-blue);\r\n}\r\n::ng-deep .main-fav-wrapper .title-wrapper .filter-wrapper .k-dropdown-button .k-button {\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; padding: 10px 25px;\r\n background: var(--white-color);\r\n color: var(--sideNav);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body {\r\n padding: 16px !important;\r\n position: relative;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon {\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n top:12px;\r\n right: 12px;\r\n z-index: 9;\r\n}\r\n.grid-wrapper {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .list-item-icon .common-btn, .list-btn {\r\n width: 38px;\r\n height: 38px;\r\n background: #000;\r\n min-width: 38px;\r\n border: 1px solid var(--gray-color);\r\n border-radius: 8px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background: transparent;\r\n cursor: pointer;\r\n}\r\n::ng-deep .main-fav-wrapper .main-area .card-list .card-wrapper .k-card-body .list-item-icon:hover, .list-btn:hover {\r\n border: 1px solid var(--border-active);\r\n}\r\n\r\n\r\n::ng-deep .main-area .card-list .card-wrapper:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border: 1px solid var(--border-active);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper:hover .k-card-body .view-card-content-list h5 {\r\n color: var(--border-blue);\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list p {\r\n color: var(--sideNav);\r\n font-size: 14px;\r\n line-height: 16px;\r\n height: auto;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n\r\n}\r\n::ng-deep .main-area .card-list .card-wrapper .k-card-body .view-card-content-list h5 {\r\n font-size: 18px;\r\n line-height: 21px;\r\n color: var(--text-darked);\r\n font-weight: 600;\r\n}\r\n.breadcrumb-wrap {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 12px 0;\r\n}\r\n.breadcrumb-wrap span {\r\n font-size: 16px;\r\n line-height: 18px;\r\n font-weight: 400;\r\n color: var(--black);\r\n}\r\n::ng-deep .k-menu-popup {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n border-radius: 10px;\r\n padding: 16px;\r\n}\r\n\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link {\r\n box-shadow: none !important;\r\n} \r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link:active {\r\n background: transparent !important;\r\n}\r\n::ng-deep .k-menu-popup kendo-button-list ul li .k-menu-link .k-menu-link-text:hover {\r\n color: var(--primary-color);\r\n background: transparent !important;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn button {\r\n flex: 1;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn {\r\n display: flex;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .cancel-btn {\r\n background: var(--primary-color);\r\n color: var(--white-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n border: 1px solid transparent;\r\n\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn {\r\n border:1px solid var(--primary-color);\r\n background: transparent;\r\n color: var(--primary-color);\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 34px;\r\n text-align: center;\r\n border-radius: 10px;\r\n box-shadow: none;\r\n}\r\n::ng-deep .dialog-wrapper .popup-actions-btn .yes-btn:focus {\r\n box-shadow: none !important;\r\n}\r\n::ng-deep .dialog-wrapper .k-window-title {\r\n font-size: 30px;\r\n font-weight: 500;\r\n line-height: 36px;\r\n text-align: left;\r\n color: var(--text-darked);\r\n}\r\n::ng-deep .dialog-wrapper p {\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n text-align: left;\r\n color: var(--black);\r\n}\r\n\r\n.margin-left-small {\r\n margin-left: 10px;\r\n}\r\n\r\n.card-wrapper {\r\n min-width: 230px;\r\n height: 150px;\r\n min-height: 125px;\r\n}\r\n\r\n.padding-top-small {\r\n padding-top: 10px;\r\n}\r\n\r\n.cursor-pointer {\r\n cursor: pointer;\r\n}", "\r\n.main-area {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n gap: 24px;\r\n padding: 24px 0;\r\n}\r\n.list-view {\r\n padding: 16px;\r\n min-width: 300px;\r\n border-radius: 4px;\r\n background: #FAFAFA;\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-header, \r\n::ng-deep .list-view .k-listview-footer {\r\n border: none;\r\n}\r\n::ng-deep .list-view .k-listview-content {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 4px;\r\n background: #fff;\r\n padding: 16px;\r\n}\r\n\r\n.header,\r\n.footer {\r\n color: #424242;\r\n font-size: 16px;\r\n height: auto;\r\n margin:0;\r\n}\r\n\r\n.header {\r\n color: #424242;\r\n margin-bottom: 16px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n.header .head-tag {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 20px;\r\n}\r\n\r\n.header .count {\r\n width: 24px;\r\n height: 24px;\r\n min-width: 24px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n background: rgba(0, 0, 0, 0.08);\r\n border-radius: 50%;\r\n}\r\n.footer {\r\n font-size: 14px;\r\n margin-top: 16px;\r\n}\r\n\r\n.list-item {\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 30px;\r\n cursor: pointer;\r\n margin: 4px;\r\n}\r\n.card-container {\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n\r\n\r\n\r\n\r\n \r\n.view-card .view-icon {\r\n color: var(--sideNav);\r\n}\r\n.card-wrapper {\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n border-radius: 6px;\r\n width: 100% !important;\r\n}\r\n.card-wrapper .k-card-body {\r\n background: #fff;\r\n padding: 12px 20px;\r\n}\r\n.card-wrapper .view-card {\r\n overflow: auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n background: #fafafa;\r\n padding: 4px 15px;\r\n}\r\n.view-card .btn-wrapper {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.k-card-body .view-card-content h5 {\r\n color: #424242;\r\n font-size: 16px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n margin-bottom: 0;\r\n letter-spacing: 0.18px;\r\n}\r\n.k-card-body .view-card-content p {\r\n color: #666;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n height: 48px;\r\n margin-bottom: 0;\r\n}\r\n.card-container {\r\n padding: 0;\r\n margin: 0;\r\n box-shadow: none;\r\n}\r\n.card-header-entity {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n padding-bottom: 20px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.card-header-entity .title-wrap h1 {\r\n color: #424242;\r\n font-size: 28px;\r\n font-style: normal;\r\n font-weight: 300;\r\n line-height: 28px;\r\n margin-bottom: 15px;\r\n}\r\n.card-header-entity .title-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.card-header-entity .title-wrap p {\r\n margin: 0;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #424242;\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 400;\r\n line-height: 20px;\r\n}\r\n.main-area .card-list {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n}\r\n"] }]
599
599
  }], () => [{ type: i1.SharedService }, { type: i2.Router }], { showLoader: [{
600
600
  type: Input
601
601
  }], itemType: [{
package/dist/lib/header/header.component.js CHANGED
@@ -20,12 +20,11 @@ import * as i4 from "@angular/router";
20
20
  import * as i5 from "@angular/common";
21
21
  import * as i6 from "@angular/forms";
22
22
  import * as i7 from "@progress/kendo-angular-inputs";
23
- import * as i8 from "@progress/kendo-angular-icons";
24
- import * as i9 from "@progress/kendo-angular-layout";
25
- import * as i10 from "@progress/kendo-angular-dropdowns";
23
+ import * as i8 from "@progress/kendo-angular-layout";
24
+ import * as i9 from "@progress/kendo-angular-dropdowns";
26
25
  const _c0 = ["searchInput"];
27
26
  function HeaderComponent_span_18_Template(rf, ctx) { if (rf & 1) {
28
- i0.ɵɵelementStart(0, "span", 20);
27
+ i0.ɵɵelementStart(0, "span", 22);
29
28
  i0.ɵɵtext(1);
30
29
  i0.ɵɵelementEnd();
31
30
  } if (rf & 2) {
@@ -153,10 +152,10 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
153
152
  let _t;
154
153
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
155
154
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityDropdown = _t.first);
156
- } }, inputs: { applicationName: "applicationName", applicationInstance: "applicationInstance" }, outputs: { toggle: "toggle" }, decls: 23, vars: 9, consts: [[1, "header-wrap"], [1, "header", "header-bg"], [1, "nav-container"], [1, "menu-button"], [1, "k-icon", 3, "click"], [3, "icon"], [1, "title"], ["kendoCardMedia", "", "src", "assets/MJ_logo.svg", "height", "45px", 1, "app-logo"], [1, "user-info-wrapper"], [1, "search-wrapper"], ["textField", "Name", "valueField", "ID", 1, "search-entity-list", 3, "data", "ngModel", "ngModelChange"], ["type", "text", "id", "txtSearch", "placeholder", "Search", "kendoTextBox", "", 3, "keydown.enter"], ["searchInput", ""], [1, "icon-inbox", 3, "click"], [1, "k-icon", 2, "cursor", "pointer"], ["class", "notification", 4, "ngIf"], [1, "user-info"], ["shape", "circle", 1, "k-m-0", 2, "margin", "0", 3, "imageSrc"], [1, "example-col"], [3, "data", "value", "valueChange"], [1, "notification"]], template: function HeaderComponent_Template(rf, ctx) { if (rf & 1) {
155
+ } }, inputs: { applicationName: "applicationName", applicationInstance: "applicationInstance" }, outputs: { toggle: "toggle" }, decls: 23, vars: 6, consts: [[1, "header-wrap"], [1, "header", "header-bg"], [1, "nav-container"], [1, "menu-button"], [1, "k-icon", 3, "click"], [1, "fa-solid", "fa-bars", "fa-xl"], [1, "title"], ["kendoCardMedia", "", "src", "assets/MJ_logo.svg", "height", "45px", 1, "app-logo"], [1, "user-info-wrapper"], [1, "search-wrapper"], ["textField", "Name", "valueField", "ID", 1, "search-entity-list", 3, "data", "ngModel", "ngModelChange"], ["type", "text", "id", "txtSearch", "placeholder", "Search", "kendoTextBox", "", 3, "keydown.enter"], ["searchInput", ""], [1, "fa-solid", "fa-magnifying-glass"], [1, "icon-inbox", 3, "click"], [1, "k-icon", 2, "cursor", "pointer"], [1, "fa-solid", "fa-inbox", "fa-xl"], ["class", "notification", 4, "ngIf"], [1, "user-info"], ["shape", "circle", 1, "k-m-0", 2, "margin", "0", 3, "imageSrc"], [1, "example-col"], [3, "data", "value", "valueChange"], [1, "notification"]], template: function HeaderComponent_Template(rf, ctx) { if (rf & 1) {
157
156
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "span", 4);
158
157
  i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_4_listener() { return ctx.onButtonClick(); });
159
- i0.ɵɵelement(5, "kendo-svgicon", 5);
158
+ i0.ɵɵelement(5, "span", 5);
160
159
  i0.ɵɵelementEnd()();
161
160
  i0.ɵɵelementStart(6, "div", 6);
162
161
  i0.ɵɵelement(7, "img", 7);
@@ -169,40 +168,34 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
169
168
  i0.ɵɵelementEnd();
170
169
  i0.ɵɵelementStart(13, "span", 4);
171
170
  i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_13_listener($event) { return ctx.onSearch($event); });
172
- i0.ɵɵelement(14, "kendo-svgicon", 5);
171
+ i0.ɵɵelement(14, "span", 13);
173
172
  i0.ɵɵelementEnd()();
174
- i0.ɵɵelementStart(15, "div", 13);
173
+ i0.ɵɵelementStart(15, "div", 14);
175
174
  i0.ɵɵlistener("click", function HeaderComponent_Template_div_click_15_listener($event) { return ctx.showNotifications($event); });
176
- i0.ɵɵelementStart(16, "span", 14);
177
- i0.ɵɵelement(17, "kendo-svgicon", 5);
175
+ i0.ɵɵelementStart(16, "span", 15);
176
+ i0.ɵɵelement(17, "span", 16);
178
177
  i0.ɵɵelementEnd();
179
- i0.ɵɵtemplate(18, HeaderComponent_span_18_Template, 2, 1, "span", 15);
178
+ i0.ɵɵtemplate(18, HeaderComponent_span_18_Template, 2, 1, "span", 17);
180
179
  i0.ɵɵelementEnd();
181
- i0.ɵɵelementStart(19, "div", 16);
182
- i0.ɵɵelement(20, "kendo-avatar", 17);
183
- i0.ɵɵelementStart(21, "div", 18)(22, "kendo-dropdownlist", 19);
180
+ i0.ɵɵelementStart(19, "div", 18);
181
+ i0.ɵɵelement(20, "kendo-avatar", 19);
182
+ i0.ɵɵelementStart(21, "div", 20)(22, "kendo-dropdownlist", 21);
184
183
  i0.ɵɵlistener("valueChange", function HeaderComponent_Template_kendo_dropdownlist_valueChange_22_listener($event) { return ctx.valueChange($event); });
185
184
  i0.ɵɵelementEnd()()()()()()();
186
185
  } if (rf & 2) {
187
- i0.ɵɵadvance(5);
188
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("menu"));
189
- i0.ɵɵadvance(5);
186
+ i0.ɵɵadvance(10);
190
187
  i0.ɵɵproperty("data", ctx.searchableEntities);
191
188
  i0.ɵɵtwoWayProperty("ngModel", ctx.selectedEntity);
192
- i0.ɵɵadvance(4);
193
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("search"));
194
- i0.ɵɵadvance(3);
195
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("inbox"));
196
- i0.ɵɵadvance();
189
+ i0.ɵɵadvance(8);
197
190
  i0.ɵɵproperty("ngIf", ctx.UnreadNotificationCount > 0);
198
191
  i0.ɵɵadvance(2);
199
192
  i0.ɵɵproperty("imageSrc", ctx.userImageURL);
200
193
  i0.ɵɵadvance(2);
201
194
  i0.ɵɵproperty("data", ctx.menuItems)("value", ctx.selectedMenuItem);
202
- } }, dependencies: [i5.NgIf, i6.NgControlStatus, i6.NgModel, i7.TextBoxDirective, i8.SVGIconComponent, i9.AvatarComponent, i9.CardMediaDirective, i10.DropDownListComponent], styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap[_ngcontent-%COMP%] {\r\n flex: auto;\r\n}\r\n\r\n.title[_ngcontent-%COMP%] {\r\n font-size: x-large; \r\n}\r\n.app-logo[_ngcontent-%COMP%] {\r\n width: 297px;\r\n}\r\n.user-info[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info[_ngcontent-%COMP%] kendo-dropdownlist[_ngcontent-%COMP%] {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] {\r\n position: relative;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\r\n.user-info-wrapper[_ngcontent-%COMP%] .header[_ngcontent-%COMP%] .k-avatar[_ngcontent-%COMP%] {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n .search-wrapper #txtSearch::placeholder, .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-dropdownlist[_ngcontent-%COMP%] {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input[_ngcontent-%COMP%] {\r\n color: black;\r\n}\r\n\r\n\r\n\n\r\n@media (max-width: 1700px) {\r\n .title[_ngcontent-%COMP%] {\r\n font-size: x-small; \n\r\n }\r\n \r\n\r\n\r\n\n\r\n}\r\n@media (max-width: 1200px) {\r\n .title[_ngcontent-%COMP%] {\r\n display: none;\r\n }\r\n .app-logo[_ngcontent-%COMP%] {\r\n display: none\r\n }\r\n\r\n .search-wrapper[_ngcontent-%COMP%] {\r\n width: 350px;\r\n } \r\n .search-entity-list[_ngcontent-%COMP%] {\r\n width: 150px; \r\n }\r\n}"] });
195
+ } }, dependencies: [i5.NgIf, i6.NgControlStatus, i6.NgModel, i7.TextBoxDirective, i8.AvatarComponent, i8.CardMediaDirective, i9.DropDownListComponent], styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap[_ngcontent-%COMP%] {\r\n flex: auto;\r\n}\r\n\r\n.title[_ngcontent-%COMP%] {\r\n font-size: x-large; \r\n}\r\n.app-logo[_ngcontent-%COMP%] {\r\n width: 297px;\r\n}\r\n.user-info[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info[_ngcontent-%COMP%] kendo-dropdownlist[_ngcontent-%COMP%] {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] {\r\n position: relative;\r\n}\r\n.icon-inbox[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\r\n.user-info-wrapper[_ngcontent-%COMP%] .header[_ngcontent-%COMP%] .k-avatar[_ngcontent-%COMP%] {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n .search-wrapper #txtSearch::placeholder, .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-input[_ngcontent-%COMP%]{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-dropdownlist[_ngcontent-%COMP%] {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper[_ngcontent-%COMP%] .k-icon[_ngcontent-%COMP%] {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input[_ngcontent-%COMP%] {\r\n color: black;\r\n}\r\n\r\n\r\n\n\r\n@media (max-width: 1700px) {\r\n .title[_ngcontent-%COMP%] {\r\n font-size: x-small; \n\r\n }\r\n \r\n\r\n\r\n\n\r\n}\r\n@media (max-width: 1200px) {\r\n .title[_ngcontent-%COMP%] {\r\n display: none;\r\n }\r\n .app-logo[_ngcontent-%COMP%] {\r\n display: none\r\n }\r\n\r\n .search-wrapper[_ngcontent-%COMP%] {\r\n width: 350px;\r\n } \r\n .search-entity-list[_ngcontent-%COMP%] {\r\n width: 150px; \r\n }\r\n}"] });
203
196
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderComponent, [{
204
197
  type: Component,
205
- args: [{ selector: 'app-header-component', template: "<div class=\"header-wrap\">\r\n <div class=\"header header-bg\">\r\n <div class=\"nav-container\">\r\n <div class=\"menu-button\">\r\n <span class=\"k-icon\" (click)=\"onButtonClick()\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('menu')\" ></kendo-svgicon></span>\r\n </div>\r\n\r\n <div class=\"title\">\r\n <img kendoCardMedia src=\"assets/MJ_logo.svg\" height=\"45px\" class=\"app-logo\" />\r\n <!-- <h1 class=\"k-ml-2.5\">{{appName}}</h1> -->\r\n </div>\r\n\r\n <div class=\"user-info-wrapper\">\r\n <div class=\"search-wrapper\">\r\n <kendo-dropdownlist\r\n [data]=\"searchableEntities\"\r\n textField=\"Name\"\r\n valueField=\"ID\"\r\n class = \"search-entity-list\"\r\n [(ngModel)]=\"selectedEntity\"\r\n >\r\n </kendo-dropdownlist>\r\n <input \r\n type=\"text\"\r\n id=\"txtSearch\"\r\n placeholder=\"Search\"\r\n kendoTextBox\r\n (keydown.enter)=\"onSearch($event)\"\r\n #searchInput\r\n />\r\n <span class=\"k-icon\" (click)=\"onSearch($event)\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('search')\"></kendo-svgicon></span>\r\n </div>\r\n <div class=\"icon-inbox\" (click)=\"showNotifications($event)\">\r\n <span class=\"k-icon\" style=\"cursor: pointer;\"><kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('inbox')\"></kendo-svgicon></span>\r\n <span class=\"notification\" *ngIf=\"UnreadNotificationCount > 0\">{{UnreadNotificationCount}}</span>\r\n </div>\r\n <div class=\"user-info\">\r\n <kendo-avatar class=\"k-m-0\" style=\"margin: 0;\" [imageSrc]=\"userImageURL\" shape=\"circle\"> </kendo-avatar>\r\n <div class=\"example-col\">\r\n <kendo-dropdownlist [data]=\"menuItems\" [value]=\"selectedMenuItem\" (valueChange)=\"valueChange($event)\">\r\n </kendo-dropdownlist>\r\n \r\n </div>\r\n </div>\r\n \r\n\r\n \r\n </div>\r\n </div>\r\n </div>\r\n <!-- <div class=\"nav-breadcrumb\">\r\n <kendo-breadcrumb (itemClick)=\"onBreadCrumbClick($event)\" [items]=\"breadCrumbItems\">\r\n </kendo-breadcrumb>\r\n </div> -->\r\n</div>\r\n", styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap {\r\n flex: auto;\r\n}\r\n\r\n.title {\r\n font-size: x-large; \r\n}\r\n.app-logo {\r\n width: 297px;\r\n}\r\n.user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info kendo-dropdownlist {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox {\r\n position: relative;\r\n}\r\n.icon-inbox .k-svg-icon {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n/* .icon-inbox .notification {\r\n position: absolute;\r\n top: -8px;\r\n right: -8px;\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ff6358;\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 10px;\r\n} */\r\n.user-info-wrapper .header .k-avatar {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n::ng-deep .search-wrapper #txtSearch::placeholder, ::ng-deep .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper .k-input::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper .k-input{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper .k-dropdownlist {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper .k-icon {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input {\r\n color: black;\r\n}\r\n\r\n\r\n/*RESPONSIVE STUFF HERE */\r\n@media (max-width: 1700px) {\r\n .title {\r\n font-size: x-small; /* or any other size you prefer */\r\n }\r\n /* .app-logo {\r\n width: 50px;\r\n height: 25px;\r\n } */\r\n}\r\n@media (max-width: 1200px) {\r\n .title {\r\n display: none;\r\n }\r\n .app-logo {\r\n display: none\r\n }\r\n\r\n .search-wrapper {\r\n width: 350px;\r\n } \r\n .search-entity-list {\r\n width: 150px; \r\n }\r\n}\r\n"] }]
198
+ args: [{ selector: 'app-header-component', template: "<div class=\"header-wrap\">\r\n <div class=\"header header-bg\">\r\n <div class=\"nav-container\">\r\n <div class=\"menu-button\">\r\n <span class=\"k-icon\" (click)=\"onButtonClick()\">\r\n <span class=\"fa-solid fa-bars fa-xl\"></span>\r\n </span>\r\n </div>\r\n\r\n <div class=\"title\">\r\n <img kendoCardMedia src=\"assets/MJ_logo.svg\" height=\"45px\" class=\"app-logo\" />\r\n </div>\r\n\r\n <div class=\"user-info-wrapper\">\r\n <div class=\"search-wrapper\">\r\n <kendo-dropdownlist\r\n [data]=\"searchableEntities\"\r\n textField=\"Name\"\r\n valueField=\"ID\"\r\n class = \"search-entity-list\"\r\n [(ngModel)]=\"selectedEntity\"\r\n >\r\n </kendo-dropdownlist>\r\n <input \r\n type=\"text\"\r\n id=\"txtSearch\"\r\n placeholder=\"Search\"\r\n kendoTextBox\r\n (keydown.enter)=\"onSearch($event)\"\r\n #searchInput\r\n />\r\n <span class=\"k-icon\" (click)=\"onSearch($event)\">\r\n <span class=\"fa-solid fa-magnifying-glass\"></span>\r\n </span>\r\n </div>\r\n <div class=\"icon-inbox\" (click)=\"showNotifications($event)\">\r\n <span class=\"k-icon\" style=\"cursor: pointer;\">\r\n <span class=\"fa-solid fa-inbox fa-xl\"></span>\r\n </span>\r\n <span class=\"notification\" *ngIf=\"UnreadNotificationCount > 0\">{{UnreadNotificationCount}}</span>\r\n </div>\r\n <div class=\"user-info\">\r\n <kendo-avatar class=\"k-m-0\" style=\"margin: 0;\" [imageSrc]=\"userImageURL\" shape=\"circle\"> </kendo-avatar>\r\n <div class=\"example-col\">\r\n <kendo-dropdownlist [data]=\"menuItems\" [value]=\"selectedMenuItem\" (valueChange)=\"valueChange($event)\">\r\n </kendo-dropdownlist>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: ["@import './../../../../.././MJExplorer/src/styles/_variables.scss';\r\n.header-wrap {\r\n flex: auto;\r\n}\r\n\r\n.title {\r\n font-size: x-large; \r\n}\r\n.app-logo {\r\n width: 297px;\r\n}\r\n.user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n}\r\n\r\n.user-info kendo-dropdownlist {\r\n border: none;\r\n background: transparent;\r\n width: auto;\r\n color: #fff;\r\n}\r\n.user-info-wrapper {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n}\r\n.icon-inbox {\r\n position: relative;\r\n}\r\n.icon-inbox .k-svg-icon {\r\n width: 28px;\r\n height: 28px;\r\n min-width: 28px;\r\n}\r\n/* .icon-inbox .notification {\r\n position: absolute;\r\n top: -8px;\r\n right: -8px;\r\n width: 16px;\r\n height: 16px;\r\n min-width: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #ff6358;\r\n border-radius: 50%;\r\n color: #fff;\r\n font-size: 10px;\r\n} */\r\n.user-info-wrapper .header .k-avatar {\r\n padding-left: 25px;\r\n border-left: 2px solid #fff;\r\n}\r\n.search-wrapper {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n max-width: 526px;\r\n width: 100%;\r\n height: 44px;\r\n}\r\n::ng-deep .search-wrapper #txtSearch::placeholder, ::ng-deep .search-wrapper input::placeholder {\r\n color: #fff;\r\n}\r\n.search-wrapper .k-input::placeholder {\r\n color: #54585F;\r\n}\r\n.search-wrapper .k-input{\r\nbackground: var(--light-gray);\r\nborder-radius: 0 10px 10px 0;\r\nwidth: 360px;\r\nheight: 44px;\r\ncolor: var(--text-darked);\r\n}\r\n.search-wrapper .k-dropdownlist {\r\n width: 170px; \r\n height: 100%;\r\n background: var(--gray-color);\r\n border-radius: 10px 0px 0px 10px;\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 19px;\r\n letter-spacing: 0em;\r\n text-align: center;\r\n color: var(--text-darked);\r\n}\r\n.search-wrapper .k-icon {\r\n color: var(--text-darked);\r\n position: absolute;\r\n right: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n z-index: 9;\r\n cursor: pointer;\r\n margin-right: 2px;\r\n} \r\n.k-input {\r\n color: black;\r\n}\r\n\r\n\r\n/*RESPONSIVE STUFF HERE */\r\n@media (max-width: 1700px) {\r\n .title {\r\n font-size: x-small; /* or any other size you prefer */\r\n }\r\n /* .app-logo {\r\n width: 50px;\r\n height: 25px;\r\n } */\r\n}\r\n@media (max-width: 1200px) {\r\n .title {\r\n display: none;\r\n }\r\n .app-logo {\r\n display: none\r\n }\r\n\r\n .search-wrapper {\r\n width: 350px;\r\n } \r\n .search-entity-list {\r\n width: 150px; \r\n }\r\n}\r\n"] }]
206
199
  }], () => [{ type: i1.MJAuthBase }, { type: i2.SharedService }, { type: i3.MSFTUserImageService }, { type: i4.Router }], { applicationName: [{
207
200
  type: Input
208
201
  }], applicationInstance: [{
package/dist/lib/home-component/home.component.js CHANGED
@@ -2,8 +2,7 @@ import { Component } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "@memberjunction/ng-shared";
4
4
  import * as i2 from "@angular/router";
5
- import * as i3 from "@progress/kendo-angular-icons";
6
- import * as i4 from "../favorites/favorites.component";
5
+ import * as i3 from "../favorites/favorites.component";
7
6
  export class HomeComponent {
8
7
  constructor(sharedService, router) {
9
8
  this.sharedService = sharedService;
@@ -14,64 +13,51 @@ export class HomeComponent {
14
13
  }
15
14
  }
16
15
  HomeComponent.ɵfac = function HomeComponent_Factory(t) { return new (t || HomeComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
17
- HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent, selectors: [["app-home"]], decls: 32, vars: 6, consts: [[1, "home-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], [1, "nav-container"], [1, "nav-item", 3, "click"], [3, "icon"], [1, "home-favorites"]], template: function HomeComponent_Template(rf, ctx) { if (rf & 1) {
16
+ HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent, selectors: [["app-home"]], decls: 32, vars: 0, consts: [[1, "home-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], [1, "nav-container"], [1, "nav-item", 3, "click"], [1, "fa-solid", "fa-user", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-table-cells", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-database", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-layer-group", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-chart-line", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-gear", "fa-4x", "sky-blue"], [1, "home-favorites"]], template: function HomeComponent_Template(rf, ctx) { if (rf & 1) {
18
17
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
19
18
  i0.ɵɵtext(4, "Home");
20
19
  i0.ɵɵelementEnd()()();
21
20
  i0.ɵɵelementStart(5, "div", 3)(6, "div", 4)(7, "div", 5);
22
21
  i0.ɵɵlistener("click", function HomeComponent_Template_div_click_7_listener() { return ctx.navigate("askskip"); });
23
- i0.ɵɵelement(8, "kendo-svgicon", 6);
22
+ i0.ɵɵelement(8, "span", 6);
24
23
  i0.ɵɵelementStart(9, "span");
25
24
  i0.ɵɵtext(10, "Ask Skip");
26
25
  i0.ɵɵelementEnd()();
27
26
  i0.ɵɵelementStart(11, "div", 5);
28
27
  i0.ɵɵlistener("click", function HomeComponent_Template_div_click_11_listener() { return ctx.navigate("data"); });
29
- i0.ɵɵelement(12, "kendo-svgicon", 6);
28
+ i0.ɵɵelement(12, "span", 7);
30
29
  i0.ɵɵelementStart(13, "span");
31
30
  i0.ɵɵtext(14, "Data");
32
31
  i0.ɵɵelementEnd()();
33
32
  i0.ɵɵelementStart(15, "div", 5);
34
33
  i0.ɵɵlistener("click", function HomeComponent_Template_div_click_15_listener() { return ctx.navigate("queries"); });
35
- i0.ɵɵelement(16, "kendo-svgicon", 6);
34
+ i0.ɵɵelement(16, "span", 8);
36
35
  i0.ɵɵelementStart(17, "span");
37
36
  i0.ɵɵtext(18, "Queries");
38
37
  i0.ɵɵelementEnd()();
39
38
  i0.ɵɵelementStart(19, "div", 5);
40
39
  i0.ɵɵlistener("click", function HomeComponent_Template_div_click_19_listener() { return ctx.navigate("dashboards"); });
41
- i0.ɵɵelement(20, "kendo-svgicon", 6);
40
+ i0.ɵɵelement(20, "span", 9);
42
41
  i0.ɵɵelementStart(21, "span");
43
42
  i0.ɵɵtext(22, "Dashboards");
44
43
  i0.ɵɵelementEnd()();
45
44
  i0.ɵɵelementStart(23, "div", 5);
46
45
  i0.ɵɵlistener("click", function HomeComponent_Template_div_click_23_listener() { return ctx.navigate("reports"); });
47
- i0.ɵɵelement(24, "kendo-svgicon", 6);
46
+ i0.ɵɵelement(24, "span", 10);
48
47
  i0.ɵɵelementStart(25, "span");
49
48
  i0.ɵɵtext(26, "Reports");
50
49
  i0.ɵɵelementEnd()();
51
50
  i0.ɵɵelementStart(27, "div", 5);
52
51
  i0.ɵɵlistener("click", function HomeComponent_Template_div_click_27_listener() { return ctx.navigate("settings"); });
53
- i0.ɵɵelement(28, "kendo-svgicon", 6);
52
+ i0.ɵɵelement(28, "span", 11);
54
53
  i0.ɵɵelementStart(29, "span");
55
54
  i0.ɵɵtext(30, "Settings");
56
55
  i0.ɵɵelementEnd()()();
57
- i0.ɵɵelement(31, "app-favorites", 7);
56
+ i0.ɵɵelement(31, "app-favorites", 12);
58
57
  i0.ɵɵelementEnd()();
59
- } if (rf & 2) {
60
- i0.ɵɵadvance(8);
61
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("user"));
62
- i0.ɵɵadvance(4);
63
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("table"));
64
- i0.ɵɵadvance(4);
65
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("data"));
66
- i0.ɵɵadvance(4);
67
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("aggregateFields"));
68
- i0.ɵɵadvance(4);
69
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("graph"));
70
- i0.ɵɵadvance(4);
71
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("gear"));
72
- } }, dependencies: [i3.SVGIconComponent, i4.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n\r\n.nav-container[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item[_ngcontent-%COMP%] {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item[_ngcontent-%COMP%]:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n}\r\n\r\n\r\n.home-favorites[_ngcontent-%COMP%] {\r\n width: 500px;\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}"] });
58
+ } }, dependencies: [i3.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\r\n padding: 10px;\r\n}\r\n\r\n.nav-container[_ngcontent-%COMP%] {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item[_ngcontent-%COMP%] {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item[_ngcontent-%COMP%] .k-svg-icon[_ngcontent-%COMP%] {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item[_ngcontent-%COMP%]:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n}\r\n\r\n\r\n.home-favorites[_ngcontent-%COMP%] {\r\n width: 500px;\r\n}\r\n\r\n.sky-blue[_ngcontent-%COMP%] {\r\n color: var(--sky-blue);\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}"] });
73
59
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeComponent, [{
74
60
  type: Component,
75
- args: [{ selector: 'app-home', template: "<div class=\"home-container\">\n <div class=\"card-header-entity\">\n <div class=\"title-wrap\">\n <h1>Home</h1>\n </div>\n </div>\n <div class=\"main-area\"> \n <div class=\"nav-container\">\n <div class=\"nav-item\" (click)=\"navigate('askskip')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('user')\"></kendo-svgicon>\n <span>Ask Skip</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('data')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('table')\"></kendo-svgicon>\n <span>Data</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('queries')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('data')\"></kendo-svgicon>\n <span>Queries</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('aggregateFields')\"></kendo-svgicon>\n <span>Dashboards</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('reports')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('graph')\"></kendo-svgicon>\n <span>Reports</span>\n </div>\n <div class=\"nav-item\" (click)=\"navigate('settings')\">\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('gear')\"></kendo-svgicon>\n <span>Settings</span>\n </div>\n </div>\n\n <app-favorites class=\"home-favorites\"></app-favorites>\n </div>\n</div>", styles: [".home-container {\r\n padding: 10px;\r\n}\r\n\r\n.nav-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item .k-svg-icon {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n}\r\n\r\n\r\n.home-favorites {\r\n width: 500px;\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"] }]
61
+ args: [{ selector: 'app-home', template: "<div class=\"home-container\">\r\n <div class=\"card-header-entity\">\r\n <div class=\"title-wrap\">\r\n <h1>Home</h1>\r\n </div>\r\n </div>\r\n <div class=\"main-area\"> \r\n <div class=\"nav-container\">\r\n <div class=\"nav-item\" (click)=\"navigate('askskip')\">\r\n <span class=\"fa-solid fa-user fa-4x sky-blue\"></span>\r\n <span>Ask Skip</span>\r\n </div>\r\n <div class=\"nav-item\" (click)=\"navigate('data')\">\r\n <span class=\"fa-solid fa-table-cells fa-4x sky-blue\"></span>\r\n <span>Data</span>\r\n </div>\r\n <div class=\"nav-item\" (click)=\"navigate('queries')\">\r\n <span class=\"fa-solid fa-database fa-4x sky-blue\"></span>\r\n <span>Queries</span>\r\n </div>\r\n <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\r\n <span class=\"fa-solid fa-layer-group fa-4x sky-blue\"></span>\r\n <span>Dashboards</span>\r\n </div>\r\n <div class=\"nav-item\" (click)=\"navigate('reports')\">\r\n <span class=\"fa-solid fa-chart-line fa-4x sky-blue\"></span>\r\n <span>Reports</span>\r\n </div>\r\n <div class=\"nav-item\" (click)=\"navigate('settings')\">\r\n <span class=\"fa-solid fa-gear fa-4x sky-blue\"></span>\r\n <span>Settings</span>\r\n </div>\r\n </div>\r\n\r\n <app-favorites class=\"home-favorites\"></app-favorites>\r\n </div>\r\n</div>", styles: [".home-container {\r\n padding: 10px;\r\n}\r\n\r\n.nav-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 24px;\r\n flex: 1;\r\n}\r\n.nav-item {\r\n border: solid 1px lightgray;\r\n border-radius: 5px;\r\n background: #fff;\r\n border-radius: 15px;\r\n width: 100%;;\r\n height: auto;\r\n box-sizing: border-box;\r\n padding: 25px;\r\n text-align: left;\r\n display: flex;\r\n gap: 26px;\r\n vertical-align: middle; \r\n font-size: 20px;\r\n cursor: pointer;\r\n}\r\n.nav-item .k-svg-icon {\r\n width: 75px;\r\n height: 75px;\r\n color: var(--sky-blue);\r\n}\r\n.nav-item:hover {\r\n box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\r\n}\r\n\r\n\r\n.home-favorites {\r\n width: 500px;\r\n}\r\n\r\n.sky-blue {\r\n color: var(--sky-blue);\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"] }]
76
62
  }], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
77
63
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HomeComponent, { className: "HomeComponent", filePath: "src\\lib\\home-component\\home.component.ts", lineNumber: 10 }); })();
package/dist/lib/navigation/navigation.component.js CHANGED
@@ -43,14 +43,11 @@ function NavigationComponent_kendo_drawer_container_3_div_3_Template(rf, ctx) {
43
43
  i0.ɵɵadvance();
44
44
  i0.ɵɵproperty("items", ctx_r5.panelItems);
45
45
  } }
46
- function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_1_Template(rf, ctx) { if (rf & 1) {
47
- i0.ɵɵelement(0, "kendo-svgicon", 17);
48
- } if (rf & 2) {
49
- const ctx_r11 = i0.ɵɵnextContext(3);
50
- i0.ɵɵproperty("icon", ctx_r11.sharedService.kendoSVGIcon("clock"));
46
+ function NavigationComponent_kendo_drawer_container_3_mj_tab_11_span_1_Template(rf, ctx) { if (rf & 1) {
47
+ i0.ɵɵelement(0, "span", 18);
51
48
  } }
52
49
  function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template(rf, ctx) { if (rf & 1) {
53
- i0.ɵɵelement(0, "kendo-svgicon", 17);
50
+ i0.ɵɵelement(0, "kendo-svgicon", 19);
54
51
  } if (rf & 2) {
55
52
  const tab_r9 = i0.ɵɵnextContext().$implicit;
56
53
  const ctx_r12 = i0.ɵɵnextContext(2);
@@ -58,7 +55,7 @@ function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_
58
55
  } }
59
56
  function NavigationComponent_kendo_drawer_container_3_mj_tab_11_Template(rf, ctx) { if (rf & 1) {
60
57
  i0.ɵɵelementStart(0, "mj-tab", 12);
61
- i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_1_Template, 1, 1, "kendo-svgicon", 16)(2, NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template, 1, 1, "kendo-svgicon", 16);
58
+ i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_mj_tab_11_span_1_Template, 1, 0, "span", 16)(2, NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template, 1, 1, "kendo-svgicon", 17);
62
59
  i0.ɵɵtext(3);
63
60
  i0.ɵɵelementEnd();
64
61
  } if (rf & 2) {
@@ -73,7 +70,7 @@ function NavigationComponent_kendo_drawer_container_3_mj_tab_11_Template(rf, ctx
73
70
  } }
74
71
  function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template(rf, ctx) { if (rf & 1) {
75
72
  const _r17 = i0.ɵɵgetCurrentView();
76
- i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 18);
73
+ i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 20);
77
74
  i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template_mj_resource_ResourceRecordSaved_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const tab_r14 = restoredCtx.$implicit; const ctx_r16 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r16.SaveSingleWorkspaceItem(tab_r14)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template_mj_resource_ContentLoadingStarted_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const tab_r14 = restoredCtx.$implicit; const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.setTabContentLoadingStatus(tab_r14, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template_mj_resource_ContentLoadingComplete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r17); const tab_r14 = restoredCtx.$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r19.setTabContentLoadingStatus(tab_r14, false)); });
78
75
  i0.ɵɵelementEnd()();
79
76
  } if (rf & 2) {
@@ -114,15 +111,15 @@ function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf
114
111
  } }
115
112
  function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
116
113
  const _r26 = i0.ɵɵgetCurrentView();
117
- i0.ɵɵelementStart(0, "div", 19)(1, "div", 20);
114
+ i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
118
115
  i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r26); const ctx_r25 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r25.handleContextMenuOption(1)); });
119
116
  i0.ɵɵtext(2, "Close All");
120
117
  i0.ɵɵelementEnd();
121
- i0.ɵɵelementStart(3, "div", 20);
118
+ i0.ɵɵelementStart(3, "div", 22);
122
119
  i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r26); const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.handleContextMenuOption(2)); });
123
120
  i0.ɵɵtext(4, "Close Others");
124
121
  i0.ɵɵelementEnd();
125
- i0.ɵɵelementStart(5, "div", 20);
122
+ i0.ɵɵelementStart(5, "div", 22);
126
123
  i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r26); const ctx_r28 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r28.handleContextMenuOption(3)); });
127
124
  i0.ɵɵtext(6, "Close Tabs to the Right");
128
125
  i0.ɵɵelementEnd()();
@@ -1055,7 +1052,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
1055
1052
  i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
1056
1053
  } if (rf & 2) {
1057
1054
  i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
1058
- } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [3, "TabCloseable", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [3, "items"], [3, "icon", 4, "ngIf"], [3, "icon"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
1055
+ } }, inputs: { applicationName: "applicationName" }, decls: 6, vars: 6, consts: [[1, "navigation-wrap", 3, "ngClass"], ["drawerWrapper", ""], ["type", "converging-spinner", 4, "ngIf"], [4, "ngIf"], ["action", "route"], ["class", "context-menu", 3, "ngStyle", 4, "ngIf"], ["type", "converging-spinner"], [3, "items", "mode", "mini", "animation", "autoCollapse", "select"], ["drawer", ""], ["mjFillContainer", ""], ["mjFillContainer", "", 3, "TabClosed", "TabSelected", "TabContextMenu"], ["mjTabstrip", ""], [3, "TabCloseable"], [3, "TabCloseable", 4, "ngFor", "ngForOf"], [4, "ngFor", "ngForOf"], [3, "items"], ["class", "fa-regular fa-clock", 4, "ngIf"], [3, "icon", 4, "ngIf"], [1, "fa-regular", "fa-clock"], [3, "icon"], ["mjFillContainer", "", 1, "tab-resource", 3, "Data", "isVisible", "ResourceRecordSaved", "ContentLoadingStarted", "ContentLoadingComplete"], [1, "context-menu", 3, "ngStyle"], [1, "context-menu-item", 3, "click"]], template: function NavigationComponent_Template(rf, ctx) { if (rf & 1) {
1059
1056
  i0.ɵɵelementStart(0, "div", 0, 1);
1060
1057
  i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 13, 9, "kendo-drawer-container", 3);
1061
1058
  i0.ɵɵelement(4, "mj-skip-button", 4);
@@ -1072,7 +1069,7 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
1072
1069
  } }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf, i3.NgStyle, i1.RouterOutlet, i5.LoaderComponent, i6.SVGIconComponent, i7.FillContainer, i8.DrawerComponent, i8.DrawerContainerComponent, i8.DrawerContentComponent, i9.SkipButtonComponent, i10.MJTabStripComponent, i10.MJTabBodyComponent, i10.MJTabComponent, i11.ResourceContainerComponent, i12.ExpansionPanelComponent], styles: [".navigation-wrap[_ngcontent-%COMP%] {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title[_ngcontent-%COMP%] {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu[_ngcontent-%COMP%] {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%] {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item[_ngcontent-%COMP%]:hover {\r\n background-color: #f1f1f1;\r\n}\r\n .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource[_ngcontent-%COMP%] {\r\n display: block;\r\n}"] });
1073
1070
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
1074
1071
  type: Component,
1075
- args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n\r\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\r\n <mj-tab [TabCloseable]=\"false\">\r\n Home\r\n </mj-tab>\r\n <mj-tab-body>\r\n <router-outlet></router-outlet>\r\n </mj-tab-body>\r\n\r\n <mj-tab *ngFor=\"let tab of tabs;let i = index\" [TabCloseable]=\"true\">\r\n <kendo-svgicon *ngIf=\"tab?.contentLoading\" [icon]=\"sharedService.kendoSVGIcon('clock')\"></kendo-svgicon>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\"></kendo-svgicon> \r\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\r\n </mj-tab>\r\n <mj-tab-body *ngFor=\"let tab of tabs;let i = index\">\r\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n mjFillContainer\r\n class=\"tab-resource\"\r\n ></mj-resource>\r\n </mj-tab-body>\r\n </mj-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource {\r\n display: block;\r\n}"] }]
1072
+ args: [{ selector: 'app-navigation', template: "<div class=\"navigation-wrap\" [ngClass]=\"{'waiting': loader}\" #drawerWrapper>\r\n <kendo-loader *ngIf=\"loading\" type=\"converging-spinner\" ></kendo-loader>\r\n <kendo-drawer-container *ngIf=\"!loading\" >\r\n <kendo-drawer\r\n #drawer\r\n [items]=\"drawerItems\"\r\n [mode]=\"mode\"\r\n [mini]=\"mini\"\r\n [animation]=\"false\"\r\n (select)=\"onDrawerSelect($event)\"\r\n [autoCollapse]=\"false\"\r\n />\r\n <div *ngIf=\"showExpansionPanel\">\r\n <expansion-panel-component [items]=\"panelItems\" />\r\n </div>\r\n <kendo-drawer-content mjFillContainer>\r\n\r\n <mj-tabstrip #mjTabstrip mjFillContainer (TabClosed)=\"handleTabClosed($event)\" (TabSelected)=\"handleTabSelected($event)\" (TabContextMenu)=\"handleTabContextMenu($event)\">\r\n <mj-tab [TabCloseable]=\"false\">\r\n Home\r\n </mj-tab>\r\n <mj-tab-body>\r\n <router-outlet></router-outlet>\r\n </mj-tab-body>\r\n\r\n <mj-tab *ngFor=\"let tab of tabs;let i = index\" [TabCloseable]=\"true\">\r\n <span *ngIf=\"tab?.contentLoading\" class=\"fa-regular fa-clock\"></span>\r\n <kendo-svgicon *ngIf=\"!tab?.contentLoading && tab?.icon\" [icon]=\"sharedService.kendoSVGIcon(tab.icon)\"></kendo-svgicon> \r\n {{ tab.labelLoading ? 'Loading...' : tab.label }}\r\n </mj-tab>\r\n <mj-tab-body *ngFor=\"let tab of tabs;let i = index\">\r\n <mj-resource [Data]=\"tab.data\" [isVisible]=\"activeTabIndex - 1 === i\"\r\n (ResourceRecordSaved)=\"SaveSingleWorkspaceItem(tab)\"\r\n (ContentLoadingStarted)=\"setTabContentLoadingStatus(tab, true)\"\r\n (ContentLoadingComplete)=\"setTabContentLoadingStatus(tab, false)\"\r\n mjFillContainer\r\n class=\"tab-resource\"\r\n ></mj-resource>\r\n </mj-tab-body>\r\n </mj-tabstrip>\r\n </kendo-drawer-content>\r\n </kendo-drawer-container>\r\n\r\n \r\n <mj-skip-button\r\n action=\"route\"\r\n ></mj-skip-button>\r\n <!-- Skip Button shows up through the above line of code -->\r\n</div>\r\n\r\n<div class=\"context-menu\" [ngStyle]=\"contextMenuStyle\" *ngIf=\"contextMenuVisible\">\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(1)\">Close All</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(2)\">Close Others</div>\r\n <div class=\"context-menu-item\" (click)=\"handleContextMenuOption(3)\">Close Tabs to the Right</div>\r\n </div>\r\n", styles: [".navigation-wrap {\r\n height: calc(100vh - 80px);\r\n width: 100%;\r\n overflow:hidden\r\n}\r\n\r\n.nav-tab-title {\r\n margin-left: 10px;\r\n}\r\n\r\n.context-menu {\r\n position: fixed;\r\n z-index: 9999;\r\n background-color: #ffffff;\r\n border: 1px solid #ccc;\r\n padding: 3px 3px;\r\n box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.context-menu-item {\r\n padding: 8px 16px;\r\n cursor: pointer;\r\n}\r\n\r\n.context-menu-item:hover {\r\n background-color: #f1f1f1;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container {\r\n background: var(--gray-color);\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-content {\r\n padding: 25px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper {\r\n background: var(--med-gray);\r\n padding-left: 20px;\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item.k-active{\r\n border: 1px solid var(--light-gray);\r\n background: var(--light-gray);\r\n border-radius: 8px 8px 0 0;\r\n color: var(--blue-text);\r\n\r\n}\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item:hover {\r\n color: var(--blue-text);\r\n}\r\n\r\n::ng-deep .navigation-wrap .drawer-container .k-tabstrip-items-wrapper .k-item {\r\n\r\n background: var(--med-gray);\r\n border-radius: 0;\r\n border-right: 1px solid #909090;\r\n}\r\n\r\n.tab-resource {\r\n display: block;\r\n}"] }]
1076
1073
  }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
1077
1074
  type: Input
1078
1075
  }], isMobileScreen: [{
package/dist/lib/single-dashboard/Components/add-item/add-item.component.js CHANGED
@@ -22,9 +22,9 @@ import * as i6 from "@progress/kendo-angular-label";
22
22
  import * as i7 from "@progress/kendo-angular-dropdowns";
23
23
  function AddItemComponent_ng_container_7_kendo_label_4_Template(rf, ctx) { if (rf & 1) {
24
24
  const _r5 = i0.ɵɵgetCurrentView();
25
- i0.ɵɵelementStart(0, "kendo-label", 14);
25
+ i0.ɵɵelementStart(0, "kendo-label", 15);
26
26
  i0.ɵɵelement(1, "br");
27
- i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
27
+ i0.ɵɵelementStart(2, "kendo-dropdownlist", 12);
28
28
  i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.onViewChange($event)); });
29
29
  i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_ng_container_7_kendo_label_4_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r6 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r6.selectedView, $event) || (ctx_r6.selectedView = $event); return i0.ɵɵresetView($event); });
30
30
  i0.ɵɵelementEnd()();
@@ -35,18 +35,18 @@ function AddItemComponent_ng_container_7_kendo_label_4_Template(rf, ctx) { if (r
35
35
  i0.ɵɵtwoWayProperty("ngModel", ctx_r2.selectedView);
36
36
  } }
37
37
  function AddItemComponent_ng_container_7_kendo_loader_5_Template(rf, ctx) { if (rf & 1) {
38
- i0.ɵɵelement(0, "kendo-loader", 15);
38
+ i0.ɵɵelement(0, "kendo-loader", 16);
39
39
  } }
40
40
  function AddItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
41
41
  const _r8 = i0.ɵɵgetCurrentView();
42
42
  i0.ɵɵelementContainerStart(0);
43
- i0.ɵɵelementStart(1, "kendo-label", 10);
43
+ i0.ɵɵelementStart(1, "kendo-label", 11);
44
44
  i0.ɵɵelement(2, "br");
45
- i0.ɵɵelementStart(3, "kendo-dropdownlist", 11);
45
+ i0.ɵɵelementStart(3, "kendo-dropdownlist", 12);
46
46
  i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onEntityChange($event)); });
47
47
  i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_ng_container_7_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r9.selectedEntity, $event) || (ctx_r9.selectedEntity = $event); return i0.ɵɵresetView($event); });
48
48
  i0.ɵɵelementEnd()();
49
- i0.ɵɵtemplate(4, AddItemComponent_ng_container_7_kendo_label_4_Template, 3, 4, "kendo-label", 12)(5, AddItemComponent_ng_container_7_kendo_loader_5_Template, 1, 0, "kendo-loader", 13);
49
+ i0.ɵɵtemplate(4, AddItemComponent_ng_container_7_kendo_label_4_Template, 3, 4, "kendo-label", 13)(5, AddItemComponent_ng_container_7_kendo_loader_5_Template, 1, 0, "kendo-loader", 14);
50
50
  i0.ɵɵelementContainerEnd();
51
51
  } if (rf & 2) {
52
52
  const ctx_r0 = i0.ɵɵnextContext();
@@ -60,9 +60,9 @@ function AddItemComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
60
60
  } }
61
61
  function AddItemComponent_ng_container_8_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
62
62
  const _r13 = i0.ɵɵgetCurrentView();
63
- i0.ɵɵelementStart(0, "kendo-label", 17);
63
+ i0.ɵɵelementStart(0, "kendo-label", 18);
64
64
  i0.ɵɵelement(1, "br");
65
- i0.ɵɵelementStart(2, "kendo-dropdownlist", 11);
65
+ i0.ɵɵelementStart(2, "kendo-dropdownlist", 12);
66
66
  i0.ɵɵlistener("valueChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.onViewChange($event)); });
67
67
  i0.ɵɵtwoWayListener("ngModelChange", function AddItemComponent_ng_container_8_kendo_label_1_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r14.selectedReport, $event) || (ctx_r14.selectedReport = $event); return i0.ɵɵresetView($event); });
68
68
  i0.ɵɵelementEnd()();
@@ -73,11 +73,11 @@ function AddItemComponent_ng_container_8_kendo_label_1_Template(rf, ctx) { if (r
73
73
  i0.ɵɵtwoWayProperty("ngModel", ctx_r10.selectedReport);
74
74
  } }
75
75
  function AddItemComponent_ng_container_8_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
76
- i0.ɵɵelement(0, "kendo-loader", 15);
76
+ i0.ɵɵelement(0, "kendo-loader", 16);
77
77
  } }
78
78
  function AddItemComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
79
79
  i0.ɵɵelementContainerStart(0);
80
- i0.ɵɵtemplate(1, AddItemComponent_ng_container_8_kendo_label_1_Template, 3, 4, "kendo-label", 16)(2, AddItemComponent_ng_container_8_kendo_loader_2_Template, 1, 0, "kendo-loader", 13);
80
+ i0.ɵɵtemplate(1, AddItemComponent_ng_container_8_kendo_label_1_Template, 3, 4, "kendo-label", 17)(2, AddItemComponent_ng_container_8_kendo_loader_2_Template, 1, 0, "kendo-loader", 14);
81
81
  i0.ɵɵelementContainerEnd();
82
82
  } if (rf & 2) {
83
83
  const ctx_r1 = i0.ɵɵnextContext();
@@ -173,7 +173,7 @@ export class AddItemComponent {
173
173
  }
174
174
  }
175
175
  AddItemComponent.ɵfac = function AddItemComponent_Factory(t) { return new (t || AddItemComponent)(); };
176
- AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 14, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", "icon", "save", 3, "click"], ["themeColor", "info", "kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
176
+ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemComponent, selectors: [["app-add-item-dialog"]], inputs: { selectedResource: "selectedResource" }, outputs: { onClose: "onClose" }, decls: 15, vars: 12, consts: [[1, "k-overlay"], ["title", "Add Item to Dashboard", 1, "modal-body-wrap", 3, "width", "minHeight", "minWidth", "resizable", "close"], [1, "k-d-flex", "k-flex-col", "resource-wrap"], ["text", "Resource Type"], [3, "data", "textField", "valueField", "subtitle", "ngModel", "valueChange", "ngModelChange"], [1, "user-view-wrap", 3, "ngSwitch"], [4, "ngSwitchCase"], [1, "k-actions", "k-actions-end", "popup-actions", "customBtn"], ["fillMode", "outline", "themeColor", "info", "kendoButton", "", 3, "click"], [1, "fa-solid", "fa-check"], ["themeColor", "info", "kendoButton", "", 3, "click"], ["text", "Entity"], [3, "data", "textField", "valueField", "ngModel", "valueChange", "ngModelChange"], ["text", "Views", 4, "ngIf"], ["type", "converging-spinner", 4, "ngIf"], ["text", "Views"], ["type", "converging-spinner"], ["text", "Reports", 4, "ngIf"], ["text", "Reports"]], template: function AddItemComponent_Template(rf, ctx) { if (rf & 1) {
177
177
  i0.ɵɵelement(0, "div", 0);
178
178
  i0.ɵɵelementStart(1, "kendo-window", 1);
179
179
  i0.ɵɵlistener("close", function AddItemComponent_Template_kendo_window_close_1_listener() { return ctx.closeDialog(); });
@@ -188,11 +188,12 @@ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemCom
188
188
  i0.ɵɵelementEnd()();
189
189
  i0.ɵɵelementStart(9, "div", 7)(10, "button", 8);
190
190
  i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_10_listener() { return ctx.addItem(); });
191
- i0.ɵɵtext(11, " Add ");
191
+ i0.ɵɵelement(11, "span", 9);
192
+ i0.ɵɵtext(12, " Add ");
192
193
  i0.ɵɵelementEnd();
193
- i0.ɵɵelementStart(12, "button", 9);
194
- i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_12_listener() { return ctx.closeDialog(); });
195
- i0.ɵɵtext(13, "Cancel");
194
+ i0.ɵɵelementStart(13, "button", 10);
195
+ i0.ɵɵlistener("click", function AddItemComponent_Template_button_click_13_listener() { return ctx.closeDialog(); });
196
+ i0.ɵɵtext(14, "Cancel");
196
197
  i0.ɵɵelementEnd()()();
197
198
  } if (rf & 2) {
198
199
  i0.ɵɵadvance();
@@ -209,7 +210,7 @@ AddItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddItemCom
209
210
  } }, dependencies: [i1.NgIf, i1.NgSwitch, i1.NgSwitchCase, i2.NgControlStatus, i2.NgModel, i3.WindowComponent, i4.LoaderComponent, i5.ButtonComponent, i6.LabelComponent, i7.DropDownListComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap[_ngcontent-%COMP%] {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n .resource-wrap .k-label {\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 .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] });
210
211
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddItemComponent, [{
211
212
  type: Component,
212
- args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n title=\"Add Item to Dashboard\">\r\n <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n <kendo-label text=\"Resource Type\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\" [subtitle]=\"'sdfsdf'\"\r\n (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n <ng-container *ngSwitchCase=\"'User Views'\">\r\n <kendo-label text=\"Entity\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'Reports'\">\r\n <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"k-actions k-actions-end popup-actions customBtn\">\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton icon=\"save\" (click)=\"addItem()\">\r\n Add\r\n </button>\r\n <button themeColor=\"info\" kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-label {\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::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] }]
213
+ args: [{ selector: 'app-add-item-dialog', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window class=\"modal-body-wrap\" [width]=\"500\" [minHeight]=\"300\" [minWidth]=\"400\" [resizable]=\"true\" (close)=\"closeDialog()\"\r\n title=\"Add Item to Dashboard\">\r\n <div class=\"k-d-flex k-flex-col resource-wrap\">\r\n <kendo-label text=\"Resource Type\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" [valueField]=\"'ID'\" [subtitle]=\"'sdfsdf'\"\r\n (valueChange)=\"onResourceTypeChange($event)\" [(ngModel)]=\"resourceType\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <div [ngSwitch]=\"resourceType.Entity \" class=\"user-view-wrap\">\r\n <ng-container *ngSwitchCase=\"'User Views'\">\r\n <kendo-label text=\"Entity\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Entities\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onEntityChange($event)\" [(ngModel)]=\"selectedEntity\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-label text=\"Views\" *ngIf=\"selectedEntity && Views.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Views\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedView\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"selectedEntity && !Views.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'Reports'\">\r\n <kendo-label text=\"Reports\" *ngIf=\"Reports.length\">\r\n <br />\r\n <kendo-dropdownlist [data]=\"Reports\" [textField]=\"'Name'\" [valueField]=\"'ID'\"\r\n (valueChange)=\"onViewChange($event)\" [(ngModel)]=\"selectedReport\">\r\n </kendo-dropdownlist>\r\n </kendo-label>\r\n <kendo-loader *ngIf=\"!Reports.length\" type=\"converging-spinner\"></kendo-loader>\r\n </ng-container>\r\n </div>\r\n </div>\r\n <div class=\"k-actions k-actions-end popup-actions customBtn\">\r\n <button fillMode=\"outline\" themeColor=\"info\" kendoButton (click)=\"addItem()\">\r\n <span class=\"fa-solid fa-check\"></span> Add\r\n </button>\r\n <button themeColor=\"info\" kendoButton (click)=\"closeDialog()\">Cancel</button>\r\n </div>\r\n</kendo-window>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n}\r\n::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n}\r\n.resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n.user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n}\r\n::ng-deep .resource-wrap .k-label {\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::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n}\r\n::ng-deep .customBtn button {\r\n flex: 1;\r\n border-radius: 10px;\r\n line-height: 34px;\r\n}"] }]
213
214
  }], () => [], { onClose: [{
214
215
  type: Output
215
216
  }], selectedResource: [{
package/dist/lib/single-dashboard/Components/delete-item/delete-item.component.js CHANGED
@@ -23,7 +23,7 @@ export class DeleteItemComponent {
23
23
  }
24
24
  }
25
25
  DeleteItemComponent.ɵfac = function DeleteItemComponent_Factory(t) { return new (t || DeleteItemComponent)(); };
26
- DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { dashboardItem: "dashboardItem" }, outputs: { onClose: "onClose", removeDashboardItem: "removeDashboardItem" }, decls: 13, vars: 1, consts: [[1, "modal-body-wrap", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "k-icon", "k-i-check"], ["kendoButton", "", 3, "click"], [1, "k-icon", "k-i-close"]], template: function DeleteItemComponent_Template(rf, ctx) { if (rf & 1) {
26
+ DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteItemComponent, selectors: [["app-delete-item-dialog"]], inputs: { dashboardItem: "dashboardItem" }, outputs: { onClose: "onClose", removeDashboardItem: "removeDashboardItem" }, decls: 13, vars: 1, consts: [[1, "modal-body-wrap", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-check"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-xmark"]], template: function DeleteItemComponent_Template(rf, ctx) { if (rf & 1) {
27
27
  i0.ɵɵelementStart(0, "kendo-dialog", 0);
28
28
  i0.ɵɵlistener("close", function DeleteItemComponent_Template_kendo_dialog_close_0_listener() { return ctx.closeDialog(); });
29
29
  i0.ɵɵelementStart(1, "p", 1);
@@ -41,7 +41,7 @@ DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteI
41
41
  i0.ɵɵelementStart(10, "button", 5);
42
42
  i0.ɵɵlistener("click", function DeleteItemComponent_Template_button_click_10_listener() { return ctx.closeDialog(); });
43
43
  i0.ɵɵelement(11, "span", 6);
44
- i0.ɵɵtext(12, " No");
44
+ i0.ɵɵtext(12, " No ");
45
45
  i0.ɵɵelementEnd()()();
46
46
  } if (rf & 2) {
47
47
  i0.ɵɵadvance(4);
@@ -49,7 +49,7 @@ DeleteItemComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DeleteI
49
49
  } }, dependencies: [i1.DialogComponent, i2.ButtonComponent], styles: [".popup-actions[_ngcontent-%COMP%] {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n }\r\n .resource-wrap[_ngcontent-%COMP%] {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .user-view-wrap[_ngcontent-%COMP%] {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .resource-wrap .k-label {\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 .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n }"] });
50
50
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DeleteItemComponent, [{
51
51
  type: Component,
52
- args: [{ selector: 'app-delete-item-dialog', template: "<kendo-dialog class=\"modal-body-wrap\" (close)=\"closeDialog()\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"confirmDeleteItem()\" themeColor=\"primary\">\r\n <span class=\"k-icon k-i-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"closeDialog()\"><span class=\"k-icon k-i-close\"></span> No</button>\r\n </div>\r\n</kendo-dialog>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n ::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n }\r\n .resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n ::ng-deep .resource-wrap .k-label {\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 ::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n }\r\n "] }]
52
+ args: [{ selector: 'app-delete-item-dialog', template: "<kendo-dialog class=\"modal-body-wrap\" (close)=\"closeDialog()\">\r\n <p class=\"k-m-7.5 k-text-center\">\r\n Are you sure you want to delete <b>{{dashboardItem?.title}}</b>?\r\n </p>\r\n <div class=\"k-actions k-actions-end popup-actions\">\r\n <button kendoButton (click)=\"confirmDeleteItem()\" themeColor=\"primary\">\r\n <span class=\"fa-solid fa-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"closeDialog()\">\r\n <span class=\"fa-solid fa-xmark\"></span> No\r\n </button>\r\n </div>\r\n</kendo-dialog>", styles: [".popup-actions {\r\n width: 100%;\r\n padding: 10px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n }\r\n ::ng-deep .modal-body-wrap .k-window-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex: 1;\r\n padding: 0;\r\n }\r\n .resource-wrap {\r\n flex: 1;\r\n padding: 24px;\r\n margin: 16px;\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n box-sizing: border-box;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n .user-view-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n ::ng-deep .resource-wrap .k-label {\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 ::ng-deep .resource-wrap .k-dropdownlist {\r\n border-radius: 4px;\r\n border: 1px solid rgba(0, 0, 0, 0.08);\r\n background: transparent;\r\n line-height: 32px;\r\n margin: 0;\r\n }\r\n "] }]
53
53
  }], null, { onClose: [{
54
54
  type: Output
55
55
  }], removeDashboardItem: [{
package/dist/lib/single-dashboard/Components/edit-dashboard/edit-dashboard.component.js CHANGED
@@ -116,7 +116,7 @@ export class EditDashboardComponent {
116
116
  }
117
117
  }
118
118
  EditDashboardComponent.ɵfac = function EditDashboardComponent_Factory(t) { return new (t || EditDashboardComponent)(); };
119
- EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditDashboardComponent, selectors: [["app-edit-dashboard"]], inputs: { editMode: "editMode", config: "config", items: "items" }, outputs: { onSave: "onSave", onClose: "onClose", triggerAddItem: "triggerAddItem" }, decls: 18, vars: 13, consts: [[1, "k-overlay"], ["title", "Customize Dashboard", 1, "kendo-window-hide-restore", 3, "width", "minHeight", "minWidth", "resizable", "state", "close"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full", "custom-dialog-body"], [1, "dialog-content"], [1, "dialog-actions"], ["themeColor", "primary", 1, "k-m-2", 3, "data", "textField", "itemClick"], [1, "k-icon", "k-i-plus"], [3, "columns", "rowHeight", "resizable", "reorderable", "resize", "reorder"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [1, "dialog-footer"], [1, "k-card-footer", "!k-border-none"], [3, "click"], [1, "k-icon", "k-i-close"], [3, "primary", "click"], [1, "k-icon", "k-i-check"], [3, "col", "colSpan", "rowSpan", "id"], [1, "k-float-right", 3, "click"]], template: function EditDashboardComponent_Template(rf, ctx) { if (rf & 1) {
119
+ EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditDashboardComponent, selectors: [["app-edit-dashboard"]], inputs: { editMode: "editMode", config: "config", items: "items" }, outputs: { onSave: "onSave", onClose: "onClose", triggerAddItem: "triggerAddItem" }, decls: 18, vars: 13, consts: [[1, "k-overlay"], ["title", "Customize Dashboard", 1, "kendo-window-hide-restore", 3, "width", "minHeight", "minWidth", "resizable", "state", "close"], [1, "k-d-flex", "k-flex-col", "k-justify-content-between", "k-h-full", "custom-dialog-body"], [1, "dialog-content"], [1, "dialog-actions"], ["themeColor", "primary", 1, "k-m-2", 3, "data", "textField", "itemClick"], [1, "fa-solid", "fa-plus"], [3, "columns", "rowHeight", "resizable", "reorderable", "resize", "reorder"], [3, "col", "colSpan", "rowSpan", "id", 4, "ngFor", "ngForOf"], [1, "dialog-footer"], [1, "k-card-footer", "!k-border-none"], [3, "click"], [1, "fa-solid", "fa-xmark"], [3, "primary", "click"], [1, "fa-solid", "fa-check"], [3, "col", "colSpan", "rowSpan", "id"], [1, "k-float-right", 3, "click"]], template: function EditDashboardComponent_Template(rf, ctx) { if (rf & 1) {
120
120
  i0.ɵɵelement(0, "div", 0);
121
121
  i0.ɵɵelementStart(1, "kendo-window", 1);
122
122
  i0.ɵɵlistener("close", function EditDashboardComponent_Template_kendo_window_close_1_listener($event) { return ctx.closeDialog($event); });
@@ -153,7 +153,7 @@ EditDashboardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Edit
153
153
  } }, dependencies: [i1.NgForOf, i2.WindowComponent, i3.ButtonComponent, i3.DropDownButtonComponent, i4.TileLayoutComponent, i4.TileLayoutItemComponent, i4.TileLayoutItemHeaderComponent, i4.TileLayoutItemBodyComponent], styles: [".dialog-content[_ngcontent-%COMP%] .dialog-actions[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.dialog-footer[_ngcontent-%COMP%] {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n width: auto;\r\n height: 40px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n background: #FFF;\r\n padding: 8px 16px;\r\n}\r\n.custom-dialog-body[_ngcontent-%COMP%] {\r\nflex: 1;\r\n}\r\n.custom-dialog-body[_ngcontent-%COMP%] .dialog-content[_ngcontent-%COMP%] {\r\n flex: 1;\r\n overflow: auto;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n}\r\n.dialog-footer[_ngcontent-%COMP%] .k-card-footer[_ngcontent-%COMP%] {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0;\r\n}\r\n .kendo-window-hide-restore .k-window-content {\r\n padding: 0;\r\n}\r\n.custom-dialog-body[_ngcontent-%COMP%] .dialog-content[_ngcontent-%COMP%] .k-tilelayout[_ngcontent-%COMP%] {\r\n background: #fff;\r\n}"] });
154
154
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditDashboardComponent, [{
155
155
  type: Component,
156
- args: [{ selector: 'app-edit-dashboard', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window \r\n class=\"kendo-window-hide-restore\"\r\n [width]=\"500\" \r\n [minHeight]=\"300\" \r\n [minWidth]=\"400\" \r\n [resizable]=\"true\" \r\n (close)=\"closeDialog($event)\"\r\n [state]=\"'maximized'\" \r\n title=\"Customize Dashboard\">\r\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full custom-dialog-body\">\r\n <div class=\"dialog-content \">\r\n <div class=\"dialog-actions\">\r\n <kendo-dropdownbutton class=\"k-m-2\" themeColor=\"primary\" [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" (itemClick)=\"onItemSelect($event)\">\r\n <span class=\"k-icon k-i-plus\"></span> Add item\r\n </kendo-dropdownbutton>\r\n </div>\r\n <kendo-tilelayout\r\n [columns]=\"config.columns\"\r\n [rowHeight]=\"config.rowHeight\"\r\n [resizable]=\"true\"\r\n [reorderable]=\"true\"\r\n (resize)=\"onResize($event)\"\r\n (reorder)=\"onReorder($event)\"\r\n >\r\n <kendo-tilelayout-item *ngFor=\"let item of _items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n <kendo-tilelayout-item-header>\r\n {{item.title}}\r\n <kendo-button class=\"k-float-right\" (click)=\"removeItem(item)\">X</kendo-button>\r\n </kendo-tilelayout-item-header>\r\n <kendo-tilelayout-item-body>\r\n <!-- <div class=\"overlay\"></div> -->\r\n <!-- <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"false\"></app-resource> -->\r\n </kendo-tilelayout-item-body>\r\n </kendo-tilelayout-item>\r\n </kendo-tilelayout>\r\n \r\n </div>\r\n <div class=\"dialog-footer\">\r\n <div class=\"k-card-footer !k-border-none\">\r\n <kendo-button (click)=\"closeDialog($event)\" >\r\n <span class=\"k-icon k-i-close\"></span>\r\n Cancel\r\n </kendo-button>\r\n <kendo-button (click)=\"saveChanges()\" [primary]=\"true\" >\r\n <span class=\"k-icon k-i-check\"></span>\r\n Save\r\n </kendo-button>\r\n </div>\r\n </div>\r\n </div>\r\n</kendo-window>", styles: [".dialog-content .dialog-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.dialog-footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n width: auto;\r\n height: 40px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n background: #FFF;\r\n padding: 8px 16px;\r\n}\r\n.custom-dialog-body {\r\nflex: 1;\r\n}\r\n.custom-dialog-body .dialog-content {\r\n flex: 1;\r\n overflow: auto;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n}\r\n.dialog-footer .k-card-footer {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0;\r\n}\r\n::ng-deep .kendo-window-hide-restore .k-window-content {\r\n padding: 0;\r\n}\r\n.custom-dialog-body .dialog-content .k-tilelayout {\r\n background: #fff;\r\n}"] }]
156
+ args: [{ selector: 'app-edit-dashboard', template: "<div class=\"k-overlay\"></div>\r\n<kendo-window \r\n class=\"kendo-window-hide-restore\"\r\n [width]=\"500\" \r\n [minHeight]=\"300\" \r\n [minWidth]=\"400\" \r\n [resizable]=\"true\" \r\n (close)=\"closeDialog($event)\"\r\n [state]=\"'maximized'\" \r\n title=\"Customize Dashboard\">\r\n <div class=\"k-d-flex k-flex-col k-justify-content-between k-h-full custom-dialog-body\">\r\n <div class=\"dialog-content \">\r\n <div class=\"dialog-actions\">\r\n <kendo-dropdownbutton class=\"k-m-2\" themeColor=\"primary\" [data]=\"ResourceTypes\" [textField]=\"'DisplayName'\" (itemClick)=\"onItemSelect($event)\">\r\n <span class=\"fa-solid fa-plus\"></span> Add item\r\n </kendo-dropdownbutton>\r\n </div>\r\n <kendo-tilelayout\r\n [columns]=\"config.columns\"\r\n [rowHeight]=\"config.rowHeight\"\r\n [resizable]=\"true\"\r\n [reorderable]=\"true\"\r\n (resize)=\"onResize($event)\"\r\n (reorder)=\"onReorder($event)\"\r\n >\r\n <kendo-tilelayout-item *ngFor=\"let item of _items\" [col]=\"item.col\" [colSpan]=\"item.colSpan\" [rowSpan]=\"item.rowSpan\" [id]=\"item.uniqueId\">\r\n <kendo-tilelayout-item-header>\r\n {{item.title}}\r\n <kendo-button class=\"k-float-right\" (click)=\"removeItem(item)\">X</kendo-button>\r\n </kendo-tilelayout-item-header>\r\n <kendo-tilelayout-item-body>\r\n <!-- <div class=\"overlay\"></div> -->\r\n <!-- <app-resource [Data]=\"item.ResourceData\" [isVisible]=\"false\"></app-resource> -->\r\n </kendo-tilelayout-item-body>\r\n </kendo-tilelayout-item>\r\n </kendo-tilelayout>\r\n \r\n </div>\r\n <div class=\"dialog-footer\">\r\n <div class=\"k-card-footer !k-border-none\">\r\n <kendo-button (click)=\"closeDialog($event)\" >\r\n <span class=\"fa-solid fa-xmark\"></span>\r\n Cancel\r\n </kendo-button>\r\n <kendo-button (click)=\"saveChanges()\" [primary]=\"true\" >\r\n <span class=\"fa-solid fa-check\"></span>\r\n Save\r\n </kendo-button>\r\n </div>\r\n </div>\r\n </div>\r\n</kendo-window>", styles: [".dialog-content .dialog-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n.dialog-footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n width: auto;\r\n height: 40px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.08);\r\n background: #FFF;\r\n padding: 8px 16px;\r\n}\r\n.custom-dialog-body {\r\nflex: 1;\r\n}\r\n.custom-dialog-body .dialog-content {\r\n flex: 1;\r\n overflow: auto;\r\n padding: 16px;\r\n box-sizing: border-box;\r\n}\r\n.dialog-footer .k-card-footer {\r\n display: flex;\r\n gap: 8px;\r\n padding: 0;\r\n}\r\n::ng-deep .kendo-window-hide-restore .k-window-content {\r\n padding: 0;\r\n}\r\n.custom-dialog-body .dialog-content .k-tilelayout {\r\n background: #fff;\r\n}"] }]
157
157
  }], null, { onSave: [{
158
158
  type: Output
159
159
  }], onClose: [{
package/dist/lib/single-entity/single-entity.component.js CHANGED
@@ -28,21 +28,21 @@ function SingleEntityComponent_kendo_loader_13_Template(rf, ctx) { if (rf & 1) {
28
28
  function SingleEntityComponent_div_14_div_1_Template(rf, ctx) { if (rf & 1) {
29
29
  const _r6 = i0.ɵɵgetCurrentView();
30
30
  i0.ɵɵelementStart(0, "div")(1, "kendo-card", 14)(2, "kendo-card-header", 15);
31
- i0.ɵɵelement(3, "kendo-svgicon", 5);
32
- i0.ɵɵelementStart(4, "div", 16)(5, "button", 17);
31
+ i0.ɵɵelement(3, "kendo-svgicon", 16);
32
+ i0.ɵɵelementStart(4, "div", 17)(5, "button", 18);
33
33
  i0.ɵɵlistener("click", function SingleEntityComponent_div_14_div_1_Template_button_click_5_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const entity_r4 = restoredCtx.$implicit; const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.editView(entity_r4)); });
34
- i0.ɵɵelement(6, "span", 18);
34
+ i0.ɵɵelement(6, "span", 19);
35
35
  i0.ɵɵelementEnd();
36
- i0.ɵɵelementStart(7, "button", 17);
36
+ i0.ɵɵelementStart(7, "button", 18);
37
37
  i0.ɵɵlistener("click", function SingleEntityComponent_div_14_div_1_Template_button_click_7_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const entity_r4 = restoredCtx.$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.handleDeleteView(entity_r4)); });
38
- i0.ɵɵelement(8, "span", 19);
38
+ i0.ɵɵelement(8, "span", 20);
39
39
  i0.ɵɵelementEnd()()();
40
- i0.ɵɵelementStart(9, "kendo-card-body", 20);
40
+ i0.ɵɵelementStart(9, "kendo-card-body", 21);
41
41
  i0.ɵɵlistener("click", function SingleEntityComponent_div_14_div_1_Template_kendo_card_body_click_9_listener() { const restoredCtx = i0.ɵɵrestoreView(_r6); const entity_r4 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r8.viewItemClick(entity_r4)); });
42
- i0.ɵɵelementStart(10, "div", 21)(11, "h5", 22);
42
+ i0.ɵɵelementStart(10, "div", 22)(11, "h5", 23);
43
43
  i0.ɵɵtext(12);
44
44
  i0.ɵɵelementEnd();
45
- i0.ɵɵelementStart(13, "p", 23);
45
+ i0.ɵɵelementStart(13, "p", 24);
46
46
  i0.ɵɵtext(14);
47
47
  i0.ɵɵelementEnd()()()()();
48
48
  } if (rf & 2) {
@@ -69,25 +69,25 @@ function SingleEntityComponent_kendo_dialog_15_kendo_loader_1_Template(rf, ctx)
69
69
  } }
70
70
  function SingleEntityComponent_kendo_dialog_15_Template(rf, ctx) { if (rf & 1) {
71
71
  const _r11 = i0.ɵɵgetCurrentView();
72
- i0.ɵɵelementStart(0, "kendo-dialog", 24);
72
+ i0.ɵɵelementStart(0, "kendo-dialog", 25);
73
73
  i0.ɵɵlistener("close", function SingleEntityComponent_kendo_dialog_15_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.handleDeleteView()); });
74
74
  i0.ɵɵtemplate(1, SingleEntityComponent_kendo_dialog_15_kendo_loader_1_Template, 1, 0, "kendo-loader", 8);
75
- i0.ɵɵelementStart(2, "div")(3, "p", 25);
75
+ i0.ɵɵelementStart(2, "div")(3, "p", 26);
76
76
  i0.ɵɵtext(4, " Are you sure you want to delete ");
77
77
  i0.ɵɵelementStart(5, "b");
78
78
  i0.ɵɵtext(6);
79
79
  i0.ɵɵelementEnd();
80
80
  i0.ɵɵtext(7, " View? ");
81
81
  i0.ɵɵelementEnd();
82
- i0.ɵɵelementStart(8, "div", 26)(9, "button", 27);
82
+ i0.ɵɵelementStart(8, "div", 27)(9, "button", 28);
83
83
  i0.ɵɵlistener("click", function SingleEntityComponent_kendo_dialog_15_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.deleteView()); });
84
- i0.ɵɵelement(10, "span", 28);
84
+ i0.ɵɵelement(10, "span", 29);
85
85
  i0.ɵɵtext(11, " Yes ");
86
86
  i0.ɵɵelementEnd();
87
87
  i0.ɵɵelementStart(12, "button", 4);
88
88
  i0.ɵɵlistener("click", function SingleEntityComponent_kendo_dialog_15_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r11); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.handleDeleteView()); });
89
- i0.ɵɵelement(13, "span", 29);
90
- i0.ɵɵtext(14, " No");
89
+ i0.ɵɵelement(13, "span", 30);
90
+ i0.ɵɵtext(14, " No ");
91
91
  i0.ɵɵelementEnd()()()();
92
92
  } if (rf & 2) {
93
93
  const ctx_r2 = i0.ɵɵnextContext();
@@ -211,7 +211,7 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
211
211
  } if (rf & 2) {
212
212
  let _t;
213
213
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewPropertiesDialog = _t.first);
214
- } }, decls: 16, vars: 8, consts: [[1, "card-container", "entity-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "k-icon", "k-i-information"], ["kendoButton", "", 3, "click"], [3, "icon"], [3, "EntityName", "ShowPropertiesButton", "dialogClosed"], [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"], ["title", "Delete View", 3, "close", 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"], [1, "k-hstack", "view-card"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "k-icon", "k-i-edit"], [1, "k-icon", "k-i-delete"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["title", "Delete View", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "k-icon", "k-i-check"], [1, "k-icon", "k-i-close"]], template: function SingleEntityComponent_Template(rf, ctx) { if (rf & 1) {
214
+ } }, decls: 16, vars: 7, consts: [[1, "card-container", "entity-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "fa-solid", "fa-circle-info"], ["kendoButton", "", 3, "click"], [1, "fa-solid", "fa-plus"], [3, "EntityName", "ShowPropertiesButton", "dialogClosed"], [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"], ["title", "Delete View", 3, "close", 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"], [1, "k-hstack", "view-card"], [3, "icon"], [1, "btn-wrapper"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "fa-solid", "fa-pen-to-square"], [1, "fa-regular", "fa-trash-can"], [3, "click"], [1, "view-card-content", "k-cursor-pointer"], ["kendoCardTitle", ""], ["kendoCardSubtitle", ""], ["title", "Delete View", 3, "close"], [1, "k-m-7.5", "k-text-center"], [1, "k-actions", "k-actions-end", "popup-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fa-solid", "fa-check"], [1, "fa-solid", "fa-xmark"]], template: function SingleEntityComponent_Template(rf, ctx) { if (rf & 1) {
215
215
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
216
216
  i0.ɵɵtext(4);
217
217
  i0.ɵɵelementEnd();
@@ -221,8 +221,8 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
221
221
  i0.ɵɵelementEnd()();
222
222
  i0.ɵɵelementStart(8, "button", 4);
223
223
  i0.ɵɵlistener("click", function SingleEntityComponent_Template_button_click_8_listener() { return ctx.createNewView(); });
224
- i0.ɵɵelement(9, "kendo-svgicon", 5);
225
- i0.ɵɵtext(10, " Create New View");
224
+ i0.ɵɵelement(9, "span", 5);
225
+ i0.ɵɵtext(10, " Create New View ");
226
226
  i0.ɵɵelementEnd()();
227
227
  i0.ɵɵelementStart(11, "mj-user-view-properties-dialog", 6);
228
228
  i0.ɵɵlistener("dialogClosed", function SingleEntityComponent_Template_mj_user_view_properties_dialog_dialogClosed_11_listener($event) { return ctx.viewPropertiesClosed($event); });
@@ -236,10 +236,8 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
236
236
  i0.ɵɵadvance(4);
237
237
  i0.ɵɵtextInterpolate(ctx.entityName);
238
238
  i0.ɵɵadvance(3);
239
- i0.ɵɵtextInterpolate1(" ", ctx.entityDescription, "");
240
- i0.ɵɵadvance(2);
241
- i0.ɵɵproperty("icon", ctx.sharedService.kendoSVGIcon("plus"));
242
- i0.ɵɵadvance(2);
239
+ i0.ɵɵtextInterpolate1(" ", ctx.entityDescription, " ");
240
+ i0.ɵɵadvance(4);
243
241
  i0.ɵɵproperty("EntityName", ctx.entityName)("ShowPropertiesButton", false);
244
242
  i0.ɵɵadvance(2);
245
243
  i0.ɵɵproperty("ngIf", ctx.showloader);
@@ -250,7 +248,7 @@ SingleEntityComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Singl
250
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}"] });
251
249
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleEntityComponent, [{
252
250
  type: Component,
253
- args: [{ selector: 'mj-single-entity', template: "<div class=\"card-container entity-container\">\r\n <div class=\"card-header-entity\">\r\n <!-- <div class=\"title-wrapper\">\r\n <h4>{{entityName}}</h4>\r\n <kendo-dropdownbutton [data]=\"data\" themeColor=\"primary\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M7.86401 1V14.7279\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n <path d=\"M1 7.86401H14.7279\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"/>\r\n </svg>\r\n Create New\r\n </kendo-dropdownbutton>\r\n </div> -->\r\n <div class=\"title-wrap\">\r\n <h1>{{entityName}}</h1>\r\n <p> <span class=\"k-icon k-i-information\"></span> {{entityDescription}}</p>\r\n </div>\r\n <button kendoButton (click)=\"createNewView()\">\r\n <kendo-svgicon [icon]=\"sharedService.kendoSVGIcon('plus')\"></kendo-svgicon>\r\n Create New View</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=\"k-icon k-i-edit\"></span>\r\n </button>\r\n <button kendoButton fillMode=\"flat\" (click)=\"handleDeleteView(entity)\"><span\r\n class=\"k-icon k-i-delete\"></span></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=\"k-icon k-i-check\"></span> Yes\r\n </button>\r\n <button kendoButton (click)=\"handleDeleteView()\"><span class=\"k-icon k-i-close\"></span> No</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\">\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"] }]
254
252
  }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.NotificationService }, { type: i3.SharedService }], { viewPropertiesDialog: [{
255
253
  type: ViewChild,
256
254
  args: [UserViewPropertiesDialogComponent, { static: true }]
package/dist/lib/user-notifications/user-notifications.component.js CHANGED
@@ -349,7 +349,7 @@ UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
349
349
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.allRadio = _t.first);
350
350
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unreadRadio = _t.first);
351
351
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.readRadio = _t.first);
352
- } }, decls: 17, vars: 10, consts: [["mjFillContainer", "", 1, "notification-list-wrap", 3, "bottomMargin"], [1, "header"], [1, "title"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change", 4, "ngIf"], ["class", "radio-label", 3, "click", 4, "ngIf"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change", 4, "ngIf"], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change", 4, "ngIf"], ["placeholder", "Filter items...", 1, "filter-input", 3, "valueChange"], ["kendoTextBoxSuffixTemplate", ""], [3, "data"], ["kendoListViewItemTemplate", ""], ["kendoButton", "", 3, "click"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change"], ["allRadio", ""], [1, "radio-label", 3, "click"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change"], ["unreadRadio", ""], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change"], ["readRadio", ""], [1, "k-icon", "k-i-search"], [3, "click"], [1, "notification-body", 3, "click"], [1, "notification-date"], [1, "notification-message"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {
352
+ } }, decls: 17, vars: 10, consts: [["mjFillContainer", "", 1, "notification-list-wrap", 3, "bottomMargin"], [1, "header"], [1, "title"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change", 4, "ngIf"], ["class", "radio-label", 3, "click", 4, "ngIf"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change", 4, "ngIf"], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change", 4, "ngIf"], ["placeholder", "Filter items...", 1, "filter-input", 3, "valueChange"], ["kendoTextBoxSuffixTemplate", ""], [3, "data"], ["kendoListViewItemTemplate", ""], ["kendoButton", "", 3, "click"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change"], ["allRadio", ""], [1, "radio-label", 3, "click"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change"], ["unreadRadio", ""], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change"], ["readRadio", ""], [1, "fa-solid", "fa-magnifying-glass"], [3, "click"], [1, "notification-body", 3, "click"], [1, "notification-date"], [1, "notification-message"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {
353
353
  i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
354
354
  i0.ɵɵtext(3, " Notifications ");
355
355
  i0.ɵɵelementEnd();
@@ -385,7 +385,7 @@ UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type:
385
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}"] });
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\"> \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=\"k-icon k-i-search\"></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 {\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\"> \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}"] }]
389
389
  }], () => [{ type: i1.SharedService }, { type: i2.Router }], { allRadio: [{
390
390
  type: ViewChild,
391
391
  args: ['allRadio']
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memberjunction/ng-explorer-core",
3
- "version": "0.9.227",
3
+ "version": "0.9.231",
4
4
  "description": "MemberJunction Explorer: Core Angular Components",
5
5
  "main": "./dist/public-api.js",
6
6
  "typings": "./dist/public-api.d.ts",
@@ -26,21 +26,21 @@
26
26
  "@angular/router": "~17.2.2"
27
27
  },
28
28
  "dependencies": {
29
- "@memberjunction/global": "^0.9.167",
30
- "@memberjunction/core": "^0.9.185",
31
- "@memberjunction/ng-compare-records": "^0.9.197",
32
- "@memberjunction/ng-file-storage": "^0.9.22",
33
- "@memberjunction/ng-record-changes": "^0.9.131",
34
- "@memberjunction/ng-container-directives": "^0.9.148",
35
- "@memberjunction/ng-user-view-grid": "^0.9.232",
36
- "@memberjunction/ng-query-grid": "^0.9.79",
37
- "@memberjunction/ng-user-view-properties": "^0.9.6",
38
- "@memberjunction/ng-shared": "^0.9.49",
39
- "@memberjunction/ng-tabstrip": "^0.9.5",
40
- "@memberjunction/ng-ask-skip": "^0.9.120",
41
- "@memberjunction/ng-auth-services": "^0.9.107",
42
- "@memberjunction/ng-explorer-settings": "^0.9.28",
43
- "@memberjunction/ng-base-forms": "^0.9.18",
29
+ "@memberjunction/global": "^0.9.168",
30
+ "@memberjunction/core": "^0.9.186",
31
+ "@memberjunction/ng-compare-records": "^0.9.199",
32
+ "@memberjunction/ng-file-storage": "^0.9.24",
33
+ "@memberjunction/ng-record-changes": "^0.9.133",
34
+ "@memberjunction/ng-container-directives": "^0.9.149",
35
+ "@memberjunction/ng-user-view-grid": "^0.9.234",
36
+ "@memberjunction/ng-query-grid": "^0.9.81",
37
+ "@memberjunction/ng-user-view-properties": "^0.9.10",
38
+ "@memberjunction/ng-shared": "^0.9.51",
39
+ "@memberjunction/ng-tabstrip": "^0.9.10",
40
+ "@memberjunction/ng-ask-skip": "^0.9.124",
41
+ "@memberjunction/ng-auth-services": "^0.9.108",
42
+ "@memberjunction/ng-explorer-settings": "^0.9.32",
43
+ "@memberjunction/ng-base-forms": "^0.9.23",
44
44
  "@progress/kendo-angular-grid": "~15.1.0",
45
45
  "@progress/kendo-angular-buttons": "~15.1.0",
46
46
  "@progress/kendo-angular-listview": "~15.1.0",