@mj-biz-apps/orders-ng 5.6.0 → 5.7.0

package/dist/lib/custom/OrderHeader/order-lines-editor.component.js

@@ -1,10 +1,10 @@
-import { ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewChild, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
-import { CompositeKey, Metadata, } from '@memberjunction/core';
+import { CompositeKey, Metadata, RunView, } from '@memberjunction/core';
 import { UUIDsEqual } from '@memberjunction/global';
 import { BaseFormsModule, } from '@memberjunction/ng-base-forms';
-import { OrderLineEntity, ClampLineQuantity, } from '@mj-biz-apps/orders-entities';
+import { OrderLineEntity, ClampLineQuantity, ListApplicablePrices, LoadOrdersEngine, OrdersEngine, loadApplicabilityContext, moneyEqual, priceOverrideCatalogInstalled, userPriceOverrideKind, } from '@mj-biz-apps/orders-entities';
 import { MJOConsequenceChipComponent, MJOPriceSourceBadgeComponent } from '../../panels/chips.component.js';
 import { MJOMoneyPipe } from '../../panels/money-format.js';
 import { MJO_ENTITIES } from '../../data/entity-names.js';
@@ -12,9 +12,11 @@ import { GetCatalogOptions } from '../../data/orders-queries.js';
 import { MJOPricingScheduler } from '../../services/pricing-scheduler.service.js';
 import { ExtensionCollapsedHint, ExtensionToggleLabel, } from './line-extension-fields.js';
 import { CachedExtensionEntityInfo, CachedExtensionFormConfig } from './line-extension-cache.js';
+import { anyFieldIsDirty } from '@mj-biz-apps/orders-entities';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@memberjunction/ng-base-forms";
+const _c0 = ["pickerHost"];
 const _forTrack0 = ($index, $item) => $item.ID;
 function MJOOrderLinesEditorComponent_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
@@ -26,14 +28,14 @@ function MJOOrderLinesEditorComponent_For_2_Conditional_7_Template(rf, ctx) { if
 } }
 function MJOOrderLinesEditorComponent_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 18);
+    i0.ɵɵelementStart(0, "button", 24);
     i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Bump(line_r2, -1)); });
     i0.ɵɵtext(1, "\u2212");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "input", 19);
+    i0.ɵɵelementStart(2, "input", 25);
     i0.ɵɵlistener("change", function MJOOrderLinesEditorComponent_For_2_Conditional_9_Template_input_change_2_listener($event) { i0.ɵɵrestoreView(_r4); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetQuantity(line_r2, $event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 20);
+    i0.ɵɵelementStart(3, "button", 26);
     i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_9_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r4); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Bump(line_r2, 1)); });
     i0.ɵɵtext(4, "+");
     i0.ɵɵelementEnd();
@@ -46,7 +48,7 @@ function MJOOrderLinesEditorComponent_For_2_Conditional_9_Template(rf, ctx) { if
     i0.ɵɵproperty("disabled", ctx_r2.QuantityAtMax(line_r2));
 } }
 function MJOOrderLinesEditorComponent_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
+    i0.ɵɵelementStart(0, "span", 10);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -55,18 +57,42 @@ function MJOOrderLinesEditorComponent_For_2_Conditional_10_Template(rf, ctx) { i
     i0.ɵɵtextInterpolate(line_r2.Quantity);
 } }
 function MJOOrderLinesEditorComponent_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 27);
+    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleOverrideEditor(line_r2)); });
+    i0.ɵɵelement(1, "i", 28);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-expanded", ctx_r2.IsOverrideEditorOpen(line_r2))("aria-label", ctx_r2.IsOverridden(line_r2) ? "Edit price override" : "Override price");
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵtext(1, "overridden");
+    i0.ɵɵelementEnd();
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mjo-price-source-badge", 16);
+} if (rf & 2) {
+    let tmp_11_0;
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Source", ((tmp_11_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_11_0.PriceSource) ?? null)("Settled", !ctx_r2.Pricing.Loading)("Overridden", false);
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx);
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 21);
-    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_20_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Remove(line_r2)); });
-    i0.ɵɵelement(1, "i", 22);
+function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.Remove(line_r2)); });
+    i0.ɵɵelement(1, "i", 30);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_11_0;
@@ -74,39 +100,121 @@ function MJOOrderLinesEditorComponent_For_2_Conditional_20_Template(rf, ctx) { i
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵattribute("aria-label", "Remove " + (((tmp_11_0 = ctx_r2.ProductFor(line_r2)) == null ? null : tmp_11_0.Name) ?? "line"));
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_22_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mjo-consequence-chip", 23);
+function MJOOrderLinesEditorComponent_For_2_Conditional_24_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 34);
+    i0.ɵɵtext(1, "Custom amount");
+    i0.ɵɵelementEnd();
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_24_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 35);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "mjoMoney");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const price_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", price_r8.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", price_r8.Name, " \u00B7 ", i0.ɵɵpipeBind1(2, 3, price_r8.UnitPrice));
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_24_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 42);
+    i0.ɵɵlistener("change", function MJOOrderLinesEditorComponent_For_2_Conditional_24_Conditional_8_Template_input_change_0_listener($event) { i0.ɵɵrestoreView(_r9); const line_r2 = i0.ɵɵnextContext(2).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.TypeAmount(line_r2, $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const line_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("value", ctx_r2.DisplayUnit(line_r2));
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 20)(1, "div", 31)(2, "select", 32);
+    i0.ɵɵlistener("change", function MJOOrderLinesEditorComponent_For_2_Conditional_24_Template_select_change_2_listener($event) { i0.ɵɵrestoreView(_r7); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.PickNamedPrice(line_r2, $event)); });
+    i0.ɵɵelementStart(3, "option", 33);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MJOOrderLinesEditorComponent_For_2_Conditional_24_Conditional_5_Template, 2, 0, "option", 34);
+    i0.ɵɵrepeaterCreate(6, MJOOrderLinesEditorComponent_For_2_Conditional_24_For_7_Template, 3, 5, "option", 35, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, MJOOrderLinesEditorComponent_For_2_Conditional_24_Conditional_8_Template, 1, 1, "input", 36);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "label", 37)(10, "span");
+    i0.ɵɵtext(11, "Override Explanation");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "textarea", 38);
+    i0.ɵɵlistener("input", function MJOOrderLinesEditorComponent_For_2_Conditional_24_Template_textarea_input_12_listener($event) { i0.ɵɵrestoreView(_r7); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SetOverrideReason(line_r2, $event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 39)(14, "button", 40);
+    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_24_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r7); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.DoneOverrideEditor(line_r2)); });
+    i0.ɵɵtext(15, "Done");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 41);
+    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_24_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r7); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ResetOverride(line_r2)); });
+    i0.ɵɵtext(17, "Use Default Price");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    let tmp_11_0;
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-label", "Override price for " + (((tmp_11_0 = ctx_r2.ProductFor(line_r2)) == null ? null : tmp_11_0.Name) ?? "line"));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", ctx_r2.SelectedPriceID(line_r2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.DefaultLabel(line_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.OverrideKind === "any" ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.ApplicableFor(line_r2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.ShowCustomAmount(line_r2) ? 8 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("is-off", !ctx_r2.CanExplainOverride(line_r2));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", !ctx_r2.CanExplainOverride(line_r2))("value", ctx_r2.OverrideReasonText(line_r2));
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_26_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mjo-consequence-chip", 43);
     i0.ɵɵtext(1, "Ships \u2014 holds the order at Posted");
     i0.ɵɵelementEnd();
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_22_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mjo-consequence-chip", 24);
+function MJOOrderLinesEditorComponent_For_2_Conditional_26_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mjo-consequence-chip", 44);
     i0.ɵɵtext(1, "Untaxable");
     i0.ɵɵelementEnd();
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_22_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mjo-consequence-chip", 25);
+function MJOOrderLinesEditorComponent_For_2_Conditional_26_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "mjo-consequence-chip", 45);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const product_r6 = i0.ɵɵnextContext();
+    const product_r10 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("Revenue to ", product_r6.CompanyName);
+    i0.ɵɵtextInterpolate1("Revenue to ", product_r10.CompanyName);
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, MJOOrderLinesEditorComponent_For_2_Conditional_22_Conditional_0_Template, 2, 0, "mjo-consequence-chip", 23);
-    i0.ɵɵconditionalCreate(1, MJOOrderLinesEditorComponent_For_2_Conditional_22_Conditional_1_Template, 2, 0, "mjo-consequence-chip", 24);
-    i0.ɵɵconditionalCreate(2, MJOOrderLinesEditorComponent_For_2_Conditional_22_Conditional_2_Template, 2, 1, "mjo-consequence-chip", 25);
+function MJOOrderLinesEditorComponent_For_2_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, MJOOrderLinesEditorComponent_For_2_Conditional_26_Conditional_0_Template, 2, 0, "mjo-consequence-chip", 43);
+    i0.ɵɵconditionalCreate(1, MJOOrderLinesEditorComponent_For_2_Conditional_26_Conditional_1_Template, 2, 0, "mjo-consequence-chip", 44);
+    i0.ɵɵconditionalCreate(2, MJOOrderLinesEditorComponent_For_2_Conditional_26_Conditional_2_Template, 2, 1, "mjo-consequence-chip", 45);
 } if (rf & 2) {
-    const product_r6 = ctx;
-    i0.ɵɵconditional(product_r6.TypeName === "Goods" ? 0 : -1);
+    const product_r10 = ctx;
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(product_r10.TypeName === "Goods" ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!product_r10.Taxable ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(!product_r6.Taxable ? 1 : -1);
+    i0.ɵɵconditional(ctx_r2.ShowsForeignRevenue(line_r2) ? 2 : -1);
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
     i0.ɵɵadvance();
-    i0.ɵɵconditional(product_r6.CompanyName ? 2 : -1);
+    i0.ɵɵtextInterpolate(ctx);
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 30);
+function MJOOrderLinesEditorComponent_For_2_Conditional_28_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 50);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -115,18 +223,18 @@ function MJOOrderLinesEditorComponent_For_2_Conditional_23_Conditional_5_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r2.ExtensionHint(line_r2));
 } }
-function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 26)(1, "button", 27);
-    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r7); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleExtension(line_r2)); });
-    i0.ɵɵelement(2, "i", 28);
-    i0.ɵɵelementStart(3, "span", 29);
+function MJOOrderLinesEditorComponent_For_2_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 46)(1, "button", 47);
+    i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Conditional_28_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const line_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ToggleExtension(line_r2)); });
+    i0.ɵɵelement(2, "i", 48);
+    i0.ɵɵelementStart(3, "span", 49);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, MJOOrderLinesEditorComponent_For_2_Conditional_23_Conditional_5_Template, 2, 1, "span", 30);
+    i0.ɵɵconditionalCreate(5, MJOOrderLinesEditorComponent_For_2_Conditional_28_Conditional_5_Template, 2, 1, "span", 50);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 31)(7, "div", 32)(8, "mj-entity-form-host", 33);
-    i0.ɵɵlistener("FormCreated", function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template_mj_entity_form_host_FormCreated_8_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnExtensionFormCreated($event)); })("Navigate", function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template_mj_entity_form_host_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnExtensionNavigate($event)); });
+    i0.ɵɵelementStart(6, "div", 51)(7, "div", 52)(8, "mj-entity-form-host", 53);
+    i0.ɵɵlistener("FormCreated", function MJOOrderLinesEditorComponent_For_2_Conditional_28_Template_mj_entity_form_host_FormCreated_8_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnExtensionFormCreated($event)); })("Navigate", function MJOOrderLinesEditorComponent_For_2_Conditional_28_Template_mj_entity_form_host_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnExtensionNavigate($event)); });
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const line_r2 = i0.ɵɵnextContext().$implicit;
@@ -146,46 +254,48 @@ function MJOOrderLinesEditorComponent_For_2_Conditional_23_Template(rf, ctx) { i
 } }
 function MJOOrderLinesEditorComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 4)(2, "div", 5)(3, "button", 6);
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 5)(2, "div", 6)(3, "button", 7);
     i0.ɵɵlistener("click", function MJOOrderLinesEditorComponent_For_2_Template_button_click_3_listener($event) { const line_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenProduct(line_r2, $event)); });
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 7);
+    i0.ɵɵelementStart(5, "div", 8);
     i0.ɵɵtext(6);
     i0.ɵɵconditionalCreate(7, MJOOrderLinesEditorComponent_For_2_Conditional_7_Template, 1, 1);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 8);
