@memberjunction/ng-dashboards 5.34.0 → 5.35.0

package/dist/Lists/components/lists-my-lists-resource.component.js

@@ -18,22 +18,15 @@ import * as i5 from "@memberjunction/ng-ui-components";
 import * as i6 from "@memberjunction/ng-shared-generic";
 const _c0 = a0 => ({ node: a0, depth: 0 });
 const _c1 = (a0, a1) => ({ node: a0, depth: a1 });
-function ListsMyListsResource_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 23);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSearch()); });
-    i0.ɵɵelement(1, "i", 24);
-    i0.ɵɵelementEnd();
-} }
-function ListsMyListsResource_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵelement(1, "mj-loading", 25);
+function ListsMyListsResource_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "mj-loading", 20);
     i0.ɵɵelementEnd();
 } }
-function ListsMyListsResource_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "div", 26);
-    i0.ɵɵelement(2, "div", 27)(3, "i", 5);
+function ListsMyListsResource_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 21);
+    i0.ɵɵelement(2, "div", 22)(3, "i", 23);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "h3");
     i0.ɵɵtext(5, "No Lists Yet");
@@ -41,31 +34,31 @@ function ListsMyListsResource_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(6, "p");
     i0.ɵɵtext(7, "Lists help you organize and track groups of records across your data.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 28)(9, "div", 29);
-    i0.ɵɵelement(10, "i", 30);
+    i0.ɵɵelementStart(8, "div", 24)(9, "div", 25);
+    i0.ɵɵelement(10, "i", 26);
     i0.ɵɵelementStart(11, "span");
     i0.ɵɵtext(12, "Group records from any entity");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 29);
-    i0.ɵɵelement(14, "i", 30);
+    i0.ɵɵelementStart(13, "div", 25);
+    i0.ɵɵelement(14, "i", 26);
     i0.ɵɵelementStart(15, "span");
     i0.ɵɵtext(16, "Organize with categories");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 29);
-    i0.ɵɵelement(18, "i", 30);
+    i0.ɵɵelementStart(17, "div", 25);
+    i0.ɵɵelement(18, "i", 26);
     i0.ɵɵelementStart(19, "span");
     i0.ɵɵtext(20, "Quick access from any view");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(21, "button", 31);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_16_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createNewList()); });
-    i0.ɵɵelement(22, "i", 12);
+    i0.ɵɵelementStart(21, "button", 27);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_12_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.createNewList()); });
+    i0.ɵɵelement(22, "i", 7);
     i0.ɵɵtext(23, " Create Your First List ");
     i0.ɵɵelementEnd()();
 } }
-function ListsMyListsResource_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "div", 32);
-    i0.ɵɵelement(2, "i", 8);
+function ListsMyListsResource_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 28);
+    i0.ɵɵelement(2, "i", 29);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h3");
     i0.ɵɵtext(4, "No Results Found");
@@ -77,11 +70,11 @@ function ListsMyListsResource_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵtext(9, "\"");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "p", 33);
+    i0.ɵɵelementStart(10, "p", 30);
     i0.ɵɵtext(11, "Try a different search term or clear your search.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 34);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_17_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSearch()); });
+    i0.ɵɵelementStart(12, "button", 31);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_13_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.clearSearch()); });
     i0.ɵɵtext(13, "Clear Search");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -89,121 +82,121 @@ function ListsMyListsResource_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate(ctx_r2.searchTerm);
 } }
-function ListsMyListsResource_Conditional_18_Conditional_8_For_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function ListsMyListsResource_Conditional_14_Conditional_8_For_2_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function ListsMyListsResource_Conditional_18_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ListsMyListsResource_Conditional_18_Conditional_8_For_2_ng_container_0_Template, 1, 0, "ng-container", 43);
+function ListsMyListsResource_Conditional_14_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ListsMyListsResource_Conditional_14_Conditional_8_For_2_ng_container_0_Template, 1, 0, "ng-container", 40);
 } if (rf & 2) {
-    const node_r7 = ctx.$implicit;
+    const node_r6 = ctx.$implicit;
     i0.ɵɵnextContext(3);
-    const categoryNodeTemplate_r8 = i0.ɵɵreference(20);
-    i0.ɵɵproperty("ngTemplateOutlet", categoryNodeTemplate_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r7));
+    const categoryNodeTemplate_r7 = i0.ɵɵreference(16);
+    i0.ɵɵproperty("ngTemplateOutlet", categoryNodeTemplate_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, node_r6));
 } }
-function ListsMyListsResource_Conditional_18_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵrepeaterCreate(1, ListsMyListsResource_Conditional_18_Conditional_8_For_2_Template, 1, 4, "ng-container", null, i0.ɵɵrepeaterTrackByIdentity);
+function ListsMyListsResource_Conditional_14_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵrepeaterCreate(1, ListsMyListsResource_Conditional_14_Conditional_8_For_2_Template, 1, 4, "ng-container", null, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.categoryTree);
 } }
-function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 53);
+function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 50);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r10 = i0.ɵɵnextContext().$implicit;
+    const item_r9 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(item_r10.list.Description);
+    i0.ɵɵtextInterpolate(item_r9.list.Description);
 } }
-function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 59);
-    i0.ɵɵelement(1, "i", 61);
+function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 56);
+    i0.ɵɵelement(1, "i", 58);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r10 = i0.ɵɵnextContext().$implicit;
+    const item_r9 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getCategoryName(item_r10.list.CategoryID), " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.getCategoryName(item_r9.list.CategoryID), " ");
 } }
-function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Template_div_click_0_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r10.list)); })("keydown.enter", function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Template_div_keydown_enter_0_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r10.list)); })("keydown.space", function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Template_div_keydown_space_0_listener($event) { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.openList(item_r10.list); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵelementStart(1, "div", 46)(2, "div", 47);
+function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Template_div_click_0_listener() { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r9.list)); })("keydown.enter", function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Template_div_keydown_enter_0_listener() { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r9.list)); })("keydown.space", function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Template_div_keydown_space_0_listener($event) { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.openList(item_r9.list); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "div", 43)(2, "div", 44);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48)(5, "button", 49);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Conditional_9_For_2_Template_button_click_5_listener($event) { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openListMenu($event, item_r10.list)); });
-    i0.ɵɵelement(6, "i", 50);
+    i0.ɵɵelementStart(4, "div", 45)(5, "button", 46);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_14_Conditional_9_For_2_Template_button_click_5_listener($event) { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openListMenu($event, item_r9.list)); });
+    i0.ɵɵelement(6, "i", 47);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(7, "div", 51)(8, "h3", 52);
+    i0.ɵɵelementStart(7, "div", 48)(8, "h3", 49);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, ListsMyListsResource_Conditional_18_Conditional_9_For_2_Conditional_10_Template, 2, 1, "p", 53);
-    i0.ɵɵelementStart(11, "div", 54)(12, "span", 55);
-    i0.ɵɵelement(13, "i", 56);
+    i0.ɵɵconditionalCreate(10, ListsMyListsResource_Conditional_14_Conditional_9_For_2_Conditional_10_Template, 2, 1, "p", 50);
+    i0.ɵɵelementStart(11, "div", 51)(12, "span", 52);
+    i0.ɵɵelement(13, "i", 53);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 55);
-    i0.ɵɵelement(16, "i", 57);
+    i0.ɵɵelementStart(15, "span", 52);
+    i0.ɵɵelement(16, "i", 54);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 58);
-    i0.ɵɵconditionalCreate(19, ListsMyListsResource_Conditional_18_Conditional_9_For_2_Conditional_19_Template, 3, 1, "span", 59);
-    i0.ɵɵelementStart(20, "span", 60);
+    i0.ɵɵelementStart(18, "div", 55);
+    i0.ɵɵconditionalCreate(19, ListsMyListsResource_Conditional_14_Conditional_9_For_2_Conditional_19_Template, 3, 1, "span", 56);
+    i0.ɵɵelementStart(20, "span", 57);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r10 = ctx.$implicit;
+    const item_r9 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", item_r10.list.Name + " - " + item_r10.entityName + " - " + item_r10.itemCount + " items");
+    i0.ɵɵattribute("aria-label", item_r9.list.Name + " - " + item_r9.entityName + " - " + item_r9.itemCount + " items");
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background-color", ctx_r2.getEntityColor(item_r10.list.Entity));
+    i0.ɵɵstyleProp("background-color", ctx_r2.getEntityColor(item_r9.list.Entity));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.getEntityIcon(item_r10.list.Entity));
+    i0.ɵɵclassMap(ctx_r2.getEntityIcon(item_r9.list.Entity));
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("aria-label", "More options for " + item_r10.list.Name);
+    i0.ɵɵattribute("aria-label", "More options for " + item_r9.list.Name);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(item_r10.list.Name);
+    i0.ɵɵtextInterpolate(item_r9.list.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(item_r10.list.Description ? 10 : -1);
+    i0.ɵɵconditional(item_r9.list.Description ? 10 : -1);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", item_r10.entityName, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r9.entityName, " ");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2(" ", item_r10.itemCount, " item", item_r10.itemCount !== 1 ? "s" : "", " ");
+    i0.ɵɵtextInterpolate2(" ", item_r9.itemCount, " item", item_r9.itemCount !== 1 ? "s" : "", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(item_r10.list.CategoryID ? 19 : -1);
+    i0.ɵɵconditional(item_r9.list.CategoryID ? 19 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Updated ", ctx_r2.formatDate(item_r10.list.__mj_UpdatedAt));
+    i0.ɵɵtextInterpolate1("Updated ", ctx_r2.formatDate(item_r9.list.__mj_UpdatedAt));
 } }
-function ListsMyListsResource_Conditional_18_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 42);
-    i0.ɵɵrepeaterCreate(1, ListsMyListsResource_Conditional_18_Conditional_9_For_2_Template, 22, 13, "div", 44, i0.ɵɵrepeaterTrackByIdentity);
+function ListsMyListsResource_Conditional_14_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 39);
+    i0.ɵɵrepeaterCreate(1, ListsMyListsResource_Conditional_14_Conditional_9_For_2_Template, 22, 13, "div", 41, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.filteredLists);
 } }
