@memberjunction/ng-explorer-core 2.51.0 → 2.53.0

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

@@ -5,26 +5,70 @@ import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
 import * as i2 from "@angular/router";
 import * as i3 from "@angular/common";
-import * as i4 from "../favorites/favorites.component";
-function HomeComponent_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@progress/kendo-angular-layout";
+function HomeComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵlistener("click", function HomeComponent_For_8_Template_div_click_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.navigate(item_r2.Route)); });
-    i0.ɵɵelement(1, "span", 9);
-    i0.ɵɵelementStart(2, "span");
-    i0.ɵɵtext(3);
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵelementEnd();
+} }
+function HomeComponent_div_6_kendo_card_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-card", 12);
+    i0.ɵɵlistener("click", function HomeComponent_div_6_kendo_card_1_Template_kendo_card_click_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.navigate(item_r2.Route)); });
+    i0.ɵɵelementStart(1, "kendo-card-body");
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "h3");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(7, "kendo-chip", 13);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r2 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", "fa-solid fa-4x sky-blue " + item_r2.IconCSSClass);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("width", "100%");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap("fa-solid " + (item_r2.IconCSSClass || "fa-cube") + " mj-card-icon-large");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(item_r2.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.getItemDescription(item_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("label", ctx_r2.getChipLabel(item_r2))("themeColor", ctx_r2.getThemeColor(item_r2));
+} }
+function HomeComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵtemplate(1, HomeComponent_div_6_kendo_card_1_Template, 8, 7, "kendo-card", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r2.HomeItems)("ngForTrack", ctx_r2.item);
+} }
+function HomeComponent_div_7_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵelementStart(2, "h3");
+    i0.ɵɵtext(3, "No Navigation Items Available");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "Contact your administrator to configure navigation items for the home screen.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 16);
+    i0.ɵɵlistener("click", function HomeComponent_div_7_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.navigate("/settings")); });
+    i0.ɵɵelement(7, "i", 17);
+    i0.ɵɵtext(8, " Go to Settings ");
+    i0.ɵɵelementEnd()();
 } }
 export class HomeComponent extends BaseNavigationComponent {
     sharedService;
     router;
     versionString;
+    isLoading = true;
     constructor(sharedService, router) {
         super();
         this.sharedService = sharedService;
@@ -32,50 +76,110 @@ export class HomeComponent extends BaseNavigationComponent {
         this.versionString = "";
         this.getVersionString().then(version => {
             this.versionString = version;
+            this.isLoading = false;
         });
     }
     md = new Metadata();
-    HomeItems = this.md.VisibleExplorerNavigationItems.filter(item => item.ShowInHomeScreen); // only want to show the home items here
+    HomeItems = this.md.VisibleExplorerNavigationItems.filter(item => item.ShowInHomeScreen);
     navigate(route) {
         this.router.navigate([route]).catch(err => {
             console.error('Navigation error:', err);
         });
     }
+    getItemDescription(item) {
+        // Provide helpful descriptions for navigation items
+        const descriptions = {
+            'Explorer': 'Browse and manage all your data entities',
+            'Reports': 'Generate and view custom reports and analytics',
+            'Dashboards': 'Interactive data visualizations and insights',
+            'AI': 'Artificial intelligence tools and models',
+            'Settings': 'Configure system preferences and options',
+            'Admin': 'Administrative tools and system management',
+            'Users': 'Manage user accounts and permissions',
+            'Security': 'Security settings and access controls',
+            'Applications': 'Access and manage your applications',
+            'Lists': 'View and organize your custom lists',
+            'Queries': 'Create and run custom database queries',
+            'Files': 'Manage documents and file storage'
+        };
+        return descriptions[item.Name] || 'Access ' + item.Name.toLowerCase() + ' functionality';
+    }
+    getThemeColor(item) {
+        // Map navigation items to Kendo theme colors
+        const colorMap = {
+            'Explorer': 'primary',
+            'Reports': 'info',
+            'Dashboards': 'success',
+            'AI': 'tertiary',
+            'Settings': 'warning',
+            'Admin': 'error',
+            'Users': 'primary',
+            'Security': 'error'
+        };
+        return (colorMap[item.Name] || 'base');
+    }
+    getChipLabel(item) {
+        // Provide chip labels for navigation items
+        const labelMap = {
+            'Explorer': 'DATA',
+            'Reports': 'ANALYTICS',
+            'Dashboards': 'VISUALIZE',
+            'AI': 'SMART',
+            'Settings': 'CONFIGURE',
+            'Admin': 'MANAGE',
+            'Users': 'PEOPLE',
+            'Security': 'SECURE',
+            'Applications': 'APPS',
+            'Lists': 'ORGANIZE',
+            'Queries': 'QUERY',
+            'Files': 'STORAGE'
+        };
+        return labelMap[item.Name] || 'NAVIGATE';
+    }
     async getVersionString() {
-        const rq = new RunQuery();
-        const rqResult = await rq.RunQuery({
-            QueryName: 'Server Installed Version History', // Get the latest schema version in descending order
-            CategoryName: 'Admin'
-        });
-        if (!rqResult.Success) {
-            LogError("Error getting version string", undefined, rqResult.ErrorMessage);
-            return "";
+        try {
+            const rq = new RunQuery();
+            const rqResult = await rq.RunQuery({
+                QueryName: 'Server Installed Version History',
+                CategoryName: 'Admin'
+            });
+            if (!rqResult.Success) {
+                LogError("Error getting version string", undefined, rqResult.ErrorMessage);
+                return "Version Unknown";
+            }
+            const latestSchema = rqResult.Results[0];
+            return `Version ${latestSchema.Version}`;
+        }
+        catch (error) {
+            LogError("Error getting version string", undefined, error);
+            return "Version Unknown";
         }
-        const latestSchema = rqResult.Results[0];
-        return `Version ${latestSchema.Version}`;
     }
     static ɵfac = function HomeComponent_Factory(t) { return new (t || HomeComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent, selectors: [["mj-home"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 1, consts: [[1, "home-container"], [1, "card-header-entity"], [1, "title-wrap"], [1, "main-area"], [1, "nav-container"], [1, "nav-item"], [1, "home-favorites"], [1, "float-bottom"], [1, "nav-item", 3, "click"], [3, "ngClass"]], template: function HomeComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HomeComponent, selectors: [["mj-home"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 4, consts: [[1, "mj-page-container"], [1, "mj-header"], [1, "mj-header-title"], ["class", "mj-loading", 4, "ngIf"], ["class", "mj-grid-responsive", 4, "ngIf"], ["class", "mj-empty-state", 4, "ngIf"], [1, "mj-version-info"], [1, "fas", "fa-code-branch"], [1, "mj-loading"], [1, "fas", "fa-spinner", "fa-spin", 2, "font-size", "3rem", "color", "var(--mj-blue)"], [1, "mj-grid-responsive"], ["class", "mj-kendo-icon-card mj-nav-card", 3, "width", "click", 4, "ngFor", "ngForOf", "ngForTrack"], [1, "mj-kendo-icon-card", "mj-nav-card", 3, "click", "width"], ["rounded", "full", "size", "small", 1, "mt-2", 3, "label", "themeColor"], [1, "mj-empty-state"], [1, "fas", "fa-compass", "mj-empty-icon"], [1, "mj-btn", "mj-btn-primary", 3, "click"], [1, "fas", "fa-cog"]], 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.ɵɵtext(4, "Welcome to MemberJunction");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(5, "div", 3)(6, "div", 4);
-            i0.ɵɵrepeaterCreate(7, HomeComponent_For_8_Template, 4, 2, "div", 5, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(9, "app-favorites", 6);
-            i0.ɵɵelementStart(10, "div", 7);
+            i0.ɵɵtemplate(5, HomeComponent_div_5_Template, 2, 0, "div", 3)(6, HomeComponent_div_6_Template, 2, 2, "div", 4)(7, HomeComponent_div_7_Template, 9, 0, "div", 5);
+            i0.ɵɵelementStart(8, "div", 6);
+            i0.ɵɵelement(9, "i", 7);
+            i0.ɵɵelementStart(10, "span");
             i0.ɵɵtext(11);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵrepeater(ctx.HomeItems);
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngIf", ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.HomeItems.length === 0);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1(" ", ctx.versionString, " ");
-        } }, dependencies: [i3.NgClass, i4.FavoritesComponent], styles: [".home-container[_ngcontent-%COMP%] {\n    padding: 15px;\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}\n\n.float-bottom[_ngcontent-%COMP%] {\n    position: fixed;\n    bottom: 20px;\n    z-index: 1000;\n    font-size: medium;\n}", ".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header, \n  .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
+            i0.ɵɵtextInterpolate(ctx.versionString || "Loading...");
+        } }, dependencies: [i3.NgForOf, i3.NgIf, i4.ChipComponent, i5.CardComponent, i5.CardBodyComponent], styles: ["\n\n\n\n\n\n\n.mj-nav-card[_ngcontent-%COMP%] {\n    \n\n    \n\n}\n\n\n\n.mj-nav-card[_ngcontent-%COMP%]   .mj-card-icon-large[_ngcontent-%COMP%] {\n    \n\n    \n\n}\n\n\n\n.mj-version-info[_ngcontent-%COMP%] {\n    position: fixed;\n    bottom: 2rem;\n    right: 2rem;\n    background: var(--navy);\n    color: var(--white-color);\n    padding: 0.75rem 1.25rem;\n    border-radius: 2rem;\n    font-size: 0.85rem;\n    font-weight: 500;\n    box-shadow: var(--shadow);\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    transition: all var(--transition-time);\n}\n\n.mj-version-info[_ngcontent-%COMP%]:hover {\n    background: var(--mj-blue);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 118, 182, 0.3);\n}\n\n.mj-version-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 0.875rem;\n}\n\n\n\n.mj-loading[_ngcontent-%COMP%] {\n    min-height: 400px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n\n\n.mj-empty-state[_ngcontent-%COMP%] {\n    text-align: center;\n    padding: 80px 20px;\n}\n\n.mj-empty-state[_ngcontent-%COMP%]   .mj-empty-icon[_ngcontent-%COMP%] {\n    font-size: 5rem;\n    color: var(--gray-800);\n    opacity: 0.3;\n    margin-bottom: 20px;\n}\n\n.mj-empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 1.75rem;\n    color: var(--navy);\n    margin-bottom: 12px;\n}\n\n.mj-empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n    color: var(--gray-800);\n    max-width: 500px;\n    margin: 0 auto 24px;\n}\n\n\n\n@media (max-width: 768px) {\n    \n\n    \n\n    \n    .mj-version-info[_ngcontent-%COMP%] {\n        bottom: 1rem;\n        right: 1rem;\n        font-size: 0.8rem;\n        padding: 0.6rem 1rem;\n    }\n}\n\n@media (max-width: 480px) {\n    .mj-header-title[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n        font-size: 1.75rem;\n    }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HomeComponent, [{
         type: Component,
-        args: [{ selector: 'mj-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            @for (item of HomeItems; track item) {\n                <div class=\"nav-item\" (click)=\"navigate(item.Route)\">\n                    <span [ngClass]=\"'fa-solid fa-4x sky-blue ' + item.IconCSSClass\"></span>\n                    <span>{{item.Name}}</span>\n                </div>\n            }\n        </div>\n\n        <app-favorites class=\"home-favorites\"></app-favorites>\n        <div class=\"float-bottom\">\n            {{versionString}}\n        </div>\n    </div>\n</div>", styles: [".home-container {\n    padding: 15px;\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\n.float-bottom {\n    position: fixed;\n    bottom: 20px;\n    z-index: 1000;\n    font-size: medium;\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: 'mj-home', template: "<!-- home.component.html -->\n<div class=\"mj-page-container\">\n    <div class=\"mj-header\">\n        <div class=\"mj-header-title\">\n            <h1>Welcome to MemberJunction</h1>\n        </div>\n    </div>\n    \n    <!-- Loading State -->\n    <div class=\"mj-loading\" *ngIf=\"isLoading\">\n        <i class=\"fas fa-spinner fa-spin\" style=\"font-size: 3rem; color: var(--mj-blue);\"></i>\n    </div>\n    \n    <!-- Navigation Cards Grid -->\n    <div class=\"mj-grid-responsive\" *ngIf=\"!isLoading\"> \n        <kendo-card class=\"mj-kendo-icon-card mj-nav-card\"\n                    [width]=\"'100%'\"\n                    *ngFor=\"let item of HomeItems; track item\" \n                    (click)=\"navigate(item.Route)\">\n            <kendo-card-body>\n                <i [class]=\"'fa-solid ' + (item.IconCSSClass || 'fa-cube') + ' mj-card-icon-large'\"></i>\n                <h3>{{item.Name}}</h3>\n                <p>{{getItemDescription(item)}}</p>\n                <kendo-chip \n                    [label]=\"getChipLabel(item)\" \n                    rounded=\"full\"\n                    [themeColor]=\"getThemeColor(item)\"\n                    size=\"small\"\n                    class=\"mt-2\">\n                </kendo-chip>\n            </kendo-card-body>\n        </kendo-card>\n    </div>\n    \n    <!-- Empty State -->\n    <div class=\"mj-empty-state\" *ngIf=\"!isLoading && HomeItems.length === 0\">\n        <i class=\"fas fa-compass mj-empty-icon\"></i>\n        <h3>No Navigation Items Available</h3>\n        <p>Contact your administrator to configure navigation items for the home screen.</p>\n        <button class=\"mj-btn mj-btn-primary\" (click)=\"navigate('/settings')\">\n            <i class=\"fas fa-cog\"></i>\n            Go to Settings\n        </button>\n    </div>\n    \n    <!-- Version Info -->\n    <div class=\"mj-version-info\">\n        <i class=\"fas fa-code-branch\"></i>\n        <span>{{versionString || 'Loading...'}}</span>\n    </div>\n</div>", styles: ["/* ===================================\n   HOME COMPONENT SPECIFIC STYLES\n   =================================== */\n\n/* Navigation card specific styling - extends global icon card styles */\n.mj-nav-card {\n    /* The icon card styles are applied via mj-kendo-icon-card class */\n    /* Add any home-specific card styling here if needed */\n}\n\n/* Override icon sizes for home navigation cards */\n.mj-nav-card .mj-card-icon-large {\n    /* Icons already styled by global icon card styles */\n    /* Add specific overrides here if needed */\n}\n\n/* Version info styling */\n.mj-version-info {\n    position: fixed;\n    bottom: 2rem;\n    right: 2rem;\n    background: var(--navy);\n    color: var(--white-color);\n    padding: 0.75rem 1.25rem;\n    border-radius: 2rem;\n    font-size: 0.85rem;\n    font-weight: 500;\n    box-shadow: var(--shadow);\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    transition: all var(--transition-time);\n}\n\n.mj-version-info:hover {\n    background: var(--mj-blue);\n    transform: translateY(-2px);\n    box-shadow: 0 8px 24px rgba(0, 118, 182, 0.3);\n}\n\n.mj-version-info i {\n    font-size: 0.875rem;\n}\n\n/* Loading state */\n.mj-loading {\n    min-height: 400px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n/* Empty state styling */\n.mj-empty-state {\n    text-align: center;\n    padding: 80px 20px;\n}\n\n.mj-empty-state .mj-empty-icon {\n    font-size: 5rem;\n    color: var(--gray-800);\n    opacity: 0.3;\n    margin-bottom: 20px;\n}\n\n.mj-empty-state h3 {\n    font-size: 1.75rem;\n    color: var(--navy);\n    margin-bottom: 12px;\n}\n\n.mj-empty-state p {\n    font-size: 1.1rem;\n    color: var(--gray-800);\n    max-width: 500px;\n    margin: 0 auto 24px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n    /* Icon card responsive styles are handled globally */\n    /* Add any home-specific responsive overrides here */\n    \n    .mj-version-info {\n        bottom: 1rem;\n        right: 1rem;\n        font-size: 0.8rem;\n        padding: 0.6rem 1rem;\n    }\n}\n\n@media (max-width: 480px) {\n    .mj-header-title h1 {\n        font-size: 1.75rem;\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: 11 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HomeComponent, { className: "HomeComponent", filePath: "src/lib/home-component/home.component.ts", lineNumber: 12 }); })();
 //# sourceMappingURL=home.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"home.component.js","sourceRoot":"","sources":["../../../src/lib/home-component/home.component.ts","../../../src/lib/home-component/home.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAiB,MAAM,2BAA2B,CAAC;;;;;;;;ICMnE,8BAAqD;IAA/B,gMAAS,8BAAoB,KAAC;IAChD,0BAAwE;IACxE,4BAAM;IAAA,YAAa;IACvB,AADuB,iBAAO,EACxB;;;IAFI,cAA0D;IAA1D,2EAA0D;IAC1D,eAAa;IAAb,kCAAa;;ADDvC,MAAM,OAAO,aAAc,SAAQ,uBAAuB;IAIrC;IAAsC;IAFlD,aAAa,CAAS;IAE7B,YAAmB,aAA4B,EAAU,MAAc;QACrE,KAAK,EAAE,CAAC;QADS,kBAAa,GAAb,aAAa,CAAe;QAAU,WAAM,GAAN,MAAM,CAAQ;QAErE,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;QACxB,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YACrC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC;QAC/B,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,EAAE,GAAG,IAAI,QAAQ,EAAE,CAAC;IACpB,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,8BAA8B,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,wCAAwC;IAElI,QAAQ,CAAC,KAAa;QAC3B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACxC,OAAO,CAAC,KAAK,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;QAC1C,CAAC,CAAC,CAAC;IAGL,CAAC;IAEO,KAAK,CAAC,gBAAgB;QAC5B,MAAM,EAAE,GAAa,IAAI,QAAQ,EAAE,CAAC;QACpC,MAAM,QAAQ,GAAG,MAAM,EAAE,CAAC,QAAQ,CAChC;YACE,SAAS,EAAE,kCAAkC,EAAE,oDAAoD;YACnG,YAAY,EAAE,OAAO;SACtB,CACF,CAAC;QAEF,IAAG,CAAC,QAAQ,CAAC,OAAO,EAAC,CAAC;YAClB,QAAQ,CAAC,8BAA8B,EAAE,SAAS,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;YAC3E,OAAO,EAAE,CAAC;QACd,CAAC;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACzC,OAAO,WAAW,YAAY,CAAC,OAAO,EAAE,CAAC;IAC3C,CAAC;uEAvCU,aAAa;6DAAb,aAAa;YCPd,AADJ,AADJ,AADJ,8BAA4B,aACQ,aACJ,SAChB;YAAA,oBAAI;YAEhB,AADI,AADY,iBAAK,EACX,EACJ;YAEF,AADJ,8BAAuB,aACQ;YACvB,kGAKC;YACL,iBAAM;YAEN,mCAAsD;YACtD,+BAA0B;YACtB,aACJ;YAER,AADI,AADI,iBAAM,EACJ,EACJ;;YAbM,eAKC;YALD,4BAKC;YAKD,eACJ;YADI,kDACJ;;;iFDTK,aAAa;cALzB,SAAS;2BACE,SAAS;;kFAIR,aAAa"}
+{"version":3,"file":"home.component.js","sourceRoot":"","sources":["../../../src/lib/home-component/home.component.ts","../../../src/lib/home-component/home.component.html"],"names":[],"mappings":"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"}

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

@@ -25,11 +25,13 @@ import * as i10 from "@progress/kendo-angular-dropdowns";
 import * as i11 from "../resource-browser/resource-browser.component";
 const _c0 = ["resourceBrowserLists"];
 function ListViewComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 1);
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "kendo-loader", 7);
+    i0.ɵɵelementEnd();
 } }
 function ListViewComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-resource-browser", 4, 0);
+    i0.ɵɵelementStart(0, "mj-resource-browser", 8, 0);
     i0.ɵɵlistener("ResourceSelected", function ListViewComponent_Conditional_1_Template_mj_resource_browser_ResourceSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.itemClick($event)); })("EditItemEvent", function ListViewComponent_Conditional_1_Template_mj_resource_browser_EditItemEvent_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onBeforeUpdateItemEvent($event)); })("DeleteItemEvent", function ListViewComponent_Conditional_1_Template_mj_resource_browser_DeleteItemEvent_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.deleteList($event)); })("NavigateToParentEvent", function ListViewComponent_Conditional_1_Template_mj_resource_browser_NavigateToParentEvent_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.navigateToParentFolder()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -37,50 +39,75 @@ function ListViewComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("EnableCategories", true)("EnableItemEdit", true)("EnableItemDelete", true)("CurrentCategoryID", ctx_r1.selectedFolderID)("NewItemOptions", ctx_r1.NewItemOptions);
 } }
 function ListViewComponent_kendo_dialog_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-loader", 1);
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "kendo-loader", 7);
+    i0.ɵɵelementEnd();
 } }
 function ListViewComponent_kendo_dialog_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 10)(2, "kendo-label", 11)(3, "kendo-textbox", 12);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_textbox_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listName, $event) || (ctx_r1.listName = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(4, "div", 10)(5, "kendo-label", 13)(6, "kendo-textarea", 14);
+    i0.ɵɵelementStart(0, "kendo-formfield", 15);
+    i0.ɵɵelement(1, "kendo-label", 16);
+    i0.ɵɵelementStart(2, "kendo-textbox", 17, 1);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_textbox_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listName, $event) || (ctx_r1.listName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "kendo-formfield", 15);
+    i0.ɵɵelement(5, "kendo-label", 18);
+    i0.ɵɵelementStart(6, "kendo-textarea", 19, 2);
     i0.ɵɵtwoWayListener("ngModelChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_textarea_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.listDescription, $event) || (ctx_r1.listDescription = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(7, "div", 10)(8, "kendo-label", 15)(9, "kendo-dropdownlist", 16);
-    i0.ɵɵlistener("filterChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_dropdownlist_filterChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); })("selectionChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_dropdownlist_selectionChange_9_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
-    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "kendo-formfield", 20);
+    i0.ɵɵelement(9, "kendo-label", 21);
+    i0.ɵɵelementStart(10, "kendo-dropdownlist", 22, 3);
+    i0.ɵɵlistener("filterChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_dropdownlist_filterChange_10_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onFilterChange($event)); })("selectionChange", function ListViewComponent_kendo_dialog_2_Conditional_2_Template_kendo_dropdownlist_selectionChange_10_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onSelectionChange($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "small", 23);
+    i0.ɵɵtext(13, "Choose the entity that will provide the data for this list");
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
+    const listNameInput_r5 = i0.ɵɵreference(3);
+    const listDescInput_r6 = i0.ɵɵreference(7);
+    const entityDropdown_r7 = i0.ɵɵreference(11);
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("for", listNameInput_r5);
+    i0.ɵɵadvance();
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.listName);
+    i0.ɵɵproperty("clearButton", true);
     i0.ɵɵadvance(3);
+    i0.ɵɵproperty("for", listDescInput_r6);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("rows", 3);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.listDescription);
     i0.ɵɵadvance(3);
