@memberjunction/ng-explorer-core 0.9.234 → 0.9.236

package/dist/lib/header/header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../src/lib/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAqB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAAc,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,qBAKa,eAAgB,YAAW,MAAM;IAkCvB,QAAQ,EAAE,UAAU;IAAS,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,oBAAoB;IAAwB,OAAO,CAAC,MAAM;IAjCvI,eAAe,EAAG,MAAM,CAAC;IACzB,mBAAmB,EAAG,MAAM,CAAC;IAE/B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAE7B;IACK,gBAAgB,EAAE,MAAM,CAAe;IACvC,YAAY,EAAE,MAAM,CAAqB;IAC/B,MAAM,oBAAsB;IAEnB,WAAW,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClC,cAAc,EAAG,qBAAqB,CAAA;IAEjE,OAAO,EAAE,MAAM,CAAI;IAEnB,gBAAgB;;;MAA4C;IAC5D,aAAa;;MAAoB;IACjC,MAAM,EAAE,GAAG,CAKhB;IACK,aAAa,MAAkB;IAEtC,IAAW,iBAAiB,IAAI,sBAAsB,EAAE,CAEvD;IAED,IAAW,uBAAuB,IAAI,MAAM,CAE3C;gBAEkB,QAAQ,EAAE,UAAU,EAAS,aAAa,EAAE,aAAa,EAAU,oBAAoB,EAAE,oBAAoB,EAAU,MAAM,EAAE,MAAM;IAEjJ,WAAW,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC;IAM/C,aAAa,IAAI,IAAI;IAIf,MAAM;IAMN,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,iBAAiB,CAAC,KAAK,EAAE,GAAG;IAWlC,kBAAkB,EAAE,GAAG,EAAE,CAAM;IAC/B,cAAc,EAAE,GAAG,CAAC;IACd,QAAQ;YAmBP,sBAAsB;IAepC,OAAO,CAAC,WAAW;IAKZ,QAAQ,CAAC,KAAK,EAAE,GAAG;yCA9GjB,eAAe;2CAAf,eAAe;CAyH3B"}
+{"version":3,"file":"header.component.d.ts","sourceRoot":"","sources":["../../../src/lib/header/header.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAqB,UAAU,EAAE,MAAM,EAAS,MAAM,eAAe,CAAC;AACtG,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAE9D,OAAO,EAAc,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,qBAKa,eAAgB,YAAW,MAAM;IAkCvB,QAAQ,EAAE,UAAU;IAAS,aAAa,EAAE,aAAa;IAAE,OAAO,CAAC,oBAAoB;IAAwB,OAAO,CAAC,MAAM;IAjCvI,eAAe,EAAG,MAAM,CAAC;IACzB,mBAAmB,EAAG,MAAM,CAAC;IAE/B,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,CAE7B;IACK,gBAAgB,EAAE,MAAM,CAAe;IACvC,YAAY,EAAE,MAAM,CAAqB;IAC/B,MAAM,oBAAsB;IAEnB,WAAW,EAAG,UAAU,CAAC,gBAAgB,CAAC,CAAA;IAClC,cAAc,EAAG,qBAAqB,CAAA;IAEjE,OAAO,EAAE,MAAM,CAAI;IAEnB,gBAAgB;;;MAA4C;IAC5D,aAAa;;MAAoB;IACjC,MAAM,EAAE,GAAG,CAKhB;IACK,aAAa,MAAkB;IAEtC,IAAW,iBAAiB,IAAI,sBAAsB,EAAE,CAEvD;IAED,IAAW,uBAAuB,IAAI,MAAM,CAE3C;gBAEkB,QAAQ,EAAE,UAAU,EAAS,aAAa,EAAE,aAAa,EAAU,oBAAoB,EAAE,oBAAoB,EAAU,MAAM,EAAE,MAAM;IAEjJ,WAAW,CAAC,KAAK,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC;IAM/C,aAAa,IAAI,IAAI;IAIf,MAAM;IAMN,WAAW,CAAC,KAAK,EAAE,GAAG;IAMtB,iBAAiB,CAAC,KAAK,EAAE,GAAG;IAWlC,kBAAkB,EAAE,GAAG,EAAE,CAAM;IAC/B,cAAc,EAAE,GAAG,CAAC;IACd,QAAQ;YAoBP,sBAAsB;IAepC,OAAO,CAAC,WAAW;IAKZ,QAAQ,CAAC,KAAK,EAAE,GAAG;yCA/GjB,eAAe;2CAAf,eAAe;CA0H3B"}

package/dist/lib/header/header.component.js

@@ -19,12 +19,13 @@ import * as i3 from "./MSFT_UserImageService";
 import * as i4 from "@angular/router";
 import * as i5 from "@angular/common";
 import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-inputs";
-import * as i8 from "@progress/kendo-angular-layout";
-import * as i9 from "@progress/kendo-angular-dropdowns";
+import * as i7 from "@progress/kendo-angular-indicators";
+import * as i8 from "@progress/kendo-angular-inputs";
+import * as i9 from "@progress/kendo-angular-layout";
+import * as i10 from "@progress/kendo-angular-dropdowns";
 const _c0 = ["searchInput"];
-function HeaderComponent_span_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 22);
+function HeaderComponent_kendo_badge_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "kendo-badge", 21);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -104,11 +105,12 @@ export class HeaderComponent {
                     const md = new Metadata();
                     this.menuItems[0] = md.CurrentUser.FirstLast;
                     this.selectedMenuItem = this.menuItems[0];
-                    if (this.isMicrosoft(event.args))
+                    if (this.isMicrosoft(event.args)) {
                         this.msftUserImageService.getPhoto(event.args.accessToken).subscribe((blob) => {
                             this.userImageURL = URL.createObjectURL(blob);
                             this.sharedService.CurrentUserImage = this.userImageURL;
                         });
+                    }
                 }
             }));
         });