-function ListsMyListsResource_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 16)(1, "div", 35)(2, "button", 36);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.viewMode = "grid"); });
-    i0.ɵɵelement(3, "i", 37);
+function ListsMyListsResource_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 13)(1, "div", 32)(2, "button", 33);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_14_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.viewMode = "grid"); });
+    i0.ɵɵelement(3, "i", 34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 38);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.viewMode = "list"); });
-    i0.ɵɵelement(5, "i", 39);
+    i0.ɵɵelementStart(4, "button", 35);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_14_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.viewMode = "list"); });
+    i0.ɵɵelement(5, "i", 36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 40);
+    i0.ɵɵelementStart(6, "span", 37);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, ListsMyListsResource_Conditional_18_Conditional_8_Template, 3, 0, "div", 41);
-    i0.ɵɵconditionalCreate(9, ListsMyListsResource_Conditional_18_Conditional_9_Template, 3, 0, "div", 42);
+    i0.ɵɵconditionalCreate(8, ListsMyListsResource_Conditional_14_Conditional_8_Template, 3, 0, "div", 38);
+    i0.ɵɵconditionalCreate(9, ListsMyListsResource_Conditional_14_Conditional_9_Template, 3, 0, "div", 39);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -218,218 +211,218 @@ function ListsMyListsResource_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.viewMode === "grid" ? 9 : -1);
 } }
-function ListsMyListsResource_ng_template_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 66);
-    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_19_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11); const node_r12 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleCategory(node_r12)); });
-    i0.ɵɵelement(1, "i")(2, "i", 61);
-    i0.ɵɵelementStart(3, "span", 67);
+function ListsMyListsResource_ng_template_15_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_15_Conditional_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r10); const node_r11 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleCategory(node_r11)); });
+    i0.ɵɵelement(1, "i")(2, "i", 58);
+    i0.ɵɵelementStart(3, "span", 64);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 68);
+    i0.ɵɵelementStart(5, "span", 65);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const node_r12 = i0.ɵɵnextContext().node;
+    const node_r11 = i0.ɵɵnextContext().node;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(node_r12.isExpanded ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right");
+    i0.ɵɵclassMap(node_r11.isExpanded ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-folder-open", node_r12.isExpanded);
+    i0.ɵɵclassProp("fa-folder-open", node_r11.isExpanded);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(node_r12.category.Name);
+    i0.ɵɵtextInterpolate(node_r11.category.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.getListCountInCategory(node_r12));
+    i0.ɵɵtextInterpolate(ctx_r2.getListCountInCategory(node_r11));
 } }
-function ListsMyListsResource_ng_template_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 69);
-    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_19_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r13); const node_r12 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleCategory(node_r12)); });
-    i0.ɵɵelement(1, "i")(2, "i", 70);
-    i0.ɵɵelementStart(3, "span", 67);
+function ListsMyListsResource_ng_template_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 66);
+    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_15_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r12); const node_r11 = i0.ɵɵnextContext().node; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.toggleCategory(node_r11)); });
+    i0.ɵɵelement(1, "i")(2, "i", 67);
+    i0.ɵɵelementStart(3, "span", 64);
     i0.ɵɵtext(4, "Uncategorized");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 68);
+    i0.ɵɵelementStart(5, "span", 65);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const node_r12 = i0.ɵɵnextContext().node;
+    const node_r11 = i0.ɵɵnextContext().node;
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(node_r12.isExpanded ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right");
+    i0.ɵɵclassMap(node_r11.isExpanded ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(node_r12.lists.length);
+    i0.ɵɵtextInterpolate(node_r11.lists.length);
 } }
-function ListsMyListsResource_ng_template_19_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 72);
-    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_19_Conditional_3_For_2_Template_div_click_0_listener() { const item_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r15.list)); })("keydown.enter", function ListsMyListsResource_ng_template_19_Conditional_3_For_2_Template_div_keydown_enter_0_listener() { const item_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r15.list)); })("keydown.space", function ListsMyListsResource_ng_template_19_Conditional_3_For_2_Template_div_keydown_space_0_listener($event) { const item_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.openList(item_r15.list); return i0.ɵɵresetView($event.preventDefault()); });
-    i0.ɵɵelementStart(1, "div", 73);
+function ListsMyListsResource_ng_template_15_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_15_Conditional_3_For_2_Template_div_click_0_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r14.list)); })("keydown.enter", function ListsMyListsResource_ng_template_15_Conditional_3_For_2_Template_div_keydown_enter_0_listener() { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openList(item_r14.list)); })("keydown.space", function ListsMyListsResource_ng_template_15_Conditional_3_For_2_Template_div_keydown_space_0_listener($event) { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); ctx_r2.openList(item_r14.list); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵelementStart(1, "div", 70);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 74)(4, "span", 75);
+    i0.ɵɵelementStart(3, "div", 71)(4, "span", 72);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 76);
+    i0.ɵɵelementStart(6, "span", 73);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 77)(9, "button", 78);
-    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_19_Conditional_3_For_2_Template_button_click_9_listener($event) { const item_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openListMenu($event, item_r15.list)); });
-    i0.ɵɵelement(10, "i", 50);
+    i0.ɵɵelementStart(8, "div", 74)(9, "button", 75);
+    i0.ɵɵlistener("click", function ListsMyListsResource_ng_template_15_Conditional_3_For_2_Template_button_click_9_listener($event) { const item_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.openListMenu($event, item_r14.list)); });
+    i0.ɵɵelement(10, "i", 47);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const item_r15 = ctx.$implicit;
+    const item_r14 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵattribute("aria-label", item_r15.list.Name + " - " + item_r15.entityName + " - " + item_r15.itemCount + " items");
+    i0.ɵɵattribute("aria-label", item_r14.list.Name + " - " + item_r14.entityName + " - " + item_r14.itemCount + " items");
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background-color", ctx_r2.getEntityColor(item_r15.list.Entity));
+    i0.ɵɵstyleProp("background-color", ctx_r2.getEntityColor(item_r14.list.Entity));
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r2.getEntityIcon(item_r15.list.Entity));
+    i0.ɵɵclassMap(ctx_r2.getEntityIcon(item_r14.list.Entity));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(item_r15.list.Name);
+    i0.ɵɵtextInterpolate(item_r14.list.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", item_r15.entityName, " \u00B7 ", item_r15.itemCount, " items");
+    i0.ɵɵtextInterpolate2("", item_r14.entityName, " \u00B7 ", item_r14.itemCount, " items");
     i0.ɵɵadvance(2);
-    i0.ɵɵattribute("aria-label", "More options for " + item_r15.list.Name);
+    i0.ɵɵattribute("aria-label", "More options for " + item_r14.list.Name);
 } }
-function ListsMyListsResource_ng_template_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵrepeaterCreate(1, ListsMyListsResource_ng_template_19_Conditional_3_For_2_Template, 11, 9, "div", 71, i0.ɵɵrepeaterTrackByIdentity);
+function ListsMyListsResource_ng_template_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵrepeaterCreate(1, ListsMyListsResource_ng_template_15_Conditional_3_For_2_Template, 11, 9, "div", 68, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const node_r12 = i0.ɵɵnextContext().node;
+    const node_r11 = i0.ɵɵnextContext().node;
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(node_r12.lists);
+    i0.ɵɵrepeater(node_r11.lists);
 } }
-function ListsMyListsResource_ng_template_19_Conditional_4_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
+function ListsMyListsResource_ng_template_15_Conditional_4_For_1_ng_container_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-function ListsMyListsResource_ng_template_19_Conditional_4_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ListsMyListsResource_ng_template_19_Conditional_4_For_1_ng_container_0_Template, 1, 0, "ng-container", 43);
+function ListsMyListsResource_ng_template_15_Conditional_4_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, ListsMyListsResource_ng_template_15_Conditional_4_For_1_ng_container_0_Template, 1, 0, "ng-container", 40);
 } if (rf & 2) {
-    const child_r16 = ctx.$implicit;
-    const depth_r17 = i0.ɵɵnextContext(2).depth;
+    const child_r15 = ctx.$implicit;
+    const depth_r16 = i0.ɵɵnextContext(2).depth;
     i0.ɵɵnextContext();
-    const categoryNodeTemplate_r8 = i0.ɵɵreference(20);
-    i0.ɵɵproperty("ngTemplateOutlet", categoryNodeTemplate_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1, child_r16, depth_r17 + 1));
+    const categoryNodeTemplate_r7 = i0.ɵɵreference(16);
+    i0.ɵɵproperty("ngTemplateOutlet", categoryNodeTemplate_r7)("ngTemplateOutletContext", i0.ɵɵpureFunction2(2, _c1, child_r15, depth_r16 + 1));
 } }
-function ListsMyListsResource_ng_template_19_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, ListsMyListsResource_ng_template_19_Conditional_4_For_1_Template, 1, 5, "ng-container", null, i0.ɵɵrepeaterTrackByIdentity);
+function ListsMyListsResource_ng_template_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, ListsMyListsResource_ng_template_15_Conditional_4_For_1_Template, 1, 5, "ng-container", null, i0.ɵɵrepeaterTrackByIdentity);
 } if (rf & 2) {
-    const node_r12 = i0.ɵɵnextContext().node;
-    i0.ɵɵrepeater(node_r12.children);
+    const node_r11 = i0.ɵɵnextContext().node;
+    i0.ɵɵrepeater(node_r11.children);
 } }
