@memberjunction/ng-dashboards 5.34.0 → 5.35.0

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

@@ -17,16 +17,16 @@ import * as i3 from "@angular/forms";
 import * as i4 from "@memberjunction/ng-ui-components";
 import * as i5 from "@memberjunction/ng-shared-generic";
 import * as i6 from "./venn-diagram/venn-diagram.component";
-function ListsOperationsResource_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 35);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clearAllSelections()); });
-    i0.ɵɵelement(1, "i", 36);
-    i0.ɵɵtext(2, " Clear ");
-    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(0, "div", 1)(1, "button", 31);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_2_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.clearAllSelections()); });
+    i0.ɵɵelement(2, "i", 32);
+    i0.ɵɵtext(3, " Clear ");
+    i0.ɵɵelementEnd()();
 } }
-function ListsOperationsResource_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 10);
+function ListsOperationsResource_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 6);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -34,8 +34,8 @@ function ListsOperationsResource_Conditional_15_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", ctx_r1.selectedLists.length, "/", ctx_r1.maxLists, " ");
 } }
-function ListsOperationsResource_For_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 16);
+function ListsOperationsResource_For_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 12);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -44,19 +44,19 @@ function ListsOperationsResource_For_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate2(" ", entity_r3.name, " (", entity_r3.listCount, ") ");
 } }
-function ListsOperationsResource_For_27_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_For_21_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵelement(1, "div", 37);
-    i0.ɵɵelementStart(2, "div", 38)(3, "span", 39);
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelement(1, "div", 33);
+    i0.ɵɵelementStart(2, "div", 34)(3, "span", 35);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 40);
+    i0.ɵɵelementStart(5, "span", 36);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "button", 41);
-    i0.ɵɵlistener("click", function ListsOperationsResource_For_27_Template_button_click_7_listener() { const ɵ$index_54_r5 = i0.ɵɵrestoreView(_r4).$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.removeList(ɵ$index_54_r5)); });
-    i0.ɵɵelement(8, "i", 42);
+    i0.ɵɵelementStart(7, "button", 37);
+    i0.ɵɵlistener("click", function ListsOperationsResource_For_21_Template_button_click_7_listener() { const ɵ$index_46_r5 = i0.ɵɵrestoreView(_r4).$index; const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.removeList(ɵ$index_46_r5)); });
+    i0.ɵɵelement(8, "i", 38);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r6 = ctx.$implicit;
@@ -67,14 +67,14 @@ function ListsOperationsResource_For_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(item_r6.entityName);
 } }
-function ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 50);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template_div_click_0_listener() { const list_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addList(list_r10)); });
-    i0.ɵɵelementStart(1, "span", 51);
+    i0.ɵɵelementStart(0, "div", 46);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template_div_click_0_listener() { const list_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.addList(list_r10)); });
+    i0.ɵɵelementStart(1, "span", 47);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 52);
+    i0.ɵɵelementStart(3, "span", 48);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -84,28 +84,28 @@ function ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template(rf,
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(list_r10.Entity);
 } }
-function ListsOperationsResource_Conditional_28_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 46)(1, "div", 47);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_28_Conditional_4_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showListDropdown = false); });
+    i0.ɵɵelementStart(0, "div", 42)(1, "div", 43);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_22_Conditional_4_Template_div_click_1_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.showListDropdown = false); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 48);
-    i0.ɵɵrepeaterCreate(3, ListsOperationsResource_Conditional_28_Conditional_4_For_4_Template, 5, 2, "div", 49, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(2, "div", 44);
+    i0.ɵɵrepeaterCreate(3, ListsOperationsResource_Conditional_22_Conditional_4_For_4_Template, 5, 2, "div", 45, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r1.filteredAvailableLists);
 } }
-function ListsOperationsResource_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 19)(1, "div", 43);
-    i0.ɵɵelement(2, "i", 44);
-    i0.ɵɵelementStart(3, "input", 45);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_28_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.listSearchTerm, $event) || (ctx_r1.listSearchTerm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_28_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAvailableLists()); })("focus", function ListsOperationsResource_Conditional_28_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showListDropdown = true); });
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 39);
+    i0.ɵɵelement(2, "i", 40);
+    i0.ɵɵelementStart(3, "input", 41);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_22_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.listSearchTerm, $event) || (ctx_r1.listSearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_22_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAvailableLists()); })("focus", function ListsOperationsResource_Conditional_22_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showListDropdown = true); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_28_Conditional_4_Template, 5, 0, "div", 46);
+    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_22_Conditional_4_Template, 5, 0, "div", 42);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -114,9 +114,9 @@ function ListsOperationsResource_Conditional_28_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.showListDropdown && ctx_r1.filteredAvailableLists.length > 0 ? 4 : -1);
 } }
-function ListsOperationsResource_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵelement(1, "i", 53);
+function ListsOperationsResource_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 49);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -124,9 +124,9 @@ function ListsOperationsResource_Conditional_29_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Maximum ", ctx_r1.maxLists, " lists can be compared ");
 } }
-function ListsOperationsResource_Conditional_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 21);
-    i0.ɵɵelement(1, "i", 53);
+function ListsOperationsResource_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 49);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Comparing lists of type: ");
     i0.ɵɵelementStart(4, "strong");
@@ -137,26 +137,26 @@ function ListsOperationsResource_Conditional_30_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.selectedLists[0].entityName);
 } }
-function ListsOperationsResource_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_25_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 22)(1, "h4");
+    i0.ɵɵelementStart(0, "div", 18)(1, "h4");
     i0.ɵɵtext(2, "Quick Operations");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 54)(4, "button", 55);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_31_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("union")); });
-    i0.ɵɵelement(5, "i", 56);
+    i0.ɵɵelementStart(3, "div", 50)(4, "button", 51);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_25_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("union")); });
+    i0.ɵɵelement(5, "i", 52);
     i0.ɵɵelementStart(6, "span");
     i0.ɵɵtext(7, "Union All");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "button", 55);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_31_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("intersection")); });
