@mj-biz-apps/sales-ng 6.8.1 → 6.8.2

package/dist/lib/form-panels/deal-form.panels.js

@@ -371,18 +371,19 @@ const _forTrack0 = ($index, $item) => $item.name;
 const _forTrack1 = ($index, $item) => $item.ID;
 function MJSDealPipelinePanel_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3)(1, "mj-form-field", 9);
+    i0.ɵɵelementStart(0, "div", 9)(1, "mj-form-field", 10);
     i0.ɵɵlistener("Navigate", function MJSDealPipelinePanel_For_3_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const f_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("mjs-field--span", f_r3.span);
+    i0.ɵɵattribute("data-field", f_r3.name);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", ctx_r1.EditMode && ctx_r1.FieldEditable(f_r3.name))("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
 } }
 function MJSDealPipelinePanel_Conditional_8_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 12);
+    i0.ɵɵelementStart(0, "option", 13);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -392,7 +393,7 @@ function MJSDealPipelinePanel_Conditional_8_For_4_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtextInterpolate(s_r5.Name);
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 13);
+    i0.ɵɵelementStart(0, "option", 14);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -402,7 +403,7 @@ function MJSDealPipelinePanel_Conditional_8_Conditional_5_Template(rf, ctx) { if
     i0.ɵɵtextInterpolate(ctx_r1.CurrentStatusName);
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_For_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 12);
+    i0.ɵɵelementStart(0, "option", 13);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -413,12 +414,12 @@ function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_For_7_Te
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 16)(1, "span");
+    i0.ɵɵelementStart(0, "label", 18)(1, "span");
     i0.ɵɵtext(2, "Loss notes ");
     i0.ɵɵelementStart(3, "em");
     i0.ɵɵtext(4, "(required for this reason)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "textarea", 17);
+    i0.ɵɵelementStart(5, "textarea", 24);
     i0.ɵɵtwoWayListener("ngModelChange", function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Conditional_8_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.LossNotes, $event) || (ctx_r1.LossNotes = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -429,18 +430,18 @@ function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Conditio
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 16)(1, "span");
+    i0.ɵɵelementStart(0, "label", 18)(1, "span");
     i0.ɵɵtext(2, "Loss reason");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 21);
+    i0.ɵɵelementStart(3, "select", 23);
     i0.ɵɵtwoWayListener("ngModelChange", function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r1.LossReasonID, $event) || (ctx_r1.LossReasonID = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵlistener("ngModelChange", function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Template_select_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnLossReasonChange()); });
-    i0.ɵɵelementStart(4, "option", 12);
+    i0.ɵɵelementStart(4, "option", 13);
     i0.ɵɵtext(5, "\u2014 choose \u2014");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(6, MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_For_7_Template, 2, 2, "option", 12, _forTrack1);
+    i0.ɵɵrepeaterCreate(6, MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_For_7_Template, 2, 2, "option", 13, _forTrack1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(8, MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Conditional_8_Template, 6, 2, "label", 16);
+    i0.ɵɵconditionalCreate(8, MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Conditional_8_Template, 6, 2, "label", 18);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
@@ -455,21 +456,21 @@ function MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Template
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵconditionalCreate(1, MJSDealPipelinePanel_Conditional_8_Conditional_6_Conditional_1_Template, 9, 4);
-    i0.ɵɵelementStart(2, "label", 16)(3, "span");
+    i0.ɵɵelementStart(2, "label", 18)(3, "span");
     i0.ɵɵtext(4, "Notes ");
     i0.ɵɵelementStart(5, "em");
     i0.ɵɵtext(6, "(optional)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "textarea", 17);
+    i0.ɵɵelementStart(7, "textarea", 19);
     i0.ɵɵtwoWayListener("ngModelChange", function MJSDealPipelinePanel_Conditional_8_Conditional_6_Template_textarea_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.CloseNotes, $event) || (ctx_r1.CloseNotes = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 18)(9, "button", 19);
+    i0.ɵɵelementStart(8, "div", 20)(9, "button", 21);
     i0.ɵɵlistener("click", function MJSDealPipelinePanel_Conditional_8_Conditional_6_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ConfirmClose()); });
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 20);
+    i0.ɵɵelementStart(11, "button", 22);
     i0.ɵɵlistener("click", function MJSDealPipelinePanel_Conditional_8_Conditional_6_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CancelClose()); });
     i0.ɵɵtext(12, "Cancel");
     i0.ɵɵelementEnd()()();
@@ -489,19 +490,19 @@ function MJSDealPipelinePanel_Conditional_8_Conditional_6_Template(rf, ctx) { if
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 14)(1, "label", 16)(2, "span");
+    i0.ɵɵelementStart(0, "div", 16)(1, "label", 18)(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementStart(4, "em");
     i0.ɵɵtext(5, "(optional)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "textarea", 17);
+    i0.ɵɵelementStart(6, "textarea", 25);
     i0.ɵɵtwoWayListener("ngModelChange", function MJSDealPipelinePanel_Conditional_8_Conditional_7_Template_textarea_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.ReopenReason, $event) || (ctx_r1.ReopenReason = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 18)(8, "button", 19);
+    i0.ɵɵelementStart(7, "div", 20)(8, "button", 26);
     i0.ɵɵlistener("click", function MJSDealPipelinePanel_Conditional_8_Conditional_7_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ConfirmReopen()); });
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "button", 20);
+    i0.ɵɵelementStart(10, "button", 22);
     i0.ɵɵlistener("click", function MJSDealPipelinePanel_Conditional_8_Conditional_7_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.CancelReopen()); });
     i0.ɵɵtext(11, "Cancel");
     i0.ɵɵelementEnd()()();