@@ -152,7 +154,7 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
         let _t;
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.searchInput = _t.first);
         i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityDropdown = _t.first);
-    } }, 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) {
+    } }, inputs: { applicationName: "applicationName", applicationInstance: "applicationInstance" }, outputs: { toggle: "toggle" }, decls: 23, vars: 6, consts: [[1, "header-wrap"], [1, "header", "header-bg"], [1, "nav-container"], [1, "menu-button"], [1, "k-icon", 3, "click"], [1, "fa-solid", "fa-bars", "fa-xl"], [1, "title"], ["kendoCardMedia", "", "src", "assets/MJ_logo.svg", "height", "45px", 1, "app-logo"], [1, "user-info-wrapper"], [1, "search-wrapper"], ["textField", "Name", "valueField", "ID", 1, "search-entity-list", 3, "data", "ngModel", "ngModelChange"], ["type", "text", "id", "txtSearch", "placeholder", "Search", "kendoTextBox", "", 3, "keydown.enter"], ["searchInput", ""], [1, "fa-solid", "fa-magnifying-glass"], [1, "icon-inbox", 3, "click"], [1, "fa-solid", "fa-inbox", "fa-xl"], ["class", "notification", 4, "ngIf"], [1, "user-info"], ["shape", "circle", 1, "k-m-0", 2, "margin", "0", 3, "imageSrc"], [1, "example-col"], [3, "data", "value", "valueChange"], [1, "notification"]], template: function HeaderComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "span", 4);
         i0.ɵɵlistener("click", function HeaderComponent_Template_span_click_4_listener() { return ctx.onButtonClick(); });
         i0.ɵɵelement(5, "span", 5);
@@ -172,14 +174,13 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
         i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(15, "div", 14);
         i0.ɵɵlistener("click", function HeaderComponent_Template_div_click_15_listener($event) { return ctx.showNotifications($event); });
-        i0.ɵɵelementStart(16, "span", 15);
-        i0.ɵɵelement(17, "span", 16);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(18, HeaderComponent_span_18_Template, 2, 1, "span", 17);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(19, "div", 18);
-        i0.ɵɵelement(20, "kendo-avatar", 19);
-        i0.ɵɵelementStart(21, "div", 20)(22, "kendo-dropdownlist", 21);
+        i0.ɵɵelementStart(16, "kendo-badge-container");
+        i0.ɵɵelement(17, "i", 15);
+        i0.ɵɵtemplate(18, HeaderComponent_kendo_badge_18_Template, 2, 1, "kendo-badge", 16);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(19, "div", 17);
+        i0.ɵɵelement(20, "kendo-avatar", 18);
+        i0.ɵɵelementStart(21, "div", 19)(22, "kendo-dropdownlist", 20);
         i0.ɵɵlistener("valueChange", function HeaderComponent_Template_kendo_dropdownlist_valueChange_22_listener($event) { return ctx.valueChange($event); });
         i0.ɵɵelementEnd()()()()()()();
     } if (rf & 2) {
@@ -192,10 +193,10 @@ HeaderComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HeaderCompo
         i0.ɵɵproperty("imageSrc", ctx.userImageURL);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("data", ctx.menuItems)("value", ctx.selectedMenuItem);
-    } }, 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}"] });
+    } }, dependencies: [i5.NgIf, i6.NgControlStatus, i6.NgModel, i7.BadgeComponent, i7.BadgeContainerComponent, i8.TextBoxDirective, 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}\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: #54585F;\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}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HeaderComponent, [{
         type: Component,