-    i0.ɵɵelement(9, "i", 57);
+    i0.ɵɵelementStart(8, "button", 51);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_25_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("intersection")); });
+    i0.ɵɵelement(9, "i", 53);
     i0.ɵɵelementStart(10, "span");
     i0.ɵɵtext(11, "Intersection");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "button", 55);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_31_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("symmetric_difference")); });
-    i0.ɵɵelement(13, "i", 58);
+    i0.ɵɵelementStart(12, "button", 51);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_25_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.performOperation("symmetric_difference")); });
+    i0.ɵɵelement(13, "i", 54);
     i0.ɵɵelementStart(14, "span");
     i0.ɵɵtext(15, "Unique Each");
     i0.ɵɵelementEnd()()()();
@@ -169,18 +169,18 @@ function ListsOperationsResource_Conditional_31_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("disabled", ctx_r1.isCalculating);
 } }
-function ListsOperationsResource_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_27_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-venn-diagram", 59);
-    i0.ɵɵlistener("regionClick", function ListsOperationsResource_Conditional_33_Template_mj_venn_diagram_regionClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRegionClick($event)); });
+    i0.ɵɵelementStart(0, "mj-venn-diagram", 55);
+    i0.ɵɵlistener("regionClick", function ListsOperationsResource_Conditional_27_Template_mj_venn_diagram_regionClick_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRegionClick($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("data", ctx_r1.vennData)("selectedRegion", ctx_r1.selectedRegion);
 } }
-function ListsOperationsResource_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 25)(1, "div", 60);
-    i0.ɵɵelement(2, "i", 61);
+function ListsOperationsResource_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 56);
+    i0.ɵɵelement(2, "i", 57);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h3");
     i0.ɵɵtext(4, "Add Lists to Compare");
@@ -189,13 +189,13 @@ function ListsOperationsResource_Conditional_34_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵtext(6, "Select 2-4 lists from the same entity to visualize their overlaps and perform set operations.");
     i0.ɵɵelementEnd()();
 } }
-function ListsOperationsResource_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
-    i0.ɵɵelement(1, "mj-loading", 62);
+function ListsOperationsResource_Conditional_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelement(1, "mj-loading", 58);
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_41_Conditional_16_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 78);
+function ListsOperationsResource_Conditional_35_Conditional_16_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 74);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -203,16 +203,16 @@ function ListsOperationsResource_Conditional_41_Conditional_16_For_5_Conditional
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(record_r15.secondaryInfo);
 } }
-function ListsOperationsResource_Conditional_41_Conditional_16_For_5_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_35_Conditional_16_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 74)(1, "div", 76)(2, "span", 77);
+    i0.ɵɵelementStart(0, "div", 70)(1, "div", 72)(2, "span", 73);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_41_Conditional_16_For_5_Conditional_4_Template, 2, 1, "span", 78);
+    i0.ɵɵconditionalCreate(4, ListsOperationsResource_Conditional_35_Conditional_16_For_5_Conditional_4_Template, 2, 1, "span", 74);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 79);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Conditional_16_For_5_Template_button_click_5_listener() { const record_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openRecord(record_r15)); });
-    i0.ɵɵelement(6, "i", 80);
+    i0.ɵɵelementStart(5, "button", 75);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Conditional_16_For_5_Template_button_click_5_listener() { const record_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openRecord(record_r15)); });
+    i0.ɵɵelement(6, "i", 76);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const record_r15 = ctx.$implicit;
@@ -221,19 +221,19 @@ function ListsOperationsResource_Conditional_41_Conditional_16_For_5_Template(rf
     i0.ɵɵadvance();
     i0.ɵɵconditional(record_r15.secondaryInfo ? 4 : -1);
 } }
-function ListsOperationsResource_Conditional_41_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵelement(1, "mj-loading", 81);
+function ListsOperationsResource_Conditional_35_Conditional_16_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "mj-loading", 77);
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_41_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 72)(1, "h5");
+function ListsOperationsResource_Conditional_35_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 68)(1, "h5");
     i0.ɵɵtext(2, "Preview (first 10)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 73);
-    i0.ɵɵrepeaterCreate(4, ListsOperationsResource_Conditional_41_Conditional_16_For_5_Template, 7, 2, "div", 74, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "div", 69);
+    i0.ɵɵrepeaterCreate(4, ListsOperationsResource_Conditional_35_Conditional_16_For_5_Template, 7, 2, "div", 70, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, ListsOperationsResource_Conditional_41_Conditional_16_Conditional_6_Template, 2, 0, "div", 75);
+    i0.ɵɵconditionalCreate(6, ListsOperationsResource_Conditional_35_Conditional_16_Conditional_6_Template, 2, 0, "div", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -242,30 +242,30 @@ function ListsOperationsResource_Conditional_41_Conditional_16_Template(rf, ctx)
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.loadingPreview ? 6 : -1);
 } }
-function ListsOperationsResource_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 29)(1, "div", 63)(2, "span", 64);
+    i0.ɵɵelementStart(0, "div", 25)(1, "div", 59)(2, "span", 60);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 65);
+    i0.ɵɵelementStart(4, "span", 61);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 66)(7, "button", 67);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromSelection()); });
-    i0.ɵɵelement(8, "i", 68);
+    i0.ɵɵelementStart(6, "div", 62)(7, "button", 63);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromSelection()); });
+    i0.ɵɵelement(8, "i", 64);
     i0.ɵɵtext(9, " Create New List ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 69);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addToExistingList()); });
-    i0.ɵɵelement(11, "i", 70);
+    i0.ɵɵelementStart(10, "button", 65);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addToExistingList()); });
+    i0.ɵɵelement(11, "i", 66);
     i0.ɵɵtext(12, " Add to List ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "button", 69);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportToExcel()); });
-    i0.ɵɵelement(14, "i", 71);
+    i0.ɵɵelementStart(13, "button", 65);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_35_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.exportToExcel()); });
+    i0.ɵɵelement(14, "i", 67);
     i0.ɵɵtext(15, " Export ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_41_Conditional_16_Template, 7, 1, "div", 72);
+    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_35_Conditional_16_Template, 7, 1, "div", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -276,22 +276,22 @@ function ListsOperationsResource_Conditional_41_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(11);
     i0.ɵɵconditional(ctx_r1.previewRecordsDisplay.length > 0 ? 16 : -1);
 } }