@@ -520,28 +521,28 @@ function MJSDealPipelinePanel_Conditional_8_Conditional_7_Template(rf, ctx) { if
     i0.ɵɵproperty("disabled", ctx_r1.Busy);
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "small", 15);
+    i0.ɵɵelementStart(0, "small", 17);
     i0.ɵɵtext(1, "Closed. Pick an open status to reopen it, or use Reopen on the Close panel.");
     i0.ɵɵelementEnd();
 } }
 function MJSDealPipelinePanel_Conditional_8_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "small", 15);
+    i0.ɵɵelementStart(0, "small", 17);
     i0.ɵɵtext(1, "Open. Pick a closing status to close the deal, or use Close on the Close panel.");
     i0.ɵɵelementEnd();
 } }
 function MJSDealPipelinePanel_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "select", 10);
+    i0.ɵɵelementStart(0, "select", 11);
     i0.ɵɵlistener("ngModelChange", function MJSDealPipelinePanel_Conditional_8_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetStatus($event)); });
-    i0.ɵɵelementStart(1, "option", 11);
+    i0.ɵɵelementStart(1, "option", 12);
     i0.ɵɵtext(2, "\u2014 choose \u2014");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, MJSDealPipelinePanel_Conditional_8_For_4_Template, 2, 2, "option", 12, _forTrack1);
-    i0.ɵɵconditionalCreate(5, MJSDealPipelinePanel_Conditional_8_Conditional_5_Template, 2, 2, "option", 13);
+    i0.ɵɵrepeaterCreate(3, MJSDealPipelinePanel_Conditional_8_For_4_Template, 2, 2, "option", 13, _forTrack1);
+    i0.ɵɵconditionalCreate(5, MJSDealPipelinePanel_Conditional_8_Conditional_5_Template, 2, 2, "option", 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, MJSDealPipelinePanel_Conditional_8_Conditional_6_Template, 13, 6, "div", 14);
-    i0.ɵɵconditionalCreate(7, MJSDealPipelinePanel_Conditional_8_Conditional_7_Template, 12, 6, "div", 14);
-    i0.ɵɵconditionalCreate(8, MJSDealPipelinePanel_Conditional_8_Conditional_8_Template, 2, 0, "small", 15)(9, MJSDealPipelinePanel_Conditional_8_Conditional_9_Template, 2, 0, "small", 15);
+    i0.ɵɵconditionalCreate(6, MJSDealPipelinePanel_Conditional_8_Conditional_6_Template, 13, 6, "div", 15);
+    i0.ɵɵconditionalCreate(7, MJSDealPipelinePanel_Conditional_8_Conditional_7_Template, 12, 6, "div", 16);
+    i0.ɵɵconditionalCreate(8, MJSDealPipelinePanel_Conditional_8_Conditional_8_Template, 2, 0, "small", 17)(9, MJSDealPipelinePanel_Conditional_8_Conditional_9_Template, 2, 0, "small", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("ngModel", ctx_r1.Record.DealStatusTypeID)("compareWith", ctx_r1.CompareStatus)("disabled", !ctx_r1.StatusIsEditable);
@@ -568,7 +569,7 @@ function MJSDealPipelinePanel_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(ctx_r1.CurrentStatusName || "\u2014");
 } }
 function MJSDealPipelinePanel_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵelementStart(0, "div", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -595,6 +596,7 @@ function MJSDealPartyPanel_For_3_Template(rf, ctx) { if (rf & 1) {
     const f_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("mjs-field--span", f_r3.span);
+    i0.ɵɵattribute("data-field", f_r3.name);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", ctx_r1.EditMode && ctx_r1.FieldEditable(f_r3.name))("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
 } }
@@ -639,6 +641,7 @@ function MJSDealCommercialPanel_For_3_Template(rf, ctx) { if (rf & 1) {
     const f_r1 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("mjs-field--span", f_r1.span);
+    i0.ɵɵattribute("data-field", f_r1.name);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.DrawsOwnMoney(f_r1) ? 1 : 2);
 } }
@@ -701,6 +704,7 @@ function MJSDealMotionPanel_For_3_Template(rf, ctx) { if (rf & 1) {
     const f_r3 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("mjs-field--span", f_r3.span);
+    i0.ɵɵattribute("data-field", f_r3.name);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r3.name)("Type", f_r3.type)("EditMode", ctx_r1.EditMode && ctx_r1.FieldEditable(f_r3.name))("FormContext", ctx_r1.FormContext)("LinkType", f_r3.link ?? "None");
 } }
