@memberjunction/ng-explorer-core 1.4.0 → 1.5.0

package/dist/lib/home-component/home.component.js

@@ -13,7 +13,7 @@ export class HomeComponent {
     }
 }
 HomeComponent.ɵfac = function HomeComponent_Factory(t) { return new (t || HomeComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
-HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent, selectors: [["app-home"]], decls: 32, vars: 0, consts: [[1, "home-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], [1, "nav-container"], [1, "nav-item", 3, "click"], [1, "fa-solid", "fa-user", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-table-cells", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-database", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-layer-group", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-chart-line", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-gear", "fa-4x", "sky-blue"], [1, "home-favorites"]], template: function HomeComponent_Template(rf, ctx) { if (rf & 1) {
+HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent, selectors: [["app-home"]], decls: 36, vars: 0, consts: [[1, "home-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], [1, "nav-container"], [1, "nav-item", 3, "click"], [1, "fa-solid", "fa-user", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-table-cells", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-database", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-layer-group", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-chart-line", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-list-ul", "fa-4x", "sky-blue"], [1, "fa-solid", "fa-gear", "fa-4x", "sky-blue"], [1, "home-favorites"]], template: function HomeComponent_Template(rf, ctx) { if (rf & 1) {
         i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h1");
         i0.ɵɵtext(4, "Home");
         i0.ɵɵelementEnd()()();
@@ -48,16 +48,22 @@ HomeComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent
         i0.ɵɵtext(26, "Reports");
         i0.ɵɵelementEnd()();
         i0.ɵɵelementStart(27, "div", 5);
-        i0.ɵɵlistener("click", function HomeComponent_Template_div_click_27_listener() { return ctx.navigate("settings"); });
+        i0.ɵɵlistener("click", function HomeComponent_Template_div_click_27_listener() { return ctx.navigate("lists"); });
         i0.ɵɵelement(28, "span", 11);
         i0.ɵɵelementStart(29, "span");
-        i0.ɵɵtext(30, "Settings");
+        i0.ɵɵtext(30, "Lists");
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(31, "div", 5);
+        i0.ɵɵlistener("click", function HomeComponent_Template_div_click_31_listener() { return ctx.navigate("settings"); });
+        i0.ɵɵelement(32, "span", 12);
+        i0.ɵɵelementStart(33, "span");
+        i0.ɵɵtext(34, "Settings");
         i0.ɵɵelementEnd()()();
-        i0.ɵɵelement(31, "app-favorites", 12);
+        i0.ɵɵelement(35, "app-favorites", 13);
         i0.ɵɵelementEnd()();
     } }, dependencies: [i3.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\n    padding: 10px;\n}\n\n.nav-container[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    flex: 1;\n}\n.nav-item[_ngcontent-%COMP%] {\n    border: solid 1px lightgray;\n    border-radius: 5px;\n    background: #fff;\n    border-radius: 15px;\n    width: 100%;;\n    height: auto;\n    box-sizing: border-box;\n    padding: 25px;\n    text-align: left;\n    display: flex;\n    gap: 26px;\n    vertical-align: middle; \n    font-size: 20px;\n    cursor: pointer;\n}\n.nav-item[_ngcontent-%COMP%]   .k-svg-icon[_ngcontent-%COMP%] {\n    width: 75px;\n    height: 75px;\n    color: var(--sky-blue);\n}\n.nav-item[_ngcontent-%COMP%]:hover  {\n    box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n}\n\n\n.home-favorites[_ngcontent-%COMP%] {\n    width: 500px;\n}\n\n.sky-blue[_ngcontent-%COMP%] {\n    color: var(--sky-blue);\n}", ".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header,   .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeComponent, [{
         type: Component,
-        args: [{ selector: 'app-home', template: "<div  class=\"home-container\">\n    <div class=\"card-header-entity\">\n        <div class=\"title-wrap\">\n            <h1>Home</h1>\n        </div>\n    </div>\n    <div class=\"main-area\"> \n        <div class=\"nav-container\">\n            <div class=\"nav-item\" (click)=\"navigate('askskip')\">\n                <span class=\"fa-solid fa-user fa-4x sky-blue\"></span>\n                <span>Ask Skip</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('data')\">\n                <span class=\"fa-solid fa-table-cells fa-4x sky-blue\"></span>\n                <span>Data</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('queries')\">\n                <span class=\"fa-solid fa-database fa-4x sky-blue\"></span>\n                <span>Queries</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\n                <span class=\"fa-solid fa-layer-group fa-4x sky-blue\"></span>\n                <span>Dashboards</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('reports')\">\n                <span class=\"fa-solid fa-chart-line fa-4x sky-blue\"></span>\n                <span>Reports</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('settings')\">\n                <span class=\"fa-solid fa-gear fa-4x sky-blue\"></span>\n                <span>Settings</span>\n            </div>\n        </div>\n\n        <app-favorites class=\"home-favorites\"></app-favorites>\n    </div>\n</div>", styles: [".home-container {\n    padding: 10px;\n}\n\n.nav-container {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    flex: 1;\n}\n.nav-item {\n    border: solid 1px lightgray;\n    border-radius: 5px;\n    background: #fff;\n    border-radius: 15px;\n    width: 100%;;\n    height: auto;\n    box-sizing: border-box;\n    padding: 25px;\n    text-align: left;\n    display: flex;\n    gap: 26px;\n    vertical-align: middle; \n    font-size: 20px;\n    cursor: pointer;\n}\n.nav-item .k-svg-icon {\n    width: 75px;\n    height: 75px;\n    color: var(--sky-blue);\n}\n.nav-item:hover  {\n    box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n}\n\n\n.home-favorites {\n    width: 500px;\n}\n\n.sky-blue {\n    color: var(--sky-blue);\n}", "\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]
+        args: [{ selector: 'app-home', template: "<div  class=\"home-container\">\n    <div class=\"card-header-entity\">\n        <div class=\"title-wrap\">\n            <h1>Home</h1>\n        </div>\n    </div>\n    <div class=\"main-area\"> \n        <div class=\"nav-container\">\n            <div class=\"nav-item\" (click)=\"navigate('askskip')\">\n                <span class=\"fa-solid fa-user fa-4x sky-blue\"></span>\n                <span>Ask Skip</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('data')\">\n                <span class=\"fa-solid fa-table-cells fa-4x sky-blue\"></span>\n                <span>Data</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('queries')\">\n                <span class=\"fa-solid fa-database fa-4x sky-blue\"></span>\n                <span>Queries</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('dashboards')\">\n                <span class=\"fa-solid fa-layer-group fa-4x sky-blue\"></span>\n                <span>Dashboards</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('reports')\">\n                <span class=\"fa-solid fa-chart-line fa-4x sky-blue\"></span>\n                <span>Reports</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('lists')\">\n                <span class=\"fa-solid fa-list-ul fa-4x sky-blue\"></span>\n                <span>Lists</span>\n            </div>\n            <div class=\"nav-item\" (click)=\"navigate('settings')\">\n                <span class=\"fa-solid fa-gear fa-4x sky-blue\"></span>\n                <span>Settings</span>\n            </div>\n        </div>\n\n        <app-favorites class=\"home-favorites\"></app-favorites>\n    </div>\n</div>", styles: [".home-container {\n    padding: 10px;\n}\n\n.nav-container {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 24px;\n    flex: 1;\n}\n.nav-item {\n    border: solid 1px lightgray;\n    border-radius: 5px;\n    background: #fff;\n    border-radius: 15px;\n    width: 100%;;\n    height: auto;\n    box-sizing: border-box;\n    padding: 25px;\n    text-align: left;\n    display: flex;\n    gap: 26px;\n    vertical-align: middle; \n    font-size: 20px;\n    cursor: pointer;\n}\n.nav-item .k-svg-icon {\n    width: 75px;\n    height: 75px;\n    color: var(--sky-blue);\n}\n.nav-item:hover  {\n    box-shadow: 0px 0px 20px 0px rgba(60, 73, 99, 0.2);\n}\n\n\n.home-favorites {\n    width: 500px;\n}\n\n.sky-blue {\n    color: var(--sky-blue);\n}", "\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]
     }], () => [{ type: i1.SharedService }, { type: i2.Router }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HomeComponent, { className: "HomeComponent", filePath: "src/lib/home-component/home.component.ts", lineNumber: 10 }); })();

package/dist/lib/list-view/list-view.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { ListEntity } from '@memberjunction/core-entities';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import { SharedService } from '@memberjunction/ng-shared';
+import { Item } from '../../generic/Item.types';
+import { BeforeAddItemEvent, BeforeUpdateItemEvent } from '../../generic/Events.types';
+import { EntityInfo } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+export declare class ListViewComponent extends BaseBrowserComponent implements OnInit {
+    private router;
+    private route;
+    private sharedService;
+    showLoader: boolean;
+    showCreateLoader: boolean;
+    lists: ListEntity[];
+    showCreateDialog: boolean;
+    entities: EntityInfo[];
+    sourceEntityNames: string[];
+    entityNames: string[];
+    listName: string;
+    listDescription: string;
+    selectedEntity: EntityInfo | null;
+    constructor(router: Router, route: ActivatedRoute, sharedService: SharedService);
+    ngOnInit(): Promise<void>;
+    itemClick(item: Item): void;
+    onBeforeUpdateItemEvent(event: BeforeUpdateItemEvent): void;
+    onBeforeAddItemEvent(event: BeforeAddItemEvent): void;
+    toggleCreateDialog(show: boolean): void;
+    createList(): Promise<void>;
+    onFilterChange(value: string): void;
+    onSelectionChange(value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ListViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListViewComponent, "mj-list-view", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=list-view.component.d.ts.map

package/dist/lib/list-view/list-view.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-view.component.d.ts","sourceRoot":"","sources":["../../../src/lib/list-view/list-view.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACvF,OAAO,EAAc,UAAU,EAAY,MAAM,sBAAsB,CAAC;;AAExE,qBAKa,iBAAkB,SAAQ,oBAAqB,YAAW,MAAM;IAe5D,OAAO,CAAC,MAAM;IAAU,OAAO,CAAC,KAAK;IAAkB,OAAO,CAAC,aAAa;IAdlF,UAAU,EAAE,OAAO,CAAS;IAC5B,gBAAgB,EAAE,OAAO,CAAS;IAClC,KAAK,EAAE,UAAU,EAAE,CAAM;IACzB,gBAAgB,EAAE,OAAO,CAAS;IAClC,QAAQ,EAAE,UAAU,EAAE,CAAM;IAC5B,iBAAiB,EAAE,MAAM,EAAE,CAAM;IACjC,WAAW,EAAE,MAAM,EAAE,CAAM;IAI3B,QAAQ,EAAE,MAAM,CAAM;IACtB,eAAe,EAAE,MAAM,CAAM;IAC7B,cAAc,EAAE,UAAU,GAAG,IAAI,CAAQ;gBAE3B,MAAM,EAAE,MAAM,EAAU,KAAK,EAAE,cAAc,EAAU,aAAa,EAAE,aAAa;IAclG,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAexB,SAAS,CAAC,IAAI,EAAE,IAAI;IAYpB,uBAAuB,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAE3D,oBAAoB,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI;IAMrD,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI;IAUjC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IA2BjC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAInC,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAzGpC,iBAAiB;2CAAjB,iBAAiB;CA4G7B"}

package/dist/lib/list-view/list-view.component.js

@@ -0,0 +1,189 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component } from '@angular/core';
+import { BaseBrowserComponent } from '../base-browser-component/base-browser-component';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@memberjunction/ng-shared";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/forms";
+import * as i5 from "@progress/kendo-angular-dialog";
+import * as i6 from "@progress/kendo-angular-indicators";
+import * as i7 from "@progress/kendo-angular-buttons";
+import * as i8 from "@progress/kendo-angular-inputs";
+import * as i9 from "@progress/kendo-angular-label";
+import * as i10 from "@progress/kendo-angular-dropdowns";
+import * as i11 from "../generic-browser-list/generic-browser-list.component";
+function ListViewComponent_kendo_dialog_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-loader", 3);
+} }
+function ListViewComponent_kendo_dialog_1_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "kendo-label", 8)(2, "kendo-textbox", 9);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textbox_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r3.listName, $event) || (ctx_r3.listName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "div", 10)(4, "kendo-label", 11)(5, "kendo-textarea", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r5.listDescription, $event) || (ctx_r5.listDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(6, "div", 10)(7, "kendo-label", 13)(8, "kendo-dropdownlist", 14);
+    i0.ɵɵlistener("filterChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_filterChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r6.onFilterChange($event)); })("selectionChange", function ListViewComponent_kendo_dialog_1_Conditional_2_Template_kendo_dropdownlist_selectionChange_8_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.onSelectionChange($event)); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.listName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("rows", 3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.listDescription);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("data", ctx_r2.entityNames)("filterable", true);
+} }
+function ListViewComponent_kendo_dialog_1_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 2);
+    i0.ɵɵlistener("close", function ListViewComponent_kendo_dialog_1_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.toggleCreateDialog(false)); });
+    i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Conditional_1_Template, 1, 0, "kendo-loader", 3)(2, ListViewComponent_kendo_dialog_1_Conditional_2_Template, 9, 5);
+    i0.ɵɵelementStart(3, "kendo-dialog-actions", 4)(4, "button", 5);
+    i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.createList()); });
+    i0.ɵɵtext(5, " Create ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 6);
+    i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_1_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.toggleCreateDialog(false)); });
+    i0.ɵɵtext(7, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("minWidth", 250)("width", 650)("height", 550);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(1, ctx_r0.showCreateLoader ? 1 : 2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r0.listName || !ctx_r0.selectedEntity || ctx_r0.showCreateLoader);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.showCreateLoader);
+} }
+export class ListViewComponent extends BaseBrowserComponent {
+    constructor(router, route, sharedService) {
+        var _a;
+        super();
+        this.router = router;
+        this.route = route;
+        this.sharedService = sharedService;
+        this.showLoader = false;
+        this.showCreateLoader = false;
+        this.lists = [];
+        this.showCreateDialog = false;
+        this.entities = [];
+        this.sourceEntityNames = [];
+        this.entityNames = [];
+        //create dialog properties
+        this.listName = "";
+        this.listDescription = "";
+        this.selectedEntity = null;
+        this.pageName = "Lists";
+        this.routeName = "lists";
+        this.routeNameSingular = "list";
+        this.itemEntityName = "Lists";
+        this.categoryEntityName = "List Categories";
+        const params = (_a = this.router.getCurrentNavigation()) === null || _a === void 0 ? void 0 : _a.extractedUrl.queryParams;
+        super.InitPathAndQueryData(params, this.route);
+    }
+    ngOnInit() {
+        const _super = Object.create(null, {
+            InitForResource: { get: () => super.InitForResource }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            const md = new Metadata();
+            this.entities = md.Entities;
+            this.sourceEntityNames = this.entities.map(e => `${e.SchemaName}.${e.Name}`);
+            this.sourceEntityNames = this.entityNames = this.sourceEntityNames.sort(function (a, b) {
+                const aName = a.toLowerCase();
+                const bName = b.toLowerCase();
+                if (aName < bName) {
+                    return -1;
+                }
+                if (aName > bName) {
+                    return 1;
+                }
+                return 0;
+            });
+            _super.InitForResource.call(this, this.route);
+        });
+    }
+    itemClick(item) {
+        let dataID = "";
+        if (item.Type === "Entity") {
+            let list = item.Data;
+            dataID = list.ID.toString();
+        }
+        this.router.navigate(["listdetails", dataID]);
+        //super.Navigate(item, this.router, dataID);
+    }
+    onBeforeUpdateItemEvent(event) { }
+    onBeforeAddItemEvent(event) {
+        event.Cancel = true;
+        console.log("onBeforeAddItemEvent");
+        this.toggleCreateDialog(true);
+    }
+    toggleCreateDialog(show) {
+        this.showCreateDialog = show;
+        if (!show) {
+            this.listName = "";
+            this.listDescription = "";
+            this.selectedEntity = null;
+        }
+    }
+    createList() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.showCreateLoader = true;
+            if (!this.selectedEntity) {
+                this.showCreateLoader = false;
+                return;
+            }
+            const md = new Metadata();
+            let listEntity = yield md.GetEntityObject("Lists");
+            listEntity.Name = this.listName;
+            listEntity.Description = this.listDescription;
+            listEntity.EntityID = this.selectedEntity.ID;
+            listEntity.UserID = md.CurrentUser.ID;
+            const saveResult = yield listEntity.Save();
+            this.showCreateLoader = false;
+            if (saveResult) {
+                this.sharedService.CreateSimpleNotification("List created successfully", "success", 2000);
+                this.router.navigate(["listdetails", listEntity.ID]);
+            }
+            else {
+                this.sharedService.CreateSimpleNotification("Error creating list", "error", 2000);
+            }
+        });
+    }
+    onFilterChange(value) {
+        this.entityNames = this.sourceEntityNames.filter(e => e.toLowerCase().includes(value.toLowerCase()));
+    }
+    onSelectionChange(value) {
+        this.selectedEntity = this.entities.find(e => `${e.SchemaName}.${e.Name}` === value) || null;
+    }
+}
+ListViewComponent.ɵfac = function ListViewComponent_Factory(t) { return new (t || ListViewComponent)(i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(i2.SharedService)); };
+ListViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListViewComponent, selectors: [["mj-list-view"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 4, consts: [["title", "Lists", "itemType", "list", "iconName", "graph", "addText", "Create New List", "ItemEntityName", "Lists", "CategoryEntityName", "List Categories", "resourceName", "List", 3, "items", "selectedFolderID", "showLoader", "itemClickEvent", "AfterAddFolderEvent", "AfterAddItemEvent", "AfterDeleteItemEvent", "AfterDeleteFolderEvent", "viewModeChangeEvent", "BeforeUpdateItemEvent", "BeforeAddItemEvent"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["title", "Create New List", 3, "minWidth", "width", "height", "close"], ["type", "converging-spinner"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "disabled", "click"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "disabled", "click"], [1, "col-xs-12", "col-sm-6", "example-col"], ["text", "Name"], ["placeholder", "Enter List Name", 1, "mt-10", 3, "ngModel", "ngModelChange"], [1, "mt-10"], ["text", "Description"], ["placeholder", "Enter Description", "resizable", "vertical", 1, "mt-10", 3, "rows", "ngModel", "ngModelChange"], ["text", "Select an Entity"], [1, "mt-10", 3, "data", "filterable", "filterChange", "selectionChange"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "app-generic-browser-list", 0);
+        i0.ɵɵlistener("itemClickEvent", function ListViewComponent_Template_app_generic_browser_list_itemClickEvent_0_listener($event) { return ctx.itemClick($event); })("AfterAddFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddFolderEvent_0_listener($event) { return ctx.onEvent($event); })("AfterAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterAddItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteItemEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteItemEvent_0_listener($event) { return ctx.onEvent($event); })("AfterDeleteFolderEvent", function ListViewComponent_Template_app_generic_browser_list_AfterDeleteFolderEvent_0_listener($event) { return ctx.onEvent($event); })("viewModeChangeEvent", function ListViewComponent_Template_app_generic_browser_list_viewModeChangeEvent_0_listener($event) { return ctx.onViewModeChange($event); })("BeforeUpdateItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeUpdateItemEvent_0_listener($event) { return ctx.onBeforeUpdateItemEvent($event); })("BeforeAddItemEvent", function ListViewComponent_Template_app_generic_browser_list_BeforeAddItemEvent_0_listener($event) { return ctx.onBeforeAddItemEvent($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_1_Template, 8, 6, "kendo-dialog", 1);
+    } if (rf & 2) {
+        i0.ɵɵproperty("items", ctx.items)("selectedFolderID", ctx.selectedFolderID)("showLoader", ctx.showLoader);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("ngIf", ctx.showCreateDialog);
+    } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i9.LabelComponent, i10.DropDownListComponent, i11.GenericBrowserListComponent], styles: [".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header,   .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], .footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListViewComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-list-view', template: "<app-generic-browser-list \ntitle=\"Lists\"\nitemType=\"list\"\niconName=\"graph\" \n[items]=\"items\"\naddText=\"Create New List\"\nItemEntityName=\"Lists\"\nCategoryEntityName=\"List Categories\" \nresourceName = \"List\"\n(itemClickEvent)=\"itemClick($event)\"\n(AfterAddFolderEvent)=\"onEvent($event)\"\n(AfterAddItemEvent)=\"onEvent($event)\"\n(AfterDeleteItemEvent)=\"onEvent($event)\"\n(AfterDeleteFolderEvent)=\"onEvent($event)\"\n[selectedFolderID]=\"selectedFolderID\"\n[showLoader]=\"showLoader\"\n(viewModeChangeEvent)=\"onViewModeChange($event)\"\n(BeforeUpdateItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n(BeforeAddItemEvent)=\"onBeforeAddItemEvent($event)\"\n/>\n<kendo-dialog\ntitle=\"Create New List\"\n*ngIf=\"showCreateDialog\"\n(close)=\"toggleCreateDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"550\"\n>\n    @if(showCreateLoader){\n        <kendo-loader type=\"converging-spinner\"></kendo-loader>\n    }\n    @else {\n        <div class=\"col-xs-12 col-sm-6 example-col\">\n            <kendo-label text=\"Name\">\n                <kendo-textbox  \n                    class=\"mt-10\"\n                    placeholder=\"Enter List Name\" \n                    [(ngModel)]=\"listName\">\n                </kendo-textbox>\n            </kendo-label>\n            <div class=\"mt-10\">\n                <kendo-label text=\"Description\">\n                    <kendo-textarea\n                        class=\"mt-10\"\n                        placeholder=\"Enter Description\"\n                        [rows]=\"3\"\n                        resizable=\"vertical\"\n                        [(ngModel)]=\"listDescription\"\n                    ></kendo-textarea>\n                </kendo-label>\n            </div>\n            <div class=\"mt-10\">\n                <kendo-label text=\"Select an Entity\">\n                    <kendo-dropdownlist \n                        class=\"mt-10\"\n                        [data]=\"entityNames\"\n                        [filterable]=\"true\"\n                        (filterChange)=\"onFilterChange($event)\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                    />\n                </kendo-label>\n            </div>\n        </div>\n    }\n    <kendo-dialog-actions class=\"popup-actions-btn\">\n        <button class=\"cancel-btn\" (click)=\"createList()\" [disabled]=\"!listName || !selectedEntity || showCreateLoader\" kendoButton themeColor=\"info\">\n          Create\n        </button>\n        <button  class=\"yes-btn\" (click)=\"toggleCreateDialog(false)\" [disabled]=\"showCreateLoader\" kendoButton fillMode=\"outline\" themeColor=\"info\">\n          Cancel\n        </button>\n    </kendo-dialog-actions>\n</kendo-dialog>", styles: ["\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]
+    }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListViewComponent, { className: "ListViewComponent", filePath: "src/lib/list-view/list-view.component.ts", lineNumber: 15 }); })();

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

@@ -2,7 +2,7 @@ import { ElementRef, OnInit, OnDestroy, AfterViewInit, Renderer2, ChangeDetector
 import { Location } from '@angular/common';
 import { Router, ActivatedRoute } from '@angular/router';
 import { DrawerItem, DrawerSelectEvent, DrawerComponent, DrawerMode } from "@progress/kendo-angular-layout";
-import { Metadata, ApplicationInfo, EntityInfo, TransactionGroupBase } from '@memberjunction/core';
+import { Metadata, ApplicationInfo, EntityInfo, TransactionGroupBase, BaseEntity } from '@memberjunction/core';
 import { MJEvent } from '@memberjunction/global';
 import { SharedService } from '@memberjunction/ng-shared';
 import { UserViewEntity, ViewInfo } from '@memberjunction/core-entities';
@@ -74,24 +74,49 @@ export declare class NavigationComponent implements OnInit, OnDestroy, AfterView
     protected setActiveTabToHome(): void;
     innerSelectTab(tab: any): void;
     private checkForBaseURL;
-    private getWorkspace;
-    LoadWorkSpace(): Promise<void>;
+    /**
+     * This method will load the user's workspace and all the workspace items that are part of the workspace from the database.
+     */
+    protected loadWorkspace(): Promise<void>;
+    /**
+     * This method will load all the workspace items that are part of the workspace currently set in the workSpace member variable
+     */
+    protected LoadWorkspaceItems(): Promise<void>;
     protected setAppTitle(title?: string): void;
-    protected checkForExistingTab(data: ResourceData): Tab | null;
+    /**
+     * This method is responsible for searching for a matching tab in the existing tab structure of the loaded workspace. It returns either a Tab object or null if one isn't found that matches the ResourceData provided.
+     * @param data
+     * @returns
+     */
+    protected findExistingTab(data: ResourceData): Tab | null;
+    /**
+     * This utility method is used to either Add a tab if a matching tab for the given data parameter isn't found, or to select the existing tab if it already exists.
+     * @param data
+     */
     protected AddOrSelectTab(data: ResourceData): Promise<void>;
     protected internalAddTab(newTab: Tab): Promise<void>;
     waitForDomUpdate(): Promise<void>;
     private updateBrowserURL;
     scrollIntoView(): void;
     GetWorkspaceItemDisplayName(data: ResourceData): Promise<string>;
+    /**
+     * Saves the workspace to the database.
+     * @returns
+     */
     SaveWorkspace(): Promise<boolean>;
+    HandleResourceRecordSaved(tab: Tab, resourceRecord: BaseEntity): Promise<boolean>;
+    /**
+     * Saves a single workspace item to the database.
+     * @param tab
+     * @returns
+     */
     SaveSingleWorkspaceItem(tab: Tab): Promise<boolean>;
     setTabContentLoadingStatus(tab: Tab, bLoading: boolean): void;
     handleTabClosed(event: TabClosedEvent): Promise<void>;
     handleTabSelected(event: TabEvent): void;
     closeTab(tab: any, newTabIndex: number): Promise<void>;
     removeWorkspaceItem(tab: Tab, transGroup: TransactionGroupBase | null): Promise<void>;
-    getActiveTabId(): any;
+    getActiveTabId(): any | null;
     isTabActive(tabId: number): boolean;
     ngOnDestroy(): void;
     onDrawerSelect(ev: DrawerSelectEvent): void;
@@ -104,12 +129,13 @@ export declare class NavigationComponent implements OnInit, OnDestroy, AfterView
     protected loadSkip(md: Metadata): Promise<void>;
     protected loadHome(md: Metadata): Promise<void>;
     protected loadSettings(md: Metadata): Promise<void>;
+    protected loadLists(): Promise<void>;
     protected loadFiles(): Promise<void>;
     protected loadApplications(md: Metadata): Promise<void>;
     protected loadResourceType(key: string, resourceType: string, path: string, currentUserID: number): Promise<void>;
     setDrawerConfig(): void;
     toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "app-navigation", never, { "applicationName": { "alias": "applicationName"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavigationComponent, "mj-navigation", never, { "applicationName": { "alias": "applicationName"; "required": false; }; }, {}, never, never, false, never>;
 }
 //# sourceMappingURL=navigation.component.d.ts.map

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":"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"}
+{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../src/lib/navigation/navigation.component.ts"],"names":[],"mappings":"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"}