@mj-biz-apps/orders-ng 5.1.0 → 5.2.0

package/dist/lib/pages/orders/order-editor.page.js

@@ -1,2269 +0,0 @@
-import { ChangeDetectorRef, Component, EventEmitter, HostListener, Input, Output, inject, } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-import { OrderHeaderEntity } from '@mj-biz-apps/orders-entities';
-import { Metadata } from '@memberjunction/core';
-import { MJO_ENTITIES } from '../../data/entity-names.js';
-import { GetPaymentNumbers, GetLineDimensionsForOrder, GetOrderLines, GetOrders, GetPaymentLinesForOrder, JournalEntryViewParams, RecentCustomers, SearchCustomers, SubscriptionViewParams, WasTruncated } from '../../data/orders-queries.js';
-import { MJOPricingScheduler, } from '../../services/pricing-scheduler.service.js';
-import { MJOMoneyStripComponent } from '../../panels/money-strip.component.js';
-import { MJOStatusStepperComponent } from '../../panels/status-stepper.component.js';
-import { MJOJournalEntryPreviewComponent } from '../../panels/journal-entry-preview.component.js';
-import { MJODecompositionLadderComponent } from '../../panels/decomposition-ladder.component.js';
-import { MJOConsequenceChipComponent, MJOPriceSourceBadgeComponent, MJOStatedValueComponent, } from '../../panels/chips.component.js';
-import { MJOMoneyPipe, FormatDate, FormatMoney } from '../../panels/money-format.js';
-import { BuildOrderStages } from '../../panels/order-stages.js';
-import { MJButtonDirective, MJDropdownComponent, MJTabNavComponent } from '@memberjunction/ng-ui-components';
-// The MODULE, not the component: `mj-entity-data-grid` is declared (standalone: false), so a
-// standalone host imports its module. Same route accounting's generated forms take.
-import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';
-import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-entity-viewer";
-import * as i2 from "@angular/forms";
-const _c0 = () => ({ Sign: "absolute" });
-const _c1 = () => ({ Zero: "\u2014" });
-const _forTrack0 = ($index, $item) => $item.Code;
-const _forTrack1 = ($index, $item) => $item.ID;
-const _forTrack2 = ($index, $item) => $item["ID"];
-function MJOOrderEditorPageComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 21);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_11_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetOrderType($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("ed-identity__input--default", ctx_r1.IsDefault("OrderType"));
-    i0.ɵɵproperty("title", ctx_r1.IsDefault("OrderType") ? "Default \u2014 not chosen yet" : "")("Data", ctx_r1.OrderTypes)("ValuePrimitive", true)("ngModel", ctx_r1.Order.OrderType);
-} }
-function MJOOrderEditorPageComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.Order.OrderType);
-} }
-function MJOOrderEditorPageComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-dropdown", 22);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_16_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetOwningCompany($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("title", ctx_r1.OwningCompanyName)("Data", ctx_r1.Companies)("ValuePrimitive", true)("ngModel", ctx_r1.Order.CompanyID);
-} }
-function MJOOrderEditorPageComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.OwningCompanyName);
-} }
-function MJOOrderEditorPageComponent_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 23);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_21_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetHeaderField("OrderDate", $event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("ed-identity__input--default", ctx_r1.IsDefault("OrderDate"));
-    i0.ɵɵproperty("title", ctx_r1.IsDefault("OrderDate") ? "Defaults to today \u2014 change it if the order was taken on another date" : "")("ngModel", ctx_r1.DateValue(ctx_r1.Order.OrderDate));
-} }
-function MJOOrderEditorPageComponent_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.DateValue(ctx_r1.Order.OrderDate));
-} }
-function MJOOrderEditorPageComponent_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 24);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_26_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetHeaderField("DueDate", $event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngModel", ctx_r1.DateValue(ctx_r1.Order.DueDate));
-} }
-function MJOOrderEditorPageComponent_Conditional_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 6);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.Order.DueDate ?? "\u2014");
-} }
-function MJOOrderEditorPageComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 25);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_31_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetHeaderField("ExternalDocumentNumber", $event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngModel", ctx_r1.Order.ExternalDocumentNumber ?? "");
-} }
-function MJOOrderEditorPageComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 4);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.Order.ExternalDocumentNumber ?? "\u2014");
-} }
-function MJOOrderEditorPageComponent_Conditional_36_For_8_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 31);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_36_For_8_Template_button_click_0_listener() { const issue_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.GoToIssue(issue_r8.Section)); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const issue_r8 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("title", "Go to " + ctx_r1.SectionLabel(issue_r8.Section));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", issue_r8.Message, " ");
-} }
-function MJOOrderEditorPageComponent_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 15);
-    i0.ɵɵelement(1, "i", 26);
-    i0.ɵɵelementStart(2, "span", 27);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 28);
-    i0.ɵɵtext(5, "before you can confirm");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 29);
-    i0.ɵɵrepeaterCreate(7, MJOOrderEditorPageComponent_Conditional_36_For_8_Template, 2, 2, "button", 30, _forTrack0);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.Issues.length);
-    i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(ctx_r1.Issues);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtext(0);
-} if (rf & 2) {
-    const option_r11 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" ", option_r11.SKU, " \u00B7 ");
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li")(1, "button", 59);
-    i0.ɵɵlistener("mousedown", function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_For_2_Template_button_mousedown_1_listener() { const option_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.AddProduct(option_r11)); });
-    i0.ɵɵelementStart(2, "span", 60);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 51);
-    i0.ɵɵconditionalCreate(5, MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_For_2_Conditional_5_Template, 1, 1);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 61);
-    i0.ɵɵtext(8);
-    i0.ɵɵpipe(9, "mjoMoney");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const option_r11 = ctx.$implicit;
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(option_r11.Name);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(option_r11.SKU ? 5 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", option_r11.CompanyName, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 4, option_r11.ListPrice));
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 57);
-    i0.ɵɵrepeaterCreate(1, MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_For_2_Template, 10, 6, "li", null, _forTrack1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ProductMatches);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "b");
-    i0.ɵɵtext(1, "The catalogue list was capped, so this may exist beyond it.");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵtext(1);
-    i0.ɵɵconditionalCreate(2, MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_5_Conditional_2_Template, 2, 0, "b");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" No catalogue match for \u201C", ctx_r1.ProductQuery, "\u201D. ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.CatalogTruncated ? 2 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 32)(1, "label", 54);
-    i0.ɵɵelement(2, "i", 55);
-    i0.ɵɵelementStart(3, "input", 56);
-    i0.ɵɵlistener("focus", function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnProductFocus()); });
-    i0.ɵɵtwoWayListener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.ProductQuery, $event) || (ctx_r1.ProductQuery = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Template_input_ngModelChange_3_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnProductQueryChange()); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_4_Template, 3, 0, "ul", 57)(5, MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Conditional_5_Template, 3, 2, "div", 58);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.ProductQuery);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ProductMatches.length ? 4 : ctx_r1.ProductQuery.trim().length >= 2 ? 5 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mjo-consequence-chip", 79);
-    i0.ɵɵtext(1, "Ships");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mjo-consequence-chip", 80);
-    i0.ɵɵtext(1, "Untaxable");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_10_Conditional_0_Template, 2, 0, "mjo-consequence-chip", 79);
-    i0.ɵɵconditionalCreate(1, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_10_Conditional_1_Template, 2, 0, "mjo-consequence-chip", 80);
-} if (rf & 2) {
-    const product_r14 = ctx;
-    i0.ɵɵconditional(product_r14.TypeName === "Goods" ? 0 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(!product_r14.Taxable ? 1 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 74);
-    i0.ɵɵtext(1);
-    i0.ɵɵpipe(2, "mjoMoney");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("\u2212", i0.ɵɵpipeBind2(2, 1, ctx, i0.ɵɵpureFunction0(4, _c0)));
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 63);
-    i0.ɵɵtext(1, "\u2014");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_31_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 81);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_31_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const line_r13 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Remove(line_r13)); });
-    i0.ɵɵelement(1, "i", 82);
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_27_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 62);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_39_For_27_Template_tr_click_0_listener() { const line_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.Open(line_r13)); });
-    i0.ɵɵelementStart(1, "td", 63);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td")(4, "div", 64)(5, "span", 65);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 66);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div", 67);
-    i0.ɵɵconditionalCreate(10, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_10_Template, 2, 2);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "td")(12, "span", 68);
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "td", 69);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_39_For_27_Template_td_click_14_listener($event) { i0.ɵɵrestoreView(_r12); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(15, "input", 70);
-    i0.ɵɵlistener("change", function MJOOrderEditorPageComponent_Conditional_39_For_27_Template_input_change_15_listener($event) { const line_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetQuantity(line_r13, $event.target.value)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "td", 69);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_39_For_27_Template_td_click_16_listener($event) { i0.ɵɵrestoreView(_r12); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(17, "input", 71);
-    i0.ɵɵlistener("change", function MJOOrderEditorPageComponent_Conditional_39_For_27_Template_input_change_17_listener($event) { const line_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetUnitPrice(line_r13, $event.target.value)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(18, "mjo-price-source-badge", 72);
-    i0.ɵɵconditionalCreate(19, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_19_Template, 2, 1, "div", 73);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "td", 61);
-    i0.ɵɵconditionalCreate(21, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_21_Template, 3, 5, "span", 74)(22, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_22_Template, 2, 0, "span", 63);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "td", 75);
-    i0.ɵɵtext(24);
-    i0.ɵɵpipe(25, "mjoMoney");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "td", 76);
-    i0.ɵɵtext(27, "\u2014");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "td", 76);
-    i0.ɵɵtext(29, "\u2014");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "td", 77);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_39_For_27_Template_td_click_30_listener($event) { i0.ɵɵrestoreView(_r12); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵconditionalCreate(31, MJOOrderEditorPageComponent_Conditional_39_For_27_Conditional_31_Template, 2, 0, "button", 78);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_13_0;
-    let tmp_14_0;
-    let tmp_15_0;
-    let tmp_16_0;
-    let tmp_19_0;
-    let tmp_21_0;
-    let tmp_24_0;
-    let tmp_25_0;
-    let tmp_26_0;
-    const line_r13 = ctx.$implicit;
-    const ɵ$index_181_r16 = ctx.$index;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ɵ$index_181_r16 + 1);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(((tmp_13_0 = ctx_r1.ProductFor(line_r13)) == null ? null : tmp_13_0.Name) ?? "Product");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate((tmp_14_0 = ctx_r1.ProductFor(line_r13)) == null ? null : tmp_14_0.SKU);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional((tmp_15_0 = ctx_r1.ProductFor(line_r13)) ? 10 : -1, tmp_15_0);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(((tmp_16_0 = ctx_r1.ProductFor(line_r13)) == null ? null : tmp_16_0.CompanyName) ?? "\u2014");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("value", line_r13.Quantity)("disabled", !ctx_r1.IsEditable);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("value", ctx_r1.PriceStated(line_r13) ? line_r13.UnitPrice : ((tmp_19_0 = ctx_r1.PricedLine(line_r13)) == null ? null : tmp_19_0.UnitPrice) ?? "")("disabled", !ctx_r1.IsEditable);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Source", ((tmp_21_0 = ctx_r1.PricedLine(line_r13)) == null ? null : tmp_21_0.PriceSource) ?? null)("Settled", ctx_r1.PricingSettled)("Overridden", ctx_r1.PriceStated(line_r13));
-    i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_24_0 = (tmp_24_0 = ctx_r1.PricedLine(line_r13)) == null ? null : tmp_24_0.Error) ? 19 : -1, tmp_24_0);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional((tmp_25_0 = ctx_r1.DiscountAmount(line_r13)) ? 21 : 22, tmp_25_0);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(25, 16, (tmp_26_0 = ctx_r1.PricedLine(line_r13)) == null ? null : tmp_26_0.NetAmount));
-    i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.IsEditable ? 31 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_ForEmpty_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 83)(2, "div", 84);
-    i0.ɵɵelement(3, "i", 85);
-    i0.ɵɵelementStart(4, "div", 86);
-    i0.ɵɵtext(5, "No lines yet");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 87);
-    i0.ɵɵtext(7, "Search the catalogue above to add the first one.");
-    i0.ɵɵelementEnd()()()();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 73);
-    i0.ɵɵtext(1, "\u2014 some lines have no price, so this is short");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Conditional_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tfoot")(1, "tr", 88)(2, "td", 89);
-    i0.ɵɵtext(3, " Net before tax & charges ");
-    i0.ɵɵconditionalCreate(4, MJOOrderEditorPageComponent_Conditional_39_Conditional_29_Conditional_4_Template, 2, 0, "span", 73);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 61);
-    i0.ɵɵtext(6);
-    i0.ɵɵpipe(7, "mjoMoney");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 90);
-    i0.ɵɵtext(9, "\u2014");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td", 90);
-    i0.ɵɵtext(11, "\u2014");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(12, "td");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵconditional(ctx_r1.HasUnpricedLines ? 4 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(7, 2, ctx_r1.Totals.NetTotal));
-} }
-function MJOOrderEditorPageComponent_Conditional_39_For_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 50);
-    i0.ɵɵelement(1, "i", 91);
-    i0.ɵɵelementStart(2, "div", 92)(3, "div")(4, "b", 93);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 87);
-    i0.ɵɵtext(7, "Checked when the order is confirmed.");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "span", 94);
-    i0.ɵɵtext(9, "\u2014");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const code_r17 = ctx.$implicit;
-    i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(code_r17);
-} }
-function MJOOrderEditorPageComponent_Conditional_39_ForEmpty_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1, "No promotion codes on this order.");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵconditionalCreate(1, MJOOrderEditorPageComponent_Conditional_39_Conditional_1_Template, 6, 2, "div", 32);
-    i0.ɵɵelementStart(2, "div", 33)(3, "table", 34)(4, "thead")(5, "tr")(6, "th", 35);
-    i0.ɵɵtext(7, "#");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "th");
-    i0.ɵɵtext(9, "Product");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "th", 36);
-    i0.ɵɵtext(11, "Co.");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "th", 37);
-    i0.ɵɵtext(13, "Qty");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th", 38);
-    i0.ɵɵtext(15, "Unit price");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th", 39);
-    i0.ɵɵtext(17, "Discount");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "th", 40);
-    i0.ɵɵtext(19, "Line net");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "th", 41);
-    i0.ɵɵtext(21, "Tax");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "th", 42);
-    i0.ɵɵtext(23, "Line total");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(24, "th", 43);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "tbody");
-    i0.ɵɵrepeaterCreate(26, MJOOrderEditorPageComponent_Conditional_39_For_27_Template, 32, 18, "tr", 44, _forTrack1, false, MJOOrderEditorPageComponent_Conditional_39_ForEmpty_28_Template, 8, 0, "tr");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(29, MJOOrderEditorPageComponent_Conditional_39_Conditional_29_Template, 13, 4, "tfoot");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 45)(31, "div", 46)(32, "div", 47);
-    i0.ɵɵelement(33, "i", 48);
-    i0.ɵɵelementStart(34, "h3");
-    i0.ɵɵtext(35, "Promotions");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(36, "div", 49);
-    i0.ɵɵrepeaterCreate(37, MJOOrderEditorPageComponent_Conditional_39_For_38_Template, 10, 1, "div", 50, i0.ɵɵrepeaterTrackByIdentity, false, MJOOrderEditorPageComponent_Conditional_39_ForEmpty_39_Template, 2, 0, "div", 51);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 46)(41, "div", 47);
-    i0.ɵɵelement(42, "i", 52);
-    i0.ɵɵelementStart(43, "h3");
-    i0.ɵɵtext(44, "Totals");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 49);
-    i0.ɵɵelement(46, "mjo-decomposition-ladder", 53);
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsEditable ? 1 : -1);
-    i0.ɵɵadvance(25);
-    i0.ɵɵrepeater(ctx_r1.Lines);
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.Totals ? 29 : -1);
-    i0.ɵɵadvance(8);
-    i0.ɵɵrepeater(ctx_r1.PromotionCodes);
-    i0.ɵɵadvance(9);
-    i0.ɵɵproperty("Rows", ctx_r1.LadderRows)("Stale", ctx_r1.Pricing.Loading);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_14_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 107);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_40_Conditional_14_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ClearParty("bill")); });
-    i0.ɵɵelement(1, "i", 108);
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100)(1, "span", 105);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, MJOOrderEditorPageComponent_Conditional_40_Conditional_14_Conditional_3_Template, 2, 0, "button", 106);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.PartyLabels.bill ?? ctx);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsEditable ? 3 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1, "Searching\u2026");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const m_r21 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(m_r21.Email);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li")(1, "button", 112);
-    i0.ɵɵlistener("mousedown", function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_For_2_Template_button_mousedown_1_listener() { const m_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ChooseParty("bill", m_r21)); });
-    i0.ɵɵelement(2, "i", 113);
-    i0.ɵɵelementStart(3, "span", 60);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_For_2_Conditional_5_Template, 2, 1, "span", 51);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const m_r21 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(m_r21.IsOrganization ? "fa-solid fa-building" : "fa-solid fa-user");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(m_r21.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(m_r21.Email ? 5 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 111);
-    i0.ɵɵrepeaterCreate(1, MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_For_2_Template, 6, 4, "li", null, _forTrack1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.PartyMatches.bill);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 109);
-    i0.ɵɵelement(1, "i", 55);
-    i0.ɵɵelementStart(2, "input", 110);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.PartyQuery.bill, $event) || (ctx_r1.PartyQuery.bill = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("focus", function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Template_input_focus_2_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPartyFocus("bill")); })("ngModelChange", function MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SearchParty("bill")); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(3, MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_3_Template, 2, 0, "div", 51)(4, MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Conditional_4_Template, 3, 0, "ul", 111);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.PartyQuery.bill);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.PartySearching === "bill" ? 3 : ctx_r1.PartyMatches.bill.length ? 4 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1, "\u2014 none \u2014");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 115);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_40_Conditional_33_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ClearParty("ship")); });
-    i0.ɵɵelement(1, "i", 108);
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 100)(1, "span", 105);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, MJOOrderEditorPageComponent_Conditional_40_Conditional_33_Conditional_3_Template, 2, 0, "button", 114);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.PartyLabels.ship ?? ctx);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsEditable ? 3 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1, "Searching\u2026");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_For_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 51);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const m_r25 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(m_r25.Email);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li")(1, "button", 112);
-    i0.ɵɵlistener("mousedown", function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_For_2_Template_button_mousedown_1_listener() { const m_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ChooseParty("ship", m_r25)); });
-    i0.ɵɵelement(2, "i", 113);
-    i0.ɵɵelementStart(3, "span", 60);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_For_2_Conditional_5_Template, 2, 1, "span", 51);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const m_r25 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(m_r25.IsOrganization ? "fa-solid fa-building" : "fa-solid fa-user");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(m_r25.Name);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(m_r25.Email ? 5 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 111);
-    i0.ɵɵrepeaterCreate(1, MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_For_2_Template, 6, 4, "li", null, _forTrack1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.PartyMatches.ship);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 109);
-    i0.ɵɵelement(1, "i", 55);
-    i0.ɵɵelementStart(2, "input", 116);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.PartyQuery.ship, $event) || (ctx_r1.PartyQuery.ship = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("focus", function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Template_input_focus_2_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnPartyFocus("ship")); })("ngModelChange", function MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Template_input_ngModelChange_2_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SearchParty("ship")); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(3, MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_3_Template, 2, 0, "div", 51)(4, MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Conditional_4_Template, 3, 0, "ul", 111);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.PartyQuery.ship);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.PartySearching === "ship" ? 3 : ctx_r1.PartyMatches.ship.length ? 4 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1, "\u2014 none \u2014");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 95)(2, "div", 46)(3, "div", 47);
-    i0.ɵɵelement(4, "i", 96);
-    i0.ɵɵelementStart(5, "h3");
-    i0.ɵɵtext(6, "Bill to \u2014 who pays");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "span", 97)(8, "span", 68);
-    i0.ɵɵtext(9, "header only");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "div", 49)(11, "div", 98)(12, "div", 99);
-    i0.ɵɵtext(13, "Customer");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(14, MJOOrderEditorPageComponent_Conditional_40_Conditional_14_Template, 4, 2, "div", 100)(15, MJOOrderEditorPageComponent_Conditional_40_Conditional_15_Template, 5, 2)(16, MJOOrderEditorPageComponent_Conditional_40_Conditional_16_Template, 2, 0, "div", 51);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "mjo-stated-value", 101);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 102);
-    i0.ɵɵtext(20, " Bill-to is header-only: one order, one payer, one bill. That is why there is no line-level counterpart to it. ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(21, "div", 46)(22, "div", 47);
-    i0.ɵɵelement(23, "i", 103);
-    i0.ɵɵelementStart(24, "h3");
-    i0.ɵɵtext(25, "Ship to \u2014 who receives");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "span", 97)(27, "span", 68);
-    i0.ɵɵtext(28, "line default");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(29, "div", 49)(30, "div", 98)(31, "div", 99);
-    i0.ɵɵtext(32, "Recipient");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(33, MJOOrderEditorPageComponent_Conditional_40_Conditional_33_Template, 4, 2, "div", 100)(34, MJOOrderEditorPageComponent_Conditional_40_Conditional_34_Template, 5, 2)(35, MJOOrderEditorPageComponent_Conditional_40_Conditional_35_Template, 2, 0, "div", 51);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "mjo-stated-value", 104);
-    i0.ɵɵtext(37);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "div", 102);
-    i0.ɵɵtext(39, " Each side falls back ");
-    i0.ɵɵelementStart(40, "b");
-    i0.ɵɵtext(41, "independently");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(42, ", so a line naming only a person keeps the header's organization. For an intangible there is nothing to ship, and the same fields say who the line is ");
-    i0.ɵɵelementStart(43, "i");
-    i0.ɵɵtext(44, "for");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(45, ". ");
-    i0.ɵɵelementEnd()()()()();
-} if (rf & 2) {
-    let tmp_1_0;
-    let tmp_3_0;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(14);
-    i0.ɵɵconditional((tmp_1_0 = ctx_r1.PartyIdFor("bill")) ? 14 : ctx_r1.IsEditable ? 15 : 16, tmp_1_0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.Order.PaymentTermsTypeID ?? "\u2014 default \u2014", " ");
-    i0.ɵɵadvance(15);
-    i0.ɵɵconditional((tmp_3_0 = ctx_r1.PartyIdFor("ship")) ? 33 : ctx_r1.IsEditable ? 34 : 35, tmp_3_0);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.Order.ShipToAddressID ?? "\u2014 none \u2014", " ");
-} }
-function MJOOrderEditorPageComponent_Conditional_41_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵtext(1, " This order is confirmed \u2014 its charges and tax are on the entries under ");
-    i0.ɵɵelementStart(2, "b");
-    i0.ɵɵtext(3, "Accounting");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(4, ". ");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 117);
-    i0.ɵɵelement(2, "i", 118);
-    i0.ɵɵelementStart(3, "div", 86);
-    i0.ɵɵtext(4, "Not available yet");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 87);
-    i0.ɵɵtext(6, " Charges and tax are decided when the order is confirmed. The Lines tab shows the net subtotal before them. ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, MJOOrderEditorPageComponent_Conditional_41_Conditional_7_Template, 5, 0, "div", 102);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.JournalEntries.length ? 7 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 132)(1, "label", 133);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "span", 134);
-    i0.ɵɵtext(4, "required");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "input", 135);
-    i0.ɵɵlistener("input", function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_4_Template_input_input_5_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetReference($event.target.value)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 136);
-    i0.ɵɵtext(7, " Recorded on the payment so it can be matched to the bank statement. ");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.SelectedTenderType == null ? null : ctx_r1.SelectedTenderType.Name, " number ");
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("value", ctx_r1.Reference)("placeholder", (ctx_r1.SelectedTenderType == null ? null : ctx_r1.SelectedTenderType.Code) === "Check" ? "e.g. 10428" : "confirmation or transfer id");
-    i0.ɵɵattribute("aria-invalid", !ctx_r1.Reference.trim());
-} }
-function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 129)(1, "label", 137);
-    i0.ɵɵtext(2, "Amount");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 138)(4, "input", 139);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_5_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetInitialAmount($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "button", 140);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_5_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.PayInFull()); });
-    i0.ɵɵtext(6, " Pay in full ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngModel", ctx_r1.Order.InitialPaymentAmount);
-} }
-function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 129)(1, "label", 130);
-    i0.ɵɵtext(2, "Tender");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-dropdown", 131);
-    i0.ɵɵlistener("ngModelChange", function MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Template_mj_dropdown_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetTender($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_4_Template, 8, 4, "div", 132);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Conditional_5_Template, 7, 1, "div", 129);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("Data", ctx_r1.Tenders)("ValuePrimitive", true)("DefaultItem", ctx_r1.TenderNone)("ngModel", ctx_r1.Order.InitialPaymentTypeID ?? "");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.RequiresReference ? 4 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.Order.InitialPaymentTypeID ? 5 : -1);
-} }
-function MJOOrderEditorPageComponent_Conditional_42_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mjo-stated-value", 141);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "mjo-stated-value", 142);
-    i0.ɵɵtext(3);
-    i0.ɵɵpipe(4, "mjoMoney");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (ctx_r1.SelectedTenderType == null ? null : ctx_r1.SelectedTenderType.Name) ?? "\u2014 invoice on terms \u2014", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(4, 2, ctx_r1.Order.InitialPaymentAmount, i0.ɵɵpureFunction0(5, _c1)), " ");
-} }
-function MJOOrderEditorPageComponent_Conditional_42_For_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 143);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 51);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 61);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const line_r29 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.PaymentNumberOf(line_r29));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.dateOf(line_r29.AllocatedAt));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.moneyOf(line_r29.Amount));
-} }
-function MJOOrderEditorPageComponent_Conditional_42_ForEmpty_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 144);
-    i0.ɵɵtext(2, "Nothing applied yet.");
-    i0.ɵɵelementEnd()();
-} }
-function MJOOrderEditorPageComponent_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18)(1, "div", 46)(2, "div", 47);
-    i0.ɵɵelement(3, "i", 119);
-    i0.ɵɵelementStart(4, "h3");
-    i0.ɵɵtext(5, "Initial payment \u2014 intent");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 97)(7, "span", 120);
-    i0.ɵɵtext(8, "not yet a payment");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(9, "div", 49);
-    i0.ɵɵconditionalCreate(10, MJOOrderEditorPageComponent_Conditional_42_Conditional_10_Template, 6, 6)(11, MJOOrderEditorPageComponent_Conditional_42_Conditional_11_Template, 5, 6);
-    i0.ɵɵelementStart(12, "div", 102);
-    i0.ɵɵtext(13, " What is recorded here is ");
-    i0.ɵɵelementStart(14, "b");
-    i0.ɵɵtext(15, "intent");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(16, ". On confirm it becomes a real PaymentHeader and PaymentLine in the same transaction as the booking; from then on the payment record is the truth and these fields are never updated again. A wallet entry is ");
-    i0.ɵɵelementStart(17, "b");
-    i0.ɵɵtext(18, "copied");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(19, ", never shared, so the snapshot cannot drift if the saved card is later edited. ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(20, "div", 121)(21, "div", 47);
-    i0.ɵɵelement(22, "i", 122);
-    i0.ɵɵelementStart(23, "h3");
-    i0.ɵɵtext(24, "Payments applied");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "span", 123);
-    i0.ɵɵtext(26);
-    i0.ɵɵpipe(27, "mjoMoney");
-    i0.ɵɵpipe(28, "mjoMoney");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 33)(30, "table", 124)(31, "thead")(32, "tr")(33, "th");
-    i0.ɵɵtext(34, "Payment");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "th");
-    i0.ɵɵtext(36, "Applied");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "th", 61);
-    i0.ɵɵtext(38, "Amount");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(39, "tbody");
-    i0.ɵɵrepeaterCreate(40, MJOOrderEditorPageComponent_Conditional_42_For_41_Template, 7, 3, "tr", null, _forTrack1, false, MJOOrderEditorPageComponent_Conditional_42_ForEmpty_42_Template, 3, 0, "tr");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(43, "div", 125);
-    i0.ɵɵtext(44, " These are allocation LINES, not payments. One payment can settle several orders, so what matters here is the amount that reached THIS order \u2014 not what the customer handed over. ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 121)(46, "div", 47);
-    i0.ɵɵelement(47, "i", 126);
-    i0.ɵɵelementStart(48, "h3");
-    i0.ɵɵtext(49, "Terms");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(50, "div", 49)(51, "mjo-stated-value", 127);
-    i0.ɵɵtext(52);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(53, "mjo-stated-value", 128);
-    i0.ɵɵtext(54);
-    i0.ɵɵpipe(55, "mjoMoney");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(56, "div", 102);
-    i0.ɵɵtext(57, " Terms decide the due date, and the due date is what makes an order overdue. Nothing here is a stored \"overdue\" flag \u2014 that is a question about today's date, so it is asked rather than remembered. ");
-    i0.ɵɵelementEnd()()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(10);
-    i0.ɵɵconditional(ctx_r1.IsEditable ? 10 : 11);
-    i0.ɵɵadvance(16);
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(27, 6, ctx_r1.AppliedTotal), " of ", i0.ɵɵpipeBind1(28, 8, ctx_r1.EstimatedTotal));
-    i0.ɵɵadvance(14);
-    i0.ɵɵrepeater(ctx_r1.AppliedPayments);
-    i0.ɵɵadvance(12);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.dateOf(ctx_r1.Order.DueDate), " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(55, 10, ctx_r1.BalanceDue));
-} }
-function MJOOrderEditorPageComponent_Conditional_43_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 147)(1, "span", 68);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 87);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const dim_r31 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dim_r31["Dimension"]);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dim_r31["DimensionValue"]);
-} }
-function MJOOrderEditorPageComponent_Conditional_43_ForEmpty_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 51);
-    i0.ɵɵtext(1, " No tags. Dimensions are the axes a line is filed under for analysis \u2014 department, campaign, region \u2014 and an untagged line still books correctly; it is simply harder to group later. ");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_43_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 18)(1, "mjo-journal-entry-preview", 145);
-    i0.ɵɵlistener("OpenInAccounting", function MJOOrderEditorPageComponent_Conditional_43_Template_mjo_journal_entry_preview_OpenInAccounting_1_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenInAccounting.emit($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 102);
-    i0.ɵɵtext(3, " Read-only, and never duplicated. Orders creates ");
-    i0.ɵɵelementStart(4, "b");
-    i0.ɵɵtext(5, "Pending");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(6, " entries and owns nothing in the ledger, so every account links out to Accounting rather than being editable here. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 121)(8, "div", 47);
-    i0.ɵɵelement(9, "i", 146);
-    i0.ɵɵelementStart(10, "h3");
-    i0.ɵɵtext(11, "Dimension tags");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 123);
-    i0.ɵɵtext(13);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "div", 49);
-    i0.ɵɵrepeaterCreate(15, MJOOrderEditorPageComponent_Conditional_43_For_16_Template, 5, 2, "div", 147, _forTrack2, false, MJOOrderEditorPageComponent_Conditional_43_ForEmpty_17_Template, 2, 0, "div", 51);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(18, "div", 121)(19, "div", 47);
-    i0.ɵɵelement(20, "i", 148);
-    i0.ɵɵelementStart(21, "h3");
-    i0.ɵɵtext(22, "Record changes");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 125);
-    i0.ɵɵtext(24, " Every field change on this order is recorded by the platform, not by this app \u2014 which is why there is no \"edit history\" table of our own to keep in step. Open the record in Explorer's entity viewer to read it. ");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Entries", ctx_r1.JournalEntries)("Pending", ctx_r1.Status === "Draft" || ctx_r1.Status === "Quoted");
-    i0.ɵɵadvance(12);
-    i0.ɵɵtextInterpolate(ctx_r1.Dimensions.length);
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.Dimensions);
-} }
-function MJOOrderEditorPageComponent_Conditional_44_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-entity-data-grid", 149);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r1.JournalEntryParams)("Height", 360)("EditMode", "none")("ShowNewButton", false)("ShowDeleteButton", false)("AllowDelete", false)("ShowPager", true);
-} }
-function MJOOrderEditorPageComponent_Conditional_44_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵtext(1, " Nothing booked yet \u2014 an order books one journal entry per line when it is confirmed. ");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵconditionalCreate(1, MJOOrderEditorPageComponent_Conditional_44_Conditional_1_Template, 1, 7, "mj-entity-data-grid", 149)(2, MJOOrderEditorPageComponent_Conditional_44_Conditional_2_Template, 2, 0, "div", 102);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.JournalEntryParams ? 1 : 2);
-} }
-function MJOOrderEditorPageComponent_Conditional_45_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-entity-data-grid", 149);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("Params", ctx_r1.SubscriptionParams)("Height", 360)("EditMode", "none")("ShowNewButton", false)("ShowDeleteButton", false)("AllowDelete", false)("ShowPager", true);
-} }
-function MJOOrderEditorPageComponent_Conditional_45_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵtext(1, " No subscriptions \u2014 they are created on confirm, from lines whose product carries a subscription type. ");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_45_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
-    i0.ɵɵconditionalCreate(1, MJOOrderEditorPageComponent_Conditional_45_Conditional_1_Template, 1, 7, "mj-entity-data-grid", 149)(2, MJOOrderEditorPageComponent_Conditional_45_Conditional_2_Template, 2, 0, "div", 102);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.SubscriptionParams ? 1 : 2);
-} }
-function MJOOrderEditorPageComponent_Conditional_46_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "aside", 19)(1, "div", 150)(2, "div")(3, "h2");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 51);
-    i0.ɵɵtext(6);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "span", 97)(8, "button", 151);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_46_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseDrawer()); });
-    i0.ɵɵelement(9, "i", 108);
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "div", 152)(11, "div", 153);
-    i0.ɵɵtext(12, "Who this line is for");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "mjo-stated-value", 154);
-    i0.ɵɵtext(14);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "mjo-stated-value", 155);
-    i0.ɵɵtext(16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "mjo-stated-value", 156);
-    i0.ɵɵtext(18);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "div", 157);
-    i0.ɵɵtext(20, "Timing");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "mjo-stated-value", 158);
-    i0.ɵɵtext(22);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "div", 157);
-    i0.ɵɵtext(24, "Reversal");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "mjo-stated-value", 159);
-    i0.ɵɵtext(26);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "div", 51);
-    i0.ɵɵtext(28, " A line that reverses another inherits its price and is capped at the quantity still returnable there. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "div", 157);
-    i0.ɵɵtext(30, "Subscription");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "mjo-stated-value", 160);
-    i0.ɵɵtext(32);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 51);
-    i0.ɵɵtext(34, " Naming a renewal target ");
-    i0.ɵɵelementStart(35, "i");
-    i0.ɵɵtext(36, "is");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(37, " the statement of who the subscriber is, so the target's holder wins over the line's ship-to. ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(38, "div", 161)(39, "button", 162);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_46_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseDrawer()); });
-    i0.ɵɵtext(40, "Done");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "span", 163);
-    i0.ɵɵtext(42, "Every field here defaults from something. Nothing is required.");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    let tmp_1_0;
-    let tmp_2_0;
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(((tmp_1_0 = ctx_r1.ProductFor(ctx_r1.OpenLine)) == null ? null : tmp_1_0.Name) ?? "Line");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2(" ", (tmp_2_0 = ctx_r1.ProductFor(ctx_r1.OpenLine)) == null ? null : tmp_2_0.SKU, " \u00B7 revenue to ", (tmp_2_0 = ctx_r1.ProductFor(ctx_r1.OpenLine)) == null ? null : tmp_2_0.CompanyName, " ");
-    i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.OpenLine.ShipToAddressID ?? "\u2014 header default \u2014", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.OpenLine.ShipToPersonID ?? "\u2014 header default \u2014", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.OpenLine.ShipToOrganizationID ?? "\u2014 header default \u2014", " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2(" ", ctx_r1.OpenLine.ServicePeriodStart ?? "\u2014", " \u2013 ", ctx_r1.OpenLine.ServicePeriodEnd ?? "\u2014", " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.OpenLine.ReversesOrderLineID ?? "\u2014 nothing \u2014", " ");
-    i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.OpenLine.RenewsSubscriptionID ?? "\u2014 none \u2014", " ");
-} }
-function MJOOrderEditorPageComponent_Conditional_47_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 164);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_47_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SaveDraft()); });
-    i0.ɵɵelement(1, "i", 165);
-    i0.ɵɵtext(2, " Save draft ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 166);
-    i0.ɵɵlistener("click", function MJOOrderEditorPageComponent_Conditional_47_Conditional_1_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RequestConfirm()); });
-    i0.ɵɵelement(4, "i", 167);
-    i0.ɵɵtext(5, " Confirm order ");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", !ctx_r1.CanConfirm);
-} }
-function MJOOrderEditorPageComponent_Conditional_47_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 168);
-    i0.ɵɵelement(1, "i", 169);
-    i0.ɵɵtext(2, " Create reversal\u2026 ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 168);
-    i0.ɵɵelement(4, "i", 170);
-    i0.ɵɵtext(5, " Take payment ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 51);
-    i0.ɵɵtext(7, " This order has booked. Corrections are reversing orders \u2014 locked history is never edited. ");
-    i0.ɵɵelementEnd();
-} }
-function MJOOrderEditorPageComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20);
-    i0.ɵɵconditionalCreate(1, MJOOrderEditorPageComponent_Conditional_47_Conditional_1_Template, 6, 1)(2, MJOOrderEditorPageComponent_Conditional_47_Conditional_2_Template, 8, 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsEditable ? 1 : 2);
-} }
-export class MJOOrderEditorPageComponent {
-    orders = inject(MJOPricingScheduler);
-    // Required: this page is created imperatively and runs zoneless, so every assignment that
-    // lands after an await or from a preview callback has to tick explicitly.
-    cdr = inject(ChangeDetectorRef);
-    /**
-     * The order being edited. Supplied by the host — often the SAME instance fast
-     * entry was working on, which is what makes escalation lossless.
-     */
-    /**
-     * The order being edited — a real entity, not a parallel model of one.
-     *
-     * Bound directly: the object the screen mutates is the object that gets saved, so there is no
-     * mapping layer to drift and no second definition of what an order is.
-     */
-    Order;
-    /** True when the chosen tender needs a reference number — read from the PaymentType, not stored. */
-    RequiresPaymentReference = false;
-    /**
-     * The reference the user typed for the initial payment — a check number, wire confirmation, or
-     * transfer id.
-     *
-     * Backed by `Order.InitialPaymentReference` (companion). There is no column — confirm
-     * turns it into a `PaymentDetail` — but it has to ride the save, so it cannot stay page-only.
-     */
-    /** Catalog for the product column and the add-line picker. */
-    Catalog = [];
-    /**
-     * The companies this order could be raised under.
-     *
-     * The OWNING company decides which chart of accounts the order books into and who can see it,
-     * and it was previously taken silently from the first product in the catalog and never shown.
-     * A default nobody can see is a decision made on the user's behalf in secret — and with more
-     * than one company it is a decision they may well want to make differently.
-     */
-    Companies = [];
-    /** Where the order is. Drives the stepper and which verbs are offered. */
-    Status = 'Draft';
-    /** Document number, once the order has one. Drafts have none. */
-    OrderNumber = null;
-    /**
-     * Show this page's own Save/Confirm bar.
-     *
-     * The order workspace hosts this editor inside `mj-workspace-card`, which already provides
-     * Confirm / Keep as draft / Discard for the active tab. Left on, the screen shows two action
-     * bars that appear to do different things and do not.
-     */
-    ShowActions = true;
-    /**
-     * Tenders the instance accepts, for the initial-payment picker. Supplied by the host — the
-     * section already loads and caches them.
-     */
-    Tenders = [];
-    /** Journal entries — populated on the Accounting tab from a preview. */
-    JournalEntries = [];
-    /** The user asked to confirm. The host runs the pre-flight. */
-    ConfirmRequested = new EventEmitter();
-    /** The draft was saved. */
-    Saved = new EventEmitter();
-    /** A line was opened. The host may show it in a slide-in instead of the built-in drawer. */
-    LineOpened = new EventEmitter();
-    /** An entry's Accounting link was followed. */
-    OpenInAccounting = new EventEmitter();
-    /** Allocation lines that have landed on this order. */
-    AppliedPayments = [];
-    /** Dimension tags across this order's lines. */
-    Dimensions = [];
-    /** PaymentHeaderID (lower-cased) → its number, for the applied-payments table. */
-    PaymentNumbers = new Map();
-    /** What to show in the Payment column of an allocation row. */
-    PaymentNumberOf(line) {
-        return this.PaymentNumbers.get(String(line.PaymentHeaderID ?? '').toLowerCase()) ?? '—';
-    }
-    /** Active tab. */
-    ActiveTab = 'lines';
-    /**
-     * What the consequence grids ask for, or null when this order has no saved lines.
-     *
-     * Set in `loadPersistedDetail`, which only runs for a persisted order — a draft that has never
-     * been saved has booked nothing and started nothing, and the panes say so rather than
-     * rendering an empty grid that looks like a failed query.
-     */
-    get JournalEntryParams() {
-        return this.consequences.get(this.currentOrderID ?? '')?.Journal ?? null;
-    }
-    get SubscriptionParams() {
-        return this.consequences.get(this.currentOrderID ?? '')?.Subscriptions ?? null;
-    }
-    /**
-     * Params PER ORDER, not per editor instance.
-     *
-     * The workspace holds one tab per order but renders ONE editor for whichever is active, so
-     * anything stored as a plain field on this component belongs to "the last order that loaded"
-     * rather than to the order on screen — which is exactly how the journal tab came to show the
-     * previous tab's entries. Keyed by order id, a tab switch is a different map lookup and cannot
-     * be stale; the query runs once per order and only when someone opens one of the two tabs.
-     *
-     * A null result is NOT cached: an order with no saved lines yet has nothing to ask for, and
-     * caching that would keep answering "nothing" after its lines are saved.
-     */
-    consequences = new Map();
-    /** The order on screen, or null for a draft that has never been saved. */
-    get currentOrderID() {
-        return this.Order?.ID ?? null;
-    }
-    /**
-     * Latest line pricing.
-     *
-     * LINE PRICES ONLY, and the name says so. It is what `Orders.PreviewPrice`
-     * resolved per line — the same `ResolvePrice` the engine's own pricing walk
-     * calls — summed to a net subtotal. Charges, tax and promotions are decided
-     * inside the confirm transaction and are NOT here; the screen says so rather
-     * than showing them as zero.
-     */
-    Pricing = { Result: null, Loading: false, Error: null };
-    /** The line whose drawer is open, or null. */
-    OpenLine = null;
-    stopWatching = null;
-    async ngOnInit() {
-        // Tolerate a host that forgot to supply one rather than throwing: a blank
-        // editor is recoverable, a crashed tab is not.
-        if (!this.Order) {
-            const md = new Metadata();
-            this.Order = await md.GetEntityObject(MJO_ENTITIES.OrderHeader);
-            this.Order.NewRecord();
-        }
-        // Both callbacks MUST tick — they land from a debounced timer and an awaited network
-        // round-trip, outside anything Angular is watching on an imperatively-created, zoneless
-        // page. Assigning alone repaints nothing, so the decomposition stays on "— resolving…"
-        // and CanConfirm never turns true. Same defect as fast-entry.page.ts.
-        // NO SUBSCRIBE. The draft raised a change event this page listened to in order to re-price —
-        // a loop through an observable to learn something the page already knew, because every edit
-        // arrives through a setter the page owns. `onEdited()` is called from those setters instead:
-        // simpler, and an edit path that forgets to call it fails review rather than silently
-        // ceasing to re-price.
-        void this.orders.PriceNow(this.Order, (state) => {
-            this.Pricing = state;
-            this.cdr.detectChanges();
-        });
-        // Payments and dimension tags exist only against a SAVED order, so this
-        // resolves to empty for a fresh draft rather than querying for nothing.
-        void this.loadPersistedDetail();
-    }
-    /**
-     * The workspace swaps `[Draft]` when you change order tabs — the component is never remounted,
-     * so this is the only signal that the order on screen has changed.
-     */
-    ngOnChanges(changes) {
-        if (changes['Draft'])
-            void this.loadConsequences();
-        // STATUS IS THE CONFIRM SIGNAL. The workspace confirms in place and never remounts this
-        // component — it just flips `[Status]` to 'Confirmed'. Without re-reading here, the money
-        // on screen stays whatever the DRAFT implied, so an order that is Paid in the database went
-        // on saying "BALANCE $560.00 · Unpaid" to the person who had just paid it.
-        //
-        // Also covers `Draft`, because a tab switch swaps the draft and its persisted money with it.
-        if (changes['Status'] || changes['Draft'])
-            void this.loadPersistedDetail();
-    }
-    ngOnDestroy() {
-        if (this.partyTimer)
-            clearTimeout(this.partyTimer);
-        this.stopWatching?.();
-        this.orders.CancelPending();
-    }
-    /* ── Chrome ─────────────────────────────────────────────────────────── */
-    get Stages() {
-        return BuildOrderStages(this.Status, this.RequiresFulfillment);
-    }
-    /**
-     * Whether any line must ship — changes what the stepper says about Fulfilled.
-     *
-     * Read from the CATALOGUE, not from a priced line. It used to come off the
-     * preview's projection, which meant the stepper could not say whether an order
-     * shipped until a whole rolled-back booking had run. Whether a product is
-     * physical is a property of the product; the order does not decide it.
-     */
-    get RequiresFulfillment() {
-        return this.Lines.some((line) => this.ProductFor(line)?.TypeName === 'Goods');
-    }
-    /** The line subtotal, BEFORE tax and charges. Null until the first pass returns. */
-    get Totals() {
-        return this.Pricing.Result?.Totals ?? null;
-    }
-    /** True when at least one line has no resolvable price, so the subtotal is short. */
-    get HasUnpricedLines() {
-        return this.Pricing.Result?.HasUnpricedLines === true;
-    }
-    /** The five tabs, with counts and the red-dot state. */
-    get Tabs() {
-        // Same rule as `Issues`: a confirmed order carries no "still missing" state, so the red
-        // dots come off with the banner rather than leaving Parties flagged on a booked order.
-        const sections = this.IsEditable ? (this.Order?.SectionsWithErrors() ?? []) : [];
-        // Charges are decided inside the confirm transaction, so a draft has no count to show.
-        const chargeCount = 0;
-        return [
-            { Key: 'lines', Label: 'Lines', Count: this.Order?.Lines.Count ?? 0, HasError: sections.includes('lines') },
-            { Key: 'parties', Label: 'Parties', HasError: sections.includes('parties') },
-            { Key: 'charges', Label: 'Charges & tax', Count: chargeCount || null, HasError: sections.includes('charges') },
-            { Key: 'payment', Label: 'Payment', HasError: sections.includes('payment') },
-            { Key: 'accounting', Label: 'Accounting' },
-            // AFTER Accounting, in the order the consequences happen: the entries are written
-            // inside the confirm, the subscription is decided from the line that caused it.
-            { Key: 'journal', Label: 'Journal entries' },
-            { Key: 'subscriptions', Label: 'Subscriptions' },
-        ];
-    }
-    /**
-     * The same five tabs, shaped for MJ's own tab component.
-     *
-     * WHY mj-tab-nav AND NOT accounting's mj-workspace-card. The workspace card
-     * models OPEN DOCUMENTS — its strip closes, reorders and adds tabs, and it
-     * carries a New button. These five are PANES OF ONE ORDER: you cannot close
-     * Parties or add a sixth, so those affordances would be lies. It also lives in
-     * accounting's transfer-pending/ folder, which is explicitly parked code owed
-     * to another home, so depending on it now would buy a migration later.
-     * mj-tab-nav is the shared, shipped component whose semantics actually match.
-     *
-     * The red dot becomes an error-variant badge. A bare dot is a signifier with
-     * no meaning attached — only the aria-label said what it meant, so a sighted
-     * user saw a dot and had to guess. "!" in the same badge slot the count uses
-     * reads as attention-needed on sight, and severity is carried by colour rather
-     * than by a second element competing with the count.
-     */
-    get TabNav() {
-        return this.Tabs.map((tab) => ({
-            key: tab.Key,
-            label: tab.Label,
-            // A tab can need attention without having a count (Parties has no
-            // number), so the badge falls back to "!" rather than rendering
-            // nothing and losing the signal entirely.
-            // A tab nobody can act on yet gets a muted marker rather than looking like a place
-            // the user forgot to visit. MJ's TabConfig has no `disabled`, so this is the closest
-            // honest signal available — the pane itself explains why (see the Accounting tab).
-            badge: tab.Count ?? (tab.HasError ? '!' : this.IsTabInert(tab.Key) ? '—' : null),
-            badgeVariant: tab.HasError ? 'error' : 'default',
-        }));
-    }
-    /**
-     * Load what only a SAVED order can have.
-     *
-     * Payments and dimension tags exist against persisted rows, so a draft that
-     * has never been saved has neither — and asking for them with no id would be a
-     * query guaranteed to return nothing. Both awaits settle before either is
-     * assigned.
-     */
-    async loadPersistedDetail() {
-        const orderID = this.Order?.ID ?? null;
-        if (!orderID) {
-            this.AppliedPayments = [];
-            this.Dimensions = [];
-            return;
-        }
-        // A draft line carries a CLIENT key, and the preview's projection carries
-        // one too — neither is a database id, because a line has no id until it is
-        // saved. Dimensions hang off the SAVED lines, so those are read first and
-        // their ids are what the dimension query is given.
-        const [payments, savedLines, rows] = await Promise.all([
-            GetPaymentLinesForOrder(orderID),
-            GetOrderLines(orderID),
-            // THE ORDER'S OWN MONEY, READ BACK. Once an order is saved its total, amount paid,
-            // balance and payment status are FACTS the engine computed and triggers maintain —
-            // not something to re-derive here from client-side line pricing, which knows nothing
-            // about charges or tax and would disagree the moment either exists.
-            GetOrders({ OrderHeaderID: orderID, MaxRows: 1 }),
-        ]);
-        const dimensions = await GetLineDimensionsForOrder(savedLines.map((line) => String(line['ID'])));
-        this.AppliedPayments = payments;
-        // The allocation line knows WHICH payment but not what it is called — `PaymentLine` carries
-        // no number, so the table's Payment column needs one lookup rather than a field that does
-        // not exist.
-        this.PaymentNumbers = await GetPaymentNumbers(payments.map((line) => String(line.PaymentHeaderID ?? '')));
-        this.Dimensions = dimensions;
-        this.Persisted = rows[0] ?? null;
-        this.cdr.detectChanges();
-    }
-    /**
-     * The saved order row, or null while this is a draft that has never been saved.
-     *
-     * The DIVIDING LINE of this screen. Before a save there is no order, so the only money
-     * available is what `Orders.PreviewPrice` resolved per line — an estimate that excludes
-     * charges and tax and says so. After a save the engine's own figures exist, and they are
-     * authoritative; nothing here should be recomputing them.
-     */
-    Persisted = null;
-    /** True once this order exists in the database, so its own money can be shown. */
-    get IsPersisted() {
-        return this.Persisted !== null;
-    }
-    /**
-     * The money strip's four values, persisted-first.
-     *
-     * These exist because the strip used to be bound to `[Paid]="0"` and
-     * `[PaymentStatus]="Status === 'Draft' ? null : 'Unpaid'"` — LITERALS, not stale reads. So a
-     * confirmed, fully-paid order reported "PAID — · BALANCE $560.00 · Unpaid" for ever, and no
-     * amount of refreshing would have changed it. Verified against ORD-000122, which the database
-     * had as Paid / AmountPaid 560 / Balance 0 while the screen said otherwise.
-     *
-     * A draft still shows the estimate — it has nothing else to show — but it is labelled as one
-     * and, being a Draft, the strip hides Paid entirely.
-     */
-    get DisplayTotal() {
-        return this.Persisted ? Number(this.Persisted.TotalGross ?? 0) : (this.Totals?.NetTotal ?? null);
-    }
-    get DisplayPaid() {
-        // The header's rollup when it exists; otherwise the allocations, which is the same figure
-        // reached the long way and is what a not-yet-rolled-up read can still answer.
-        return this.Persisted ? Number(this.Persisted.AmountPaid ?? 0) : this.AppliedTotal;
-    }
-    get DisplayBalance() {
-        return this.Persisted ? Number(this.Persisted.Balance ?? 0) : (this.Totals?.NetTotal ?? null);
-    }
-    /**
-     * Null while the order is a draft — an unsaved order has no payment state to report.
-     *
-     * Narrowed rather than cast. `mjBizAppsOrdersOrderHeaderEntity.PaymentStatus` is a plain `string` off the view,
-     * and the strip takes the union; a cast would compile and then render an unstyled chip for
-     * any value the column grows later. Checking against the union means an unrecognised value
-     * shows nothing at all, which is the honest outcome.
-     */
-    get DisplayPaymentStatus() {
-        const status = this.Persisted?.PaymentStatus;
-        const known = ['Unpaid', 'PartiallyPaid', 'Paid', 'Overdue', 'WrittenOff'];
-        return known.find((s) => s === status) ?? null;
-    }
-    /** What has actually reached this order, summed from its allocations. */
-    get AppliedTotal() {
-        return Math.round(this.AppliedPayments.reduce((sum, line) => sum + Number(line['Amount'] ?? 0), 0) * 100) / 100;
-    }
-    /**
-     * The line subtotal. NOT the order's gross — tax and charges are not known here.
-     * Named for what it is so no caller mistakes it for the amount that will book.
-     */
-    get EstimatedTotal() {
-        return this.Pricing.Result?.Totals.NetTotal ?? 0;
-    }
-    get BalanceDue() {
-        return Math.round((this.EstimatedTotal - this.AppliedTotal) * 100) / 100;
-    }
-    dateOf(value) {
-        return value ? FormatDate(String(value), { Short: true }) : '—';
-    }
-    moneyOf(value) {
-        return FormatMoney(Number(value ?? 0));
-    }
-    /**
-     * True when a tab has nothing to show and nothing to edit for this order yet.
-     *
-     * Accounting is derived entirely from a confirm: an unbooked order has no journal entries and
-     * no dimensions to read, and nothing on that tab is authored by hand at any point.
-     */
-    IsTabInert(key) {
-        return key === 'accounting' && !this.JournalEntries.length;
-    }
-    /** Human name for a draft section, used in the to-do strip's tooltips. */
-    SectionLabel(section) {
-        return this.Tabs.find((t) => t.Key === section)?.Label ?? 'this order';
-    }
-    /**
-     * Jump to whichever tab owns an outstanding item.
-     *
-     * `OrderEditorSection` includes `header`, which has no tab — those fields live in the identity
-     * strip, which is always on screen. Navigating somewhere arbitrary for them would be worse
-     * than staying put, so a header issue simply does not move you.
-     */
-    GoToIssue(section) {
-        if (section === 'header')
-            return;
-        if (this.Tabs.some((t) => t.Key === section))
-            this.SelectTab(section);
-    }
-    SelectTab(tab) {
-        this.ActiveTab = tab;
-        // LOAD ON OPEN, not just on mount. `loadPersistedDetail` used to run only in `ngOnInit`,
-        // and this editor is mounted ONCE and re-fed through `[Draft]` — opening an existing order
-        // swaps the input without re-running the hook, so the consequence params stayed null and
-        // both tabs claimed nothing was booked for orders that plainly had entries.
-        //
-        // Keyed on the ORDER, so it re-reads when you switch to a different one, and after a
-        // confirm (which is when the entries first exist) rather than serving the pre-confirm
-        // answer for the rest of the session.
-        void this.loadConsequences();
-    }
-    /**
-     * Read the current order's consequence params, once, on demand.
-     *
-     * ON DEMAND is the point: nothing needs refreshing from the five places an order can change,
-     * because the answer is fetched the first time someone opens the tab for THAT order and is
-     * then keyed to it. Switching workspace tabs needs no notification — the getters read a
-     * different key.
-     */
-    async loadConsequences() {
-        if (this.ActiveTab !== 'journal' && this.ActiveTab !== 'subscriptions')
-            return;
-        const orderID = this.currentOrderID;
-        if (!orderID || this.consequences.has(orderID))
-            return;
-        const lineIDs = (await GetOrderLines(orderID)).map((line) => String(line['ID']));
-        const journal = JournalEntryViewParams(lineIDs);
-        const subscriptions = SubscriptionViewParams(lineIDs);
-        // Only a real answer is remembered — see `consequences`.
-        if (journal || subscriptions) {
-            this.consequences.set(orderID, { Journal: journal, Subscriptions: subscriptions });
-        }
-        this.cdr.detectChanges();
-    }
-    /**
-     * Narrowing entry point for MJ's tab component, whose (TabChange) is a plain
-     * string — it cannot know our union.
-     *
-     * Checked against the real tab list rather than cast. A cast would compile and
-     * then quietly set ActiveTab to a key that matches no pane, leaving the editor
-     * showing nothing with no error to explain it; this simply ignores a key that
-     * is not ours, and the current tab stays put.
-     */
-    SelectTabKey(key) {
-        const match = this.Tabs.find((tab) => tab.Key === key);
-        if (match)
-            this.SelectTab(match.Key);
-    }
-    /**
-     * Always cancels a move to Confirmed and routes through the confirm action instead.
-     * Booking is not undoable, and a stepper click is too easy a way to trigger it.
-     */
-    OnBeforeStageChange(event) {
-        if (event.To === 'Confirmed') {
-            event.Cancel = true;
-            event.CancelReason = 'Use Confirm — booking is not undoable.';
-            this.ConfirmRequested.emit(this.Order);
-        }
-    }
-    /* ── Lines ──────────────────────────────────────────────────────────── */
-    get Lines() {
-        return [...(this.Order?.Lines.Items ?? [])];
-    }
-    ProductFor(line) {
-        return this.Catalog.find((p) => p.ID === line.ProductID);
-    }
-    PricedLine(line) {
-        return this.Pricing.Result?.Lines?.find((l) => l.ClientKey === line.ID);
-    }
-    /** What one line's discount comes to, derived rather than reported. */
-    DiscountAmount(line) {
-        const priced = this.PricedLine(line);
-        if (!priced || priced.ExtendedAmount === null || priced.NetAmount === null)
-            return null;
-        const discount = Math.round((priced.ExtendedAmount - priced.NetAmount) * 100) / 100;
-        return discount > 0 ? discount : null;
-    }
-    SetQuantity(line, raw) {
-        const n = Number.parseFloat(raw);
-        line.Quantity = !Number.isFinite(n) || n === 0 ? 1 : n;
-        this.onEdited();
-    }
-    /**
-     * Typing a price is DIRECT ENTRY and wins over any resolved one. Clearing the
-     * field restores resolution, which is why an empty string maps to `undefined`
-     * rather than to zero.
-     */
-    SetUnitPrice(line, raw) {
-        const trimmed = raw.trim();
-        if (!trimmed) {
-            // Clearing a stated price hands the line back to the engine to resolve.
-            line.Set('UnitPrice', null);
-            this.onEdited();
-            return;
-        }
-        const n = Number.parseFloat(trimmed.replace(/[^0-9.\-]/g, ''));
-        if (Number.isFinite(n) && n >= 0) {
-            line.UnitPrice = n;
-            this.onEdited();
-        }
-    }
-    Remove(line) {
-        if (this.OpenLine?.ID === line.ID)
-            this.OpenLine = null;
-        // Remove() tracks the removal so a persisted line is DELETED rather than orphaned, and
-        // renumbers the survivors gap-free.
-        this.Order.Lines.Remove(line);
-        this.onEdited();
-    }
-    /* ── Adding a line ──────────────────────────────────────────────────────
-     *
-     * This screen could REMOVE a line and never ADD one, so the empty state
-     * ("No lines yet. An order needs at least one line before it can confirm.")
-     * was a dead end — it named the requirement and gave you no way to meet it.
-     * Fast entry was the only way to put a line on an order, which is why the
-     * full editor read as a viewer.
-     *
-     * The catalogue is already an `@Input`, so this is a local filter rather
-     * than a query — no round trip, and it works the same for a new order and
-     * an existing one.
-     */
-    /** What the user has typed into the add-product box. */
-    ProductQuery = '';
-    /** True once the box has focus — the list opens on click, not on the second keystroke. */
-    ProductPickerOpen = false;
-    /**
-     * What the product list shows.
-     *
-     * OPENS ON FOCUS, showing the catalogue, and narrows as you type. Requiring two characters
-     * first meant clicking the box did nothing at all, so there was no way to see what was for
-     * sale without already knowing its name — fine for a desk that has the catalogue memorised,
-     * useless for everyone else.
-     *
-     * ONE search over BOTH name and SKU, deliberately: an order taker reading off a purchase order
-     * has a code, one working from a conversation has a name, and asking them to pick the right box
-     * first is the kind of thing that makes people use the wrong one.
-     *
-     * `SKU ?? ''` is not defensive noise. Products in a freshly-migrated instance have a NULL SKU
-     * (the code ends up in the name instead), and `null.toLowerCase()` throws — which would take
-     * the whole picker down on the first keystroke rather than simply matching nothing.
-     *
-     * The cap is generous rather than tight because the list SCROLLS: it exists to stop a
-     * pathological catalogue rendering thousands of DOM nodes, not to make the user type.
-     */
-    get ProductMatches() {
-        if (!this.ProductPickerOpen)
-            return [];
-        const q = this.ProductQuery.trim().toLowerCase();
-        const pool = q
-            ? this.Catalog.filter((p) => (p.Name ?? '').toLowerCase().includes(q) || (p.SKU ?? '').toLowerCase().includes(q))
-            : this.Catalog;
-        return pool.slice(0, 50);
-    }
-    OnProductFocus() {
-        this.ProductPickerOpen = true;
-    }
-    /**
-     * Typing reopens the picker.
-     *
-     * Escape closes the list but does NOT blur the box — so without this, carrying on typing
-     * produced nothing and the field looked broken until you clicked away and back. Focus alone is
-     * not enough of a trigger, because the element already had it.
-     */
-    OnProductQueryChange() {
-        this.ProductPickerOpen = true;
-    }
-    /**
-     * True when the catalogue this picker filters was itself capped at the fetch.
-     *
-     * The section loads products with `MaxRows` (200 by default) and caches the result, so this
-     * picker filters a SUBSET and cannot see past it. Saying so is the difference between "no such
-     * product" and "not in the first 200" — the second is the one that wastes an afternoon.
-     */
-    get CatalogTruncated() {
-        return WasTruncated(MJO_ENTITIES.Product);
-    }
-    /**
-     * Add the product as a line.
-     *
-     * Quantity 1 and NO unit price: leaving `UnitPrice` undefined is what lets the
-     * pricing walk resolve it (`SetUnitPrice` documents the same rule from the
-     * other direction). Seeding it with the catalogue's list price would look
-     * helpful and would silently turn every line into a direct-entry price that
-     * ignores the customer's price list.
-     */
-    async AddProduct(option) {
-        const line = await this.Order.Lines.Create();
-        line.ProductID = option.ID;
-        line.Quantity = 1;
-        this.onEdited();
-        this.ProductQuery = '';
-        this.ProductPickerOpen = false;
-        // The new line, the cleared box and the closed picker were all assigned AFTER an await, so
-        // nothing repaints them on its own. Without this the product just typed appears to vanish.
-        this.cdr.detectChanges();
-    }
-    /* ── Dismissing the pickers ─────────────────────────────────────────────
-     *
-     * A typeahead that only closes when you pick something is a trap: the list stays over the
-     * table, and the only way out is to choose a product you did not want or to clear the box by
-     * hand. Clicking away is what everyone tries first.
-     */
-    /**
-     * Close any open picker when the click lands outside all of them.
-     *
-     * `pointerdown`, not `click`: the list is inside the same subtree, so a pointerdown that
-     * started on an option is excluded by the `closest()` test below and the option's own click
-     * still fires. Using blur instead would race the click and swallow the selection.
-     */
-    OnDocumentPointerDown(event) {
-        const target = event.target;
-        if (target?.closest('.ed-addline, .ed-party'))
-            return;
-        this.ClosePickers();
-    }
-    /** Escape closes the open picker without touching what is already on the order. */
-    OnEscape() {
-        this.ClosePickers();
-    }
-    /**
-     * Clears the SEARCH state only — never a chosen product or party. Guarded so an ordinary click
-     * anywhere on the page does not schedule a change-detection pass for nothing.
-     */
-    ClosePickers() {
-        const open = this.ProductQuery !== '' ||
-            this.ProductPickerOpen ||
-            this.PartyQuery.bill !== '' ||
-            this.PartyQuery.ship !== '' ||
-            this.PartyMatches.bill.length > 0 ||
-            this.PartyMatches.ship.length > 0;
-        if (!open)
-            return;
-        this.ProductQuery = '';
-        this.ProductPickerOpen = false;
-        this.PartyQuery = { bill: '', ship: '' };
-        this.PartyMatches = { bill: [], ship: [] };
-        this.cdr.detectChanges();
-    }
-    /* ── Parties ────────────────────────────────────────────────────────────
-     *
-     * The parties tab printed raw GUIDs through `mjo-stated-value` and had no
-     * inputs at all, so an order's payer could not be set here — the one field
-     * `OrderHeaderEntity.Validate()` requires before a confirm.
-     */
-    /** Search text per role, so bill-to and ship-to can be edited independently. */
-    PartyQuery = { bill: '', ship: '' };
-    PartyMatches = { bill: [], ship: [] };
-    PartySearching = null;
-    /**
-     * Focusing a party box shows who we have billed most recently, before anything is typed.
-     *
-     * A desk bills the same handful of accounts over and over, so the last few orders predict the
-     * next one better than an empty box does. `RecentCustomers` returns the same shape as
-     * `SearchCustomers`, so one template renders both and selection behaves identically.
-     */
-    async OnPartyFocus(role) {
-        if (this.PartyQuery[role].trim())
-            return; // already searching — do not overwrite the results
-        this.PartySearching = role;
-        try {
-            this.PartyMatches[role] = await RecentCustomers();
-        }
-        finally {
-            this.PartySearching = null;
-            this.cdr.detectChanges();
-        }
-    }
-    partyTimer = null;
-    /**
-     * Search as they type, DEBOUNCED.
-     *
-     * This is bound to `ngModelChange`, so without the timer every keystroke is a server
-     * round-trip — eight requests to spell "Northgate", each a LIKE scan, arriving out of order so
-     * a slow early one can overwrite a fast late one. Fast entry already solved this the same way;
-     * this had simply not learned it.
-     */
-    SearchParty(role) {
-        if (this.partyTimer)
-            clearTimeout(this.partyTimer);
-        const q = this.PartyQuery[role].trim();
-        if (q.length < 2) {
-            // Falling back to recents rather than to nothing: clearing the box should return you
-            // to where focusing it started, not to an empty list.
-            void this.OnPartyFocus(role);
-            return;
-        }
-        this.partyTimer = setTimeout(async () => {
-            this.PartySearching = role;
-            try {
-                this.PartyMatches[role] = await SearchCustomers(q);
-            }
-            finally {
-                this.PartySearching = null;
-                // Lands from a timer AND an awaited request, so nothing is watching this — it has
-                // to tick explicitly or the results never paint.
-                this.cdr.detectChanges();
-            }
-        }, 250);
-    }
-    /**
-     * A customer is an organization OR a person, never both — the database says so
-     * (`CK_*_Party`), so the picker sets one and clears the other rather than
-     * leaving whichever was chosen first behind.
-     */
-    ChooseParty(role, match) {
-        const party = match.IsOrganization
-            ? { OrganizationID: match.ID, PersonID: null }
-            : { PersonID: match.ID, OrganizationID: null };
-        this.applyParty(role, party);
-        this.onEdited();
-        this.PartyLabels[role] = match.Name;
-        this.PartyQuery[role] = '';
-        this.PartyMatches[role] = [];
-    }
-    ClearParty(role) {
-        const empty = { OrganizationID: null, PersonID: null };
-        this.applyParty(role, null);
-        this.onEdited();
-        this.PartyLabels[role] = null;
-    }
-    /**
-     * Display names for the chosen parties.
-     *
-     * Held here rather than read back from the draft because the draft stores IDs
-     * only — showing a GUID is what the old read-only tab did, and it told the
-     * user nothing.
-     */
-    PartyLabels = { bill: null, ship: null };
-    PartyIdFor(role) {
-        const h = this.Order;
-        if (!h)
-            return null;
-        return role === 'bill' ? (h.BillToOrganizationID ?? h.BillToPersonID ?? null) : (h.ShipToOrganizationID ?? h.ShipToPersonID ?? null);
-    }
-    /* ── Initial payment ────────────────────────────────────────────────────
-     *
-     * INTENT, not a payment. On confirm this becomes a real PaymentHeader in the same
-     * transaction as the booking; until then it is two fields on the draft. The tab said as much
-     * and then showed both of them read-only, so an order taken over the counter could not record
-     * that it had been paid for.
-     */
-    /** True when there is a real choice to make — one company needs no picker. */
-    get HasCompanyChoice() {
-        return this.IsEditable && this.Companies.length > 1;
-    }
-    /** The owning company's name, for the read-only case. */
-    get OwningCompanyName() {
-        const id = this.Order?.CompanyID;
-        return this.Companies.find((c) => c.ID === id)?.Name ?? '—';
-    }
-    /**
-     * Change which company owns the order.
-     *
-     * Only meaningful while the order is a draft: the owning company anchors the document and the
-     * ledger it books into, so moving it after confirm would rewrite history rather than edit a form.
-     * `IsEditable` already gates the control.
-     */
-    SetOwningCompany(companyID) {
-        if (!companyID)
-            return;
-        this.Order.CompanyID = companyID;
-        this.onEdited();
-    }
-    /** The `PaymentType` row behind the chosen tender, or null for invoice-on-terms. */
-    get SelectedTenderType() {
-        const id = this.Order?.InitialPaymentTypeID;
-        if (!id)
-            return null;
-        return this.Tenders.find((t) => t.ID === id) ?? null;
-    }
-    /** True when this tender cannot be captured without a check/wire/transfer number. */
-    get RequiresReference() {
-        return this.SelectedTenderType?.RequiresReference === true;
-    }
-    /** The reference as typed. Read from the DRAFT, so it survives a tab switch or a remount. */
-    get Reference() {
-        return this.Order?.InitialPaymentReference ?? '';
-    }
-    SetReference(value) {
-        this.restateIntent({ Reference: value });
-    }
-    SetTender(paymentTypeID) {
-        if (!paymentTypeID) {
-            // Choosing the blank option means "invoice on terms" — clear the intent rather than
-            // leaving an amount attached to no tender, which the server would reject.
-            this.Order.InitialPaymentTypeID = null;
-            this.Order.InitialPaymentAmount = 0;
-            this.Order.InitialPaymentReference = null;
-            this.onEdited();
-            return;
-        }
-        // Switching tender drops a reference typed for the previous one: a check number is not a
-        // wire confirmation, and carrying it across would put the wrong id on the payment.
-        this.restateIntent({ PaymentTypeID: paymentTypeID, Reference: '' });
-    }
-    /**
-     * Re-state the WHOLE initial-payment intent with one part changed.
-     *
-     * `SetInitialPayment` deliberately takes the complete intent, so patching one field means
-     * restating the others — and the two setters here used to omit the reference entirely, which
-     * would have wiped a typed check number the moment the amount changed.
-     */
-    restateIntent(patch) {
-        const paymentTypeID = patch.PaymentTypeID !== undefined ? patch.PaymentTypeID : (this.Order.InitialPaymentTypeID ?? null);
-        const requiresReference = this.Tenders.find((t) => t.ID === paymentTypeID)?.RequiresReference === true;
-        this.Order.InitialPaymentTypeID = paymentTypeID;
-        this.Order.InitialPaymentAmount =
-            patch.Amount !== undefined ? patch.Amount : (this.Order.InitialPaymentAmount ?? 0);
-        this.Order.InitialPaymentReference =
-            patch.Reference !== undefined ? patch.Reference : (this.Order.InitialPaymentReference ?? null);
-        // Whether this tender needs a reference is a property of the TENDER, not of the order, so it
-        // is not stored — it is looked up when the rule is evaluated. The draft carried a copy of it
-        // that could go stale against the PaymentType row.
-        this.RequiresPaymentReference = requiresReference;
-        this.onEdited();
-    }
-    SetInitialAmount(raw) {
-        const n = Number.parseFloat(raw.replace(/[^0-9.\-]/g, ''));
-        this.restateIntent({ Amount: Number.isFinite(n) && n >= 0 ? n : 0 });
-    }
-    /**
-     * Offer the balance as the obvious amount — the common case is paying in full.
-     *
-     * ⚠ It offers the NET subtotal, not the gross. See the same note in
-     * `fast-entry.page.ts` (`applyTenderIntent`): `createInitialPayment` takes the
-     * stated amount at face value and has no pay-in-full intent to settle against the
-     * total it computes, and the client can no longer know that total. Harmless while
-     * no charge or tax rule is configured; it UNDER-PAYS the moment one is. The fix is
-     * an engine-side intent, and it is backlogged rather than guessed at here.
-     */
-    PayInFull() {
-        this.restateIntent({ Amount: this.Totals?.NetTotal ?? 0 });
-    }
-    /**
-     * Order types, from the draft's own union rather than a list typed here — CodeGen widens that
-     * union when the CHECK constraint gains a value, and a hand-copied list would not follow.
-     */
-    OrderTypes = [
-        'Sale',
-        'Return',
-        'Cancellation',
-        'Amendment',
-        'AccountCredit',
-    ];
-    /** The "no tender" row. A real option meaning invoice on terms, not a placeholder. */
-    TenderNone = { ID: '', Name: '— invoice on terms —' };
-    SetOrderType(value) {
-        this.Order.OrderType = value;
-        this.onEdited();
-    }
-    /**
-     * `<input type="date">` will only accept `yyyy-MM-dd`. The draft stores whatever it was given —
-     * often a full ISO timestamp from a loaded order — and handing that to the input makes the field
-     * render EMPTY with no error, which reads as "this order has no date".
-     */
-    /**
-     * True once pricing has RETURNED, so an empty price source means "there is no rule" rather
-     * than "not yet". Drives the price badge's missing-rule state.
-     *
-     * Deliberately NOT `!!Pricing.Result` alone: a stale result from the previous keystroke is
-     * present while the next pass is in flight, and treating that as settled would flash
-     * "no price rule" at a line that is simply being recomputed.
-     */
-    get PricingSettled() {
-        return !this.Pricing.Loading && !!this.Pricing.Result;
-    }
-    DateValue(raw) {
-        if (!raw)
-            return '';
-        // `<input type="date">` accepts only yyyy-MM-dd. The entity hands back a real Date now
-        // rather than whatever string the draft was given, so this normalises both: a Date is
-        // formatted in LOCAL time, because toISOString() would shift a date-only value across the
-        // day boundary for anyone west of UTC and silently show yesterday.
-        if (raw instanceof Date) {
-            const y = raw.getFullYear();
-            const m = String(raw.getMonth() + 1).padStart(2, '0');
-            const d = String(raw.getDate()).padStart(2, '0');
-            return `${y}-${m}-${d}`;
-        }
-        return raw.length >= 10 ? raw.slice(0, 10) : raw;
-    }
-    /**
-     * True when this header field is showing a DEFAULT the user has not confirmed — drives the
-     * muted styling and the explanatory tooltip on the identity strip.
-     *
-     * Guarded on `Draft` because the editor renders before a draft is bound in the imperative path.
-     */
-    IsDefault(field) {
-        // A field the user has not touched. BaseEntity tracks this per field, so the draft's
-        // parallel bookkeeping is unnecessary.
-        return this.Order?.GetFieldByName(field)?.Dirty === false;
-    }
-    /** Free-text and date header fields, written straight through to the draft. */
-    SetHeaderField(field, raw) {
-        const value = raw.trim();
-        this.Order.Set(field, value || null);
-        this.onEdited();
-    }
-    /*
-     * No re-pricing call here on purpose. `ngOnInit` subscribes to the draft, and every mutator
-     * above calls `onEdited()`, which reprices — so an explicit
-     * SchedulePricing in each mutator would be a second debounce for the same change and would
-     * quietly suggest the subscription is not doing its job.
-     */
-    Open(line) {
-        this.OpenLine = line;
-        this.LineOpened.emit(line);
-    }
-    CloseDrawer() {
-        this.OpenLine = null;
-    }
-    /* ── Totals ladder (Lines tab) ──────────────────────────────────────── */
-    /**
-     * The decomposition ladder, as far as the browser can honestly go.
-     *
-     * It stops at the net subtotal, and SAYS it stops there. Charges and tax used to
-     * appear here because the rolled-back preview had run the engine's whole walk;
-     * without that run they are unknown, and an unknown rendered as `$0.00` on the
-     * screen that tells someone what they are committing to is the exact defect this
-     * ladder was built to prevent. A missing row is honest; a zero is not.
-     */
-    get LadderRows() {
-        const t = this.Totals;
-        if (!t)
-            return [];
-        const rows = [{ Label: 'Subtotal at list', Amount: t.ListSubtotal }];
-        if (t.DiscountTotal > 0) {
-            rows.push({ Label: 'Discounts', Amount: t.DiscountTotal, IsSub: true, IsCredit: true });
-        }
-        rows.push({
-            Label: 'Net before tax & charges',
-            Amount: t.NetTotal,
-            IsTotal: true,
-            Why: 'Charges, tax and promotions are decided when the order is confirmed, inside the same ' +
-                'transaction that books it. They are not shown here because they are not known here — ' +
-                'the confirmed order is what states the final amount.',
-        });
-        return rows;
-    }
-    /* ── Actions ────────────────────────────────────────────────────────── */
-    get IsEditable() {
-        // Edit gating rides the status. After confirming, corrections are reversing
-        // orders — so the fields lock and the verbs change rather than a Save
-        // sitting there greyed out with no explanation.
-        return this.Status === 'Draft' || this.Status === 'Quoted';
-    }
-    /**
-     * NOT GATED ON A PRICE. It used to require a returned preview, so a failed or
-     * still-running preview left a completed order permanently unconfirmable with a
-     * dead button and no reason on it. The engine decides whether an order can be
-     * confirmed; this checks only what the client can know for itself.
-     */
-    get CanConfirm() {
-        return this.IsEditable && this.Order?.Validate().Success === true;
-    }
-    /** Errors worth surfacing above the tabs, so a red dot is never the only clue. */
-    get Issues() {
-        // ONLY WHILE THE ORDER CAN STILL BE CONFIRMED. `Validate()` answers "could this be
-        // confirmed as it stands", which is a question with no meaning once it HAS been — a
-        // confirmed order was showing "1 thing to sort out before this can confirm", and a red dot
-        // on Parties, for an order already booked to the ledger. That reads as "something is wrong
-        // with this order" when nothing is.
-        if (!this.IsEditable)
-            return [];
-        return (this.Order?.Validate().Errors ?? []).map((e) => ({
-            Code: e.Source ?? 'INVALID',
-            Section: OrderHeaderEntity.SectionForField(e.Source),
-            Severity: 'error',
-            Message: e.Message,
-        }));
-    }
-    async SaveDraft() {
-        await this.Order.SaveOrThrow();
-        this.Saved.emit(this.Order);
-    }
-    RequestConfirm() {
-        if (!this.CanConfirm)
-            return;
-        this.ConfirmRequested.emit(this.Order);
-    }
-    /**
-     * Called by every setter on this page after it mutates the order.
-     *
-     * Reprices (debounced) and repaints. Both matter on a zoneless, imperatively-created page: the
-     * pricing callback lands from a timer and an awaited round trip, so assigning alone paints
-     * nothing and the strip stays on "— resolving…" while CanConfirm never turns true.
-     */
-    onEdited() {
-        this.orders.SchedulePricing(this.Order, (state) => {
-            this.Pricing = state;
-            this.cdr.detectChanges();
-        });
-        this.cdr.detectChanges();
-    }
-    /** Apply a chosen party to the bill-to or ship-to side. Null clears it. */
-    applyParty(role, party) {
-        if (role === 'bill') {
-            this.Order.BillToPersonID = party?.PersonID ?? null;
-            this.Order.BillToOrganizationID = party?.OrganizationID ?? null;
-        }
-        else {
-            this.Order.ShipToPersonID = party?.PersonID ?? null;
-            this.Order.ShipToOrganizationID = party?.OrganizationID ?? null;
-            this.Order.ShipToAddressID = party?.AddressID ?? null;
-        }
-    }
-    /** Whether the user typed this line's price rather than the engine resolving one. */
-    PriceStated(line) {
-        return line.GetFieldByName('UnitPrice')?.Dirty === true;
-    }
-    /** Promotion codes presented but not yet saved — screen state, held by the entry service. */
-    get PromotionCodes() {
-        return this.Order.PromotionCodes.Codes;
-    }
-    static ɵfac = function MJOOrderEditorPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOOrderEditorPageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOOrderEditorPageComponent, selectors: [["mjo-order-editor-page"]], hostBindings: function MJOOrderEditorPageComponent_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("pointerdown", function MJOOrderEditorPageComponent_pointerdown_HostBindingHandler($event) { return ctx.OnDocumentPointerDown($event); }, i0.ɵɵresolveDocument)("keydown.escape", function MJOOrderEditorPageComponent_keydown_escape_HostBindingHandler() { return ctx.OnEscape(); }, i0.ɵɵresolveDocument);
-        } }, inputs: { Order: "Order", Catalog: "Catalog", Companies: "Companies", Status: "Status", OrderNumber: "OrderNumber", ShowActions: "ShowActions", Tenders: "Tenders", JournalEntries: "JournalEntries" }, outputs: { ConfirmRequested: "ConfirmRequested", Saved: "Saved", LineOpened: "LineOpened", OpenInAccounting: "OpenInAccounting" }, features: [i0.ɵɵNgOnChangesFeature], decls: 48, vars: 26, consts: [[1, "ed-scroll"], [1, "ed-sticky"], [1, "ed-identity"], [1, "l"], [1, "v", "mono"], ["aria-label", "Order type", 1, "ed-identity__input", 3, "ed-identity__input--default", "title", "Data", "ValuePrimitive", "ngModel"], [1, "v"], [1, "ed-identity__cell--wide"], ["aria-label", "Selling company", "TextField", "Name", "ValueField", "ID", 1, "ed-identity__input", 3, "title", "Data", "ValuePrimitive", "ngModel"], ["type", "date", "aria-label", "Order date", 1, "mj-input", "ed-identity__input", 3, "ed-identity__input--default", "title", "ngModel"], ["type", "date", "aria-label", "Due date", 1, "mj-input", "ed-identity__input", 3, "ngModel"], ["type", "text", "aria-label", "Their PO number", "placeholder", "\u2014", 1, "mj-input", "ed-identity__input", "mono", 3, "ngModel"], [1, "row", "wrap", "ed-stage-row"], [3, "BeforeStageChange", "Current", "Stages", "ReadOnly"], [1, "ed-money", 3, "Total", "Paid", "Balance", "ShowPaid", "PaymentStatus"], ["role", "status", 1, "ed-todo"], [1, "ed-tabs", 3, "TabChange", "Tabs", "ActiveKey"], [1, "ed-panes"], [1, "ed-pane"], ["role", "dialog", "aria-label", "Line detail", 1, "mj-slide-in", "is-open", "ed-drawer"], [1, "ed-footer"], ["aria-label", "Order type", 1, "ed-identity__input", 3, "ngModelChange", "title", "Data", "ValuePrimitive", "ngModel"], ["aria-label", "Selling company", "TextField", "Name", "ValueField", "ID", 1, "ed-identity__input", 3, "ngModelChange", "title", "Data", "ValuePrimitive", "ngModel"], ["type", "date", "aria-label", "Order date", 1, "mj-input", "ed-identity__input", 3, "ngModelChange", "title", "ngModel"], ["type", "date", "aria-label", "Due date", 1, "mj-input", "ed-identity__input", 3, "ngModelChange", "ngModel"], ["type", "text", "aria-label", "Their PO number", "placeholder", "\u2014", 1, "mj-input", "ed-identity__input", "mono", 3, "ngModelChange", "ngModel"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-exclamation", "ed-todo__icon"], [1, "ed-todo__count"], [1, "ed-todo__lead"], [1, "ed-todo__items"], ["type", "button", 1, "ed-todo__item", 3, "title"], ["type", "button", 1, "ed-todo__item", 3, "click", "title"], [1, "ed-addline"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--lines"], [1, "ed-col-n"], [1, "ed-col-co"], [1, "num", "ed-col-qty"], [1, "num", "ed-col-price"], [1, "num", "ed-col-disc"], [1, "num", "ed-col-net"], ["title", "Decided when the order is confirmed", 1, "num", "ed-col-tax", "muted"], ["title", "Decided when the order is confirmed", 1, "num", "ed-col-total", "muted"], [1, "ed-col-act"], [1, "is-clickable"], [1, "grid-2", "ed-below"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-percent"], [1, "mj-card-pad"], [1, "ed-promo", "muted"], [1, "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-calculator"], [3, "Rows", "Stale"], [1, "ed-addline__field"], ["aria-hidden", "true", 1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Add a product \u2014 name or SKU", "aria-label", "Add a product to this order", 1, "mj-input", 3, "focus", "ngModelChange", "ngModel"], ["role", "listbox", "aria-label", "Matching products", 1, "ed-addline__matches"], [1, "small", "muted", "ed-addline__none"], ["type", "button", 1, "ed-addline__match", 3, "mousedown"], [1, "nm"], [1, "num"], [1, "is-clickable", 3, "click"], [1, "muted"], [1, "ed-line-nm"], [1, "primary"], [1, "secondary"], [1, "ed-line-conseq"], [1, "mj-chip", "mj-chip--outline"], [1, "num", 3, "click"], ["aria-label", "Quantity", 1, "mj-input", "is-num", "ed-input-qty", 3, "change", "value", "disabled"], ["placeholder", "resolve", "aria-label", "Unit price", 1, "mj-input", "is-num", "ed-input-price", 3, "change", "value", "disabled"], [3, "Source", "Settled", "Overridden"], [1, "secondary", "mj-money--credit"], [1, "mj-money--credit"], [1, "num", "strong"], ["title", "Decided when the order is confirmed", 1, "num", "muted"], [3, "click"], ["type", "button", "aria-label", "Remove line", 1, "mj-iconbtn"], ["Kind", "fulfillment"], ["Kind", "untaxable"], ["type", "button", "aria-label", "Remove line", 1, "mj-iconbtn", 3, "click"], ["aria-hidden", "true", 1, "fa-regular", "fa-trash-can"], ["colspan", "10"], [1, "mj-empty", "ed-empty"], ["aria-hidden", "true", 1, "fa-solid", "fa-cart-plus"], [1, "t"], [1, "small"], [1, "is-total"], ["colspan", "6"], [1, "num", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-minus", 2, "color", "var(--mj-text-disabled)"], [1, "ed-promo__body"], [1, "mono"], [1, "mj-num"], [1, "grid-2"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-invoice-dollar"], [1, "right"], [1, "ed-party"], [1, "ed-party__label"], [1, "ed-party__chosen"], ["Label", "Terms", "From", "organization default"], [1, "small", "muted", "ed-note"], ["aria-hidden", "true", 1, "fa-solid", "fa-truck-fast"], ["Label", "Address"], [1, "mj-chip"], ["type", "button", "aria-label", "Clear customer", 1, "mj-iconbtn"], ["type", "button", "aria-label", "Clear customer", 1, "mj-iconbtn", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"], [1, "ed-party__field"], ["type", "text", "placeholder", "Search people and organizations", "aria-label", "Customer", 1, "mj-input", 3, "ngModelChange", "focus", "ngModel"], ["role", "listbox", "aria-label", "Matching customers", 1, "ed-party__matches"], ["type", "button", 1, "ed-party__match", 3, "mousedown"], ["aria-hidden", "true"], ["type", "button", "aria-label", "Clear recipient", 1, "mj-iconbtn"], ["type", "button", "aria-label", "Clear recipient", 1, "mj-iconbtn", 3, "click"], ["type", "text", "placeholder", "Leave empty to use the customer", "aria-label", "Recipient", 1, "mj-input", 3, "ngModelChange", "focus", "ngModel"], [1, "mj-empty", "ed-empty", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-receipt"], ["aria-hidden", "true", 1, "fa-solid", "fa-credit-card"], [1, "mj-chip", "mj-chip--info"], [1, "mj-card", "ed-block"], ["aria-hidden", "true", 1, "fa-solid", "fa-list-check"], [1, "right", "small", "muted"], [1, "mj-table", "mj-table--compact"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-calendar-day"], ["Label", "Due", "From", "set when the order confirms"], ["Label", "Balance"], [1, "ed-field"], ["for", "ed-tender", 1, "ed-field__label"], ["id", "ed-tender", "TextField", "Name", "ValueField", "ID", 3, "ngModelChange", "Data", "ValuePrimitive", "DefaultItem", "ngModel"], [1, "ed-tender-ref"], ["for", "ed-tender-ref", 1, "ed-field__label"], ["aria-hidden", "true", 1, "ed-tender-ref__req"], ["id", "ed-tender-ref", "autocomplete", "off", 1, "mj-input", 3, "input", "value", "placeholder"], [1, "ed-tender-ref__hint", "small", "muted"], ["for", "ed-payamt", 1, "ed-field__label"], [1, "ed-field__row"], ["id", "ed-payamt", "type", "text", "inputmode", "decimal", 1, "mj-input", "is-num", 3, "ngModelChange", "ngModel"], ["type", "button", "mjButton", "", "variant", "outline", "title", "Use the order total", 3, "click"], ["Label", "Tender"], ["Label", "Amount"], [1, "mono", "small"], ["colspan", "3", 1, "small", "muted"], ["EmptyText", "Nothing booked yet \u2014 confirm the order to create its entries.", 3, "OpenInAccounting", "Entries", "Pending"], ["aria-hidden", "true", 1, "fa-solid", "fa-tags"], [1, "ed-dim"], ["aria-hidden", "true", 1, "fa-solid", "fa-clock-rotate-left"], [3, "Params", "Height", "EditMode", "ShowNewButton", "ShowDeleteButton", "AllowDelete", "ShowPager"], [1, "mj-slide-in-head"], ["type", "button", "aria-label", "Close", 1, "mj-iconbtn", 3, "click"], [1, "mj-slide-in-body"], [1, "sec-label"], ["Label", "Ship-to address", "From", "falls back to the header"], ["Label", "Ship-to person", "From", "falls back independently"], ["Label", "Ship-to organization", "From", "falls back independently"], [1, "sec-label", "ed-drawer__section"], ["Label", "Service period", "From", "as entered"], ["Label", "Reverses"], ["Label", "Renews"], [1, "mj-slide-in-foot"], ["type", "button", "mjButton", "", "variant", "primary", "size", "sm", 3, "click"], [1, "small", "muted", "spacer"], ["type", "button", "mjButton", "", "variant", "outline", 3, "click"], ["aria-hidden", "true", 1, "fa-regular", "fa-floppy-disk"], ["type", "button", "mjButton", "", "variant", "primary", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-check"], ["type", "button", "mjButton", "", "variant", "outline"], ["aria-hidden", "true", 1, "fa-solid", "fa-rotate-left"], ["aria-hidden", "true", 1, "fa-solid", "fa-hand-holding-dollar"]], template: function MJOOrderEditorPageComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div")(4, "span", 3);
-            i0.ɵɵtext(5, "Order");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "span", 4);
-            i0.ɵɵtext(7);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(8, "div")(9, "span", 3);
-            i0.ɵɵtext(10, "Type");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(11, MJOOrderEditorPageComponent_Conditional_11_Template, 1, 6, "mj-dropdown", 5)(12, MJOOrderEditorPageComponent_Conditional_12_Template, 2, 1, "span", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(13, "div", 7)(14, "span", 3);
-            i0.ɵɵtext(15, "Selling as");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(16, MJOOrderEditorPageComponent_Conditional_16_Template, 1, 4, "mj-dropdown", 8)(17, MJOOrderEditorPageComponent_Conditional_17_Template, 2, 1, "span", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "div")(19, "span", 3);
-            i0.ɵɵtext(20, "Order date");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(21, MJOOrderEditorPageComponent_Conditional_21_Template, 1, 4, "input", 9)(22, MJOOrderEditorPageComponent_Conditional_22_Template, 2, 1, "span", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "div")(24, "span", 3);
-            i0.ɵɵtext(25, "Due");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(26, MJOOrderEditorPageComponent_Conditional_26_Template, 1, 1, "input", 10)(27, MJOOrderEditorPageComponent_Conditional_27_Template, 2, 1, "span", 6);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(28, "div")(29, "span", 3);
-            i0.ɵɵtext(30, "Their PO");
-            i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(31, MJOOrderEditorPageComponent_Conditional_31_Template, 1, 1, "input", 11)(32, MJOOrderEditorPageComponent_Conditional_32_Template, 2, 1, "span", 4);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(33, "div", 12)(34, "mjo-status-stepper", 13);
-            i0.ɵɵlistener("BeforeStageChange", function MJOOrderEditorPageComponent_Template_mjo_status_stepper_BeforeStageChange_34_listener($event) { return ctx.OnBeforeStageChange($event); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelement(35, "mjo-money-strip", 14);
-            i0.ɵɵconditionalCreate(36, MJOOrderEditorPageComponent_Conditional_36_Template, 9, 1, "div", 15);
-            i0.ɵɵelementStart(37, "mj-tab-nav", 16);
-            i0.ɵɵlistener("TabChange", function MJOOrderEditorPageComponent_Template_mj_tab_nav_TabChange_37_listener($event) { return ctx.SelectTabKey($event); });
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(38, "div", 17);
-            i0.ɵɵconditionalCreate(39, MJOOrderEditorPageComponent_Conditional_39_Template, 47, 6, "div", 18);
-            i0.ɵɵconditionalCreate(40, MJOOrderEditorPageComponent_Conditional_40_Template, 46, 4, "div", 18);
-            i0.ɵɵconditionalCreate(41, MJOOrderEditorPageComponent_Conditional_41_Template, 8, 1, "div", 18);
-            i0.ɵɵconditionalCreate(42, MJOOrderEditorPageComponent_Conditional_42_Template, 58, 12, "div", 18);
-            i0.ɵɵconditionalCreate(43, MJOOrderEditorPageComponent_Conditional_43_Template, 25, 4, "div", 18);
-            i0.ɵɵconditionalCreate(44, MJOOrderEditorPageComponent_Conditional_44_Template, 3, 1, "div", 18);
-            i0.ɵɵconditionalCreate(45, MJOOrderEditorPageComponent_Conditional_45_Template, 3, 1, "div", 18);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(46, MJOOrderEditorPageComponent_Conditional_46_Template, 43, 10, "aside", 19);
-            i0.ɵɵconditionalCreate(47, MJOOrderEditorPageComponent_Conditional_47_Template, 3, 1, "div", 20);
-        } if (rf & 2) {
-            i0.ɵɵadvance(7);
-            i0.ɵɵtextInterpolate(ctx.OrderNumber ?? "New draft");
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.IsEditable ? 11 : 12);
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.HasCompanyChoice ? 16 : 17);
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.IsEditable ? 21 : 22);
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.IsEditable ? 26 : 27);
-            i0.ɵɵadvance(5);
-            i0.ɵɵconditional(ctx.IsEditable ? 31 : 32);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("Current", ctx.Status)("Stages", ctx.Stages)("ReadOnly", !ctx.IsEditable);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("Total", ctx.DisplayTotal)("Paid", ctx.DisplayPaid)("Balance", ctx.DisplayBalance)("ShowPaid", ctx.IsPersisted)("PaymentStatus", ctx.DisplayPaymentStatus);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.Issues.length ? 36 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("Tabs", ctx.TabNav)("ActiveKey", ctx.ActiveTab);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional(ctx.ActiveTab === "lines" ? 39 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ActiveTab === "parties" ? 40 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ActiveTab === "charges" ? 41 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ActiveTab === "payment" ? 42 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ActiveTab === "accounting" ? 43 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ActiveTab === "journal" ? 44 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ActiveTab === "subscriptions" ? 45 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.OpenLine ? 46 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowActions ? 47 : -1);
-        } }, dependencies: [MJButtonDirective, MJDropdownComponent, MJTabNavComponent,
-            EntityViewerModule, i1.EntityDataGridComponent, CommonModule,
-            FormsModule, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, MJOMoneyStripComponent,
-            MJOStatusStepperComponent,
-            MJOJournalEntryPreviewComponent,
-            MJODecompositionLadderComponent,
-            MJOConsequenceChipComponent,
-            MJOPriceSourceBadgeComponent,
-            MJOStatedValueComponent,
-            MJOMoneyPipe], styles: ["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  padding: 0;\n}\n\n\n\n\n\n.ed-scroll[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding: var(--mj-space-6);\n}\n\n\n\n\n.ed-panes[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n\n\n\n\n\n\n\n\n\n\n\n.ed-sticky[_ngcontent-%COMP%] {\n  flex: 0 0 auto;\n  background: var(--mj-bg-surface);\n  margin: calc(-1 * var(--mj-space-6)) calc(-1 * var(--mj-space-6)) 0;\n  padding: var(--mj-space-6) var(--mj-space-6) 0;\n}\n\n.ed-identity[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n  margin-bottom: var(--mj-space-3);\n}\n\n.ed-identity[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  padding: var(--mj-space-3) var(--mj-space-4);\n  border-right: 1px solid var(--mj-border-subtle);\n}\n\n.ed-identity[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:last-child {\n  border-right: none;\n}\n\n\n\n\n\n.ed-identity[_ngcontent-%COMP%]    > div.ed-identity__cell--wide[_ngcontent-%COMP%] {\n  grid-column: span 2;\n}\n\n.ed-identity[_ngcontent-%COMP%]   .l[_ngcontent-%COMP%] {\n  font-size: 10px;\n  font-weight: var(--mj-font-bold);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n  display: block;\n  margin-bottom: 3px;\n}\n\n.ed-identity[_ngcontent-%COMP%]   .v[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: var(--mj-font-medium);\n}\n\n.ed-stage-row[_ngcontent-%COMP%] {\n  gap: var(--mj-space-4);\n}\n\n.ed-money[_ngcontent-%COMP%] {\n  display: block;\n  margin-top: var(--mj-space-3);\n}\n\n.ed-issues[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-3);\n}\n\n.ed-issues__list[_ngcontent-%COMP%] {\n  margin: var(--mj-space-2) 0 0;\n  padding-left: var(--mj-space-4);\n}\n\n.ed-tabs[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-4);\n}\n\n\n\n\n.ed-pane[_ngcontent-%COMP%] {\n  padding-top: var(--mj-space-4);\n}\n\n.ed-below[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-4);\n}\n\n.ed-note[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-3);\n}\n\n.ed-pad[_ngcontent-%COMP%] {\n  padding: var(--mj-space-4);\n}\n\n.ed-empty[_ngcontent-%COMP%] {\n  padding: var(--mj-space-8);\n}\n\n\n\n\n.ed-col-n[_ngcontent-%COMP%] { width: 30px; }\n.ed-col-co[_ngcontent-%COMP%] { width: 84px; }\n.ed-col-qty[_ngcontent-%COMP%] { width: 80px; }\n.ed-col-price[_ngcontent-%COMP%] { width: 150px; }\n.ed-col-disc[_ngcontent-%COMP%] { width: 110px; }\n.ed-col-net[_ngcontent-%COMP%] { width: 120px; }\n.ed-col-tax[_ngcontent-%COMP%] { width: 110px; }\n.ed-col-total[_ngcontent-%COMP%] { width: 120px; }\n.ed-col-act[_ngcontent-%COMP%] { width: 36px; }\n.ed-col-seq[_ngcontent-%COMP%] { width: 60px; }\n\n.ed-line-nm[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: var(--mj-space-2);\n}\n\n.ed-line-conseq[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 5px;\n  flex-wrap: wrap;\n  margin-top: 4px;\n}\n\n.ed-input-qty[_ngcontent-%COMP%] { width: 64px; }\n.ed-input-price[_ngcontent-%COMP%] { width: 100px; }\n\n\n\n\n.ed-base[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 4px var(--mj-space-4);\n  font-size: 12.5px;\n  padding: var(--mj-space-3) var(--mj-space-4);\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-md);\n}\n\n.ed-base[_ngcontent-%COMP%]   .amt[_ngcontent-%COMP%] {\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n.ed-base[_ngcontent-%COMP%]   .tot[_ngcontent-%COMP%] {\n  border-top: 1px solid var(--mj-border-strong);\n  padding-top: 5px;\n  margin-top: 3px;\n  font-weight: var(--mj-font-semibold);\n}\n\n.ed-taxwhy[_ngcontent-%COMP%] {\n  padding: var(--mj-space-2) 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.ed-taxwhy[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n\n\n\n.ed-promo[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-2) 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.ed-promo[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.ed-promo__body[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n\n\n\n.ed-drawer__section[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-4);\n}\n\n\n\n\n.ed-footer[_ngcontent-%COMP%] {\n  \n\n\n\n\n  flex: none;\n  box-shadow: var(--mj-shadow-md);\n  margin: 0;\n  padding: var(--mj-space-3) var(--mj-space-6);\n  background: var(--mj-bg-surface);\n  border-top: 1px solid var(--mj-border-default);\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  flex-wrap: wrap;\n}\n\n\n\n\n@media (max-width: 760px) {\n  \n\n  .ed-scroll[_ngcontent-%COMP%] {\n    padding: var(--mj-space-4);\n  }\n\n  .ed-sticky[_ngcontent-%COMP%] {\n    margin: calc(-1 * var(--mj-space-4)) calc(-1 * var(--mj-space-4)) 0;\n    padding: var(--mj-space-4) var(--mj-space-4) 0;\n    \n\n    position: static;\n  }\n\n  \n\n\n\n  .ed-col-disc[_ngcontent-%COMP%], \n   .ed-col-tax[_ngcontent-%COMP%], \n   .ed-col-co[_ngcontent-%COMP%], \n   [_nghost-%COMP%]     .mj-table--lines td:nth-child(3), \n   [_nghost-%COMP%]     .mj-table--lines td:nth-child(6), \n   [_nghost-%COMP%]     .mj-table--lines td:nth-child(8) {\n    display: none;\n  }\n\n  .ed-drawer[_ngcontent-%COMP%] {\n    width: 100vw;\n  }\n\n  .ed-footer[_ngcontent-%COMP%] {\n    \n\n    padding: var(--mj-space-3) var(--mj-space-4);\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n.ed-block[_ngcontent-%COMP%] {\n  margin-top: var(--mj-space-4);\n}\n\n\n\n.ed-dim[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-1) 0;\n}\n\n\n\n\n\n\n\n.ed-addline[_ngcontent-%COMP%] {\n    position: relative;\n    margin-block-end: var(--mj-space-3);\n}\n\n.ed-addline__field[_ngcontent-%COMP%], \n.ed-party__field[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    inline-size: 100%;\n}\n\n.ed-addline__field[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%], \n.ed-party__field[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n    color: var(--mj-text-tertiary);\n}\n\n.ed-addline__field[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%], \n.ed-party__field[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n}\n\n\n\n\n.ed-addline__matches[_ngcontent-%COMP%], \n.ed-party__matches[_ngcontent-%COMP%] {\n    position: absolute;\n    z-index: 20;\n    inset-inline: 0;\n    margin: var(--mj-space-1) 0 0;\n    padding: 0;\n    list-style: none;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-md);\n    max-block-size: 40cqh;\n    overflow-y: auto;\n}\n\n.ed-addline__match[_ngcontent-%COMP%], \n.ed-party__match[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: baseline;\n    gap: var(--mj-space-2);\n    inline-size: 100%;\n    padding: var(--mj-space-2) var(--mj-space-3);\n    background: none;\n    border: 0;\n    text-align: start;\n    cursor: pointer;\n}\n\n.ed-addline__match[_ngcontent-%COMP%]:hover, \n.ed-party__match[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.ed-addline__match[_ngcontent-%COMP%]   .nm[_ngcontent-%COMP%], \n.ed-party__match[_ngcontent-%COMP%]   .nm[_ngcontent-%COMP%] {\n    font-weight: var(--mj-font-medium);\n}\n\n.ed-addline__match[_ngcontent-%COMP%]   .num[_ngcontent-%COMP%] {\n    margin-inline-start: auto;\n    font-variant-numeric: tabular-nums;\n}\n\n.ed-addline__none[_ngcontent-%COMP%] {\n    padding: var(--mj-space-2) 0 0;\n}\n\n.ed-party[_ngcontent-%COMP%] {\n    position: relative;\n    margin-block-end: var(--mj-space-3);\n}\n\n.ed-party__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-secondary);\n    margin-block-end: var(--mj-space-1);\n}\n\n.ed-party__chosen[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n\n\n\n\n.ed-identity__input[_ngcontent-%COMP%] {\n    inline-size: 100%;\n    min-inline-size: 0;\n    padding-block: var(--mj-space-1);\n    font-size: var(--mj-text-sm);\n}\n\n\n\n\n\n\n\n\n\n\n.ed-identity__input--default[_ngcontent-%COMP%], \n.ed-identity__input--default[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n\n\n\n\n.ed-field[_ngcontent-%COMP%] {\n    margin-block-end: var(--mj-space-3);\n}\n\n.ed-field__label[_ngcontent-%COMP%] {\n    display: block;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-secondary);\n    margin-block-end: var(--mj-space-1);\n}\n\n.ed-field__row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.ed-field__row[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n}\n\n\n\n\n\n\n\n\n.ed-todo[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    margin-block-start: var(--mj-space-3);\n    padding: var(--mj-space-1) var(--mj-space-3);\n    \n\n\n    background: color-mix(in srgb, var(--mj-color-warning-500) 8%, transparent);\n    border-inline-start: 3px solid var(--mj-color-warning-500);\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n}\n\n.ed-todo__icon[_ngcontent-%COMP%] {\n    color: var(--mj-color-warning-700);\n}\n\n\n\n.ed-todo__count[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-inline-size: 18px;\n    block-size: 18px;\n    padding-inline: 5px;\n    border-radius: 9px;\n    background: var(--mj-color-warning-700);\n    color: var(--mj-text-inverse, #fff);\n    font-weight: var(--mj-font-semibold);\n}\n\n.ed-todo__lead[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n}\n\n\n\n\n.ed-todo__items[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    min-inline-size: 0;\n    overflow-x: auto;\n    scrollbar-width: thin;\n}\n\n.ed-todo__item[_ngcontent-%COMP%] {\n    flex: 0 0 auto;\n    padding: 0;\n    background: none;\n    border: 0;\n    border-block-end: 1px dotted currentColor;\n    color: var(--mj-color-warning-700);\n    font: inherit;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.ed-todo__item[_ngcontent-%COMP%]:hover, \n.ed-todo__item[_ngcontent-%COMP%]:focus-visible {\n    color: var(--mj-text-primary);\n}\n\n\n\n\n\n.ed-tender-ref[_ngcontent-%COMP%] {\n    margin-block-start: var(--mj-space-3);\n    max-inline-size: 22rem;\n}\n\n\n\n.ed-tender-ref__req[_ngcontent-%COMP%] {\n    margin-inline-start: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    color: var(--mj-status-warning-text);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.ed-tender-ref__hint[_ngcontent-%COMP%] {\n    margin-block-start: var(--mj-space-1);\n}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOOrderEditorPageComponent, [{
-        type: Component,
-        args: [{ selector: 'mjo-order-editor-page', standalone: true, imports: [MJButtonDirective, MJDropdownComponent, MJTabNavComponent,
-                    EntityViewerModule,
-                    CommonModule,
-                    FormsModule,
-                    MJOMoneyStripComponent,
-                    MJOStatusStepperComponent,
-                    MJOJournalEntryPreviewComponent,
-                    MJODecompositionLadderComponent,
-                    MJOConsequenceChipComponent,
-                    MJOPriceSourceBadgeComponent,
-                    MJOStatedValueComponent,
-                    MJOMoneyPipe,
-                ], template: "<!--\n  Order editor \u2014 the hard order in five tabs.\n\n  Ported from mockups/orders/editor.html and using the same class names, which\n  resolve through orders-kit.css.\n-->\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 Persistent chrome: identity, stage, money \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- Everything that scrolls. The host is a flex frame so the footer can be a\n     real bottom row rather than a sticky element that only holds when the\n     content happens to overflow \u2014 see order-editor.page.css. -->\n<div class=\"ed-scroll\">\n<div class=\"ed-sticky\">\n  <div class=\"ed-identity\">\n    <div>\n      <span class=\"l\">Order</span>\n      <span class=\"v mono\">{{ OrderNumber ?? 'New draft' }}</span>\n    </div>\n    <div>\n      <span class=\"l\">Type</span>\n      @if (IsEditable) {\n        <mj-dropdown\n          class=\"ed-identity__input\"\n          [class.ed-identity__input--default]=\"IsDefault('OrderType')\"\n          [title]=\"IsDefault('OrderType') ? 'Default \u2014 not chosen yet' : ''\"\n          aria-label=\"Order type\"\n          [Data]=\"OrderTypes\"\n          [ValuePrimitive]=\"true\"\n          [ngModel]=\"Order.OrderType\"\n          (ngModelChange)=\"SetOrderType($event)\" />\n      } @else {\n        <span class=\"v\">{{ Order.OrderType }}</span>\n      }\n    </div>\n    <div class=\"ed-identity__cell--wide\">\n      <!-- WHICH COMPANY IS SELLING. High on the strip \u2014 straight after the order and its type \u2014\n           because it decides the chart of accounts the order books into, and it used to be taken\n           silently from the first product in the catalogue. Rendered as plain text when there is\n           only one company, because a picker with one option is a decision that isn't.\n\n           It spans two columns: a 150px cell truncates \"DEMO Publishing Co\" to \"DEMO Pu\u2026\", and a\n           company picker that cannot show which company is picked has no reason to exist. -->\n      <span class=\"l\">Selling as</span>\n      @if (HasCompanyChoice) {\n        <mj-dropdown\n          class=\"ed-identity__input\"\n          [title]=\"OwningCompanyName\"\n          aria-label=\"Selling company\"\n          [Data]=\"Companies\"\n          TextField=\"Name\"\n          ValueField=\"ID\"\n          [ValuePrimitive]=\"true\"\n          [ngModel]=\"Order.CompanyID\"\n          (ngModelChange)=\"SetOwningCompany($event)\" />\n      } @else {\n        <span class=\"v\">{{ OwningCompanyName }}</span>\n      }\n    </div>\n    <div>\n      <span class=\"l\">Order date</span>\n      @if (IsEditable) {\n        <input type=\"date\" class=\"mj-input ed-identity__input\" aria-label=\"Order date\"\n               [class.ed-identity__input--default]=\"IsDefault('OrderDate')\"\n               [title]=\"IsDefault('OrderDate') ? 'Defaults to today \u2014 change it if the order was taken on another date' : ''\"\n               [ngModel]=\"DateValue(Order.OrderDate)\"\n               (ngModelChange)=\"SetHeaderField('OrderDate', $event)\" />\n      } @else {\n        <span class=\"v\">{{ DateValue(Order.OrderDate) }}</span>\n      }\n    </div>\n    <div>\n      <span class=\"l\">Due</span>\n      @if (IsEditable) {\n        <!-- Typing a due date is a STATED value and wins over the terms walk; clearing it hands\n             resolution back. Same rule the unit price follows. -->\n        <input type=\"date\" class=\"mj-input ed-identity__input\" aria-label=\"Due date\"\n               [ngModel]=\"DateValue(Order.DueDate)\"\n               (ngModelChange)=\"SetHeaderField('DueDate', $event)\" />\n      } @else {\n        <span class=\"v\">{{ Order.DueDate ?? '\u2014' }}</span>\n      }\n    </div>\n    <div>\n      <span class=\"l\">Their PO</span>\n      @if (IsEditable) {\n        <input type=\"text\" class=\"mj-input ed-identity__input mono\" aria-label=\"Their PO number\"\n               placeholder=\"\u2014\"\n               [ngModel]=\"Order.ExternalDocumentNumber ?? ''\"\n               (ngModelChange)=\"SetHeaderField('ExternalDocumentNumber', $event)\" />\n      } @else {\n        <span class=\"v mono\">{{ Order.ExternalDocumentNumber ?? '\u2014' }}</span>\n      }\n    </div>\n  </div>\n\n  <div class=\"row wrap ed-stage-row\">\n    <mjo-status-stepper\n      [Current]=\"Status\"\n      [Stages]=\"Stages\"\n      [ReadOnly]=\"!IsEditable\"\n      (BeforeStageChange)=\"OnBeforeStageChange($event)\" />\n  </div>\n\n  <!--\n    PERSISTED MONEY WINS. Every value here was previously a LITERAL \u2014 `[Paid]=\"0\"` and a\n    PaymentStatus of the string 'Unpaid' for any non-draft order \u2014 so a confirmed, fully-paid\n    order reported \"PAID \u2014 \u00B7 BALANCE $560.00 \u00B7 Unpaid\" permanently, and nothing the user did\n    could change it. See `DisplayTotal` / `DisplayPaid` / `DisplayBalance` for the reads.\n  -->\n  <mjo-money-strip\n    class=\"ed-money\"\n    [Total]=\"DisplayTotal\"\n    [Paid]=\"DisplayPaid\"\n    [Balance]=\"DisplayBalance\"\n    [ShowPaid]=\"IsPersisted\"\n    [PaymentStatus]=\"DisplayPaymentStatus\" />\n\n  <!-- Issues above the tabs: a red dot alone leaves the user hunting. -->\n  @if (Issues.length) {\n    <!-- One line, and every item is a BUTTON that takes you to the tab that owns it. The old\n         version was a full alert card restating what the tab dots already say, so it cost a\n         card's worth of vertical space to tell you something twice and left you to find the\n         tab yourself. -->\n    <div class=\"ed-todo\" role=\"status\">\n      <i class=\"fa-solid fa-circle-exclamation ed-todo__icon\" aria-hidden=\"true\"></i>\n      <span class=\"ed-todo__count\">{{ Issues.length }}</span>\n      <span class=\"ed-todo__lead\">before you can confirm</span>\n      <span class=\"ed-todo__items\">\n        @for (issue of Issues; track issue.Code) {\n          <button\n            type=\"button\"\n            class=\"ed-todo__item\"\n            [title]=\"'Go to ' + SectionLabel(issue.Section)\"\n            (click)=\"GoToIssue(issue.Section)\">\n            {{ issue.Message }}\n          </button>\n        }\n      </span>\n    </div>\n  }\n\n  <mj-tab-nav\n    class=\"ed-tabs\"\n    [Tabs]=\"TabNav\"\n    [ActiveKey]=\"ActiveTab\"\n    (TabChange)=\"SelectTabKey($event)\" />\n</div>\n<!-- Only the tab content scrolls. The identity strip, stage, totals and tab\n     strip above stay put \u2014 scrolling the whole card meant the order you are\n     editing could scroll off the top of its own editor. -->\n<div class=\"ed-panes\">\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LINES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (ActiveTab === 'lines') {\n  <div class=\"ed-pane\">\n    @if (IsEditable) {\n      <!-- The editor could remove a line and never add one; this is the way in. -->\n      <div class=\"ed-addline\">\n        <label class=\"ed-addline__field\">\n          <i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"></i>\n          <input\n            type=\"text\"\n            class=\"mj-input\"\n            placeholder=\"Add a product \u2014 name or SKU\"\n            aria-label=\"Add a product to this order\"\n            (focus)=\"OnProductFocus()\"\n            [(ngModel)]=\"ProductQuery\"\n            (ngModelChange)=\"OnProductQueryChange()\" />\n        </label>\n        @if (ProductMatches.length) {\n          <ul class=\"ed-addline__matches\" role=\"listbox\" aria-label=\"Matching products\">\n            @for (option of ProductMatches; track option.ID) {\n              <li>\n                <!--\n                  MOUSEDOWN, NOT CLICK. A click is only delivered if the element survives from\n                  mousedown to mouseup, and these lists re-render on a debounced search landing \u2014\n                  so a result arriving mid-click unmounts the row under the cursor and the\n                  selection is silently lost. It presents as \"I clicked it and nothing happened\",\n                  intermittently, which reads as lag rather than as a bug. Fast entry's picker has\n                  always bound mousedown; this one had not.\n                -->\n                <button type=\"button\" class=\"ed-addline__match\" (mousedown)=\"AddProduct(option)\">\n                  <span class=\"nm\">{{ option.Name }}</span>\n                  <!-- The separator belongs to the SKU, not to the row: products can have a NULL\n                       SKU, and an unconditional \"\u00B7\" renders a dangling bullet before the company. -->\n                  <span class=\"small muted\">\n                    @if (option.SKU) { {{ option.SKU }} \u00B7 } {{ option.CompanyName }}\n                  </span>\n                  <span class=\"num\">{{ option.ListPrice | mjoMoney }}</span>\n                </button>\n              </li>\n            }\n          </ul>\n        } @else if (ProductQuery.trim().length >= 2) {\n          <div class=\"small muted ed-addline__none\">\n            No catalogue match for &ldquo;{{ ProductQuery }}&rdquo;.\n            @if (CatalogTruncated) {\n              <!-- \"Not found\" and \"not in the loaded subset\" are different answers. -->\n              <b>The catalogue list was capped, so this may exist beyond it.</b>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    <div class=\"mj-table-wrap\">\n      <table class=\"mj-table mj-table--lines\">\n        <thead>\n          <tr>\n            <th class=\"ed-col-n\">#</th>\n            <th>Product</th>\n            <th class=\"ed-col-co\">Co.</th>\n            <th class=\"num ed-col-qty\">Qty</th>\n            <th class=\"num ed-col-price\">Unit price</th>\n            <th class=\"num ed-col-disc\">Discount</th>\n            <th class=\"num ed-col-net\">Line net</th>\n            <!-- Marked pending, not removed: the columns keep the table's shape and say\n                 plainly that the figure is decided later, rather than implying zero. -->\n            <th class=\"num ed-col-tax muted\" title=\"Decided when the order is confirmed\">Tax</th>\n            <th class=\"num ed-col-total muted\" title=\"Decided when the order is confirmed\">Line total</th>\n            <th class=\"ed-col-act\"></th>\n          </tr>\n        </thead>\n        <tbody>\n          @for (line of Lines; track line.ID; let i = $index) {\n            <tr class=\"is-clickable\" (click)=\"Open(line)\">\n              <td class=\"muted\">{{ i + 1 }}</td>\n\n              <td>\n                <div class=\"ed-line-nm\">\n                  <span class=\"primary\">{{ ProductFor(line)?.Name ?? 'Product' }}</span>\n                  <span class=\"secondary\">{{ ProductFor(line)?.SKU }}</span>\n                </div>\n                <!--\n                  Consequence chips read the CATALOGUE, not a priced line. They used to\n                  come off the rolled-back preview's projection, which meant a line could\n                  not say \"ships\" until a whole throwaway booking had run.\n                -->\n                <div class=\"ed-line-conseq\">\n                  @if (ProductFor(line); as product) {\n                    @if (product.TypeName === 'Goods') {\n                      <mjo-consequence-chip Kind=\"fulfillment\">Ships</mjo-consequence-chip>\n                    }\n                    @if (!product.Taxable) {\n                      <mjo-consequence-chip Kind=\"untaxable\">Untaxable</mjo-consequence-chip>\n                    }\n                  }\n                </div>\n              </td>\n\n              <td>\n                <span class=\"mj-chip mj-chip--outline\">{{ ProductFor(line)?.CompanyName ?? '\u2014' }}</span>\n              </td>\n\n              <td class=\"num\" (click)=\"$event.stopPropagation()\">\n                <input\n                  class=\"mj-input is-num ed-input-qty\"\n                  [value]=\"line.Quantity\"\n                  [disabled]=\"!IsEditable\"\n                  (change)=\"SetQuantity(line, $any($event.target).value)\"\n                  aria-label=\"Quantity\">\n              </td>\n\n              <td class=\"num\" (click)=\"$event.stopPropagation()\">\n                <input\n                  class=\"mj-input is-num ed-input-price\"\n                  [value]=\"PriceStated(line) ? line.UnitPrice : (PricedLine(line)?.UnitPrice ?? '')\"\n                  [disabled]=\"!IsEditable\"\n                  placeholder=\"resolve\"\n                  (change)=\"SetUnitPrice(line, $any($event.target).value)\"\n                  aria-label=\"Unit price\">\n                <mjo-price-source-badge\n                  [Source]=\"PricedLine(line)?.PriceSource ?? null\"\n                  [Settled]=\"PricingSettled\"\n                  [Overridden]=\"PriceStated(line)\" />\n                @if (PricedLine(line)?.Error; as why) {\n                  <!--\n                    A LINE WITH NO PRICE SAYS SO. Rendering nothing (or a $0.00) makes an\n                    unpriced line and a deliberately free one identical on screen, and only\n                    one of those is what anybody meant.\n                  -->\n                  <div class=\"secondary mj-money--credit\">{{ why }}</div>\n                }\n              </td>\n\n              <td class=\"num\">\n                @if (DiscountAmount(line); as discount) {\n                  <span class=\"mj-money--credit\">\u2212{{ discount | mjoMoney: { Sign: 'absolute' } }}</span>\n                } @else {\n                  <span class=\"muted\">\u2014</span>\n                }\n              </td>\n\n              <td class=\"num strong\">{{ PricedLine(line)?.NetAmount | mjoMoney }}</td>\n\n              <!--\n                BLANK, NOT ZERO. Tax and the tax-inclusive line total are decided inside the\n                confirm transaction and are not knowable from the browser. A $0.00 here would\n                read as \"this order is untaxed\" on the screen people trust for exactly that,\n                so the cell says \"\u2014\" and the header says when the number arrives.\n              -->\n              <td class=\"num muted\" title=\"Decided when the order is confirmed\">\u2014</td>\n              <td class=\"num muted\" title=\"Decided when the order is confirmed\">\u2014</td>\n\n              <td (click)=\"$event.stopPropagation()\">\n                @if (IsEditable) {\n                  <button type=\"button\" class=\"mj-iconbtn\" (click)=\"Remove(line)\" aria-label=\"Remove line\">\n                    <i class=\"fa-regular fa-trash-can\" aria-hidden=\"true\"></i>\n                  </button>\n                }\n              </td>\n            </tr>\n          } @empty {\n            <tr>\n              <td colspan=\"10\">\n                <div class=\"mj-empty ed-empty\">\n                  <i class=\"fa-solid fa-cart-plus\" aria-hidden=\"true\"></i>\n                  <div class=\"t\">No lines yet</div>\n                  <div class=\"small\">Search the catalogue above to add the first one.</div>\n                </div>\n              </td>\n            </tr>\n          }\n        </tbody>\n\n        @if (Totals) {\n          <tfoot>\n            <tr class=\"is-total\">\n              <td colspan=\"6\">\n                Net before tax &amp; charges\n                @if (HasUnpricedLines) {\n                  <span class=\"secondary mj-money--credit\">\u2014 some lines have no price, so this is short</span>\n                }\n              </td>\n              <td class=\"num\">{{ Totals.NetTotal | mjoMoney }}</td>\n              <td class=\"num muted\">\u2014</td>\n              <td class=\"num muted\">\u2014</td>\n              <td></td>\n            </tr>\n          </tfoot>\n        }\n      </table>\n    </div>\n\n    <div class=\"grid-2 ed-below\">\n      <div class=\"mj-card\">\n        <div class=\"mj-card-head\">\n          <i class=\"fa-solid fa-percent\" aria-hidden=\"true\"></i>\n          <h3>Promotions</h3>\n        </div>\n        <!--\n          Codes are LISTED, not adjudicated. Whether one qualifies is decided by the\n          promotion engine inside the confirm transaction; the old outcome here came\n          from a rolled-back booking run on every keystroke. Showing \"applied\" for a\n          code the confirm might refuse is a promise the screen cannot keep.\n        -->\n        <div class=\"mj-card-pad\">\n          @for (code of PromotionCodes; track code) {\n            <div class=\"ed-promo muted\">\n              <i class=\"fa-solid fa-circle-minus\" style=\"color: var(--mj-text-disabled)\" aria-hidden=\"true\"></i>\n              <div class=\"ed-promo__body\">\n                <div><b class=\"mono\">{{ code }}</b></div>\n                <div class=\"small\">Checked when the order is confirmed.</div>\n              </div>\n              <span class=\"mj-num\">\u2014</span>\n            </div>\n          } @empty {\n            <div class=\"small muted\">No promotion codes on this order.</div>\n          }\n        </div>\n      </div>\n\n      <div class=\"mj-card\">\n        <div class=\"mj-card-head\">\n          <i class=\"fa-solid fa-calculator\" aria-hidden=\"true\"></i>\n          <h3>Totals</h3>\n        </div>\n        <div class=\"mj-card-pad\">\n          <mjo-decomposition-ladder [Rows]=\"LadderRows\" [Stale]=\"Pricing.Loading\" />\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PARTIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (ActiveTab === 'parties') {\n  <div class=\"ed-pane\">\n    <div class=\"grid-2\">\n      <div class=\"mj-card\">\n        <div class=\"mj-card-head\">\n          <i class=\"fa-solid fa-file-invoice-dollar\" aria-hidden=\"true\"></i>\n          <h3>Bill to \u2014 who pays</h3>\n          <span class=\"right\"><span class=\"mj-chip mj-chip--outline\">header only</span></span>\n        </div>\n        <div class=\"mj-card-pad\">\n          <div class=\"ed-party\">\n            <div class=\"ed-party__label\">Customer</div>\n            @if (PartyIdFor('bill'); as chosen) {\n              <div class=\"ed-party__chosen\">\n                <span class=\"mj-chip\">{{ PartyLabels.bill ?? chosen }}</span>\n                @if (IsEditable) {\n                  <button type=\"button\" class=\"mj-iconbtn\" (click)=\"ClearParty('bill')\" aria-label=\"Clear customer\">\n                    <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n                  </button>\n                }\n              </div>\n            } @else if (IsEditable) {\n              <label class=\"ed-party__field\">\n                <i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"></i>\n                <input\n                  type=\"text\"\n                  class=\"mj-input\"\n                  placeholder=\"Search people and organizations\"\n                  aria-label=\"Customer\"\n                  [(ngModel)]=\"PartyQuery.bill\"\n                  (focus)=\"OnPartyFocus('bill')\"\n                  (ngModelChange)=\"SearchParty('bill')\" />\n              </label>\n              @if (PartySearching === 'bill') {\n                <div class=\"small muted\">Searching\u2026</div>\n              } @else if (PartyMatches.bill.length) {\n                <ul class=\"ed-party__matches\" role=\"listbox\" aria-label=\"Matching customers\">\n                  @for (m of PartyMatches.bill; track m.ID) {\n                    <li>\n                      <button type=\"button\" class=\"ed-party__match\" (mousedown)=\"ChooseParty('bill', m)\">\n                        <i [class]=\"m.IsOrganization ? 'fa-solid fa-building' : 'fa-solid fa-user'\" aria-hidden=\"true\"></i>\n                        <span class=\"nm\">{{ m.Name }}</span>\n                        @if (m.Email) { <span class=\"small muted\">{{ m.Email }}</span> }\n                      </button>\n                    </li>\n                  }\n                </ul>\n              }\n            } @else {\n              <div class=\"small muted\">\u2014 none \u2014</div>\n            }\n          </div>\n          <mjo-stated-value Label=\"Terms\" From=\"organization default\">\n            {{ Order.PaymentTermsTypeID ?? '\u2014 default \u2014' }}\n          </mjo-stated-value>\n          <div class=\"small muted ed-note\">\n            Bill-to is header-only: one order, one payer, one bill. That is why there is no\n            line-level counterpart to it.\n          </div>\n        </div>\n      </div>\n\n      <div class=\"mj-card\">\n        <div class=\"mj-card-head\">\n          <i class=\"fa-solid fa-truck-fast\" aria-hidden=\"true\"></i>\n          <h3>Ship to \u2014 who receives</h3>\n          <span class=\"right\"><span class=\"mj-chip mj-chip--outline\">line default</span></span>\n        </div>\n        <div class=\"mj-card-pad\">\n          <div class=\"ed-party\">\n            <div class=\"ed-party__label\">Recipient</div>\n            @if (PartyIdFor('ship'); as chosen) {\n              <div class=\"ed-party__chosen\">\n                <span class=\"mj-chip\">{{ PartyLabels.ship ?? chosen }}</span>\n                @if (IsEditable) {\n                  <button type=\"button\" class=\"mj-iconbtn\" (click)=\"ClearParty('ship')\" aria-label=\"Clear recipient\">\n                    <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n                  </button>\n                }\n              </div>\n            } @else if (IsEditable) {\n              <label class=\"ed-party__field\">\n                <i class=\"fa-solid fa-magnifying-glass\" aria-hidden=\"true\"></i>\n                <input\n                  type=\"text\"\n                  class=\"mj-input\"\n                  placeholder=\"Leave empty to use the customer\"\n                  aria-label=\"Recipient\"\n                  [(ngModel)]=\"PartyQuery.ship\"\n                  (focus)=\"OnPartyFocus('ship')\"\n                  (ngModelChange)=\"SearchParty('ship')\" />\n              </label>\n              @if (PartySearching === 'ship') {\n                <div class=\"small muted\">Searching\u2026</div>\n              } @else if (PartyMatches.ship.length) {\n                <ul class=\"ed-party__matches\" role=\"listbox\" aria-label=\"Matching customers\">\n                  @for (m of PartyMatches.ship; track m.ID) {\n                    <li>\n                      <button type=\"button\" class=\"ed-party__match\" (mousedown)=\"ChooseParty('ship', m)\">\n                        <i [class]=\"m.IsOrganization ? 'fa-solid fa-building' : 'fa-solid fa-user'\" aria-hidden=\"true\"></i>\n                        <span class=\"nm\">{{ m.Name }}</span>\n                        @if (m.Email) { <span class=\"small muted\">{{ m.Email }}</span> }\n                      </button>\n                    </li>\n                  }\n                </ul>\n              }\n            } @else {\n              <div class=\"small muted\">\u2014 none \u2014</div>\n            }\n          </div>\n          <mjo-stated-value Label=\"Address\">\n            {{ Order.ShipToAddressID ?? '\u2014 none \u2014' }}\n          </mjo-stated-value>\n          <div class=\"small muted ed-note\">\n            Each side falls back <b>independently</b>, so a line naming only a person keeps the\n            header's organization. For an intangible there is nothing to ship, and the same fields\n            say who the line is <i>for</i>.\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 CHARGES & TAX \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (ActiveTab === 'charges') {\n  <div class=\"ed-pane\">\n    <!--\n      THIS TAB IS EMPTY BEFORE THE CONFIRM, AND SAYS WHY.\n\n      It used to render the engine's charge rows, the taxable-base build-up and the\n      per-line \"why did this tax\" panel. All of it came from `Orders.PreviewOrder`,\n      which produced those figures by running the REAL save inside a transaction that\n      always rolled back \u2014 so every keystroke booked and unbooked the order to fill in\n      this screen.\n\n      Charges, tax and promotions are decided inside `OrderEntityServer.Save()` and\n      have no read-only entry point yet. Line PRICING does (`Orders.PreviewPrice`\n      calls the same `ResolvePrice` the engine calls), which is why the Lines tab\n      still shows real prices and this one does not.\n\n      Showing zeroes here would be worse than showing nothing: a $0.00 tax row on the\n      order screen reads as \"this order is untaxed\", which is a statement, not a gap.\n      When the decide phase is extracted the same way pricing was, this tab comes back\n      reading from that \u2014 never from a save.\n    -->\n    <div class=\"mj-empty ed-empty muted\">\n      <i class=\"fa-solid fa-receipt\" aria-hidden=\"true\"></i>\n      <div class=\"t\">Not available yet</div>\n      <div class=\"small\">\n        Charges and tax are decided when the order is confirmed. The Lines tab shows the\n        net subtotal before them.\n      </div>\n    </div>\n\n    @if (JournalEntries.length) {\n      <div class=\"small muted ed-note\">\n        This order is confirmed \u2014 its charges and tax are on the entries under\n        <b>Accounting</b>.\n      </div>\n    }\n  </div>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 PAYMENT \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (ActiveTab === 'payment') {\n  <div class=\"ed-pane\">\n    <div class=\"mj-card\">\n      <div class=\"mj-card-head\">\n        <i class=\"fa-solid fa-credit-card\" aria-hidden=\"true\"></i>\n        <h3>Initial payment \u2014 intent</h3>\n        <span class=\"right\"><span class=\"mj-chip mj-chip--info\">not yet a payment</span></span>\n      </div>\n      <div class=\"mj-card-pad\">\n        @if (IsEditable) {\n          <div class=\"ed-field\">\n            <label class=\"ed-field__label\" for=\"ed-tender\">Tender</label>\n            <!-- The DefaultItem is a real choice, not a prompt: it means invoice on terms. -->\n            <mj-dropdown\n              id=\"ed-tender\"\n              [Data]=\"Tenders\"\n              TextField=\"Name\"\n              ValueField=\"ID\"\n              [ValuePrimitive]=\"true\"\n              [DefaultItem]=\"TenderNone\"\n              [ngModel]=\"Order.InitialPaymentTypeID ?? ''\"\n              (ngModelChange)=\"SetTender($event)\" />\n\n            <!--\n              THE REFERENCE, ONLY WHEN THE TENDER DEMANDS ONE. Check, Wire and Internal Transfer\n              carry RequiresReference: a captured payment with no check number cannot be reconciled\n              against a bank statement, so the money is recorded and unfindable. The dropdown named\n              the requirement; nothing let anyone satisfy it.\n            -->\n            @if (RequiresReference) {\n              <div class=\"ed-tender-ref\">\n                <label class=\"ed-field__label\" for=\"ed-tender-ref\">\n                  {{ SelectedTenderType?.Name }} number\n                  <span class=\"ed-tender-ref__req\" aria-hidden=\"true\">required</span>\n                </label>\n                <input\n                  id=\"ed-tender-ref\"\n                  class=\"mj-input\"\n                  [value]=\"Reference\"\n                  (input)=\"SetReference($any($event.target).value)\"\n                  [attr.aria-invalid]=\"!Reference.trim()\"\n                  [placeholder]=\"SelectedTenderType?.Code === 'Check' ? 'e.g. 10428' : 'confirmation or transfer id'\"\n                  autocomplete=\"off\" />\n                <div class=\"ed-tender-ref__hint small muted\">\n                  Recorded on the payment so it can be matched to the bank statement.\n                </div>\n              </div>\n            }\n          </div>\n\n          @if (Order.InitialPaymentTypeID) {\n            <div class=\"ed-field\">\n              <label class=\"ed-field__label\" for=\"ed-payamt\">Amount</label>\n              <div class=\"ed-field__row\">\n                <input id=\"ed-payamt\" type=\"text\" inputmode=\"decimal\" class=\"mj-input is-num\"\n                       [ngModel]=\"Order.InitialPaymentAmount\"\n                       (ngModelChange)=\"SetInitialAmount($event)\" />\n                <button type=\"button\" mjButton variant=\"outline\" (click)=\"PayInFull()\"\n                        title=\"Use the order total\">\n                  Pay in full\n                </button>\n              </div>\n            </div>\n          }\n        } @else {\n          <!--\n            The tender's NAME, not its id. This read-only branch printed\n            `InitialPaymentTypeID` directly, so every confirmed order showed the user a raw\n            GUID \u2014 \"2F1A6D30-0C41-4E7B-9E51-0A1B7C2D3E04\" \u2014 where the editable branch two\n            lines up shows \"Check\". `SelectedTenderType` already resolves it against the\n            same `Tenders` list the dropdown is bound to.\n          -->\n          <mjo-stated-value Label=\"Tender\">\n            {{ SelectedTenderType?.Name ?? '\u2014 invoice on terms \u2014' }}\n          </mjo-stated-value>\n          <mjo-stated-value Label=\"Amount\">\n            {{ Order.InitialPaymentAmount | mjoMoney: { Zero: '\u2014' } }}\n          </mjo-stated-value>\n        }\n\n        <div class=\"small muted ed-note\">\n          What is recorded here is <b>intent</b>. On confirm it becomes a real PaymentHeader and\n          PaymentLine in the same transaction as the booking; from then on the payment record is the\n          truth and these fields are never updated again. A wallet entry is <b>copied</b>, never\n          shared, so the snapshot cannot drift if the saved card is later edited.\n        </div>\n      </div>\n    </div>\n\n    <div class=\"mj-card ed-block\">\n      <div class=\"mj-card-head\">\n        <i class=\"fa-solid fa-list-check\" aria-hidden=\"true\"></i>\n        <h3>Payments applied</h3>\n        <span class=\"right small muted\">{{ AppliedTotal | mjoMoney }} of {{ EstimatedTotal | mjoMoney }}</span>\n      </div>\n      <div class=\"mj-table-wrap\">\n        <table class=\"mj-table mj-table--compact\">\n          <thead>\n            <tr><th>Payment</th><th>Applied</th><th class=\"num\">Amount</th></tr>\n          </thead>\n          <tbody>\n            @for (line of AppliedPayments; track line.ID) {\n              <tr>\n                <td class=\"mono small\">{{ PaymentNumberOf(line) }}</td>\n                <td class=\"small muted\">{{ dateOf(line.AllocatedAt) }}</td>\n                <td class=\"num\">{{ moneyOf(line.Amount) }}</td>\n              </tr>\n            } @empty {\n              <tr><td colspan=\"3\" class=\"small muted\">Nothing applied yet.</td></tr>\n            }\n          </tbody>\n        </table>\n      </div>\n      <div class=\"mj-card-pad small muted\">\n        These are allocation LINES, not payments. One payment can settle several orders, so what\n        matters here is the amount that reached THIS order \u2014 not what the customer handed over.\n      </div>\n    </div>\n\n    <div class=\"mj-card ed-block\">\n      <div class=\"mj-card-head\">\n        <i class=\"fa-solid fa-calendar-day\" aria-hidden=\"true\"></i>\n        <h3>Terms</h3>\n      </div>\n      <div class=\"mj-card-pad\">\n        <mjo-stated-value Label=\"Due\" From=\"set when the order confirms\">\n          {{ dateOf(Order.DueDate) }}\n        </mjo-stated-value>\n        <mjo-stated-value Label=\"Balance\">{{ BalanceDue | mjoMoney }}</mjo-stated-value>\n        <div class=\"small muted ed-note\">\n          Terms decide the due date, and the due date is what makes an order overdue. Nothing here\n          is a stored \"overdue\" flag \u2014 that is a question about today's date, so it is asked rather\n          than remembered.\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 ACCOUNTING \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (ActiveTab === 'accounting') {\n  <div class=\"ed-pane\">\n    <mjo-journal-entry-preview\n      [Entries]=\"JournalEntries\"\n      [Pending]=\"Status === 'Draft' || Status === 'Quoted'\"\n      EmptyText=\"Nothing booked yet \u2014 confirm the order to create its entries.\"\n      (OpenInAccounting)=\"OpenInAccounting.emit($event)\" />\n\n    <div class=\"small muted ed-note\">\n      Read-only, and never duplicated. Orders creates <b>Pending</b> entries and owns nothing in the\n      ledger, so every account links out to Accounting rather than being editable here.\n    </div>\n\n    <div class=\"mj-card ed-block\">\n      <div class=\"mj-card-head\">\n        <i class=\"fa-solid fa-tags\" aria-hidden=\"true\"></i>\n        <h3>Dimension tags</h3>\n        <span class=\"right small muted\">{{ Dimensions.length }}</span>\n      </div>\n      <div class=\"mj-card-pad\">\n        @for (dim of Dimensions; track dim['ID']) {\n          <div class=\"ed-dim\">\n            <span class=\"mj-chip mj-chip--outline\">{{ dim['Dimension'] }}</span>\n            <span class=\"small\">{{ dim['DimensionValue'] }}</span>\n          </div>\n        } @empty {\n          <div class=\"small muted\">\n            No tags. Dimensions are the axes a line is filed under for analysis \u2014 department,\n            campaign, region \u2014 and an untagged line still books correctly; it is simply harder to\n            group later.\n          </div>\n        }\n      </div>\n    </div>\n\n    <div class=\"mj-card ed-block\">\n      <div class=\"mj-card-head\">\n        <i class=\"fa-solid fa-clock-rotate-left\" aria-hidden=\"true\"></i>\n        <h3>Record changes</h3>\n      </div>\n      <div class=\"mj-card-pad small muted\">\n        Every field change on this order is recorded by the platform, not by this app \u2014 which is why\n        there is no \"edit history\" table of our own to keep in step. Open the record in Explorer's\n        entity viewer to read it.\n      </div>\n    </div>\n  </div>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 JOURNAL ENTRIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!--\n  THE LEDGER AS ACCOUNTING HOLDS IT, not a rendering of our own. `mj-entity-data-grid` reads the\n  entity's metadata for its columns, so this stays correct when accounting adds a field \u2014 and the\n  rows are the real records, reachable from here rather than re-described here.\n\n  Read-only by construction: the UI role has CanRead on Journal Entries and neither CanCreate nor\n  CanUpdate, which is the same rule the app has always stated in prose.\n-->\n@if (ActiveTab === 'journal') {\n  <div class=\"ed-pane\">\n    @if (JournalEntryParams) {\n      <!-- READ-ONLY, and said so three ways: no New, no Delete, no cell editing. Orders creates\n           Pending entries and owns nothing in the ledger, and the UI role could not write here\n           anyway \u2014 a button that always fails is worse than no button.\n           HEIGHT IS UNRESOLVED, and it is the editor's layout rather than the grid's fault. The\n           sticky header (identity strip, stepper, money strip, tabs) leaves `.ed-panes` about 79px\n           tall at 1280x700, so: a fixed height renders a grid taller than its container and you\n           scroll into blank space, and `fit-content` collapses to nothing at all. 360 is the less\n           wrong of the two \u2014 the rows exist and load correctly (verified: 4 for ORD-000122).\n           The real fix is giving the pane real height, which belongs with the editor layout work,\n           not here. -->\n      <mj-entity-data-grid\n        [Params]=\"JournalEntryParams\"\n        [Height]=\"360\"\n        [EditMode]=\"'none'\"\n        [ShowNewButton]=\"false\"\n        [ShowDeleteButton]=\"false\"\n        [AllowDelete]=\"false\"\n        [ShowPager]=\"true\" />\n    } @else {\n      <!-- Not an error: an order with no saved lines has booked nothing, and one journal entry is\n           written per line. Saying so beats an empty grid, which reads as a failed query. -->\n      <div class=\"small muted ed-note\">\n        Nothing booked yet \u2014 an order books one journal entry per line when it is confirmed.\n      </div>\n    }\n  </div>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SUBSCRIPTIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!--\n  What the order STARTED. A subscription is keyed to the order line that brought it into existence\n  (D39/D40) and then outlives the order, so this is a window onto a longer-lived record rather than\n  part of the order document.\n-->\n@if (ActiveTab === 'subscriptions') {\n  <div class=\"ed-pane\">\n    @if (SubscriptionParams) {\n      <mj-entity-data-grid\n        [Params]=\"SubscriptionParams\"\n        [Height]=\"360\"\n        [EditMode]=\"'none'\"\n        [ShowNewButton]=\"false\"\n        [ShowDeleteButton]=\"false\"\n        [AllowDelete]=\"false\"\n        [ShowPager]=\"true\" />\n    } @else {\n      <div class=\"small muted ed-note\">\n        No subscriptions \u2014 they are created on confirm, from lines whose product carries a\n        subscription type.\n      </div>\n    }\n  </div>\n}\n</div>\n</div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 LINE DRAWER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n@if (OpenLine) {\n  <aside class=\"mj-slide-in is-open ed-drawer\" role=\"dialog\" aria-label=\"Line detail\">\n    <div class=\"mj-slide-in-head\">\n      <div>\n        <h2>{{ ProductFor(OpenLine)?.Name ?? 'Line' }}</h2>\n        <div class=\"small muted\">\n          {{ ProductFor(OpenLine)?.SKU }} \u00B7 revenue to {{ ProductFor(OpenLine)?.CompanyName }}\n        </div>\n      </div>\n      <span class=\"right\">\n        <button type=\"button\" class=\"mj-iconbtn\" (click)=\"CloseDrawer()\" aria-label=\"Close\">\n          <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n        </button>\n      </span>\n    </div>\n\n    <div class=\"mj-slide-in-body\">\n      <div class=\"sec-label\">Who this line is for</div>\n      <mjo-stated-value Label=\"Ship-to address\" From=\"falls back to the header\">\n        {{ OpenLine.ShipToAddressID ?? '\u2014 header default \u2014' }}\n      </mjo-stated-value>\n      <mjo-stated-value Label=\"Ship-to person\" From=\"falls back independently\">\n        {{ OpenLine.ShipToPersonID ?? '\u2014 header default \u2014' }}\n      </mjo-stated-value>\n      <mjo-stated-value Label=\"Ship-to organization\" From=\"falls back independently\">\n        {{ OpenLine.ShipToOrganizationID ?? '\u2014 header default \u2014' }}\n      </mjo-stated-value>\n\n      <!--\n        Reads the DRAFT's own dates. The engine may narrow a service period at confirm\n        (an event's dates win over a stated one), and that decision happens inside the\n        booking transaction \u2014 so what is shown here is what was ASKED for, not what was\n        settled. The confirmed order states the settled window.\n      -->\n      <div class=\"sec-label ed-drawer__section\">Timing</div>\n      <mjo-stated-value Label=\"Service period\" From=\"as entered\">\n        {{ OpenLine.ServicePeriodStart ?? '\u2014' }} \u2013 {{ OpenLine.ServicePeriodEnd ?? '\u2014' }}\n      </mjo-stated-value>\n\n      <div class=\"sec-label ed-drawer__section\">Reversal</div>\n      <mjo-stated-value Label=\"Reverses\">\n        {{ OpenLine.ReversesOrderLineID ?? '\u2014 nothing \u2014' }}\n      </mjo-stated-value>\n      <div class=\"small muted\">\n        A line that reverses another inherits its price and is capped at the quantity still\n        returnable there.\n      </div>\n\n      <div class=\"sec-label ed-drawer__section\">Subscription</div>\n      <mjo-stated-value Label=\"Renews\">\n        {{ OpenLine.RenewsSubscriptionID ?? '\u2014 none \u2014' }}\n      </mjo-stated-value>\n      <div class=\"small muted\">\n        Naming a renewal target <i>is</i> the statement of who the subscriber is, so the target's\n        holder wins over the line's ship-to.\n      </div>\n    </div>\n\n    <div class=\"mj-slide-in-foot\">\n      <button type=\"button\" mjButton variant=\"primary\" size=\"sm\" (click)=\"CloseDrawer()\">Done</button>\n      <span class=\"small muted spacer\">Every field here defaults from something. Nothing is required.</span>\n    </div>\n  </aside>\n}\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<!-- Suppressed inside the order workspace: the card supplies Confirm / Keep as draft / Discard,\n     and two action bars stacked on one screen is worse than either alone \u2014 the user has to work\n     out whether they do the same thing. Standalone hosts keep this bar. -->\n@if (ShowActions) {\n<div class=\"ed-footer\">\n  @if (IsEditable) {\n    <button type=\"button\" mjButton variant=\"outline\" (click)=\"SaveDraft()\">\n      <i class=\"fa-regular fa-floppy-disk\" aria-hidden=\"true\"></i> Save draft\n    </button>\n    <button type=\"button\" mjButton variant=\"primary\" [disabled]=\"!CanConfirm\" (click)=\"RequestConfirm()\">\n      <i class=\"fa-solid fa-check\" aria-hidden=\"true\"></i> Confirm order\n    </button>\n  } @else {\n    <!-- Edit gating shows the state's REAL verbs rather than a greyed-out Save. -->\n    <button type=\"button\" mjButton variant=\"outline\">\n      <i class=\"fa-solid fa-rotate-left\" aria-hidden=\"true\"></i> Create reversal\u2026\n    </button>\n    <button type=\"button\" mjButton variant=\"outline\">\n      <i class=\"fa-solid fa-hand-holding-dollar\" aria-hidden=\"true\"></i> Take payment\n    </button>\n    <span class=\"small muted\">\n      This order has booked. Corrections are reversing orders \u2014 locked history is never edited.\n    </span>\n  }\n</div>\n}\n", styles: ["/*\n  Order editor \u2014 layout only. Colour, type and border come from orders-kit.css.\n\n  RESPONSIVE INTENT (basic):\n    \u22651000px  identity strip in one row, two-column panels below the table\n    <1000px  panels stack; the identity strip wraps to two rows\n    <760px   the lines table drops its lowest-value columns rather than\n             horizontally scrolling a nine-column grid on a phone\n*/\n\n/* FLEX FRAME. Same correction as fast entry, and for the same reason: a sticky\n   footer is not pinned to the bottom, it is only prevented from scrolling out of\n   view. This page read correctly at 900px tall purely because its content (856px)\n   happened to exceed the 769px pane \u2014 on a taller screen the content fits, sticky\n   has nothing to hold against, and the action bar floats up to sit under the last\n   card. The host is the frame; .ed-scroll is the scroll region and carries the\n   padding; the footer is always the bottom row. */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  overflow: hidden;\n  padding: 0;\n}\n\n/* THE FRAME NO LONGER SCROLLS \u2014 only .ed-panes does. Scrolling the whole interior pushed the\n   identity strip, stage and totals off the top of the editor, so the order being edited lost its\n   own header the moment the line table grew. */\n.ed-scroll {\n  flex: 1 1 auto;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding: var(--mj-space-6);\n}\n\n/* The only scroll region inside the card. `min-height: 0` is load-bearing: without it a flex item\n   refuses to shrink below its content height, so the frame grows instead of this scrolling. */\n.ed-panes {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n/* \u2500\u2500 Persistent chrome \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Pinned by the flex frame now, not by `position: sticky` \u2014 it is a sibling of the scroll region\n   rather than a passenger inside it.\n\n   The background is the CARD's surface, not `--mj-bg-page`. This block was written when the editor\n   was a full page sitting on the page background; inside the workspace card that token painted the\n   top half of the card a different colour from the bottom half, so the card looked like two\n   stacked panels. */\n.ed-sticky {\n  flex: 0 0 auto;\n  background: var(--mj-bg-surface);\n  margin: calc(-1 * var(--mj-space-6)) calc(-1 * var(--mj-space-6)) 0;\n  padding: var(--mj-space-6) var(--mj-space-6) 0;\n}\n\n.ed-identity {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  background: var(--mj-bg-surface);\n  overflow: hidden;\n  margin-bottom: var(--mj-space-3);\n}\n\n.ed-identity > div {\n  padding: var(--mj-space-3) var(--mj-space-4);\n  border-right: 1px solid var(--mj-border-subtle);\n}\n\n.ed-identity > div:last-child {\n  border-right: none;\n}\n\n/* A cell whose VALUE is a name rather than a code. Company names do not abbreviate \u2014 \"DEMO Pu\u2026\"\n   identifies nothing \u2014 so this one takes two of the 150px tracks. It degrades safely: when the\n   strip is already down to one or two columns the span is clamped to the columns that exist. */\n.ed-identity > div.ed-identity__cell--wide {\n  grid-column: span 2;\n}\n\n.ed-identity .l {\n  font-size: 10px;\n  font-weight: var(--mj-font-bold);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n  display: block;\n  margin-bottom: 3px;\n}\n\n.ed-identity .v {\n  font-size: 13px;\n  font-weight: var(--mj-font-medium);\n}\n\n.ed-stage-row {\n  gap: var(--mj-space-4);\n}\n\n.ed-money {\n  display: block;\n  margin-top: var(--mj-space-3);\n}\n\n.ed-issues {\n  margin-top: var(--mj-space-3);\n}\n\n.ed-issues__list {\n  margin: var(--mj-space-2) 0 0;\n  padding-left: var(--mj-space-4);\n}\n\n.ed-tabs {\n  margin-top: var(--mj-space-4);\n}\n\n/* \u2500\u2500 Panes \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.ed-pane {\n  padding-top: var(--mj-space-4);\n}\n\n.ed-below {\n  margin-top: var(--mj-space-4);\n}\n\n.ed-note {\n  margin-top: var(--mj-space-3);\n}\n\n.ed-pad {\n  padding: var(--mj-space-4);\n}\n\n.ed-empty {\n  padding: var(--mj-space-8);\n}\n\n/* \u2500\u2500 Lines table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.ed-col-n { width: 30px; }\n.ed-col-co { width: 84px; }\n.ed-col-qty { width: 80px; }\n.ed-col-price { width: 150px; }\n.ed-col-disc { width: 110px; }\n.ed-col-net { width: 120px; }\n.ed-col-tax { width: 110px; }\n.ed-col-total { width: 120px; }\n.ed-col-act { width: 36px; }\n.ed-col-seq { width: 60px; }\n\n.ed-line-nm {\n  display: flex;\n  align-items: baseline;\n  gap: var(--mj-space-2);\n}\n\n.ed-line-conseq {\n  display: flex;\n  gap: 5px;\n  flex-wrap: wrap;\n  margin-top: 4px;\n}\n\n.ed-input-qty { width: 64px; }\n.ed-input-price { width: 100px; }\n\n/* \u2500\u2500 Charges \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.ed-base {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  gap: 4px var(--mj-space-4);\n  font-size: 12.5px;\n  padding: var(--mj-space-3) var(--mj-space-4);\n  background: var(--mj-bg-surface-sunken);\n  border-radius: var(--mj-radius-md);\n}\n\n.ed-base .amt {\n  font-variant-numeric: tabular-nums;\n  text-align: right;\n}\n\n.ed-base .tot {\n  border-top: 1px solid var(--mj-border-strong);\n  padding-top: 5px;\n  margin-top: 3px;\n  font-weight: var(--mj-font-semibold);\n}\n\n.ed-taxwhy {\n  padding: var(--mj-space-2) 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.ed-taxwhy:last-child {\n  border-bottom: none;\n}\n\n/* \u2500\u2500 Promotions \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.ed-promo {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-2) 0;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.ed-promo:last-child {\n  border-bottom: none;\n}\n\n.ed-promo__body {\n  flex: 1;\n  min-width: 0;\n}\n\n/* \u2500\u2500 Drawer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.ed-drawer__section {\n  margin-top: var(--mj-space-4);\n}\n\n/* \u2500\u2500 Footer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.ed-footer {\n  /* A flex row on the frame, not sticky \u2014 see the :host note. It no longer\n     overlays scrolling content, so it needs no z-index and no negative margins to\n     bleed full width; it already spans the frame. The shadow stays, to separate\n     the bar from the region that now scrolls beneath its top edge. */\n  flex: none;\n  box-shadow: var(--mj-shadow-md);\n  margin: 0;\n  padding: var(--mj-space-3) var(--mj-space-6);\n  background: var(--mj-bg-surface);\n  border-top: 1px solid var(--mj-border-default);\n  display: flex;\n  align-items: center;\n  gap: var(--mj-space-2);\n  flex-wrap: wrap;\n}\n\n/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n@media (max-width: 760px) {\n  /* The padding is on the scroll region now \u2014 the host is the frame and has none. */\n  .ed-scroll {\n    padding: var(--mj-space-4);\n  }\n\n  .ed-sticky {\n    margin: calc(-1 * var(--mj-space-4)) calc(-1 * var(--mj-space-4)) 0;\n    padding: var(--mj-space-4) var(--mj-space-4) 0;\n    /* Sticky chrome eats too much of a short viewport once it wraps. */\n    position: static;\n  }\n\n  /* Drop the columns a phone cannot use before it drops the ones it can. The\n     line total and quantity survive; discount and per-line tax move to the\n     drawer, which is where the detail already lives. */\n  .ed-col-disc,\n  .ed-col-tax,\n  .ed-col-co,\n  :host ::ng-deep .mj-table--lines td:nth-child(3),\n  :host ::ng-deep .mj-table--lines td:nth-child(6),\n  :host ::ng-deep .mj-table--lines td:nth-child(8) {\n    display: none;\n  }\n\n  .ed-drawer {\n    width: 100vw;\n  }\n\n  .ed-footer {\n    /* No negative margins: as a flex row it already spans the frame. */\n    padding: var(--mj-space-3) var(--mj-space-4);\n  }\n}\n\n/* \u2500\u2500 Hooks that lived only in the .html template \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Both were referenced by order-editor.page.html and defined nowhere, so a\n   card meant to sit apart from the one above it butted against it, and the\n   dimension rows ran their chip and value together as one string. The\n   kit-classes guard missed them because it scanned only .ts templates until\n   the separate .html files were added to its sweep. */\n\n/* A standalone card below the tab pane, not part of the pane's own flow. */\n.ed-block {\n  margin-top: var(--mj-space-4);\n}\n\n/* Dimension tag + its value, side by side rather than run together. */\n.ed-dim {\n  display: flex;\n  align-items: baseline;\n  gap: var(--mj-space-2);\n  padding: var(--mj-space-1) 0;\n}\n\n/* \u2500\u2500 Add a line, and choose the parties \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   The editor previously had neither: lines could only be removed, and the\n   parties tab printed GUIDs through a read-only control. Both are ordinary\n   typeahead shapes, styled from tokens so they match fast entry's pickers. */\n\n.ed-addline {\n    position: relative;\n    margin-block-end: var(--mj-space-3);\n}\n\n.ed-addline__field,\n.ed-party__field {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    inline-size: 100%;\n}\n\n.ed-addline__field > i,\n.ed-party__field > i {\n    color: var(--mj-text-tertiary);\n}\n\n.ed-addline__field .mj-input,\n.ed-party__field .mj-input {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n}\n\n/* The match lists overlay rather than push the table down \u2014 a picker that\n   reflows the whole pane on every keystroke is unusable at speed. */\n.ed-addline__matches,\n.ed-party__matches {\n    position: absolute;\n    z-index: 20;\n    inset-inline: 0;\n    margin: var(--mj-space-1) 0 0;\n    padding: 0;\n    list-style: none;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-md);\n    max-block-size: 40cqh;\n    overflow-y: auto;\n}\n\n.ed-addline__match,\n.ed-party__match {\n    display: flex;\n    align-items: baseline;\n    gap: var(--mj-space-2);\n    inline-size: 100%;\n    padding: var(--mj-space-2) var(--mj-space-3);\n    background: none;\n    border: 0;\n    text-align: start;\n    cursor: pointer;\n}\n\n.ed-addline__match:hover,\n.ed-party__match:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.ed-addline__match .nm,\n.ed-party__match .nm {\n    font-weight: var(--mj-font-medium);\n}\n\n.ed-addline__match .num {\n    margin-inline-start: auto;\n    font-variant-numeric: tabular-nums;\n}\n\n.ed-addline__none {\n    padding: var(--mj-space-2) 0 0;\n}\n\n.ed-party {\n    position: relative;\n    margin-block-end: var(--mj-space-3);\n}\n\n.ed-party__label {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-secondary);\n    margin-block-end: var(--mj-space-1);\n}\n\n.ed-party__chosen {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n/* Editable identity fields. The strip is a compact label/value grid, so the input has to sit on\n   the value line without changing the row height \u2014 a full-size control here would push the stage\n   stepper and money strip down every time the order becomes editable. */\n.ed-identity__input {\n    inline-size: 100%;\n    min-inline-size: 0;\n    padding-block: var(--mj-space-1);\n    font-size: var(--mj-text-sm);\n}\n\n/* A VALUE NOBODY CHOSE, shown in the muted text colour so it reads as a suggestion rather than an\n   entry. The order date is the case this exists for: it defaults to today, and the difference\n   between \"today because nobody picked\" and \"today because I picked today\" has to stay visible \u2014\n   otherwise the default is a decision made on the user's behalf, silently.\n\n   Colour is not carrying this alone: each control also gets a `title` explaining the default, so\n   the distinction survives for anyone who cannot separate the two greys. The style drops the moment\n   the field is touched, because `SetHeader` clears the flag. */\n.ed-identity__input--default,\n.ed-identity__input--default input {\n    color: var(--mj-text-muted);\n}\n\n/* A labelled field inside a card pane. `mjo-stated-value` covers the read-only case; this is its\n   editable counterpart and deliberately matches its label typography so a tab does not visibly\n   change shape when the order stops being editable. */\n.ed-field {\n    margin-block-end: var(--mj-space-3);\n}\n\n.ed-field__label {\n    display: block;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-secondary);\n    margin-block-end: var(--mj-space-1);\n}\n\n.ed-field__row {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.ed-field__row .mj-input {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n}\n\n/* \u2500\u2500 What is left to do, in one line \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   This replaced a full warning card. The card restated what the tab dots already say and\n   cost ~90px of vertical space on the densest screen in the app to do it. The information\n   is worth keeping \u2014 knowing what blocks a confirm is the point \u2014 so it stays, compressed\n   to a single row where each item is a button that takes you to the tab that owns it. */\n\n.ed-todo {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    margin-block-start: var(--mj-space-3);\n    padding: var(--mj-space-1) var(--mj-space-3);\n    /* Tinted rather than filled: the row is a hint, not an error state, and a solid amber\n       block at this width reads as an alarm. */\n    background: color-mix(in srgb, var(--mj-color-warning-500) 8%, transparent);\n    border-inline-start: 3px solid var(--mj-color-warning-500);\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n}\n\n.ed-todo__icon {\n    color: var(--mj-color-warning-700);\n}\n\n/* The count carries the \"how many\" so the sentence does not have to pluralise. */\n.ed-todo__count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-inline-size: 18px;\n    block-size: 18px;\n    padding-inline: 5px;\n    border-radius: 9px;\n    background: var(--mj-color-warning-700);\n    color: var(--mj-text-inverse, #fff);\n    font-weight: var(--mj-font-semibold);\n}\n\n.ed-todo__lead {\n    color: var(--mj-text-secondary);\n}\n\n/* Items run inline and the row scrolls rather than wrapping \u2014 wrapping would let this grow\n   back into the multi-line block it replaced. */\n.ed-todo__items {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    min-inline-size: 0;\n    overflow-x: auto;\n    scrollbar-width: thin;\n}\n\n.ed-todo__item {\n    flex: 0 0 auto;\n    padding: 0;\n    background: none;\n    border: 0;\n    border-block-end: 1px dotted currentColor;\n    color: var(--mj-color-warning-700);\n    font: inherit;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.ed-todo__item:hover,\n.ed-todo__item:focus-visible {\n    color: var(--mj-text-primary);\n}\n\n/* \u2500\u2500 Tender reference \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   Directly under the tender picker, so the requirement it announces has its\n   answer in the same place rather than on another tab. */\n.ed-tender-ref {\n    margin-block-start: var(--mj-space-3);\n    max-inline-size: 22rem;\n}\n\n/* Amber, not red: nothing has gone wrong \u2014 there is something still to do. */\n.ed-tender-ref__req {\n    margin-inline-start: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    color: var(--mj-status-warning-text);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.ed-tender-ref__hint {\n    margin-block-start: var(--mj-space-1);\n}\n"] }]
-    }], null, { Order: [{
-            type: Input
-        }], Catalog: [{
-            type: Input
-        }], Companies: [{
-            type: Input
-        }], Status: [{
-            type: Input
-        }], OrderNumber: [{
-            type: Input
-        }], ShowActions: [{
-            type: Input
-        }], Tenders: [{
-            type: Input
-        }], JournalEntries: [{
-            type: Input
-        }], ConfirmRequested: [{
-            type: Output
-        }], Saved: [{
-            type: Output
-        }], LineOpened: [{
-            type: Output
-        }], OpenInAccounting: [{
-            type: Output
-        }], OnDocumentPointerDown: [{
-            type: HostListener,
-            args: ['document:pointerdown', ['$event']]
-        }], OnEscape: [{
-            type: HostListener,
-            args: ['document:keydown.escape']
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOOrderEditorPageComponent, { className: "MJOOrderEditorPageComponent", filePath: "lib/pages/orders/order-editor.page.ts", lineNumber: 130 }); })();
-//# sourceMappingURL=order-editor.page.js.map