@@ -750,7 +754,7 @@ function MJSDealClosePanel_Conditional_1_Conditional_2_Conditional_4_Conditional
     i0.ɵɵelementStart(3, "em");
     i0.ɵɵtext(4, "(required for this reason)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "textarea", 10);
+    i0.ɵɵelementStart(5, "textarea", 16);
     i0.ɵɵtwoWayListener("ngModelChange", function MJSDealClosePanel_Conditional_1_Conditional_2_Conditional_4_Conditional_8_Template_textarea_ngModelChange_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.LossNotes, $event) || (ctx_r1.LossNotes = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -834,9 +838,9 @@ function MJSDealClosePanel_Conditional_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function MJSDealClosePanel_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵelementStart(0, "button", 18);
     i0.ɵɵlistener("click", function MJSDealClosePanel_Conditional_2_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenReopenPanel()); });
-    i0.ɵɵelement(1, "i", 16);
+    i0.ɵɵelement(1, "i", 19);
     i0.ɵɵtext(2, " Reopen this deal ");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "small", 7);
@@ -845,15 +849,15 @@ function MJSDealClosePanel_Conditional_2_Conditional_1_Template(rf, ctx) { if (r
 } }
 function MJSDealClosePanel_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 4)(1, "label", 9)(2, "span");
+    i0.ɵɵelementStart(0, "div", 17)(1, "label", 9)(2, "span");
     i0.ɵɵtext(3, "Reason ");
     i0.ɵɵelementStart(4, "em");
     i0.ɵɵtext(5, "(optional)");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "textarea", 10);
+    i0.ɵɵelementStart(6, "textarea", 20);
     i0.ɵɵtwoWayListener("ngModelChange", function MJSDealClosePanel_Conditional_2_Conditional_2_Template_textarea_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.ReopenReason, $event) || (ctx_r1.ReopenReason = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 8)(8, "button", 11);
+    i0.ɵɵelementStart(7, "div", 8)(8, "button", 21);
     i0.ɵɵlistener("click", function MJSDealClosePanel_Conditional_2_Conditional_2_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ConfirmReopen()); });
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
@@ -875,7 +879,7 @@ function MJSDealClosePanel_Conditional_2_Conditional_2_Template(rf, ctx) { if (r
 } }
 function MJSDealClosePanel_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵconditionalCreate(1, MJSDealClosePanel_Conditional_2_Conditional_1_Template, 5, 0)(2, MJSDealClosePanel_Conditional_2_Conditional_2_Template, 12, 5, "div", 4);
+    i0.ɵɵconditionalCreate(1, MJSDealClosePanel_Conditional_2_Conditional_1_Template, 5, 0)(2, MJSDealClosePanel_Conditional_2_Conditional_2_Template, 12, 5, "div", 17);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -883,7 +887,7 @@ function MJSDealClosePanel_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵconditional(!ctx_r1.ReopenPanelOpen ? 1 : 2);
 } }
 function MJSDealClosePanel_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
+    i0.ɵɵelementStart(0, "div", 24);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -893,7 +897,7 @@ function MJSDealClosePanel_Conditional_3_Conditional_1_Template(rf, ctx) { if (r
     i0.ɵɵtextInterpolate(ctx_r1.Message);
 } }
 function MJSDealClosePanel_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵelementStart(0, "div", 23);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -903,8 +907,8 @@ function MJSDealClosePanel_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function MJSDealClosePanel_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵconditionalCreate(1, MJSDealClosePanel_Conditional_3_Conditional_1_Template, 2, 3, "div", 17);
-    i0.ɵɵrepeaterCreate(2, MJSDealClosePanel_Conditional_3_For_3_Template, 2, 1, "div", 18, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵconditionalCreate(1, MJSDealClosePanel_Conditional_3_Conditional_1_Template, 2, 3, "div", 22);
+    i0.ɵɵrepeaterCreate(2, MJSDealClosePanel_Conditional_3_For_3_Template, 2, 1, "div", 23, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -915,13 +919,14 @@ function MJSDealClosePanel_Conditional_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function MJSDealClosePanel_For_6_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 20)(1, "mj-form-field", 21);
+    i0.ɵɵelementStart(0, "div", 25)(1, "mj-form-field", 26);
     i0.ɵɵlistener("Navigate", function MJSDealClosePanel_For_6_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.FormComponent.OnFormNavigate($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const f_r13 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("mjs-field--span", f_r13.span);
+    i0.ɵɵattribute("data-field", f_r13.name);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.Record)("ShowLabel", true)("FieldName", f_r13.name)("Type", f_r13.type)("EditMode", ctx_r1.EditMode && ctx_r1.FieldEditable(f_r13.name))("FormContext", ctx_r1.FormContext)("LinkType", f_r13.link ?? "None");
 } }