-function ListsMyListsResource_ng_template_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 62);
-    i0.ɵɵconditionalCreate(1, ListsMyListsResource_ng_template_19_Conditional_1_Template, 7, 6, "div", 63);
-    i0.ɵɵconditionalCreate(2, ListsMyListsResource_ng_template_19_Conditional_2_Template, 7, 3, "div", 64);
-    i0.ɵɵconditionalCreate(3, ListsMyListsResource_ng_template_19_Conditional_3_Template, 3, 0, "div", 65);
-    i0.ɵɵconditionalCreate(4, ListsMyListsResource_ng_template_19_Conditional_4_Template, 2, 0);
+function ListsMyListsResource_ng_template_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵconditionalCreate(1, ListsMyListsResource_ng_template_15_Conditional_1_Template, 7, 6, "div", 60);
+    i0.ɵɵconditionalCreate(2, ListsMyListsResource_ng_template_15_Conditional_2_Template, 7, 3, "div", 61);
+    i0.ɵɵconditionalCreate(3, ListsMyListsResource_ng_template_15_Conditional_3_Template, 3, 0, "div", 62);
+    i0.ɵɵconditionalCreate(4, ListsMyListsResource_ng_template_15_Conditional_4_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const node_r12 = ctx.node;
-    const depth_r17 = ctx.depth;
-    i0.ɵɵstyleProp("margin-left", depth_r17 * 20, "px");
+    const node_r11 = ctx.node;
+    const depth_r16 = ctx.depth;
+    i0.ɵɵstyleProp("margin-left", depth_r16 * 20, "px");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r12.category ? 1 : -1);
+    i0.ɵɵconditional(node_r11.category ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!node_r12.category && node_r12.lists.length > 0 ? 2 : -1);
+    i0.ɵɵconditional(!node_r11.category && node_r11.lists.length > 0 ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r12.isExpanded ? 3 : -1);
+    i0.ɵɵconditional(node_r11.isExpanded ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(node_r12.isExpanded ? 4 : -1);
+    i0.ɵɵconditional(node_r11.isExpanded ? 4 : -1);
 } }
-function ListsMyListsResource_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 79);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_21_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
+function ListsMyListsResource_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 76);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_17_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeContextMenu()); });
     i0.ɵɵelementEnd();
 } }
-function ListsMyListsResource_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 80)(1, "button", 81);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_22_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.editList()); });
-    i0.ɵɵelement(2, "i", 82);
+function ListsMyListsResource_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 77)(1, "button", 78);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.editList()); });
+    i0.ɵɵelement(2, "i", 79);
     i0.ɵɵtext(3, " Edit ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 81);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_22_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.duplicateList()); });
-    i0.ɵɵelement(5, "i", 83);
+    i0.ɵɵelementStart(4, "button", 78);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.duplicateList()); });
+    i0.ɵɵelement(5, "i", 80);
     i0.ɵɵtext(6, " Duplicate ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(7, "div", 84);
-    i0.ɵɵelementStart(8, "button", 85);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_22_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.confirmDeleteList()); });
-    i0.ɵɵelement(9, "i", 86);
+    i0.ɵɵelement(7, "div", 81);
+    i0.ɵɵelementStart(8, "button", 82);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_18_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r18); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.confirmDeleteList()); });
+    i0.ɵɵelement(9, "i", 83);
     i0.ɵɵtext(10, " Delete ");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("top", ctx_r2.contextMenuY, "px")("left", ctx_r2.contextMenuX, "px");
 } }
-function ListsMyListsResource_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_23_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeCreateDialog()); });
+function ListsMyListsResource_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_19_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeCreateDialog()); });
     i0.ɵɵelementEnd();
 } }
-function ListsMyListsResource_Conditional_24_For_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 97);
+function ListsMyListsResource_Conditional_20_For_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 95);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const cat_r23 = ctx.$implicit;
-    i0.ɵɵproperty("ngValue", cat_r23.ID);
+    const cat_r22 = ctx.$implicit;
+    i0.ɵɵproperty("ngValue", cat_r22.ID);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(cat_r23.displayName);
+    i0.ɵɵtextInterpolate(cat_r22.displayName);
 } }
-function ListsMyListsResource_Conditional_24_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 100);
+function ListsMyListsResource_Conditional_20_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 98);
 } }
-function ListsMyListsResource_Conditional_24_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20)(1, "div", 88)(2, "h3");
+function ListsMyListsResource_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "div", 85)(2, "h3");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 89);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_24_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeCreateDialog()); });
-    i0.ɵɵelement(5, "i", 24);
+    i0.ɵɵelementStart(4, "button", 86);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_20_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeCreateDialog()); });
+    i0.ɵɵelement(5, "i", 87);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 90)(7, "div", 91)(8, "label");
+    i0.ɵɵelementStart(6, "div", 88)(7, "div", 89)(8, "label");
     i0.ɵɵtext(9, "Name *");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "input", 92);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_24_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.newListName, $event) || (ctx_r2.newListName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "input", 90);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_20_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.newListName, $event) || (ctx_r2.newListName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 91)(12, "label");
+    i0.ɵɵelementStart(11, "div", 89)(12, "label");
     i0.ɵɵtext(13, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "textarea", 93);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_24_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.newListDescription, $event) || (ctx_r2.newListDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(14, "textarea", 91);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_20_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.newListDescription, $event) || (ctx_r2.newListDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 91)(16, "label");
+    i0.ɵɵelementStart(15, "div", 89)(16, "label");
     i0.ɵɵtext(17, "Entity *");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 94)(19, "input", 95, 1);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_24_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.entitySearchTerm, $event) || (ctx_r2.entitySearchTerm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function ListsMyListsResource_Conditional_24_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.filterEntities($event)); })("focus", function ListsMyListsResource_Conditional_24_Template_input_focus_19_listener() { i0.ɵɵrestoreView(_r21); const entityInput_r22 = i0.ɵɵreference(20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.openEntityDropdown(entityInput_r22)); });
+    i0.ɵɵelementStart(18, "div", 92)(19, "input", 93, 1);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_20_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.entitySearchTerm, $event) || (ctx_r2.entitySearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ListsMyListsResource_Conditional_20_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.filterEntities($event)); })("focus", function ListsMyListsResource_Conditional_20_Template_input_focus_19_listener() { i0.ɵɵrestoreView(_r20); const entityInput_r21 = i0.ɵɵreference(20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.openEntityDropdown(entityInput_r21)); });
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(21, "div", 91)(22, "label");
+    i0.ɵɵelementStart(21, "div", 89)(22, "label");
     i0.ɵɵtext(23, "Category");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "select", 96);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_24_Template_select_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.selectedCategoryId, $event) || (ctx_r2.selectedCategoryId = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵelementStart(25, "option", 97);
+    i0.ɵɵelementStart(24, "select", 94);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Conditional_20_Template_select_ngModelChange_24_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.selectedCategoryId, $event) || (ctx_r2.selectedCategoryId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(25, "option", 95);
     i0.ɵɵtext(26, "No category");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(27, ListsMyListsResource_Conditional_24_For_28_Template, 2, 2, "option", 97, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵrepeaterCreate(27, ListsMyListsResource_Conditional_20_For_28_Template, 2, 2, "option", 95, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(29, "div", 98)(30, "button", 99);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_24_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.saveList()); });
-    i0.ɵɵconditionalCreate(31, ListsMyListsResource_Conditional_24_Conditional_31_Template, 1, 0, "i", 100);
+    i0.ɵɵelementStart(29, "div", 96)(30, "button", 97);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_20_Template_button_click_30_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.saveList()); });
+    i0.ɵɵconditionalCreate(31, ListsMyListsResource_Conditional_20_Conditional_31_Template, 1, 0, "i", 98);
     i0.ɵɵtext(32);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "button", 101);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_24_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r21); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeCreateDialog()); });
+    i0.ɵɵelementStart(33, "button", 99);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_20_Template_button_click_33_listener() { i0.ɵɵrestoreView(_r20); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeCreateDialog()); });
     i0.ɵɵtext(34, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -458,41 +451,41 @@ function ListsMyListsResource_Conditional_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", ctx_r2.isSaving);
 } }
-function ListsMyListsResource_Conditional_25_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_25_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelDelete()); });
+function ListsMyListsResource_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_21_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelDelete()); });
     i0.ɵɵelementEnd();
 } }
-function ListsMyListsResource_Conditional_26_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 100);
+function ListsMyListsResource_Conditional_22_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 98);
 } }
-function ListsMyListsResource_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 21)(1, "div", 88)(2, "h3");
+function ListsMyListsResource_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18)(1, "div", 85)(2, "h3");
     i0.ɵɵtext(3, "Delete List");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 89);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_26_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelDelete()); });
-    i0.ɵɵelement(5, "i", 24);
+    i0.ɵɵelementStart(4, "button", 86);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_22_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelDelete()); });
+    i0.ɵɵelement(5, "i", 87);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 90)(7, "p");
+    i0.ɵɵelementStart(6, "div", 88)(7, "p");
     i0.ɵɵtext(8, "Are you sure you want to delete \"");
     i0.ɵɵelementStart(9, "strong");
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(11, "\"?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "p", 102);
+    i0.ɵɵelementStart(12, "p", 100);
     i0.ɵɵtext(13, "This will also remove all items in the list.");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 98)(15, "button", 103);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_26_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteList()); });
-    i0.ɵɵconditionalCreate(16, ListsMyListsResource_Conditional_26_Conditional_16_Template, 1, 0, "i", 100);
+    i0.ɵɵelementStart(14, "div", 96)(15, "button", 101);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_22_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.deleteList()); });
+    i0.ɵɵconditionalCreate(16, ListsMyListsResource_Conditional_22_Conditional_16_Template, 1, 0, "i", 98);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "button", 104);
-    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_26_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r25); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelDelete()); });
+    i0.ɵɵelementStart(18, "button", 102);
+    i0.ɵɵlistener("click", function ListsMyListsResource_Conditional_22_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r24); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelDelete()); });
     i0.ɵɵtext(19, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -504,26 +497,26 @@ function ListsMyListsResource_Conditional_26_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r2.isDeleting ? "Deleting..." : "Delete", " ");
 } }