+    i0.ɵɵproperty("for", entityDropdown_r7);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r1.entityNames)("filterable", true);
 } }
 function ListViewComponent_kendo_dialog_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "kendo-dialog", 5);
+    i0.ɵɵelementStart(0, "kendo-dialog", 9);
     i0.ɵɵlistener("close", function ListViewComponent_kendo_dialog_2_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCreateDialog(false)); });
-    i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_2_Conditional_1_Template, 1, 0, "kendo-loader", 1)(2, ListViewComponent_kendo_dialog_2_Conditional_2_Template, 10, 5, "div", 6);
-    i0.ɵɵelementStart(3, "kendo-dialog-actions", 7)(4, "button", 8);
-    i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createList()); });
-    i0.ɵɵtext(5, " Create ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 9);
-    i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_2_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCreateDialog(false)); });
-    i0.ɵɵtext(7, " Cancel ");
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵtemplate(1, ListViewComponent_kendo_dialog_2_Conditional_1_Template, 2, 0, "div", 4)(2, ListViewComponent_kendo_dialog_2_Conditional_2_Template, 14, 9);
+    i0.ɵɵelementStart(3, "kendo-dialog-actions")(4, "kendo-button", 10);
+    i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_2_Template_kendo_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createList()); });
+    i0.ɵɵelementStart(5, "span", 11);
+    i0.ɵɵelement(6, "i", 12);
+    i0.ɵɵtext(7, " Create List ");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "kendo-button", 13);
+    i0.ɵɵlistener("click", function ListViewComponent_kendo_dialog_2_Template_kendo_button_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleCreateDialog(false)); });
+    i0.ɵɵelementStart(9, "span", 11);
+    i0.ɵɵelement(10, "i", 14);
+    i0.ɵɵtext(11, " Cancel ");
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("minWidth", 250)("width", 650)("height", 400);
+    i0.ɵɵproperty("minWidth", 400)("width", 600)("height", 500);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.showCreateLoader ? 1 : 2);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", !ctx_r1.listName || !ctx_r1.selectedEntity || ctx_r1.showCreateLoader);
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("disabled", ctx_r1.showCreateLoader);
 } }
 let ListViewComponent = class ListViewComponent extends BaseBrowserComponent {
@@ -276,13 +303,13 @@ let ListViewComponent = class ListViewComponent extends BaseBrowserComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.resourceBrowser = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["resourceBrowserLists", ""], ["type", "converging-spinner"], ["ResourceTypeName", "Lists", "Title", "Lists", "DisplayMode", "Tile", 3, "EnableCategories", "EnableItemEdit", "EnableItemDelete", "CurrentCategoryID", "NewItemOptions"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["ResourceTypeName", "Lists", "Title", "Lists", "DisplayMode", "Tile", 3, "ResourceSelected", "EditItemEvent", "DeleteItemEvent", "NavigateToParentEvent", "EnableCategories", "EnableItemEdit", "EnableItemDelete", "CurrentCategoryID", "NewItemOptions"], ["title", "Create New List", 3, "close", "minWidth", "width", "height"], [1, "col-xs-12", "col-sm-6", "example-col"], [1, "popup-actions-btn"], ["kendoButton", "", "themeColor", "info", 1, "cancel-btn", 3, "click", "disabled"], ["kendoButton", "", "fillMode", "outline", "themeColor", "info", 1, "yes-btn", 3, "click", "disabled"], [1, "margin-bottom-20"], ["text", "Name"], ["placeholder", "Enter List Name", 1, "margin-top-10", 3, "ngModelChange", "ngModel"], ["text", "Description"], ["placeholder", "Enter Description", "resizable", "vertical", 1, "margin-top-10", 3, "ngModelChange", "rows", "ngModel"], ["text", "Select an Entity"], [1, "margin-top-10", 3, "filterChange", "selectionChange", "data", "filterable"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ListViewComponent_Conditional_0_Template, 1, 0, "kendo-loader", 1)(1, ListViewComponent_Conditional_1_Template, 2, 5, "mj-resource-browser", 2)(2, ListViewComponent_kendo_dialog_2_Template, 8, 6, "kendo-dialog", 3);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [["resourceBrowserLists", ""], ["listNameInput", ""], ["listDescInput", ""], ["entityDropdown", ""], [1, "mj-loading"], ["ResourceTypeName", "Lists", "Title", "Lists", "DisplayMode", "Tile", 3, "EnableCategories", "EnableItemEdit", "EnableItemDelete", "CurrentCategoryID", "NewItemOptions"], ["title", "Create New List", 3, "minWidth", "width", "height", "close", 4, "ngIf"], ["type", "converging-spinner", "themeColor", "primary", "size", "large"], ["ResourceTypeName", "Lists", "Title", "Lists", "DisplayMode", "Tile", 3, "ResourceSelected", "EditItemEvent", "DeleteItemEvent", "NavigateToParentEvent", "EnableCategories", "EnableItemEdit", "EnableItemDelete", "CurrentCategoryID", "NewItemOptions"], ["title", "Create New List", 3, "close", "minWidth", "width", "height"], ["themeColor", "primary", "rounded", "medium", 3, "click", "disabled"], [1, "button-content"], [1, "fas", "fa-plus"], ["fillMode", "outline", "rounded", "medium", 3, "click", "disabled"], [1, "fas", "fa-times"], ["orientation", "vertical", 1, "mb-3"], ["text", "List Name", 3, "for"], ["placeholder", "Enter a descriptive name for your list", "rounded", "medium", "required", "", 3, "ngModelChange", "ngModel", "clearButton"], ["text", "Description", 3, "for"], ["placeholder", "Describe what this list will be used for", "resizable", "vertical", "rounded", "medium", 3, "ngModelChange", "rows", "ngModel"], ["orientation", "vertical"], ["text", "Base Entity", 3, "for"], ["placeholder", "Select the entity for this list", "rounded", "medium", "required", "", 3, "filterChange", "selectionChange", "data", "filterable"], [1, "k-form-hint"]], template: function ListViewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ListViewComponent_Conditional_0_Template, 2, 0, "div", 4)(1, ListViewComponent_Conditional_1_Template, 2, 5, "mj-resource-browser", 5)(2, ListViewComponent_kendo_dialog_2_Template, 12, 6, "kendo-dialog", 6);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.showLoader ? 0 : 1);
             i0.ɵɵadvance(2);
             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.ResourceBrowserComponent], styles: [".margin-bottom-20[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n}\n\n.margin-top-10[_ngcontent-%COMP%] {\n    margin-top: 10px;\n}", ".main-area[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view[_ngcontent-%COMP%] {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n  .list-view .k-listview-header, \n  .list-view .k-listview-footer {\n  border: none;\n}\n  .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header[_ngcontent-%COMP%], \n.footer[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header[_ngcontent-%COMP%] {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header[_ngcontent-%COMP%]   .head-tag[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header[_ngcontent-%COMP%]   .count[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item[_ngcontent-%COMP%] {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card[_ngcontent-%COMP%]   .view-icon[_ngcontent-%COMP%] {\n  color: var(--sideNav);\n}\n.card-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper[_ngcontent-%COMP%]   .k-card-body[_ngcontent-%COMP%] {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper[_ngcontent-%COMP%]   .view-card[_ngcontent-%COMP%] {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card[_ngcontent-%COMP%]   .btn-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body[_ngcontent-%COMP%]   .view-card-content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity[_ngcontent-%COMP%]   .title-wrap[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area[_ngcontent-%COMP%]   .card-list[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}"] });