-        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"] }]
+        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        <kendo-badge-container>\r\n          <i class=\"fa-solid fa-inbox fa-xl\"></i>\r\n          <kendo-badge class=\"notification\" *ngIf=\"UnreadNotificationCount > 0\">{{UnreadNotificationCount}}</kendo-badge>\r\n        </kendo-badge-container>\r\n        <!--\r\n          <span class=\"k-icon\" style=\"cursor: pointer;\">\r\n            <span class=\"fa-solid fa-inbox fa-xl\">\r\n            </span>\r\n          </span>\r\n          <span ></span>\r\n          -->\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          </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}\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: #54585F;\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"] }]
     }], () => [{ type: i1.MJAuthBase }, { type: i2.SharedService }, { type: i3.MSFTUserImageService }, { type: i4.Router }], { applicationName: [{
             type: Input
         }], applicationInstance: [{

package/dist/lib/navigation/navigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAa,MAAM,EAAE,SAAS,EAA6B,aAAa,EAAE,SAAS,EAAS,iBAAiB,EAAyC,MAAM,eAAe,CAAC;AAC1M,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAA2C,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAClG,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,eAAe,EAAE,UAAU,EAAiD,MAAM,gCAAgC,CAAC;AAC3J,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAoC,oBAAoB,EAAyB,MAAM,sBAAsB,CAAC;AAC5J,OAAO,EAAE,OAAO,EAAyB,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAc,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAwC,cAAc,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC/G,OAAO,EAAyB,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAkB,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;;AAGjH,MAAM,WAAW,GAAG;IAClB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,GAAG,CAAC;CACrB;AAED,qBAKa,mBAAoB,YAAW,MAAM,EAAE,SAAS,EAAE,aAAa;IA0DxE,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,KAAK;IACN,aAAa,EAAE,aAAa;IACnC,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,QAAQ;IAChB,OAAO,CAAC,YAAY;IACpB,OAAO,CAAC,GAAG;IA/DJ,eAAe,EAAG,MAAM,CAAA;IAE1B,WAAW,EAAE,UAAU,EAAE,CAG7B;IAEI,IAAI,EAAE,UAAU,CAAU;IAC1B,IAAI,UAAQ;IACZ,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B,kBAAkB,EAAE,UAAU,GAAG,IAAI,CAAQ;IAC7C,WAAW,EAAE,eAAe,GAAG,IAAI,CAAQ;IAC3C,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;IACzC,YAAY,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC3C,OAAO,EAAE,OAAO,CAAQ;IACxB,MAAM,EAAE,OAAO,CAAS;IACxB,IAAI,EAAE,GAAG,EAAE,CAAM;IACjB,UAAU,EAAE,GAAG,EAAE,CAAM;IAC9B,OAAO,CAAC,cAAc,CAAW;IAGjC,OAAO,CAAC,SAAS,CAAW;IAC5B,OAAO,CAAC,cAAc,CAA6B;IAC5C,UAAU,EAAE,QAAQ,EAAE,CAAM;IAE5B,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAA6B;IACT,cAAc,EAAE,OAAO,CAAS;IACpE,OAAO,CAAC,aAAa,CAAM;IAEoB,MAAM,EAAG,eAAe,CAAC;IAC/C,UAAU,EAAG,mBAAmB,CAAC;IACX,aAAa,EAAG,UAAU,CAAC;IAEd,SAAS,EAAI,UAAU,CAAC;IAGpF,cAAc,IAAI,IAAI;IAQtB,OAAO,IAAI,IAAI;IAIf,gBAAgB,EAAE,GAAG,CAAM;IAC3B,kBAAkB,EAAE,OAAO,CAAS;gBAK1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,cAAc,EACtB,aAAa,EAAE,aAAa,EAC3B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,KAAK,EACnB,GAAG,EAAE,iBAAiB;IAQhC,OAAO,CAAC,4BAA4B,CAAc;IAC3C,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,GAAG,IAAI;IAchD,uBAAuB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAmDnE,OAAO,CAAC,iBAAiB;IAIzB,eAAe,IAAI,IAAI;IAavB,OAAO,CAAC,SAAS,CAAkB;IACnC,OAAO,CAAC,YAAY,CAAwC;cAC5C,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG;IAqDrD,OAAO,CAAC,WAAW,CAAkB;IACrC,QAAQ;IAiCR,OAAO,CAAC,cAAc,CAAc;cACpB,eAAe;IAyC/B,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAwB9B,SAAS,CAAC,kBAAkB;IAIrB,cAAc,CAAC,GAAG,EAAE,GAAG;IAuB9B,OAAO,CAAC,eAAe;YAUT,YAAY;IAiCb,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAmC3C,SAAS,CAAC,WAAW,CAAC,KAAK,GAAE,MAAW;IAOxC,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,YAAY,GAAG,GAAG,GAAG,IAAI;cAmC7C,cAAc,CAAC,IAAI,EAAE,YAAY;cAqDjC,cAAc,CAAC,MAAM,EAAE,GAAG;IAO1C,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC;IAOjC,OAAO,CAAC,gBAAgB;IA2FxB,cAAc;IAQR,2BAA2B,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAUhE,aAAa,IAAI,OAAO,CAAC,OAAO,CAAC;IASjC,uBAAuB,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC;IAsClD,0BAA0B,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,OAAO;IAKhD,eAAe,CAAC,KAAK,EAAE,cAAc;IAS3C,iBAAiB,CAAC,KAAK,EAAE,QAAQ;IAW3B,QAAQ,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAwBtD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,oBAAoB,GAAG,IAAI;IA8B3E,cAAc;IAQd,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IAI1C,WAAW;IAUJ,cAAc,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI;IAelD,SAAS,KAAK,cAAc,IAAI,MAAM,CAKrC;IAED,SAAS,KAAK,cAAc,CAAC,KAAK,EAAE,MAAM,EAGzC;IAEM,yBAAyB,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI;IAYlE,sBAAsB,CAAC,QAAQ,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI;IAehE,OAAO;YA2BC,UAAU;cA4CR,QAAQ,CAAC,EAAE,EAAE,QAAQ;cAWrB,QAAQ,CAAC,EAAE,EAAE,QAAQ;cAWrB,YAAY,CAAC,EAAE,EAAE,QAAQ;cAYzB,SAAS;cAqBT,gBAAgB,CAAC,EAAE,EAAE,QAAQ;cAW7B,gBAAgB,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM;IAiBhG,eAAe;IAWf,MAAM;yCAx+BF,mBAAmB;2CAAnB,mBAAmB;CA4+B/B"}
+{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/navigation/navigation.component.js

@@ -12,7 +12,7 @@ import { NavigationEnd, NavigationSkipped } from '@angular/router';
 import { DrawerComponent } from "@progress/kendo-angular-layout";
 import { Metadata, RunView, LogError } from '@memberjunction/core';
 import { MJEventType, MJGlobal } from '@memberjunction/global';
-import { EventCodes } from '@memberjunction/ng-shared';
+import { EventCodes, SharedService } from '@memberjunction/ng-shared';
 import { BaseResourceComponent, ResourceData } from '@memberjunction/ng-shared';
 import { ItemType, TreeItem } from '../../generic/Item.types';
 import * as i0 from "@angular/core";
@@ -27,82 +27,69 @@ import * as i8 from "@progress/kendo-angular-layout";
 import * as i9 from "@memberjunction/ng-ask-skip";
 import * as i10 from "@memberjunction/ng-tabstrip";
 import * as i11 from "../generic/resource-container-component";
-import * as i12 from "../expansion-panel-component/expansion-panel-component";
 const _c0 = ["mjTabstrip"];
 const _c1 = ["drawerWrapper"];
 const _c2 = ["container"];
 function NavigationComponent_kendo_loader_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-loader", 6);
 } }
-function NavigationComponent_kendo_drawer_container_3_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "expansion-panel-component", 15);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("items", ctx_r5.panelItems);
+function NavigationComponent_kendo_drawer_container_3_mj_tab_10_span_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 17);
 } }