-function ListsMyListsResource_Conditional_27_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 109);
-    i0.ɵɵlistener("mousedown", function ListsMyListsResource_Conditional_27_For_3_Template_div_mousedown_0_listener($event) { const entity_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); ctx_r2.selectEntity(entity_r27); return i0.ɵɵresetView($event.preventDefault()); });
+function ListsMyListsResource_Conditional_23_For_3_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 107);
+    i0.ɵɵlistener("mousedown", function ListsMyListsResource_Conditional_23_For_3_Template_div_mousedown_0_listener($event) { const entity_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); ctx_r2.selectEntity(entity_r26); return i0.ɵɵresetView($event.preventDefault()); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const entity_r27 = ctx.$implicit;
+    const entity_r26 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", entity_r27.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", entity_r26.Name, " ");
 } }
-function ListsMyListsResource_Conditional_27_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 108);
+function ListsMyListsResource_Conditional_23_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 106);
     i0.ɵɵtext(1, " No entities found ");
     i0.ɵɵelementEnd();
 } }
-function ListsMyListsResource_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 105)(1, "div", 106);
-    i0.ɵɵrepeaterCreate(2, ListsMyListsResource_Conditional_27_For_3_Template, 2, 1, "div", 107, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(4, ListsMyListsResource_Conditional_27_Conditional_4_Template, 2, 0, "div", 108);
+function ListsMyListsResource_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 103)(1, "div", 104);
+    i0.ɵɵrepeaterCreate(2, ListsMyListsResource_Conditional_23_For_3_Template, 2, 1, "div", 105, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(4, ListsMyListsResource_Conditional_23_Conditional_4_Template, 2, 0, "div", 106);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
@@ -1043,68 +1036,61 @@ let ListsMyListsResource = class ListsMyListsResource extends BaseResourceCompon
     static ɵfac = function ListsMyListsResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListsMyListsResource)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.TabService), i0.ɵɵdirectiveInject(i2.MJNotificationService), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListsMyListsResource, selectors: [["mj-lists-my-lists-resource"]], hostBindings: function ListsMyListsResource_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("click", function ListsMyListsResource_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument)("keydown.escape", function ListsMyListsResource_keydown_escape_HostBindingHandler() { return ctx.onEscapeKey(); }, i0.ɵɵresolveDocument);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 28, vars: 13, consts: [["categoryNodeTemplate", ""], ["entityInput", ""], [1, "lists-my-lists-container"], [1, "lists-header"], [1, "header-title"], [1, "fa-solid", "fa-list-check"], [1, "header-actions"], [1, "search-box"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search lists...", 3, "ngModelChange", "ngModel"], [1, "clear-search"], [1, "btn-create", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "loading-container"], [1, "empty-state"], [1, "empty-state", "search-empty"], [1, "lists-content"], [1, "context-menu-overlay"], [1, "context-menu", 3, "top", "left"], [1, "modal-overlay"], [1, "modal-dialog"], [1, "modal-dialog", "confirm-dialog"], [1, "entity-dropdown-portal", 3, "top", "left", "width", "dropdown-above"], [1, "clear-search", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading lists...", "size", "medium"], [1, "empty-state-icon-wrapper"], [1, "icon-bg"], [1, "empty-state-features"], [1, "feature-item"], [1, "fa-solid", "fa-check-circle"], [1, "btn-create-large", 3, "click"], [1, "empty-state-icon-wrapper", "search"], [1, "empty-hint"], [1, "btn-clear", 3, "click"], [1, "view-controls"], ["title", "Grid view", 1, "view-toggle", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "List view", 1, "view-toggle", 3, "click"], [1, "fa-solid", "fa-list"], [1, "list-count"], [1, "category-tree"], ["role", "list", "aria-label", "My Lists", 1, "lists-grid"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["tabindex", "0", "role", "listitem", 1, "list-card"], ["tabindex", "0", "role", "listitem", 1, "list-card", 3, "click", "keydown.enter", "keydown.space"], [1, "card-header"], ["aria-hidden", "true", 1, "card-icon"], [1, "card-menu"], [1, "menu-btn", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-ellipsis-v"], [1, "card-body"], [1, "card-title"], [1, "card-description"], [1, "card-meta"], [1, "meta-item"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-hashtag"], [1, "card-footer"], [1, "category-tag"], [1, "date-info"], [1, "fa-solid", "fa-folder"], [1, "category-section"], [1, "category-header"], [1, "category-header", "uncategorized"], ["role", "list", 1, "category-lists"], [1, "category-header", 3, "click"], [1, "category-name"], [1, "category-count"], [1, "category-header", "uncategorized", 3, "click"], [1, "fa-solid", "fa-inbox"], ["tabindex", "0", "role", "listitem", 1, "list-row"], ["tabindex", "0", "role", "listitem", 1, "list-row", 3, "click", "keydown.enter", "keydown.space"], ["aria-hidden", "true", 1, "list-icon"], [1, "list-info"], [1, "list-name"], [1, "list-meta"], [1, "list-actions"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "context-menu-overlay", 3, "click"], [1, "context-menu"], [1, "menu-item", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-copy"], [1, "menu-divider"], [1, "menu-item", "danger", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "modal-overlay", 3, "click"], [1, "modal-header"], [1, "modal-close", 3, "click"], [1, "modal-body"], [1, "form-group"], ["type", "text", "placeholder", "Enter list name", 1, "form-input", 3, "ngModelChange", "ngModel"], ["placeholder", "Optional description", "rows", "3", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "custom-select-wrapper"], ["type", "text", "placeholder", "Search and select an entity", 1, "form-input", 3, "ngModelChange", "focus", "ngModel", "disabled"], [1, "form-input", 3, "ngModelChange", "ngModel"], [3, "ngValue"], [1, "modal-footer"], [1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn-secondary", 3, "click", "disabled"], [1, "warning-text"], [1, "btn-danger", 3, "click"], [1, "btn-secondary", 3, "click"], [1, "entity-dropdown-portal"], [1, "entity-dropdown-content"], [1, "dropdown-item"], [1, "dropdown-empty"], [1, "dropdown-item", 3, "mousedown"]], template: function ListsMyListsResource_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 24, vars: 14, consts: [["categoryNodeTemplate", ""], ["entityInput", ""], ["Title", "My Lists", "Icon", "fa-solid fa-list-check", "Subtitle", "Lists you've created or have access to"], ["meta", ""], ["Label", "lists", 3, "Count", "Total"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-plus"], ["toolbar", ""], ["Placeholder", "Search lists...", 3, "ValueChange", "Value"], [1, "loading-container"], [1, "empty-state"], [1, "empty-state", "search-empty"], [1, "lists-content"], [1, "context-menu-overlay"], [1, "context-menu", 3, "top", "left"], [1, "modal-overlay"], [1, "modal-dialog"], [1, "modal-dialog", "confirm-dialog"], [1, "entity-dropdown-portal", 3, "top", "left", "width", "dropdown-above"], ["text", "Loading lists...", "size", "medium"], [1, "empty-state-icon-wrapper"], [1, "icon-bg"], [1, "fa-solid", "fa-list-check"], [1, "empty-state-features"], [1, "feature-item"], [1, "fa-solid", "fa-check-circle"], [1, "btn-create-large", 3, "click"], [1, "empty-state-icon-wrapper", "search"], [1, "fa-solid", "fa-search"], [1, "empty-hint"], [1, "btn-clear", 3, "click"], [1, "view-controls"], ["title", "Grid view", 1, "view-toggle", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "List view", 1, "view-toggle", 3, "click"], [1, "fa-solid", "fa-list"], [1, "list-count"], [1, "category-tree"], ["role", "list", "aria-label", "My Lists", 1, "lists-grid"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["tabindex", "0", "role", "listitem", 1, "list-card"], ["tabindex", "0", "role", "listitem", 1, "list-card", 3, "click", "keydown.enter", "keydown.space"], [1, "card-header"], ["aria-hidden", "true", 1, "card-icon"], [1, "card-menu"], [1, "menu-btn", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-ellipsis-v"], [1, "card-body"], [1, "card-title"], [1, "card-description"], [1, "card-meta"], [1, "meta-item"], [1, "fa-solid", "fa-database"], [1, "fa-solid", "fa-hashtag"], [1, "card-footer"], [1, "category-tag"], [1, "date-info"], [1, "fa-solid", "fa-folder"], [1, "category-section"], [1, "category-header"], [1, "category-header", "uncategorized"], ["role", "list", 1, "category-lists"], [1, "category-header", 3, "click"], [1, "category-name"], [1, "category-count"], [1, "category-header", "uncategorized", 3, "click"], [1, "fa-solid", "fa-inbox"], ["tabindex", "0", "role", "listitem", 1, "list-row"], ["tabindex", "0", "role", "listitem", 1, "list-row", 3, "click", "keydown.enter", "keydown.space"], ["aria-hidden", "true", 1, "list-icon"], [1, "list-info"], [1, "list-name"], [1, "list-meta"], [1, "list-actions"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "context-menu-overlay", 3, "click"], [1, "context-menu"], [1, "menu-item", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "fa-solid", "fa-copy"], [1, "menu-divider"], [1, "menu-item", "danger", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "modal-overlay", 3, "click"], [1, "modal-header"], [1, "modal-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "modal-body"], [1, "form-group"], ["type", "text", "placeholder", "Enter list name", 1, "form-input", 3, "ngModelChange", "ngModel"], ["placeholder", "Optional description", "rows", "3", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "custom-select-wrapper"], ["type", "text", "placeholder", "Search and select an entity", 1, "form-input", 3, "ngModelChange", "focus", "ngModel", "disabled"], [1, "form-input", 3, "ngModelChange", "ngModel"], [3, "ngValue"], [1, "modal-footer"], [1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn-secondary", 3, "click", "disabled"], [1, "warning-text"], [1, "btn-danger", 3, "click"], [1, "btn-secondary", 3, "click"], [1, "entity-dropdown-portal"], [1, "entity-dropdown-content"], [1, "dropdown-item"], [1, "dropdown-empty"], [1, "dropdown-item", 3, "mousedown"]], template: function ListsMyListsResource_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4);