-function ListsOperationsResource_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_36_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 82)(2, "span", 83);
+    i0.ɵɵelementStart(0, "div", 26)(1, "div", 78)(2, "span", 79);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 84);
+    i0.ɵɵelementStart(4, "span", 80);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 66)(7, "button", 67);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_42_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromResult()); });
-    i0.ɵɵelement(8, "i", 68);
+    i0.ɵɵelementStart(6, "div", 62)(7, "button", 63);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_36_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.createListFromResult()); });
+    i0.ɵɵelement(8, "i", 64);
     i0.ɵɵtext(9, " Create New List ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 69);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_42_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addResultToExistingList()); });
-    i0.ɵɵelement(11, "i", 70);
+    i0.ɵɵelementStart(10, "button", 65);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_36_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addResultToExistingList()); });
+    i0.ɵɵelement(11, "i", 66);
     i0.ɵɵtext(12, " Add to List ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -301,54 +301,54 @@ function ListsOperationsResource_Conditional_42_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r1.lastOperationResult.resultCount, " records");
 } }
-function ListsOperationsResource_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵelement(1, "i", 85);
+function ListsOperationsResource_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
+    i0.ɵɵelement(1, "i", 81);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Click a region in the diagram or run an operation to see results");
     i0.ɵɵelementEnd()();
 } }
-function ListsOperationsResource_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_38_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_44_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_38_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_45_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 96);
+function ListsOperationsResource_Conditional_39_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 92);
 } }
-function ListsOperationsResource_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_39_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 87)(2, "h3");
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 83)(2, "h3");
     i0.ɵɵtext(3, "Create New List from Selection");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 88);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
-    i0.ɵɵelement(5, "i", 42);
+    i0.ɵɵelementStart(4, "button", 84);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_39_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+    i0.ɵɵelement(5, "i", 38);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 89)(7, "div", 90)(8, "label");
+    i0.ɵɵelementStart(6, "div", 85)(7, "div", 86)(8, "label");
     i0.ɵɵtext(9, "List Name *");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "input", 91);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_45_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListName, $event) || (ctx_r1.newListName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "input", 87);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_39_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListName, $event) || (ctx_r1.newListName = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 90)(12, "label");
+    i0.ɵɵelementStart(11, "div", 86)(12, "label");
     i0.ɵɵtext(13, "Description");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "textarea", 92);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_45_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListDescription, $event) || (ctx_r1.newListDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(14, "textarea", 88);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_39_Template_textarea_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newListDescription, $event) || (ctx_r1.newListDescription = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(15, "div", 93);
-    i0.ɵɵelement(16, "i", 53);
+    i0.ɵɵelementStart(15, "div", 89);
+    i0.ɵɵelement(16, "i", 49);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 94)(19, "button", 95);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmCreateList()); });
-    i0.ɵɵconditionalCreate(20, ListsOperationsResource_Conditional_45_Conditional_20_Template, 1, 0, "i", 96);
+    i0.ɵɵelementStart(18, "div", 90)(19, "button", 91);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_39_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmCreateList()); });
+    i0.ɵɵconditionalCreate(20, ListsOperationsResource_Conditional_39_Conditional_20_Template, 1, 0, "i", 92);
     i0.ɵɵtext(21);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 97);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_45_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
+    i0.ɵɵelementStart(22, "button", 93);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_39_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelCreateDialog()); });
     i0.ɵɵtext(23, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -366,23 +366,23 @@ function ListsOperationsResource_Conditional_45_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.isSaving ? "Creating..." : "Create List", " ");
 } }
-function ListsOperationsResource_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_40_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 86);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_46_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
+    i0.ɵɵelementStart(0, "div", 82);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_40_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
     i0.ɵɵelementEnd();
 } }
-function ListsOperationsResource_Conditional_47_For_15_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_41_For_15_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 104);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_47_For_15_Template_div_click_0_listener() { const list_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectTargetList(list_r22.ID)); });
-    i0.ɵɵelementStart(1, "div", 105);
-    i0.ɵɵelement(2, "input", 106);
+    i0.ɵɵelementStart(0, "div", 100);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_For_15_Template_div_click_0_listener() { const list_r22 = i0.ɵɵrestoreView(_r21).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectTargetList(list_r22.ID)); });
+    i0.ɵɵelementStart(1, "div", 101);
+    i0.ɵɵelement(2, "input", 102);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 107)(4, "span", 108);
+    i0.ɵɵelementStart(3, "div", 103)(4, "span", 104);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 109);
+    i0.ɵɵelementStart(6, "span", 105);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -396,9 +396,9 @@ function ListsOperationsResource_Conditional_47_For_15_Template(rf, ctx) { if (r
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(list_r22.Entity);
 } }
-function ListsOperationsResource_Conditional_47_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 103);
-    i0.ɵɵelement(1, "i", 110);
+function ListsOperationsResource_Conditional_41_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 99);
+    i0.ɵɵelement(1, "i", 106);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -407,39 +407,39 @@ function ListsOperationsResource_Conditional_47_Conditional_16_Template(rf, ctx)
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.addToListSearchTerm ? "No lists match your search" : "No other lists available");
 } }
-function ListsOperationsResource_Conditional_47_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 96);
+function ListsOperationsResource_Conditional_41_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 92);
 } }
-function ListsOperationsResource_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+function ListsOperationsResource_Conditional_41_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 34)(1, "div", 87)(2, "h3");
+    i0.ɵɵelementStart(0, "div", 30)(1, "div", 83)(2, "h3");
     i0.ɵɵtext(3, "Add to Existing List");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 88);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_47_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