-function NavigationComponent_kendo_drawer_container_3_mj_tab_11_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 18);
-} }
-function NavigationComponent_kendo_drawer_container_3_mj_tab_11_kendo_svgicon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-svgicon", 19);
+function NavigationComponent_kendo_drawer_container_3_mj_tab_10_kendo_svgicon_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-svgicon", 18);
 } if (rf & 2) {
-    const tab_r9 = i0.ɵɵnextContext().$implicit;
-    const ctx_r12 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("icon", ctx_r12.sharedService.kendoSVGIcon(tab_r9.icon));
+    const tab_r8 = i0.ɵɵnextContext().$implicit;
+    const ctx_r11 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("icon", ctx_r11.sharedService.kendoSVGIcon(tab_r8.icon));
 } }
-function NavigationComponent_kendo_drawer_container_3_mj_tab_11_Template(rf, ctx) { if (rf & 1) {
+function NavigationComponent_kendo_drawer_container_3_mj_tab_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mj-tab", 12);
-    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);
+    i0.ɵɵtemplate(1, NavigationComponent_kendo_drawer_container_3_mj_tab_10_span_1_Template, 1, 0, "span", 15)(2, NavigationComponent_kendo_drawer_container_3_mj_tab_10_kendo_svgicon_2_Template, 1, 1, "kendo-svgicon", 16);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const tab_r9 = ctx.$implicit;
+    const tab_r8 = ctx.$implicit;
     i0.ɵɵproperty("TabCloseable", true);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", tab_r9 == null ? null : tab_r9.contentLoading);
+    i0.ɵɵproperty("ngIf", tab_r8 == null ? null : tab_r8.contentLoading);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !(tab_r9 == null ? null : tab_r9.contentLoading) && (tab_r9 == null ? null : tab_r9.icon));
+    i0.ɵɵproperty("ngIf", !(tab_r8 == null ? null : tab_r8.contentLoading) && (tab_r8 == null ? null : tab_r8.icon));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", tab_r9.labelLoading ? "Loading..." : tab_r9.label, " ");
+    i0.ɵɵtextInterpolate1(" ", tab_r8.labelLoading ? "Loading..." : tab_r8.label, " ");
 } }