-            i0.ɵɵelement(3, "i", 5);
-            i0.ɵɵelementStart(4, "h2");
-            i0.ɵɵtext(5, "My Lists");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div", 6)(7, "div", 7);
-            i0.ɵɵelement(8, "i", 8);
-            i0.ɵɵelementStart(9, "input", 9);
-            i0.ɵɵtwoWayListener("ngModelChange", function ListsMyListsResource_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r1); i0.ɵɵtwoWayBindingSet(ctx.searchTerm, $event) || (ctx.searchTerm = $event); return i0.ɵɵresetView($event); });
-            i0.ɵɵlistener("ngModelChange", function ListsMyListsResource_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchChange($event)); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(10, ListsMyListsResource_Conditional_10_Template, 2, 0, "button", 10);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "button", 11);
-            i0.ɵɵlistener("click", function ListsMyListsResource_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.createNewList()); });
-            i0.ɵɵelement(12, "i", 12);
-            i0.ɵɵelementStart(13, "span");
-            i0.ɵɵtext(14, "New List");
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵconditionalCreate(15, ListsMyListsResource_Conditional_15_Template, 2, 0, "div", 13);
-            i0.ɵɵconditionalCreate(16, ListsMyListsResource_Conditional_16_Template, 24, 0, "div", 14);
-            i0.ɵɵconditionalCreate(17, ListsMyListsResource_Conditional_17_Template, 14, 1, "div", 15);
-            i0.ɵɵconditionalCreate(18, ListsMyListsResource_Conditional_18_Template, 10, 8, "div", 16);
-            i0.ɵɵtemplate(19, ListsMyListsResource_ng_template_19_Template, 5, 6, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
-            i0.ɵɵconditionalCreate(21, ListsMyListsResource_Conditional_21_Template, 1, 0, "div", 17);
-            i0.ɵɵconditionalCreate(22, ListsMyListsResource_Conditional_22_Template, 11, 4, "div", 18);
-            i0.ɵɵconditionalCreate(23, ListsMyListsResource_Conditional_23_Template, 1, 0, "div", 19);
-            i0.ɵɵconditionalCreate(24, ListsMyListsResource_Conditional_24_Template, 35, 11, "div", 20);
-            i0.ɵɵconditionalCreate(25, ListsMyListsResource_Conditional_25_Template, 1, 0, "div", 19);
-            i0.ɵɵconditionalCreate(26, ListsMyListsResource_Conditional_26_Template, 20, 3, "div", 21);
-            i0.ɵɵconditionalCreate(27, ListsMyListsResource_Conditional_27_Template, 5, 11, "div", 22);
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 2)(2, "div", 3);
+            i0.ɵɵelement(3, "mj-stat-badge", 4);
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 5)(5, "button", 6);
+            i0.ɵɵlistener("click", function ListsMyListsResource_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.createNewList()); });
+            i0.ɵɵelement(6, "i", 7);
+            i0.ɵɵtext(7, " New List ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(8, "div", 8)(9, "mj-page-search", 9);
+            i0.ɵɵlistener("ValueChange", function ListsMyListsResource_Template_mj_page_search_ValueChange_9_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onSearchChange($event)); });
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(10, "mj-page-body");
+            i0.ɵɵconditionalCreate(11, ListsMyListsResource_Conditional_11_Template, 2, 0, "div", 10);
+            i0.ɵɵconditionalCreate(12, ListsMyListsResource_Conditional_12_Template, 24, 0, "div", 11);
+            i0.ɵɵconditionalCreate(13, ListsMyListsResource_Conditional_13_Template, 14, 1, "div", 12);
+            i0.ɵɵconditionalCreate(14, ListsMyListsResource_Conditional_14_Template, 10, 8, "div", 13);
+            i0.ɵɵtemplate(15, ListsMyListsResource_ng_template_15_Template, 5, 6, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵconditionalCreate(17, ListsMyListsResource_Conditional_17_Template, 1, 0, "div", 14);
+            i0.ɵɵconditionalCreate(18, ListsMyListsResource_Conditional_18_Template, 11, 4, "div", 15);
+            i0.ɵɵconditionalCreate(19, ListsMyListsResource_Conditional_19_Template, 1, 0, "div", 16);
+            i0.ɵɵconditionalCreate(20, ListsMyListsResource_Conditional_20_Template, 35, 11, "div", 17);
+            i0.ɵɵconditionalCreate(21, ListsMyListsResource_Conditional_21_Template, 1, 0, "div", 16);
+            i0.ɵɵconditionalCreate(22, ListsMyListsResource_Conditional_22_Template, 20, 3, "div", 18);
+            i0.ɵɵconditionalCreate(23, ListsMyListsResource_Conditional_23_Template, 5, 11, "div", 19);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(9);
-            i0.ɵɵtwoWayProperty("ngModel", ctx.searchTerm);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.searchTerm ? 10 : -1);
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.isLoading ? 15 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Count", ctx.filteredLists.length)("Total", ctx.allLists.length);
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("Value", ctx.searchTerm);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.isLoading ? 11 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.filteredLists.length === 0 && !ctx.searchTerm ? 16 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.filteredLists.length === 0 && !ctx.searchTerm ? 12 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.filteredLists.length === 0 && ctx.searchTerm ? 17 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.filteredLists.length === 0 && ctx.searchTerm ? 13 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.isLoading && ctx.filteredLists.length > 0 ? 18 : -1);
+            i0.ɵɵconditional(!ctx.isLoading && ctx.filteredLists.length > 0 ? 14 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.showContextMenu ? 21 : -1);
+            i0.ɵɵconditional(ctx.showContextMenu ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showContextMenu ? 22 : -1);
+            i0.ɵɵconditional(ctx.showContextMenu ? 18 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showCreateDialog ? 23 : -1);
+            i0.ɵɵconditional(ctx.showCreateDialog ? 19 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showCreateDialog ? 24 : -1);
+            i0.ɵɵconditional(ctx.showCreateDialog ? 20 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showDeleteConfirm ? 25 : -1);
+            i0.ɵɵconditional(ctx.showDeleteConfirm ? 21 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showDeleteConfirm ? 26 : -1);
+            i0.ɵɵconditional(ctx.showDeleteConfirm ? 22 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showEntityDropdown && !ctx.editingList ? 27 : -1);
-        } }, dependencies: [i3.NgTemplateOutlet, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.NgModel, i5.MJButtonDirective, i6.LoadingComponent], styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .lists-my-lists-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n      overflow: hidden;\n    }\n\n    /* Header */\n    .lists-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .header-title i {\n      font-size: 24px;\n      color: var(--mj-brand-primary);\n    }\n\n    .header-title h2 {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-actions {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .search-box {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    .search-box i.fa-search {\n      position: absolute;\n      left: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .search-box input {\n      padding: 8px 36px 8px 36px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 20px;\n      font-size: 14px;\n      width: 250px;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n\n    .search-box input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .clear-search {\n      position: absolute;\n      right: 8px;\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n    }\n\n    .clear-search:hover {\n      color: var(--mj-text-secondary);\n    }\n\n    .btn-create {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 16px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-create:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    /* Loading */\n    .loading-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n    }\n\n    /* Empty State */\n    .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 48px 40px;\n      text-align: center;\n      max-width: 480px;\n      margin: 0 auto;\n    }\n\n    .empty-state-icon-wrapper {\n      position: relative;\n      margin-bottom: 24px;\n    }\n\n    .empty-state-icon-wrapper .icon-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .empty-state-icon-wrapper > i {\n      position: relative;\n      font-size: 56px;\n      color: var(--mj-brand-primary);\n      z-index: 1;\n    }\n\n    .empty-state-icon-wrapper.search > i {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n    }\n\n    .empty-state h3 {\n      margin: 0 0 12px;\n      font-size: 22px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .empty-state p {\n      margin: 0 0 8px;\n      color: var(--mj-text-secondary);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .empty-state p:last-of-type {\n      margin-bottom: 24px;\n    }\n\n    .empty-hint {\n      color: var(--mj-text-muted) !important;\n      font-size: 13px !important;\n    }\n\n    .empty-state-features {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 28px;\n      text-align: left;\n    }\n\n    .feature-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: var(--mj-text-secondary);\n    }\n\n    .feature-item i {\n      font-size: 14px !important;\n      color: var(--mj-status-success) !important;\n    }\n\n    .search-empty .empty-state-icon-wrapper {\n      margin-bottom: 20px;\n    }\n\n    .btn-create-large {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 28px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 8px;\n      font-size: 15px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .btn-create-large:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n    }\n\n    .btn-clear {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-sunken);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n    }\n\n    .btn-clear:hover {\n      background: var(--mj-border-default);\n    }\n\n    /* Content */\n    .lists-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px 24px;\n    }\n\n    .view-controls {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .view-toggle {\n      padding: 8px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .view-toggle:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .view-toggle.active {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .list-count {\n      margin-left: auto;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    /* Grid View */\n    .lists-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .list-card {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n      cursor: pointer;\n      transition: transform 0.2s, box-shadow 0.2s, outline 0.1s;\n      outline: 2px solid transparent;\n    }\n\n    .list-card:hover {\n      transform: translateY(-2px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .list-card:focus {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .list-card:focus:not(:focus-visible) {\n      outline: none;\n    }\n\n    .list-card:focus-visible {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .card-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      padding: 16px 16px 0;\n    }\n\n    .card-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 18px;\n    }\n\n    .menu-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .menu-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .card-body {\n      padding: 12px 16px;\n    }\n\n    .card-title {\n      margin: 0 0 4px;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .card-description {\n      margin: 0 0 12px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta {\n      display: flex;\n      gap: 16px;\n    }\n\n    .meta-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .card-footer {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-tag {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      padding: 2px 8px;\n      border-radius: 4px;\n    }\n\n    .date-info {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    /* Category Tree */\n    .category-tree {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .category-section {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .category-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .category-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-header i:first-child {\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .category-header .fa-folder,\n    .category-header .fa-folder-open {\n      color: var(--mj-status-warning);\n    }\n\n    .category-header.uncategorized .fa-inbox {\n      color: var(--mj-text-muted);\n    }\n\n    .category-name {\n      flex: 1;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .category-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    .category-lists {\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .list-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px 12px 40px;\n      cursor: pointer;\n      transition: background 0.2s;\n      outline: none;\n    }\n\n    .list-row:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-row:focus {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .list-row:focus-visible {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      box-shadow: inset 3px 0 0 var(--mj-brand-primary);\n    }\n\n    .list-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .list-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .list-name {\n      display: block;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-meta {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-actions {\n      display: flex;\n      gap: 4px;\n    }\n\n    .action-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n\n    .list-row:hover .action-btn {\n      opacity: 1;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Context Menu (native) */\n    .context-menu-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 999;\n    }\n\n    .context-menu {\n      position: fixed;\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-md);\n      min-width: 160px;\n      padding: 4px 0;\n      z-index: 1000;\n    }\n\n    .menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 10px 16px;\n      background: none;\n      border: none;\n      text-align: left;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .menu-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .menu-item.danger {\n      color: var(--mj-status-error);\n    }\n\n    .menu-item.danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .menu-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n\n    /* Modal Styles */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 500px;\n      max-width: 90vw;\n      max-height: 90vh;\n      overflow: hidden;\n      z-index: 1001;\n    }\n\n    .confirm-dialog {\n      width: 400px;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .modal-close:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .modal-body {\n      padding: 20px;\n      max-height: 60vh;\n      overflow-y: auto;\n    }\n\n    .modal-body p {\n      margin: 0 0 8px;\n      color: var(--mj-text-primary);\n    }\n\n    .warning-text {\n      color: var(--mj-status-error) !important;\n      font-size: 13px;\n    }\n\n    .modal-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-secondary:hover:not(:disabled) {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-danger {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-danger:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    }\n\n    /* Form Styles */\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group:last-child {\n      margin-bottom: 0;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      transition: border-color 0.2s, box-shadow 0.2s;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input:disabled {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    select.form-input {\n      cursor: pointer;\n    }\n\n    .custom-select-wrapper {\n      position: relative;\n    }\n\n    /* Portal Dropdown - Fixed positioning to escape modal z-index */\n    .entity-dropdown-portal {\n      position: fixed;\n      z-index: 10002; /* Above modal (1001) */\n    }\n\n    .entity-dropdown-content {\n      max-height: 200px;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .entity-dropdown-content.open-above {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .dropdown-item {\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-item:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .dropdown-item:first-child {\n      border-radius: 6px 6px 0 0;\n    }\n\n    .dropdown-item:last-child {\n      border-radius: 0 0 6px 6px;\n    }\n\n    .dropdown-empty {\n      padding: 10px 12px;\n      color: var(--mj-text-muted);\n      font-style: italic;\n    }\n\n    /* Responsive */\n    @media (max-width: 768px) {\n      .lists-header {\n        flex-direction: column;\n        gap: 16px;\n        align-items: stretch;\n      }\n\n      .header-actions {\n        flex-direction: column;\n      }\n\n      .search-box input {\n        width: 100%;\n      }\n\n      .btn-create {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .lists-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .modal-dialog {\n        width: 95vw;\n      }\n    }\n  "], encapsulation: 2 });
+            i0.ɵɵconditional(ctx.showEntityDropdown && !ctx.editingList ? 23 : -1);
+        } }, dependencies: [i3.NgTemplateOutlet, i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.SelectControlValueAccessor, i4.NgControlStatus, i4.NgModel, i5.MJButtonDirective, i5.MJPageLayoutComponent, i5.MJPageHeaderComponent, i5.MJPageBodyComponent, i5.MJPageSearchComponent, i5.MJStatBadgeComponent, i6.LoadingComponent], styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    /* Loading */\n    .loading-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n    }\n\n    /* Empty State */\n    .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 48px 40px;\n      text-align: center;\n      max-width: 480px;\n      margin: 0 auto;\n    }\n\n    .empty-state-icon-wrapper {\n      position: relative;\n      margin-bottom: 24px;\n    }\n\n    .empty-state-icon-wrapper .icon-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .empty-state-icon-wrapper > i {\n      position: relative;\n      font-size: 56px;\n      color: var(--mj-brand-primary);\n      z-index: 1;\n    }\n\n    .empty-state-icon-wrapper.search > i {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n    }\n\n    .empty-state h3 {\n      margin: 0 0 12px;\n      font-size: 22px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .empty-state p {\n      margin: 0 0 8px;\n      color: var(--mj-text-secondary);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .empty-state p:last-of-type {\n      margin-bottom: 24px;\n    }\n\n    .empty-hint {\n      color: var(--mj-text-muted) !important;\n      font-size: 13px !important;\n    }\n\n    .empty-state-features {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 28px;\n      text-align: left;\n    }\n\n    .feature-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: var(--mj-text-secondary);\n    }\n\n    .feature-item i {\n      font-size: 14px !important;\n      color: var(--mj-status-success) !important;\n    }\n\n    .search-empty .empty-state-icon-wrapper {\n      margin-bottom: 20px;\n    }\n\n    .btn-create-large {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 28px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 8px;\n      font-size: 15px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .btn-create-large:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n    }\n\n    .btn-clear {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-sunken);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n    }\n\n    .btn-clear:hover {\n      background: var(--mj-border-default);\n    }\n\n    /* Content */\n    .lists-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px 24px;\n    }\n\n    .view-controls {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .view-toggle {\n      padding: 8px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .view-toggle:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .view-toggle.active {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .list-count {\n      margin-left: auto;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    /* Grid View */\n    .lists-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .list-card {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n      cursor: pointer;\n      transition: transform 0.2s, box-shadow 0.2s, outline 0.1s;\n      outline: 2px solid transparent;\n    }\n\n    .list-card:hover {\n      transform: translateY(-2px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .list-card:focus {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .list-card:focus:not(:focus-visible) {\n      outline: none;\n    }\n\n    .list-card:focus-visible {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .card-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      padding: 16px 16px 0;\n    }\n\n    .card-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 18px;\n    }\n\n    .menu-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .menu-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .card-body {\n      padding: 12px 16px;\n    }\n\n    .card-title {\n      margin: 0 0 4px;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .card-description {\n      margin: 0 0 12px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta {\n      display: flex;\n      gap: 16px;\n    }\n\n    .meta-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .card-footer {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-tag {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      padding: 2px 8px;\n      border-radius: 4px;\n    }\n\n    .date-info {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    /* Category Tree */\n    .category-tree {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .category-section {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .category-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .category-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-header i:first-child {\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .category-header .fa-folder,\n    .category-header .fa-folder-open {\n      color: var(--mj-status-warning);\n    }\n\n    .category-header.uncategorized .fa-inbox {\n      color: var(--mj-text-muted);\n    }\n\n    .category-name {\n      flex: 1;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .category-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    .category-lists {\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .list-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px 12px 40px;\n      cursor: pointer;\n      transition: background 0.2s;\n      outline: none;\n    }\n\n    .list-row:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-row:focus {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .list-row:focus-visible {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      box-shadow: inset 3px 0 0 var(--mj-brand-primary);\n    }\n\n    .list-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .list-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .list-name {\n      display: block;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-meta {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-actions {\n      display: flex;\n      gap: 4px;\n    }\n\n    .action-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n\n    .list-row:hover .action-btn {\n      opacity: 1;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Context Menu (native) */\n    .context-menu-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 999;\n    }\n\n    .context-menu {\n      position: fixed;\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-md);\n      min-width: 160px;\n      padding: 4px 0;\n      z-index: 1000;\n    }\n\n    .menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 10px 16px;\n      background: none;\n      border: none;\n      text-align: left;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .menu-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .menu-item.danger {\n      color: var(--mj-status-error);\n    }\n\n    .menu-item.danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .menu-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n\n    /* Modal Styles */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 500px;\n      max-width: 90vw;\n      max-height: 90vh;\n      overflow: hidden;\n      z-index: 1001;\n    }\n\n    .confirm-dialog {\n      width: 400px;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .modal-close:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .modal-body {\n      padding: 20px;\n      max-height: 60vh;\n      overflow-y: auto;\n    }\n\n    .modal-body p {\n      margin: 0 0 8px;\n      color: var(--mj-text-primary);\n    }\n\n    .warning-text {\n      color: var(--mj-status-error) !important;\n      font-size: 13px;\n    }\n\n    .modal-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-secondary:hover:not(:disabled) {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-danger {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-danger:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    }\n\n    /* Form Styles */\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group:last-child {\n      margin-bottom: 0;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      transition: border-color 0.2s, box-shadow 0.2s;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input:disabled {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    select.form-input {\n      cursor: pointer;\n    }\n\n    .custom-select-wrapper {\n      position: relative;\n    }\n\n    /* Portal Dropdown - Fixed positioning to escape modal z-index */\n    .entity-dropdown-portal {\n      position: fixed;\n      z-index: 10002; /* Above modal (1001) */\n    }\n\n    .entity-dropdown-content {\n      max-height: 200px;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .entity-dropdown-content.open-above {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .dropdown-item {\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-item:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .dropdown-item:first-child {\n      border-radius: 6px 6px 0 0;\n    }\n\n    .dropdown-item:last-child {\n      border-radius: 0 0 6px 6px;\n    }\n\n    .dropdown-empty {\n      padding: 10px 12px;\n      color: var(--mj-text-muted);\n      font-style: italic;\n    }\n\n    /* Responsive */\n    @media (max-width: 768px) {\n      .lists-header {\n        flex-direction: column;\n        gap: 16px;\n        align-items: stretch;\n      }\n\n      .header-actions {\n        flex-direction: column;\n      }\n\n      .search-box input {\n        width: 100%;\n      }\n\n      .btn-create {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .lists-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .modal-dialog {\n        width: 95vw;\n      }\n    }\n  "], encapsulation: 2 });
 };
 ListsMyListsResource = __decorate([
     RegisterClass(BaseResourceComponent, 'ListsMyListsResource')
@@ -1113,34 +1099,30 @@ export { ListsMyListsResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListsMyListsResource, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-lists-my-lists-resource', template: `
-    <div class="lists-my-lists-container">
-      <!-- Header -->
-      <div class="lists-header">
-        <div class="header-title">
-          <i class="fa-solid fa-list-check"></i>
-          <h2>My Lists</h2>
+    <mj-page-layout>
+      <mj-page-header
+        Title="My Lists"
+        Icon="fa-solid fa-list-check"
+        Subtitle="Lists you've created or have access to">
+        <div meta>
+          <mj-stat-badge [Count]="filteredLists.length" [Total]="allLists.length" Label="lists"></mj-stat-badge>
         </div>
-        <div class="header-actions">
-          <div class="search-box">
-            <i class="fa-solid fa-search"></i>
-            <input
-              type="text"
-              placeholder="Search lists..."
-              [(ngModel)]="searchTerm"
-              (ngModelChange)="onSearchChange($event)" />
-            @if (searchTerm) {
-              <button class="clear-search" (click)="clearSearch()">
-                <i class="fa-solid fa-times"></i>
-              </button>
-            }
-          </div>
-          <button class="btn-create" (click)="createNewList()">
-            <i class="fa-solid fa-plus"></i>
-            <span>New List</span>
+        <div actions>
+          <button mjButton variant="primary" size="sm" (click)="createNewList()">
+            <i class="fa-solid fa-plus"></i> New List
           </button>
         </div>
-      </div>
-    
+        <div toolbar>
+          <mj-page-search
+            Placeholder="Search lists..."
+            [Value]="searchTerm"
+            (ValueChange)="onSearchChange($event)">
+          </mj-page-search>
+        </div>
+      </mj-page-header>
+
+      <mj-page-body>
+
       <!-- Loading State -->
       @if (isLoading) {
         <div class="loading-container">
@@ -1481,8 +1463,9 @@ export { ListsMyListsResource };
           </div>
         </div>
       }
-    </div>
-    `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    .lists-my-lists-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n      overflow: hidden;\n    }\n\n    /* Header */\n    .lists-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      flex-shrink: 0;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .header-title i {\n      font-size: 24px;\n      color: var(--mj-brand-primary);\n    }\n\n    .header-title h2 {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .header-actions {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n    }\n\n    .search-box {\n      position: relative;\n      display: flex;\n      align-items: center;\n    }\n\n    .search-box i.fa-search {\n      position: absolute;\n      left: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .search-box input {\n      padding: 8px 36px 8px 36px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 20px;\n      font-size: 14px;\n      width: 250px;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n\n    .search-box input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .clear-search {\n      position: absolute;\n      right: 8px;\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n    }\n\n    .clear-search:hover {\n      color: var(--mj-text-secondary);\n    }\n\n    .btn-create {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 16px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-create:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    /* Loading */\n    .loading-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n    }\n\n    /* Empty State */\n    .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 48px 40px;\n      text-align: center;\n      max-width: 480px;\n      margin: 0 auto;\n    }\n\n    .empty-state-icon-wrapper {\n      position: relative;\n      margin-bottom: 24px;\n    }\n\n    .empty-state-icon-wrapper .icon-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .empty-state-icon-wrapper > i {\n      position: relative;\n      font-size: 56px;\n      color: var(--mj-brand-primary);\n      z-index: 1;\n    }\n\n    .empty-state-icon-wrapper.search > i {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n    }\n\n    .empty-state h3 {\n      margin: 0 0 12px;\n      font-size: 22px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .empty-state p {\n      margin: 0 0 8px;\n      color: var(--mj-text-secondary);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .empty-state p:last-of-type {\n      margin-bottom: 24px;\n    }\n\n    .empty-hint {\n      color: var(--mj-text-muted) !important;\n      font-size: 13px !important;\n    }\n\n    .empty-state-features {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 28px;\n      text-align: left;\n    }\n\n    .feature-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: var(--mj-text-secondary);\n    }\n\n    .feature-item i {\n      font-size: 14px !important;\n      color: var(--mj-status-success) !important;\n    }\n\n    .search-empty .empty-state-icon-wrapper {\n      margin-bottom: 20px;\n    }\n\n    .btn-create-large {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 28px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 8px;\n      font-size: 15px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .btn-create-large:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n    }\n\n    .btn-clear {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-sunken);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n    }\n\n    .btn-clear:hover {\n      background: var(--mj-border-default);\n    }\n\n    /* Content */\n    .lists-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px 24px;\n    }\n\n    .view-controls {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .view-toggle {\n      padding: 8px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .view-toggle:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .view-toggle.active {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .list-count {\n      margin-left: auto;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    /* Grid View */\n    .lists-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .list-card {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n      cursor: pointer;\n      transition: transform 0.2s, box-shadow 0.2s, outline 0.1s;\n      outline: 2px solid transparent;\n    }\n\n    .list-card:hover {\n      transform: translateY(-2px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .list-card:focus {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .list-card:focus:not(:focus-visible) {\n      outline: none;\n    }\n\n    .list-card:focus-visible {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .card-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      padding: 16px 16px 0;\n    }\n\n    .card-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 18px;\n    }\n\n    .menu-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .menu-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .card-body {\n      padding: 12px 16px;\n    }\n\n    .card-title {\n      margin: 0 0 4px;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .card-description {\n      margin: 0 0 12px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta {\n      display: flex;\n      gap: 16px;\n    }\n\n    .meta-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .card-footer {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-tag {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      padding: 2px 8px;\n      border-radius: 4px;\n    }\n\n    .date-info {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    /* Category Tree */\n    .category-tree {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .category-section {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .category-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .category-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-header i:first-child {\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .category-header .fa-folder,\n    .category-header .fa-folder-open {\n      color: var(--mj-status-warning);\n    }\n\n    .category-header.uncategorized .fa-inbox {\n      color: var(--mj-text-muted);\n    }\n\n    .category-name {\n      flex: 1;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .category-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    .category-lists {\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .list-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px 12px 40px;\n      cursor: pointer;\n      transition: background 0.2s;\n      outline: none;\n    }\n\n    .list-row:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-row:focus {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .list-row:focus-visible {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      box-shadow: inset 3px 0 0 var(--mj-brand-primary);\n    }\n\n    .list-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .list-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .list-name {\n      display: block;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-meta {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-actions {\n      display: flex;\n      gap: 4px;\n    }\n\n    .action-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n\n    .list-row:hover .action-btn {\n      opacity: 1;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Context Menu (native) */\n    .context-menu-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 999;\n    }\n\n    .context-menu {\n      position: fixed;\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-md);\n      min-width: 160px;\n      padding: 4px 0;\n      z-index: 1000;\n    }\n\n    .menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 10px 16px;\n      background: none;\n      border: none;\n      text-align: left;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .menu-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .menu-item.danger {\n      color: var(--mj-status-error);\n    }\n\n    .menu-item.danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .menu-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n\n    /* Modal Styles */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 500px;\n      max-width: 90vw;\n      max-height: 90vh;\n      overflow: hidden;\n      z-index: 1001;\n    }\n\n    .confirm-dialog {\n      width: 400px;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .modal-close:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .modal-body {\n      padding: 20px;\n      max-height: 60vh;\n      overflow-y: auto;\n    }\n\n    .modal-body p {\n      margin: 0 0 8px;\n      color: var(--mj-text-primary);\n    }\n\n    .warning-text {\n      color: var(--mj-status-error) !important;\n      font-size: 13px;\n    }\n\n    .modal-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-secondary:hover:not(:disabled) {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-danger {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-danger:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    }\n\n    /* Form Styles */\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group:last-child {\n      margin-bottom: 0;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      transition: border-color 0.2s, box-shadow 0.2s;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input:disabled {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    select.form-input {\n      cursor: pointer;\n    }\n\n    .custom-select-wrapper {\n      position: relative;\n    }\n\n    /* Portal Dropdown - Fixed positioning to escape modal z-index */\n    .entity-dropdown-portal {\n      position: fixed;\n      z-index: 10002; /* Above modal (1001) */\n    }\n\n    .entity-dropdown-content {\n      max-height: 200px;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .entity-dropdown-content.open-above {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .dropdown-item {\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-item:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .dropdown-item:first-child {\n      border-radius: 6px 6px 0 0;\n    }\n\n    .dropdown-item:last-child {\n      border-radius: 0 0 6px 6px;\n    }\n\n    .dropdown-empty {\n      padding: 10px 12px;\n      color: var(--mj-text-muted);\n      font-style: italic;\n    }\n\n    /* Responsive */\n    @media (max-width: 768px) {\n      .lists-header {\n        flex-direction: column;\n        gap: 16px;\n        align-items: stretch;\n      }\n\n      .header-actions {\n        flex-direction: column;\n      }\n\n      .search-box input {\n        width: 100%;\n      }\n\n      .btn-create {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .lists-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .modal-dialog {\n        width: 95vw;\n      }\n    }\n  "] }]
+      </mj-page-body>
+    </mj-page-layout>
+    `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      height: 100%;\n    }\n\n    /* Loading */\n    .loading-container {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n    }\n\n    /* Empty State */\n    .empty-state {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      flex: 1;\n      padding: 48px 40px;\n      text-align: center;\n      max-width: 480px;\n      margin: 0 auto;\n    }\n\n    .empty-state-icon-wrapper {\n      position: relative;\n      margin-bottom: 24px;\n    }\n\n    .empty-state-icon-wrapper .icon-bg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 120px;\n      height: 120px;\n      border-radius: 50%;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .empty-state-icon-wrapper > i {\n      position: relative;\n      font-size: 56px;\n      color: var(--mj-brand-primary);\n      z-index: 1;\n    }\n\n    .empty-state-icon-wrapper.search > i {\n      font-size: 48px;\n      color: var(--mj-text-disabled);\n    }\n\n    .empty-state h3 {\n      margin: 0 0 12px;\n      font-size: 22px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .empty-state p {\n      margin: 0 0 8px;\n      color: var(--mj-text-secondary);\n      font-size: 15px;\n      line-height: 1.5;\n    }\n\n    .empty-state p:last-of-type {\n      margin-bottom: 24px;\n    }\n\n    .empty-hint {\n      color: var(--mj-text-muted) !important;\n      font-size: 13px !important;\n    }\n\n    .empty-state-features {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 28px;\n      text-align: left;\n    }\n\n    .feature-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-size: 14px;\n      color: var(--mj-text-secondary);\n    }\n\n    .feature-item i {\n      font-size: 14px !important;\n      color: var(--mj-status-success) !important;\n    }\n\n    .search-empty .empty-state-icon-wrapper {\n      margin-bottom: 20px;\n    }\n\n    .btn-create-large {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 14px 28px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 8px;\n      font-size: 15px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: all 0.2s;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n    }\n\n    .btn-create-large:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 40%, transparent);\n    }\n\n    .btn-clear {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-sunken);\n      border: none;\n      border-radius: 6px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n    }\n\n    .btn-clear:hover {\n      background: var(--mj-border-default);\n    }\n\n    /* Content */\n    .lists-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px 24px;\n    }\n\n    .view-controls {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .view-toggle {\n      padding: 8px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 4px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .view-toggle:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .view-toggle.active {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .list-count {\n      margin-left: auto;\n      color: var(--mj-text-muted);\n      font-size: 14px;\n    }\n\n    /* Grid View */\n    .lists-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n      gap: 16px;\n    }\n\n    .list-card {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      overflow: hidden;\n      cursor: pointer;\n      transition: transform 0.2s, box-shadow 0.2s, outline 0.1s;\n      outline: 2px solid transparent;\n    }\n\n    .list-card:hover {\n      transform: translateY(-2px);\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .list-card:focus {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .list-card:focus:not(:focus-visible) {\n      outline: none;\n    }\n\n    .list-card:focus-visible {\n      outline: 2px solid var(--mj-brand-primary);\n      outline-offset: 2px;\n    }\n\n    .card-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-start;\n      padding: 16px 16px 0;\n    }\n\n    .card-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 18px;\n    }\n\n    .menu-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .menu-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .card-body {\n      padding: 12px 16px;\n    }\n\n    .card-title {\n      margin: 0 0 4px;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .card-description {\n      margin: 0 0 12px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n      overflow: hidden;\n    }\n\n    .card-meta {\n      display: flex;\n      gap: 16px;\n    }\n\n    .meta-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .card-footer {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-tag {\n      display: flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      padding: 2px 8px;\n      border-radius: 4px;\n    }\n\n    .date-info {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    /* Category Tree */\n    .category-tree {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .category-section {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      overflow: hidden;\n    }\n\n    .category-header {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px 16px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .category-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .category-header i:first-child {\n      width: 16px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .category-header .fa-folder,\n    .category-header .fa-folder-open {\n      color: var(--mj-status-warning);\n    }\n\n    .category-header.uncategorized .fa-inbox {\n      color: var(--mj-text-muted);\n    }\n\n    .category-name {\n      flex: 1;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .category-count {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 2px 8px;\n      border-radius: 10px;\n    }\n\n    .category-lists {\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .list-row {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px 16px 12px 40px;\n      cursor: pointer;\n      transition: background 0.2s;\n      outline: none;\n    }\n\n    .list-row:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-row:focus {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .list-row:focus-visible {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      box-shadow: inset 3px 0 0 var(--mj-brand-primary);\n    }\n\n    .list-icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 6px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--mj-text-inverse);\n      font-size: 14px;\n      flex-shrink: 0;\n    }\n\n    .list-info {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .list-name {\n      display: block;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .list-meta {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-actions {\n      display: flex;\n      gap: 4px;\n    }\n\n    .action-btn {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n      opacity: 0;\n      transition: opacity 0.2s;\n    }\n\n    .list-row:hover .action-btn {\n      opacity: 1;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Context Menu (native) */\n    .context-menu-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      z-index: 999;\n    }\n\n    .context-menu {\n      position: fixed;\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-md);\n      min-width: 160px;\n      padding: 4px 0;\n      z-index: 1000;\n    }\n\n    .menu-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      width: 100%;\n      padding: 10px 16px;\n      background: none;\n      border: none;\n      text-align: left;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .menu-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .menu-item.danger {\n      color: var(--mj-status-error);\n    }\n\n    .menu-item.danger:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    }\n\n    .menu-divider {\n      height: 1px;\n      background: var(--mj-border-default);\n      margin: 4px 0;\n    }\n\n    /* Modal Styles */\n    .modal-overlay {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: var(--mj-bg-overlay);\n      z-index: 1000;\n    }\n\n    .modal-dialog {\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: var(--mj-bg-surface-card);\n      border-radius: 12px;\n      box-shadow: var(--mj-shadow-lg);\n      width: 500px;\n      max-width: 90vw;\n      max-height: 90vh;\n      overflow: hidden;\n      z-index: 1001;\n    }\n\n    .confirm-dialog {\n      width: 400px;\n    }\n\n    .modal-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .modal-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      padding: 4px 8px;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      border-radius: 4px;\n    }\n\n    .modal-close:hover {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-secondary);\n    }\n\n    .modal-body {\n      padding: 20px;\n      max-height: 60vh;\n      overflow-y: auto;\n    }\n\n    .modal-body p {\n      margin: 0 0 8px;\n      color: var(--mj-text-primary);\n    }\n\n    .warning-text {\n      color: var(--mj-status-error) !important;\n      font-size: 13px;\n    }\n\n    .modal-footer {\n      display: flex;\n      justify-content: flex-end;\n      gap: 12px;\n      padding: 16px 20px;\n      border-top: 1px solid var(--mj-border-default);\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-primary {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-primary:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .btn-primary:disabled {\n      opacity: 0.6;\n      cursor: not-allowed;\n    }\n\n    .btn-secondary {\n      padding: 10px 20px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-secondary);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-secondary:hover:not(:disabled) {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .btn-danger {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 20px;\n      background: var(--mj-status-error);\n      color: var(--mj-text-inverse);\n      border: none;\n      border-radius: 6px;\n      font-size: 14px;\n      font-weight: 500;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n\n    .btn-danger:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-status-error) 85%, black);\n    }\n\n    /* Form Styles */\n    .form-group {\n      margin-bottom: 16px;\n    }\n\n    .form-group:last-child {\n      margin-bottom: 0;\n    }\n\n    .form-group label {\n      display: block;\n      margin-bottom: 6px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-input {\n      width: 100%;\n      padding: 10px 12px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 14px;\n      transition: border-color 0.2s, box-shadow 0.2s;\n      box-sizing: border-box;\n    }\n\n    .form-input:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .form-input:disabled {\n      background: var(--mj-bg-surface-sunken);\n      color: var(--mj-text-muted);\n    }\n\n    textarea.form-input {\n      resize: vertical;\n      min-height: 80px;\n    }\n\n    select.form-input {\n      cursor: pointer;\n    }\n\n    .custom-select-wrapper {\n      position: relative;\n    }\n\n    /* Portal Dropdown - Fixed positioning to escape modal z-index */\n    .entity-dropdown-portal {\n      position: fixed;\n      z-index: 10002; /* Above modal (1001) */\n    }\n\n    .entity-dropdown-content {\n      max-height: 200px;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      box-shadow: var(--mj-shadow-md);\n    }\n\n    .entity-dropdown-content.open-above {\n      position: absolute;\n      bottom: 0;\n    }\n\n    .dropdown-item {\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      font-size: 14px;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-item:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    }\n\n    .dropdown-item:first-child {\n      border-radius: 6px 6px 0 0;\n    }\n\n    .dropdown-item:last-child {\n      border-radius: 0 0 6px 6px;\n    }\n\n    .dropdown-empty {\n      padding: 10px 12px;\n      color: var(--mj-text-muted);\n      font-style: italic;\n    }\n\n    /* Responsive */\n    @media (max-width: 768px) {\n      .lists-header {\n        flex-direction: column;\n        gap: 16px;\n        align-items: stretch;\n      }\n\n      .header-actions {\n        flex-direction: column;\n      }\n\n      .search-box input {\n        width: 100%;\n      }\n\n      .btn-create {\n        width: 100%;\n        justify-content: center;\n      }\n\n      .lists-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .modal-dialog {\n        width: 95vw;\n      }\n    }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.TabService }, { type: i2.MJNotificationService }, { type: i0.ElementRef }], { onDocumentClick: [{
             type: HostListener,
             args: ['document:click', ['$event']]
@@ -1490,5 +1473,5 @@ export { ListsMyListsResource };
             type: HostListener,
             args: ['document:keydown.escape']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListsMyListsResource, { className: "ListsMyListsResource", filePath: "src/Lists/components/lists-my-lists-resource.component.ts", lineNumber: 1270 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListsMyListsResource, { className: "ListsMyListsResource", filePath: "src/Lists/components/lists-my-lists-resource.component.ts", lineNumber: 1164 }); })();
 //# sourceMappingURL=lists-my-lists-resource.component.js.map