-    i0.ɵɵelement(5, "i", 42);
+    i0.ɵɵelementStart(4, "button", 84);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
+    i0.ɵɵelement(5, "i", 38);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 89)(7, "div", 98);
-    i0.ɵɵelement(8, "i", 53);
+    i0.ɵɵelementStart(6, "div", 85)(7, "div", 94);
+    i0.ɵɵelement(8, "i", 49);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "div", 99);
-    i0.ɵɵelement(11, "i", 44);
-    i0.ɵɵelementStart(12, "input", 100);
-    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_47_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.addToListSearchTerm, $event) || (ctx_r1.addToListSearchTerm = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_47_Template_input_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAddToListOptions()); });
+    i0.ɵɵelementStart(10, "div", 95);
+    i0.ɵɵelement(11, "i", 40);
+    i0.ɵɵelementStart(12, "input", 96);
+    i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Conditional_41_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.addToListSearchTerm, $event) || (ctx_r1.addToListSearchTerm = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Conditional_41_Template_input_ngModelChange_12_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterAddToListOptions()); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(13, "div", 101);
-    i0.ɵɵrepeaterCreate(14, ListsOperationsResource_Conditional_47_For_15_Template, 8, 5, "div", 102, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_47_Conditional_16_Template, 4, 1, "div", 103);
+    i0.ɵɵelementStart(13, "div", 97);
+    i0.ɵɵrepeaterCreate(14, ListsOperationsResource_Conditional_41_For_15_Template, 8, 5, "div", 98, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(16, ListsOperationsResource_Conditional_41_Conditional_16_Template, 4, 1, "div", 99);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 94)(18, "button", 95);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_47_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmAddToList()); });
-    i0.ɵɵconditionalCreate(19, ListsOperationsResource_Conditional_47_Conditional_19_Template, 1, 0, "i", 96);
+    i0.ɵɵelementStart(17, "div", 90)(18, "button", 91);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmAddToList()); });
+    i0.ɵɵconditionalCreate(19, ListsOperationsResource_Conditional_41_Conditional_19_Template, 1, 0, "i", 92);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "button", 97);
-    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_47_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
+    i0.ɵɵelementStart(21, "button", 93);
+    i0.ɵɵlistener("click", function ListsOperationsResource_Conditional_41_Template_button_click_21_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelAddToListDialog()); });
     i0.ɵɵtext(22, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -1117,64 +1117,59 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
         }
     }
     static ɵfac = function ListsOperationsResource_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ListsOperationsResource)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.ListSetOperationsService), i0.ɵɵdirectiveInject(i2.MJNotificationService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListsOperationsResource, selectors: [["mj-lists-operations-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 48, vars: 18, consts: [[1, "operations-container"], [1, "operations-header"], [1, "header-top"], [1, "header-title"], [1, "fa-solid", "fa-diagram-project"], ["title", "Clear all selections", 1, "clear-all-btn"], [1, "header-subtitle"], [1, "operations-content"], [1, "selection-panel"], [1, "panel-header"], [1, "list-count"], [1, "entity-filter-section"], [1, "filter-label"], [1, "entity-selector"], [1, "entity-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "selected-lists"], [1, "selected-item"], [1, "add-list-area"], [1, "lists-full"], [1, "entity-note"], [1, "quick-operations"], [1, "venn-panel"], [3, "data", "selectedRegion"], [1, "venn-empty"], [1, "loading-overlay"], [1, "results-panel"], [1, "fa-solid", "fa-crosshairs"], [1, "region-details"], [1, "operation-result"], [1, "results-empty"], [1, "modal-overlay"], [1, "modal-dialog"], [1, "modal-dialog", "add-to-list-dialog"], ["title", "Clear all selections", 1, "clear-all-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "item-color"], [1, "item-info"], [1, "item-name"], [1, "item-entity"], [1, "remove-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "add-list-search"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search lists to add...", 3, "ngModelChange", "focus", "ngModel"], [1, "list-dropdown"], [1, "dropdown-backdrop", 3, "click"], [1, "dropdown-content"], [1, "dropdown-item"], [1, "dropdown-item", 3, "click"], [1, "dropdown-name"], [1, "dropdown-entity"], [1, "fa-solid", "fa-info-circle"], [1, "operation-buttons"], [1, "op-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-circle-notch"], [1, "fa-solid", "fa-arrows-split-up-and-left"], [3, "regionClick", "data", "selectedRegion"], [1, "empty-icon"], [1, "fa-solid", "fa-circle-nodes"], ["text", "Calculating..."], [1, "region-header"], [1, "region-label"], [1, "region-count"], [1, "region-actions"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-folder-plus"], [1, "fa-solid", "fa-file-excel"], [1, "record-preview"], [1, "preview-list"], [1, "preview-card"], [1, "preview-loading"], [1, "preview-card-content"], [1, "preview-name"], [1, "preview-secondary"], ["title", "Open record", 1, "preview-open-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], ["text", "Loading preview...", "size", "small"], [1, "result-header"], [1, "result-operation"], [1, "result-count"], [1, "fa-solid", "fa-hand-pointer"], [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, "form-info"], [1, "modal-footer"], [1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn-secondary", 3, "click"], [1, "form-info", 2, "margin-bottom", "16px"], [1, "list-search"], ["type", "text", "placeholder", "Search lists...", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "list-options"], [1, "list-option", 3, "selected"], [1, "list-options-empty"], [1, "list-option", 3, "click"], [1, "list-option-radio"], ["type", "radio", "name", "targetList", 3, "checked"], [1, "list-option-info"], [1, "list-option-name"], [1, "list-option-entity"], [1, "fa-solid", "fa-inbox"]], template: function ListsOperationsResource_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
-            i0.ɵɵelement(4, "i", 4);
-            i0.ɵɵelementStart(5, "h2");
-            i0.ɵɵtext(6, "List Operations");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(7, ListsOperationsResource_Conditional_7_Template, 3, 0, "button", 5);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListsOperationsResource, selectors: [["mj-lists-operations-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 42, vars: 20, consts: [["Title", "List Operations", "Icon", "fa-solid fa-diagram-project", "Subtitle", "Visualize overlaps and perform set operations on your lists"], ["actions", ""], [3, "Flex", "Padding"], [1, "operations-content"], [1, "selection-panel"], [1, "panel-header"], [1, "list-count"], [1, "entity-filter-section"], [1, "filter-label"], [1, "entity-selector"], [1, "entity-select", 3, "ngModelChange", "ngModel"], ["value", ""], [3, "value"], [1, "selected-lists"], [1, "selected-item"], [1, "add-list-area"], [1, "lists-full"], [1, "entity-note"], [1, "quick-operations"], [1, "venn-panel"], [3, "data", "selectedRegion"], [1, "venn-empty"], [1, "loading-overlay"], [1, "results-panel"], [1, "fa-solid", "fa-crosshairs"], [1, "region-details"], [1, "operation-result"], [1, "results-empty"], [1, "modal-overlay"], [1, "modal-dialog"], [1, "modal-dialog", "add-to-list-dialog"], ["mjButton", "", "variant", "secondary", "size", "sm", "title", "Clear all selections", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "item-color"], [1, "item-info"], [1, "item-name"], [1, "item-entity"], [1, "remove-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "add-list-search"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search lists to add...", 3, "ngModelChange", "focus", "ngModel"], [1, "list-dropdown"], [1, "dropdown-backdrop", 3, "click"], [1, "dropdown-content"], [1, "dropdown-item"], [1, "dropdown-item", 3, "click"], [1, "dropdown-name"], [1, "dropdown-entity"], [1, "fa-solid", "fa-info-circle"], [1, "operation-buttons"], [1, "op-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-circle-notch"], [1, "fa-solid", "fa-arrows-split-up-and-left"], [3, "regionClick", "data", "selectedRegion"], [1, "empty-icon"], [1, "fa-solid", "fa-circle-nodes"], ["text", "Calculating..."], [1, "region-header"], [1, "region-label"], [1, "region-count"], [1, "region-actions"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], ["mjButton", "", 3, "click"], [1, "fa-solid", "fa-folder-plus"], [1, "fa-solid", "fa-file-excel"], [1, "record-preview"], [1, "preview-list"], [1, "preview-card"], [1, "preview-loading"], [1, "preview-card-content"], [1, "preview-name"], [1, "preview-secondary"], ["title", "Open record", 1, "preview-open-btn", 3, "click"], [1, "fa-solid", "fa-external-link-alt"], ["text", "Loading preview...", "size", "small"], [1, "result-header"], [1, "result-operation"], [1, "result-count"], [1, "fa-solid", "fa-hand-pointer"], [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, "form-info"], [1, "modal-footer"], [1, "btn-primary", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "btn-secondary", 3, "click"], [1, "form-info", 2, "margin-bottom", "16px"], [1, "list-search"], ["type", "text", "placeholder", "Search lists...", 1, "form-input", 3, "ngModelChange", "ngModel"], [1, "list-options"], [1, "list-option", 3, "selected"], [1, "list-options-empty"], [1, "list-option", 3, "click"], [1, "list-option-radio"], ["type", "radio", "name", "targetList", 3, "checked"], [1, "list-option-info"], [1, "list-option-name"], [1, "list-option-entity"], [1, "fa-solid", "fa-inbox"]], template: function ListsOperationsResource_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0);
+            i0.ɵɵconditionalCreate(2, ListsOperationsResource_Conditional_2_Template, 4, 0, "div", 1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 6);
-            i0.ɵɵtext(9, " Visualize overlaps and perform set operations on your lists ");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(10, "div", 7)(11, "div", 8)(12, "div", 9)(13, "h3");
-            i0.ɵɵtext(14, "Selected Lists");
+            i0.ɵɵelementStart(3, "mj-page-body", 2)(4, "div", 3)(5, "div", 4)(6, "div", 5)(7, "h3");
+            i0.ɵɵtext(8, "Selected Lists");
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(15, ListsOperationsResource_Conditional_15_Template, 2, 2, "span", 10);
+            i0.ɵɵconditionalCreate(9, ListsOperationsResource_Conditional_9_Template, 2, 2, "span", 6);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(16, "div", 11)(17, "label", 12);
-            i0.ɵɵtext(18, "Filter by Entity");
+            i0.ɵɵelementStart(10, "div", 7)(11, "label", 8);
+            i0.ɵɵtext(12, "Filter by Entity");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "div", 13)(20, "select", 14);
-            i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_20_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedEntityId, $event) || (ctx.selectedEntityId = $event); return $event; });
-            i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_20_listener() { return ctx.onEntityFilterChange(); });
-            i0.ɵɵelementStart(21, "option", 15);
-            i0.ɵɵtext(22, "All Entities");
+            i0.ɵɵelementStart(13, "div", 9)(14, "select", 10);
+            i0.ɵɵtwoWayListener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_14_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.selectedEntityId, $event) || (ctx.selectedEntityId = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function ListsOperationsResource_Template_select_ngModelChange_14_listener() { return ctx.onEntityFilterChange(); });
+            i0.ɵɵelementStart(15, "option", 11);
+            i0.ɵɵtext(16, "All Entities");
             i0.ɵɵelementEnd();