-function NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 20);
-    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)); });
+function NavigationComponent_kendo_drawer_container_3_mj_tab_body_11_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-tab-body")(1, "mj-resource", 19);
+    i0.ɵɵlistener("ResourceRecordSaved", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_11_Template_mj_resource_ResourceRecordSaved_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const tab_r13 = restoredCtx.$implicit; const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.SaveSingleWorkspaceItem(tab_r13)); })("ContentLoadingStarted", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_11_Template_mj_resource_ContentLoadingStarted_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const tab_r13 = restoredCtx.$implicit; const ctx_r17 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r17.setTabContentLoadingStatus(tab_r13, true)); })("ContentLoadingComplete", function NavigationComponent_kendo_drawer_container_3_mj_tab_body_11_Template_mj_resource_ContentLoadingComplete_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const tab_r13 = restoredCtx.$implicit; const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.setTabContentLoadingStatus(tab_r13, false)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const tab_r14 = ctx.$implicit;
-    const i_r15 = ctx.index;
-    const ctx_r8 = i0.ɵɵnextContext(2);
+    const tab_r13 = ctx.$implicit;
+    const i_r14 = ctx.index;
+    const ctx_r7 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Data", tab_r14.data)("isVisible", ctx_r8.activeTabIndex - 1 === i_r15);
+    i0.ɵɵproperty("Data", tab_r13.data)("isVisible", ctx_r7.activeTabIndex - 1 === i_r14);
 } }
 function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