+        } }, dependencies: [i3.NgIf, i4.NgControlStatus, i4.RequiredValidator, i4.NgModel, i5.DialogComponent, i5.DialogActionsComponent, i6.LoaderComponent, i7.ButtonComponent, i8.TextAreaComponent, i8.TextBoxComponent, i8.FormFieldComponent, i9.LabelComponent, i10.DropDownListComponent, i11.ResourceBrowserComponent], styles: ["[_nghost-%COMP%] {\n    display: block;\n}\n\n\n\n.mj-loading[_ngcontent-%COMP%] {\n    min-height: 400px;\n}\n\n\n\n.mb-3[_ngcontent-%COMP%] {\n    margin-bottom: 1rem;\n}\n\n\n\n.button-content[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}"] });
 };
 ListViewComponent = __decorate([
     RegisterClass(BaseNavigationComponent, 'Lists')
@@ -290,7 +317,7 @@ ListViewComponent = __decorate([
 export { ListViewComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListViewComponent, [{
         type: Component,
-        args: [{ selector: 'mj-list-view', template: "@if(showLoader){\n    <kendo-loader type=\"converging-spinner\"></kendo-loader>\n}\n@else {\n    <mj-resource-browser\n        #resourceBrowserLists\n        ResourceTypeName=\"Lists\"\n        [EnableCategories]=\"true\"\n        [EnableItemEdit]=\"true\"\n        [EnableItemDelete]=\"true\"\n        [CurrentCategoryID]=\"selectedFolderID\"\n        Title=\"Lists\"\n        DisplayMode=\"Tile\"\n        [NewItemOptions]=\"NewItemOptions\"\n        (ResourceSelected)=\"itemClick($event)\"\n        (EditItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n        (DeleteItemEvent)=\"deleteList($event)\"\n        (NavigateToParentEvent)=\"navigateToParentFolder()\"\n    />\n}\n<kendo-dialog\ntitle=\"Create New List\"\n*ngIf=\"showCreateDialog\"\n(close)=\"toggleCreateDialog(false)\"\n[minWidth]=\"250\"\n[width]=\"650\"\n[height]=\"400\"\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            <div class=\"margin-bottom-20\">\n                <kendo-label text=\"Name\">\n                    <kendo-textbox  \n                        class=\"margin-top-10\"\n                        placeholder=\"Enter List Name\" \n                        [(ngModel)]=\"listName\">\n                    </kendo-textbox>\n                </kendo-label>\n            </div>\n            <div class=\"margin-bottom-20\">\n                <kendo-label text=\"Description\">\n                    <kendo-textarea\n                        class=\"margin-top-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=\"margin-bottom-20\">\n                <kendo-label text=\"Select an Entity\">\n                    <kendo-dropdownlist \n                        class=\"margin-top-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: [".margin-bottom-20 {\n  margin-bottom: 20px;\n}\n\n.margin-top-10 {\n    margin-top: 10px;\n}", "\n.main-area {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  gap: 24px;\n  padding: 24px 0;\n}\n.list-view {\n  padding: 16px;\n  min-width: 300px;\n  border-radius: 4px;\n  background:  #FAFAFA;\n  border: none;\n}\n::ng-deep .list-view .k-listview-header, \n::ng-deep .list-view .k-listview-footer {\n  border: none;\n}\n::ng-deep .list-view .k-listview-content {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 4px;\n  background: #fff;\n  padding: 16px;\n}\n\n.header,\n.footer {\n  color: #424242;\n  font-size: 16px;\n  height: auto;\n  margin:0;\n}\n\n.header {\n  color: #424242;\n  margin-bottom: 16px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.header .head-tag {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color:  #424242;\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 20px;\n}\n\n.header .count {\n  width: 24px;\n  height: 24px;\n  min-width: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 10px;\n  background: rgba(0, 0, 0, 0.08);\n  border-radius: 50%;\n}\n.footer {\n  font-size: 14px;\n  margin-top: 16px;\n}\n\n.list-item {\n  color:  #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 4px;\n}\n.card-container {\n  margin: 0;\n  padding: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n\n\n\n\n \n.view-card .view-icon {\n  color: var(--sideNav);\n}\n.card-wrapper {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 6px;\n  width: 100% !important;\n}\n.card-wrapper .k-card-body {\n  background: #fff;\n  padding: 12px 20px;\n}\n.card-wrapper .view-card {\n  overflow: auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  background: #fafafa;\n  padding: 4px 15px;\n}\n.view-card .btn-wrapper {\n  display: flex;\n  align-items: center;\n}\n\n.k-card-body .view-card-content h5 {\n  color: #424242;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  margin-bottom: 0;\n  letter-spacing: 0.18px;\n}\n.k-card-body .view-card-content p {\n  color: #666;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  height: 48px;\n  margin-bottom: 0;\n}\n.card-container {\n  padding: 0;\n  margin: 0;\n  box-shadow: none;\n}\n.card-header-entity {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  padding-bottom: 20px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.card-header-entity .title-wrap h1 {\n  color: #424242;\n  font-size: 28px;\n  font-style: normal;\n  font-weight: 300;\n  line-height: 28px;\n  margin-bottom: 15px;\n}\n.card-header-entity .title-wrap {\n  display: flex;\n  flex-direction: column;\n}\n.card-header-entity .title-wrap p {\n  margin: 0;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: #424242;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n.main-area .card-list {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 20px;\n}\n"] }]
+        args: [{ selector: 'mj-list-view', template: "<!-- Loading State -->\n@if(showLoader) {\n    <div class=\"mj-loading\">\n        <kendo-loader type=\"converging-spinner\" themeColor=\"primary\" size=\"large\"></kendo-loader>\n    </div>\n}\n@else {\n    <!-- Resource Browser -->\n    <mj-resource-browser\n        #resourceBrowserLists\n        ResourceTypeName=\"Lists\"\n        [EnableCategories]=\"true\"\n        [EnableItemEdit]=\"true\"\n        [EnableItemDelete]=\"true\"\n        [CurrentCategoryID]=\"selectedFolderID\"\n        Title=\"Lists\"\n        DisplayMode=\"Tile\"\n        [NewItemOptions]=\"NewItemOptions\"\n        (ResourceSelected)=\"itemClick($event)\"\n        (EditItemEvent)=\"onBeforeUpdateItemEvent($event)\"\n        (DeleteItemEvent)=\"deleteList($event)\"\n        (NavigateToParentEvent)=\"navigateToParentFolder()\"\n    />\n}\n\n<!-- Create List Dialog -->\n<kendo-dialog\n    title=\"Create New List\"\n    *ngIf=\"showCreateDialog\"\n    (close)=\"toggleCreateDialog(false)\"\n    [minWidth]=\"400\"\n    [width]=\"600\"\n    [height]=\"500\">\n    \n    @if(showCreateLoader) {\n        <div class=\"mj-loading\">\n            <kendo-loader type=\"converging-spinner\" themeColor=\"primary\" size=\"large\"></kendo-loader>\n        </div>\n    }\n    @else {\n        <!-- List Name Field -->\n        <kendo-formfield orientation=\"vertical\" class=\"mb-3\">\n            <kendo-label text=\"List Name\" [for]=\"listNameInput\"></kendo-label>\n            <kendo-textbox  \n                #listNameInput\n                placeholder=\"Enter a descriptive name for your list\" \n                [(ngModel)]=\"listName\"\n                [clearButton]=\"true\"\n                rounded=\"medium\"\n                required>\n            </kendo-textbox>\n        </kendo-formfield>\n\n        <!-- Description Field -->\n        <kendo-formfield orientation=\"vertical\" class=\"mb-3\">\n            <kendo-label text=\"Description\" [for]=\"listDescInput\"></kendo-label>\n            <kendo-textarea\n                #listDescInput\n                placeholder=\"Describe what this list will be used for\"\n                [rows]=\"3\"\n                resizable=\"vertical\"\n                rounded=\"medium\"\n                [(ngModel)]=\"listDescription\">\n            </kendo-textarea>\n        </kendo-formfield>\n\n        <!-- Entity Selection -->\n        <kendo-formfield orientation=\"vertical\">\n            <kendo-label text=\"Base Entity\" [for]=\"entityDropdown\"></kendo-label>\n            <kendo-dropdownlist \n                #entityDropdown\n                [data]=\"entityNames\"\n                [filterable]=\"true\"\n                placeholder=\"Select the entity for this list\"\n                rounded=\"medium\"\n                (filterChange)=\"onFilterChange($event)\"\n                (selectionChange)=\"onSelectionChange($event)\"\n                required>\n            </kendo-dropdownlist>\n            <small class=\"k-form-hint\">Choose the entity that will provide the data for this list</small>\n        </kendo-formfield>\n    }\n    \n    <!-- Dialog Actions -->\n    <kendo-dialog-actions>\n        <kendo-button \n                themeColor=\"primary\"\n                rounded=\"medium\"\n                (click)=\"createList()\" \n                [disabled]=\"!listName || !selectedEntity || showCreateLoader\"> \n            <span class=\"button-content\">\n                <i class=\"fas fa-plus\"></i>\n                Create List\n            </span>\n        </kendo-button>\n        <kendo-button \n                fillMode=\"outline\"\n                rounded=\"medium\"\n                (click)=\"toggleCreateDialog(false)\" \n                [disabled]=\"showCreateLoader\"> \n            <span class=\"button-content\">\n                <i class=\"fas fa-times\"></i>\n                Cancel\n            </span>\n        </kendo-button>\n    </kendo-dialog-actions>\n</kendo-dialog>", styles: [":host {\n    display: block;\n}\n\n/* Loading State */\n.mj-loading {\n    min-height: 400px;\n}\n\n/* Utility margin class */\n.mb-3 {\n    margin-bottom: 1rem;\n}\n\n/* Button content wrapper for icons */\n.button-content {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n}"] }]
     }], () => [{ type: i1.Router }, { type: i1.ActivatedRoute }, { type: i2.SharedService }], { resourceBrowser: [{
             type: ViewChild,
             args: ['resourceBrowserLists']

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

@@ -1 +1 @@
-{"version":3,"file":"list-view.component.js","sourceRoot":"","sources":["../../../src/lib/list-view/list-view.component.ts","../../../src/lib/list-view/list-view.component.html"],"names":[],"mappings":"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"}
+{"version":3,"file":"list-view.component.js","sourceRoot":"","sources":["../../../src/lib/list-view/list-view.component.ts","../../../src/lib/list-view/list-view.component.html"],"names":[],"mappings":"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"}