-            i0.ɵɵrepeaterCreate(23, ListsOperationsResource_For_24_Template, 2, 3, "option", 16, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵrepeaterCreate(17, ListsOperationsResource_For_18_Template, 2, 3, "option", 12, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(25, "div", 17);
-            i0.ɵɵrepeaterCreate(26, ListsOperationsResource_For_27_Template, 9, 4, "div", 18, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵconditionalCreate(28, ListsOperationsResource_Conditional_28_Template, 5, 2, "div", 19);
-            i0.ɵɵconditionalCreate(29, ListsOperationsResource_Conditional_29_Template, 3, 1, "div", 20);
+            i0.ɵɵelementStart(19, "div", 13);
+            i0.ɵɵrepeaterCreate(20, ListsOperationsResource_For_21_Template, 9, 4, "div", 14, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵconditionalCreate(22, ListsOperationsResource_Conditional_22_Template, 5, 2, "div", 15);
+            i0.ɵɵconditionalCreate(23, ListsOperationsResource_Conditional_23_Template, 3, 1, "div", 16);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(30, ListsOperationsResource_Conditional_30_Template, 6, 1, "div", 21);
-            i0.ɵɵconditionalCreate(31, ListsOperationsResource_Conditional_31_Template, 16, 3, "div", 22);
+            i0.ɵɵconditionalCreate(24, ListsOperationsResource_Conditional_24_Template, 6, 1, "div", 17);
+            i0.ɵɵconditionalCreate(25, ListsOperationsResource_Conditional_25_Template, 16, 3, "div", 18);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(32, "div", 23);
-            i0.ɵɵconditionalCreate(33, ListsOperationsResource_Conditional_33_Template, 1, 2, "mj-venn-diagram", 24);
-            i0.ɵɵconditionalCreate(34, ListsOperationsResource_Conditional_34_Template, 7, 0, "div", 25);
-            i0.ɵɵconditionalCreate(35, ListsOperationsResource_Conditional_35_Template, 2, 0, "div", 26);
+            i0.ɵɵelementStart(26, "div", 19);
+            i0.ɵɵconditionalCreate(27, ListsOperationsResource_Conditional_27_Template, 1, 2, "mj-venn-diagram", 20);
+            i0.ɵɵconditionalCreate(28, ListsOperationsResource_Conditional_28_Template, 7, 0, "div", 21);
+            i0.ɵɵconditionalCreate(29, ListsOperationsResource_Conditional_29_Template, 2, 0, "div", 22);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(36, "div", 27)(37, "div", 9)(38, "h3");
-            i0.ɵɵelement(39, "i", 28);
-            i0.ɵɵtext(40);
+            i0.ɵɵelementStart(30, "div", 23)(31, "div", 5)(32, "h3");
+            i0.ɵɵelement(33, "i", 24);
+            i0.ɵɵtext(34);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(41, ListsOperationsResource_Conditional_41_Template, 17, 3, "div", 29);
-            i0.ɵɵconditionalCreate(42, ListsOperationsResource_Conditional_42_Template, 13, 2, "div", 30);
-            i0.ɵɵconditionalCreate(43, ListsOperationsResource_Conditional_43_Template, 4, 0, "div", 31);
+            i0.ɵɵconditionalCreate(35, ListsOperationsResource_Conditional_35_Template, 17, 3, "div", 25);
+            i0.ɵɵconditionalCreate(36, ListsOperationsResource_Conditional_36_Template, 13, 2, "div", 26);
+            i0.ɵɵconditionalCreate(37, ListsOperationsResource_Conditional_37_Template, 4, 0, "div", 27);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(38, ListsOperationsResource_Conditional_38_Template, 1, 0, "div", 28);
+            i0.ɵɵconditionalCreate(39, ListsOperationsResource_Conditional_39_Template, 24, 7, "div", 29);
+            i0.ɵɵconditionalCreate(40, ListsOperationsResource_Conditional_40_Template, 1, 0, "div", 28);
+            i0.ɵɵconditionalCreate(41, ListsOperationsResource_Conditional_41_Template, 23, 7, "div", 30);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(44, ListsOperationsResource_Conditional_44_Template, 1, 0, "div", 32);
-            i0.ɵɵconditionalCreate(45, ListsOperationsResource_Conditional_45_Template, 24, 7, "div", 33);
-            i0.ɵɵconditionalCreate(46, ListsOperationsResource_Conditional_46_Template, 1, 0, "div", 32);
-            i0.ɵɵconditionalCreate(47, ListsOperationsResource_Conditional_47_Template, 23, 7, "div", 34);
-            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 || ctx.selectedEntityId ? 7 : -1);
-            i0.ɵɵadvance(8);
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 15 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.selectedLists.length > 0 || ctx.selectedEntityId ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Flex", true)("Padding", false);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 9 : -1);
             i0.ɵɵadvance(5);
             i0.ɵɵtwoWayProperty("ngModel", ctx.selectedEntityId);
             i0.ɵɵadvance(3);
@@ -1182,36 +1177,36 @@ let ListsOperationsResource = class ListsOperationsResource extends BaseResource
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.selectedLists);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.selectedLists.length < ctx.maxLists ? 28 : -1);
+            i0.ɵɵconditional(ctx.selectedLists.length < ctx.maxLists ? 22 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length >= ctx.maxLists ? 29 : -1);
+            i0.ɵɵconditional(ctx.selectedLists.length >= ctx.maxLists ? 23 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 30 : -1);
+            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 24 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length >= 2 ? 31 : -1);
+            i0.ɵɵconditional(ctx.selectedLists.length >= 2 ? 25 : -1);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 33 : -1);
+            i0.ɵɵconditional(ctx.selectedLists.length > 0 ? 27 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedLists.length === 0 ? 34 : -1);
+            i0.ɵɵconditional(ctx.selectedLists.length === 0 ? 28 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.isCalculating ? 35 : -1);
+            i0.ɵɵconditional(ctx.isCalculating ? 29 : -1);
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1(" ", ctx.selectedRegion ? "Selected Region" : "Results", " ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.selectedRegion ? 41 : -1);
+            i0.ɵɵconditional(ctx.selectedRegion ? 35 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.lastOperationResult && !ctx.selectedRegion ? 42 : -1);
+            i0.ɵɵconditional(ctx.lastOperationResult && !ctx.selectedRegion ? 36 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.selectedRegion && !ctx.lastOperationResult ? 43 : -1);
+            i0.ɵɵconditional(!ctx.selectedRegion && !ctx.lastOperationResult ? 37 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showCreateDialog ? 44 : -1);
+            i0.ɵɵconditional(ctx.showCreateDialog ? 38 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showCreateDialog ? 45 : -1);
+            i0.ɵɵconditional(ctx.showCreateDialog ? 39 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAddToListDialog ? 46 : -1);
+            i0.ɵɵconditional(ctx.showAddToListDialog ? 40 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAddToListDialog ? 47 : -1);
-        } }, dependencies: [i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.SelectControlValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MJButtonDirective, i5.LoadingComponent, i6.VennDiagramComponent], styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 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-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-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    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\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      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\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      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\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: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\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      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    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\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      cursor: pointer;\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    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\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-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n  "], encapsulation: 2 });
+            i0.ɵɵconditional(ctx.showAddToListDialog ? 41 : -1);
+        } }, dependencies: [i3.NgSelectOption, i3.ɵNgSelectMultipleOption, i3.DefaultValueAccessor, i3.SelectControlValueAccessor, i3.NgControlStatus, i3.NgModel, i4.MJButtonDirective, i4.MJPageLayoutComponent, i4.MJPageHeaderComponent, i4.MJPageBodyComponent, i5.LoadingComponent, i6.VennDiagramComponent], styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 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-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-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    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\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      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\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      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\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: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\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      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    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\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      cursor: pointer;\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    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\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-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n  "], encapsulation: 2 });
 };
 ListsOperationsResource = __decorate([
     RegisterClass(BaseResourceComponent, 'ListsOperationsResource')
@@ -1220,29 +1215,21 @@ export { ListsOperationsResource };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListsOperationsResource, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-lists-operations-resource', template: `
-    <div class="operations-container">
-      <!-- Header -->
-      <div class="operations-header">
-        <div class="header-top">
-          <div class="header-title">
-            <i class="fa-solid fa-diagram-project"></i>
-            <h2>List Operations</h2>
-          </div>
-          @if (selectedLists.length > 0 || selectedEntityId) {
-            <button
-              class="clear-all-btn"
-              (click)="clearAllSelections()"
-              title="Clear all selections">
-              <i class="fa-solid fa-xmark"></i>
-              Clear
+    <mj-page-layout>
+      <mj-page-header
+        Title="List Operations"
+        Icon="fa-solid fa-diagram-project"
+        Subtitle="Visualize overlaps and perform set operations on your lists">
+        @if (selectedLists.length > 0 || selectedEntityId) {
+          <div actions>
+            <button mjButton variant="secondary" size="sm" (click)="clearAllSelections()" title="Clear all selections">
+              <i class="fa-solid fa-xmark"></i> Clear
             </button>
-          }
-        </div>
-        <div class="header-subtitle">
-          Visualize overlaps and perform set operations on your lists
-        </div>
-      </div>
-    
+          </div>
+        }
+      </mj-page-header>
+
+      <mj-page-body [Flex]="true" [Padding]="false">
       <!-- Main Content -->
       <div class="operations-content">
         <!-- Left Panel: List Selection -->
@@ -1583,8 +1570,9 @@ export { ListsOperationsResource };
           </div>
         </div>
       }
-    </div>
-    `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-container {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      background: var(--mj-bg-surface);\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 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-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-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    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\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      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\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      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\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: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\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      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    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\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      cursor: pointer;\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    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\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-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n  "] }]
+      </mj-page-body>
+    </mj-page-layout>
+    `, encapsulation: ViewEncapsulation.None, styles: ["\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .operations-header {\n      padding: 20px 24px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .header-top {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 4px;\n    }\n\n    .header-title {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .clear-all-btn {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      padding: 6px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .clear-all-btn:hover {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-status-error);\n      color: var(--mj-status-error);\n    }\n\n    .clear-all-btn i {\n      font-size: 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-subtitle {\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n    }\n\n    .operations-content {\n      display: grid;\n      grid-template-columns: 280px 1fr 300px;\n      gap: 16px;\n      flex: 1;\n      padding: 16px;\n      overflow: hidden;\n    }\n\n    /* Panels */\n    .selection-panel,\n    .results-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    .venn-panel {\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n      box-shadow: var(--mj-shadow-sm);\n      position: relative;\n      min-height: 400px;\n    }\n\n    .panel-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .panel-header h3 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .list-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    /* Entity Filter */\n    .entity-filter-section {\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .filter-label {\n      display: block;\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 6px;\n    }\n\n    .entity-select {\n      width: 100%;\n      padding: 8px 12px;\n      font-size: 13px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      background: var(--mj-bg-surface-card);\n      cursor: pointer;\n      outline: none;\n      transition: border-color 0.2s;\n    }\n\n    .entity-select:focus {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .entity-note {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 8px 12px;\n      padding: 8px 10px;\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-success);\n    }\n\n    .entity-note i {\n      color: var(--mj-status-success);\n    }\n\n    /* Selected Lists */\n    .selected-lists {\n      flex: 1;\n      overflow-y: auto;\n      padding: 12px;\n    }\n\n    .selected-item {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 8px;\n    }\n\n    .item-color {\n      width: 12px;\n      height: 12px;\n      border-radius: 3px;\n      flex-shrink: 0;\n    }\n\n    .item-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .item-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .item-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .remove-btn {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px;\n      border-radius: 4px;\n    }\n\n    .remove-btn:hover {\n      background: var(--mj-border-default);\n      color: var(--mj-text-secondary);\n    }\n\n    /* Add list area */\n    .add-list-area {\n      position: relative;\n    }\n\n    .add-list-search {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      border: 1px dashed var(--mj-border-default);\n      border-radius: 6px;\n      transition: border-color 0.2s;\n    }\n\n    .add-list-search:focus-within {\n      border-color: var(--mj-brand-primary);\n    }\n\n    .add-list-search i {\n      color: var(--mj-text-muted);\n    }\n\n    .add-list-search input {\n      flex: 1;\n      border: none;\n      outline: none;\n      font-size: 13px;\n    }\n\n    .list-dropdown {\n      position: absolute;\n      top: 100%;\n      left: 0;\n      right: 0;\n      z-index: 100;\n      margin-top: 4px;\n    }\n\n    .dropdown-backdrop {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n    }\n\n    .dropdown-content {\n      position: relative;\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      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .dropdown-item {\n      display: flex;\n      flex-direction: column;\n      padding: 10px 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n    }\n\n    .dropdown-item:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .dropdown-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .dropdown-entity {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .lists-full {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n    }\n\n    .entity-warning {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      margin: 12px;\n      padding: 10px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-radius: 6px;\n      font-size: 12px;\n      color: var(--mj-status-warning);\n    }\n\n    .entity-warning i {\n      color: var(--mj-status-warning);\n      margin-top: 2px;\n    }\n\n    /* Quick Operations */\n    .quick-operations {\n      padding: 12px;\n      border-top: 1px solid var(--mj-border-default);\n    }\n\n    .quick-operations h4 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .operation-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .op-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 8px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .op-btn:hover:not(:disabled) {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-brand-primary);\n    }\n\n    .op-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    /* Venn Panel */\n    .venn-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 100%;\n      text-align: center;\n      padding: 40px;\n    }\n\n    .empty-icon {\n      width: 80px;\n      height: 80px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n      border-radius: 50%;\n      margin-bottom: 20px;\n    }\n\n    .empty-icon i {\n      font-size: 36px;\n      color: var(--mj-brand-primary);\n    }\n\n    .venn-empty h3 {\n      margin: 0 0 8px;\n      font-size: 18px;\n      color: var(--mj-text-primary);\n    }\n\n    .venn-empty p {\n      margin: 0;\n      color: var(--mj-text-secondary);\n      font-size: 14px;\n      max-width: 300px;\n    }\n\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface-card) 90%, transparent);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    /* Results Panel */\n    .region-details,\n    .operation-result {\n      padding: 16px;\n    }\n\n    .region-header,\n    .result-header {\n      margin-bottom: 16px;\n    }\n\n    .region-label,\n    .result-operation {\n      display: block;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      margin-bottom: 4px;\n    }\n\n    .region-count,\n    .result-count {\n      font-size: 13px;\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .region-actions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-bottom: 16px;\n    }\n\n    .action-btn {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 14px;\n      background: var(--mj-bg-surface-card);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s;\n    }\n\n    .action-btn:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .action-btn.primary {\n      background: var(--mj-brand-primary);\n      border-color: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n    }\n\n    .action-btn.primary:hover {\n      background: var(--mj-brand-primary-hover);\n    }\n\n    .record-preview h5 {\n      margin: 0 0 8px;\n      font-size: 12px;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .preview-list {\n      max-height: 200px;\n      overflow-y: auto;\n    }\n\n    .preview-card {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      margin-bottom: 6px;\n      transition: all 0.15s ease;\n    }\n\n    .preview-card:hover {\n      background: var(--mj-bg-surface-sunken);\n      box-shadow: var(--mj-shadow-sm);\n    }\n\n    .preview-card-content {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .preview-name {\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-secondary {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .preview-open-btn {\n      background: none;\n      border: none;\n      color: var(--mj-brand-primary);\n      cursor: pointer;\n      padding: 6px 8px;\n      border-radius: 4px;\n      opacity: 0.6;\n      transition: all 0.15s ease;\n      flex-shrink: 0;\n    }\n\n    .preview-open-btn:hover {\n      opacity: 1;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .preview-loading {\n      padding: 12px;\n      text-align: center;\n    }\n\n    .results-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      height: 200px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .results-empty i {\n      font-size: 32px;\n      margin-bottom: 12px;\n      opacity: 0.5;\n    }\n\n    .results-empty p {\n      font-size: 13px;\n      margin: 0;\n      max-width: 200px;\n    }\n\n    /* Modal */\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      width: 420px;\n      max-width: 90vw;\n      z-index: 1001;\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: 16px;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-muted);\n      cursor: pointer;\n      padding: 4px 8px;\n    }\n\n    .modal-body {\n      padding: 20px;\n    }\n\n    .form-group {\n      margin-bottom: 16px;\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      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    textarea.form-input {\n      resize: vertical;\n    }\n\n    .form-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px;\n      background: var(--mj-bg-surface-sunken);\n      border-radius: 6px;\n      font-size: 13px;\n      color: var(--mj-text-secondary);\n    }\n\n    .form-info i {\n      color: var(--mj-brand-primary);\n    }\n\n    .modal-footer {\n      display: flex;\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      cursor: pointer;\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    }\n\n    .btn-secondary:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    /* Add to List Dialog */\n    .add-to-list-dialog {\n      width: 480px;\n    }\n\n    .add-to-list-dialog .modal-body {\n      max-height: 400px;\n      overflow-y: auto;\n    }\n\n    .list-search {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 12px;\n      background: var(--mj-bg-surface-sunken);\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      margin-bottom: 12px;\n    }\n\n    .list-search i {\n      color: var(--mj-text-muted);\n      flex-shrink: 0;\n    }\n\n    .list-search .form-input {\n      flex: 1;\n      border: none;\n      background: transparent;\n      padding: 0;\n      font-size: 14px;\n    }\n\n    .list-search .form-input:focus {\n      box-shadow: none;\n      outline: none;\n    }\n\n    .list-options {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      max-height: 250px;\n      overflow-y: auto;\n    }\n\n    .list-option {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      cursor: pointer;\n      transition: background 0.15s;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .list-option:last-child {\n      border-bottom: none;\n    }\n\n    .list-option:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .list-option.selected {\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    }\n\n    .list-option-radio {\n      flex-shrink: 0;\n    }\n\n    .list-option-radio input[type=\"radio\"] {\n      width: 18px;\n      height: 18px;\n      cursor: pointer;\n      accent-color: var(--mj-brand-primary);\n    }\n\n    .list-option-info {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .list-option-name {\n      font-size: 14px;\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-option-entity {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px;\n      text-align: center;\n      color: var(--mj-text-muted);\n    }\n\n    .list-options-empty i {\n      font-size: 28px;\n      margin-bottom: 10px;\n      opacity: 0.5;\n    }\n\n    .list-options-empty p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    /* Responsive */\n    @media (max-width: 1024px) {\n      .operations-content {\n        grid-template-columns: 1fr;\n        grid-template-rows: auto 1fr auto;\n      }\n\n      .selection-panel {\n        order: 1;\n      }\n\n      .venn-panel {\n        order: 2;\n        min-height: 300px;\n      }\n\n      .results-panel {\n        order: 3;\n      }\n    }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.ListSetOperationsService }, { type: i2.MJNotificationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListsOperationsResource, { className: "ListsOperationsResource", filePath: "src/Lists/components/lists-operations-resource.component.ts", lineNumber: 1290 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListsOperationsResource, { className: "ListsOperationsResource", filePath: "src/Lists/components/lists-operations-resource.component.ts", lineNumber: 1276 }); })();
 //# sourceMappingURL=lists-operations-resource.component.js.map