+    const _r20 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "kendo-drawer-container")(1, "kendo-drawer", 7, 8);
-    i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.onDrawerSelect($event)); });
+    i0.ɵɵlistener("select", function NavigationComponent_kendo_drawer_container_3_Template_kendo_drawer_select_1_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r19 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r19.onDrawerSelect($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, NavigationComponent_kendo_drawer_container_3_div_3_Template, 2, 1, "div", 3);
-    i0.ɵɵelementStart(4, "kendo-drawer-content", 9)(5, "mj-tabstrip", 10, 11);
-    i0.ɵɵlistener("TabClosed", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabClosed_5_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.handleTabClosed($event)); })("TabSelected", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabSelected_5_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.handleTabSelected($event)); })("TabContextMenu", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabContextMenu_5_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.handleTabContextMenu($event)); });
-    i0.ɵɵelementStart(7, "mj-tab", 12);
-    i0.ɵɵtext(8, " Home ");
+    i0.ɵɵelementStart(3, "kendo-drawer-content", 9)(4, "mj-tabstrip", 10, 11);
+    i0.ɵɵlistener("TabClosed", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabClosed_4_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.handleTabClosed($event)); })("TabSelected", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabSelected_4_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.handleTabSelected($event)); })("TabContextMenu", function NavigationComponent_kendo_drawer_container_3_Template_mj_tabstrip_TabContextMenu_4_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.handleTabContextMenu($event)); });
+    i0.ɵɵelementStart(6, "mj-tab", 12);
+    i0.ɵɵtext(7, " Home ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "mj-tab-body");
-    i0.ɵɵelement(10, "router-outlet");
+    i0.ɵɵelementStart(8, "mj-tab-body");
+    i0.ɵɵelement(9, "router-outlet");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(11, NavigationComponent_kendo_drawer_container_3_mj_tab_11_Template, 4, 4, "mj-tab", 13)(12, NavigationComponent_kendo_drawer_container_3_mj_tab_body_12_Template, 2, 2, "mj-tab-body", 14);
+    i0.ɵɵtemplate(10, NavigationComponent_kendo_drawer_container_3_mj_tab_10_Template, 4, 4, "mj-tab", 13)(11, NavigationComponent_kendo_drawer_container_3_mj_tab_body_11_Template, 2, 2, "mj-tab-body", 14);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("items", ctx_r2.drawerItems)("mode", ctx_r2.mode)("mini", ctx_r2.mini)("animation", false)("autoCollapse", false);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.showExpansionPanel);
-    i0.ɵɵadvance(4);
+    i0.ɵɵadvance(5);
     i0.ɵɵproperty("TabCloseable", false);
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngForOf", ctx_r2.tabs);
@@ -110,17 +97,17 @@ function NavigationComponent_kendo_drawer_container_3_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngForOf", ctx_r2.tabs);
 } }
 function NavigationComponent_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
-    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)); });
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 21);
+    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r25); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.handleContextMenuOption(1)); });
     i0.ɵɵtext(2, "Close All");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 22);
-    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)); });
+    i0.ɵɵelementStart(3, "div", 21);
+    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_3_listener() { i0.ɵɵrestoreView(_r25); const ctx_r26 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r26.handleContextMenuOption(2)); });
     i0.ɵɵtext(4, "Close Others");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 22);
-    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)); });
+    i0.ɵɵelementStart(5, "div", 21);
+    i0.ɵɵlistener("click", function NavigationComponent_div_5_Template_div_click_5_listener() { i0.ɵɵrestoreView(_r25); const ctx_r27 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r27.handleContextMenuOption(3)); });
     i0.ɵɵtext(6, "Close Tabs to the Right");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -403,12 +390,18 @@ export class NavigationComponent {
         const index = tab ? this.tabs.indexOf(tab) + 1 : 0; // add one because the HOME tab is not in the array so we have to offset by 1 here for our data structure
         this.sharedService.InvokeManualResize();
         if (index === 0) {
+            // this means the HOME tab
             let url = this.selectedDrawerItem ? this.selectedDrawerItem.path : '/home';
             if (this.selectedDrawerItem !== null && this.selectedDrawerItem !== undefined)
                 url = this.selectedDrawerItem.path;
-            this.router.navigate([url]);
-            this.setAppTitle();
-            this._mostRecentURL = url;
+            if (!this._mostRecentURL.startsWith(url)) {
+                // we only do this IF the most recent URL does NOT start with the selectedDrawerItem path. 
+                // The reason is because there could be SUB-PATHS within the _mostRecentURL that are not part of the selectedDrawerItem path
+                // plus this is redundant if we're already on the selectedDrawerItem path
+                this.router.navigate([url]);
+                this.setAppTitle();
+                this._mostRecentURL = url;
+            }
         }
         else {
             const tab = this.tabs[index - 1];
@@ -923,6 +916,8 @@ export class NavigationComponent {
             yield this.loadSkip(md);
             // Data
             yield this.loadApplications(md);
+            //make sure SharedService_resourceTypes is populated first
+            yield SharedService.RefreshData();
             // Dashboards
             yield this.loadResourceType('Dashboards', 'Dashboards', '/dashboards', md.CurrentUser.ID);
             // Reports
@@ -1018,6 +1013,9 @@ export class NavigationComponent {
                 };
                 this.drawerItems.push(drawerItem);
             }
+            else {
+                console.log("no resource type found for " + resourceType);
+            }
         });
     }
     setDrawerConfig() {
@@ -1052,9 +1050,9 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
         i0.ɵɵlistener("resize", function NavigationComponent_resize_HostBindingHandler() { return ctx.onWindowResize(); }, false, i0.ɵɵresolveWindow)("click", function NavigationComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveDocument);
     } if (rf & 2) {
         i0.ɵɵclassProp("mobile-screen", ctx.isMobileScreen);
-    } }, 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) {
+    } }, 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"], ["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) {
         i0.ɵɵelementStart(0, "div", 0, 1);
-        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);
+        i0.ɵɵtemplate(2, NavigationComponent_kendo_loader_2_Template, 1, 0, "kendo-loader", 2)(3, NavigationComponent_kendo_drawer_container_3_Template, 12, 8, "kendo-drawer-container", 3);
         i0.ɵɵelement(4, "mj-skip-button", 4);
         i0.ɵɵelementEnd();
         i0.ɵɵtemplate(5, NavigationComponent_div_5_Template, 7, 1, "div", 5);
