@memberjunction/ng-explorer-core 5.35.0 → 5.37.0

package/dist/lib/single-list-detail/single-list-detail.component.js

@@ -1,129 +1,448 @@
 import { Component, Input, ViewChild, HostListener } from '@angular/core';
 import { CompositeKey, LogError, LogErrorEx, LogStatus, RunView } from '@memberjunction/core';
+import { GraphQLListsClient } from '@memberjunction/graphql-dataprovider';
+import { CapabilitiesForLevel } from '@memberjunction/lists-base';
 import { Subject, debounceTime } from 'rxjs';
 import { UUIDsEqual, NormalizeUUID } from '@memberjunction/global';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@memberjunction/ng-ui-components";
-import * as i3 from "@memberjunction/ng-shared-generic";
-import * as i4 from "@memberjunction/ng-list-detail-grid";
+import * as i2 from "@memberjunction/ng-export-service";
+import * as i3 from "@memberjunction/ng-list-management";
+import * as i4 from "@angular/forms";
+import * as i5 from "@memberjunction/ng-ui-components";
+import * as i6 from "@memberjunction/ng-shared-generic";
+import * as i7 from "@memberjunction/ng-list-detail-grid";
+import * as i8 from "@angular/common";
 const _c0 = ["listDetailGrid"];
 const _forTrack0 = ($index, $item) => $item.Text;
 const _forTrack1 = ($index, $item) => $item.ID;
-function SingleListDetailComponent_Conditional_9_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 17);
+const _forTrack2 = ($index, $item) => $item.Name;
+function SingleListDetailComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h1");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const option_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(option_r2.Description);
+    i0.ɵɵtextInterpolate(ctx_r0.listRecord.Name);
 } }
-function SingleListDetailComponent_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_For_2_Template_div_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onDropdownItemClick(option_r2)); });
-    i0.ɵɵelementStart(1, "span", 16);
+function SingleListDetailComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h1");
+    i0.ɵɵtext(1, "List");
+    i0.ɵɵelementEnd();
+} }
+function SingleListDetailComponent_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Snapshot of: ");
+    i0.ɵɵelementStart(1, "strong");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, SingleListDetailComponent_Conditional_9_For_2_Conditional_3_Template, 2, 1, "span", 17);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.sourceViewName ?? "(unknown view)");
+} }
+function SingleListDetailComponent_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Live view: ");
+    i0.ɵɵelementStart(1, "strong");
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const option_r2 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(option_r2.Text);
+    i0.ɵɵtextInterpolate(ctx_r0.sourceViewName ?? "(unknown view)");
+} }
+function SingleListDetailComponent_Conditional_5_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(option_r2.Description ? 3 : -1);
+    i0.ɵɵtextInterpolate1(" \u00B7 last refreshed ", i0.ɵɵpipeBind2(2, 1, ctx_r0.listRecord.LastRefreshedAt, "medium"), " ");
 } }
-function SingleListDetailComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵrepeaterCreate(1, SingleListDetailComponent_Conditional_9_For_2_Template, 4, 2, "div", 14, _forTrack0);
+function SingleListDetailComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵconditionalCreate(3, SingleListDetailComponent_Conditional_5_Conditional_3_Template, 3, 1)(4, SingleListDetailComponent_Conditional_5_Conditional_4_Template, 3, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, SingleListDetailComponent_Conditional_5_Conditional_5_Template, 3, 4, "span", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", "Source view: " + (ctx_r0.sourceViewName ?? "unknown"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional((ctx_r0.listRecord == null ? null : ctx_r0.listRecord.UseSnapshot) ? 3 : 4);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((ctx_r0.listRecord == null ? null : ctx_r0.listRecord.LastRefreshedAt) ? 5 : -1);
+} }
+function SingleListDetailComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelement(1, "mj-tag-chips", 17);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.addOptions);
+    i0.ɵɵproperty("Provider", ctx_r0.Provider)("RecordID", ctx_r0.listRecord.ID)("Editable", ctx_r0.capabilities.CanEdit)("MaxDisplay", 20);
 } }
-function SingleListDetailComponent_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 20);
+function SingleListDetailComponent_Conditional_7_Conditional_5_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 25);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const option_r4 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("(", ctx_r2.selectedKeys.length, " selected)");
+    i0.ɵɵtextInterpolate(option_r4.Description);
 } }
-function SingleListDetailComponent_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 26);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_10_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.openRemoveDialog()); });
-    i0.ɵɵelement(1, "span", 27);
-    i0.ɵɵtext(2, " Remove from List ");
+function SingleListDetailComponent_Conditional_7_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_7_Conditional_5_For_2_Template_div_click_0_listener() { const option_r4 = i0.ɵɵrestoreView(_r3).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.onDropdownItemClick(option_r4)); });
+    i0.ɵɵelementStart(1, "span", 24);
+    i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, SingleListDetailComponent_Conditional_7_Conditional_5_For_2_Conditional_3_Template, 2, 1, "span", 25);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const option_r4 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(option_r4.Text);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(option_r4.Description ? 3 : -1);
 } }
-function SingleListDetailComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 8)(1, "div", 18)(2, "span", 19);
+function SingleListDetailComponent_Conditional_7_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵrepeaterCreate(1, SingleListDetailComponent_Conditional_7_Conditional_5_For_2_Template, 4, 2, "div", 22, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.addOptions);
+} }
+function SingleListDetailComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "button", 18);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_7_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.toggleAddDropdown()); });
+    i0.ɵɵelement(2, "span", 19);
+    i0.ɵɵtext(3, " Add to List ");
+    i0.ɵɵelement(4, "span", 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, SingleListDetailComponent_Conditional_7_Conditional_5_Template, 3, 0, "div", 21);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r0.showAddDropdown ? 5 : -1);
+} }
+function SingleListDetailComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 7);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵtext(2, " Viewer access ");
+    i0.ɵɵelementEnd();
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 29);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("(", ctx_r0.selectedKeys.length, " selected)");
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_6_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 48);
+    i0.ɵɵtext(1, " Applying\u2026 ");
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_6_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 49);
+    i0.ɵɵtext(1, " Apply Status ");
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 34);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openMoveDialog()); });
+    i0.ɵɵelement(1, "span", 35);
+    i0.ɵɵtext(2, " Move\u2026 ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 36);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Conditional_6_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openCopyDialog()); });
+    i0.ɵɵelement(4, "span", 37);
+    i0.ɵɵtext(5, " Copy\u2026 ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "select", 38);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_Conditional_9_Conditional_6_Template_select_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.bulkStatus, $event) || (ctx_r0.bulkStatus = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(7, "option", 39);
+    i0.ɵɵtext(8, "Set status\u2026");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "option", 40);
+    i0.ɵɵtext(10, "Active");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "option", 41);
+    i0.ɵɵtext(12, "Complete");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "option", 42);
+    i0.ɵɵtext(14, "Pending");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "option", 43);
+    i0.ɵɵtext(16, "Disabled");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "option", 44);
+    i0.ɵɵtext(18, "Rejected");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "button", 45);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Conditional_6_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.applyBulkStatus()); });
+    i0.ɵɵconditionalCreate(20, SingleListDetailComponent_Conditional_9_Conditional_6_Conditional_20_Template, 2, 0)(21, SingleListDetailComponent_Conditional_9_Conditional_6_Conditional_21_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "button", 46);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Conditional_6_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.openRemoveDialog()); });
+    i0.ɵɵelement(23, "span", 47);
+    i0.ɵɵtext(24, " Remove from List ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.bulkStatus);
+    i0.ɵɵproperty("disabled", ctx_r0.isApplyingBulkStatus);
+    i0.ɵɵadvance(13);
+    i0.ɵɵproperty("disabled", !ctx_r0.bulkStatus || ctx_r0.isApplyingBulkStatus);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isApplyingBulkStatus ? 20 : 21);
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_7_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 48);
+    i0.ɵɵtext(1, " Previewing... ");
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_7_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 53);
+    i0.ɵɵtext(1, " Refresh from Source ");
+} }
+function SingleListDetailComponent_Conditional_9_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 50);
+    i0.ɵɵlistener("ngModelChange", function SingleListDetailComponent_Conditional_9_Conditional_7_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onRefreshModeChange($event)); });
+    i0.ɵɵelementStart(1, "option", 51);
+    i0.ɵɵtext(2, "Additive");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "option", 52);
+    i0.ɵɵtext(4, "Sync");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "button", 45);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Conditional_7_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onRefreshFromSource()); });
+    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_9_Conditional_7_Conditional_6_Template, 2, 0)(7, SingleListDetailComponent_Conditional_9_Conditional_7_Conditional_7_Template, 2, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngModel", ctx_r0.refreshMode)("disabled", ctx_r0.isPreviewingRefresh || ctx_r0.isApplyingRefresh);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("disabled", ctx_r0.isPreviewingRefresh || ctx_r0.isApplyingRefresh);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isPreviewingRefresh ? 6 : 7);
+} }
+function SingleListDetailComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8)(1, "div", 27)(2, "span", 28);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, SingleListDetailComponent_Conditional_10_Conditional_4_Template, 2, 1, "span", 20);
+    i0.ɵɵconditionalCreate(4, SingleListDetailComponent_Conditional_9_Conditional_4_Template, 2, 1, "span", 29);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 21);
-    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_10_Conditional_6_Template, 3, 0, "button", 22);
-    i0.ɵɵelementStart(7, "button", 23);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_10_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRefreshClick()); });
-    i0.ɵɵelement(8, "span", 24);
-    i0.ɵɵtext(9, " Refresh ");
+    i0.ɵɵelementStart(5, "div", 30);
+    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_9_Conditional_6_Template, 25, 4);
+    i0.ɵɵconditionalCreate(7, SingleListDetailComponent_Conditional_9_Conditional_7_Template, 8, 4);
+    i0.ɵɵelementStart(8, "button", 31);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRefreshClick()); });
+    i0.ɵɵelement(9, "span", 32);
+    i0.ɵɵtext(10, " Refresh ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 23);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_10_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onExportClick()); });
-    i0.ɵɵelement(11, "span", 25);
-    i0.ɵɵtext(12, " Export ");
+    i0.ɵɵelementStart(11, "button", 31);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_9_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onExportClick()); });
+    i0.ɵɵelement(12, "span", 33);
+    i0.ɵɵtext(13, " Export ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", ctx_r2.rowCount, " row", ctx_r2.rowCount !== 1 ? "s" : "");
+    i0.ɵɵtextInterpolate2("", ctx_r0.rowCount, " row", ctx_r0.rowCount !== 1 ? "s" : "");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.selectedKeys.length > 0 ? 4 : -1);
+    i0.ɵɵconditional(ctx_r0.selectedKeys.length > 0 ? 4 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.selectedKeys.length > 0 ? 6 : -1);
+    i0.ɵɵconditional(ctx_r0.selectedKeys.length > 0 && ctx_r0.capabilities.CanEdit ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.hasLineage && ctx_r0.capabilities.CanRefresh ? 7 : -1);
 } }
-function SingleListDetailComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+function SingleListDetailComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "mj-loading", 28);
+    i0.ɵɵelement(1, "mj-loading", 54);
     i0.ɵɵelementEnd();
 } }
-function SingleListDetailComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 10)(1, "mj-list-detail-grid", 29, 0);
-    i0.ɵɵlistener("rowClicked", function SingleListDetailComponent_Conditional_12_Template_mj_list_detail_grid_rowClicked_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRowClicked($event)); })("rowDoubleClicked", function SingleListDetailComponent_Conditional_12_Template_mj_list_detail_grid_rowDoubleClicked_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onRowDoubleClicked($event)); })("selectionChange", function SingleListDetailComponent_Conditional_12_Template_mj_list_detail_grid_selectionChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onSelectionChange($event)); })("dataLoaded", function SingleListDetailComponent_Conditional_12_Template_mj_list_detail_grid_dataLoaded_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onDataLoaded($event)); });
+function SingleListDetailComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "div", 55)(2, "mj-list-detail-grid", 56, 0);
+    i0.ɵɵlistener("rowClicked", function SingleListDetailComponent_Conditional_11_Template_mj_list_detail_grid_rowClicked_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRowClicked($event)); })("rowDoubleClicked", function SingleListDetailComponent_Conditional_11_Template_mj_list_detail_grid_rowDoubleClicked_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onRowDoubleClicked($event)); })("selectionChange", function SingleListDetailComponent_Conditional_11_Template_mj_list_detail_grid_selectionChange_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onSelectionChange($event)); })("dataLoaded", function SingleListDetailComponent_Conditional_11_Template_mj_list_detail_grid_dataLoaded_2_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onDataLoaded($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "aside", 57);
+    i0.ɵɵelement(5, "mj-list-stats", 58);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("listId", ctx_r0.ListID)("listEntity", ctx_r0.listRecord)("autoNavigate", true)("height", "auto")("showToolbar", false)("toolbarConfig", ctx_r0.gridToolbarConfig)("selectionMode", "checkbox");
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("Provider", ctx_r0.Provider)("ListID", ctx_r0.listRecord.ID)("RefreshTrigger", ctx_r0.statsRefreshTrigger);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-progress-bar", 65);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Value", ctx_r0.moveCopyProgressPercent);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "mj-loading", 64);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_14_Conditional_2_Conditional_2_Template, 1, 1, "mj-progress-bar", 65);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("text", (ctx_r0.moveCopyMode === "move" ? "Moving" : "Copying") + " records...");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.moveCopyTotal > 0 ? 2 : -1);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "mj-loading", 74);
+    i0.ɵɵelementEnd();
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelement(1, "span", 75);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No other lists found for this entity.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p", 76);
+    i0.ɵɵtext(5, "Create a new list first if you need a new target.");
+    i0.ɵɵelementEnd()();
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 82);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const target_r12 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" \u2014 ", target_r12.Description);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Template_div_click_0_listener() { const target_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.selectMoveCopyTarget(target_r12)); });
+    i0.ɵɵelementStart(1, "div", 79)(2, "input", 80);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Template_input_click_2_listener($event) { i0.ɵɵrestoreView(_r11); return i0.ɵɵresetView($event.stopPropagation()); })("change", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Template_input_change_2_listener() { const target_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.selectMoveCopyTarget(target_r12)); });
     i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "div", 81)(4, "strong");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Conditional_6_Template, 2, 1, "span", 82);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const target_r12 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", (ctx_r0.moveCopySelectedTarget == null ? null : ctx_r0.moveCopySelectedTarget.ID) === target_r12.ID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("checked", (ctx_r0.moveCopySelectedTarget == null ? null : ctx_r0.moveCopySelectedTarget.ID) === target_r12.ID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(target_r12.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(target_r12.Description ? 6 : -1);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵrepeaterCreate(1, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_For_2_Template, 7, 5, "div", 77, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.filteredMoveCopyTargets);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p", 66);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 67)(3, "div", 68);
+    i0.ɵɵelement(4, "span", 69);
+    i0.ɵɵelementStart(5, "input", 70);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_Conditional_14_Conditional_3_Template_input_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.moveCopyTargetSearch, $event) || (ctx_r0.moveCopyTargetSearch = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_6_Template, 2, 0, "div", 71)(7, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_7_Template, 6, 0, "div", 72)(8, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_Template, 3, 0, "div", 73);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" Choose the target list. Both lists must hold the same entity (", (ctx_r0.listRecord == null ? null : ctx_r0.listRecord.Entity) ?? "records", "). ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.moveCopyTargetSearch);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.moveCopyTargetCandidatesLoading ? 6 : ctx_r0.filteredMoveCopyTargets.length === 0 ? 7 : 8);
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 35);
+    i0.ɵɵtext(1, " Continue ");
+} }
+function SingleListDetailComponent_Conditional_14_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 37);
+    i0.ɵɵtext(1);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("listId", ctx_r2.ListID)("listEntity", ctx_r2.listRecord)("autoNavigate", true)("height", "auto")("showToolbar", false)("toolbarConfig", ctx_r2.gridToolbarConfig)("selectionMode", "checkbox");
+    i0.ɵɵtextInterpolate1(" Copy ", ctx_r0.selectedKeys.length, " ");
 } }
-function SingleListDetailComponent_Conditional_13_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-progress-bar", 37);
+function SingleListDetailComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 59);
+    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_14_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeMoveCopyDialog()); });
+    i0.ɵɵelementStart(1, "div", 60);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_14_Conditional_2_Template, 3, 2, "div", 61)(3, SingleListDetailComponent_Conditional_14_Conditional_3_Template, 9, 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "mj-dialog-actions")(5, "button", 62);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.confirmMoveCopy()); });
+    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_14_Conditional_6_Template, 2, 0)(7, SingleListDetailComponent_Conditional_14_Conditional_7_Template, 2, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 63);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r9); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeMoveCopyDialog()); });
+    i0.ɵɵtext(9, " Cancel ");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("Value", ctx_r2.removeProgressPercent);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("Title", (ctx_r0.moveCopyMode === "move" ? "Move " : "Copy ") + ctx_r0.selectedKeys.length + " record" + (ctx_r0.selectedKeys.length === 1 ? "" : "s") + " to\u2026")("MinWidth", 480)("Width", 640)("Height", 560);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r0.isApplyingMoveCopy ? 2 : 3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r0.moveCopySelectedTarget || ctx_r0.isApplyingMoveCopy);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.moveCopyMode === "move" ? 6 : 7);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.isApplyingMoveCopy);
 } }
-function SingleListDetailComponent_Conditional_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "mj-loading", 36);
-    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_13_Conditional_2_Conditional_2_Template, 1, 1, "mj-progress-bar", 37);
+function SingleListDetailComponent_Conditional_15_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-progress-bar", 65);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Value", ctx_r0.removeProgressPercent);
+} }
+function SingleListDetailComponent_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "mj-loading", 87);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_15_Conditional_2_Conditional_2_Template, 1, 1, "mj-progress-bar", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.removeTotal > 0 ? 2 : -1);
+    i0.ɵɵconditional(ctx_r0.removeTotal > 0 ? 2 : -1);
 } }
-function SingleListDetailComponent_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 33);
-    i0.ɵɵelement(1, "span", 38);
+function SingleListDetailComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵelement(1, "span", 88);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Are you sure you want to remove ");
     i0.ɵɵelementStart(4, "strong");
@@ -131,292 +450,462 @@ function SingleListDetailComponent_Conditional_13_Conditional_3_Template(rf, ctx
     i0.ɵɵelementEnd();
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "p", 39);
+    i0.ɵɵelementStart(7, "p", 76);
     i0.ɵɵtext(8, "This will not delete the records, only remove them from this list.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r2.selectedKeys.length);
+    i0.ɵɵtextInterpolate(ctx_r0.selectedKeys.length);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" record", ctx_r2.selectedKeys.length !== 1 ? "s" : "", " from this list?");
+    i0.ɵɵtextInterpolate1(" record", ctx_r0.selectedKeys.length !== 1 ? "s" : "", " from this list?");
 } }
