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

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

@@ -0,0 +1,621 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { CompositeKey, Metadata, } 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 { MJOConsequenceChipComponent, MJOPriceSourceBadgeComponent } from '../../panels/chips.component.js';
+import { MJOMoneyPipe } from '../../panels/money-format.js';
+import { MJO_ENTITIES } from '../../data/entity-names.js';
+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 * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-base-forms";
+const _forTrack0 = ($index, $item) => $item.ID;
+function MJOOrderLinesEditorComponent_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    let tmp_11_0;
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵtextInterpolate1(" \u00B7 ", (tmp_11_0 = ctx_r2.ProductFor(line_r2)) == null ? null : tmp_11_0.TypeName, " ");
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 18);
+    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.ɵɵ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.ɵɵ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();
+} if (rf & 2) {
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", line_r2.Quantity);
+    i0.ɵɵadvance();
+    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.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(line_r2.Quantity);
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 13);
+    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);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    let tmp_11_0;
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    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);
+    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);
+    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);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const product_r6 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("Revenue to ", product_r6.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);
+} if (rf & 2) {
+    const product_r6 = ctx;
+    i0.ɵɵconditional(product_r6.TypeName === "Goods" ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!product_r6.Taxable ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(product_r6.CompanyName ? 2 : -1);
+} }
+function MJOOrderLinesEditorComponent_For_2_Conditional_23_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const line_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    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);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MJOOrderLinesEditorComponent_For_2_Conditional_23_Conditional_5_Template, 2, 1, "span", 30);
+    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.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const line_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("is-open", ctx_r2.IsExtensionOpen(line_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("aria-expanded", ctx_r2.IsExtensionOpen(line_r2))("aria-controls", "mjo-ol-ext-" + line_r2.ID);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r2.ExtensionLabel(line_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r2.IsExtensionOpen(line_r2) ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("id", "mjo-ol-ext-" + line_r2.ID);
+    i0.ɵɵattribute("inert", ctx_r2.IsExtensionOpen(line_r2) ? null : "")("aria-hidden", !ctx_r2.IsExtensionOpen(line_r2));
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("Record", ctx)("EditMode", ctx_r2.EditMode)("Config", ctx_r2.ExtensionFormConfigFor(line_r2));
+} }
+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.ɵɵ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.ɵɵ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.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 10)(12, "div", 11);
+    i0.ɵɵtext(13);
+    i0.ɵɵpipe(14, "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.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 14);
+    i0.ɵɵtext(18);
+    i0.ɵɵpipe(19, "mjoMoney");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(20, MJOOrderLinesEditorComponent_For_2_Conditional_20_Template, 2, 1, "button", 15);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(21, "div", 16);
+    i0.ɵɵconditionalCreate(22, MJOOrderLinesEditorComponent_For_2_Conditional_22_Template, 3, 3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(23, MJOOrderLinesEditorComponent_For_2_Conditional_23_Template, 9, 12, "div", 17);
+    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;
+    const line_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", ((tmp_10_0 = ctx_r2.ProductFor(line_r2)) == null ? null : tmp_10_0.Name) ?? "Product", " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", (tmp_11_0 = ctx_r2.ProductFor(line_r2)) == null ? null : tmp_11_0.SKU, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(((tmp_12_0 = ctx_r2.ProductFor(line_r2)) == null ? null : tmp_12_0.TypeName) ? 7 : -1);
+    i0.ɵɵadvance();
+    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(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.ɵɵ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.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(19, 17, (tmp_20_0 = ctx_r2.PricedLine(line_r2)) == null ? null : tmp_20_0.NetAmount));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.EditMode ? 20 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_22_0 = ctx_r2.ProductFor(line_r2)) ? 22 : -1, tmp_22_0);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional((tmp_23_0 = ctx_r2.ExtensionFor(line_r2)) ? 23 : -1, tmp_23_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.ɵɵ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);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 45);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "span", 46)(7, "span", 47);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "mjoMoney");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 45);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const product_r10 = ctx.$implicit;
+    const ɵ$index_112_r11 = 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.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(product_r10.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate3("", product_r10.SKU, " \u00B7 ", product_r10.TypeName, " \u00B7 ", product_r10.CompanyName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 9, product_r10.ListPrice));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(product_r10.Taxable ? "taxable" : "untaxable");
+} }
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_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) {
+    i0.ɵɵtext(0, " Loading catalog\u2026 ");
+} }
+function MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_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);
+    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);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    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)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(4, MJOOrderLinesEditorComponent_Conditional_4_Conditional_4_Template, 4, 1, "div", 39);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r2.ProductQuery);
+    i0.ɵɵattribute("aria-expanded", ctx_r2.PickerOpen);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.PickerOpen ? 4 : -1);
+} }
+/**
+ * Inline catalog picker + line cards for an order header.
+ *
+ * Lines are `Order.Lines.Create()` children. When the product type declares an
+ * `OrderLineExtensionEntity`, the extension is managed by `line.Extension` as a
+ * `BaseEntity` companion and persists atomically on the server inside the order's
+ * transaction. Newly added lines start expanded; existing lines stay collapsed
+ * behind a disclosure.
+ */
+export class MJOOrderLinesEditorComponent {
+    pricing = inject(MJOPricingScheduler);
+    cdr = inject(ChangeDetectorRef);
+    _order = null;
+    expandedLineIds = new Set();
+    Provider = null;
+    EditMode = true;
+    set Order(value) {
+        this.unbindOrder();
+        this._order = value;
+        if (value)
+            void this.onOrderBound();
+    }
+    get Order() {
+        return this._order;
+    }
+    PricingChanged = new EventEmitter();
+    Navigate = new EventEmitter();
+    Catalog = [];
+    Pricing = { Result: null, Loading: false, Error: null };
+    ProductQuery = '';
+    PickerCursor = 0;
+    PickerOpen = false;
+    CatalogError = null;
+    get Lines() {
+        return [...(this._order?.Lines.Items ?? [])];
+    }
+    get PickerResults() {
+        const q = this.ProductQuery.trim().toLowerCase();
+        const matches = this.Catalog.filter((p) => !q || p.Name.toLowerCase().includes(q) || p.SKU.toLowerCase().includes(q));
+        return matches.slice(0, 8);
+    }
+    OpenPicker() {
+        this.PickerOpen = true;
+        this.PickerCursor = 0;
+    }
+    ClosePickerSoon() {
+        setTimeout(() => {
+            this.PickerOpen = false;
+            this.cdr.detectChanges();
+        }, 140);
+    }
+    OnPickerKey(event) {
+        const results = this.PickerResults;
+        switch (event.key) {
+            case 'ArrowDown':
+                this.PickerCursor = Math.min(this.PickerCursor + 1, Math.max(results.length - 1, 0));
+                event.preventDefault();
+                break;
+            case 'ArrowUp':
+                this.PickerCursor = Math.max(this.PickerCursor - 1, 0);
+                event.preventDefault();
+                break;
+            case 'Enter':
+                if (results[this.PickerCursor]) {
+                    void this.AddProduct(results[this.PickerCursor]);
+                    event.preventDefault();
+                }
+                break;
+            case 'Escape':
+                this.PickerOpen = false;
+                break;
+            default:
+                break;
+        }
+    }
+    async AddProduct(product) {
+        if (!this.EditMode || !this._order)
+            return;
+        if (product.OrderLineExtensionEntity) {
+            await this.addExtendedLine(product);
+        }
+        else {
+            await this.addPlainLine(product);
+        }
+        this.ProductQuery = '';
+        this.PickerCursor = 0;
+        this.PickerOpen = false;
+        this.schedulePricing();
+        this.cdr.detectChanges();
+    }
+    Bump(line, delta) {
+        if (!this.EditMode)
+            return;
+        line.Quantity = this.clampQuantity(line, Number(line.Quantity ?? 0) + delta);
+        this.schedulePricing();
+    }
+    SetQuantity(line, event) {
+        if (!this.EditMode)
+            return;
+        const target = event.target;
+        if (!(target instanceof HTMLInputElement))
+            return;
+        line.Quantity = this.clampQuantity(line, Number.parseFloat(target.value));
+        this.schedulePricing();
+    }
+    QuantityAtMax(line) {
+        const max = this.ProductFor(line)?.MaxQuantityPerLine;
+        return max != null && max > 0 && Number(line.Quantity ?? 0) >= max;
+    }
+    QuantityCappedToOne(line) {
+        return this.ProductFor(line)?.MaxQuantityPerLine === 1;
+    }
+    Remove(line) {
+        if (!this.EditMode)
+            return;
+        this.expandedLineIds.delete(line.ID);
+        this._order?.Lines.Remove(line);
+        this.schedulePricing();
+    }
+    ProductFor(line) {
+        return this.Catalog.find((p) => UUIDsEqual(p.ID, line.ProductID));
+    }
+    PricedLine(line) {
+        return this.Pricing.Result?.Lines.find((priced) => UUIDsEqual(priced.ClientKey, line.ID));
+    }
+    OpenProduct(line, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (!line.ProductID)
+            return;
+        this.Navigate.emit({
+            Kind: 'record',
+            EntityName: MJO_ENTITIES.Product,
+            PrimaryKey: CompositeKey.FromID(line.ProductID),
+        });
+    }
+    OnExtensionNavigate(event) {
+        this.Navigate.emit(event);
+    }
+    OnExtensionFormCreated(form) {
+        form.showEmptyFields = true;
+        this.cdr.detectChanges();
+    }
+    hydratingLineIds = new Set();
+    ExtensionFor(line) {
+        if (line.EntityInfo?.Name !== MJO_ENTITIES.OrderLine) {
+            return line;
+        }
+        if (line instanceof OrderLineEntity) {
+            if (line.Extension?.Entity) {
+                return line.Extension.Entity;
+            }
+            if (line.IsSaved && !this.hydratingLineIds.has(line.ID)) {
+                const extName = this.ProductFor(line)?.OrderLineExtensionEntity;
+                if (extName) {
+                    void this.hydrateSingleLine(line, extName);
+                }
+            }
+            return null;
+        }
+        return line.Extension?.Entity ?? null;
+    }
+    ExtensionFormConfigFor(line) {
+        return CachedExtensionFormConfig(this.extensionEntityName(line));
+    }
+    IsExtensionOpen(line) {
+        return this.expandedLineIds.has(line.ID);
+    }
+    ToggleExtension(line) {
+        if (this.expandedLineIds.has(line.ID))
+            this.expandedLineIds.delete(line.ID);
+        else
+            this.expandedLineIds.add(line.ID);
+    }
+    ExtensionLabel(line) {
+        return ExtensionToggleLabel(this.extensionEntityName(line));
+    }
+    ExtensionHint(line) {
+        return ExtensionCollapsedHint(this.extensionEntityName(line));
+    }
+    ngOnDestroy() {
+        this.unbindOrder();
+        this.pricing.CancelPending();
+    }
+    get metadata() {
+        return this.Provider ?? Metadata.Provider;
+    }
+    async onOrderBound() {
+        if (this.Catalog.length === 0)
+            await this.loadCatalog();
+        if (this._order && !this._order.Lines.IsLoaded && this._order.IsSaved) {
+            await this._order.Lines.Load();
+        }
+        await this.hydrateExtensions();
+        this.schedulePricing();
+        this.cdr.detectChanges();
+    }
+    unbindOrder() {
+        this.expandedLineIds.clear();
+        this.hydratingLineIds.clear();
+    }
+    async addPlainLine(product) {
+        if (!this._order)
+            return;
+        const line = await this._order.Lines.Create();
+        line.ProductID = product.ID;
+        line.Quantity = ClampLineQuantity(1, product.MaxQuantityPerLine);
+    }
+    async addExtendedLine(product) {
+        if (!this._order || !product.OrderLineExtensionEntity)
+            return;
+        CachedExtensionEntityInfo(this.metadata, product.OrderLineExtensionEntity);
+        const line = (await this._order.Lines.Create());
+        line.ProductID = product.ID;
+        line.Quantity = ClampLineQuantity(1, product.MaxQuantityPerLine);
+        if (line instanceof OrderLineEntity) {
+            await line.Extension.EnsureEntity(product.OrderLineExtensionEntity);
+        }
+        this.expandedLineIds.add(line.ID);
+    }
+    async hydrateSingleLine(line, extName) {
+        if (this.hydratingLineIds.has(line.ID))
+            return;
+        this.hydratingLineIds.add(line.ID);
+        try {
+            CachedExtensionEntityInfo(this.metadata, extName);
+            await line.Extension.EnsureEntity(extName);
+            this.cdr.detectChanges();
+        }
+        finally {
+            this.hydratingLineIds.delete(line.ID);
+        }
+    }
+    async hydrateExtensions() {
+        if (!this._order)
+            return;
+        if (this.Catalog.length === 0)
+            await this.loadCatalog();
+        for (const line of this.Lines) {
+            const extName = this.ProductFor(line)?.OrderLineExtensionEntity;
+            if (extName && line.IsSaved) {
+                if (line instanceof OrderLineEntity) {
+                    await this.hydrateSingleLine(line, extName);
+                }
+                else if (line.Extension) {
+                    await this.hydrateSingleLine(line, extName);
+                }
+            }
+        }
+    }
+    clampQuantity(line, quantity) {
+        return ClampLineQuantity(quantity, this.ProductFor(line)?.MaxQuantityPerLine);
+    }
+    extensionEntityName(line) {
+        return (this.ExtensionFor(line)?.EntityInfo.Name ??
+            this.ProductFor(line)?.OrderLineExtensionEntity ??
+            '');
+    }
+    async loadCatalog() {
+        try {
+            this.Catalog = await GetCatalogOptions(this.metadata.CurrentUser);
+            this.CatalogError = null;
+        }
+        catch (error) {
+            this.Catalog = [];
+            this.CatalogError = error instanceof Error ? error.message : String(error);
+        }
+    }
+    schedulePricing() {
+        if (!this._order)
+            return;
+        this.pricing.SchedulePricing(this._order, (state) => {
+            this.Pricing = state;
+            this.PricingChanged.emit(state);
+            this.cdr.detectChanges();
+        });
+    }
+    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);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.Lines);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.EditMode ? 4 : -1);
+        } }, dependencies: [CommonModule,
+            FormsModule, 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}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOOrderLinesEditorComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'mjo-order-lines-editor', imports: [
+                    CommonModule,
+                    FormsModule,
+                    BaseFormsModule,
+                    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"] }]
+    }], null, { Provider: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], Order: [{
+            type: Input
+        }], PricingChanged: [{
+            type: Output
+        }], Navigate: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOOrderLinesEditorComponent, { className: "MJOOrderLinesEditorComponent", filePath: "lib/custom/OrderHeader/order-lines-editor.component.ts", lineNumber: 57 }); })();
+//# sourceMappingURL=order-lines-editor.component.js.map