@@ -1066,10 +1064,10 @@ NavigationComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Navigat
         i0.ɵɵproperty("ngIf", !ctx.loading);
         i0.ɵɵadvance(2);
         i0.ɵɵproperty("ngIf", ctx.contextMenuVisible);
-    } }, 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}"] });
+    } }, 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], 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}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NavigationComponent, [{
         type: Component,
-        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}"] }]
+        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    </kendo-drawer>\r\n    <!--\r\n    <div *ngIf=\"showExpansionPanel\">\r\n      <expansion-panel-component [items]=\"panelItems\" />\r\n    </div>\r\n    -->\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}"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }, { type: i3.Location }, { type: i0.Renderer2 }, { type: i4.Title }, { type: i0.ChangeDetectorRef }], { applicationName: [{
             type: Input
         }], isMobileScreen: [{

package/dist/lib/query-browser-component/query-browser.component.js

@@ -69,15 +69,15 @@ export class QueryBrowserComponent extends BaseBrowserComponent {
     }
 }
 QueryBrowserComponent.ɵfac = function QueryBrowserComponent_Factory(t) { return new (t || QueryBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
-QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["mj-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 3, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create New Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "items", "selectedFolderID", "showLoader", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function QueryBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+QueryBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: QueryBrowserComponent, selectors: [["mj-query-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Queries", "itemType", "query", "iconName", "data", "addText", "Create New Query", "ItemEntityName", "Queries", "CategoryEntityName", "Query Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function QueryBrowserComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
         i0.ɵɵlistener("itemClickEvent", function QueryBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function QueryBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function QueryBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function QueryBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); });
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
+        i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true)("disableEditButton", true);
     } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n    height: 80px;\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}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(QueryBrowserComponent, [{
         type: Component,
-        args: [{ selector: 'mj-query-browser', template: "<app-generic-browser-list \r\ntitle=\"Queries\" \r\nitemType=\"query\"\r\niconName=\"data\" \r\n[items]=\"items\"\r\naddText=\"Create New Query\"\r\nItemEntityName=\"Queries\"\r\nCategoryEntityName=\"Query Categories\"\r\n(itemClickEvent)=\"itemClick($event)\"\r\n(AfterAddFolderEvent)=\"onEvent($event)\"\r\n(AfterAddItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n/>", styles: [".k-card-body {\r\n    height: 80px;\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"] }]
+        args: [{ selector: 'mj-query-browser', template: "<app-generic-browser-list \r\ntitle=\"Queries\" \r\nitemType=\"query\"\r\niconName=\"data\" \r\n[items]=\"items\"\r\naddText=\"Create New Query\"\r\nItemEntityName=\"Queries\"\r\nCategoryEntityName=\"Query Categories\"\r\n(itemClickEvent)=\"itemClick($event)\"\r\n(AfterAddFolderEvent)=\"onEvent($event)\"\r\n(AfterAddItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n[disableAddButton]=\"true\"\r\n[disableEditButton]=\"true\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n/>", styles: [".k-card-body {\r\n    height: 80px;\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"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(QueryBrowserComponent, { className: "QueryBrowserComponent", filePath: "src\\lib\\query-browser-component\\query-browser.component.ts", lineNumber: 15 }); })();

package/dist/lib/report-browser-component/report-browser.component.js

@@ -57,15 +57,15 @@ export class ReportBrowserComponent extends BaseBrowserComponent {
     }
 }
 ReportBrowserComponent.ɵfac = function ReportBrowserComponent_Factory(t) { return new (t || ReportBrowserComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
-ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["mj-report-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 4, consts: [["title", "Reports", "itemType", "report", "iconName", "graph", "addText", "Create New Report", "ItemEntityName", "Reports", "CategoryEntityName", "Report Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function ReportBrowserComponent_Template(rf, ctx) { if (rf & 1) {
+ReportBrowserComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ReportBrowserComponent, selectors: [["mj-report-browser"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 5, consts: [["title", "Reports", "itemType", "report", "iconName", "graph", "addText", "Create New Report", "ItemEntityName", "Reports", "CategoryEntityName", "Report Categories", 3, "items", "selectedFolderID", "showLoader", "disableAddButton", "disableEditButton", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent"]], template: function ReportBrowserComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
         i0.ɵɵlistener("itemClickEvent", function ReportBrowserComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ReportBrowserComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ReportBrowserComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ReportBrowserComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); });
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true);
+        i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader)("disableAddButton", true)("disableEditButton", true);
     } }, dependencies: [i3.GenericBrowserListComponent], styles: [".k-card-body[_ngcontent-%COMP%] {\r\n    height: 80px;\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}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReportBrowserComponent, [{
         type: Component,
-        args: [{ selector: 'mj-report-browser', template: "<app-generic-browser-list \r\ntitle=\"Reports\"\r\nitemType=\"report\"\r\niconName=\"graph\" \r\n[items]=\"items\"\r\naddText=\"Create New Report\"\r\nItemEntityName=\"Reports\"\r\nCategoryEntityName=\"Report Categories\" \r\n(itemClickEvent)=\"itemClick($event)\"\r\n(AfterAddFolderEvent)=\"onEvent($event)\"\r\n(AfterAddItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n[disableAddButton]=\"true\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n/>\r\n<!-- creation of reports are disabled because they need a conversation ID before theyre made -->", styles: [".k-card-body {\r\n    height: 80px;\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"] }]
+        args: [{ selector: 'mj-report-browser', template: "<app-generic-browser-list \r\ntitle=\"Reports\"\r\nitemType=\"report\"\r\niconName=\"graph\" \r\n[items]=\"items\"\r\naddText=\"Create New Report\"\r\nItemEntityName=\"Reports\"\r\nCategoryEntityName=\"Report Categories\" \r\n(itemClickEvent)=\"itemClick($event)\"\r\n(AfterAddFolderEvent)=\"onEvent($event)\"\r\n(AfterAddItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteItemEvent)=\"onEvent($event)\"\r\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\r\n[selectedFolderID]=\"selectedFolderID\"\r\n[showLoader]=\"showLoader\"\r\n[disableAddButton]=\"true\"\r\n[disableEditButton]=\"true\"\r\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\r\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\r\n/>\r\n<!-- creation of reports are disabled because they need a conversation ID before theyre made -->", styles: [".k-card-body {\r\n    height: 80px;\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"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ReportBrowserComponent, { className: "ReportBrowserComponent", filePath: "src\\lib\\report-browser-component\\report-browser.component.ts", lineNumber: 14 }); })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-explorer-core",
-  "version": "0.9.234",
+  "version": "0.9.236",
   "description": "MemberJunction Explorer: Core Angular Components",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -32,15 +32,15 @@
     "@memberjunction/ng-file-storage": "^0.9.26",
     "@memberjunction/ng-record-changes": "^0.9.135",
     "@memberjunction/ng-container-directives": "^0.9.151",
-    "@memberjunction/ng-user-view-grid": "^0.9.236",
+    "@memberjunction/ng-user-view-grid": "^0.9.237",
     "@memberjunction/ng-query-grid": "^0.9.83",
-    "@memberjunction/ng-user-view-properties": "^0.9.12",
+    "@memberjunction/ng-user-view-properties": "^0.9.14",
     "@memberjunction/ng-shared": "^0.9.53",
-    "@memberjunction/ng-tabstrip": "^0.9.12",
-    "@memberjunction/ng-ask-skip": "^0.9.126",
+    "@memberjunction/ng-tabstrip": "^0.9.13",
+    "@memberjunction/ng-ask-skip": "^0.9.127",
     "@memberjunction/ng-auth-services": "^0.9.110",
-    "@memberjunction/ng-explorer-settings": "^0.9.34",
-    "@memberjunction/ng-base-forms": "^0.9.25",
+    "@memberjunction/ng-explorer-settings": "^0.9.35",
+    "@memberjunction/ng-base-forms": "^0.9.26",
     "@progress/kendo-angular-grid": "~15.1.0",
     "@progress/kendo-angular-buttons": "~15.1.0",
     "@progress/kendo-angular-listview": "~15.1.0",