-function SingleListDetailComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dialog", 30);
-    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_13_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeRemoveDialog()); });
-    i0.ɵɵelementStart(1, "div", 31);
-    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_13_Conditional_2_Template, 3, 1, "div", 32)(3, SingleListDetailComponent_Conditional_13_Conditional_3_Template, 9, 2, "div", 33);
+function SingleListDetailComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 83);
+    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_15_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeRemoveDialog()); });
+    i0.ɵɵelementStart(1, "div", 84);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_15_Conditional_2_Template, 3, 1, "div", 61)(3, SingleListDetailComponent_Conditional_15_Conditional_3_Template, 9, 2, "div", 85);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-dialog-actions")(5, "button", 34);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_13_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.confirmRemoveFromList()); });
+    i0.ɵɵelementStart(4, "mj-dialog-actions")(5, "button", 86);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_15_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.confirmRemoveFromList()); });
     i0.ɵɵtext(6, " Remove ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 35);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_13_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeRemoveDialog()); });
+    i0.ɵɵelementStart(7, "button", 63);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_15_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r13); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeRemoveDialog()); });
     i0.ɵɵtext(8, " Cancel ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("Visible", true)("MinWidth", 350)("Width", 450);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.isRemoving ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.isRemoving ? 2 : 3);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r2.isRemoving);
+    i0.ɵɵproperty("disabled", ctx_r0.isRemoving);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("disabled", ctx_r2.isRemoving);
+    i0.ɵɵproperty("disabled", ctx_r0.isRemoving);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-progress-bar", 37);
+function SingleListDetailComponent_Conditional_16_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-progress-bar", 65);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("Value", ctx_r2.addProgressPercent);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("Value", ctx_r0.addProgressPercent);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "mj-loading", 43);
-    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_14_Conditional_2_Conditional_2_Template, 1, 1, "mj-progress-bar", 37);
+function SingleListDetailComponent_Conditional_16_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "mj-loading", 90);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_16_Conditional_2_Conditional_2_Template, 1, 1, "mj-progress-bar", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.addTotal > 0 ? 2 : -1);
+    i0.ɵɵconditional(ctx_r0.addTotal > 0 ? 2 : -1);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 50);
-    i0.ɵɵelement(1, "mj-loading", 52);
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71);
+    i0.ɵɵelement(1, "mj-loading", 94);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("showText", false);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "span", 53);
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelement(1, "span", 95);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("No records found matching \"", ctx_r2.addRecordsSearchFilter, "\"");
+    i0.ɵɵtextInterpolate1("No records found matching \"", ctx_r0.addRecordsSearchFilter, "\"");
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "span", 54);
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelement(1, "span", 75);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "Search for records to add to this list");
     i0.ɵɵelementEnd()();
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 62);
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 101);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 66);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_3_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r13); return i0.ɵɵresetView($event.stopPropagation()); })("change", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_3_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r13); const record_r12 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleRecordSelection(record_r12)); });
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 104);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_3_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); })("change", function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_3_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r19); const record_r18 = i0.ɵɵnextContext().$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleRecordSelection(record_r18)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const record_r12 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("checked", record_r12.isSelected);
+    const record_r18 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("checked", record_r18.isSelected);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 103);
     i0.ɵɵtext(1, "In List");
     i0.ɵɵelementEnd();
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Template_div_click_0_listener() { const record_r12 = i0.ɵɵrestoreView(_r11).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleRecordSelection(record_r12)); });
-    i0.ɵɵelementStart(1, "div", 61);
-    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_2_Template, 1, 0, "span", 62)(3, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_3_Template, 1, 1, "input", 63);
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 78);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Template_div_click_0_listener() { const record_r18 = i0.ɵɵrestoreView(_r17).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleRecordSelection(record_r18)); });
+    i0.ɵɵelementStart(1, "div", 79);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_2_Template, 1, 0, "span", 101)(3, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_3_Template, 1, 1, "input", 102);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 64);
+    i0.ɵɵelementStart(4, "div", 81);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Conditional_6_Template, 2, 0, "span", 65);
+    i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Conditional_6_Template, 2, 0, "span", 103);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const record_r12 = ctx.$implicit;
-    i0.ɵɵclassProp("in-list", record_r12.isInList)("selected", record_r12.isSelected);
+    const record_r18 = ctx.$implicit;
+    i0.ɵɵclassProp("in-list", record_r18.isInList)("selected", record_r18.isSelected);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(record_r12.isInList ? 2 : 3);
+    i0.ɵɵconditional(record_r18.isInList ? 2 : 3);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(record_r12.Name);
+    i0.ɵɵtextInterpolate(record_r18.Name);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(record_r12.isInList ? 6 : -1);
+    i0.ɵɵconditional(record_r18.isInList ? 6 : -1);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 55)(1, "button", 56);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.selectAllAddable()); });
+function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 96)(1, "button", 97);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectAllAddable()); });
     i0.ɵɵtext(2, "Select All");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 56);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.deselectAllAddable()); });
+    i0.ɵɵelementStart(3, "button", 97);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r16); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.deselectAllAddable()); });
     i0.ɵɵtext(4, "Deselect All");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 57);
+    i0.ɵɵelementStart(5, "span", 98);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 58);
-    i0.ɵɵrepeaterCreate(8, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_For_9_Template, 7, 7, "div", 59, _forTrack1);
+    i0.ɵɵelementStart(7, "div", 99);
+    i0.ɵɵrepeaterCreate(8, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_For_9_Template, 7, 7, "div", 100, _forTrack1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
+    const ctx_r0 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1("", ctx_r2.selectedAddableRecords.length, " selected");
+    i0.ɵɵtextInterpolate1("", ctx_r0.selectedAddableRecords.length, " selected");
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r2.addableRecords);
+    i0.ɵɵrepeater(ctx_r0.addableRecords);
 } }
-function SingleListDetailComponent_Conditional_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 45);
-    i0.ɵɵelement(2, "span", 46);
-    i0.ɵɵelementStart(3, "input", 47);
-    i0.ɵɵlistener("input", function SingleListDetailComponent_Conditional_14_Conditional_3_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.onAddRecordsSearchInputEvent($event)); });
+function SingleListDetailComponent_Conditional_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 67)(1, "div", 68);
+    i0.ɵɵelement(2, "span", 69);
+    i0.ɵɵelementStart(3, "input", 91);
+    i0.ɵɵlistener("input", function SingleListDetailComponent_Conditional_16_Conditional_3_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onAddRecordsSearchInputEvent($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "span", 48);
+    i0.ɵɵelementStart(4, "span", 92);
     i0.ɵɵtext(5, "Type at least 2 characters to search");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 49);
-    i0.ɵɵconditionalCreate(7, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_7_Template, 2, 1, "div", 50)(8, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_8_Template, 4, 1, "div", 51)(9, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_9_Template, 4, 0, "div", 51)(10, SingleListDetailComponent_Conditional_14_Conditional_3_Conditional_10_Template, 10, 1);
+    i0.ɵɵelementStart(6, "div", 93);
+    i0.ɵɵconditionalCreate(7, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_7_Template, 2, 1, "div", 71)(8, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_8_Template, 4, 1, "div", 72)(9, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_9_Template, 4, 0, "div", 72)(10, SingleListDetailComponent_Conditional_16_Conditional_3_Conditional_10_Template, 10, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("placeholder", "Search " + ((ctx_r2.listRecord == null ? null : ctx_r2.listRecord.Entity) || "records") + "...")("value", ctx_r2.addRecordsSearchFilter);
+    i0.ɵɵproperty("placeholder", "Search " + ((ctx_r0.listRecord == null ? null : ctx_r0.listRecord.Entity) || "records") + "...")("value", ctx_r0.addRecordsSearchFilter);
     i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r2.addDialogLoading ? 7 : ctx_r2.addableRecords.length === 0 && ctx_r2.addRecordsSearchFilter.length >= 2 ? 8 : ctx_r2.addableRecords.length === 0 ? 9 : 10);
+    i0.ɵɵconditional(ctx_r0.addDialogLoading ? 7 : ctx_r0.addableRecords.length === 0 && ctx_r0.addRecordsSearchFilter.length >= 2 ? 8 : ctx_r0.addableRecords.length === 0 ? 9 : 10);
 } }
-function SingleListDetailComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dialog", 40);
-    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_14_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeAddRecordsDialog()); });
-    i0.ɵɵelementStart(1, "div", 41);
-    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_14_Conditional_2_Template, 3, 1, "div", 32)(3, SingleListDetailComponent_Conditional_14_Conditional_3_Template, 11, 3);
+function SingleListDetailComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 59);
+    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_16_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeAddRecordsDialog()); });
+    i0.ɵɵelementStart(1, "div", 89);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_16_Conditional_2_Template, 3, 1, "div", 61)(3, SingleListDetailComponent_Conditional_16_Conditional_3_Template, 11, 3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-dialog-actions")(5, "button", 42);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.confirmAddRecords()); });
+    i0.ɵɵelementStart(4, "mj-dialog-actions")(5, "button", 62);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_16_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.confirmAddRecords()); });
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 35);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_14_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeAddRecordsDialog()); });
+    i0.ɵɵelementStart(7, "button", 63);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_16_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r14); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeAddRecordsDialog()); });
     i0.ɵɵtext(8, " Cancel ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Visible", true)("Title", "Add " + ((ctx_r2.listRecord == null ? null : ctx_r2.listRecord.Entity) || "Records") + " to List")("MinWidth", 500)("Width", 700)("Height", 650);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("Title", "Add " + ((ctx_r0.listRecord == null ? null : ctx_r0.listRecord.Entity) || "Records") + " to List")("MinWidth", 500)("Width", 700)("Height", 650);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.addDialogSaving ? 2 : 3);
+    i0.ɵɵconditional(ctx_r0.addDialogSaving ? 2 : 3);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r2.addDialogSaving || ctx_r2.selectedAddableRecords.length === 0);
+    i0.ɵɵproperty("disabled", ctx_r0.addDialogSaving || ctx_r0.selectedAddableRecords.length === 0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" Add ", ctx_r2.selectedAddableRecords.length > 0 ? ctx_r2.selectedAddableRecords.length : "", " Record", ctx_r2.selectedAddableRecords.length !== 1 ? "s" : "", " ");
+    i0.ɵɵtextInterpolate2(" Add ", ctx_r0.selectedAddableRecords.length > 0 ? ctx_r0.selectedAddableRecords.length : "", " Record", ctx_r0.selectedAddableRecords.length !== 1 ? "s" : "", " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.addDialogSaving);
+    i0.ɵɵproperty("disabled", ctx_r0.addDialogSaving);
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "mj-loading", 68);
+function SingleListDetailComponent_Conditional_17_For_25_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 117)(1, "input", 121);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_Conditional_17_For_25_Template_input_ngModelChange_1_listener($event) { const f_r22 = i0.ɵɵrestoreView(_r21).$implicit; i0.ɵɵtwoWayBindingSet(f_r22.Selected, $event) || (f_r22.Selected = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r22 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", f_r22.Selected);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(f_r22.DisplayName);
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "mj-loading", 43)(2, "mj-progress-bar", 37);
+function SingleListDetailComponent_Conditional_17_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 48);
+    i0.ɵɵtext(1, " Exporting\u2026 ");
+} }
+function SingleListDetailComponent_Conditional_17_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 122);
+    i0.ɵɵtext(1);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2(" Export ", ctx_r0.exportRecordCount, " Record", ctx_r0.exportRecordCount === 1 ? "" : "s", " ");
+} }
+function SingleListDetailComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 59);
+    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_17_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeExportDialog()); });
+    i0.ɵɵelementStart(1, "div", 105)(2, "label", 106);
+    i0.ɵɵtext(3, "Format");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 107)(5, "label", 108);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_label_click_5_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.exportFormat = "excel"); });
+    i0.ɵɵelementStart(6, "input", 109);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_Conditional_17_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.exportFormat, $event) || (ctx_r0.exportFormat = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(7, "i", 110);
+    i0.ɵɵelementStart(8, "span");
+    i0.ɵɵtext(9, "Excel (.xlsx)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "label", 108);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_label_click_10_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.exportFormat = "csv"); });
+    i0.ɵɵelementStart(11, "input", 111);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_Conditional_17_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.exportFormat, $event) || (ctx_r0.exportFormat = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(12, "i", 112);
+    i0.ɵɵelementStart(13, "span");
+    i0.ɵɵtext(14, "CSV");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "label", 108);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_label_click_15_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.exportFormat = "json"); });
+    i0.ɵɵelementStart(16, "input", 113);
+    i0.ɵɵtwoWayListener("ngModelChange", function SingleListDetailComponent_Conditional_17_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.exportFormat, $event) || (ctx_r0.exportFormat = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(17, "i", 114);
+    i0.ɵɵelementStart(18, "span");
+    i0.ɵɵtext(19, "JSON");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelement(20, "div", 115);
+    i0.ɵɵelementStart(21, "label", 106);
+    i0.ɵɵtext(22, "Columns to include");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 116);
+    i0.ɵɵrepeaterCreate(24, SingleListDetailComponent_Conditional_17_For_25_Template, 4, 2, "label", 117, _forTrack2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 118)(27, "a", 119);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_a_click_27_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.selectAllExportFields(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(28, "Select All");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "a", 119);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_a_click_29_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); ctx_r0.selectNoneExportFields(); return i0.ɵɵresetView($event.preventDefault()); });
+    i0.ɵɵtext(30, "Select None");
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "span", 120);
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(33, "mj-dialog-actions")(34, "button", 62);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.executeExport()); });
+    i0.ɵɵconditionalCreate(35, SingleListDetailComponent_Conditional_17_Conditional_35_Template, 2, 0)(36, SingleListDetailComponent_Conditional_17_Conditional_36_Template, 2, 2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "button", 63);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_17_Template_button_click_37_listener() { i0.ɵɵrestoreView(_r20); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeExportDialog()); });
+    i0.ɵɵtext(38, "Cancel");
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Visible", true)("Title", "Export " + ctx_r0.exportRecordCount + " Record" + (ctx_r0.exportRecordCount === 1 ? "" : "s"))("MinWidth", 520)("Width", 640)("Height", 640);
+    i0.ɵɵadvance(5);
+    i0.ɵɵclassProp("export-format-option--selected", ctx_r0.exportFormat === "excel");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.exportFormat);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("export-format-option--selected", ctx_r0.exportFormat === "csv");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.exportFormat);
+    i0.ɵɵadvance(4);
+    i0.ɵɵclassProp("export-format-option--selected", ctx_r0.exportFormat === "json");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.exportFormat);
+    i0.ɵɵadvance(8);
+    i0.ɵɵrepeater(ctx_r0.exportFields);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate2("", ctx_r0.selectedExportFieldCount, " of ", ctx_r0.exportFields.length, " selected");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Value", ctx_r2.addFromViewProgressPercent);
+    i0.ɵɵproperty("disabled", ctx_r0.selectedExportFieldCount === 0 || ctx_r0.isExporting);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.isExporting ? 35 : 36);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.isExporting);
+} }
+function SingleListDetailComponent_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "mj-loading", 124);
+    i0.ɵɵelementEnd();
+} }
+function SingleListDetailComponent_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "mj-loading", 90)(2, "mj-progress-bar", 65);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Value", ctx_r0.addFromViewProgressPercent);
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 32);
-    i0.ɵɵelement(1, "mj-loading", 69);
+function SingleListDetailComponent_Conditional_18_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵelement(1, "mj-loading", 125);
     i0.ɵɵelementEnd();
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵelement(1, "span", 72);
+function SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵelement(1, "span", 127);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No saved views found for this entity");
     i0.ɵɵelementEnd()();
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_For_1_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_For_1_Template_div_click_0_listener() { const view_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleViewSelection(view_r16)); });
-    i0.ɵɵelementStart(1, "input", 66);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_For_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r15); return i0.ɵɵresetView($event.stopPropagation()); })("change", function SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_For_1_Template_input_change_1_listener() { const view_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r2 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r2.toggleViewSelection(view_r16)); });
+function SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 129);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_For_1_Template_div_click_0_listener() { const view_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleViewSelection(view_r25)); });
+    i0.ɵɵelementStart(1, "input", 104);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_For_1_Template_input_click_1_listener($event) { i0.ɵɵrestoreView(_r24); return i0.ɵɵresetView($event.stopPropagation()); })("change", function SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_For_1_Template_input_change_1_listener() { const view_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r0 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r0.toggleViewSelection(view_r25)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(2, "span", 75);
-    i0.ɵɵelementStart(3, "span", 76);
+    i0.ɵɵelement(2, "span", 130);
+    i0.ɵɵelementStart(3, "span", 131);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const view_r16 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("selected", ctx_r2.isViewSelected(view_r16));
+    const view_r25 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("selected", ctx_r0.isViewSelected(view_r25));
     i0.ɵɵadvance();
-    i0.ɵɵproperty("checked", ctx_r2.isViewSelected(view_r16));
+    i0.ɵɵproperty("checked", ctx_r0.isViewSelected(view_r25));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(view_r16.Name);
+    i0.ɵɵtextInterpolate(view_r25.Name);
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_For_1_Template, 5, 4, "div", 73, _forTrack1);
+function SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_For_1_Template, 5, 4, "div", 128, _forTrack1);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵrepeater(ctx_r2.userViews);
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵrepeater(ctx_r0.userViews);
 } }
-function SingleListDetailComponent_Conditional_15_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 70);
+function SingleListDetailComponent_Conditional_18_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 66);
     i0.ɵɵtext(1, "Select views to add their records to this list:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 71);
-    i0.ɵɵconditionalCreate(3, SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_3_Template, 4, 0, "div", 51)(4, SingleListDetailComponent_Conditional_15_Conditional_5_Conditional_4_Template, 2, 0);
+    i0.ɵɵelementStart(2, "div", 126);
+    i0.ɵɵconditionalCreate(3, SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_3_Template, 4, 0, "div", 72)(4, SingleListDetailComponent_Conditional_18_Conditional_5_Conditional_4_Template, 2, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(!ctx_r2.userViews || ctx_r2.userViews.length === 0 ? 3 : 4);
+    i0.ɵɵconditional(!ctx_r0.userViews || ctx_r0.userViews.length === 0 ? 3 : 4);
 } }