-    i0.ɵɵconditionalCreate(9, MJOOrderLinesEditorComponent_For_2_Conditional_9_Template, 5, 2)(10, MJOOrderLinesEditorComponent_For_2_Conditional_10_Template, 2, 1, "span", 9);
+    i0.ɵɵelementStart(8, "div", 9);
+    i0.ɵɵconditionalCreate(9, MJOOrderLinesEditorComponent_For_2_Conditional_9_Template, 5, 2)(10, MJOOrderLinesEditorComponent_For_2_Conditional_10_Template, 2, 1, "span", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 10)(12, "div", 11);
-    i0.ɵɵtext(13);
-    i0.ɵɵpipe(14, "mjoMoney");
+    i0.ɵɵelementStart(11, "div", 11)(12, "div", 12)(13, "div", 13);
+    i0.ɵɵtext(14);
+    i0.ɵɵpipe(15, "mjoMoney");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(15, "mjo-price-source-badge", 12);
-    i0.ɵɵconditionalCreate(16, MJOOrderLinesEditorComponent_For_2_Conditional_16_Template, 2, 1, "div", 13);
+    i0.ɵɵconditionalCreate(16, MJOOrderLinesEditorComponent_For_2_Conditional_16_Template, 2, 2, "button", 14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 14);
-    i0.ɵɵtext(18);
-    i0.ɵɵpipe(19, "mjoMoney");
+    i0.ɵɵconditionalCreate(17, MJOOrderLinesEditorComponent_For_2_Conditional_17_Template, 2, 0, "span", 15)(18, MJOOrderLinesEditorComponent_For_2_Conditional_18_Template, 1, 3, "mjo-price-source-badge", 16);
+    i0.ɵɵconditionalCreate(19, MJOOrderLinesEditorComponent_For_2_Conditional_19_Template, 2, 1, "div", 17);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(20, MJOOrderLinesEditorComponent_For_2_Conditional_20_Template, 2, 1, "button", 15);
+    i0.ɵɵelementStart(20, "div", 18);
+    i0.ɵɵtext(21);
+    i0.ɵɵpipe(22, "mjoMoney");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 16);
-    i0.ɵɵconditionalCreate(22, MJOOrderLinesEditorComponent_For_2_Conditional_22_Template, 3, 3);
+    i0.ɵɵconditionalCreate(23, MJOOrderLinesEditorComponent_For_2_Conditional_23_Template, 2, 1, "button", 19);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(23, MJOOrderLinesEditorComponent_For_2_Conditional_23_Template, 9, 12, "div", 17);
+    i0.ɵɵconditionalCreate(24, MJOOrderLinesEditorComponent_For_2_Conditional_24_Template, 18, 9, "div", 20);
+    i0.ɵɵelementStart(25, "div", 21);
+    i0.ɵɵconditionalCreate(26, MJOOrderLinesEditorComponent_For_2_Conditional_26_Template, 3, 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(27, MJOOrderLinesEditorComponent_For_2_Conditional_27_Template, 2, 1, "div", 22);
+    i0.ɵɵconditionalCreate(28, MJOOrderLinesEditorComponent_For_2_Conditional_28_Template, 9, 12, "div", 23);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     let tmp_10_0;
     let tmp_11_0;
     let tmp_12_0;
-    let tmp_15_0;
-    let tmp_16_0;
     let tmp_18_0;
     let tmp_19_0;
-    let tmp_20_0;
     let tmp_22_0;
     let tmp_23_0;
+    let tmp_24_0;
     const line_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
@@ -198,110 +308,117 @@ function MJOOrderLinesEditorComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("is-locked", !ctx_r2.EditMode || ctx_r2.QuantityCappedToOne(line_r2));
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r2.EditMode && !ctx_r2.QuantityCappedToOne(line_r2) ? 9 : 10);
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(14, 15, (tmp_15_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_15_0.UnitPrice));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 16, ctx_r2.DisplayUnit(line_r2)));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Source", ((tmp_16_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_16_0.PriceSource) ?? null)("Settled", !ctx_r2.Pricing.Loading)("Overridden", !!((tmp_18_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_18_0.WasStated));
+    i0.ɵɵconditional(ctx_r2.CanOverride ? 16 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_19_0 = (tmp_19_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_19_0.Error) ? 16 : -1, tmp_19_0);
+    i0.ɵɵconditional(ctx_r2.IsOverridden(line_r2) ? 17 : 18);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 17, (tmp_20_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_20_0.NetAmount));
+    i0.ɵɵconditional((tmp_18_0 = (tmp_18_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_18_0.Error) ? 19 : -1, tmp_18_0);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r2.EditMode ? 20 : -1);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(22, 18, (tmp_19_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_19_0.NetAmount));
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional((tmp_22_0 = ctx_r2.ProductFor(line_r2)) ? 22 : -1, tmp_22_0);
+    i0.ɵɵconditional(ctx_r2.EditMode ? 23 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_23_0 = ctx_r2.ExtensionFor(line_r2)) ? 23 : -1, tmp_23_0);
+    i0.ɵɵconditional(ctx_r2.IsOverrideEditorOpen(line_r2) ? 24 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_22_0 = ctx_r2.ProductFor(line_r2)) ? 26 : -1, tmp_22_0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_23_0 = ctx_r2.OverrideReasonText(line_r2)) ? 27 : -1, tmp_23_0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_24_0 = ctx_r2.ExtensionFor(line_r2)) ? 28 : -1, tmp_24_0);
 } }
 function MJOOrderLinesEditorComponent_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵelement(1, "i", 34);
-    i0.ɵɵelementStart(2, "div", 35);
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵelement(1, "i", 54);
+    i0.ɵɵelementStart(2, "div", 55);
     i0.ɵɵtext(3, "Nothing on this order yet");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "div");
     i0.ɵɵtext(5, "Search the catalog to add the first line.");
     i0.ɵɵelementEnd()();
 } }
-function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 42);
-    i0.ɵɵlistener("mousedown", function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_For_2_Template_button_mousedown_0_listener() { const product_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.AddProduct(product_r10)); });
-    i0.ɵɵelementStart(1, "span", 43)(2, "span", 44);
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 63);
+    i0.ɵɵlistener("mousedown", function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_For_2_Template_button_mousedown_0_listener() { const product_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.AddProduct(product_r14)); });
+    i0.ɵɵelementStart(1, "span", 64)(2, "span", 65);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 45);
+    i0.ɵɵelementStart(4, "span", 66);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "span", 46)(7, "span", 47);
+    i0.ɵɵelementStart(6, "span", 67)(7, "span", 68);
     i0.ɵɵtext(8);
     i0.ɵɵpipe(9, "mjoMoney");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 45);
+    i0.ɵɵelementStart(10, "span", 66);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const product_r10 = ctx.$implicit;
-    const ɵ$index_112_r11 = ctx.$index;
+    const product_r14 = ctx.$implicit;
+    const ɵ$index_165_r15 = ctx.$index;
     const ctx_r2 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("is-cursor", ɵ$index_112_r11 === ctx_r2.PickerCursor);
-    i0.ɵɵattribute("aria-selected", ɵ$index_112_r11 === ctx_r2.PickerCursor);
+    i0.ɵɵclassProp("is-cursor", ɵ$index_165_r15 === ctx_r2.PickerCursor);
+    i0.ɵɵattribute("aria-selected", ɵ$index_165_r15 === ctx_r2.PickerCursor);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(product_r10.Name);
+    i0.ɵɵtextInterpolate(product_r14.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate3("", product_r10.SKU, " \u00B7 ", product_r10.TypeName, " \u00B7 ", product_r10.CompanyName);
+    i0.ɵɵtextInterpolate3("", product_r14.SKU, " \u00B7 ", product_r14.TypeName, " \u00B7 ", product_r14.CompanyName);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 9, product_r10.ListPrice));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 9, product_r14.ListPrice));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(product_r10.Taxable ? "taxable" : "untaxable");
+    i0.ɵɵtextInterpolate(product_r14.Taxable ? "taxable" : "untaxable");
 } }
-function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(4);
     i0.ɵɵtextInterpolate1(" ", ctx_r2.CatalogError, " ");
 } }
-function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Loading catalog\u2026 ");
 } }
-function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " No product matches that. ");
 } }
-function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 41)(1, "span", 48);
-    i0.ɵɵconditionalCreate(2, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Conditional_2_Template, 1, 1)(3, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Conditional_3_Template, 1, 0)(4, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Conditional_4_Template, 1, 0);
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62)(1, "span", 69);
+    i0.ɵɵconditionalCreate(2, MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Conditional_2_Template, 1, 1)(3, MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Conditional_3_Template, 1, 0)(4, MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Conditional_4_Template, 1, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r2.CatalogError ? 2 : ctx_r2.Catalog.length === 0 ? 3 : 4);
 } }
-function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 39);
-    i0.ɵɵrepeaterCreate(1, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_For_2_Template, 12, 11, "button", 40, _forTrack0, false, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_ForEmpty_3_Template, 5, 1, "div", 41);
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵrepeaterCreate(1, MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_For_2_Template, 12, 11, "button", 61, _forTrack0, false, MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_ForEmpty_3_Template, 5, 1, "div", 62);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("is-up", ctx_r2.PickerOpensUp);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r2.PickerResults);
 } }
 function MJOOrderLinesEditorComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 3)(1, "div", 36);
-    i0.ɵɵelement(2, "i", 37);
-    i0.ɵɵelementStart(3, "input", 38);
-    i0.ɵɵtwoWayListener("ngModelChange", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.ProductQuery, $event) || (ctx_r2.ProductQuery = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("focus", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_focus_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenPicker()); })("blur", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_blur_3_listener() { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ClosePickerSoon()); })("keydown", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_keydown_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnPickerKey($event)); });
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4, 0)(2, "div", 56);
+    i0.ɵɵelement(3, "i", 57);
+    i0.ɵɵelementStart(4, "input", 58);
+    i0.ɵɵtwoWayListener("ngModelChange", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r2.ProductQuery, $event) || (ctx_r2.ProductQuery = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_ngModelChange_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnProductQueryChange()); })("focus", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_focus_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenPicker()); })("blur", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_blur_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ClosePickerSoon()); })("keydown", function MJOOrderLinesEditorComponent_Conditional_4_Template_input_keydown_4_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnPickerKey($event)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_Template, 4, 1, "div", 39);
+    i0.ɵɵconditionalCreate(5, MJOOrderLinesEditorComponent_Conditional_4_Conditional_5_Template, 4, 3, "div", 59);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
+    i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ProductQuery);
     i0.ɵɵattribute("aria-expanded", ctx_r2.PickerOpen);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.PickerOpen ? 4 : -1);
+    i0.ɵɵconditional(ctx_r2.PickerOpen ? 5 : -1);
 } }
 /**
  * Inline catalog picker + line cards for an order header.
@@ -335,7 +452,16 @@ export class MJOOrderLinesEditorComponent {
     ProductQuery = '';
     PickerCursor = 0;
     PickerOpen = false;
+    /** True when the catalog list would overflow the viewport below the search box. */
+    PickerOpensUp = false;
     CatalogError = null;