@@ -2456,9 +2461,9 @@ let MJSDealPipelinePanel = class MJSDealPipelinePanel extends MJSDealFieldPanel
         ];
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵMJSDealPipelinePanel_BaseFactory; return function MJSDealPipelinePanel_Factory(__ngFactoryType__) { return (ɵMJSDealPipelinePanel_BaseFactory || (ɵMJSDealPipelinePanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJSDealPipelinePanel)))(__ngFactoryType__ || MJSDealPipelinePanel); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealPipelinePanel, selectors: [["mjs-deal-pipeline-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 4, consts: [["SectionKey", "pipeline", "SectionName", "Pipeline", "Icon", "fa-solid fa-diagram-project", 3, "Form", "FormContext"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], [1, "mjs-field"], [1, "mj-forms-field"], [1, "mj-forms-field-label"], [1, "mj-forms-field-value"], [1, "mjs-reopen__msg", 3, "is-error"], [1, "mjs-reopen__issue"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"], [3, "ngModelChange", "ngModel", "compareWith", "disabled"], [3, "ngValue", "disabled"], [3, "ngValue"], ["disabled", "", 3, "ngValue"], [1, "mjs-reopen"], [1, "mjs-field__hint"], [1, "mjs-reopen__field"], ["rows", "2", 3, "ngModelChange", "ngModel", "disabled"], [1, "mjs-reopen__row"], ["type", "button", 1, "mjs-reopen__confirm", 3, "click", "disabled"], ["type", "button", 1, "mjs-reopen__cancel", 3, "click", "disabled"], [3, "ngModelChange", "ngModel", "disabled"], [1, "mjs-reopen__msg"]], template: function MJSDealPipelinePanel_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealPipelinePanel, selectors: [["mjs-deal-pipeline-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 13, vars: 4, consts: [["SectionKey", "pipeline", "SectionName", "Pipeline", "Icon", "fa-solid fa-diagram-project", 3, "Form", "FormContext"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], ["data-field", "DealStatusTypeID", 1, "mjs-field"], [1, "mj-forms-field"], [1, "mj-forms-field-label"], [1, "mj-forms-field-value"], [1, "mjs-reopen__msg", 3, "is-error"], [1, "mjs-reopen__issue"], [1, "mjs-field"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"], ["data-testid", "deal-status", 3, "ngModelChange", "ngModel", "compareWith", "disabled"], [3, "ngValue", "disabled"], [3, "ngValue"], ["disabled", "", 3, "ngValue"], ["data-testid", "status-close-panel", 1, "mjs-reopen"], ["data-testid", "status-reopen-panel", 1, "mjs-reopen"], [1, "mjs-field__hint"], [1, "mjs-reopen__field"], ["data-testid", "status-close-notes", "rows", "2", 3, "ngModelChange", "ngModel", "disabled"], [1, "mjs-reopen__row"], ["type", "button", "data-testid", "status-close-confirm", 1, "mjs-reopen__confirm", 3, "click", "disabled"], ["type", "button", 1, "mjs-reopen__cancel", 3, "click", "disabled"], ["data-testid", "status-close-loss-reason", 3, "ngModelChange", "ngModel", "disabled"], ["data-testid", "status-close-loss-notes", "rows", "2", 3, "ngModelChange", "ngModel", "disabled"], ["data-testid", "status-reopen-reason", "rows", "2", 3, "ngModelChange", "ngModel", "disabled"], ["type", "button", "data-testid", "status-reopen-confirm", 1, "mjs-reopen__confirm", 3, "click", "disabled"], [1, "mjs-reopen__msg"]], template: function MJSDealPipelinePanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
-            i0.ɵɵrepeaterCreate(2, MJSDealPipelinePanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵrepeaterCreate(2, MJSDealPipelinePanel_For_3_Template, 2, 10, "div", 2, _forTrack0);
             i0.ɵɵelementStart(4, "div", 3)(5, "div", 4)(6, "label", 5);
             i0.ɵɵtext(7, "Status");
             i0.ɵɵelementEnd();
@@ -2503,7 +2508,7 @@ export { MJSDealPipelinePanel };
             [Form]="FormComponent" [FormContext]="FormContext">
             <div class="mjs-fields">
                 @for (f of Fields; track f.name) {
-                    <div class="mjs-field" [class.mjs-field--span]="f.span">
+                    <div class="mjs-field" [class.mjs-field--span]="f.span" [attr.data-field]="f.name">
                         <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
                             [EditMode]="EditMode && FieldEditable(f.name)" [FormContext]="FormContext" [LinkType]="f.link ?? 'None'"
                             (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
@@ -2516,11 +2521,11 @@ export { MJSDealPipelinePanel };
                      the close running. The deal workspace has never offered them; this brings the form
                      into line with it rather than the other way round. One door, and it is the audited
                      one. -->
-                <div class="mjs-field">
+                <div class="mjs-field" data-field="DealStatusTypeID">
                     <div class="mj-forms-field">
                         <label class="mj-forms-field-label">Status</label>
                         @if (EditMode) {
-                            <select [ngModel]="Record.DealStatusTypeID"
+                            <select [ngModel]="Record.DealStatusTypeID" data-testid="deal-status"
                                     (ngModelChange)="SetStatus($event)"
                                     [compareWith]="CompareStatus"
                                     [disabled]="!StatusIsEditable">
@@ -2540,11 +2545,11 @@ export { MJSDealPipelinePanel };
                                 <!-- golive#205: "Changing Deal Status to Won or Lost should close the
                                      deal properly." Picking it does not WRITE it -- the close has to
                                      run, and a Lost close needs a reason the dropdown cannot carry. -->
-                                <div class="mjs-reopen">
+                                <div class="mjs-reopen" data-testid="status-close-panel">
                                     @if (PendingCloseStatus?.IsLost) {
                                         <label class="mjs-reopen__field">
                                             <span>Loss reason</span>
-                                            <select [(ngModel)]="LossReasonID" (ngModelChange)="OnLossReasonChange()"
+                                            <select data-testid="status-close-loss-reason" [(ngModel)]="LossReasonID" (ngModelChange)="OnLossReasonChange()"
                                                     [disabled]="Busy">
                                                 <option [ngValue]="null">— choose —</option>
                                                 @for (r of LossReasons(); track r.ID) {
@@ -2555,16 +2560,16 @@ export { MJSDealPipelinePanel };
                                         @if (LossReasonRequiresNotes) {
                                             <label class="mjs-reopen__field">
                                                 <span>Loss notes <em>(required for this reason)</em></span>
-                                                <textarea rows="2" [(ngModel)]="LossNotes" [disabled]="Busy"></textarea>
+                                                <textarea data-testid="status-close-loss-notes" rows="2" [(ngModel)]="LossNotes" [disabled]="Busy"></textarea>
                                             </label>
                                         }
                                     }
                                     <label class="mjs-reopen__field">
                                         <span>Notes <em>(optional)</em></span>
-                                        <textarea rows="2" [(ngModel)]="CloseNotes" [disabled]="Busy"></textarea>
+                                        <textarea data-testid="status-close-notes" rows="2" [(ngModel)]="CloseNotes" [disabled]="Busy"></textarea>
                                     </label>
                                     <div class="mjs-reopen__row">
-                                        <button type="button" class="mjs-reopen__confirm"
+                                        <button type="button" class="mjs-reopen__confirm" data-testid="status-close-confirm"
                                                 [disabled]="!CanConfirmClose" (click)="ConfirmClose()">
                                             {{ Busy ? 'Closing\u2026' : 'Close as ' + PendingCloseStatusName }}
                                         </button>
@@ -2585,13 +2590,13 @@ export { MJSDealPipelinePanel };
                                      plan 7.3 requires undoing a lock to be explainable, and an
                                      unexplained reopen in the audit trail is what that rule is against.
                                      Not prompting is not the same as not recording. -->
-                                <div class="mjs-reopen">
+                                <div class="mjs-reopen" data-testid="status-reopen-panel">
                                     <label class="mjs-reopen__field">
                                         <span>Reopen as {{ PendingReopenStatusName }} — reason <em>(optional)</em></span>
-                                        <textarea rows="2" [(ngModel)]="ReopenReason" [disabled]="Busy"></textarea>
+                                        <textarea data-testid="status-reopen-reason" rows="2" [(ngModel)]="ReopenReason" [disabled]="Busy"></textarea>
                                     </label>
                                     <div class="mjs-reopen__row">
-                                        <button type="button" class="mjs-reopen__confirm"
+                                        <button type="button" class="mjs-reopen__confirm" data-testid="status-reopen-confirm"
                                                 [disabled]="!CanConfirmReopen" (click)="ConfirmReopen()">
                                             {{ Busy ? 'Reopening…' : 'Reopen deal' }}
                                         </button>
@@ -2683,7 +2688,7 @@ let MJSDealPartyPanel = class MJSDealPartyPanel extends MJSDealFieldPanel {
     static ɵfac = /*@__PURE__*/ (() => { let ɵMJSDealPartyPanel_BaseFactory; return function MJSDealPartyPanel_Factory(__ngFactoryType__) { return (ɵMJSDealPartyPanel_BaseFactory || (ɵMJSDealPartyPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJSDealPartyPanel)))(__ngFactoryType__ || MJSDealPartyPanel); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealPartyPanel, selectors: [["mjs-deal-party-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "party", "SectionName", "Account & people", "Icon", "fa-solid fa-building", 3, "Form", "FormContext"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], [1, "mjs-field"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJSDealPartyPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
-            i0.ɵɵrepeaterCreate(2, MJSDealPartyPanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵrepeaterCreate(2, MJSDealPartyPanel_For_3_Template, 2, 10, "div", 2, _forTrack0);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
@@ -2706,7 +2711,7 @@ export { MJSDealPartyPanel };
             [Form]="FormComponent" [FormContext]="FormContext">
             <div class="mjs-fields">
                 @for (f of Fields; track f.name) {
-                    <div class="mjs-field" [class.mjs-field--span]="f.span">
+                    <div class="mjs-field" [class.mjs-field--span]="f.span" [attr.data-field]="f.name">
                         <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
                             [EditMode]="EditMode && FieldEditable(f.name)" [FormContext]="FormContext" [LinkType]="f.link ?? 'None'"
                             (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
@@ -2748,7 +2753,7 @@ let MJSDealCommercialPanel = class MJSDealCommercialPanel extends MJSDealFieldPa
     static ɵfac = /*@__PURE__*/ (() => { let ɵMJSDealCommercialPanel_BaseFactory; return function MJSDealCommercialPanel_Factory(__ngFactoryType__) { return (ɵMJSDealCommercialPanel_BaseFactory || (ɵMJSDealCommercialPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJSDealCommercialPanel)))(__ngFactoryType__ || MJSDealCommercialPanel); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealCommercialPanel, selectors: [["mjs-deal-commercial-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "commercial", "SectionName", "Commercial", "Icon", "fa-solid fa-coins", 3, "Form", "FormContext"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], [1, "mjs-field"], [3, "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"], [1, "mj-forms-field"], [1, "mj-forms-field-label"], [1, "mj-forms-field-value", "mjs-field__money"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJSDealCommercialPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
-            i0.ɵɵrepeaterCreate(2, MJSDealCommercialPanel_For_3_Template, 3, 3, "div", 2, _forTrack0);
+            i0.ɵɵrepeaterCreate(2, MJSDealCommercialPanel_For_3_Template, 3, 4, "div", 2, _forTrack0);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
@@ -2771,7 +2776,7 @@ export { MJSDealCommercialPanel };
             [Form]="FormComponent" [FormContext]="FormContext">
             <div class="mjs-fields">
                 @for (f of Fields; track f.name) {
-                    <div class="mjs-field" [class.mjs-field--span]="f.span">
+                    <div class="mjs-field" [class.mjs-field--span]="f.span" [attr.data-field]="f.name">
                         @if (DrawsOwnMoney(f)) {
                             <!-- Read-only money. See DealFieldSpec.currency for why this is not
                                  mj-form-field; the class names are the shared control's own, so the
@@ -2950,7 +2955,7 @@ let MJSDealLinesPanel = class MJSDealLinesPanel extends BaseFormPanel {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.linesGrid = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["SectionKey", "lines", "SectionName", "What's being sold", "Icon", "fa-solid fa-boxes-stacked", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded", "BadgeCount"], [1, "mjs-deal-empty"], [3, "Deal", "LineID"], [1, "mjs-deal-lines__bar"], [3, "AfterRowDoubleClick", "AfterDataLoad", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "NavigateOnDoubleClick"], ["type", "button", 1, "mjs-deal-lines__add", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["aria-hidden", "true", 1, "fa-solid", "fa-lock"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"], [3, "Saved", "Closed", "Deal", "LineID"]], template: function MJSDealLinesPanel_Template(rf, ctx) { if (rf & 1) {
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 6, consts: [["SectionKey", "lines", "SectionName", "What's being sold", "Icon", "fa-solid fa-boxes-stacked", "Variant", "related-entity", 3, "Form", "FormContext", "DefaultExpanded", "BadgeCount"], [1, "mjs-deal-empty"], [3, "Deal", "LineID"], [1, "mjs-deal-lines__bar"], [3, "AfterRowDoubleClick", "AfterDataLoad", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "NavigateOnDoubleClick"], ["type", "button", "data-testid", "lines-add", 1, "mjs-deal-lines__add", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["aria-hidden", "true", 1, "fa-solid", "fa-lock"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"], [3, "Saved", "Closed", "Deal", "LineID"]], template: function MJSDealLinesPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, MJSDealLinesPanel_Conditional_1_Template, 3, 6)(2, MJSDealLinesPanel_Conditional_2_Template, 3, 0, "p", 1)(3, MJSDealLinesPanel_Conditional_3_Template, 2, 0, "p", 1);
             i0.ɵɵconditionalCreate(4, MJSDealLinesPanel_Conditional_4_Template, 1, 2, "mjs-deal-line-editor", 2);
@@ -2982,7 +2987,7 @@ export { MJSDealLinesPanel };
                      (golive#229). Hidden on a locked deal for the same reason the grid's New was. -->
                 @if (!IsLocked) {
                     <div class="mjs-deal-lines__bar">
-                        <button type="button" class="mjs-deal-lines__add" (click)="AddLine()">
+                        <button type="button" class="mjs-deal-lines__add" data-testid="lines-add" (click)="AddLine()">
                             <i class="fa-solid fa-plus" aria-hidden="true"></i> Add a product
                         </button>
                     </div>
@@ -3108,7 +3113,7 @@ let MJSDealMotionPanel = class MJSDealMotionPanel extends MJSDealFieldPanel {
     static ɵfac = /*@__PURE__*/ (() => { let ɵMJSDealMotionPanel_BaseFactory; return function MJSDealMotionPanel_Factory(__ngFactoryType__) { return (ɵMJSDealMotionPanel_BaseFactory || (ɵMJSDealMotionPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJSDealMotionPanel)))(__ngFactoryType__ || MJSDealMotionPanel); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealMotionPanel, selectors: [["mjs-deal-motion-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [["SectionKey", "motion", "SectionName", "Motion", "Icon", "fa-solid fa-person-walking", 3, "Form", "FormContext"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], [1, "mjs-field"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJSDealMotionPanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
-            i0.ɵɵrepeaterCreate(2, MJSDealMotionPanel_For_3_Template, 2, 9, "div", 2, _forTrack0);
+            i0.ɵɵrepeaterCreate(2, MJSDealMotionPanel_For_3_Template, 2, 10, "div", 2, _forTrack0);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
@@ -3131,7 +3136,7 @@ export { MJSDealMotionPanel };
             [Form]="FormComponent" [FormContext]="FormContext">
             <div class="mjs-fields">
                 @for (f of Fields; track f.name) {
-                    <div class="mjs-field" [class.mjs-field--span]="f.span">
+                    <div class="mjs-field" [class.mjs-field--span]="f.span" [attr.data-field]="f.name">
                         <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
                             [EditMode]="EditMode && FieldEditable(f.name)" [FormContext]="FormContext" [LinkType]="f.link ?? 'None'"
                             (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>
@@ -3500,13 +3505,13 @@ let MJSDealClosePanel = class MJSDealClosePanel extends MJSDealFieldPanel {
         { name: 'LossNotes', type: 'textarea', span: true },
     ];
     static ɵfac = /*@__PURE__*/ (() => { let ɵMJSDealClosePanel_BaseFactory; return function MJSDealClosePanel_Factory(__ngFactoryType__) { return (ɵMJSDealClosePanel_BaseFactory || (ɵMJSDealClosePanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJSDealClosePanel)))(__ngFactoryType__ || MJSDealClosePanel); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealClosePanel, selectors: [["mjs-deal-close-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 5, consts: [["SectionKey", "close", "SectionName", "Close", "Icon", "fa-solid fa-flag-checkered", 3, "Form", "FormContext"], [1, "mjs-close-action"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], [1, "mjs-close-action__form"], ["type", "button", 1, "mjs-close-action__start", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-flag-checkered"], [1, "mjs-close-action__hint"], [1, "mjs-close-action__row"], [1, "mjs-close-action__field"], ["rows", "2", 3, "ngModelChange", "ngModel", "disabled"], ["type", "button", 1, "mjs-close-action__confirm", 3, "click", "disabled"], ["type", "button", 1, "mjs-close-action__cancel", 3, "click", "disabled"], ["type", "radio", "name", "dealCloseTarget", 3, "ngModelChange", "value", "ngModel", "disabled"], [3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate-left"], [1, "mjs-close-action__msg", 3, "is-error"], [1, "mjs-close-action__issue"], [1, "mjs-close-action__msg"], [1, "mjs-field"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJSDealClosePanel_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJSDealClosePanel, selectors: [["mjs-deal-close-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 5, consts: [["SectionKey", "close", "SectionName", "Close", "Icon", "fa-solid fa-flag-checkered", 3, "Form", "FormContext"], [1, "mjs-close-action"], [1, "mjs-fields"], [1, "mjs-field", 3, "mjs-field--span"], ["data-testid", "close-panel", 1, "mjs-close-action__form"], ["type", "button", "data-testid", "close-open", 1, "mjs-close-action__start", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-flag-checkered"], [1, "mjs-close-action__hint"], [1, "mjs-close-action__row"], [1, "mjs-close-action__field"], ["data-testid", "close-notes", "rows", "2", 3, "ngModelChange", "ngModel", "disabled"], ["type", "button", "data-testid", "close-confirm", 1, "mjs-close-action__confirm", 3, "click", "disabled"], ["type", "button", 1, "mjs-close-action__cancel", 3, "click", "disabled"], ["type", "radio", "name", "dealCloseTarget", "data-testid", "close-target", 3, "ngModelChange", "value", "ngModel", "disabled"], ["data-testid", "close-loss-reason", 3, "ngModelChange", "ngModel", "disabled"], [3, "ngValue"], ["data-testid", "close-loss-notes", "rows", "2", 3, "ngModelChange", "ngModel", "disabled"], ["data-testid", "reopen-panel", 1, "mjs-close-action__form"], ["type", "button", "data-testid", "reopen-open", 1, "mjs-close-action__start", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate-left"], ["data-testid", "reopen-reason", "rows", "2", 3, "ngModelChange", "ngModel", "disabled"], ["type", "button", "data-testid", "reopen-confirm", 1, "mjs-close-action__confirm", 3, "click", "disabled"], ["data-testid", "close-message", 1, "mjs-close-action__msg", 3, "is-error"], [1, "mjs-close-action__issue"], ["data-testid", "close-message", 1, "mjs-close-action__msg"], [1, "mjs-field"], [3, "Navigate", "Record", "ShowLabel", "FieldName", "Type", "EditMode", "FormContext", "LinkType"]], template: function MJSDealClosePanel_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-collapsible-panel", 0);
             i0.ɵɵconditionalCreate(1, MJSDealClosePanel_Conditional_1_Template, 3, 1, "div", 1);
             i0.ɵɵconditionalCreate(2, MJSDealClosePanel_Conditional_2_Template, 3, 1, "div", 1);
             i0.ɵɵconditionalCreate(3, MJSDealClosePanel_Conditional_3_Template, 4, 1, "div", 1);
             i0.ɵɵelementStart(4, "div", 2);
-            i0.ɵɵrepeaterCreate(5, MJSDealClosePanel_For_6_Template, 2, 9, "div", 3, _forTrack0);
+            i0.ɵɵrepeaterCreate(5, MJSDealClosePanel_For_6_Template, 2, 10, "div", 3, _forTrack0);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
@@ -3542,7 +3547,7 @@ export { MJSDealClosePanel };
             @if (CanClose) {
                 <div class="mjs-close-action">
                     @if (!PanelOpen) {
-                        <button type="button" class="mjs-close-action__start" (click)="OpenPanel()">
+                        <button type="button" class="mjs-close-action__start" data-testid="close-open" (click)="OpenPanel()">
                             <i class="fa-solid fa-flag-checkered" aria-hidden="true"></i> Close this deal
                         </button>
                         <small class="mjs-close-action__hint">
@@ -3550,7 +3555,7 @@ export { MJSDealClosePanel };
                             the contract and finance tasks.
                         </small>
                     } @else {
-                        <div class="mjs-close-action__form">
+                        <div class="mjs-close-action__form" data-testid="close-panel">
                             <!-- The real closing statuses, by name, from the flags. A Won/Lost pair
                                  could not express a deployment with more than one losing status, and
                                  this one has two: Lost and Abandoned both carry IsLost, so resolving
@@ -3559,7 +3564,7 @@ export { MJSDealClosePanel };
                             <div class="mjs-close-action__row">
                                 @for (s of ClosingStatuses; track s.ID) {
                                     <label>
-                                        <input type="radio" name="dealCloseTarget" [value]="s.ID"
+                                        <input type="radio" name="dealCloseTarget" data-testid="close-target" [value]="s.ID"
                                                [(ngModel)]="TargetStatusID" (ngModelChange)="OnTargetChange()"
                                                [disabled]="Closing" /> {{ s.Name }}
                                     </label>
@@ -3569,7 +3574,7 @@ export { MJSDealClosePanel };
                             @if (SelectedStatus?.IsLost) {
                                 <label class="mjs-close-action__field">
                                     <span>Loss reason</span>
-                                    <select [(ngModel)]="LossReasonID" (ngModelChange)="OnLossReasonChange()"
+                                    <select data-testid="close-loss-reason" [(ngModel)]="LossReasonID" (ngModelChange)="OnLossReasonChange()"
                                             [disabled]="Closing">
                                         <option [ngValue]="null">— choose —</option>
                                         @for (r of LossReasons(); track r.ID) {
@@ -3580,18 +3585,18 @@ export { MJSDealClosePanel };
                                 @if (LossReasonRequiresNotes) {
                                     <label class="mjs-close-action__field">
                                         <span>Loss notes <em>(required for this reason)</em></span>
-                                        <textarea rows="2" [(ngModel)]="LossNotes" [disabled]="Closing"></textarea>
+                                        <textarea data-testid="close-loss-notes" rows="2" [(ngModel)]="LossNotes" [disabled]="Closing"></textarea>
                                     </label>
                                 }
                             }
 
                             <label class="mjs-close-action__field">
                                 <span>Notes <em>(optional)</em></span>
-                                <textarea rows="2" [(ngModel)]="Notes" [disabled]="Closing"></textarea>
+                                <textarea data-testid="close-notes" rows="2" [(ngModel)]="Notes" [disabled]="Closing"></textarea>
                             </label>
 
                             <div class="mjs-close-action__row">
-                                <button type="button" class="mjs-close-action__confirm"
+                                <button type="button" class="mjs-close-action__confirm" data-testid="close-confirm"
                                         [disabled]="!CanConfirm" (click)="ConfirmClose()">
                                     {{ Closing ? 'Closing…' : 'Close deal' }}
                                 </button>
@@ -3612,7 +3617,7 @@ export { MJSDealClosePanel };
             @if (CanReopen) {
                 <div class="mjs-close-action">
                     @if (!ReopenPanelOpen) {
-                        <button type="button" class="mjs-close-action__start" (click)="OpenReopenPanel()">
+                        <button type="button" class="mjs-close-action__start" data-testid="reopen-open" (click)="OpenReopenPanel()">
                             <i class="fa-solid fa-rotate-left" aria-hidden="true"></i> Reopen this deal
                         </button>
                         <small class="mjs-close-action__hint">
@@ -3620,13 +3625,13 @@ export { MJSDealClosePanel };
                             the order to the pipeline. Refused if the order has already booked.
                         </small>
                     } @else {
-                        <div class="mjs-close-action__form">
+                        <div class="mjs-close-action__form" data-testid="reopen-panel">
                             <label class="mjs-close-action__field">
                                 <span>Reason <em>(optional)</em></span>
-                                <textarea rows="2" [(ngModel)]="ReopenReason" [disabled]="Closing"></textarea>
+                                <textarea data-testid="reopen-reason" rows="2" [(ngModel)]="ReopenReason" [disabled]="Closing"></textarea>
                             </label>
                             <div class="mjs-close-action__row">
-                                <button type="button" class="mjs-close-action__confirm"
+                                <button type="button" class="mjs-close-action__confirm" data-testid="reopen-confirm"
                                         [disabled]="!CanConfirmReopen" (click)="ConfirmReopen()">
                                     {{ Closing ? 'Reopening…' : 'Reopen deal' }}
                                 </button>
@@ -3648,7 +3653,7 @@ export { MJSDealClosePanel };
             @if (Message || Issues.length) {
                 <div class="mjs-close-action">
                     @if (Message) {
-                        <div class="mjs-close-action__msg" [class.is-error]="MessageIsError">{{ Message }}</div>
+                        <div class="mjs-close-action__msg" data-testid="close-message" [class.is-error]="MessageIsError">{{ Message }}</div>
                     }
                     <!-- Tracked by index: the operation pushes one issue per task, so two tasks
                          failing the same way produce two identical strings, and tracking by the string
@@ -3661,7 +3666,7 @@ export { MJSDealClosePanel };
 
             <div class="mjs-fields">
                 @for (f of Fields; track f.name) {
-                    <div class="mjs-field" [class.mjs-field--span]="f.span">
+                    <div class="mjs-field" [class.mjs-field--span]="f.span" [attr.data-field]="f.name">
                         <mj-form-field [Record]="Record" [ShowLabel]="true" [FieldName]="f.name" [Type]="f.type"
                             [EditMode]="EditMode && FieldEditable(f.name)" [FormContext]="FormContext" [LinkType]="f.link ?? 'None'"
                             (Navigate)="FormComponent.OnFormNavigate($event)"></mj-form-field>