-function SingleListDetailComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dialog", 67);
-    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_15_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeAddFromViewDialog()); });
-    i0.ɵɵelementStart(1, "div", 31);
-    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_15_Conditional_2_Template, 2, 0, "div", 32)(3, SingleListDetailComponent_Conditional_15_Conditional_3_Template, 3, 1, "div", 32)(4, SingleListDetailComponent_Conditional_15_Conditional_4_Template, 2, 0, "div", 32)(5, SingleListDetailComponent_Conditional_15_Conditional_5_Template, 5, 1);
+function SingleListDetailComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r23 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dialog", 123);
+    i0.ɵɵlistener("Close", function SingleListDetailComponent_Conditional_18_Template_mj_dialog_Close_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeAddFromViewDialog()); });
+    i0.ɵɵelementStart(1, "div", 84);
+    i0.ɵɵconditionalCreate(2, SingleListDetailComponent_Conditional_18_Conditional_2_Template, 2, 0, "div", 61)(3, SingleListDetailComponent_Conditional_18_Conditional_3_Template, 3, 1, "div", 61)(4, SingleListDetailComponent_Conditional_18_Conditional_4_Template, 2, 0, "div", 61)(5, SingleListDetailComponent_Conditional_18_Conditional_5_Template, 5, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mj-dialog-actions")(7, "button", 42);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_15_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.confirmAddFromView()); });
+    i0.ɵɵelementStart(6, "mj-dialog-actions")(7, "button", 62);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_18_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.confirmAddFromView()); });
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 35);
-    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_15_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeAddFromViewDialog()); });
+    i0.ɵɵelementStart(9, "button", 63);
+    i0.ɵɵlistener("click", function SingleListDetailComponent_Conditional_18_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r23); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.closeAddFromViewDialog()); });
     i0.ɵɵtext(10, " Cancel ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("Visible", true)("MinWidth", 400)("Width", 600)("Height", 500);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.showAddFromViewLoader && ctx_r2.fetchingRecordsToSave ? 2 : ctx_r2.showAddFromViewLoader && ctx_r2.addFromViewTotal > 0 ? 3 : ctx_r2.showAddFromViewLoader ? 4 : 5);
+    i0.ɵɵconditional(ctx_r0.showAddFromViewLoader && ctx_r0.fetchingRecordsToSave ? 2 : ctx_r0.showAddFromViewLoader && ctx_r0.addFromViewTotal > 0 ? 3 : ctx_r0.showAddFromViewLoader ? 4 : 5);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("disabled", ctx_r2.showAddFromViewLoader || ctx_r2.userViewsToAdd.length === 0);
+    i0.ɵɵproperty("disabled", ctx_r0.showAddFromViewLoader || ctx_r0.userViewsToAdd.length === 0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" Add from ", ctx_r2.userViewsToAdd.length, " View", ctx_r2.userViewsToAdd.length !== 1 ? "s" : "", " ");
+    i0.ɵɵtextInterpolate2(" Add from ", ctx_r0.userViewsToAdd.length, " View", ctx_r0.userViewsToAdd.length !== 1 ? "s" : "", " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("disabled", ctx_r2.showAddFromViewLoader);
+    i0.ɵɵproperty("disabled", ctx_r0.showAddFromViewLoader);
 } }
 export class SingleListDetailComponent extends BaseAngularComponent {
     sharedService;
     cdr;
     elementRef;
+    exportService;
+    listSharingService;
     ListID = "";
+    /**
+     * Bumped on every list-membership mutation so the Usage stats sidebar
+     * re-queries member count / growth / last-activity. Without this nudge,
+     * those numbers drift from reality until a full page reload because the
+     * stats component otherwise only loads on init.
+     */
+    statsRefreshTrigger = 0;
+    bumpStatsRefresh() { this.statsRefreshTrigger++; }
     listDetailGrid;
     // List record
     listRecord = null;
     showLoader = false;
+    // Permission-level gating (Phase 2.8). Resolved lazily after the list
+    // loads. Capabilities is exposed to the template for `@if` gating; the
+    // server-side enforcement remains the source of truth — these flags
+    // are a UX convenience so users don't see buttons they'll be rejected on.
+    capabilities = CapabilitiesForLevel(null);
+    currentLevel = null;
+    // Lineage / refresh-from-source state. `sourceViewName` is loaded after
+    // listRecord so the lineage badge can show a friendly view name; the
+    // refresh-mode default falls back to the list's RefreshMode field but
+    // can be overridden per-user via localStorage (see `loadLastUsedMode`).
+    sourceViewName = null;
+    // Bulk-edit (Phase 5.2). Status, Move, Copy, Remove. Move flows through
+    // the delta-confirm dialog because it produces drops on the source list.
+    bulkStatus = '';
+    isApplyingBulkStatus = false;
+    // Move / Copy state (mockups 23, 24). The picker dialog lists candidate
+    // target lists scoped to the same entity. We load it lazily on first
+    // open and cache for the session — opening the picker twice in a row
+    // doesn't re-fetch unless the user explicitly hits "Refresh".
+    showMoveCopyDialog = false;
+    moveCopyMode = 'move';
+    moveCopyTargetSearch = '';
+    moveCopyTargetCandidates = [];
+    moveCopyTargetCandidatesLoading = false;
+    moveCopySelectedTarget = null;
+    isApplyingMoveCopy = false;
+    moveCopyProgress = 0;
+    moveCopyTotal = 0;
+    // Move delta-confirm. Built locally from the in-hand RecordIDs — no
+    // server round-trip needed since we already know exactly what will be
+    // added to the target and removed from the source. The drop-guard is
+    // enforced at confirm time (mode='move' + ack checkbox).
+    moveDeltaConfirmVisible = false;
+    moveDelta = null;
+    // Export picker (Phase 5.1, mockup 26). Opens before any export; lets
+    // the user pick format + which entity fields to include. Fields are
+    // resolved from EntityInfo on the loaded provider — no separate fetch.
+    showExportDialog = false;
+    exportFormat = 'excel';
+    exportFields = [];
+    exportRecordCount = 0;
+    isExporting = false;
+    refreshMode = 'Additive';
+    isPreviewingRefresh = false;
+    isApplyingRefresh = false;
+    refreshDelta = null;
+    refreshConfirmVisible = false;
     // Grid state
     selectedKeys = [];
     rowCount = 0;
@@ -452,6 +941,15 @@ export class SingleListDetailComponent extends BaseAngularComponent {
     userViewsToAdd = [];
     addFromViewProgress = 0;
     addFromViewTotal = 0;
+    /**
+     * Stored percent (0–100) for the progress bar. Backed instead of computed
+     * via getter because the original getter recomputed on every Angular CD
+     * read and the async save loop mutated addFromViewProgress between the
+     * initial check and dev-mode re-check — producing NG0100
+     * ExpressionChangedAfterItHasBeenCheckedError floods in the console.
+     * Updated via setAddFromViewProgress(...) at controlled points.
+     */
+    addFromViewProgressPercent = 0;
     fetchingRecordsToSave = false;
     // Dropdown button toggle state
     showAddDropdown = false;
@@ -478,19 +976,26 @@ export class SingleListDetailComponent extends BaseAngularComponent {
             }
         }
     }