+    pickerHost;
+    /** 'none' hides the picker; 'list' is named prices only; 'any' also types an amount. */
+    OverrideKind = 'none';
+    applicableByLine = new Map();
+    overrideEditorLineIds = new Set();
+    customAmountLineIds = new Set();
+    defaultUnitByLine = new Map();
     get Lines() {
         return [...(this._order?.Lines.Items ?? [])];
     }
@@ -347,10 +473,16 @@ export class MJOOrderLinesEditorComponent {
     OpenPicker() {
         this.PickerOpen = true;
         this.PickerCursor = 0;
+        this.updatePickerFlip();
+    }
+    OnProductQueryChange() {
+        if (this.PickerOpen)
+            this.updatePickerFlip();
     }
     ClosePickerSoon() {
         setTimeout(() => {
             this.PickerOpen = false;
+            this.PickerOpensUp = false;
             this.cdr.detectChanges();
         }, 140);
     }
@@ -391,12 +523,14 @@ export class MJOOrderLinesEditorComponent {
         this.PickerCursor = 0;
         this.PickerOpen = false;
         this.schedulePricing();
+        void this.refreshAllApplicable();
         this.cdr.detectChanges();
     }
     Bump(line, delta) {
         if (!this.EditMode)
             return;
         line.Quantity = this.clampQuantity(line, Number(line.Quantity ?? 0) + delta);
+        void this.refreshApplicable(line);
         this.schedulePricing();
     }
     SetQuantity(line, event) {
@@ -406,6 +540,7 @@ export class MJOOrderLinesEditorComponent {
         if (!(target instanceof HTMLInputElement))
             return;
         line.Quantity = this.clampQuantity(line, Number.parseFloat(target.value));
+        void this.refreshApplicable(line);
         this.schedulePricing();
     }
     QuantityAtMax(line) {
@@ -419,15 +554,163 @@ export class MJOOrderLinesEditorComponent {
         if (!this.EditMode)
             return;
         this.expandedLineIds.delete(line.ID);
+        this.overrideEditorLineIds.delete(line.ID);
+        this.customAmountLineIds.delete(line.ID);
         this._order?.Lines.Remove(line);
         this.schedulePricing();
     }
     ProductFor(line) {
         return this.Catalog.find((p) => UUIDsEqual(p.ID, line.ProductID));
     }
+    /** True when the line books to a different company than the order's selling company. */
+    ShowsForeignRevenue(line) {
+        const product = this.ProductFor(line);
+        if (!product?.CompanyName)
+            return false;
+        const sellingID = this._order?.CompanyID;
+        if (product.CompanyID && sellingID)
+            return !UUIDsEqual(product.CompanyID, sellingID);
+        const sellingName = this._order?.Company;
+        if (!sellingName)
+            return true;
+        return product.CompanyName.trim().toLowerCase() !== String(sellingName).trim().toLowerCase();
+    }
     PricedLine(line) {
         return this.Pricing.Result?.Lines.find((priced) => UUIDsEqual(priced.ClientKey, line.ID));
     }
+    get CanOverride() {
+        return this.EditMode && this.OverrideKind !== 'none';
+    }
+    ApplicableFor(line) {
+        return this.applicableByLine.get(line.ID) ?? [];
+    }
+    SelectedPriceID(line) {
+        if (this.customAmountLineIds.has(line.ID))
+            return '__custom__';
+        if (!this.IsOverridden(line))
+            return '';
+        if (line.ProductPriceID)
+            return String(line.ProductPriceID);
+        return this.OverrideKind === 'any' ? '__custom__' : '';
+    }
+    DisplayUnit(line) {
+        if (this.IsOverridden(line))
+            return Number(line.UnitPrice ?? 0);
+        return this.PricedLine(line)?.UnitPrice ?? null;
+    }
+    DefaultLabel(line) {
+        const unit = this.DefaultUnit(line);
+        return unit == null ? 'Default price' : `Default · ${unit.toFixed(2)}`;
+    }
+    ShowCustomAmount(line) {
+        return this.OverrideKind === 'any' && this.SelectedPriceID(line) === '__custom__';
+    }
+    CanExplainOverride(line) {
+        const picked = this.SelectedPriceID(line);
+        if (picked && picked !== '__custom__')
+            return true;
+        if (picked === '__custom__') {
+            const typed = this.DisplayUnit(line);
+            const def = this.DefaultUnit(line);
+            if (typed == null || def == null)
+                return typed != null;
+            return !moneyEqual(typed, def);
+        }
+        return false;
+    }
+    DefaultUnit(line) {
+        if (this.defaultUnitByLine.has(line.ID))
+            return this.defaultUnitByLine.get(line.ID) ?? null;
+        return this.IsOverridden(line) ? null : (this.PricedLine(line)?.UnitPrice ?? null);
+    }
+    PickNamedPrice(line, event) {
+        if (!this.CanOverride)
+            return;
+        const target = event.target;
+        if (!(target instanceof HTMLSelectElement))
+            return;
+        const id = target.value;
+        if (!id) {
+            this.ResetOverride(line);
+            return;
+        }
+        if (id === '__custom__') {
+            this.customAmountLineIds.add(line.ID);
+            this.stamp(line, 'ProductPriceID', null);
+            this.markOverridden(line);
+            this.cdr.detectChanges();
+            return;
+        }
+        this.customAmountLineIds.delete(line.ID);
+        const hit = this.ApplicableFor(line).find((p) => UUIDsEqual(p.ID, id));
+        if (!hit)
+            return;
+        this.stamp(line, 'ProductPriceID', hit.ID);
+        this.stamp(line, 'UnitPrice', hit.UnitPrice);
+        this.markOverridden(line);
+        this.schedulePricing();
+        this.cdr.detectChanges();
+    }
+    TypeAmount(line, event) {
+        if (!this.CanOverride || this.OverrideKind !== 'any')
+            return;
+        const target = event.target;
+        if (!(target instanceof HTMLInputElement))
+            return;
+        const amount = Number.parseFloat(target.value);
+        if (!Number.isFinite(amount) || amount < 0)
+            return;
+        this.customAmountLineIds.add(line.ID);
+        this.stamp(line, 'ProductPriceID', null);
+        this.stamp(line, 'UnitPrice', amount);
+        this.markOverridden(line);
+        this.schedulePricing();
+    }
+    IsOverrideEditorOpen(line) {
+        return this.overrideEditorLineIds.has(line.ID);
+    }
+    ToggleOverrideEditor(line) {
+        if (!this.CanOverride)
+            return;
+        if (this.overrideEditorLineIds.has(line.ID)) {
+            this.overrideEditorLineIds.delete(line.ID);
+            return;
+        }
+        this.overrideEditorLineIds.add(line.ID);
+        if (this.OverrideKind === 'any' && this.IsOverridden(line) && !line.ProductPriceID) {
+            this.customAmountLineIds.add(line.ID);
+        }
+        void this.refreshApplicable(line);
+    }
+    DoneOverrideEditor(line) {
+        this.overrideEditorLineIds.delete(line.ID);
+    }
+    ResetOverride(line) {
+        this.clearOverride(line);
+        this.customAmountLineIds.delete(line.ID);
+        this.overrideEditorLineIds.delete(line.ID);
+        this.schedulePricing();
+    }
+    IsOverridden(line) {
+        const flag = line.GetFieldByName('PriceOverridden');
+        if (flag && (flag.Value === true || flag.Value === 1 || flag.Value === '1'))
+            return true;
+        return anyFieldIsDirty(line, ['UnitPrice', 'ProductPriceID']);
+    }
+    OverrideReasonText(line) {
+        const field = line.GetFieldByName('PriceOverrideReason');
+        return field?.Value == null ? '' : String(field.Value);
+    }
+    SetOverrideReason(line, event) {
+        if (!this.CanExplainOverride(line))
+            return;
+        const target = event.target;
+        if (!(target instanceof HTMLTextAreaElement))
+            return;
+        const reason = target.value.trim();
+        this.stamp(line, 'PriceOverridden', true);
+        this.stamp(line, 'PriceOverrideReason', reason === '' ? null : reason);
+    }
     OpenProduct(line, event) {
         event.preventDefault();
         event.stopPropagation();
@@ -497,12 +780,19 @@ export class MJOOrderLinesEditorComponent {
             await this._order.Lines.Load();
         }
         await this.hydrateExtensions();
+        await this.resolveOverrideKind();
         this.schedulePricing();
+        void this.refreshAllApplicable();
         this.cdr.detectChanges();
     }
     unbindOrder() {
         this.expandedLineIds.clear();
         this.hydratingLineIds.clear();
+        this.applicableByLine.clear();
+        this.overrideEditorLineIds.clear();
+        this.customAmountLineIds.clear();
+        this.defaultUnitByLine.clear();
+        this.OverrideKind = 'none';
     }
     async addPlainLine(product) {
         if (!this._order)
@@ -571,20 +861,141 @@ export class MJOOrderLinesEditorComponent {
             this.CatalogError = error instanceof Error ? error.message : String(error);
         }
     }
+    updatePickerFlip() {
+        // Measure after the list is in the DOM so max-height (240px) is the right budget.
+        requestAnimationFrame(() => {
+            const host = this.pickerHost?.nativeElement;
+            if (!host || !this.PickerOpen) {
+                this.PickerOpensUp = false;
+                return;
+            }
+            const rect = host.getBoundingClientRect();
+            const spaceBelow = window.innerHeight - rect.bottom;
+            const spaceAbove = rect.top;
+            const listHeight = 240;
+            this.PickerOpensUp = spaceBelow < listHeight && spaceAbove > spaceBelow;
+            this.cdr.detectChanges();
+        });
+    }
     schedulePricing() {
         if (!this._order)
             return;
         this.pricing.SchedulePricing(this._order, (state) => {
             this.Pricing = state;
             this.PricingChanged.emit(state);
+            for (const line of this.Lines) {
+                if (!this.IsOverridden(line)) {
+                    this.defaultUnitByLine.set(line.ID, this.PricedLine(line)?.UnitPrice ?? null);
+                }
+            }
             this.cdr.detectChanges();
         });
     }
+    stamp(line, fieldName, value) {
+        const field = line.GetFieldByName(fieldName);
+        if (!field)
+            return;
+        const baseline = field.OldValue;
+        field.Value = value;
+        if (!field.Dirty)
+            field.RestoreOldValue(baseline);
+    }
+    clearOverride(line) {
+        const unit = line.GetFieldByName('UnitPrice');
+        const named = line.GetFieldByName('ProductPriceID');
+        if (unit)
+            unit.Value = unit.OldValue;
+        if (named)
+            named.Value = named.OldValue;
+        this.stamp(line, 'PriceOverridden', false);
+        this.stamp(line, 'PriceOverrideReason', null);
+    }
+    markOverridden(line) {
+        this.stamp(line, 'PriceOverridden', true);
+    }
+    async resolveOverrideKind() {
+        const user = this.metadata.CurrentUser;
+        this.OverrideKind = userPriceOverrideKind(user, this.metadata);
+        if (this.OverrideKind !== 'none')
+            return;
+        if (!priceOverrideCatalogInstalled(this.metadata))
+            return;
+        this.OverrideKind = await this.overrideKindFromLiveRoles(user);
+    }
+    async overrideKindFromLiveRoles(user) {
+        const roleIDs = (user?.UserRoles ?? []).map((r) => r.RoleID).filter(Boolean);
+        if (!roleIDs.length)
+            return 'none';
+        const quoted = roleIDs.map((id) => `'${String(id).replace(/'/g, "''")}'`).join(',');
+        const rv = new RunView();
+        const res = await rv.RunView({
+            EntityName: 'MJ: Authorization Roles',
+            ExtraFilter: `RoleID IN (${quoted}) AND Type LIKE 'Allow%' AND Authorization LIKE 'MJ.BizApps.Orders.Price.Override%'`,
+            ResultType: 'simple',
+        });
+        const names = (res.Success ? res.Results : [])
+            .map((row) => String(row.Authorization ?? ''))
+            .filter(Boolean);
+        if (names.some((n) => n === 'MJ.BizApps.Orders.Price.OverrideAny' || n === 'MJ.BizApps.Orders.Price.Override')) {
+            return 'any';
+        }
+        if (names.includes('MJ.BizApps.Orders.Price.OverrideList'))
+            return 'list';
+        return 'none';
+    }
+    async refreshAllApplicable() {
+        if (!this.CanOverride)
+            return;
+        await Promise.all(this.Lines.map((line) => this.refreshApplicable(line)));
+        this.cdr.detectChanges();
+    }
+    async refreshApplicable(line) {
+        if (!this.CanOverride || !this._order || !line.ProductID)
+            return;
+        const user = this.metadata.CurrentUser;
+        if (!user)
+            return;
+        try {
+            await LoadOrdersEngine(this.metadata, user);
+            const product = OrdersEngine.Instance.ProductByID(line.ProductID);
+            const companyID = product?.CompanyID ?? this._order.CompanyID;
+            if (!companyID)
+                return;
+            const ctx = {
+                ProductID: line.ProductID,
+                ProductCategoryID: product?.ProductCategoryID ?? null,
+                CompanyID: companyID,
+                Quantity: Number(line.Quantity ?? 0),
+                AsOf: this._order.OrderDate ? new Date(this._order.OrderDate) : new Date(),
+                OrganizationID: this._order.BillToOrganizationID ?? null,
+                PersonID: this._order.BillToPersonID ?? null,
+                ApplicabilityContext: await loadApplicabilityContext({
+                    OrderHeaderID: this._order.ID ?? null,
+                    ProductID: line.ProductID,
+                    BillToPersonID: this._order.BillToPersonID ?? null,
+                    BillToOrganizationID: this._order.BillToOrganizationID ?? null,
+                    ShipToPersonID: this._order.ShipToPersonID ?? null,
+                    ShipToOrganizationID: this._order.ShipToOrganizationID ?? null,
+                    BillToAddressID: this._order.BillToAddressID ?? null,
+                    ShipToAddressID: this._order.ShipToAddressID ?? null,
+                }, this.metadata, user),
+            };
+            this.applicableByLine.set(line.ID, await ListApplicablePrices(ctx, this.metadata, user));
+        }
+        catch {
+            this.applicableByLine.set(line.ID, []);
+        }
+    }
     static ɵfac = function MJOOrderLinesEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOOrderLinesEditorComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOOrderLinesEditorComponent, selectors: [["mjo-order-lines-editor"]], inputs: { Provider: "Provider", EditMode: "EditMode", Order: "Order" }, outputs: { PricingChanged: "PricingChanged", Navigate: "Navigate" }, decls: 5, vars: 2, consts: [[1, "mjo-ol"], [1, "mjo-ol-card"], [1, "mjo-ol-empty"], [1, "mj-typeahead", "mjo-ol-picker"], [1, "mjo-ol-card__top"], [1, "mjo-ol-card__id"], ["type", "button", 1, "mjo-ol-card__name", 3, "click"], [1, "mjo-ol-card__meta"], [1, "mjo-ol-qty"], [1, "mjo-ol-qty__value"], [1, "mjo-ol-card__price"], [1, "mjo-ol-card__amt"], [3, "Source", "Settled", "Overridden"], [1, "mjo-ol-card__err"], [1, "mjo-ol-card__tot"], ["type", "button", 1, "mjo-ol-iconbtn"], [1, "mjo-ol-card__conseq"], [1, "mjo-ol-ext", 3, "is-open"], ["type", "button", "aria-label", "Decrease quantity", 3, "click"], ["aria-label", "Quantity", 3, "change", "value"], ["type", "button", "aria-label", "Increase quantity", 3, "click", "disabled"], ["type", "button", 1, "mjo-ol-iconbtn", 3, "click"], ["aria-hidden", "true", 1, "fa-regular", "fa-trash-can"], ["Kind", "fulfillment"], ["Kind", "untaxable"], ["Kind", "company"], [1, "mjo-ol-ext"], ["type", "button", 1, "mjo-ol-ext__toggle", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-right", "mjo-ol-ext__chev"], [1, "mjo-ol-ext__label"], [1, "mjo-ol-ext__hint"], [1, "mjo-ol-ext__body", 3, "id"], [1, "mjo-ol-ext__clip"], [3, "FormCreated", "Navigate", "Record", "EditMode", "Config"], ["aria-hidden", "true", 1, "fa-solid", "fa-cart-plus"], [1, "mjo-ol-empty__title"], [1, "mjo-search"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["placeholder", "Add product \u2014 type a name or SKU\u2026", "autocomplete", "off", "role", "combobox", "aria-label", "Add a product", 3, "ngModelChange", "focus", "blur", "keydown", "ngModel"], ["role", "listbox", 1, "mj-typeahead-list", "is-open"], ["type", "button", "role", "option", 1, "mj-typeahead-item", "mjo-ol-pick", 3, "is-cursor"], [1, "mj-typeahead-item"], ["type", "button", "role", "option", 1, "mj-typeahead-item", "mjo-ol-pick", 3, "mousedown"], [1, "mjo-ol-pick__body"], [1, "name"], [1, "sub"], [1, "end"], [1, "mjo-ol-pick__price"], [1, "muted", "small"]], template: function MJOOrderLinesEditorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, MJOOrderLinesEditorComponent_For_2_Template, 24, 19, "div", 1, _forTrack0, false, MJOOrderLinesEditorComponent_ForEmpty_3_Template, 6, 0, "div", 2);
-            i0.ɵɵconditionalCreate(4, MJOOrderLinesEditorComponent_Conditional_4_Template, 5, 3, "div", 3);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOOrderLinesEditorComponent, selectors: [["mjo-order-lines-editor"]], viewQuery: function MJOOrderLinesEditorComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.pickerHost = _t.first);
+        } }, inputs: { Provider: "Provider", EditMode: "EditMode", Order: "Order" }, outputs: { PricingChanged: "PricingChanged", Navigate: "Navigate" }, decls: 5, vars: 2, consts: [["pickerHost", ""], [1, "mjo-ol"], [1, "mjo-ol-card"], [1, "mjo-ol-empty"], [1, "mj-typeahead", "mjo-ol-picker"], [1, "mjo-ol-card__top"], [1, "mjo-ol-card__id"], ["type", "button", 1, "mjo-ol-card__name", 3, "click"], [1, "mjo-ol-card__meta"], [1, "mjo-ol-qty"], [1, "mjo-ol-qty__value"], [1, "mjo-ol-card__price"], [1, "mjo-ol-card__price-row"], [1, "mjo-ol-card__amt"], ["type", "button", 1, "mjo-ol-iconbtn", "mjo-ol-price__pencil"], [1, "mjo-ol-overpill"], [3, "Source", "Settled", "Overridden"], [1, "mjo-ol-card__err"], [1, "mjo-ol-card__tot"], ["type", "button", 1, "mjo-ol-iconbtn"], ["role", "region", 1, "mjo-ol-override"], [1, "mjo-ol-card__conseq"], [1, "mjo-ol-card__why"], [1, "mjo-ol-ext", 3, "is-open"], ["type", "button", "aria-label", "Decrease quantity", 3, "click"], ["aria-label", "Quantity", 3, "change", "value"], ["type", "button", "aria-label", "Increase quantity", 3, "click", "disabled"], ["type", "button", 1, "mjo-ol-iconbtn", "mjo-ol-price__pencil", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-pencil"], ["type", "button", 1, "mjo-ol-iconbtn", 3, "click"], ["aria-hidden", "true", 1, "fa-regular", "fa-trash-can"], [1, "mjo-ol-override__row"], ["aria-label", "Named price", 1, "mjo-ol-price__pick", 3, "change", "value"], ["value", ""], ["value", "__custom__"], [3, "value"], ["type", "number", "step", "0.01", "min", "0", "aria-label", "Custom unit price", 1, "mjo-ol-price__amt", 3, "value"], [1, "mjo-ol-override__reason"], ["rows", "2", "placeholder", "Optional \u2014 why this price differs from the default", 3, "input", "disabled", "value"], [1, "mjo-ol-override__actions"], ["type", "button", 1, "mjo-ol-override__done", 3, "click"], ["type", "button", 1, "mjo-ol-override__reset", 3, "click"], ["type", "number", "step", "0.01", "min", "0", "aria-label", "Custom unit price", 1, "mjo-ol-price__amt", 3, "change", "value"], ["Kind", "fulfillment"], ["Kind", "untaxable"], ["Kind", "company"], [1, "mjo-ol-ext"], ["type", "button", 1, "mjo-ol-ext__toggle", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-chevron-right", "mjo-ol-ext__chev"], [1, "mjo-ol-ext__label"], [1, "mjo-ol-ext__hint"], [1, "mjo-ol-ext__body", 3, "id"], [1, "mjo-ol-ext__clip"], [3, "FormCreated", "Navigate", "Record", "EditMode", "Config"], ["aria-hidden", "true", 1, "fa-solid", "fa-cart-plus"], [1, "mjo-ol-empty__title"], [1, "mjo-search"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["placeholder", "Add product \u2014 type a name or SKU\u2026", "autocomplete", "off", "role", "combobox", "aria-label", "Add a product", 3, "ngModelChange", "focus", "blur", "keydown", "ngModel"], ["role", "listbox", 1, "mj-typeahead-list", "is-open", 3, "is-up"], ["role", "listbox", 1, "mj-typeahead-list", "is-open"], ["type", "button", "role", "option", 1, "mj-typeahead-item", "mjo-ol-pick", 3, "is-cursor"], [1, "mj-typeahead-item"], ["type", "button", "role", "option", 1, "mj-typeahead-item", "mjo-ol-pick", 3, "mousedown"], [1, "mjo-ol-pick__body"], [1, "name"], [1, "sub"], [1, "end"], [1, "mjo-ol-pick__price"], [1, "muted", "small"]], template: function MJOOrderLinesEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵrepeaterCreate(1, MJOOrderLinesEditorComponent_For_2_Template, 29, 20, "div", 2, _forTrack0, false, MJOOrderLinesEditorComponent_ForEmpty_3_Template, 6, 0, "div", 3);
+            i0.ɵɵconditionalCreate(4, MJOOrderLinesEditorComponent_Conditional_4_Template, 6, 3, "div", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -592,9 +1003,9 @@ export class MJOOrderLinesEditorComponent {
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(ctx.EditMode ? 4 : -1);
         } }, dependencies: [CommonModule,
-            FormsModule, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, BaseFormsModule, i2.MjEntityFormHostComponent, MJOConsequenceChipComponent,
+            FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, BaseFormsModule, i2.MjEntityFormHostComponent, MJOConsequenceChipComponent,
             MJOPriceSourceBadgeComponent,
-            MJOMoneyPipe], styles: ["[_nghost-%COMP%] { display: block; }\n\n.mjo-ol[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ol-card[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    padding: var(--mj-space-3);\n}\n\n.mjo-ol-card[_ngcontent-%COMP%]:has(.mjo-ol-ext.is-open) {\n    padding-bottom: var(--mj-space-1);\n}\n\n.mjo-ol-card__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-3);\n}\n\n.mjo-ol-card__id[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n\n.mjo-ol-card__name[_ngcontent-%COMP%] {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-link);\n    text-align: left;\n    cursor: pointer;\n    text-decoration: none;\n}\n\n.mjo-ol-card__name[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.mjo-ol-card__meta[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    background: var(--mj-bg-surface);\n    flex: none;\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    width: 26px;\n    height: 28px;\n    font-size: 11px;\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled {\n    cursor: default;\n    color: var(--mj-text-disabled);\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    width: 46px;\n    text-align: center;\n    font: inherit;\n    font-variant-numeric: tabular-nums;\n    color: inherit;\n}\n\n.mjo-ol-qty.is-locked[_ngcontent-%COMP%] {\n    border-color: var(--mj-border-default);\n    background: transparent;\n}\n\n.mjo-ol-qty__value[_ngcontent-%COMP%] {\n    min-width: 46px;\n    padding: 0 10px;\n    height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-variant-numeric: tabular-nums;\n}\n\n.mjo-ol-card__price[_ngcontent-%COMP%] {\n    flex: none;\n    width: 118px;\n    text-align: right;\n}\n\n.mjo-ol-card__amt[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-ol-card__err[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n    margin-top: 2px;\n}\n\n.mjo-ol-card__tot[_ngcontent-%COMP%] {\n    flex: none;\n    width: 104px;\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ol-iconbtn[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-iconbtn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-status-error);\n}\n\n.mjo-ol-card__conseq[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-ol-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mj-space-1);\n    padding: var(--mj-space-4) var(--mj-space-3);\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n    text-align: center;\n}\n\n.mjo-ol-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-2xl);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-ol-empty__title[_ngcontent-%COMP%] {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-picker[_ngcontent-%COMP%] {\n    position: relative;\n    z-index: 20;\n}\n\n.mjo-ol-picker[_ngcontent-%COMP%]:has(.mj-typeahead-list.is-open) {\n    z-index: 40;\n}\n\n.mjo-search[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    padding: 8px 10px;\n}\n\n.mjo-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 12px; }\n\n.mjo-search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    color: inherit;\n    width: 100%;\n}\n\n.mj-typeahead-list[_ngcontent-%COMP%] {\n    display: none;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: calc(100% + 4px);\n    max-height: 240px;\n    overflow: auto;\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.18));\n    z-index: 30;\n}\n\n.mj-typeahead-list.is-open[_ngcontent-%COMP%] { display: block; }\n\n.mj-typeahead-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: 8px 12px;\n    border: 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n    font: inherit;\n}\n\n.mj-typeahead-item[_ngcontent-%COMP%]:last-child { border-bottom: 0; }\n\n.mj-typeahead-item[_ngcontent-%COMP%]:hover, \n.mj-typeahead-item.is-cursor[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-pick__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    min-width: 0;\n}\n\n.mjo-ol-pick[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] { font-size: 13px; font-weight: var(--mj-font-semibold); }\n.mjo-ol-pick[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%] { font-size: 11.5px; color: var(--mj-text-muted); }\n.mjo-ol-pick[_ngcontent-%COMP%]   .end[_ngcontent-%COMP%] {\n    margin-left: auto;\n    text-align: right;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    flex: 0 0 auto;\n}\n.mjo-ol-pick__price[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-ol-ext-err[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-1);\n    border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.mjo-ol-ext__toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    width: 100%;\n    padding: var(--mj-space-1) 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-ext__toggle[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-ext__toggle[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n}\n\n.mjo-ol-ext__chev[_ngcontent-%COMP%] {\n    flex: none;\n    width: 12px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 160ms ease;\n}\n\n.mjo-ol-ext.is-open[_ngcontent-%COMP%]   .mjo-ol-ext__chev[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n.mjo-ol-ext__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.01em;\n}\n\n.mjo-ol-ext__hint[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-ol-ext__body[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 180ms ease;\n}\n\n.mjo-ol-ext.is-open[_ngcontent-%COMP%]   .mjo-ol-ext__body[_ngcontent-%COMP%] {\n    grid-template-rows: 1fr;\n}\n\n.mjo-ol-ext__clip[_ngcontent-%COMP%] {\n    overflow: hidden;\n    min-height: 0;\n}\n\n\n\n.mjo-ol-ext[_ngcontent-%COMP%]     mj-record-form-container, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-record-form-container, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-container {\n    display: block;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-toolbar, \n.mjo-ol-ext[_ngcontent-%COMP%]     mj-form-toolbar {\n    display: none;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel {\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     mj-collapsible-panel + mj-collapsible-panel .mj-forms-panel {\n    margin-top: calc(-1 * var(--mj-space-1));\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel-header {\n    display: none;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel-body, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     mj-form-field:last-child, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-form-field:last-child {\n    margin-bottom: 0;\n}\n\n@media (max-width: 720px) {\n    .mjo-ol-card__top[_ngcontent-%COMP%] { flex-wrap: wrap; }\n    .mjo-ol-card__price[_ngcontent-%COMP%], .mjo-ol-card__tot[_ngcontent-%COMP%] { width: auto; }\n}"] });
+            MJOMoneyPipe], styles: ["[_nghost-%COMP%] { display: block; }\n\n.mjo-ol[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ol-card[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    padding: var(--mj-space-3);\n}\n\n.mjo-ol-card[_ngcontent-%COMP%]:has(.mjo-ol-ext.is-open) {\n    padding-bottom: var(--mj-space-1);\n}\n\n.mjo-ol-card__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-3);\n}\n\n.mjo-ol-card__id[_ngcontent-%COMP%] { flex: 1; min-width: 0; }\n\n.mjo-ol-card__name[_ngcontent-%COMP%] {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-link);\n    text-align: left;\n    cursor: pointer;\n    text-decoration: none;\n}\n\n.mjo-ol-card__name[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.mjo-ol-card__meta[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    background: var(--mj-bg-surface);\n    flex: none;\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    width: 26px;\n    height: 28px;\n    font-size: 11px;\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:disabled {\n    cursor: default;\n    color: var(--mj-text-disabled);\n}\n\n.mjo-ol-qty[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    width: 46px;\n    text-align: center;\n    font: inherit;\n    font-variant-numeric: tabular-nums;\n    color: inherit;\n}\n\n.mjo-ol-qty.is-locked[_ngcontent-%COMP%] {\n    border-color: var(--mj-border-default);\n    background: transparent;\n}\n\n.mjo-ol-qty__value[_ngcontent-%COMP%] {\n    min-width: 46px;\n    padding: 0 10px;\n    height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-variant-numeric: tabular-nums;\n}\n\n.mjo-ol-card__price[_ngcontent-%COMP%] {\n    flex: none;\n    min-width: 108px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.mjo-ol-card__price-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    height: 28px;\n}\n\n.mjo-ol-price__pencil[_ngcontent-%COMP%] {\n    flex: none;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ol-price__pencil[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-link);\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-price__pick[_ngcontent-%COMP%], \n.mjo-ol-price__amt[_ngcontent-%COMP%], \n.mjo-ol-override__reason[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-sm);\n    background: var(--mj-bg-surface);\n    color: inherit;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.mjo-ol-price__pick[_ngcontent-%COMP%] {\n    height: 28px;\n    padding: 0 6px;\n    text-align: left;\n    flex: 1 1 180px;\n    max-width: 240px;\n    width: auto;\n}\n\n.mjo-ol-price__amt[_ngcontent-%COMP%] {\n    height: 28px;\n    padding: 0 8px;\n    text-align: right;\n    font-weight: var(--mj-font-semibold);\n    width: 108px;\n    flex: none;\n}\n\n.mjo-ol-override[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n    margin-top: var(--mj-space-2);\n    padding: var(--mj-space-2);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-subtle, var(--mj-bg-surface));\n}\n\n.mjo-ol-override__row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ol-override__reason[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: block;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    margin-bottom: 4px;\n}\n\n.mjo-ol-override__reason.is-off[_ngcontent-%COMP%] {\n    opacity: 0.55;\n}\n\n.mjo-ol-override__reason[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%]:disabled {\n    cursor: not-allowed;\n    background: var(--mj-bg-surface-subtle, var(--mj-bg-surface));\n}\n\n.mjo-ol-override__reason[_ngcontent-%COMP%]   textarea[_ngcontent-%COMP%] {\n    resize: vertical;\n    min-height: 48px;\n    padding: 6px 8px;\n    text-align: left;\n    font-variant-numeric: normal;\n}\n\n.mjo-ol-override__actions[_ngcontent-%COMP%] {\n    display: flex;\n    gap: var(--mj-space-2);\n    justify-content: flex-end;\n}\n\n.mjo-ol-override__done[_ngcontent-%COMP%], \n.mjo-ol-override__reset[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    padding: 4px 8px;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-override__done[_ngcontent-%COMP%] {\n    color: var(--mj-text-link);\n}\n\n.mjo-ol-override__reset[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n}\n\n.mjo-ol-override__done[_ngcontent-%COMP%]:hover, \n.mjo-ol-override__reset[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-card__amt[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    font-size: var(--mj-text-sm);\n    line-height: 28px;\n}\n\n.mjo-ol-overpill[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 4px;\n    padding: 1px 8px;\n    border-radius: 999px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    color: var(--mj-status-warning-text);\n    background: color-mix(in srgb, var(--mj-status-warning-text) 16%, transparent);\n}\n\n.mjo-ol-card__err[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n    margin-top: 2px;\n}\n\n.mjo-ol-card__tot[_ngcontent-%COMP%] {\n    flex: none;\n    min-width: 104px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    font-size: var(--mj-text-sm);\n    line-height: 28px;\n}\n\n.mjo-ol-iconbtn[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-iconbtn[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-status-error);\n}\n\n.mjo-ol-card__conseq[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-ol-card__why[_ngcontent-%COMP%] {\n    margin-top: 6px;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-secondary);\n    line-height: 1.35;\n}\n\n.mjo-ol-empty[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mj-space-1);\n    padding: var(--mj-space-4) var(--mj-space-3);\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n    text-align: center;\n}\n\n.mjo-ol-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-2xl);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-ol-empty__title[_ngcontent-%COMP%] {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-picker[_ngcontent-%COMP%] {\n    position: relative;\n    z-index: 20;\n}\n\n.mjo-ol-picker[_ngcontent-%COMP%]:has(.mj-typeahead-list.is-open) {\n    z-index: 40;\n}\n\n.mjo-search[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    padding: 8px 10px;\n}\n\n.mjo-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 12px; }\n\n.mjo-search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    color: inherit;\n    width: 100%;\n}\n\n.mj-typeahead-list[_ngcontent-%COMP%] {\n    display: none;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: calc(100% + 4px);\n    max-height: 240px;\n    overflow: auto;\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.18));\n    z-index: 30;\n}\n\n.mj-typeahead-list.is-open[_ngcontent-%COMP%] { display: block; }\n\n.mj-typeahead-list.is-up[_ngcontent-%COMP%] {\n    top: auto;\n    bottom: calc(100% + 4px);\n}\n\n.mj-typeahead-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: 8px 12px;\n    border: 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n    font: inherit;\n}\n\n.mj-typeahead-item[_ngcontent-%COMP%]:last-child { border-bottom: 0; }\n\n.mj-typeahead-item[_ngcontent-%COMP%]:hover, \n.mj-typeahead-item.is-cursor[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-pick__body[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    min-width: 0;\n}\n\n.mjo-ol-pick[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] { font-size: 13px; font-weight: var(--mj-font-semibold); }\n.mjo-ol-pick[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%] { font-size: 11.5px; color: var(--mj-text-muted); }\n.mjo-ol-pick[_ngcontent-%COMP%]   .end[_ngcontent-%COMP%] {\n    margin-left: auto;\n    text-align: right;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    flex: 0 0 auto;\n}\n.mjo-ol-pick__price[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-ol-ext-err[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-1);\n    border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.mjo-ol-ext__toggle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    width: 100%;\n    padding: var(--mj-space-1) 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-ext__toggle[_ngcontent-%COMP%]:hover {\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-ext__toggle[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n}\n\n.mjo-ol-ext__chev[_ngcontent-%COMP%] {\n    flex: none;\n    width: 12px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 160ms ease;\n}\n\n.mjo-ol-ext.is-open[_ngcontent-%COMP%]   .mjo-ol-ext__chev[_ngcontent-%COMP%] {\n    transform: rotate(90deg);\n}\n\n.mjo-ol-ext__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.01em;\n}\n\n.mjo-ol-ext__hint[_ngcontent-%COMP%] {\n    margin-left: auto;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-ol-ext__body[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 180ms ease;\n}\n\n.mjo-ol-ext.is-open[_ngcontent-%COMP%]   .mjo-ol-ext__body[_ngcontent-%COMP%] {\n    grid-template-rows: 1fr;\n}\n\n.mjo-ol-ext__clip[_ngcontent-%COMP%] {\n    overflow: hidden;\n    min-height: 0;\n}\n\n\n\n.mjo-ol-ext[_ngcontent-%COMP%]     mj-record-form-container, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-record-form-container, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-container {\n    display: block;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-toolbar, \n.mjo-ol-ext[_ngcontent-%COMP%]     mj-form-toolbar {\n    display: none;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel {\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     mj-collapsible-panel + mj-collapsible-panel .mj-forms-panel {\n    margin-top: calc(-1 * var(--mj-space-1));\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel-header {\n    display: none;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel-body, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n}\n\n.mjo-ol-ext[_ngcontent-%COMP%]     mj-form-field:last-child, \n.mjo-ol-ext[_ngcontent-%COMP%]     .mj-form-field:last-child {\n    margin-bottom: 0;\n}\n\n@media (max-width: 720px) {\n    .mjo-ol-card__top[_ngcontent-%COMP%] { flex-wrap: wrap; }\n    .mjo-ol-card__price[_ngcontent-%COMP%], .mjo-ol-card__tot[_ngcontent-%COMP%] { width: auto; }\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOOrderLinesEditorComponent, [{
         type: Component,
@@ -605,7 +1016,7 @@ export class MJOOrderLinesEditorComponent {
                     MJOConsequenceChipComponent,
                     MJOPriceSourceBadgeComponent,
                     MJOMoneyPipe,
-                ], template: "<div class=\"mjo-ol\">\n    @for (line of Lines; track line.ID) {\n        <div class=\"mjo-ol-card\">\n            <div class=\"mjo-ol-card__top\">\n                <div class=\"mjo-ol-card__id\">\n                    <button type=\"button\" class=\"mjo-ol-card__name\" (click)=\"OpenProduct(line, $event)\">\n                        {{ ProductFor(line)?.Name ?? 'Product' }}\n                    </button>\n                    <div class=\"mjo-ol-card__meta\">\n                        {{ ProductFor(line)?.SKU }}\n                        @if (ProductFor(line)?.TypeName) {\n                            \u00B7 {{ ProductFor(line)?.TypeName }}\n                        }\n                    </div>\n                </div>\n\n                <div class=\"mjo-ol-qty\" [class.is-locked]=\"!EditMode || QuantityCappedToOne(line)\">\n                    @if (EditMode && !QuantityCappedToOne(line)) {\n                        <button type=\"button\" (click)=\"Bump(line, -1)\" aria-label=\"Decrease quantity\">\u2212</button>\n                        <input\n                            [value]=\"line.Quantity\"\n                            (change)=\"SetQuantity(line, $event)\"\n                            aria-label=\"Quantity\">\n                        <button type=\"button\" (click)=\"Bump(line, 1)\" [disabled]=\"QuantityAtMax(line)\" aria-label=\"Increase quantity\">+</button>\n                    } @else {\n                        <span class=\"mjo-ol-qty__value\">{{ line.Quantity }}</span>\n                    }\n                </div>\n\n                <div class=\"mjo-ol-card__price\">\n                    <div class=\"mjo-ol-card__amt\">{{ PricedLine(line)?.UnitPrice | mjoMoney }}</div>\n                    <mjo-price-source-badge\n                        [Source]=\"PricedLine(line)?.PriceSource ?? null\"\n                        [Settled]=\"!Pricing.Loading\"\n                        [Overridden]=\"!!PricedLine(line)?.WasStated\" />\n                    @if (PricedLine(line)?.Error; as why) {\n                        <div class=\"mjo-ol-card__err\">{{ why }}</div>\n                    }\n                </div>\n\n                <div class=\"mjo-ol-card__tot\">{{ PricedLine(line)?.NetAmount | mjoMoney }}</div>\n\n                @if (EditMode) {\n                    <button\n                        type=\"button\"\n                        class=\"mjo-ol-iconbtn\"\n                        (click)=\"Remove(line)\"\n                        [attr.aria-label]=\"'Remove ' + (ProductFor(line)?.Name ?? 'line')\">\n                        <i class=\"fa-regular fa-trash-can\" aria-hidden=\"true\"></i>\n                    </button>\n                }\n            </div>\n\n            <div class=\"mjo-ol-card__conseq\">\n                @if (ProductFor(line); as product) {\n                    @if (product.TypeName === 'Goods') {\n                        <mjo-consequence-chip Kind=\"fulfillment\">Ships \u2014 holds the order at Posted</mjo-consequence-chip>\n                    }\n                    @if (!product.Taxable) {\n                        <mjo-consequence-chip Kind=\"untaxable\">Untaxable</mjo-consequence-chip>\n                    }\n                    @if (product.CompanyName) {\n                        <mjo-consequence-chip Kind=\"company\">Revenue to {{ product.CompanyName }}</mjo-consequence-chip>\n                    }\n                }\n            </div>\n\n            @if (ExtensionFor(line); as ext) {\n                <div class=\"mjo-ol-ext\" [class.is-open]=\"IsExtensionOpen(line)\">\n                    <button\n                        type=\"button\"\n                        class=\"mjo-ol-ext__toggle\"\n                        (click)=\"ToggleExtension(line)\"\n                        [attr.aria-expanded]=\"IsExtensionOpen(line)\"\n                        [attr.aria-controls]=\"'mjo-ol-ext-' + line.ID\">\n                        <i class=\"fa-solid fa-chevron-right mjo-ol-ext__chev\" aria-hidden=\"true\"></i>\n                        <span class=\"mjo-ol-ext__label\">{{ ExtensionLabel(line) }}</span>\n                        @if (!IsExtensionOpen(line)) {\n                            <span class=\"mjo-ol-ext__hint\">{{ ExtensionHint(line) }}</span>\n                        }\n                    </button>\n                    <div\n                        class=\"mjo-ol-ext__body\"\n                        [id]=\"'mjo-ol-ext-' + line.ID\"\n                        [attr.inert]=\"IsExtensionOpen(line) ? null : ''\"\n                        [attr.aria-hidden]=\"!IsExtensionOpen(line)\">\n                        <div class=\"mjo-ol-ext__clip\">\n                            <mj-entity-form-host\n                                [Record]=\"ext\"\n                                [EditMode]=\"EditMode\"\n                                [Config]=\"ExtensionFormConfigFor(line)\"\n                                (FormCreated)=\"OnExtensionFormCreated($event)\"\n                                (Navigate)=\"OnExtensionNavigate($event)\">\n                            </mj-entity-form-host>\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    } @empty {\n        <div class=\"mjo-ol-empty\">\n            <i class=\"fa-solid fa-cart-plus\" aria-hidden=\"true\"></i>\n            <div class=\"mjo-ol-empty__title\">Nothing on this order yet</div>\n            <div>Search the catalog to add the first line.</div>\n        </div>\n    }\n\n    @if (EditMode) {\n    <div class=\"mj-typeahead mjo-ol-picker\">\n        <div class=\"mjo-search\">\n            <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i>\n            <input\n                [(ngModel)]=\"ProductQuery\"\n                (focus)=\"OpenPicker()\"\n                (blur)=\"ClosePickerSoon()\"\n                (keydown)=\"OnPickerKey($event)\"\n                placeholder=\"Add product \u2014 type a name or SKU\u2026\"\n                autocomplete=\"off\"\n                role=\"combobox\"\n                aria-label=\"Add a product\"\n                [attr.aria-expanded]=\"PickerOpen\">\n        </div>\n\n        @if (PickerOpen) {\n            <div class=\"mj-typeahead-list is-open\" role=\"listbox\">\n                @for (product of PickerResults; track product.ID; let i = $index) {\n                    <button\n                        type=\"button\"\n                        class=\"mj-typeahead-item mjo-ol-pick\"\n                        [class.is-cursor]=\"i === PickerCursor\"\n                        role=\"option\"\n                        [attr.aria-selected]=\"i === PickerCursor\"\n                        (mousedown)=\"AddProduct(product)\">\n                        <span class=\"mjo-ol-pick__body\">\n                            <span class=\"name\">{{ product.Name }}</span>\n                            <span class=\"sub\">{{ product.SKU }} \u00B7 {{ product.TypeName }} \u00B7 {{ product.CompanyName }}</span>\n                        </span>\n                        <span class=\"end\">\n                            <span class=\"mjo-ol-pick__price\">{{ product.ListPrice | mjoMoney }}</span>\n                            <span class=\"sub\">{{ product.Taxable ? 'taxable' : 'untaxable' }}</span>\n                        </span>\n                    </button>\n                } @empty {\n                    <div class=\"mj-typeahead-item\">\n                        <span class=\"muted small\">\n                            @if (CatalogError) { {{ CatalogError }} }\n                            @else if (Catalog.length === 0) { Loading catalog\u2026 }\n                            @else { No product matches that. }\n                        </span>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n    }\n</div>\n", styles: [":host { display: block; }\n\n.mjo-ol {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ol-card {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    padding: var(--mj-space-3);\n}\n\n.mjo-ol-card:has(.mjo-ol-ext.is-open) {\n    padding-bottom: var(--mj-space-1);\n}\n\n.mjo-ol-card__top {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-3);\n}\n\n.mjo-ol-card__id { flex: 1; min-width: 0; }\n\n.mjo-ol-card__name {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-link);\n    text-align: left;\n    cursor: pointer;\n    text-decoration: none;\n}\n\n.mjo-ol-card__name:hover { text-decoration: underline; }\n\n.mjo-ol-card__meta {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.mjo-ol-qty {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    background: var(--mj-bg-surface);\n    flex: none;\n}\n\n.mjo-ol-qty button {\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    width: 26px;\n    height: 28px;\n    font-size: 11px;\n}\n\n.mjo-ol-qty button:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-qty button:disabled {\n    cursor: default;\n    color: var(--mj-text-disabled);\n}\n\n.mjo-ol-qty input {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    width: 46px;\n    text-align: center;\n    font: inherit;\n    font-variant-numeric: tabular-nums;\n    color: inherit;\n}\n\n.mjo-ol-qty.is-locked {\n    border-color: var(--mj-border-default);\n    background: transparent;\n}\n\n.mjo-ol-qty__value {\n    min-width: 46px;\n    padding: 0 10px;\n    height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-variant-numeric: tabular-nums;\n}\n\n.mjo-ol-card__price {\n    flex: none;\n    width: 118px;\n    text-align: right;\n}\n\n.mjo-ol-card__amt {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-ol-card__err {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n    margin-top: 2px;\n}\n\n.mjo-ol-card__tot {\n    flex: none;\n    width: 104px;\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ol-iconbtn {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-iconbtn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-status-error);\n}\n\n.mjo-ol-card__conseq {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-ol-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mj-space-1);\n    padding: var(--mj-space-4) var(--mj-space-3);\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n    text-align: center;\n}\n\n.mjo-ol-empty i {\n    font-size: var(--mj-text-2xl);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-ol-empty__title {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-picker {\n    position: relative;\n    z-index: 20;\n}\n\n.mjo-ol-picker:has(.mj-typeahead-list.is-open) {\n    z-index: 40;\n}\n\n.mjo-search {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    padding: 8px 10px;\n}\n\n.mjo-search i { color: var(--mj-text-muted); font-size: 12px; }\n\n.mjo-search input {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    color: inherit;\n    width: 100%;\n}\n\n.mj-typeahead-list {\n    display: none;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: calc(100% + 4px);\n    max-height: 240px;\n    overflow: auto;\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.18));\n    z-index: 30;\n}\n\n.mj-typeahead-list.is-open { display: block; }\n\n.mj-typeahead-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: 8px 12px;\n    border: 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n    font: inherit;\n}\n\n.mj-typeahead-item:last-child { border-bottom: 0; }\n\n.mj-typeahead-item:hover,\n.mj-typeahead-item.is-cursor {\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-pick__body {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    min-width: 0;\n}\n\n.mjo-ol-pick .name { font-size: 13px; font-weight: var(--mj-font-semibold); }\n.mjo-ol-pick .sub { font-size: 11.5px; color: var(--mj-text-muted); }\n.mjo-ol-pick .end {\n    margin-left: auto;\n    text-align: right;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    flex: 0 0 auto;\n}\n.mjo-ol-pick__price {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-ol-ext-err {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-ol-ext {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-1);\n    border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.mjo-ol-ext__toggle {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    width: 100%;\n    padding: var(--mj-space-1) 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-ext__toggle:hover {\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-ext__toggle:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n}\n\n.mjo-ol-ext__chev {\n    flex: none;\n    width: 12px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 160ms ease;\n}\n\n.mjo-ol-ext.is-open .mjo-ol-ext__chev {\n    transform: rotate(90deg);\n}\n\n.mjo-ol-ext__label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.01em;\n}\n\n.mjo-ol-ext__hint {\n    margin-left: auto;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-ol-ext__body {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 180ms ease;\n}\n\n.mjo-ol-ext.is-open .mjo-ol-ext__body {\n    grid-template-rows: 1fr;\n}\n\n.mjo-ol-ext__clip {\n    overflow: hidden;\n    min-height: 0;\n}\n\n/* Flatten the embedded extension form so its fields sit in the line card. */\n.mjo-ol-ext ::ng-deep mj-record-form-container,\n.mjo-ol-ext ::ng-deep .mj-record-form-container,\n.mjo-ol-ext ::ng-deep .mj-forms-container {\n    display: block;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-toolbar,\n.mjo-ol-ext ::ng-deep mj-form-toolbar {\n    display: none;\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-panel {\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-ol-ext ::ng-deep mj-collapsible-panel + mj-collapsible-panel .mj-forms-panel {\n    margin-top: calc(-1 * var(--mj-space-1));\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-panel-header {\n    display: none;\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-panel-body,\n.mjo-ol-ext ::ng-deep .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n}\n\n.mjo-ol-ext ::ng-deep mj-form-field:last-child,\n.mjo-ol-ext ::ng-deep .mj-form-field:last-child {\n    margin-bottom: 0;\n}\n\n@media (max-width: 720px) {\n    .mjo-ol-card__top { flex-wrap: wrap; }\n    .mjo-ol-card__price, .mjo-ol-card__tot { width: auto; }\n}\n"] }]
+                ], template: "<div class=\"mjo-ol\">\n    @for (line of Lines; track line.ID) {\n        <div class=\"mjo-ol-card\">\n            <div class=\"mjo-ol-card__top\">\n                <div class=\"mjo-ol-card__id\">\n                    <button type=\"button\" class=\"mjo-ol-card__name\" (click)=\"OpenProduct(line, $event)\">\n                        {{ ProductFor(line)?.Name ?? 'Product' }}\n                    </button>\n                    <div class=\"mjo-ol-card__meta\">\n                        {{ ProductFor(line)?.SKU }}\n                        @if (ProductFor(line)?.TypeName) {\n                            \u00B7 {{ ProductFor(line)?.TypeName }}\n                        }\n                    </div>\n                </div>\n\n                <div class=\"mjo-ol-qty\" [class.is-locked]=\"!EditMode || QuantityCappedToOne(line)\">\n                    @if (EditMode && !QuantityCappedToOne(line)) {\n                        <button type=\"button\" (click)=\"Bump(line, -1)\" aria-label=\"Decrease quantity\">\u2212</button>\n                        <input\n                            [value]=\"line.Quantity\"\n                            (change)=\"SetQuantity(line, $event)\"\n                            aria-label=\"Quantity\">\n                        <button type=\"button\" (click)=\"Bump(line, 1)\" [disabled]=\"QuantityAtMax(line)\" aria-label=\"Increase quantity\">+</button>\n                    } @else {\n                        <span class=\"mjo-ol-qty__value\">{{ line.Quantity }}</span>\n                    }\n                </div>\n\n                <div class=\"mjo-ol-card__price\">\n                    <div class=\"mjo-ol-card__price-row\">\n                        <div class=\"mjo-ol-card__amt\">{{ DisplayUnit(line) | mjoMoney }}</div>\n                        @if (CanOverride) {\n                            <button\n                                type=\"button\"\n                                class=\"mjo-ol-iconbtn mjo-ol-price__pencil\"\n                                (click)=\"ToggleOverrideEditor(line)\"\n                                [attr.aria-expanded]=\"IsOverrideEditorOpen(line)\"\n                                [attr.aria-label]=\"IsOverridden(line) ? 'Edit price override' : 'Override price'\">\n                                <i class=\"fa-solid fa-pencil\" aria-hidden=\"true\"></i>\n                            </button>\n                        }\n                    </div>\n                    @if (IsOverridden(line)) {\n                        <span class=\"mjo-ol-overpill\">overridden</span>\n                    } @else {\n                        <mjo-price-source-badge\n                            [Source]=\"PricedLine(line)?.PriceSource ?? null\"\n                            [Settled]=\"!Pricing.Loading\"\n                            [Overridden]=\"false\" />\n                    }\n                    @if (PricedLine(line)?.Error; as why) {\n                        <div class=\"mjo-ol-card__err\">{{ why }}</div>\n                    }\n                </div>\n\n                <div class=\"mjo-ol-card__tot\">{{ PricedLine(line)?.NetAmount | mjoMoney }}</div>\n\n                @if (EditMode) {\n                    <button\n                        type=\"button\"\n                        class=\"mjo-ol-iconbtn\"\n                        (click)=\"Remove(line)\"\n                        [attr.aria-label]=\"'Remove ' + (ProductFor(line)?.Name ?? 'line')\">\n                        <i class=\"fa-regular fa-trash-can\" aria-hidden=\"true\"></i>\n                    </button>\n                }\n            </div>\n\n            @if (IsOverrideEditorOpen(line)) {\n                <div class=\"mjo-ol-override\" role=\"region\" [attr.aria-label]=\"'Override price for ' + (ProductFor(line)?.Name ?? 'line')\">\n                    <div class=\"mjo-ol-override__row\">\n                        <select\n                            class=\"mjo-ol-price__pick\"\n                            [value]=\"SelectedPriceID(line)\"\n                            (change)=\"PickNamedPrice(line, $event)\"\n                            aria-label=\"Named price\">\n                            <option value=\"\">{{ DefaultLabel(line) }}</option>\n                            @if (OverrideKind === 'any') {\n                                <option value=\"__custom__\">Custom amount</option>\n                            }\n                            @for (price of ApplicableFor(line); track price.ID) {\n                                <option [value]=\"price.ID\">{{ price.Name }} \u00B7 {{ price.UnitPrice | mjoMoney }}</option>\n                            }\n                        </select>\n                        @if (ShowCustomAmount(line)) {\n                            <input\n                                class=\"mjo-ol-price__amt\"\n                                type=\"number\"\n                                step=\"0.01\"\n                                min=\"0\"\n                                [value]=\"DisplayUnit(line)\"\n                                (change)=\"TypeAmount(line, $event)\"\n                                aria-label=\"Custom unit price\">\n                        }\n                    </div>\n                    <label class=\"mjo-ol-override__reason\" [class.is-off]=\"!CanExplainOverride(line)\">\n                        <span>Override Explanation</span>\n                        <textarea\n                            rows=\"2\"\n                            [disabled]=\"!CanExplainOverride(line)\"\n                            [value]=\"OverrideReasonText(line)\"\n                            (input)=\"SetOverrideReason(line, $event)\"\n                            placeholder=\"Optional \u2014 why this price differs from the default\"></textarea>\n                    </label>\n                    <div class=\"mjo-ol-override__actions\">\n                        <button type=\"button\" class=\"mjo-ol-override__done\" (click)=\"DoneOverrideEditor(line)\">Done</button>\n                        <button type=\"button\" class=\"mjo-ol-override__reset\" (click)=\"ResetOverride(line)\">Use Default Price</button>\n                    </div>\n                </div>\n            }\n\n            <div class=\"mjo-ol-card__conseq\">\n                @if (ProductFor(line); as product) {\n                    @if (product.TypeName === 'Goods') {\n                        <mjo-consequence-chip Kind=\"fulfillment\">Ships \u2014 holds the order at Posted</mjo-consequence-chip>\n                    }\n                    @if (!product.Taxable) {\n                        <mjo-consequence-chip Kind=\"untaxable\">Untaxable</mjo-consequence-chip>\n                    }\n                    @if (ShowsForeignRevenue(line)) {\n                        <mjo-consequence-chip Kind=\"company\">Revenue to {{ product.CompanyName }}</mjo-consequence-chip>\n                    }\n                }\n            </div>\n            @if (OverrideReasonText(line); as why) {\n                <div class=\"mjo-ol-card__why\">{{ why }}</div>\n            }\n\n            @if (ExtensionFor(line); as ext) {\n                <div class=\"mjo-ol-ext\" [class.is-open]=\"IsExtensionOpen(line)\">\n                    <button\n                        type=\"button\"\n                        class=\"mjo-ol-ext__toggle\"\n                        (click)=\"ToggleExtension(line)\"\n                        [attr.aria-expanded]=\"IsExtensionOpen(line)\"\n                        [attr.aria-controls]=\"'mjo-ol-ext-' + line.ID\">\n                        <i class=\"fa-solid fa-chevron-right mjo-ol-ext__chev\" aria-hidden=\"true\"></i>\n                        <span class=\"mjo-ol-ext__label\">{{ ExtensionLabel(line) }}</span>\n                        @if (!IsExtensionOpen(line)) {\n                            <span class=\"mjo-ol-ext__hint\">{{ ExtensionHint(line) }}</span>\n                        }\n                    </button>\n                    <div\n                        class=\"mjo-ol-ext__body\"\n                        [id]=\"'mjo-ol-ext-' + line.ID\"\n                        [attr.inert]=\"IsExtensionOpen(line) ? null : ''\"\n                        [attr.aria-hidden]=\"!IsExtensionOpen(line)\">\n                        <div class=\"mjo-ol-ext__clip\">\n                            <mj-entity-form-host\n                                [Record]=\"ext\"\n                                [EditMode]=\"EditMode\"\n                                [Config]=\"ExtensionFormConfigFor(line)\"\n                                (FormCreated)=\"OnExtensionFormCreated($event)\"\n                                (Navigate)=\"OnExtensionNavigate($event)\">\n                            </mj-entity-form-host>\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    } @empty {\n        <div class=\"mjo-ol-empty\">\n            <i class=\"fa-solid fa-cart-plus\" aria-hidden=\"true\"></i>\n            <div class=\"mjo-ol-empty__title\">Nothing on this order yet</div>\n            <div>Search the catalog to add the first line.</div>\n        </div>\n    }\n\n    @if (EditMode) {\n    <div class=\"mj-typeahead mjo-ol-picker\" #pickerHost>\n        <div class=\"mjo-search\">\n            <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i>\n            <input\n                [(ngModel)]=\"ProductQuery\"\n                (ngModelChange)=\"OnProductQueryChange()\"\n                (focus)=\"OpenPicker()\"\n                (blur)=\"ClosePickerSoon()\"\n                (keydown)=\"OnPickerKey($event)\"\n                placeholder=\"Add product \u2014 type a name or SKU\u2026\"\n                autocomplete=\"off\"\n                role=\"combobox\"\n                aria-label=\"Add a product\"\n                [attr.aria-expanded]=\"PickerOpen\">\n        </div>\n\n        @if (PickerOpen) {\n            <div class=\"mj-typeahead-list is-open\" [class.is-up]=\"PickerOpensUp\" role=\"listbox\">\n                @for (product of PickerResults; track product.ID; let i = $index) {\n                    <button\n                        type=\"button\"\n                        class=\"mj-typeahead-item mjo-ol-pick\"\n                        [class.is-cursor]=\"i === PickerCursor\"\n                        role=\"option\"\n                        [attr.aria-selected]=\"i === PickerCursor\"\n                        (mousedown)=\"AddProduct(product)\">\n                        <span class=\"mjo-ol-pick__body\">\n                            <span class=\"name\">{{ product.Name }}</span>\n                            <span class=\"sub\">{{ product.SKU }} \u00B7 {{ product.TypeName }} \u00B7 {{ product.CompanyName }}</span>\n                        </span>\n                        <span class=\"end\">\n                            <span class=\"mjo-ol-pick__price\">{{ product.ListPrice | mjoMoney }}</span>\n                            <span class=\"sub\">{{ product.Taxable ? 'taxable' : 'untaxable' }}</span>\n                        </span>\n                    </button>\n                } @empty {\n                    <div class=\"mj-typeahead-item\">\n                        <span class=\"muted small\">\n                            @if (CatalogError) { {{ CatalogError }} }\n                            @else if (Catalog.length === 0) { Loading catalog\u2026 }\n                            @else { No product matches that. }\n                        </span>\n                    </div>\n                }\n            </div>\n        }\n    </div>\n    }\n</div>\n", styles: [":host { display: block; }\n\n.mjo-ol {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ol-card {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    padding: var(--mj-space-3);\n}\n\n.mjo-ol-card:has(.mjo-ol-ext.is-open) {\n    padding-bottom: var(--mj-space-1);\n}\n\n.mjo-ol-card__top {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-3);\n}\n\n.mjo-ol-card__id { flex: 1; min-width: 0; }\n\n.mjo-ol-card__name {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-link);\n    text-align: left;\n    cursor: pointer;\n    text-decoration: none;\n}\n\n.mjo-ol-card__name:hover { text-decoration: underline; }\n\n.mjo-ol-card__meta {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.mjo-ol-qty {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    background: var(--mj-bg-surface);\n    flex: none;\n}\n\n.mjo-ol-qty button {\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    width: 26px;\n    height: 28px;\n    font-size: 11px;\n}\n\n.mjo-ol-qty button:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-qty button:disabled {\n    cursor: default;\n    color: var(--mj-text-disabled);\n}\n\n.mjo-ol-qty input {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    width: 46px;\n    text-align: center;\n    font: inherit;\n    font-variant-numeric: tabular-nums;\n    color: inherit;\n}\n\n.mjo-ol-qty.is-locked {\n    border-color: var(--mj-border-default);\n    background: transparent;\n}\n\n.mjo-ol-qty__value {\n    min-width: 46px;\n    padding: 0 10px;\n    height: 28px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-variant-numeric: tabular-nums;\n}\n\n.mjo-ol-card__price {\n    flex: none;\n    min-width: 108px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.mjo-ol-card__price-row {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    height: 28px;\n}\n\n.mjo-ol-price__pencil {\n    flex: none;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ol-price__pencil:hover {\n    color: var(--mj-text-link);\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-price__pick,\n.mjo-ol-price__amt,\n.mjo-ol-override__reason textarea {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-sm);\n    background: var(--mj-bg-surface);\n    color: inherit;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-variant-numeric: tabular-nums;\n}\n\n.mjo-ol-price__pick {\n    height: 28px;\n    padding: 0 6px;\n    text-align: left;\n    flex: 1 1 180px;\n    max-width: 240px;\n    width: auto;\n}\n\n.mjo-ol-price__amt {\n    height: 28px;\n    padding: 0 8px;\n    text-align: right;\n    font-weight: var(--mj-font-semibold);\n    width: 108px;\n    flex: none;\n}\n\n.mjo-ol-override {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-2);\n    margin-top: var(--mj-space-2);\n    padding: var(--mj-space-2);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-subtle, var(--mj-bg-surface));\n}\n\n.mjo-ol-override__row {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ol-override__reason span {\n    display: block;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    margin-bottom: 4px;\n}\n\n.mjo-ol-override__reason.is-off {\n    opacity: 0.55;\n}\n\n.mjo-ol-override__reason textarea:disabled {\n    cursor: not-allowed;\n    background: var(--mj-bg-surface-subtle, var(--mj-bg-surface));\n}\n\n.mjo-ol-override__reason textarea {\n    resize: vertical;\n    min-height: 48px;\n    padding: 6px 8px;\n    text-align: left;\n    font-variant-numeric: normal;\n}\n\n.mjo-ol-override__actions {\n    display: flex;\n    gap: var(--mj-space-2);\n    justify-content: flex-end;\n}\n\n.mjo-ol-override__done,\n.mjo-ol-override__reset {\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    padding: 4px 8px;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-override__done {\n    color: var(--mj-text-link);\n}\n\n.mjo-ol-override__reset {\n    color: var(--mj-text-muted);\n}\n\n.mjo-ol-override__done:hover,\n.mjo-ol-override__reset:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-card__amt {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    font-size: var(--mj-text-sm);\n    line-height: 28px;\n}\n\n.mjo-ol-overpill {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 4px;\n    padding: 1px 8px;\n    border-radius: 999px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    color: var(--mj-status-warning-text);\n    background: color-mix(in srgb, var(--mj-status-warning-text) 16%, transparent);\n}\n\n.mjo-ol-card__err {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n    margin-top: 2px;\n}\n\n.mjo-ol-card__tot {\n    flex: none;\n    min-width: 104px;\n    height: 28px;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    font-size: var(--mj-text-sm);\n    line-height: 28px;\n}\n\n.mjo-ol-iconbtn {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    width: 28px;\n    height: 28px;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-iconbtn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-status-error);\n}\n\n.mjo-ol-card__conseq {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-ol-card__why {\n    margin-top: 6px;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-secondary);\n    line-height: 1.35;\n}\n\n.mjo-ol-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: var(--mj-space-1);\n    padding: var(--mj-space-4) var(--mj-space-3);\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n    text-align: center;\n}\n\n.mjo-ol-empty i {\n    font-size: var(--mj-text-2xl);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-ol-empty__title {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-picker {\n    position: relative;\n    z-index: 20;\n}\n\n.mjo-ol-picker:has(.mj-typeahead-list.is-open) {\n    z-index: 40;\n}\n\n.mjo-search {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-strong);\n    border-radius: var(--mj-radius-md);\n    padding: 8px 10px;\n}\n\n.mjo-search i { color: var(--mj-text-muted); font-size: 12px; }\n\n.mjo-search input {\n    border: 0;\n    outline: 0;\n    background: transparent;\n    font: inherit;\n    font-size: var(--mj-text-sm);\n    color: inherit;\n    width: 100%;\n}\n\n.mj-typeahead-list {\n    display: none;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: calc(100% + 4px);\n    max-height: 240px;\n    overflow: auto;\n    background: var(--mj-bg-surface-elevated);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    box-shadow: var(--mj-shadow-md, 0 8px 24px rgba(0, 0, 0, 0.18));\n    z-index: 30;\n}\n\n.mj-typeahead-list.is-open { display: block; }\n\n.mj-typeahead-list.is-up {\n    top: auto;\n    bottom: calc(100% + 4px);\n}\n\n.mj-typeahead-item {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: 8px 12px;\n    border: 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n    font: inherit;\n}\n\n.mj-typeahead-item:last-child { border-bottom: 0; }\n\n.mj-typeahead-item:hover,\n.mj-typeahead-item.is-cursor {\n    background: var(--mj-bg-surface-hover);\n}\n\n.mjo-ol-pick__body {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    min-width: 0;\n}\n\n.mjo-ol-pick .name { font-size: 13px; font-weight: var(--mj-font-semibold); }\n.mjo-ol-pick .sub { font-size: 11.5px; color: var(--mj-text-muted); }\n.mjo-ol-pick .end {\n    margin-left: auto;\n    text-align: right;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    flex: 0 0 auto;\n}\n.mjo-ol-pick__price {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-ol-ext-err {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-ol-ext {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-1);\n    border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.mjo-ol-ext__toggle {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    width: 100%;\n    padding: var(--mj-space-1) 0;\n    border: 0;\n    background: transparent;\n    color: inherit;\n    font: inherit;\n    text-align: left;\n    cursor: pointer;\n    border-radius: var(--mj-radius-sm);\n}\n\n.mjo-ol-ext__toggle:hover {\n    color: var(--mj-text-primary);\n}\n\n.mjo-ol-ext__toggle:focus-visible {\n    outline: 2px solid var(--mj-border-focus);\n    outline-offset: 2px;\n}\n\n.mjo-ol-ext__chev {\n    flex: none;\n    width: 12px;\n    font-size: 10px;\n    color: var(--mj-text-muted);\n    transition: transform 160ms ease;\n}\n\n.mjo-ol-ext.is-open .mjo-ol-ext__chev {\n    transform: rotate(90deg);\n}\n\n.mjo-ol-ext__label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.01em;\n}\n\n.mjo-ol-ext__hint {\n    margin-left: auto;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-ol-ext__body {\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 180ms ease;\n}\n\n.mjo-ol-ext.is-open .mjo-ol-ext__body {\n    grid-template-rows: 1fr;\n}\n\n.mjo-ol-ext__clip {\n    overflow: hidden;\n    min-height: 0;\n}\n\n/* Flatten the embedded extension form so its fields sit in the line card. */\n.mjo-ol-ext ::ng-deep mj-record-form-container,\n.mjo-ol-ext ::ng-deep .mj-record-form-container,\n.mjo-ol-ext ::ng-deep .mj-forms-container {\n    display: block;\n    padding: 0;\n    margin: 0;\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-toolbar,\n.mjo-ol-ext ::ng-deep mj-form-toolbar {\n    display: none;\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-panel {\n    border: 0;\n    background: transparent;\n    box-shadow: none;\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-ol-ext ::ng-deep mj-collapsible-panel + mj-collapsible-panel .mj-forms-panel {\n    margin-top: calc(-1 * var(--mj-space-1));\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-panel-header {\n    display: none;\n}\n\n.mjo-ol-ext ::ng-deep .mj-forms-panel-body,\n.mjo-ol-ext ::ng-deep .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n    padding: 0;\n    margin: 0;\n}\n\n.mjo-ol-ext ::ng-deep mj-form-field:last-child,\n.mjo-ol-ext ::ng-deep .mj-form-field:last-child {\n    margin-bottom: 0;\n}\n\n@media (max-width: 720px) {\n    .mjo-ol-card__top { flex-wrap: wrap; }\n    .mjo-ol-card__price, .mjo-ol-card__tot { width: auto; }\n}\n"] }]
     }], null, { Provider: [{
             type: Input
         }], EditMode: [{
@@ -616,6 +1027,9 @@ export class MJOOrderLinesEditorComponent {
             type: Output
         }], Navigate: [{
             type: Output
+        }], pickerHost: [{
+            type: ViewChild,
+            args: ['pickerHost']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOOrderLinesEditorComponent, { className: "MJOOrderLinesEditorComponent", filePath: "lib/custom/OrderHeader/order-lines-editor.component.ts", lineNumber: 57 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOOrderLinesEditorComponent, { className: "MJOOrderLinesEditorComponent", filePath: "lib/custom/OrderHeader/order-lines-editor.component.ts", lineNumber: 69 }); })();
 //# sourceMappingURL=order-lines-editor.component.js.map