-    constructor(sharedService, cdr, elementRef) {
+    constructor(sharedService, cdr, elementRef, exportService, listSharingService) {
         super();
         this.sharedService = sharedService;
         this.cdr = cdr;
         this.elementRef = elementRef;
+        this.exportService = exportService;
+        this.listSharingService = listSharingService;
         // Debounce search input
         this.searchSubject
             .pipe(debounceTime(300))
             .subscribe((searchText) => this.searchRecords(searchText));
     }
-    async ngOnInit() {
+    ngOnInit() {
         if (this.ListID) {
-            await this.loadListRecord();
+            // Defer the load to a macrotask so the initial assignment of
+            // `listRecord` cannot land during Angular's dev-mode verify pass
+            // (NG0100). The first CD cycle renders with listRecord=null
+            // ("List"); the macrotask then loads, assigns, and fires its own
+            // detectChanges in a fresh cycle.
+            setTimeout(() => { void this.loadListRecord(); }, 0);
         }
     }
     /**
@@ -502,12 +1007,22 @@ export class SingleListDetailComponent extends BaseAngularComponent {
         this.showLoader = true;
         try {
             const md = this.ProviderToUse;
-            this.listRecord = await md.GetEntityObject("MJ: Lists");
-            const loadResult = await this.listRecord.Load(this.ListID);
+            // Build + load against a LOCAL handle. Only assign to
+            // this.listRecord after Load() succeeds — otherwise Angular's
+            // change detector sees a transiently-populated half-loaded
+            // entity (Name=null) before Load fills it in, and the title
+            // binding throws ExpressionChangedAfterItHasBeenCheckedError.
+            const list = await md.GetEntityObject("MJ: Lists");
+            const loadResult = await list.Load(this.ListID);
             if (!loadResult) {
-                LogError("Error loading list with ID " + this.ListID, undefined, this.listRecord.LatestResult);
+                LogError("Error loading list with ID " + this.ListID, undefined, list.LatestResult);
                 this.listRecord = null;
             }
+            else {
+                this.listRecord = list;
+                await this.loadLineageContext();
+                await this.loadCapabilities();
+            }
         }
         catch (error) {
             LogError("Error loading list", undefined, error);
@@ -518,6 +1033,167 @@ export class SingleListDetailComponent extends BaseAngularComponent {
             this.cdr.detectChanges();
         }
     }
+    /**
+     * Load lineage context for the refresh-from-source UI:
+     *   - Resolve the source view's display name for the lineage badge.
+     *   - Initialize the refresh-mode dropdown from per-user last-used
+     *     preference, falling back to the list's RefreshMode field.
+     * Silent on failure — the badge / refresh button just won't render
+     * rather than blocking the rest of the detail view.
+     */
+    async loadLineageContext() {
+        if (!this.listRecord?.SourceViewID) {
+            this.sourceViewName = null;
+            return;
+        }
+        this.refreshMode = this.loadLastUsedMode() ?? this.listRecord.RefreshMode;
+        try {
+            const view = await this.ProviderToUse.GetEntityObject('MJ: User Views');
+            const loaded = await view.Load(this.listRecord.SourceViewID);
+            this.sourceViewName = loaded ? view.Name : null;
+        }
+        catch (e) {
+            LogError(`Failed to load source view name for list ${this.ListID}: ${e}`);
+            this.sourceViewName = null;
+        }
+    }
+    /**
+     * Resolve the caller's permission level for this list (Owner / Edit /
+     * View / null) and derive UI capability flags. Best-effort — if the
+     * resolve fails we conservatively default to no-mutation (Viewer-like)
+     * so we don't accidentally surface buttons the server will reject.
+     */
+    async loadCapabilities() {
+        if (!this.listRecord) {
+            this.capabilities = CapabilitiesForLevel(null);
+            this.currentLevel = null;
+            return;
+        }
+        try {
+            const currentUserId = this.ProviderToUse.CurrentUser?.ID;
+            if (!currentUserId) {
+                this.capabilities = CapabilitiesForLevel('View');
+                this.currentLevel = 'View';
+                return;
+            }
+            // Fast path: the list's UserID is its owner. Owners always have full
+            // capabilities and don't carry a Resource Permission row (ownership
+            // is implicit), so the permission-row lookup below would return null
+            // and incorrectly hide all edit/share/delete buttons. Mirrors the
+            // owner short-circuit in the server-side ListSharing.ResolveEffectivePermission.
+            if (UUIDsEqual(this.listRecord.UserID, currentUserId)) {
+                this.currentLevel = 'Owner';
+                this.capabilities = CapabilitiesForLevel('Owner');
+                return;
+            }
+            // Non-owner: resolve via ListSharingService (GraphQL). Never instantiate
+            // the server-side `ListSharing` class from a browser bundle.
+            const level = (await this.listSharingService.getUserPermissionLevel(this.listRecord.ID, currentUserId));
+            this.currentLevel = level;
+            this.capabilities = CapabilitiesForLevel(level);
+        }
+        catch (e) {
+            LogError(`loadCapabilities failed: ${e instanceof Error ? e.message : String(e)}`);
+            this.capabilities = CapabilitiesForLevel('View');
+            this.currentLevel = 'View';
+        }
+    }
+    get hasLineage() {
+        return !!this.listRecord?.SourceViewID;
+    }
+    loadLastUsedMode() {
+        try {
+            const stored = localStorage.getItem(`mj.lists.refreshMode.${this.ListID}`);
+            if (stored === 'Additive' || stored === 'Sync')
+                return stored;
+        }
+        catch {
+            // localStorage may not be available (SSR, private mode) — fall through.
+        }
+        return null;
+    }
+    saveLastUsedMode(mode) {
+        try {
+            localStorage.setItem(`mj.lists.refreshMode.${this.ListID}`, mode);
+        }
+        catch {
+            // ignore
+        }
+    }
+    /**
+     * Kick off a refresh-from-source preview. Builds the delta server-side
+     * and opens the confirm dialog when it returns. The dialog enforces the
+     * acknowledgement UX; the server enforces the actual drop guard.
+     */
+    async onRefreshFromSource() {
+        if (!this.hasLineage || this.isPreviewingRefresh)
+            return;
+        this.isPreviewingRefresh = true;
+        this.refreshDelta = null;
+        this.cdr.detectChanges();
+        try {
+            const provider = this.ProviderToUse;
+            const client = new GraphQLListsClient(provider);
+            const delta = await client.PreviewListDelta({
+                Target: this.ListID,
+                Source: { kind: 'view', viewId: this.listRecord.SourceViewID },
+                Mode: this.refreshMode,
+            });
+            this.refreshDelta = delta;
+            this.refreshConfirmVisible = true;
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.sharedService.CreateSimpleNotification(`Refresh preview failed: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isPreviewingRefresh = false;
+            this.cdr.detectChanges();
+        }
+    }
+    onRefreshConfirmCancel() {
+        this.refreshConfirmVisible = false;
+        this.refreshDelta = null;
+        this.cdr.detectChanges();
+    }
+    async onRefreshConfirmCommit(deltaToken) {
+        if (!this.refreshDelta)
+            return;
+        this.isApplyingRefresh = true;
+        this.cdr.detectChanges();
+        try {
+            const provider = this.ProviderToUse;
+            const client = new GraphQLListsClient(provider);
+            const result = await client.ApplyListDelta({
+                Delta: { ...this.refreshDelta, DeltaToken: deltaToken },
+                ConfirmDrops: (this.refreshDelta.Counts.Remove ?? 0) > 0,
+            });
+            if (result.Success) {
+                this.saveLastUsedMode(this.refreshMode);
+                this.refreshConfirmVisible = false;
+                this.refreshDelta = null;
+                this.sharedService.CreateSimpleNotification(`Refresh applied: +${result.Counts?.Added ?? 0} / -${result.Counts?.Removed ?? 0}`, 'success', 3000);
+                // Reload list (for LastRefreshedAt) + grid in parallel.
+                await this.loadListRecord();
+                this.refreshGrid();
+                this.bumpStatsRefresh();
+            }
+            else {
+                this.sharedService.CreateSimpleNotification(`Refresh failed: ${result.Message}`, 'error', 5000);
+            }
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.sharedService.CreateSimpleNotification(`Refresh failed: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isApplyingRefresh = false;
+            this.cdr.detectChanges();
+        }
+    }
+    onRefreshModeChange(mode) {
+        this.refreshMode = mode;
+    }
     // ==========================================
     // Grid Event Handlers
     // ==========================================
@@ -550,16 +1226,154 @@ export class SingleListDetailComponent extends BaseAngularComponent {
     get addProgressPercent() {
         return this.addTotal > 0 ? Math.round((this.addProgress / this.addTotal) * 100) : 0;
     }
-    get addFromViewProgressPercent() {
-        return this.addFromViewTotal > 0 ? Math.round((this.addFromViewProgress / this.addFromViewTotal) * 100) : 0;
+    /** Update progress + recompute the stored percent atomically. Call this
+     *  from inside the save loop so the bound value is set in lockstep with
+     *  the underlying counter (avoids NG0100). */
+    setAddFromViewProgress(progress) {
+        this.addFromViewProgress = progress;
+        this.addFromViewProgressPercent = this.addFromViewTotal > 0
+            ? Math.round((progress / this.addFromViewTotal) * 100)
+            : 0;
     }
     onRefreshClick() {
         this.refreshGrid();
     }
     onExportClick() {
-        // Trigger export on the underlying grid
-        if (this.listDetailGrid) {
-            this.listDetailGrid.export();
+        this.openExportDialog();
+    }
+    /**
+     * Open the format + column picker (mockup 26). Resolves the candidate
+     * field list from EntityInfo on the loaded provider — no extra
+     * RunView. Default selection is every non-virtual entity field, which
+     * matches what the underlying grid's "export all" path produced.
+     */
+    openExportDialog() {
+        if (!this.listRecord) {
+            this.sharedService.CreateSimpleNotification('Load a list first before exporting.', 'info', 3000);
+            return;
+        }
+        const md = this.ProviderToUse;
+        const entityInfo = md.EntityByID(this.listRecord.EntityID);
+        if (!entityInfo) {
+            this.sharedService.CreateSimpleNotification(`Entity for this list not found in metadata.`, 'error', 4000);
+            return;
+        }
+        if (entityInfo.PrimaryKeys.length !== 1) {
+            this.sharedService.CreateSimpleNotification(`Composite-PK entities ('${entityInfo.Name}') aren't yet supported for List export.`, 'warning', 5000);
+            return;
+        }
+        this.exportFields = entityInfo.Fields
+            .filter((f) => f.IsVirtual !== true)
+            .map((f) => ({
+            Name: f.Name,
+            DisplayName: f.DisplayName || f.Name,
+            Selected: true,
+        }));
+        this.exportRecordCount = this.rowCount;
+        this.exportFormat = 'excel';
+        this.showExportDialog = true;
+        this.cdr.detectChanges();
+    }
+    closeExportDialog() {
+        this.showExportDialog = false;
+        this.cdr.detectChanges();
+    }
+    selectAllExportFields() {
+        for (const f of this.exportFields)
+            f.Selected = true;
+    }
+    selectNoneExportFields() {
+        for (const f of this.exportFields)
+            f.Selected = false;
+    }
+    get selectedExportFieldCount() {
+        return this.exportFields.filter((f) => f.Selected).length;
+    }
+    /**
+     * Run the export with the user's chosen format + columns. Resolves
+     * the list's member RecordIDs from the in-memory grid when possible
+     * (avoids an extra RunView), then bulk-loads the underlying entity
+     * rows restricted to the chosen Fields. Output is projected to
+     * exactly the user's selected columns + ordering.
+     */
+    async executeExport() {
+        if (!this.listRecord)
+            return;
+        const selectedFields = this.exportFields.filter((f) => f.Selected).map((f) => f.Name);
+        if (selectedFields.length === 0)
+            return;
+        this.isExporting = true;
+        this.cdr.detectChanges();
+        try {
+            const md = this.ProviderToUse;
+            const entityInfo = md.EntityByID(this.listRecord.EntityID);
+            const pk = entityInfo.PrimaryKeys[0].Name;
+            // Fetch the list's member record IDs. The grid only holds the
+            // current page, so we hit MJ: List Details directly to get the
+            // full set — same single-PK assumption guarded at dialog open.
+            const rv = RunView.FromMetadataProvider(md);
+            const memberResult = await rv.RunView({
+                EntityName: 'MJ: List Details',
+                ExtraFilter: `ListID='${this.listRecord.ID}'`,
+                Fields: ['RecordID'],
+                ResultType: 'simple',
+            });
+            if (!memberResult.Success) {
+                this.sharedService.CreateSimpleNotification(`Export failed loading members: ${memberResult.ErrorMessage}`, 'error', 5000);
+                return;
+            }
+            const recordIds = (memberResult.Results ?? []).map((r) => String(r.RecordID));
+            if (recordIds.length === 0) {
+                this.sharedService.CreateSimpleNotification('List is empty — nothing to export.', 'info', 3000);
+                this.showExportDialog = false;
+                return;
+            }
+            // Pull underlying entity rows restricted to the chosen fields.
+            // Always include the PK so the projection round-trips cleanly.
+            const fieldsForQuery = Array.from(new Set([pk, ...selectedFields]));
+            const escaped = recordIds.map((id) => `'${id.replace(/'/g, "''")}'`).join(',');
+            const rowResult = await rv.RunView({
+                EntityName: entityInfo.Name,
+                ExtraFilter: `${pk} IN (${escaped})`,
+                Fields: fieldsForQuery,
+                ResultType: 'simple',
+            });
+            if (!rowResult.Success) {
+                this.sharedService.CreateSimpleNotification(`Export failed loading rows: ${rowResult.ErrorMessage}`, 'error', 5000);
+                return;
+            }
+            // Project rows to exactly the columns + ordering the user picked.
+            const rows = (rowResult.Results ?? []).map((row) => {
+                const projected = {};
+                for (const f of selectedFields)
+                    projected[f] = row[f];
+                return projected;
+            });
+            const dateStamp = new Date().toISOString().slice(0, 10);
+            const safeName = (this.listRecord.Name || 'list').replace(/[^a-z0-9_-]+/gi, '_');
+            const ext = this.exportFormat === 'excel' ? 'xlsx' : this.exportFormat;
+            const fileName = `${safeName}-${dateStamp}.${ext}`;
+            const exportResult = this.exportFormat === 'excel'
+                ? await this.exportService.toExcel(rows, { fileName, includeHeaders: true })
+                : this.exportFormat === 'csv'
+                    ? await this.exportService.toCSV(rows, { fileName, includeHeaders: true })
+                    : await this.exportService.toJSON(rows, { fileName });
+            if (exportResult.success) {
+                this.exportService.downloadResult(exportResult);
+                this.sharedService.CreateSimpleNotification(`Exported ${rows.length} record(s)`, 'success', 3000);
+                this.showExportDialog = false;
+            }
+            else {
+                this.sharedService.CreateSimpleNotification('Export failed', 'error', 5000);
+            }
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.sharedService.CreateSimpleNotification(`Export error: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isExporting = false;
+            this.cdr.detectChanges();
         }
     }
     toggleAddDropdown() {
@@ -572,6 +1386,360 @@ export class SingleListDetailComponent extends BaseAngularComponent {
         }
     }
     // ==========================================
+    /**
+     * Apply the chosen status to all selected list-detail rows. Re-uses
+     * the existing extract-record-id-from-composite-key logic to map
+     * `selectedKeys` to the actual `MJ: List Detail.RecordID` values.
+     */
+    async applyBulkStatus() {
+        if (!this.listRecord || this.selectedKeys.length === 0 || !this.bulkStatus)
+            return;
+        this.isApplyingBulkStatus = true;
+        this.cdr.detectChanges();
+        try {
+            const md = this.ProviderToUse;
+            const rv = RunView.FromMetadataProvider(md);
+            const entityInfo = md.EntityByID(this.listRecord.EntityID);
+            const recordIds = this.selectedKeys.map((key) => {
+                if (entityInfo && entityInfo.PrimaryKeys.length === 1) {
+                    const ck = new CompositeKey();
+                    ck.LoadFromConcatenatedString(key);
+                    return ck.KeyValuePairs[0]?.Value || key;
+                }
+                return key;
+            });
+            const filter = `ListID='${this.listRecord.ID}' AND RecordID IN (${recordIds.map((id) => `'${String(id).replace(/'/g, "''")}'`).join(',')})`;
+            // Two-step: fetch just the IDs via a 'simple' RunView, then load each
+            // entity through GetEntityObject(..., CurrentUser) so the entity is
+            // born with the user context that Save() requires. RunView with
+            // 'entity_object' returns entities WITHOUT a CurrentUser bound — fine
+            // for read-only use, broken for Save (`ContextCurrentUser cannot be
+            // null`).
+            const idResult = await rv.RunView({
+                EntityName: 'MJ: List Details',
+                ExtraFilter: filter,
+                Fields: ['ID'],
+                ResultType: 'simple',
+            });
+            if (!idResult.Success) {
+                this.sharedService.CreateSimpleNotification(`Failed to load list details: ${idResult.ErrorMessage}`, 'error', 4000);
+                return;
+            }
+            let updated = 0;
+            let failed = 0;
+            const failureMessages = [];
+            for (const row of idResult.Results ?? []) {
+                const detail = await md.GetEntityObject('MJ: List Details', md.CurrentUser);
+                const loaded = await detail.Load(row.ID);
+                if (!loaded) {
+                    failed++;
+                    const reason = detail.LatestResult?.CompleteMessage ?? 'load failed';
+                    if (failureMessages.length < 3)
+                        failureMessages.push(reason);
+                    continue;
+                }
+                detail.Status = this.bulkStatus;
+                const ok = await detail.Save();
+                if (ok) {
+                    updated++;
+                }
+                else {
+                    failed++;
+                    const reason = detail.LatestResult?.CompleteMessage ?? 'unknown error';
+                    if (failureMessages.length < 3)
+                        failureMessages.push(reason);
+                    LogError(`Bulk status update failed for List Detail ${row.ID}: ${reason}`);
+                }
+            }
+            this.sharedService.CreateSimpleNotification(failed === 0
+                ? `Updated ${updated} item(s) to '${this.bulkStatus}'`
+                : `Updated ${updated}, ${failed} failed: ${failureMessages.join(' | ')}`, failed === 0 ? 'success' : 'warning', failed === 0 ? 3000 : 8000);
+            this.bulkStatus = '';
+            // Defer the grid refresh to the next microtask — see comment in
+            // confirmRemoveFromList for why running it synchronously here
+            // triggers NG0100 and silently breaks the UI refresh.
+            await Promise.resolve();
+            this.refreshGrid();
+            this.bumpStatsRefresh();
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            this.sharedService.CreateSimpleNotification(`Bulk update failed: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isApplyingBulkStatus = false;
+            this.cdr.detectChanges();
+        }
+    }
+    // ==========================================
+    // Bulk Move / Copy (mockups 23, 24)
+    //
+    // Move = insert into target + delete from source (drops on source).
+    // Copy = insert into target only (additive — no drops).
+    //
+    // The drop-guard for Move is enforced by routing through the local
+    // delta-confirm dialog: the user must ack the removal before the
+    // mutation runs. We build a synthetic ListDelta locally because we
+    // already know the exact ToAdd / ToRemove sets — no server round-trip
+    // needed for the preview. Apply step uses direct entity Save/Delete
+    // inside a single TransactionGroup (same pattern as Remove).
+    // ==========================================
+    openMoveDialog() { this.openMoveCopyDialog('move'); }
+    openCopyDialog() { this.openMoveCopyDialog('copy'); }
+    openMoveCopyDialog(mode) {
+        if (!this.listRecord || this.selectedKeys.length === 0) {
+            this.sharedService.CreateSimpleNotification('Please select records first', 'warning', 2500);
+            return;
+        }
+        this.moveCopyMode = mode;
+        this.moveCopySelectedTarget = null;
+        this.moveCopyTargetSearch = '';
+        this.showMoveCopyDialog = true;
+        // Load candidates once per dialog open. We don't keep them in
+        // permanent component state because the user could create/delete
+        // lists between opens, and the target picker isn't visible often
+        // enough to justify long-lived caching.
+        void this.loadMoveCopyTargets();
+        this.cdr.detectChanges();
+    }
+    closeMoveCopyDialog() {
+        this.showMoveCopyDialog = false;
+        this.moveCopyTargetCandidates = [];
+        this.moveCopySelectedTarget = null;
+        this.cdr.detectChanges();
+    }
+    selectMoveCopyTarget(target) {
+        this.moveCopySelectedTarget = target;
+    }
+    get filteredMoveCopyTargets() {
+        const term = this.moveCopyTargetSearch.trim().toLowerCase();
+        if (!term)
+            return this.moveCopyTargetCandidates;
+        return this.moveCopyTargetCandidates.filter((l) => l.Name.toLowerCase().includes(term) ||
+            (l.Description?.toLowerCase().includes(term) ?? false));
+    }
+    get moveCopyProgressPercent() {
+        return this.moveCopyTotal > 0 ? Math.round((this.moveCopyProgress / this.moveCopyTotal) * 100) : 0;
+    }
+    /** Load candidate target lists — same Entity, owned by or shared with
+     *  the current user, excluding the list we're standing on. One RunView
+     *  on open; results stay in memory until the dialog closes. */
+    async loadMoveCopyTargets() {
+        if (!this.listRecord)
+            return;
+        this.moveCopyTargetCandidatesLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            // Filter to same EntityID + exclude the current list. UserID filter
+            // would over-restrict (Shared-With-Me lists should be valid targets
+            // when the user has Edit there); the server enforces the real
+            // permission on the per-row Save, so listing extra entries is fine.
+            const filter = `EntityID='${this.listRecord.EntityID}' AND ID<>'${this.listRecord.ID}'`;
+            const result = await rv.RunView({
+                EntityName: 'MJ: Lists',
+                ExtraFilter: filter,
+                OrderBy: 'Name',
+                ResultType: 'simple',
+                MaxRows: 500,
+            });
+            if (result.Success) {
+                this.moveCopyTargetCandidates = (result.Results ?? []);
+            }
+            else {
+                this.moveCopyTargetCandidates = [];
+                this.sharedService.CreateSimpleNotification(`Failed to load target lists: ${result.ErrorMessage}`, 'error', 4000);
+            }
+        }
+        catch (e) {
+            this.moveCopyTargetCandidates = [];
+            const message = e instanceof Error ? e.message : String(e);
+            this.sharedService.CreateSimpleNotification(`Failed to load target lists: ${message}`, 'error', 4000);
+        }
+        finally {
+            this.moveCopyTargetCandidatesLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * "Continue" / "Copy" click in the target picker. For Copy we apply
+     * immediately. For Move we build a local Delta and show the confirm
+     * dialog — the actual mutation fires from onMoveConfirmCommit().
+     */
+    async confirmMoveCopy() {
+        if (!this.listRecord || !this.moveCopySelectedTarget || this.selectedKeys.length === 0)
+            return;
+        if (this.moveCopyMode === 'copy') {
+            await this.applyMoveCopy(false);
+            return;
+        }
+        // Move: show delta-confirm so the user explicitly acks the source-side drop.
+        const recordIds = this.extractSelectedRecordIds();
+        this.moveDelta = this.buildMoveDelta(recordIds);
+        this.showMoveCopyDialog = false;
+        this.moveDeltaConfirmVisible = true;
+        this.cdr.detectChanges();
+    }
+    onMoveConfirmCancel() {
+        this.moveDeltaConfirmVisible = false;
+        this.moveDelta = null;
+        // Re-open the target picker so the user can change their mind without
+        // losing their selection.
+        this.showMoveCopyDialog = true;
+        this.cdr.detectChanges();
+    }
+    async onMoveConfirmCommit(_deltaToken) {
+        this.moveDeltaConfirmVisible = false;
+        this.cdr.detectChanges();
+        await this.applyMoveCopy(true);
+    }
+    /**
+     * Pull RecordIDs out of selectedKeys. selectedKeys arrive from the
+     * grid in concatenated-key format ("ID|<value>"). For single-PK entities
+     * MJ: List Details stores the raw value; for composite-PK entities it
+     * stores the full concatenated string. We normalize based on entity
+     * metadata — same logic as confirmRemoveFromList.
+     */
+    extractSelectedRecordIds() {
+        const md = this.ProviderToUse;
+        const entityInfo = this.listRecord ? md.EntityByID(this.listRecord.EntityID) : null;
+        return this.selectedKeys.map((key) => {
+            if (entityInfo && entityInfo.PrimaryKeys.length === 1) {
+                const ck = new CompositeKey();
+                ck.LoadFromConcatenatedString(key);
+                return String(ck.KeyValuePairs[0]?.Value ?? key);
+            }
+            return key;
+        });
+    }
+    /**
+     * Build a synthetic ListDelta for the Move-confirm dialog. Token is
+     * a sentinel — we never call server-side ApplyDelta for this flow,
+     * the mutations run client-side inside a transaction group. The
+     * delta-confirm component only reads counts + ToAdd/ToRemove + Warnings;
+     * the token round-trips through the (Confirm) emit but is unused.
+     */
+    buildMoveDelta(recordIds) {
+        const removeCount = recordIds.length;
+        return {
+            TargetListId: this.listRecord.ID,
+            EntityName: this.listRecord.Entity ?? '',
+            ToAdd: [],
+            ToRemove: recordIds,
+            Unchanged: [],
+            Counts: {
+                Add: 0,
+                Remove: removeCount,
+                Unchanged: 0,
+                SourceTotal: 0,
+                TargetTotal: this.rowCount,
+            },
+            Warnings: [{
+                    Code: 'WILL_REMOVE_RECORDS',
+                    Message: `${removeCount} record(s) will be removed from "${this.listRecord.Name}" as part of the move`,
+                    Details: { Count: removeCount },
+                }],
+            // Sentinel — client-side flow doesn't round-trip this.
+            DeltaToken: 'client-move-delta',
+        };
+    }
+    /**
+     * Execute the move/copy. Insert all records into the target, and for
+     * Move also delete the matching MJ: List Details from the source. All
+     * mutations run in a single TransactionGroup so partial failures don't
+     * leave records duplicated in both lists.
+     */
+    async applyMoveCopy(isMove) {
+        if (!this.listRecord || !this.moveCopySelectedTarget)
+            return;
+        const source = this.listRecord;
+        const target = this.moveCopySelectedTarget;
+        const recordIds = this.extractSelectedRecordIds();
+        if (recordIds.length === 0)
+            return;
+        this.isApplyingMoveCopy = true;
+        this.moveCopyTotal = recordIds.length;
+        this.moveCopyProgress = 0;
+        this.cdr.detectChanges();
+        const md = this.ProviderToUse;
+        const rv = RunView.FromMetadataProvider(md);
+        try {
+            // Dedupe against the target: skip records already present so a
+            // partially-completed previous run can be re-tried cleanly.
+            const filterIds = recordIds.map((id) => `'${String(id).replace(/'/g, "''")}'`).join(',');
+            const existingTarget = await rv.RunView({
+                EntityName: 'MJ: List Details',
+                ExtraFilter: `ListID='${target.ID}' AND RecordID IN (${filterIds})`,
+                Fields: ['RecordID'],
+                ResultType: 'simple',
+            });
+            const alreadyInTarget = new Set((existingTarget.Results ?? []).map((r) => String(r.RecordID)));
+            const toAdd = recordIds.filter((id) => !alreadyInTarget.has(id));
+            // For Move, look up the source-side ListDetail rows to delete.
+            let sourceRows = [];
+            if (isMove) {
+                const lookup = await rv.RunView({
+                    EntityName: 'MJ: List Details',
+                    ExtraFilter: `ListID='${source.ID}' AND RecordID IN (${filterIds})`,
+                    ResultType: 'entity_object',
+                });
+                if (!lookup.Success) {
+                    throw new Error(`Failed to load source rows: ${lookup.ErrorMessage}`);
+                }
+                sourceRows = lookup.Results ?? [];
+            }
+            const tg = await md.CreateTransactionGroup();
+            // Queue inserts into target.
+            for (const recordId of toAdd) {
+                const newDetail = await md.GetEntityObject('MJ: List Details', md.CurrentUser);
+                newDetail.NewRecord();
+                newDetail.ListID = target.ID;
+                newDetail.RecordID = recordId;
+                newDetail.Sequence = 0;
+                newDetail.TransactionGroup = tg;
+                await newDetail.Save();
+            }
+            // Queue source-side deletes for Move only.
+            if (isMove) {
+                for (const row of sourceRows) {
+                    row.TransactionGroup = tg;
+                    await row.Delete();
+                }
+            }
+            const ok = await tg.Submit();
+            this.moveCopyProgress = this.moveCopyTotal;
+            if (!ok) {
+                this.sharedService.CreateSimpleNotification(`${isMove ? 'Move' : 'Copy'} partially failed — some changes may not have applied`, 'error', 5000);
+                return;
+            }
+            const skippedNote = alreadyInTarget.size > 0
+                ? ` (${alreadyInTarget.size} already in target — skipped)`
+                : '';
+            this.sharedService.CreateSimpleNotification(`${isMove ? 'Moved' : 'Copied'} ${toAdd.length} record(s) to "${target.Name}"${skippedNote}`, 'success', 3000);
+            // Same NG0100 pattern as confirmRemoveFromList — defer cleanup +
+            // refresh by a microtask so the dialog/visibility flips happen in
+            // a fresh change-detection cycle.
+            await Promise.resolve();
+            this.closeMoveCopyDialog();
+            this.moveDelta = null;
+            if (isMove) {
+                this.listDetailGrid?.clearSelection();
+                this.refreshGrid();
+                this.bumpStatsRefresh();
+            }
+            this.cdr.detectChanges();
+        }
+        catch (e) {
+            const message = e instanceof Error ? e.message : String(e);
+            LogError(`Move/Copy failed: ${message}`);
+            this.sharedService.CreateSimpleNotification(`${isMove ? 'Move' : 'Copy'} failed: ${message}`, 'error', 5000);
+        }
+        finally {
+            this.isApplyingMoveCopy = false;
+            this.cdr.detectChanges();
+        }
+    }
+    // ==========================================
     // Remove from List Dialog
     // ==========================================
     openRemoveDialog() {
@@ -635,9 +1803,18 @@ export class SingleListDetailComponent extends BaseAngularComponent {
         if (success) {
             this.removeProgress = this.removeTotal;
             this.sharedService.CreateSimpleNotification(`Removed ${listDetails.length} record${listDetails.length !== 1 ? 's' : ''} from list`, 'success', 2500);
+            // Defer cleanup + refresh to the next microtask. Running these
+            // synchronously inside the current change-detection cycle
+            // triggers NG0100 (`@if (showRemoveDialog)` flips false while
+            // children are still being checked), which leaves the grid in a
+            // stale state — the deletion succeeds server-side but the UI
+            // doesn't re-fetch until the user navigates away and back.
+            await Promise.resolve();
             this.closeRemoveDialog();
             this.listDetailGrid?.clearSelection();
             this.refreshGrid();
+            this.bumpStatsRefresh();
+            this.cdr.detectChanges();
         }
         else {
             LogError("Error removing records from list");
@@ -779,8 +1956,13 @@ export class SingleListDetailComponent extends BaseAngularComponent {
         if (success) {
             this.addProgress = this.addTotal;
             this.sharedService.CreateSimpleNotification(`Added ${recordsToAdd.length} record${recordsToAdd.length !== 1 ? 's' : ''} to list`, 'success', 2500);
+            // Defer dialog close + grid refresh to the next microtask. See
+            // confirmRemoveFromList for the NG0100 background.
+            await Promise.resolve();
             this.closeAddRecordsDialog();
             this.refreshGrid();
+            this.bumpStatsRefresh();
+            this.cdr.detectChanges();
         }
         else {
             LogError("Error adding records to list");
@@ -802,8 +1984,8 @@ export class SingleListDetailComponent extends BaseAngularComponent {
         this.showAddFromViewDialog = false;
         this.userViewsToAdd = [];
         this.showAddFromViewLoader = false;
-        this.addFromViewProgress = 0;
         this.addFromViewTotal = 0;
+        this.setAddFromViewProgress(0);
     }
     async loadEntityViews() {
         if (!this.listRecord || !this.listRecord.Entity)
@@ -862,7 +2044,7 @@ export class SingleListDetailComponent extends BaseAngularComponent {
         await this.loadExistingListDetailIds();
         const recordsToAdd = [...recordIdSet].filter(id => !this.existingListDetailIds.has(id));
         this.addFromViewTotal = recordsToAdd.length;
-        this.addFromViewProgress = 0;
+        this.setAddFromViewProgress(0);
         this.fetchingRecordsToSave = false;
         this.cdr.detectChanges();
         const progressPerRecord = 0.8 / Math.max(recordsToAdd.length, 1); // 80% for individual saves
@@ -887,17 +2069,28 @@ export class SingleListDetailComponent extends BaseAngularComponent {
                     message: listDetail.LatestResult?.CompleteMessage
                 });
             }
-            // Update progress (0-80%)
-            this.addFromViewProgress = Math.round((i + 1) * progressPerRecord * this.addFromViewTotal);
+            // Update progress (0-80%) via the helper so both the counter and the
+            // bound percent move in lockstep, then detectChanges() to close the
+            // CD cycle on this iteration. Without detectChanges() the next await
+            // can yield in the middle of a cycle and Angular's dev-mode re-check
+            // catches the percent changing → NG0100 flood.
+            this.setAddFromViewProgress(Math.round((i + 1) * progressPerRecord * this.addFromViewTotal));
+            this.cdr.detectChanges();
         }
         // Show 80% complete before submit
-        this.addFromViewProgress = Math.round(this.addFromViewTotal * 0.8);
+        this.setAddFromViewProgress(Math.round(this.addFromViewTotal * 0.8));
+        this.cdr.detectChanges();
         const success = await tg.Submit();
         if (success) {
-            this.addFromViewProgress = this.addFromViewTotal;
+            this.setAddFromViewProgress(this.addFromViewTotal);
             this.sharedService.CreateSimpleNotification(`Added ${recordsToAdd.length} record${recordsToAdd.length !== 1 ? 's' : ''} to list`, 'success', 2500);
+            // Defer dialog close + grid refresh to the next microtask. See
+            // confirmRemoveFromList for the NG0100 background.
+            await Promise.resolve();
             this.closeAddFromViewDialog();
             this.refreshGrid();
+            this.bumpStatsRefresh();
+            this.cdr.detectChanges();
         }
         else {
             LogError("Error adding records from view to list");
@@ -905,7 +2098,7 @@ export class SingleListDetailComponent extends BaseAngularComponent {
             this.showAddFromViewLoader = false;
         }
     }
-    static ɵfac = function SingleListDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SingleListDetailComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+    static ɵfac = function SingleListDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SingleListDetailComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.ExportService), i0.ɵɵdirectiveInject(i3.ListSharingService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SingleListDetailComponent, selectors: [["mj-list-detail"]], viewQuery: function SingleListDetailComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
@@ -913,48 +2106,63 @@ export class SingleListDetailComponent extends BaseAngularComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listDetailGrid = _t.first);
         } }, hostBindings: function SingleListDetailComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("click", function SingleListDetailComponent_click_HostBindingHandler($event) { return ctx.onDocumentClick($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { ListID: "ListID" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 16, vars: 8, consts: [["listDetailGrid", ""], [1, "list-detail-container"], [1, "list-header"], [1, "add-dropdown-wrapper"], ["mjButton", "", "variant", "primary", 1, "add-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-chevron-down", "add-dropdown-arrow"], [1, "add-dropdown-panel"], [1, "custom-toolbar"], [1, "loading-container"], [1, "grid-container"], ["Title", "Remove from List", 3, "Visible", "MinWidth", "Width"], [3, "Visible", "Title", "MinWidth", "Width", "Height"], ["Title", "Add Records from Views", 3, "Visible", "MinWidth", "Width", "Height"], [1, "add-dropdown-item"], [1, "add-dropdown-item", 3, "click"], [1, "add-dropdown-item-text"], [1, "add-dropdown-item-desc"], [1, "toolbar-left"], [1, "row-count"], [1, "selection-count"], [1, "toolbar-right"], ["mjButton", "", "variant", "flat", 1, "toolbar-button", "remove-btn"], ["mjButton", "", "variant", "flat", 1, "toolbar-button", 3, "click"], [1, "fa-solid", "fa-rotate"], [1, "fa-solid", "fa-file-export"], ["mjButton", "", "variant", "flat", 1, "toolbar-button", "remove-btn", 3, "click"], [1, "fa-solid", "fa-trash"], ["text", "Loading list...", "size", "medium"], [3, "rowClicked", "rowDoubleClicked", "selectionChange", "dataLoaded", "listId", "listEntity", "autoNavigate", "height", "showToolbar", "toolbarConfig", "selectionMode"], ["Title", "Remove from List", 3, "Close", "Visible", "MinWidth", "Width"], [1, "dialog-content"], [1, "dialog-loading"], [1, "dialog-message"], ["mjButton", "", "variant", "danger", 3, "click", "disabled"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], ["text", "Removing records...", "size", "small"], [1, "progress-bar", 3, "Value"], [1, "fa-solid", "fa-triangle-exclamation", "warning-icon"], [1, "dialog-note"], [3, "Close", "Visible", "Title", "MinWidth", "Width", "Height"], [1, "dialog-content", "add-records-dialog"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["text", "Adding records to list...", "size", "small"], [1, "search-section"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", 1, "mj-input", "search-input", 3, "input", "placeholder", "value"], [1, "search-hint"], [1, "records-list"], [1, "list-loading"], [1, "empty-results"], ["size", "small", 3, "showText"], [1, "fa-solid", "fa-search", "empty-icon"], [1, "fa-solid", "fa-list", "empty-icon"], [1, "selection-controls"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "selection-info"], [1, "records-scroll"], [1, "record-item", 3, "in-list", "selected"], [1, "record-item", 3, "click"], [1, "record-checkbox"], ["title", "Already in list", 1, "fa-solid", "fa-check", "in-list-icon"], ["type", "checkbox", 3, "checked"], [1, "record-name"], [1, "in-list-badge"], ["type", "checkbox", 3, "click", "change", "checked"], ["Title", "Add Records from Views", 3, "Close", "Visible", "MinWidth", "Width", "Height"], ["text", "Loading records from views...", "size", "small"], ["text", "Loading views...", "size", "small"], [1, "dialog-instruction"], [1, "views-list"], [1, "fa-solid", "fa-folder-open", "empty-icon"], [1, "view-item", 3, "selected"], [1, "view-item", 3, "click"], [1, "fa-solid", "fa-table-list", "view-icon"], [1, "view-name"]], template: function SingleListDetailComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "h1");
-            i0.ɵɵtext(3);
+        } }, inputs: { ListID: "ListID" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 20, consts: [["listDetailGrid", ""], [1, "list-detail-container"], [1, "list-header"], [1, "list-header__titleblock"], [1, "lineage-badge", 3, "title"], [1, "list-detail__tags"], [1, "add-dropdown-wrapper"], [1, "permission-badge", "permission-badge--viewer"], [1, "custom-toolbar"], [1, "loading-container"], [1, "grid-with-stats"], [3, "Confirm", "Cancel", "Visible", "Delta", "TargetListName", "SourceLabel"], [3, "Visible", "Title", "MinWidth", "Width", "Height"], ["Title", "Remove from List", 3, "Visible", "MinWidth", "Width"], ["Title", "Add Records from Views", 3, "Visible", "MinWidth", "Width", "Height"], [1, "fa-solid", "fa-link"], [1, "lineage-badge__refreshed"], ["EntityName", "MJ: Lists", 3, "Provider", "RecordID", "Editable", "MaxDisplay"], ["mjButton", "", "variant", "primary", 1, "add-btn", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-chevron-down", "add-dropdown-arrow"], [1, "add-dropdown-panel"], [1, "add-dropdown-item"], [1, "add-dropdown-item", 3, "click"], [1, "add-dropdown-item-text"], [1, "add-dropdown-item-desc"], [1, "fa-solid", "fa-eye"], [1, "toolbar-left"], [1, "row-count"], [1, "selection-count"], [1, "toolbar-right"], ["mjButton", "", "variant", "flat", 1, "toolbar-button", 3, "click"], [1, "fa-solid", "fa-rotate"], [1, "fa-solid", "fa-file-export"], ["mjButton", "", "variant", "flat", "title", "Move selected records to another list", 1, "toolbar-button", 3, "click"], [1, "fa-solid", "fa-arrow-right-arrow-left"], ["mjButton", "", "variant", "flat", "title", "Copy selected records to another list (keeps them here too)", 1, "toolbar-button", 3, "click"], [1, "fa-solid", "fa-copy"], ["title", "Set status on selected items", 1, "mj-input", "mj-select", "bulk-status-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", ""], ["value", "Active"], ["value", "Complete"], ["value", "Pending"], ["value", "Disabled"], ["value", "Rejected"], ["mjButton", "", "variant", "flat", 1, "toolbar-button", 3, "click", "disabled"], ["mjButton", "", "variant", "flat", 1, "toolbar-button", "remove-btn", 3, "click"], [1, "fa-solid", "fa-trash"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-pen-to-square"], ["title", "Refresh mode", 1, "mj-input", "mj-select", "refresh-mode-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", "Additive"], ["value", "Sync"], [1, "fa-solid", "fa-cloud-arrow-down"], ["text", "Loading list...", "size", "medium"], [1, "grid-container"], [3, "rowClicked", "rowDoubleClicked", "selectionChange", "dataLoaded", "listId", "listEntity", "autoNavigate", "height", "showToolbar", "toolbarConfig", "selectionMode"], [1, "list-detail__stats"], [3, "Provider", "ListID", "RefreshTrigger"], [3, "Close", "Visible", "Title", "MinWidth", "Width", "Height"], [1, "dialog-content", "move-copy-dialog"], [1, "dialog-loading"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["mjButton", "", "variant", "outline", 3, "click", "disabled"], ["size", "small", 3, "text"], [1, "progress-bar", 3, "Value"], [1, "dialog-instruction"], [1, "search-section"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search", "search-icon"], ["type", "text", "placeholder", "Filter lists by name\u2026", 1, "mj-input", "search-input", 3, "ngModelChange", "ngModel"], [1, "list-loading"], [1, "empty-results"], [1, "records-scroll", "move-copy-targets"], ["text", "Loading lists...", "size", "small"], [1, "fa-solid", "fa-list", "empty-icon"], [1, "dialog-note"], [1, "record-item", 3, "selected"], [1, "record-item", 3, "click"], [1, "record-checkbox"], ["type", "radio", "name", "moveCopyTarget", 3, "click", "change", "checked"], [1, "record-name"], [1, "target-desc"], ["Title", "Remove from List", 3, "Close", "Visible", "MinWidth", "Width"], [1, "dialog-content"], [1, "dialog-message"], ["mjButton", "", "variant", "danger", 3, "click", "disabled"], ["text", "Removing records...", "size", "small"], [1, "fa-solid", "fa-triangle-exclamation", "warning-icon"], [1, "dialog-content", "add-records-dialog"], ["text", "Adding records to list...", "size", "small"], ["type", "text", 1, "mj-input", "search-input", 3, "input", "placeholder", "value"], [1, "search-hint"], [1, "records-list"], ["size", "small", 3, "showText"], [1, "fa-solid", "fa-search", "empty-icon"], [1, "selection-controls"], ["mjButton", "", "variant", "flat", "size", "sm", 3, "click"], [1, "selection-info"], [1, "records-scroll"], [1, "record-item", 3, "in-list", "selected"], ["title", "Already in list", 1, "fa-solid", "fa-check", "in-list-icon"], ["type", "checkbox", 3, "checked"], [1, "in-list-badge"], ["type", "checkbox", 3, "click", "change", "checked"], [1, "dialog-content", "export-dialog"], [1, "export-section-label"], [1, "export-format-row"], [1, "export-format-option", 3, "click"], ["type", "radio", "name", "exportFormat", "value", "excel", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-file-excel", 2, "color", "var(--mj-status-success)"], ["type", "radio", "name", "exportFormat", "value", "csv", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-file-csv", 2, "color", "var(--mj-text-secondary)"], ["type", "radio", "name", "exportFormat", "value", "json", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-file-code", 2, "color", "var(--mj-brand-primary)"], [1, "export-section-divider"], [1, "export-fields-list"], [1, "export-field-row"], [1, "export-field-actions"], ["href", "#", 3, "click"], [1, "muted"], ["type", "checkbox", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-download"], ["Title", "Add Records from Views", 3, "Close", "Visible", "MinWidth", "Width", "Height"], ["text", "Loading records from views...", "size", "small"], ["text", "Loading views...", "size", "small"], [1, "views-list"], [1, "fa-solid", "fa-folder-open", "empty-icon"], [1, "view-item", 3, "selected"], [1, "view-item", 3, "click"], [1, "fa-solid", "fa-table-list", "view-icon"], [1, "view-name"]], template: function SingleListDetailComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "div", 3);
+            i0.ɵɵconditionalCreate(3, SingleListDetailComponent_Conditional_3_Template, 2, 1, "h1")(4, SingleListDetailComponent_Conditional_4_Template, 2, 0, "h1");
+            i0.ɵɵconditionalCreate(5, SingleListDetailComponent_Conditional_5_Template, 6, 3, "div", 4);
+            i0.ɵɵconditionalCreate(6, SingleListDetailComponent_Conditional_6_Template, 2, 4, "div", 5);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 3)(5, "button", 4);
-            i0.ɵɵlistener("click", function SingleListDetailComponent_Template_button_click_5_listener() { return ctx.toggleAddDropdown(); });
-            i0.ɵɵelement(6, "span", 5);
-            i0.ɵɵtext(7, " Add to List ");
-            i0.ɵɵelement(8, "span", 6);
+            i0.ɵɵconditionalCreate(7, SingleListDetailComponent_Conditional_7_Template, 6, 1, "div", 6)(8, SingleListDetailComponent_Conditional_8_Template, 3, 0, "span", 7);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(9, SingleListDetailComponent_Conditional_9_Template, 3, 0, "div", 7);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(10, SingleListDetailComponent_Conditional_10_Template, 13, 4, "div", 8);
-            i0.ɵɵconditionalCreate(11, SingleListDetailComponent_Conditional_11_Template, 2, 0, "div", 9);
-            i0.ɵɵconditionalCreate(12, SingleListDetailComponent_Conditional_12_Template, 3, 7, "div", 10);
+            i0.ɵɵconditionalCreate(9, SingleListDetailComponent_Conditional_9_Template, 14, 5, "div", 8);
+            i0.ɵɵconditionalCreate(10, SingleListDetailComponent_Conditional_10_Template, 2, 0, "div", 9);
+            i0.ɵɵconditionalCreate(11, SingleListDetailComponent_Conditional_11_Template, 6, 10, "div", 10);
+            i0.ɵɵelementStart(12, "mj-list-delta-confirm", 11);
+            i0.ɵɵlistener("Confirm", function SingleListDetailComponent_Template_mj_list_delta_confirm_Confirm_12_listener($event) { return ctx.onRefreshConfirmCommit($event); })("Cancel", function SingleListDetailComponent_Template_mj_list_delta_confirm_Cancel_12_listener() { return ctx.onRefreshConfirmCancel(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(13, SingleListDetailComponent_Conditional_13_Template, 9, 6, "mj-dialog", 11);
-            i0.ɵɵconditionalCreate(14, SingleListDetailComponent_Conditional_14_Template, 9, 10, "mj-dialog", 12);
-            i0.ɵɵconditionalCreate(15, SingleListDetailComponent_Conditional_15_Template, 11, 9, "mj-dialog", 13);
+            i0.ɵɵelementStart(13, "mj-list-delta-confirm", 11);
+            i0.ɵɵlistener("Confirm", function SingleListDetailComponent_Template_mj_list_delta_confirm_Confirm_13_listener($event) { return ctx.onMoveConfirmCommit($event); })("Cancel", function SingleListDetailComponent_Template_mj_list_delta_confirm_Cancel_13_listener() { return ctx.onMoveConfirmCancel(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵconditionalCreate(14, SingleListDetailComponent_Conditional_14_Template, 10, 9, "mj-dialog", 12);
+            i0.ɵɵconditionalCreate(15, SingleListDetailComponent_Conditional_15_Template, 9, 6, "mj-dialog", 13);
+            i0.ɵɵconditionalCreate(16, SingleListDetailComponent_Conditional_16_Template, 9, 10, "mj-dialog", 12);
+            i0.ɵɵconditionalCreate(17, SingleListDetailComponent_Conditional_17_Template, 39, 19, "mj-dialog", 12);
+            i0.ɵɵconditionalCreate(18, SingleListDetailComponent_Conditional_18_Template, 11, 9, "mj-dialog", 14);
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(ctx.listRecord ? ctx.listRecord.Name : "List");
-            i0.ɵɵadvance(6);
-            i0.ɵɵconditional(ctx.showAddDropdown ? 9 : -1);
+            i0.ɵɵconditional(ctx.listRecord ? 3 : 4);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.hasLineage ? 5 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.listRecord ? 6 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.capabilities.CanEdit ? 7 : ctx.currentLevel ? 8 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.showLoader && ctx.listRecord ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showLoader ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.showLoader && ctx.listRecord ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Visible", ctx.refreshConfirmVisible && !!ctx.refreshDelta)("Delta", ctx.refreshDelta)("TargetListName", (ctx.listRecord == null ? null : ctx.listRecord.Name) ?? null)("SourceLabel", ctx.sourceViewName);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.showLoader && ctx.listRecord ? 10 : -1);
+            i0.ɵɵproperty("Visible", ctx.moveDeltaConfirmVisible && !!ctx.moveDelta)("Delta", ctx.moveDelta)("TargetListName", (ctx.listRecord == null ? null : ctx.listRecord.Name) ?? null)("SourceLabel", "Move to " + ((ctx.moveCopySelectedTarget == null ? null : ctx.moveCopySelectedTarget.Name) ?? "target list"));
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showLoader ? 11 : -1);
+            i0.ɵɵconditional(ctx.showMoveCopyDialog ? 14 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(!ctx.showLoader && ctx.listRecord ? 12 : -1);
+            i0.ɵɵconditional(ctx.showRemoveDialog ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showRemoveDialog ? 13 : -1);
+            i0.ɵɵconditional(ctx.showAddRecordsDialog ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAddRecordsDialog ? 14 : -1);
+            i0.ɵɵconditional(ctx.showExportDialog && ctx.listRecord ? 17 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showAddFromViewDialog ? 15 : -1);
-        } }, dependencies: [i2.MJProgressBarComponent, i3.LoadingComponent, i4.ListDetailGridComponent, i2.MJButtonDirective, i2.MJDialogComponent, i2.MJDialogActionsComponent], styles: [".list-detail-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 20px;\n  background: var(--mj-bg-surface-card);\n}\n\n.list-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 16px;\n  flex-shrink: 0;\n}\n\n.list-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n\n\n.custom-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-bottom: none;\n  border-radius: 8px 8px 0 0;\n  flex-shrink: 0;\n}\n\n.toolbar-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.toolbar-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.row-count[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.selection-count[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.toolbar-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n\n.toolbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.remove-btn[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  min-height: 200px;\n}\n\n.grid-container[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0 0 8px 8px;\n  overflow: hidden;\n}\n\n\n\n.add-dropdown-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.add-btn[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding: 8px 25px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.add-dropdown-arrow[_ngcontent-%COMP%] {\n  font-size: 12px;\n  margin-left: 4px;\n}\n\n.add-dropdown-panel[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 4px;\n  min-width: 240px;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  z-index: 100;\n  overflow: hidden;\n}\n\n.add-dropdown-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.add-dropdown-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-dropdown-item-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.add-dropdown-item-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n\n\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  padding: 8px 0;\n}\n\n.dialog-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  gap: 20px;\n}\n\n.dialog-message[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 20px;\n}\n\n.warning-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-status-warning);\n  margin-bottom: 16px;\n  display: block;\n}\n\n.dialog-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 8px 0;\n  font-size: 15px;\n  color: var(--mj-text-primary);\n}\n\n.dialog-note[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary) !important;\n  font-size: 13px !important;\n}\n\n.progress-bar[_ngcontent-%COMP%] {\n  width: 100%;\n  max-width: 300px;\n}\n\n\n\n\n\n\n.add-records-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.search-section[_ngcontent-%COMP%] {\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 12px;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 10px;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .search-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.search-hint[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  margin-top: 6px;\n}\n\n.records-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.list-loading[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 40px;\n}\n\n.empty-results[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  color: var(--mj-border-strong);\n}\n\n.empty-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n.selection-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 8px;\n}\n\n.selection-info[_ngcontent-%COMP%] {\n  margin-left: auto;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.records-scroll[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  max-height: 280px;\n}\n\n.record-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.record-item[_ngcontent-%COMP%]:hover:not(.in-list) {\n  background: var(--mj-bg-surface-card);\n}\n\n.record-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.record-item.in-list[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  cursor: default;\n  opacity: 0.7;\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.record-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.in-list-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  font-size: 14px;\n}\n\n.record-name[_ngcontent-%COMP%] {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n.in-list-badge[_ngcontent-%COMP%] {\n  font-size: 11px;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  border-radius: 10px;\n  font-weight: 500;\n}\n\n\n\n\n\n\n.dialog-instruction[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.views-list[_ngcontent-%COMP%] {\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.view-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.view-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.view-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.view-item[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.view-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.view-name[_ngcontent-%COMP%] {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}"] });
+            i0.ɵɵconditional(ctx.showAddFromViewDialog ? 18 : -1);
+        } }, dependencies: [i4.NgSelectOption, i4.ɵNgSelectMultipleOption, i4.DefaultValueAccessor, i4.CheckboxControlValueAccessor, i4.SelectControlValueAccessor, i4.RadioControlValueAccessor, i4.NgControlStatus, i4.NgModel, i5.MJProgressBarComponent, i6.LoadingComponent, i7.ListDetailGridComponent, i3.ListDeltaConfirmComponent, i3.ListStatsComponent, i3.TagChipsComponent, i5.MJButtonDirective, i5.MJDialogComponent, i5.MJDialogActionsComponent, i8.DatePipe], styles: [".list-detail-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 20px;\n  background: var(--mj-bg-surface-card);\n}\n\n.list-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 16px;\n  flex-shrink: 0;\n  gap: 16px;\n}\n\n.list-header__titleblock[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.list-header[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.lineage-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 3px 10px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n  width: fit-content;\n}\n\n.lineage-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.lineage-badge__refreshed[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n}\n\n.refresh-mode-select[_ngcontent-%COMP%] {\n  min-width: 100px;\n  font-size: 13px;\n}\n\n.bulk-status-select[_ngcontent-%COMP%] {\n  min-width: 130px;\n  font-size: 13px;\n}\n\n\n\n\n\n.permission-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.permission-badge--viewer[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n\n\n.list-detail__tags[_ngcontent-%COMP%] {\n  margin-top: 8px;\n}\n\n\n\n\n.grid-with-stats[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 280px;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n}\n\n.list-detail__stats[_ngcontent-%COMP%] {\n  min-width: 0;\n  overflow-y: auto;\n}\n\n@media (max-width: 900px) {\n  .grid-with-stats[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n  .list-detail__stats[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n.custom-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-bottom: none;\n  border-radius: 8px 8px 0 0;\n  flex-shrink: 0;\n}\n\n.toolbar-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.toolbar-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.row-count[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.selection-count[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.toolbar-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n\n.toolbar-button[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n\n.remove-btn[_ngcontent-%COMP%] {\n  color: var(--mj-status-error);\n}\n\n.loading-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  min-height: 200px;\n}\n\n.grid-container[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0 0 8px 8px;\n  overflow: hidden;\n}\n\n\n\n.add-dropdown-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.add-btn[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding: 8px 25px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.add-dropdown-arrow[_ngcontent-%COMP%] {\n  font-size: 12px;\n  margin-left: 4px;\n}\n\n.add-dropdown-panel[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 4px;\n  min-width: 240px;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  z-index: 100;\n  overflow: hidden;\n}\n\n.add-dropdown-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.add-dropdown-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-dropdown-item-text[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.add-dropdown-item-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n\n\n\n\n\n.dialog-content[_ngcontent-%COMP%] {\n  padding: 8px 0;\n}\n\n.dialog-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  gap: 20px;\n}\n\n.dialog-message[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 20px;\n}\n\n.warning-icon[_ngcontent-%COMP%] {\n  font-size: 48px;\n  color: var(--mj-status-warning);\n  margin-bottom: 16px;\n  display: block;\n}\n\n.dialog-message[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 8px 0;\n  font-size: 15px;\n  color: var(--mj-text-primary);\n}\n\n.dialog-note[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary) !important;\n  font-size: 13px !important;\n}\n\n.progress-bar[_ngcontent-%COMP%] {\n  width: 100%;\n  max-width: 300px;\n}\n\n\n\n\n\n\n.add-records-dialog[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.search-section[_ngcontent-%COMP%] {\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 12px;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .search-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 10px;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.search-input-wrapper[_ngcontent-%COMP%]   .search-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.search-hint[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  margin-top: 6px;\n}\n\n.records-list[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.list-loading[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 40px;\n}\n\n.empty-results[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 32px;\n  margin-bottom: 12px;\n  color: var(--mj-border-strong);\n}\n\n.empty-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n}\n\n.selection-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 8px;\n}\n\n.selection-info[_ngcontent-%COMP%] {\n  margin-left: auto;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.records-scroll[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  max-height: 280px;\n}\n\n.record-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.record-item[_ngcontent-%COMP%]:hover:not(.in-list) {\n  background: var(--mj-bg-surface-card);\n}\n\n.record-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.record-item.in-list[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  cursor: default;\n  opacity: 0.7;\n}\n\n.record-checkbox[_ngcontent-%COMP%] {\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.record-checkbox[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.in-list-icon[_ngcontent-%COMP%] {\n  color: var(--mj-status-success);\n  font-size: 14px;\n}\n\n.record-name[_ngcontent-%COMP%] {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n.in-list-badge[_ngcontent-%COMP%] {\n  font-size: 11px;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  border-radius: 10px;\n  font-weight: 500;\n}\n\n\n\n\n\n\n.dialog-instruction[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.views-list[_ngcontent-%COMP%] {\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.view-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.view-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.view-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.view-item[_ngcontent-%COMP%]   input[type=\"checkbox\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.view-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.view-name[_ngcontent-%COMP%] {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n\n\n.export-dialog[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 8px; }\n.export-section-label[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n  margin-bottom: 8px;\n}\n.export-format-row[_ngcontent-%COMP%] { display: flex; gap: 8px; }\n.export-format-option[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n}\n.export-format-option--selected[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n}\n.export-format-option[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] { margin: 0; }\n.export-section-divider[_ngcontent-%COMP%] {\n  height: 1px;\n  background: var(--mj-border-default);\n  margin: 16px 0;\n}\n.export-fields-list[_ngcontent-%COMP%] {\n  max-height: 280px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n}\n.export-field-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 13px;\n  cursor: pointer;\n}\n.export-field-row[_ngcontent-%COMP%]:last-child { border-bottom: none; }\n.export-field-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n.export-field-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  margin-top: 8px;\n  align-items: center;\n  font-size: 11.5px;\n}\n.export-field-actions[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] { color: var(--mj-text-link); }\n.export-field-actions[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {\n  margin-left: auto;\n  color: var(--mj-text-muted);\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SingleListDetailComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-list-detail', template: "<div class=\"list-detail-container\">\n  <!-- Header with title and Add button -->\n  <div class=\"list-header\">\n    <h1>{{ listRecord ? listRecord.Name : \"List\" }}</h1>\n    <div class=\"add-dropdown-wrapper\">\n      <button mjButton variant=\"primary\" class=\"add-btn\" (click)=\"toggleAddDropdown()\">\n        <span class=\"fa-solid fa-plus\"></span>\n        Add to List\n        <span class=\"fa-solid fa-chevron-down add-dropdown-arrow\"></span>\n      </button>\n      @if (showAddDropdown) {\n        <div class=\"add-dropdown-panel\">\n          @for (option of addOptions; track option.Text) {\n            <div class=\"add-dropdown-item\" (click)=\"onDropdownItemClick(option)\">\n              <span class=\"add-dropdown-item-text\">{{ option.Text }}</span>\n              @if (option.Description) {\n                <span class=\"add-dropdown-item-desc\">{{ option.Description }}</span>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Custom Toolbar -->\n  @if (!showLoader && listRecord) {\n    <div class=\"custom-toolbar\">\n      <div class=\"toolbar-left\">\n        <span class=\"row-count\">{{ rowCount }} row{{ rowCount !== 1 ? 's' : '' }}</span>\n        @if (selectedKeys.length > 0) {\n          <span class=\"selection-count\">({{ selectedKeys.length }} selected)</span>\n        }\n      </div>\n      <div class=\"toolbar-right\">\n        @if (selectedKeys.length > 0) {\n          <button mjButton\n            (click)=\"openRemoveDialog()\"\n            variant=\"flat\"\n            class=\"toolbar-button remove-btn\">\n            <span class=\"fa-solid fa-trash\"></span>\n            Remove from List\n          </button>\n        }\n        <button mjButton\n          (click)=\"onRefreshClick()\"\n          variant=\"flat\"\n          class=\"toolbar-button\">\n          <span class=\"fa-solid fa-rotate\"></span>\n          Refresh\n        </button>\n        <button mjButton\n          (click)=\"onExportClick()\"\n          variant=\"flat\"\n          class=\"toolbar-button\">\n          <span class=\"fa-solid fa-file-export\"></span>\n          Export\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Loading State -->\n  @if (showLoader) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading list...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Grid -->\n  @if (!showLoader && listRecord) {\n    <div class=\"grid-container\">\n      <mj-list-detail-grid\n        #listDetailGrid\n        [listId]=\"ListID\"\n        [listEntity]=\"listRecord\"\n        [autoNavigate]=\"true\"\n        [height]=\"'auto'\"\n        [showToolbar]=\"false\"\n        [toolbarConfig]=\"gridToolbarConfig\"\n        [selectionMode]=\"'checkbox'\"\n        (rowClicked)=\"onRowClicked($event)\"\n        (rowDoubleClicked)=\"onRowDoubleClicked($event)\"\n        (selectionChange)=\"onSelectionChange($event)\"\n        (dataLoaded)=\"onDataLoaded($event)\">\n      </mj-list-detail-grid>\n    </div>\n  }\n</div>\n\n<!-- Remove from List Confirmation Dialog -->\n@if (showRemoveDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    Title=\"Remove from List\"\n    (Close)=\"closeRemoveDialog()\"\n    [MinWidth]=\"350\"\n    [Width]=\"450\">\n    <div class=\"dialog-content\">\n      @if (isRemoving) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Removing records...\" size=\"small\"></mj-loading>\n          @if (removeTotal > 0) {\n            <mj-progress-bar\n              [Value]=\"removeProgressPercent\"\n              class=\"progress-bar\">\n            </mj-progress-bar>\n          }\n        </div>\n      } @else {\n        <div class=\"dialog-message\">\n          <span class=\"fa-solid fa-triangle-exclamation warning-icon\"></span>\n          <p>Are you sure you want to remove <strong>{{ selectedKeys.length }}</strong> record{{ selectedKeys.length !== 1 ? 's' : '' }} from this list?</p>\n          <p class=\"dialog-note\">This will not delete the records, only remove them from this list.</p>\n        </div>\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmRemoveFromList()\"\n        [disabled]=\"isRemoving\"\n        variant=\"danger\">\n        Remove\n      </button>\n      <button mjButton\n        (click)=\"closeRemoveDialog()\"\n        [disabled]=\"isRemoving\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- Add Records Dialog -->\n@if (showAddRecordsDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"'Add ' + (listRecord?.Entity || 'Records') + ' to List'\"\n    (Close)=\"closeAddRecordsDialog()\"\n    [MinWidth]=\"500\"\n    [Width]=\"700\"\n    [Height]=\"650\">\n    <div class=\"dialog-content add-records-dialog\">\n      @if (addDialogSaving) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Adding records to list...\" size=\"small\"></mj-loading>\n          @if (addTotal > 0) {\n            <mj-progress-bar\n              [Value]=\"addProgressPercent\"\n              class=\"progress-bar\">\n            </mj-progress-bar>\n          }\n        </div>\n      } @else {\n        <!-- Search Input -->\n        <div class=\"search-section\">\n          <div class=\"search-input-wrapper\">\n            <span class=\"fa-solid fa-search search-icon\"></span>\n            <input\n              class=\"mj-input search-input\"\n              type=\"text\"\n              [placeholder]=\"'Search ' + (listRecord?.Entity || 'records') + '...'\"\n              [value]=\"addRecordsSearchFilter\"\n              (input)=\"onAddRecordsSearchInputEvent($event)\" />\n          </div>\n          <span class=\"search-hint\">Type at least 2 characters to search</span>\n        </div>\n        <!-- Records List -->\n        <div class=\"records-list\">\n          @if (addDialogLoading) {\n            <div class=\"list-loading\">\n              <mj-loading [showText]=\"false\" size=\"small\"></mj-loading>\n            </div>\n          } @else if (addableRecords.length === 0 && addRecordsSearchFilter.length >= 2) {\n            <div class=\"empty-results\">\n              <span class=\"fa-solid fa-search empty-icon\"></span>\n              <p>No records found matching \"{{ addRecordsSearchFilter }}\"</p>\n            </div>\n          } @else if (addableRecords.length === 0) {\n            <div class=\"empty-results\">\n              <span class=\"fa-solid fa-list empty-icon\"></span>\n              <p>Search for records to add to this list</p>\n            </div>\n          } @else {\n            <!-- Selection controls -->\n            <div class=\"selection-controls\">\n              <button mjButton variant=\"flat\" size=\"sm\" (click)=\"selectAllAddable()\">Select All</button>\n              <button mjButton variant=\"flat\" size=\"sm\" (click)=\"deselectAllAddable()\">Deselect All</button>\n              <span class=\"selection-info\">{{ selectedAddableRecords.length }} selected</span>\n            </div>\n            <!-- Records -->\n            <div class=\"records-scroll\">\n              @for (record of addableRecords; track record.ID) {\n                <div class=\"record-item\"\n                  [class.in-list]=\"record.isInList\"\n                  [class.selected]=\"record.isSelected\"\n                  (click)=\"toggleRecordSelection(record)\">\n                  <div class=\"record-checkbox\">\n                    @if (record.isInList) {\n                      <span class=\"fa-solid fa-check in-list-icon\" title=\"Already in list\"></span>\n                    } @else {\n                      <input type=\"checkbox\"\n                        [checked]=\"record.isSelected\"\n                        (click)=\"$event.stopPropagation()\"\n                        (change)=\"toggleRecordSelection(record)\">\n                    }\n                  </div>\n                  <div class=\"record-name\">{{ record.Name }}</div>\n                  @if (record.isInList) {\n                    <span class=\"in-list-badge\">In List</span>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmAddRecords()\"\n        [disabled]=\"addDialogSaving || selectedAddableRecords.length === 0\"\n        variant=\"primary\">\n        Add {{ selectedAddableRecords.length > 0 ? selectedAddableRecords.length : '' }} Record{{ selectedAddableRecords.length !== 1 ? 's' : '' }}\n      </button>\n      <button mjButton\n        (click)=\"closeAddRecordsDialog()\"\n        [disabled]=\"addDialogSaving\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- Add From View Dialog -->\n@if (showAddFromViewDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    Title=\"Add Records from Views\"\n    (Close)=\"closeAddFromViewDialog()\"\n    [MinWidth]=\"400\"\n    [Width]=\"600\"\n    [Height]=\"500\">\n    <div class=\"dialog-content\">\n      @if (showAddFromViewLoader && fetchingRecordsToSave) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Loading records from views...\" size=\"small\"></mj-loading>\n        </div>\n      } @else if (showAddFromViewLoader && addFromViewTotal > 0) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Adding records to list...\" size=\"small\"></mj-loading>\n          <mj-progress-bar\n            [Value]=\"addFromViewProgressPercent\"\n            class=\"progress-bar\">\n          </mj-progress-bar>\n        </div>\n      } @else if (showAddFromViewLoader) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Loading views...\" size=\"small\"></mj-loading>\n        </div>\n      } @else {\n        <p class=\"dialog-instruction\">Select views to add their records to this list:</p>\n        <div class=\"views-list\">\n          @if (!userViews || userViews.length === 0) {\n            <div class=\"empty-results\">\n              <span class=\"fa-solid fa-folder-open empty-icon\"></span>\n              <p>No saved views found for this entity</p>\n            </div>\n          } @else {\n            @for (view of userViews; track view.ID) {\n              <div class=\"view-item\"\n                [class.selected]=\"isViewSelected(view)\"\n                (click)=\"toggleViewSelection(view)\">\n                <input type=\"checkbox\"\n                  [checked]=\"isViewSelected(view)\"\n                  (click)=\"$event.stopPropagation()\"\n                  (change)=\"toggleViewSelection(view)\">\n                <span class=\"fa-solid fa-table-list view-icon\"></span>\n                <span class=\"view-name\">{{ view.Name }}</span>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmAddFromView()\"\n        [disabled]=\"showAddFromViewLoader || userViewsToAdd.length === 0\"\n        variant=\"primary\">\n        Add from {{ userViewsToAdd.length }} View{{ userViewsToAdd.length !== 1 ? 's' : '' }}\n      </button>\n      <button mjButton\n        (click)=\"closeAddFromViewDialog()\"\n        [disabled]=\"showAddFromViewLoader\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".list-detail-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 20px;\n  background: var(--mj-bg-surface-card);\n}\n\n.list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 16px;\n  flex-shrink: 0;\n}\n\n.list-header h1 {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n/* Custom Toolbar */\n.custom-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-bottom: none;\n  border-radius: 8px 8px 0 0;\n  flex-shrink: 0;\n}\n\n.toolbar-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.toolbar-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.row-count {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.selection-count {\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.toolbar-button {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n\n.toolbar-button span {\n  font-size: 14px;\n}\n\n.remove-btn {\n  color: var(--mj-status-error);\n}\n\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  min-height: 200px;\n}\n\n.grid-container {\n  flex: 1;\n  min-height: 0;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0 0 8px 8px;\n  overflow: hidden;\n}\n\n/* Add Dropdown Button */\n.add-dropdown-wrapper {\n  position: relative;\n}\n\n.add-btn {\n  font-size: 16px;\n  padding: 8px 25px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.add-dropdown-arrow {\n  font-size: 12px;\n  margin-left: 4px;\n}\n\n.add-dropdown-panel {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 4px;\n  min-width: 240px;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  z-index: 100;\n  overflow: hidden;\n}\n\n.add-dropdown-item {\n  display: flex;\n  flex-direction: column;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.add-dropdown-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-dropdown-item-text {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.add-dropdown-item-desc {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n/* ==========================================\n   Dialog Styles\n   ========================================== */\n\n.dialog-content {\n  padding: 8px 0;\n}\n\n.dialog-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  gap: 20px;\n}\n\n.dialog-message {\n  text-align: center;\n  padding: 20px;\n}\n\n.warning-icon {\n  font-size: 48px;\n  color: var(--mj-status-warning);\n  margin-bottom: 16px;\n  display: block;\n}\n\n.dialog-message p {\n  margin: 8px 0;\n  font-size: 15px;\n  color: var(--mj-text-primary);\n}\n\n.dialog-note {\n  color: var(--mj-text-secondary) !important;\n  font-size: 13px !important;\n}\n\n.progress-bar {\n  width: 100%;\n  max-width: 300px;\n}\n\n/* ==========================================\n   Add Records Dialog\n   ========================================== */\n\n.add-records-dialog {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.search-section {\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 12px;\n}\n\n.search-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper .search-icon {\n  position: absolute;\n  left: 10px;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.search-input-wrapper .search-input {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.search-hint {\n  display: block;\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  margin-top: 6px;\n}\n\n.records-list {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.list-loading {\n  display: flex;\n  justify-content: center;\n  padding: 40px;\n}\n\n.empty-results {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-icon {\n  font-size: 32px;\n  margin-bottom: 12px;\n  color: var(--mj-border-strong);\n}\n\n.empty-results p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.selection-controls {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 8px;\n}\n\n.selection-info {\n  margin-left: auto;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.records-scroll {\n  flex: 1;\n  overflow-y: auto;\n  max-height: 280px;\n}\n\n.record-item {\n  display: flex;\n  align-items: center;\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.record-item:hover:not(.in-list) {\n  background: var(--mj-bg-surface-card);\n}\n\n.record-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.record-item.in-list {\n  background: var(--mj-bg-surface-card);\n  cursor: default;\n  opacity: 0.7;\n}\n\n.record-checkbox {\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.record-checkbox input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.in-list-icon {\n  color: var(--mj-status-success);\n  font-size: 14px;\n}\n\n.record-name {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n.in-list-badge {\n  font-size: 11px;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  border-radius: 10px;\n  font-weight: 500;\n}\n\n/* ==========================================\n   Add From View Dialog\n   ========================================== */\n\n.dialog-instruction {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.views-list {\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.view-item {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.view-item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.view-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.view-item input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.view-icon {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.view-name {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n"] }]
-    }], () => [{ type: i1.SharedService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { ListID: [{
+        args: [{ standalone: false, selector: 'mj-list-detail', template: "<div class=\"list-detail-container\">\n  <!-- Header with title and Add button -->\n  <div class=\"list-header\">\n    <div class=\"list-header__titleblock\">\n      @if (listRecord) {\n        <h1>{{ listRecord.Name }}</h1>\n      } @else {\n        <h1>List</h1>\n      }\n      @if (hasLineage) {\n        <div class=\"lineage-badge\" [title]=\"'Source view: ' + (sourceViewName ?? 'unknown')\">\n          <i class=\"fa-solid fa-link\"></i>\n          <span>\n            @if (listRecord?.UseSnapshot) {\n              Snapshot of: <strong>{{ sourceViewName ?? '(unknown view)' }}</strong>\n            } @else {\n              Live view: <strong>{{ sourceViewName ?? '(unknown view)' }}</strong>\n            }\n          </span>\n          @if (listRecord?.LastRefreshedAt) {\n            <span class=\"lineage-badge__refreshed\">\n              \u00B7 last refreshed {{ listRecord!.LastRefreshedAt | date:'medium' }}\n            </span>\n          }\n        </div>\n      }\n      @if (listRecord) {\n        <!-- Tags section (Phase 4.2). Editable on the detail view. -->\n        <div class=\"list-detail__tags\">\n          <mj-tag-chips\n            [Provider]=\"Provider\"\n            EntityName=\"MJ: Lists\"\n            [RecordID]=\"listRecord.ID\"\n            [Editable]=\"capabilities.CanEdit\"\n            [MaxDisplay]=\"20\">\n          </mj-tag-chips>\n        </div>\n      }\n    </div>\n    @if (capabilities.CanEdit) {\n      <div class=\"add-dropdown-wrapper\">\n        <button mjButton variant=\"primary\" class=\"add-btn\" (click)=\"toggleAddDropdown()\">\n          <span class=\"fa-solid fa-plus\"></span>\n          Add to List\n          <span class=\"fa-solid fa-chevron-down add-dropdown-arrow\"></span>\n        </button>\n        @if (showAddDropdown) {\n          <div class=\"add-dropdown-panel\">\n            @for (option of addOptions; track option.Text) {\n              <div class=\"add-dropdown-item\" (click)=\"onDropdownItemClick(option)\">\n                <span class=\"add-dropdown-item-text\">{{ option.Text }}</span>\n                @if (option.Description) {\n                  <span class=\"add-dropdown-item-desc\">{{ option.Description }}</span>\n                }\n              </div>\n            }\n          </div>\n        }\n      </div>\n    } @else if (currentLevel) {\n      <!-- Viewer-perspective badge so users understand why mutation\n           controls are absent. Mirrors mockup 19. -->\n      <span class=\"permission-badge permission-badge--viewer\">\n        <i class=\"fa-solid fa-eye\"></i>\n        Viewer access\n      </span>\n    }\n  </div>\n\n  <!-- Custom Toolbar -->\n  @if (!showLoader && listRecord) {\n    <div class=\"custom-toolbar\">\n      <div class=\"toolbar-left\">\n        <span class=\"row-count\">{{ rowCount }} row{{ rowCount !== 1 ? 's' : '' }}</span>\n        @if (selectedKeys.length > 0) {\n          <span class=\"selection-count\">({{ selectedKeys.length }} selected)</span>\n        }\n      </div>\n      <div class=\"toolbar-right\">\n        @if (selectedKeys.length > 0 && capabilities.CanEdit) {\n          <!-- Bulk-edit toolbar (Phase 5.2, mockups 23/24).\n               Move/Copy open the target-list picker. Move then routes\n               through the delta-confirm dialog because the source side\n               drops; Copy is additive and applies directly. -->\n          <button mjButton\n            (click)=\"openMoveDialog()\"\n            variant=\"flat\"\n            class=\"toolbar-button\"\n            title=\"Move selected records to another list\">\n            <span class=\"fa-solid fa-arrow-right-arrow-left\"></span>\n            Move\u2026\n          </button>\n          <button mjButton\n            (click)=\"openCopyDialog()\"\n            variant=\"flat\"\n            class=\"toolbar-button\"\n            title=\"Copy selected records to another list (keeps them here too)\">\n            <span class=\"fa-solid fa-copy\"></span>\n            Copy\u2026\n          </button>\n          <select\n            class=\"mj-input mj-select bulk-status-select\"\n            [(ngModel)]=\"bulkStatus\"\n            [disabled]=\"isApplyingBulkStatus\"\n            title=\"Set status on selected items\">\n            <option value=\"\">Set status\u2026</option>\n            <option value=\"Active\">Active</option>\n            <option value=\"Complete\">Complete</option>\n            <option value=\"Pending\">Pending</option>\n            <option value=\"Disabled\">Disabled</option>\n            <option value=\"Rejected\">Rejected</option>\n          </select>\n          <button mjButton\n            (click)=\"applyBulkStatus()\"\n            [disabled]=\"!bulkStatus || isApplyingBulkStatus\"\n            variant=\"flat\"\n            class=\"toolbar-button\">\n            @if (isApplyingBulkStatus) {\n              <span class=\"fa-solid fa-spinner fa-spin\"></span>\n              Applying\u2026\n            } @else {\n              <span class=\"fa-solid fa-pen-to-square\"></span>\n              Apply Status\n            }\n          </button>\n          <button mjButton\n            (click)=\"openRemoveDialog()\"\n            variant=\"flat\"\n            class=\"toolbar-button remove-btn\">\n            <span class=\"fa-solid fa-trash\"></span>\n            Remove from List\n          </button>\n        }\n        @if (hasLineage && capabilities.CanRefresh) {\n          <select\n            class=\"mj-input mj-select refresh-mode-select\"\n            [ngModel]=\"refreshMode\"\n            (ngModelChange)=\"onRefreshModeChange($event)\"\n            [disabled]=\"isPreviewingRefresh || isApplyingRefresh\"\n            title=\"Refresh mode\">\n            <option value=\"Additive\">Additive</option>\n            <option value=\"Sync\">Sync</option>\n          </select>\n          <button mjButton\n            (click)=\"onRefreshFromSource()\"\n            [disabled]=\"isPreviewingRefresh || isApplyingRefresh\"\n            variant=\"flat\"\n            class=\"toolbar-button\">\n            @if (isPreviewingRefresh) {\n              <span class=\"fa-solid fa-spinner fa-spin\"></span>\n              Previewing...\n            } @else {\n              <span class=\"fa-solid fa-cloud-arrow-down\"></span>\n              Refresh from Source\n            }\n          </button>\n        }\n        <button mjButton\n          (click)=\"onRefreshClick()\"\n          variant=\"flat\"\n          class=\"toolbar-button\">\n          <span class=\"fa-solid fa-rotate\"></span>\n          Refresh\n        </button>\n        <button mjButton\n          (click)=\"onExportClick()\"\n          variant=\"flat\"\n          class=\"toolbar-button\">\n          <span class=\"fa-solid fa-file-export\"></span>\n          Export\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Loading State -->\n  @if (showLoader) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading list...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  <!-- Grid + side stats panel (Phase 5.4). -->\n  @if (!showLoader && listRecord) {\n    <div class=\"grid-with-stats\">\n      <div class=\"grid-container\">\n        <mj-list-detail-grid\n          #listDetailGrid\n          [listId]=\"ListID\"\n          [listEntity]=\"listRecord\"\n          [autoNavigate]=\"true\"\n          [height]=\"'auto'\"\n          [showToolbar]=\"false\"\n          [toolbarConfig]=\"gridToolbarConfig\"\n          [selectionMode]=\"'checkbox'\"\n          (rowClicked)=\"onRowClicked($event)\"\n          (rowDoubleClicked)=\"onRowDoubleClicked($event)\"\n          (selectionChange)=\"onSelectionChange($event)\"\n          (dataLoaded)=\"onDataLoaded($event)\">\n        </mj-list-detail-grid>\n      </div>\n      <aside class=\"list-detail__stats\">\n        <mj-list-stats [Provider]=\"Provider\" [ListID]=\"listRecord.ID\" [RefreshTrigger]=\"statsRefreshTrigger\"></mj-list-stats>\n      </aside>\n    </div>\n  }\n\n  <!-- Refresh-from-source delta-confirm dialog -->\n  <mj-list-delta-confirm\n    [Visible]=\"refreshConfirmVisible && !!refreshDelta\"\n    [Delta]=\"refreshDelta\"\n    [TargetListName]=\"listRecord?.Name ?? null\"\n    [SourceLabel]=\"sourceViewName\"\n    (Confirm)=\"onRefreshConfirmCommit($event)\"\n    (Cancel)=\"onRefreshConfirmCancel()\">\n  </mj-list-delta-confirm>\n\n  <!-- Move delta-confirm dialog (mockup 24). Shown only for Move,\n       never for Copy. Drops on the source side require the user to\n       acknowledge before Confirm enables. -->\n  <mj-list-delta-confirm\n    [Visible]=\"moveDeltaConfirmVisible && !!moveDelta\"\n    [Delta]=\"moveDelta\"\n    [TargetListName]=\"listRecord?.Name ?? null\"\n    [SourceLabel]=\"'Move to ' + (moveCopySelectedTarget?.Name ?? 'target list')\"\n    (Confirm)=\"onMoveConfirmCommit($event)\"\n    (Cancel)=\"onMoveConfirmCancel()\">\n  </mj-list-delta-confirm>\n</div>\n\n<!-- Move/Copy target picker (mockup 23). Lists every list owned by /\n     shared with the current user that targets the same entity. -->\n@if (showMoveCopyDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"(moveCopyMode === 'move' ? 'Move ' : 'Copy ') + selectedKeys.length + ' record' + (selectedKeys.length === 1 ? '' : 's') + ' to\u2026'\"\n    (Close)=\"closeMoveCopyDialog()\"\n    [MinWidth]=\"480\"\n    [Width]=\"640\"\n    [Height]=\"560\">\n    <div class=\"dialog-content move-copy-dialog\">\n      @if (isApplyingMoveCopy) {\n        <div class=\"dialog-loading\">\n          <mj-loading [text]=\"(moveCopyMode === 'move' ? 'Moving' : 'Copying') + ' records...'\" size=\"small\"></mj-loading>\n          @if (moveCopyTotal > 0) {\n            <mj-progress-bar\n              [Value]=\"moveCopyProgressPercent\"\n              class=\"progress-bar\">\n            </mj-progress-bar>\n          }\n        </div>\n      } @else {\n        <p class=\"dialog-instruction\">\n          Choose the target list. Both lists must hold the same entity ({{ listRecord?.Entity ?? 'records' }}).\n        </p>\n        <div class=\"search-section\">\n          <div class=\"search-input-wrapper\">\n            <span class=\"fa-solid fa-search search-icon\"></span>\n            <input\n              class=\"mj-input search-input\"\n              type=\"text\"\n              placeholder=\"Filter lists by name\u2026\"\n              [(ngModel)]=\"moveCopyTargetSearch\" />\n          </div>\n        </div>\n        @if (moveCopyTargetCandidatesLoading) {\n          <div class=\"list-loading\">\n            <mj-loading text=\"Loading lists...\" size=\"small\"></mj-loading>\n          </div>\n        } @else if (filteredMoveCopyTargets.length === 0) {\n          <div class=\"empty-results\">\n            <span class=\"fa-solid fa-list empty-icon\"></span>\n            <p>No other lists found for this entity.</p>\n            <p class=\"dialog-note\">Create a new list first if you need a new target.</p>\n          </div>\n        } @else {\n          <div class=\"records-scroll move-copy-targets\">\n            @for (target of filteredMoveCopyTargets; track target.ID) {\n              <div class=\"record-item\"\n                [class.selected]=\"moveCopySelectedTarget?.ID === target.ID\"\n                (click)=\"selectMoveCopyTarget(target)\">\n                <div class=\"record-checkbox\">\n                  <input type=\"radio\"\n                    name=\"moveCopyTarget\"\n                    [checked]=\"moveCopySelectedTarget?.ID === target.ID\"\n                    (click)=\"$event.stopPropagation()\"\n                    (change)=\"selectMoveCopyTarget(target)\">\n                </div>\n                <div class=\"record-name\">\n                  <strong>{{ target.Name }}</strong>\n                  @if (target.Description) {\n                    <span class=\"target-desc\"> \u2014 {{ target.Description }}</span>\n                  }\n                </div>\n              </div>\n            }\n          </div>\n        }\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmMoveCopy()\"\n        [disabled]=\"!moveCopySelectedTarget || isApplyingMoveCopy\"\n        variant=\"primary\">\n        @if (moveCopyMode === 'move') {\n          <span class=\"fa-solid fa-arrow-right-arrow-left\"></span>\n          Continue\n        } @else {\n          <span class=\"fa-solid fa-copy\"></span>\n          Copy {{ selectedKeys.length }}\n        }\n      </button>\n      <button mjButton\n        (click)=\"closeMoveCopyDialog()\"\n        [disabled]=\"isApplyingMoveCopy\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- Remove from List Confirmation Dialog -->\n@if (showRemoveDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    Title=\"Remove from List\"\n    (Close)=\"closeRemoveDialog()\"\n    [MinWidth]=\"350\"\n    [Width]=\"450\">\n    <div class=\"dialog-content\">\n      @if (isRemoving) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Removing records...\" size=\"small\"></mj-loading>\n          @if (removeTotal > 0) {\n            <mj-progress-bar\n              [Value]=\"removeProgressPercent\"\n              class=\"progress-bar\">\n            </mj-progress-bar>\n          }\n        </div>\n      } @else {\n        <div class=\"dialog-message\">\n          <span class=\"fa-solid fa-triangle-exclamation warning-icon\"></span>\n          <p>Are you sure you want to remove <strong>{{ selectedKeys.length }}</strong> record{{ selectedKeys.length !== 1 ? 's' : '' }} from this list?</p>\n          <p class=\"dialog-note\">This will not delete the records, only remove them from this list.</p>\n        </div>\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmRemoveFromList()\"\n        [disabled]=\"isRemoving\"\n        variant=\"danger\">\n        Remove\n      </button>\n      <button mjButton\n        (click)=\"closeRemoveDialog()\"\n        [disabled]=\"isRemoving\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- Add Records Dialog -->\n@if (showAddRecordsDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"'Add ' + (listRecord?.Entity || 'Records') + ' to List'\"\n    (Close)=\"closeAddRecordsDialog()\"\n    [MinWidth]=\"500\"\n    [Width]=\"700\"\n    [Height]=\"650\">\n    <div class=\"dialog-content add-records-dialog\">\n      @if (addDialogSaving) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Adding records to list...\" size=\"small\"></mj-loading>\n          @if (addTotal > 0) {\n            <mj-progress-bar\n              [Value]=\"addProgressPercent\"\n              class=\"progress-bar\">\n            </mj-progress-bar>\n          }\n        </div>\n      } @else {\n        <!-- Search Input -->\n        <div class=\"search-section\">\n          <div class=\"search-input-wrapper\">\n            <span class=\"fa-solid fa-search search-icon\"></span>\n            <input\n              class=\"mj-input search-input\"\n              type=\"text\"\n              [placeholder]=\"'Search ' + (listRecord?.Entity || 'records') + '...'\"\n              [value]=\"addRecordsSearchFilter\"\n              (input)=\"onAddRecordsSearchInputEvent($event)\" />\n          </div>\n          <span class=\"search-hint\">Type at least 2 characters to search</span>\n        </div>\n        <!-- Records List -->\n        <div class=\"records-list\">\n          @if (addDialogLoading) {\n            <div class=\"list-loading\">\n              <mj-loading [showText]=\"false\" size=\"small\"></mj-loading>\n            </div>\n          } @else if (addableRecords.length === 0 && addRecordsSearchFilter.length >= 2) {\n            <div class=\"empty-results\">\n              <span class=\"fa-solid fa-search empty-icon\"></span>\n              <p>No records found matching \"{{ addRecordsSearchFilter }}\"</p>\n            </div>\n          } @else if (addableRecords.length === 0) {\n            <div class=\"empty-results\">\n              <span class=\"fa-solid fa-list empty-icon\"></span>\n              <p>Search for records to add to this list</p>\n            </div>\n          } @else {\n            <!-- Selection controls -->\n            <div class=\"selection-controls\">\n              <button mjButton variant=\"flat\" size=\"sm\" (click)=\"selectAllAddable()\">Select All</button>\n              <button mjButton variant=\"flat\" size=\"sm\" (click)=\"deselectAllAddable()\">Deselect All</button>\n              <span class=\"selection-info\">{{ selectedAddableRecords.length }} selected</span>\n            </div>\n            <!-- Records -->\n            <div class=\"records-scroll\">\n              @for (record of addableRecords; track record.ID) {\n                <div class=\"record-item\"\n                  [class.in-list]=\"record.isInList\"\n                  [class.selected]=\"record.isSelected\"\n                  (click)=\"toggleRecordSelection(record)\">\n                  <div class=\"record-checkbox\">\n                    @if (record.isInList) {\n                      <span class=\"fa-solid fa-check in-list-icon\" title=\"Already in list\"></span>\n                    } @else {\n                      <input type=\"checkbox\"\n                        [checked]=\"record.isSelected\"\n                        (click)=\"$event.stopPropagation()\"\n                        (change)=\"toggleRecordSelection(record)\">\n                    }\n                  </div>\n                  <div class=\"record-name\">{{ record.Name }}</div>\n                  @if (record.isInList) {\n                    <span class=\"in-list-badge\">In List</span>\n                  }\n                </div>\n              }\n            </div>\n          }\n        </div>\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmAddRecords()\"\n        [disabled]=\"addDialogSaving || selectedAddableRecords.length === 0\"\n        variant=\"primary\">\n        Add {{ selectedAddableRecords.length > 0 ? selectedAddableRecords.length : '' }} Record{{ selectedAddableRecords.length !== 1 ? 's' : '' }}\n      </button>\n      <button mjButton\n        (click)=\"closeAddRecordsDialog()\"\n        [disabled]=\"addDialogSaving\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- Export Dialog (mockup 26) \u2014 format + column picker -->\n@if (showExportDialog && listRecord) {\n  <mj-dialog\n    [Visible]=\"true\"\n    [Title]=\"'Export ' + exportRecordCount + ' Record' + (exportRecordCount === 1 ? '' : 's')\"\n    (Close)=\"closeExportDialog()\"\n    [MinWidth]=\"520\"\n    [Width]=\"640\"\n    [Height]=\"640\">\n    <div class=\"dialog-content export-dialog\">\n      <label class=\"export-section-label\">Format</label>\n      <div class=\"export-format-row\">\n        <label class=\"export-format-option\"\n          [class.export-format-option--selected]=\"exportFormat === 'excel'\"\n          (click)=\"exportFormat = 'excel'\">\n          <input type=\"radio\" name=\"exportFormat\" value=\"excel\" [(ngModel)]=\"exportFormat\">\n          <i class=\"fa-solid fa-file-excel\" style=\"color: var(--mj-status-success);\"></i>\n          <span>Excel (.xlsx)</span>\n        </label>\n        <label class=\"export-format-option\"\n          [class.export-format-option--selected]=\"exportFormat === 'csv'\"\n          (click)=\"exportFormat = 'csv'\">\n          <input type=\"radio\" name=\"exportFormat\" value=\"csv\" [(ngModel)]=\"exportFormat\">\n          <i class=\"fa-solid fa-file-csv\" style=\"color: var(--mj-text-secondary);\"></i>\n          <span>CSV</span>\n        </label>\n        <label class=\"export-format-option\"\n          [class.export-format-option--selected]=\"exportFormat === 'json'\"\n          (click)=\"exportFormat = 'json'\">\n          <input type=\"radio\" name=\"exportFormat\" value=\"json\" [(ngModel)]=\"exportFormat\">\n          <i class=\"fa-solid fa-file-code\" style=\"color: var(--mj-brand-primary);\"></i>\n          <span>JSON</span>\n        </label>\n      </div>\n\n      <div class=\"export-section-divider\"></div>\n\n      <label class=\"export-section-label\">Columns to include</label>\n      <div class=\"export-fields-list\">\n        @for (f of exportFields; track f.Name) {\n          <label class=\"export-field-row\">\n            <input type=\"checkbox\" [(ngModel)]=\"f.Selected\">\n            <span>{{ f.DisplayName }}</span>\n          </label>\n        }\n      </div>\n      <div class=\"export-field-actions\">\n        <a href=\"#\" (click)=\"selectAllExportFields(); $event.preventDefault()\">Select All</a>\n        <a href=\"#\" (click)=\"selectNoneExportFields(); $event.preventDefault()\">Select None</a>\n        <span class=\"muted\">{{ selectedExportFieldCount }} of {{ exportFields.length }} selected</span>\n      </div>\n    </div>\n    <mj-dialog-actions>\n      <button mjButton variant=\"primary\"\n        [disabled]=\"selectedExportFieldCount === 0 || isExporting\"\n        (click)=\"executeExport()\">\n        @if (isExporting) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i>\n          Exporting\u2026\n        } @else {\n          <i class=\"fa-solid fa-download\"></i>\n          Export {{ exportRecordCount }} Record{{ exportRecordCount === 1 ? '' : 's' }}\n        }\n      </button>\n      <button mjButton variant=\"outline\" [disabled]=\"isExporting\" (click)=\"closeExportDialog()\">Cancel</button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n\n<!-- Add From View Dialog -->\n@if (showAddFromViewDialog) {\n  <mj-dialog\n    [Visible]=\"true\"\n    Title=\"Add Records from Views\"\n    (Close)=\"closeAddFromViewDialog()\"\n    [MinWidth]=\"400\"\n    [Width]=\"600\"\n    [Height]=\"500\">\n    <div class=\"dialog-content\">\n      @if (showAddFromViewLoader && fetchingRecordsToSave) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Loading records from views...\" size=\"small\"></mj-loading>\n        </div>\n      } @else if (showAddFromViewLoader && addFromViewTotal > 0) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Adding records to list...\" size=\"small\"></mj-loading>\n          <mj-progress-bar\n            [Value]=\"addFromViewProgressPercent\"\n            class=\"progress-bar\">\n          </mj-progress-bar>\n        </div>\n      } @else if (showAddFromViewLoader) {\n        <div class=\"dialog-loading\">\n          <mj-loading text=\"Loading views...\" size=\"small\"></mj-loading>\n        </div>\n      } @else {\n        <p class=\"dialog-instruction\">Select views to add their records to this list:</p>\n        <div class=\"views-list\">\n          @if (!userViews || userViews.length === 0) {\n            <div class=\"empty-results\">\n              <span class=\"fa-solid fa-folder-open empty-icon\"></span>\n              <p>No saved views found for this entity</p>\n            </div>\n          } @else {\n            @for (view of userViews; track view.ID) {\n              <div class=\"view-item\"\n                [class.selected]=\"isViewSelected(view)\"\n                (click)=\"toggleViewSelection(view)\">\n                <input type=\"checkbox\"\n                  [checked]=\"isViewSelected(view)\"\n                  (click)=\"$event.stopPropagation()\"\n                  (change)=\"toggleViewSelection(view)\">\n                <span class=\"fa-solid fa-table-list view-icon\"></span>\n                <span class=\"view-name\">{{ view.Name }}</span>\n              </div>\n            }\n          }\n        </div>\n      }\n    </div>\n    <mj-dialog-actions>\n      <button mjButton\n        (click)=\"confirmAddFromView()\"\n        [disabled]=\"showAddFromViewLoader || userViewsToAdd.length === 0\"\n        variant=\"primary\">\n        Add from {{ userViewsToAdd.length }} View{{ userViewsToAdd.length !== 1 ? 's' : '' }}\n      </button>\n      <button mjButton\n        (click)=\"closeAddFromViewDialog()\"\n        [disabled]=\"showAddFromViewLoader\"\n        variant=\"outline\">\n        Cancel\n      </button>\n    </mj-dialog-actions>\n  </mj-dialog>\n}\n", styles: [".list-detail-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  padding: 20px;\n  background: var(--mj-bg-surface-card);\n}\n\n.list-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-bottom: 16px;\n  flex-shrink: 0;\n  gap: 16px;\n}\n\n.list-header__titleblock {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.list-header h1 {\n  margin: 0;\n  font-size: 24px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.lineage-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 3px 10px;\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, var(--mj-border-default));\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n  width: fit-content;\n}\n\n.lineage-badge i {\n  color: var(--mj-brand-primary);\n}\n\n.lineage-badge__refreshed {\n  color: var(--mj-text-muted);\n}\n\n.refresh-mode-select {\n  min-width: 100px;\n  font-size: 13px;\n}\n\n.bulk-status-select {\n  min-width: 130px;\n  font-size: 13px;\n}\n\n/* Viewer-perspective badge (mockup 19) \u2014 surfaced in the header when the\n   user has read-only access so the missing mutation controls don't feel\n   broken. */\n.permission-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 999px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.permission-badge--viewer {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n/* Tags section on the list detail header (Phase 4.2). */\n.list-detail__tags {\n  margin-top: 8px;\n}\n\n/* Grid + side stats two-column layout (Phase 5.4). Stats hides on\n   narrow screens so the grid keeps its breathing room. */\n.grid-with-stats {\n  display: grid;\n  grid-template-columns: 1fr 280px;\n  gap: 16px;\n  flex: 1;\n  min-height: 0;\n}\n\n.list-detail__stats {\n  min-width: 0;\n  overflow-y: auto;\n}\n\n@media (max-width: 900px) {\n  .grid-with-stats {\n    grid-template-columns: 1fr;\n  }\n  .list-detail__stats {\n    display: none;\n  }\n}\n\n/* Custom Toolbar */\n.custom-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-bottom: none;\n  border-radius: 8px 8px 0 0;\n  flex-shrink: 0;\n}\n\n.toolbar-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.toolbar-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.row-count {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.selection-count {\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.toolbar-button {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 13px;\n}\n\n.toolbar-button span {\n  font-size: 14px;\n}\n\n.remove-btn {\n  color: var(--mj-status-error);\n}\n\n.loading-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  min-height: 200px;\n}\n\n.grid-container {\n  flex: 1;\n  min-height: 0;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 0 0 8px 8px;\n  overflow: hidden;\n}\n\n/* Add Dropdown Button */\n.add-dropdown-wrapper {\n  position: relative;\n}\n\n.add-btn {\n  font-size: 16px;\n  padding: 8px 25px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.add-dropdown-arrow {\n  font-size: 12px;\n  margin-left: 4px;\n}\n\n.add-dropdown-panel {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 4px;\n  min-width: 240px;\n  background: var(--mj-bg-surface-elevated);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n  z-index: 100;\n  overflow: hidden;\n}\n\n.add-dropdown-item {\n  display: flex;\n  flex-direction: column;\n  padding: 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n}\n\n.add-dropdown-item:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.add-dropdown-item-text {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--mj-text-primary);\n}\n\n.add-dropdown-item-desc {\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin-top: 2px;\n}\n\n/* ==========================================\n   Dialog Styles\n   ========================================== */\n\n.dialog-content {\n  padding: 8px 0;\n}\n\n.dialog-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px 20px;\n  gap: 20px;\n}\n\n.dialog-message {\n  text-align: center;\n  padding: 20px;\n}\n\n.warning-icon {\n  font-size: 48px;\n  color: var(--mj-status-warning);\n  margin-bottom: 16px;\n  display: block;\n}\n\n.dialog-message p {\n  margin: 8px 0;\n  font-size: 15px;\n  color: var(--mj-text-primary);\n}\n\n.dialog-note {\n  color: var(--mj-text-secondary) !important;\n  font-size: 13px !important;\n}\n\n.progress-bar {\n  width: 100%;\n  max-width: 300px;\n}\n\n/* ==========================================\n   Add Records Dialog\n   ========================================== */\n\n.add-records-dialog {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.search-section {\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 12px;\n}\n\n.search-input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.search-input-wrapper .search-icon {\n  position: absolute;\n  left: 10px;\n  color: var(--mj-text-disabled);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.search-input-wrapper .search-input {\n  width: 100%;\n  padding-left: 32px;\n}\n\n.search-hint {\n  display: block;\n  font-size: 12px;\n  color: var(--mj-text-disabled);\n  margin-top: 6px;\n}\n\n.records-list {\n  flex: 1;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.list-loading {\n  display: flex;\n  justify-content: center;\n  padding: 40px;\n}\n\n.empty-results {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  color: var(--mj-text-disabled);\n}\n\n.empty-icon {\n  font-size: 32px;\n  margin-bottom: 12px;\n  color: var(--mj-border-strong);\n}\n\n.empty-results p {\n  margin: 0;\n  font-size: 14px;\n}\n\n.selection-controls {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--mj-border-default);\n  margin-bottom: 8px;\n}\n\n.selection-info {\n  margin-left: auto;\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n}\n\n.records-scroll {\n  flex: 1;\n  overflow-y: auto;\n  max-height: 280px;\n}\n\n.record-item {\n  display: flex;\n  align-items: center;\n  padding: 10px 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.record-item:hover:not(.in-list) {\n  background: var(--mj-bg-surface-card);\n}\n\n.record-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.record-item.in-list {\n  background: var(--mj-bg-surface-card);\n  cursor: default;\n  opacity: 0.7;\n}\n\n.record-checkbox {\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.record-checkbox input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.in-list-icon {\n  color: var(--mj-status-success);\n  font-size: 14px;\n}\n\n.record-name {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n.in-list-badge {\n  font-size: 11px;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n  color: var(--mj-status-success);\n  border-radius: 10px;\n  font-weight: 500;\n}\n\n/* ==========================================\n   Add From View Dialog\n   ========================================== */\n\n.dialog-instruction {\n  margin: 0 0 16px 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.views-list {\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.view-item {\n  display: flex;\n  align-items: center;\n  padding: 12px;\n  border-radius: 6px;\n  cursor: pointer;\n  transition: background-color 0.15s;\n  gap: 12px;\n}\n\n.view-item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.view-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.view-item input[type=\"checkbox\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.view-icon {\n  color: var(--mj-text-secondary);\n  font-size: 16px;\n}\n\n.view-name {\n  flex: 1;\n  font-size: 14px;\n  color: var(--mj-text-primary);\n}\n\n/* Export dialog (Phase 5.1, mockup 26) */\n.export-dialog { display: flex; flex-direction: column; gap: 8px; }\n.export-section-label {\n  display: block;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--mj-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.4px;\n  margin-bottom: 8px;\n}\n.export-format-row { display: flex; gap: 8px; }\n.export-format-option {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  cursor: pointer;\n  font-size: 13px;\n  background: var(--mj-bg-surface);\n}\n.export-format-option--selected {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n}\n.export-format-option input[type=\"radio\"] { margin: 0; }\n.export-section-divider {\n  height: 1px;\n  background: var(--mj-border-default);\n  margin: 16px 0;\n}\n.export-fields-list {\n  max-height: 280px;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n}\n.export-field-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 13px;\n  cursor: pointer;\n}\n.export-field-row:last-child { border-bottom: none; }\n.export-field-row:hover { background: var(--mj-bg-surface-hover); }\n.export-field-actions {\n  display: flex;\n  gap: 12px;\n  margin-top: 8px;\n  align-items: center;\n  font-size: 11.5px;\n}\n.export-field-actions a { color: var(--mj-text-link); }\n.export-field-actions .muted {\n  margin-left: auto;\n  color: var(--mj-text-muted);\n}\n"] }]
+    }], () => [{ type: i1.SharedService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i2.ExportService }, { type: i3.ListSharingService }], { ListID: [{
             type: Input
         }], listDetailGrid: [{
             type: ViewChild,
@@ -963,5 +2171,5 @@ export class SingleListDetailComponent extends BaseAngularComponent {
             type: HostListener,
             args: ['document:click', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleListDetailComponent, { className: "SingleListDetailComponent", filePath: "src/lib/single-list-detail/single-list-detail.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SingleListDetailComponent, { className: "SingleListDetailComponent", filePath: "src/lib/single-list-detail/single-list-detail.component.ts", lineNumber: 32 }); })();
 //# sourceMappingURL=single-list-detail.component.js.map