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

package/dist/lib/custom/Product/widgets/product-gl-links.component.js

@@ -0,0 +1,1229 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
+import { AccountingEngineBase, pickActiveLinkIndex } from '@mj-biz-apps/accounting-engine-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+function BizAppsProductGLLinksComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenDraft()); });
+    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductGLLinksComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.WriteError, " ");
+} }
+function BizAppsProductGLLinksComponent_Conditional_10_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const r_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", r_r4.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(r_r4.Name);
+} }
+function BizAppsProductGLLinksComponent_Conditional_10_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1, " No GL accounts exist for this product's company yet, so there is nothing to link to. They are created in Accounting. ");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductGLLinksComponent_Conditional_10_For_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const a_r5 = ctx.$implicit;
+    i0.ɵɵproperty("value", a_r5.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(a_r5.Label);
+} }
+function BizAppsProductGLLinksComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "select", 15);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_10_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Draft.RoleID, $event) || (ctx_r1.Draft.RoleID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(2, "option", 16);
+    i0.ɵɵtext(3, "\u2014 role \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(4, BizAppsProductGLLinksComponent_Conditional_10_For_5_Template, 2, 2, "option", 17, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, BizAppsProductGLLinksComponent_Conditional_10_Conditional_6_Template, 2, 0, "span", 10);
+    i0.ɵɵelementStart(7, "select", 18);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_10_Template_select_ngModelChange_7_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Draft.AccountID, $event) || (ctx_r1.Draft.AccountID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(8, "option", 16);
+    i0.ɵɵtext(9, "\u2014 account \u2014");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(10, BizAppsProductGLLinksComponent_Conditional_10_For_11_Template, 2, 2, "option", 17, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "input", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_10_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Draft.StartedAt, $event) || (ctx_r1.Draft.StartedAt = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 20);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_10_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.AddLink()); });
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 20);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_10_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelDraft()); });
+    i0.ɵɵtext(16, "Cancel");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Draft.RoleID);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.Roles);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Accounts.length === 0 ? 6 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Draft.AccountID);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.Accounts);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Draft.StartedAt);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.Saving || !ctx_r1.Draft.RoleID || !ctx_r1.Draft.AccountID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Saving ? "Linking\u2026" : "Link");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+} }
+function BizAppsProductGLLinksComponent_Conditional_11_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const r_r7 = ctx.$implicit;
+    i0.ɵɵproperty("value", r_r7.ID)("disabled", r_r7.Disabled === true);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(r_r7.Label);
+} }
+function BizAppsProductGLLinksComponent_Conditional_11_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const a_r8 = ctx.$implicit;
+    i0.ɵɵproperty("value", a_r8.ID)("disabled", a_r8.Disabled === true);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(a_r8.Label);
+} }
+function BizAppsProductGLLinksComponent_Conditional_11_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 10);
+    i0.ɵɵtext(1, " This link has been in force, so only its end date can change here. To book a different account, add a link with a later start date. ");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductGLLinksComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "select", 15);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_11_Template_select_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Editing.RoleID, $event) || (ctx_r1.Editing.RoleID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(2, BizAppsProductGLLinksComponent_Conditional_11_For_3_Template, 2, 3, "option", 21, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "select", 18);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_11_Template_select_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Editing.AccountID, $event) || (ctx_r1.Editing.AccountID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(5, BizAppsProductGLLinksComponent_Conditional_11_For_6_Template, 2, 3, "option", 21, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "label", 22);
+    i0.ɵɵtext(8, "from ");
+    i0.ɵɵelementStart(9, "input", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_11_Template_input_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Editing.StartedAt, $event) || (ctx_r1.Editing.StartedAt = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "label", 22);
+    i0.ɵɵtext(11, "to ");
+    i0.ɵɵelementStart(12, "input", 23);
+    i0.ɵɵtwoWayListener("ngModelChange", function BizAppsProductGLLinksComponent_Conditional_11_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.Editing.EndedAt, $event) || (ctx_r1.Editing.EndedAt = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "button", 20);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_11_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SaveEdit()); });
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 20);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_11_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelEdit()); });
+    i0.ɵɵtext(16, "Cancel");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(17, BizAppsProductGLLinksComponent_Conditional_11_Conditional_17_Template, 2, 0, "span", 10);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Editing.RoleID);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving || ctx_r1.Editing.Applied);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.EditRoles);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Editing.AccountID);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving || ctx_r1.Editing.Applied);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.EditAccounts);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Editing.StartedAt);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving || ctx_r1.Editing.Applied);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.Editing.EndedAt);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Saving ? "Saving\u2026" : "Save");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Editing.Applied ? 17 : -1);
+} }
+function BizAppsProductGLLinksComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 10);
+    i0.ɵɵtext(1, "Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductGLLinksComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 8);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" The GL account links could not be read: ", ctx_r1.LoadError, " ");
+} }
+function BizAppsProductGLLinksComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 10);
+    i0.ɵɵtext(1, " No GL accounts are linked directly to this product. It may still book through its category or the company default \u2014 open Accounting \u2192 Account Links to see the full chain. ");
+    i0.ɵɵelementEnd();
+} }
+function BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 33);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const row_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenEdit(row_r10)); });
+    i0.ɵɵtext(1, "Edit");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+} }
+function BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 34);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_19_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const row_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RetireLink(row_r10)); });
+    i0.ɵɵtext(1, "Retire");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving);
+} }
+function BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 35);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_20_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const row_r10 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RemoveLink(row_r10)); });
+    i0.ɵɵtext(1, "Remove");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r10 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("disabled", ctx_r1.Saving)("title", ctx_r1.RemoveWarning(row_r10));
+} }
+function BizAppsProductGLLinksComponent_Conditional_15_For_19_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td")(4, "button", 27);
+    i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Conditional_15_For_19_Template_button_click_4_listener() { const row_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenLink(row_r10)); });
+    i0.ɵɵtext(5);
+    i0.ɵɵelementStart(6, "span", 28);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(8, "td")(9, "span", 29);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "td");
+    i0.ɵɵtext(12);
+    i0.ɵɵpipe(13, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td");
+    i0.ɵɵtext(15);
+    i0.ɵɵpipe(16, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "td");
+    i0.ɵɵconditionalCreate(18, BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_18_Template, 2, 1, "button", 30);
+    i0.ɵɵconditionalCreate(19, BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_19_Template, 2, 1, "button", 31);
+    i0.ɵɵconditionalCreate(20, BizAppsProductGLLinksComponent_Conditional_15_For_19_Conditional_20_Template, 2, 2, "button", 32);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const row_r10 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("mjo-gl-links__row--inactive", !row_r10.Active);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r10.RoleName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", row_r10.AccountCode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", row_r10.AccountName);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("mjo-gl-links__chip--on", row_r10.Active);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.StatusLabel(row_r10), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(row_r10.StartedAt ? i0.ɵɵpipeBind3(13, 13, row_r10.StartedAt, "yyyy-MM-dd", "UTC") : "\u2014");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(row_r10.EndedAt ? i0.ɵɵpipeBind3(16, 17, row_r10.EndedAt, "yyyy-MM-dd", "UTC") : "\u2014");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.CanWrite && (ctx_r1.Editing == null ? null : ctx_r1.Editing.ID) !== row_r10.ID ? 18 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CanWrite && row_r10.Active && ctx_r1.HasApplied(row_r10) ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.CanWrite && !ctx_r1.HasApplied(row_r10) ? 20 : -1);
+} }
+function BizAppsProductGLLinksComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11)(1, "table", 24)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "Role");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Account");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th");
+    i0.ɵɵtext(9, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "From");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "To");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "th")(15, "span", 25);
+    i0.ɵɵtext(16, "Row actions");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(17, "tbody");
+    i0.ɵɵrepeaterCreate(18, BizAppsProductGLLinksComponent_Conditional_15_For_19_Template, 21, 21, "tr", 26, _forTrack0);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(18);
+    i0.ɵɵrepeater(ctx_r1.Rows);
+} }
+/** Accounting's polymorphic link entity. A SOFT reference — no FK crosses the schema boundary. */
+const LINK_ENTITY = 'MJ_BizApps_Accounting: GL Account Links';
+/** This app's Products entity, which is what a link's `(EntityID, RecordID)` pair points AT here. */
+const PRODUCT_ENTITY = 'MJ_BizApps_Orders: Products';
+/**
+ * Ids reach a filter string as SQL text, so they are SHAPE-CHECKED rather than escaped.
+ *
+ * `CLAUDE.md` forbids inline `.replace(/'/g, "''")` in an `ExtraFilter` outright — it misses
+ * null-byte injection, breaks on null/undefined, and spreads divergent ad-hoc sanitisation. Its
+ * prescribed helpers live in `sql-guards.ts` under CoreEntitiesServer, which an Angular package must
+ * not depend on, so this mirrors the browser-side guard this package already uses in
+ * `lib/data/orders-queries.ts` instead of inventing a third spelling.
+ */
+const UUID_PATTERN = /^[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}$/;
+export function idKey(id) {
+    return String(id ?? '').trim().toLowerCase();
+}
+export function AccountIsOfferable(accountCompanyID, productCompanyID) {
+    const product = idKey(productCompanyID);
+    if (!product)
+        return true;
+    return idKey(accountCompanyID) === product;
+}
+/**
+ * The GL accounts a product books to — read from the product's own form (bizapps-orders#113).
+ *
+ * ── WHY THIS LIVES IN ORDERS AND NOT IN ACCOUNTING ──
+ *
+ * `GLAccountLink` is accounting's entity, so the instinct is to put its UI there. Accounting's own
+ * links screen explains why that cannot work for products, in its `LinkRow` comment:
+ *
+ *   > These links are POLYMORPHIC — `(EntityID, RecordID)` can point at anything, including orders'
+ *   > Products and Product Categories. Accounting must not depend on orders, so those stay unnamed
+ *   > here BY DESIGN.
+ *
+ * So on accounting's screen a product-linked row shows a bare UUID and says so honestly. Andrew's
+ * report (#113) is that same boundary seen from the other side: he could not find a product's accounts,
+ * and creating a link by hand meant copying the Product's ID into a text box.
+ *
+ * Rendering it HERE inverts the dependency the right way round. Orders already depends on accounting
+ * — `AccountingBridge` calls the engine on both booking paths — and orders is the app that knows what
+ * a Product is. The polymorphic pair stops being something a human types: `EntityID` is this app's
+ * Products entity and `RecordID` is the record already on screen.
+ *
+ * ── WHY THE ENGINE AND NOT A QUERY ──
+ *
+ * `AccountingEngineBase` caches roles, accounts and links client-side and is the same primitive the
+ * booking pipeline resolves through (`ResolveLinkedAccount`). Reading from it means this panel cannot
+ * disagree with what an order will actually book — a re-implemented query could, and the first time it
+ * did, the screen would be lying about money.
+ *
+ * ── WHAT IS DELIBERATELY NOT HERE ──
+ *
+ * No fallback chain. A product with no direct link still books, through category and company defaults,
+ * and `GlResolutionPreviewComponent` in accounting-ng already renders that chain. Showing a resolved
+ * account here without saying it came from a category would read as "this product is linked" when it is
+ * not, which is the same confusion #112 caused one screen over.
+ */
+export class BizAppsProductGLLinksComponent {
+    cdr;
+    Product;
+    EditMode = false;
+    FormContext;
+    Navigate = new EventEmitter();
+    Rows = [];
+    Loading = true;
+    /** Set when the links cannot be read at all. Shown instead of an empty list, which would lie. */
+    LoadError = null;
+    constructor(cdr) {
+        this.cdr = cdr;
+    }
+    async ngOnInit() {
+        /**
+         * FALSE, explicitly. The first mount is the one place a cached answer is what you want — the
+         * engine has usually just been configured by whatever rendered the form, and forcing a reload
+         * here would make opening any product form pay for ten entity loads.
+         *
+         * Every other caller wants the opposite, which is why `Refresh` defaults to true.
+         */
+        await this.Refresh(false);
+    }
+    /**
+     * Re-reads the links.
+     *
+     * ── WHY A WRITE MUST PASS `true` ──
+     *
+     * `load()` prefers the engine's cached links and only falls back to a view read when the cache
+     * holds none for this product. That is right for a plain refresh and WRONG straight after a write:
+     * the cache is a snapshot taken at `Config()` time, so a product that already had one link would
+     * keep showing exactly that one — the row just added, or the retirement just applied, would be
+     * invisible until something else reloaded the engine.
+     *
+     * It survived the first browser test only because that test started from a product with NO links,
+     * where the cache is empty and the fallback runs anyway. Adding a second link is the case that
+     * would have shown nothing.
+     *
+     * @param reloadEngine - force the accounting engine to re-read before rendering. Every write path
+     *                       defaults TRUE. `ngOnInit` passes false, because a first mount is the one
+     *                       place a cached answer is the right one; the refresh button and every write
+     *                       take the default, because both are asking the panel to go and look.
+     */
+    /**
+     * Set in `ngOnDestroy`, checked before every `detectChanges`.
+     *
+     * Every write ends with `finally { Saving = false; cdr.detectChanges(); }` AFTER an awaited save
+     * and engine reload. Navigate away mid-save and those resolve against a torn-down view, so
+     * `detectChanges` throws `ViewDestroyedError` — and because it throws from `finally`, the
+     * preceding `catch` cannot absorb it and it escapes as an unhandled rejection. This file's own
+     * comment elsewhere notes that a console error is treated as a broken screen by the Playwright
+     * keystone, so it would fail a suite rather than merely litter the console.
+     */
+    destroyed = false;
+    ngOnDestroy() {
+        this.destroyed = true;
+    }
+    /** `detectChanges`, unless the view is gone. */
+    tick() {
+        if (!this.destroyed) {
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * `reloadEngine` DEFAULTS TRUE, and the default is the whole point.
+     *
+     * It used to default false, so the refresh icon re-ran `load()` against a cache nobody had
+     * invalidated — and `load()`'s own `Config(false, …)` is a no-op once the engine is loaded. A
+     * colleague retiring a link from accounting's own screen was therefore invisible here: the button
+     * rendered the identical stale row, still chipped "In force", for the rest of the session.
+     *
+     * A user who presses refresh is asking the panel to go and look. Writes already passed `true`
+     * explicitly; making that the default means the only path that can serve a cached answer is the
+     * initial load, which is the one place a cache is what you want.
+     */
+    async Refresh(reloadEngine = true) {
+        this.Loading = true;
+        this.LoadError = null;
+        this.tick();
+        try {
+            if (reloadEngine) {
+                await AccountingEngineBase.Instance.Config(true, new Metadata().CurrentUser);
+            }
+            this.Rows = await this.load();
+        }
+        catch (err) {
+            this.Rows = [];
+            this.LoadError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Loading = false;
+            this.tick();
+        }
+    }
+    /**
+     * What the status chip says.
+     *
+     * The three states are NOT the two the `Status` column has. A link can be stored `Active` and still
+     * not be the one that books — superseded by a later link on the same role — and rendering the raw
+     * column would put the word "Active" on both rows. Saying SUPERSEDED is the whole reason this panel
+     * resolves through accounting's picker rather than reading a flag.
+     */
+    /**
+     * Why a row is not the one in force.
+     *
+     * `Active === false` has three causes and this used to print "Superseded" for all of them. A link
+     * added to take over next quarter therefore rendered as "Superseded" — it supersedes something, it
+     * is not superseded — beside a Remove button saying it had not started. Two controls in one row
+     * telling opposite stories is how a user concludes the save was rejected and adds another link.
+     */
+    StatusLabel(row) {
+        if (row.Active) {
+            return 'In force';
+        }
+        if (row.Status !== 'Active') {
+            // Disabled or Pending — the row's own status is the honest answer.
+            return row.Status;
+        }
+        // Active, but not the winner. Which of the two remaining reasons applies is a date question.
+        return this.HasApplied(row) ? 'Superseded' : 'Not started';
+    }
+    /**
+     * What Remove actually does to THIS row, said accurately.
+     *
+     * ── THE CONTROL USED TO ASSERT SOMETHING FALSE ────────────────────────────────────────────────
+     *
+     * Its title read "It has not started yet, so nothing has booked through it." That is true of a link
+     * dated in the future and FALSE of a link dated today, because `pickActiveLinkIndex` skips only
+     * when `t < started` — a link starting at today's UTC midnight is already the one resolution
+     * picks. `OpenDraft` defaults the start to today, so every link this panel creates spends its
+     * first UTC day in exactly that state: chip reading "In force", button promising nothing had
+     * booked, and `Delete()` behind it.
+     *
+     * The button stays, because it has to. `CK_GLAccountLink_Window` enforces `EndedAt > StartedAt`,
+     * so a link created today CANNOT be retired — Remove is the only way to undo a mistake made today.
+     * What was wrong was the sentence, not the affordance.
+     */
+    RemoveWarning(row) {
+        return row.Active
+            ? 'Remove this link permanently. It is IN FORCE today, so orders booked today may already '
+                + 'have resolved through it. It cannot be retired instead, because a link cannot end on '
+                + 'the day it starts.'
+            : 'Remove this link permanently. It has not started yet, so nothing has booked through it.';
+    }
+    /** Opens accounting's Account Links screen, which is where a link is created or retired. */
+    OpenLink(row) {
+        this.Navigate.emit({
+            Kind: 'record',
+            EntityName: LINK_ENTITY,
+            PrimaryKey: CompositeKey.FromID(row.ID),
+        });
+    }
+    // ── Writing: the half accounting has no UI for at all ─────────────────────────────────────────
+    /** Roles and accounts to choose from, filled by {@link Refresh} off the same engine the reader uses. */
+    Roles = [];
+    Accounts = [];
+    /** The add form. Null when closed — opening it is a deliberate act, not the default state. */
+    Draft = null;
+    /** Set when a write is refused. The SERVER's message, verbatim — see {@link AddLink}. */
+    WriteError = null;
+    Saving = false;
+    /** A product must exist before anything can point at it: `RecordID` is its primary key. */
+    get CanWrite() {
+        /**
+         * `EditMode` IS READ HERE, and its absence was a real defect rather than a tidy-up.
+         *
+         * The parent passes it in and this component accepted it and never looked at it, so Add, Edit,
+         * Retire and Remove stayed live while the form was in read-only mode — the sibling pricing
+         * widget gates every one of its edit affordances on the same input. An unread `@Input` also
+         * reads, to anyone scanning the class, as though the gating were already handled.
+         */
+        return this.EditMode && !!this.Product?.ID && this.Product.IsSaved;
+    }
+    OpenDraft() {
+        this.WriteError = null;
+        this.Draft = { RoleID: '', AccountID: '', StartedAt: this.today() };
+    }
+    CancelDraft() {
+        this.Draft = null;
+        this.WriteError = null;
+    }
+    /**
+     * The link being edited, or null. `Applied` decides how much of it may change — see {@link OpenEdit}.
+     */
+    Editing = null;
+    /**
+     * The options the EDIT picker shows: the company-scoped list, plus this link's CURRENT account when
+     * that account is not in it.
+     *
+     * ── WHY THE SCOPED LIST IS NOT ENOUGH ON ITS OWN ──────────────────────────────────────────────
+     *
+     * Scoping accounts to the product's company (PR #125 review) is right for CHOOSING, but a link that
+     * already points somewhere else still has to render. Such links exist: nothing stopped the panel
+     * creating them before this change, and nothing stops another tool creating one now. Showing only
+     * the scoped list would leave the select with no matching option — blank — on a link that plainly
+     * has an account.
+     *
+     * The template a few lines above already states the rule this would break: hiding a value "would
+     * read as 'this link has no account', which is the confusion #112 was". A filtered picker on an
+     * existing record must never hide that record's current value.
+     *
+     * The current account is labelled so the reader can tell it apart from the offerable ones, and the
+     * ordinary edit rules still apply — an applied link cannot change its account at all, and a
+     * not-yet-applied one can be moved onto a valid account, which is the repair path.
+     */
+    get EditAccounts() {
+        return this.EditAccountOptions;
+    }
+    /**
+     * Frozen when the edit opens, NOT derived from the live `ngModel` value.
+     *
+     * Deriving it was wrong twice. It allocated a fresh array and object on every change-detection
+     * pass — the hazard this codebase already documents with its frozen-empty constant elsewhere — and,
+     * worse, the option deleted itself: the moment a user picked a valid account to repair a
+     * cross-company link, `current` matched the scoped list and the original option vanished, so they
+     * could neither compare the two nor change their mind without cancelling the whole edit.
+     */
+    EditAccountOptions = [];
+    /**
+     * The role options for one edit, with the link's current role re-admitted when the engine has no
+     * such role.
+     *
+     * Accounts got this treatment and roles did not, which left the identical hole one field over. A
+     * link whose role is missing from the engine cache — deleted, or filtered out by row-level
+     * permissions — renders `(unknown role)` in the table, and the select then matched no option and
+     * rendered BLANK. Carrying `RoleID` on the row fixed the duplicate-name case only; it cannot put a
+     * matching `<option>` in a list that does not contain one.
+     *
+     * Disabled for the same reason as the account equivalent: visible so the picker never reads as
+     * "this link has no role", unselectable so a save cannot write an orphan id back.
+     */
+    get EditRoles() {
+        return this.EditRoleOptions;
+    }
+    EditRoleOptions = [];
+    roleOptionsForEditing(row) {
+        const current = idKey(row.RoleID);
+        const offered = this.Roles.map((r) => ({ ID: r.ID, Label: r.Name }));
+        if (!current || offered.some((r) => idKey(r.ID) === current))
+            return offered;
+        return [...offered, { ID: current, Label: `${row.RoleName} — no longer available`, Disabled: true }];
+    }
+    /** The options for one edit, with the link's current account re-admitted when it is not offerable. */
+    optionsForEditing(row) {
+        const current = idKey(row.AccountID);
+        if (!current || this.Accounts.some((a) => idKey(a.ID) === current))
+            return this.Accounts;
+        /**
+         * Re-admitted so the picker cannot render blank on a link that plainly has an account — the
+         * template states that rule a few lines above the select, and it is the #112 confusion.
+         *
+         * DISABLED, though, and appended rather than prepended. Re-admitting it as a selectable option
+         * at the top of the list would let the repair path re-create the very link the scoping exists to
+         * prevent, and nothing downstream would stop it: accounting's tie guard only refuses ties WITHIN
+         * a company. The user may see what the link points at; they may not choose it again.
+         *
+         * The label names the company, because on this one option the company is the whole point.
+         */
+        const label = `${row.AccountCode} ${row.AccountName}`.trim() || current;
+        return [...this.Accounts, { ID: current, Label: `${label} — not available for this product's company`, Disabled: true }];
+    }
+    /**
+     * Opens an edit for one link.
+     *
+     * ── WHAT MAY CHANGE DEPENDS ON WHETHER IT HAS BOOKED ──
+     *
+     * #113 asks for "adding/editing/deleting" and editing has to exist. But a link is not an ordinary
+     * record: while it is in force it is the reason journal entries name the account they name. Letting
+     * someone re-point the account or move the start date on such a link would silently rewrite the
+     * explanation for money that has already moved, and nothing else records what the mapping used to
+     * be.
+     *
+     * So the split follows {@link HasApplied}, the same boundary Remove uses:
+     *
+     * · NOT applied yet — nothing has booked through it, so role, account and start date are all
+     *   editable. This is the "I picked the wrong account a minute ago" case.
+     * · ALREADY applied — only the END date may change. That is a correction to when the mapping
+     *   stopped, which is a statement about the future of a window rather than a rewrite of its past.
+     *   To change where an applied product books, add a link with a later start; superseding is the
+     *   accounting-correct edit and `pickActiveLinkIndex` already understands it.
+     */
+    OpenEdit(row) {
+        this.WriteError = null;
+        this.Draft = null;
+        this.EditAccountOptions = this.optionsForEditing(row);
+        this.EditRoleOptions = this.roleOptionsForEditing(row);
+        this.Editing = {
+            ID: row.ID,
+            // Normalised HERE too, not only in load(): this is the boundary that feeds the select,
+            // and a row assembled anywhere else must not be able to render it blank.
+            RoleID: idKey(row.RoleID),
+            AccountID: idKey(row.AccountID),
+            StartedAt: this.asDateInput(row.StartedAt),
+            EndedAt: this.asDateInput(row.EndedAt),
+            Applied: this.HasApplied(row),
+        };
+    }
+    CancelEdit() {
+        this.Editing = null;
+        this.EditAccountOptions = [];
+        this.EditRoleOptions = [];
+        this.WriteError = null;
+    }
+    /**
+     * Writes the edit.
+     *
+     * Only the fields the tier allows are assigned — the guard is here as well as in the template, so a
+     * stale render cannot rewrite an applied link's account by being clicked after the boundary moved.
+     * An empty end date clears it, which is how a retire applied by mistake is undone.
+     */
+    /**
+     * Has this link applied AS OF NOW — read from the LIVE row, never from the edit snapshot.
+     *
+     * `Editing.Applied` is captured when the form opens and the template reads the same captured
+     * value. That is fine for deciding what to RENDER, and wrong for deciding what to WRITE: a form
+     * opened at 23:59 on a link starting tomorrow is still open at 00:01, when the link has come into
+     * force. Trusting the snapshot there let a save rewrite the role, account and start date of a link
+     * that was by then explaining journal entries.
+     *
+     * A row that has vanished counts as APPLIED. The safe direction is refusing an edit that might
+     * have been allowed, not permitting one that rewrites history because the row could not be found.
+     */
+    appliedNowFor(id) {
+        const live = this.Rows.find((r) => idKey(r.ID) === idKey(id));
+        return live ? this.HasApplied(live) : true;
+    }
+    async SaveEdit() {
+        const edit = this.Editing;
+        if (!edit) {
+            return;
+        }
+        this.Saving = true;
+        this.WriteError = null;
+        this.tick();
+        try {
+            const md = new Metadata();
+            const link = await md.GetEntityObject(LINK_ENTITY);
+            if (!(await link.InnerLoad(CompositeKey.FromID(edit.ID)))) {
+                throw new Error(`link ${edit.ID} could not be re-read`);
+            }
+            /**
+             * RE-DERIVED, not read off the snapshot.
+             *
+             * This used to test `edit.Applied`, captured once in `OpenEdit`. The comment claimed it was a
+             * second line of defence behind the template's `[disabled]`, but both read the SAME frozen
+             * boolean, so it could not disagree with the template and defended nothing. Open the form at
+             * 23:58 on a link starting today, save at 00:02, and the link had come into force while the
+             * snapshot still said otherwise — so role, account and start were rewritten on a link that
+             * was by then explaining real journal entries.
+             *
+             * `RemoveLink` already re-evaluated live; the asymmetry was the bug.
+             */
+            /**
+             * The stored row, not the form. The form's `StartedAt` is what the user is proposing; the
+             * question here is whether the link AS STORED has come into force since the form opened.
+             * If the row has disappeared underneath us the snapshot is the safer answer — treat it as
+             * applied and write nothing but the end date.
+             */
+            const appliedNow = this.appliedNowFor(edit.ID);
+            if (!appliedNow) {
+                link.Set('GLAccountRoleID', edit.RoleID);
+                link.Set('GLAccountID', edit.AccountID);
+                link.Set('StartedAt', edit.StartedAt ? new Date(`${edit.StartedAt}T00:00:00.000Z`) : null);
+            }
+            link.Set('EndedAt', edit.EndedAt ? new Date(`${edit.EndedAt}T00:00:00.000Z`) : null);
+            if (!(await link.Save())) {
+                this.WriteError = this.readableError(link) ?? 'the link could not be updated';
+                return;
+            }
+            this.Editing = null;
+            await this.Refresh(true);
+        }
+        catch (err) {
+            this.WriteError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.tick();
+        }
+    }
+    /**
+     * `yyyy-MM-dd` for a date input, in UTC.
+     *
+     * The same conversion the sales workspace isolates in `deal-workspace.dates.ts`: an
+     * `<input type="date">` reads and writes strings while the field holds a Date, and handing an input
+     * a Date renders it BLANK with no error. UTC because the window is stored and displayed in UTC.
+     */
+    asDateInput(value) {
+        if (!value) {
+            return '';
+        }
+        const d = new Date(value);
+        if (Number.isNaN(d.getTime())) {
+            return '';
+        }
+        return `${d.getUTCFullYear()}-${String(d.getUTCMonth() + 1).padStart(2, '0')}-${String(d.getUTCDate()).padStart(2, '0')}`;
+    }
+    /**
+     * Creates the link.
+     *
+     * The polymorphic pair is NOT typed by a human, and that is the entire point of doing this here:
+     * `EntityID` is orders' Products entity and `RecordID` is the record already on screen. On
+     * accounting's own screen a person would have to paste the product's UUID into a text box, which is
+     * what #113 is reporting.
+     *
+     * ── THE REFUSAL IS SURFACED, NOT RE-IMPLEMENTED ──
+     *
+     * `GLAccountLinkEntityServer` refuses two ACTIVE links for the same (record, role) whose accounts
+     * share a company AND share a `StartedAt`, because the tie-break is a strict `>` and resolution
+     * would otherwise pick arbitrarily between two accounts that both balance. This does not restate
+     * that rule client-side: a copy would drift from it, and the copy would be the one that silently
+     * disagreed. It saves, and shows the server's own message when the server says no — which is also
+     * how the human learns that superseding means a LATER start date rather than a duplicate.
+     */
+    async AddLink() {
+        const draft = this.Draft;
+        /**
+         * The START DATE IS REQUIRED, and leaving it optional produced a link that did nothing.
+         *
+         * `<input type="date">` is clearable, and neither this guard nor the template's disabled-state
+         * checked it. A null `StartedAt` then LOSES `pickActiveLinkIndex`'s tie-break — it compares
+         * `(started ?? -Infinity)` — so the new link was written, accepted by the server (a different
+         * start means the duplicate rule does not fire), and silently ranked below any dated link.
+         * The row appeared as history next to the one it was meant to replace, with no error to explain
+         * it, and `HasApplied(null)` returns true so the panel offered no way to remove it either.
+         */
+        if (!draft || !draft.RoleID || !draft.AccountID || !draft.StartedAt || !this.Product?.ID) {
+            return;
+        }
+        this.Saving = true;
+        this.WriteError = null;
+        this.tick();
+        try {
+            const md = new Metadata();
+            const productEntity = md.Entities.find((e) => e.Name === PRODUCT_ENTITY);
+            if (!productEntity) {
+                throw new Error(`${PRODUCT_ENTITY} is not registered in metadata.`);
+            }
+            const link = await md.GetEntityObject(LINK_ENTITY);
+            link.NewRecord();
+            link.Set('GLAccountRoleID', draft.RoleID);
+            link.Set('GLAccountID', draft.AccountID);
+            link.Set('EntityID', productEntity.ID);
+            link.Set('RecordID', this.Product.ID);
+            link.Set('Status', 'Active');
+            link.Set('StartedAt', draft.StartedAt ? new Date(`${draft.StartedAt}T00:00:00.000Z`) : null);
+            if (!(await link.Save())) {
+                this.WriteError = this.readableError(link) ?? 'the link could not be saved';
+                return;
+            }
+            this.Draft = null;
+            await this.Refresh(true);
+        }
+        catch (err) {
+            this.WriteError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.tick();
+        }
+    }
+    /**
+     * Whether a link can have explained any money yet.
+     *
+     * `pickActiveLinkIndex` treats a window as applying when `StartedAt <= now <= EndedAt`, so a link
+     * that starts TODAY OR LATER has not yet been the answer to any resolution. That is the boundary
+     * between the two destructive-looking actions below, and it is deliberately conservative: dated in
+     * the past means assume it booked something.
+     */
+    HasApplied(row) {
+        if (!row.StartedAt) {
+            return true; // a null start means "always has" — the widest possible claim
+        }
+        /**
+         * PARSED, NOT STRING-SLICED. `StartedAt` reaches this row as a `Date` from the engine cache and
+         * as an ISO string from the view fallback, and the first version sliced `String(value)` — which
+         * for a Date yields "Wed Jan 01", compares greater than "2026-08-28", and reported a link from
+         * 2020 as never having applied. It offered Remove on a link that had been booking for six
+         * years. The unit test missed it by passing a string, which is the shape the bug did not have.
+         */
+        const started = new Date(row.StartedAt);
+        if (Number.isNaN(started.getTime())) {
+            return true; // unreadable date — assume it applied rather than offer to delete it
+        }
+        return started.getTime() < new Date(`${this.today()}T00:00:00.000Z`).getTime();
+    }
+    /**
+     * Ends a link's window, which is how accounting retires a mapping that has been in force.
+     *
+     * ── WHY THIS IS NOT A DELETE ──
+     *
+     * A GL link explains where money went. Deleting one that has already booked would remove the
+     * explanation for journal entries that still exist, and nothing else records which mapping was in
+     * force at the time. Ending the window keeps the history and stops the link applying.
+     *
+     * ── AND WHAT "TODAY" ACTUALLY MEANS HERE ──
+     *
+     * `EndedAt` is stored at MIDNIGHT UTC, and `pickActiveLinkIndex` excludes a link once `now > ended`.
+     * Midnight has already passed by the time anyone clicks, so retiring stops the link IMMEDIATELY
+     * rather than at the end of the day. Verified in the browser: a link dated 2020-01-01 retired on
+     * 2026-08-28 rendered as Superseded on the spot, not as still in force.
+     *
+     * This comment previously claimed the opposite — "applies for the whole of today and stops
+     * tomorrow" — and the button's tooltip said so too. The behaviour is the defensible one; the
+     * description was wrong, and it is the description that changed.
+     */
+    /**
+     * Closes an edit form that is bound to `id`.
+     *
+     * Retire and Remove used to leave it open, and the template only hides a row's EDIT button while
+     * that row is being edited — Retire and Remove stayed live. So the two orderings both corrupted:
+     * Retire then Save wrote `EndedAt = null` from the stale form and silently UN-RETIRED the link;
+     * Remove then Save threw "could not be re-read" on a record that no longer existed, which reads as
+     * a broken screen rather than "that record is gone".
+     */
+    closeEditFor(id) {
+        if (this.Editing && idKey(this.Editing.ID) === idKey(id)) {
+            this.Editing = null;
+            this.EditAccountOptions = [];
+            this.EditRoleOptions = [];
+        }
+    }
+    async RetireLink(row) {
+        this.Saving = true;
+        this.WriteError = null;
+        this.tick();
+        try {
+            const md = new Metadata();
+            const link = await md.GetEntityObject(LINK_ENTITY);
+            if (!(await link.InnerLoad(CompositeKey.FromID(row.ID)))) {
+                throw new Error(`link ${row.ID} could not be re-read`);
+            }
+            link.Set('EndedAt', new Date(`${this.today()}T00:00:00.000Z`));
+            if (!(await link.Save())) {
+                this.WriteError = this.readableError(link) ?? 'the link could not be retired';
+                return;
+            }
+            // The row this form was bound to has just changed underneath it; see closeEditFor.
+            this.closeEditFor(row.ID);
+            await this.Refresh(true);
+        }
+        catch (err) {
+            this.WriteError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.tick();
+        }
+    }
+    /**
+     * Deletes a link that cannot have explained anything yet.
+     *
+     * ── WHY THIS EXISTS DESPITE THE ARGUMENT AGAINST DELETING ──
+     *
+     * Retiring is right for a mapping that has been in force. It is USELESS for one created by
+     * mistake a minute ago: the server refuses `EndedAt` on or before `StartedAt` ("The end date must
+     * be after the start date"), so a link mistyped today could be neither retired nor removed. That
+     * was a real hole — found by clicking Retire on a link the same test had just created.
+     *
+     * The boundary is {@link HasApplied}: a link starting today or later has never been the answer to
+     * a resolution, so deleting it destroys no explanation of anything. One that started earlier keeps
+     * the retire path and cannot be deleted from here at all.
+     */
+    async RemoveLink(row) {
+        if (this.HasApplied(row)) {
+            return; // the template does not offer this, and neither does the method
+        }
+        this.Saving = true;
+        this.WriteError = null;
+        this.tick();
+        try {
+            const md = new Metadata();
+            const link = await md.GetEntityObject(LINK_ENTITY);
+            if (!(await link.InnerLoad(CompositeKey.FromID(row.ID)))) {
+                throw new Error(`link ${row.ID} could not be re-read`);
+            }
+            if (!(await link.Delete())) {
+                this.WriteError = this.readableError(link) ?? 'the link could not be removed';
+                return;
+            }
+            // The row this form was bound to has just changed underneath it; see closeEditFor.
+            this.closeEditFor(row.ID);
+            await this.Refresh(true);
+        }
+        catch (err) {
+            this.WriteError = err instanceof Error ? err.message : String(err);
+        }
+        finally {
+            this.Saving = false;
+            this.tick();
+        }
+    }
+    /**
+     * The sentence a human should read out of a refused save.
+     *
+     * `CompleteMessage` can be a JSON blob of validation results — the retire failure arrived as
+     * `{"Source":"EndedAt","Message":"The end date must be after the start date.",...}`, and showing
+     * that verbatim buries the one sentence that matters inside punctuation. This pulls the `Message`
+     * out when it is there and falls back to the raw text when it is not, so nothing is ever swallowed.
+     */
+    readableError(entity) {
+        const raw = entity.LatestResult?.CompleteMessage;
+        if (!raw) {
+            return null;
+        }
+        try {
+            const parsed = JSON.parse(raw);
+            const messages = (Array.isArray(parsed) ? parsed : [parsed])
+                .map((p) => p?.Message)
+                .filter((m) => !!m);
+            if (messages.length) {
+                return messages.join(' ');
+            }
+        }
+        catch {
+            /* not JSON — the raw text is already the message */
+        }
+        return raw;
+    }
+    /** Today in UTC as `yyyy-MM-dd` — the same zone the window is stored and rendered in. */
+    today() {
+        const n = new Date();
+        return `${n.getUTCFullYear()}-${String(n.getUTCMonth() + 1).padStart(2, '0')}-${String(n.getUTCDate()).padStart(2, '0')}`;
+    }
+    async load() {
+        const productID = this.Product?.ID;
+        if (!productID) {
+            return [];
+        }
+        const md = new Metadata();
+        /**
+         * ORDERS MAY BE INSTALLED WITHOUT ACCOUNTING, and that is a supported state rather than an
+         * error. Asking `RunView` for an unregistered entity does not return `Success: false` — it logs
+         * `Entity ... not found in metadata`, and a console error is treated as a broken screen by the
+         * Playwright keystone. So the entity is checked in metadata FIRST and its absence simply means
+         * no panel, the same guard sales' product picker uses for this app.
+         */
+        const linkEntity = md.Entities.find((e) => e.Name === LINK_ENTITY);
+        if (!linkEntity) {
+            return [];
+        }
+        const productEntity = md.Entities.find((e) => e.Name === PRODUCT_ENTITY);
+        if (!productEntity) {
+            throw new Error(`${PRODUCT_ENTITY} is not registered in metadata, so its links cannot be identified.`);
+        }
+        // `new Metadata().CurrentUser` is how this repo reaches the user client-side; `ProviderToUse`
+        // is a component-level property and does not exist on Metadata.
+        await AccountingEngineBase.Instance.Config(false, md.CurrentUser);
+        const engine = AccountingEngineBase.Instance;
+        /**
+         * The pickers come from the SAME engine cache the reader uses, so a role or account offered here
+         * is one resolution can actually see.
+         *
+         * ── ACCOUNTS ARE SCOPED TO THIS PRODUCT'S COMPANY, AND THE REASON IS NOT COSMETIC ──────────
+         *
+         * This used to offer every GL account in the system, on the reasoning that a link may
+         * legitimately point at another company's account because the resolver disambiguates. Reading
+         * the booking path settles it the other way.
+         *
+         * `GLAccountResolver.Resolve` passes the ORDER LINE's company down as `expectedCompanyID`
+         * ("the resolved account must belong to it"), and `AccountingBridge` uses it to filter
+         * candidates by the ACCOUNT's company before `pickActiveLinkIndex` ever runs. So a link to
+         * another company's account is not a link that books to the wrong company — it is a link the
+         * booking path SKIPS, falling through to the category, the product type, and finally the
+         * company default.
+         *
+         * That is the worse outcome of the two. A wrong posting is at least visible in the ledger;
+         * dead configuration looks exactly like configuration that works, and stays wrong until
+         * someone reconciles. Offering only accounts that can actually be reached means the panel
+         * cannot create one.
+         *
+         * ONE CORRECTION TO THE ABOVE, because an earlier version of this comment stated only half of
+         * it: skipping is not always silent. When the walk finds nothing at the category, the product
+         * type or the company default either, `GLAccountResolver.Resolve` THROWS and the order confirm
+         * hard-fails naming the role. So a dead link produces either a silent fallback or a loud
+         * refusal, depending on what else is configured. The scoping is right in both cases; only the
+         * "looks like it works" half of the argument is specific to the first.
+         *
+         * The label still carries code, name and company. Codes repeat across companies, and after
+         * scoping they no longer collide here — but the label is also what a reader checks the row
+         * against, so it keeps saying which company it belongs to.
+         */
+        this.Roles = engine.GLAccountRoles
+            .map((r) => ({ ID: idKey(r.ID), Name: String(r.Name ?? '(unnamed role)') }))
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+        /**
+         * `CompanyID` and `IsActive` are read WITHOUT a cast, deliberately.
+         *
+         * They used to be cast through `as unknown`, which was both unnecessary — they are real typed
+         * accessors on the entity — and precisely backwards: the two fields that decide whether an
+         * account is offered were the two the compiler could not check, while `Code` and `Name`, which
+         * only decide the label, were checked. A rename would have emptied the picker silently instead
+         * of failing the build.
+         *
+         * `Company` keeps its cast because it genuinely is a virtual field, absent from the entity type.
+         */
+        this.Accounts = engine.GLAccounts
+            .filter((a) => AccountIsOfferable(a.CompanyID, this.Product?.CompanyID) && a.IsActive !== false)
+            .map((a) => {
+            const company = a.Company;
+            return {
+                ID: idKey(a.ID),
+                Label: `${a.Code ?? '(no code)'} ${a.Name ?? ''}${company ? ` — ${company}` : ''}`.trim(),
+            };
+        })
+            .sort((a, b) => a.Label.localeCompare(b.Label));
+        /**
+         * READ THROUGH THE ENGINE, fall back to a view only if the cache has nothing. The engine is the
+         * booking pipeline's own source; the view is here so a stale or unconfigured cache shows the
+         * truth rather than an empty list that reads as "no accounts assigned".
+         */
+        const cached = engine.GLAccountLinks.filter((l) => String(l.EntityID).toLowerCase() === String(productEntity.ID).toLowerCase()
+            && String(l.RecordID).toLowerCase() === String(productID).toLowerCase());
+        const rows = cached.length ? cached : await this.readDirect(productEntity.ID, productID);
+        const inForce = this.inForceIDs(rows);
+        return rows
+            .map((l) => {
+            const account = engine.GLAccountByID(String(l.GLAccountID));
+            const role = engine.GLAccountRoles.find((r) => String(r.ID).toLowerCase() === String(l.GLAccountRoleID).toLowerCase());
+            return {
+                ID: String(l.ID),
+                // Normalised, because these are matched against option values with `Object.is`.
+                RoleID: idKey(l.GLAccountRoleID),
+                AccountID: idKey(l.GLAccountID),
+                RoleName: role?.Name ?? '(unknown role)',
+                AccountCode: account?.Code ?? '(unknown)',
+                AccountName: account?.Name ?? '',
+                Status: String(l.Status ?? ''),
+                StartedAt: l.StartedAt ?? null,
+                EndedAt: l.EndedAt ?? null,
+                Active: inForce.has(String(l.ID).toLowerCase()),
+            };
+        })
+            .sort((a, b) => a.RoleName.localeCompare(b.RoleName) || a.AccountCode.localeCompare(b.AccountCode));
+    }
+    /** The view read, used only when the engine cache holds nothing for this product. */
+    async readDirect(entityID, recordID) {
+        /**
+         * Refused rather than sanitised. Both values are UUIDs by construction — one is an entity id
+         * from metadata, the other the product's primary key — so anything that is not UUID-shaped is a
+         * programming error, and returning it as an empty result would hide that behind a panel reading
+         * "no GL accounts are linked".
+         */
+        if (!UUID_PATTERN.test(entityID) || !UUID_PATTERN.test(recordID)) {
+            throw new Error('the GL account links could not be read: the product could not be identified');
+        }
+        const rv = new RunView();
+        const res = await rv.RunView({
+            EntityName: LINK_ENTITY,
+            ExtraFilter: `EntityID = '${entityID}' AND RecordID = '${recordID}'`,
+            ResultType: 'simple',
+            Fields: ['ID', 'GLAccountID', 'GLAccountRoleID', 'Status', 'StartedAt', 'EndedAt'],
+        });
+        if (!res?.Success) {
+            throw new Error(res?.ErrorMessage ?? 'the GL account links could not be read');
+        }
+        // The one honest cast in this file: a view row arrives untyped, and this is the boundary where
+        // it becomes the shape the panel reads. Every field is then narrowed with String()/?? below.
+        return (res.Results ?? []);
+    }
+    /**
+     * The ids of the links actually IN FORCE today — one per role at most, decided by accounting.
+     *
+     * ── WHY THIS IS NOT A WINDOW TEST ──
+     *
+     * The obvious implementation, and the one this replaced, asks of each link "is it Active and does
+     * today fall inside its window?" and marks every link that passes. That is wrong whenever a role
+     * has more than one qualifying link — a mapping being superseded while the old row is still open,
+     * which is exactly what an accountant does when they re-point a product mid-year. Both rows pass
+     * the window test, so the panel would show TWO active accounts for one role while an order books
+     * through exactly one of them. A screen that disagrees with the booking about where money lands is
+     * worse than no screen.
+     *
+     * `pickActiveLinkIndex` is accounting's own picker — the pure function behind
+     * `ResolveLinkedAccount`, exported by that package for precisely this kind of reuse. It applies the
+     * window AND the tie-break this panel has no business restating: latest `StartedAt` wins, and a
+     * null `StartedAt` loses to any dated one. Calling it means "active" here can only ever mean what
+     * the booking pipeline means.
+     *
+     * Grouped by ROLE because that is the unit the picker resolves: a product legitimately has a
+     * revenue link and a deferred-revenue link at once, and they do not compete.
+     */
+    inForceIDs(rows) {
+        const byRole = new Map();
+        for (const link of rows) {
+            const role = String(link.GLAccountRoleID ?? '').toLowerCase();
+            const group = byRole.get(role);
+            if (group) {
+                group.push(link);
+            }
+            else {
+                byRole.set(role, [link]);
+            }
+        }
+        // One instant for every role, so a slow load cannot resolve two roles against two "nows".
+        const asOf = new Date();
+        const winners = new Set();
+        for (const group of byRole.values()) {
+            const index = pickActiveLinkIndex(
+            // The cast is the boundary between a database string and accounting's closed vocabulary
+            // (`Active | Disabled | Pending`). It is safe in the only direction that matters: a value
+            // outside that set simply is not `'Active'`, so the picker skips it rather than
+            // mis-classifying it as in force.
+            group.map((l) => ({
+                Status: String(l.Status ?? ''),
+                StartedAt: l.StartedAt ?? null,
+                EndedAt: l.EndedAt ?? null,
+            })), asOf);
+            if (index >= 0) {
+                winners.add(String(group[index].ID).toLowerCase());
+            }
+        }
+        return winners;
+    }
+    static ɵfac = function BizAppsProductGLLinksComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BizAppsProductGLLinksComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsProductGLLinksComponent, selectors: [["bizapps-product-gl-links"]], inputs: { Product: "Product", EditMode: "EditMode", FormContext: "FormContext" }, outputs: { Navigate: "Navigate" }, standalone: false, decls: 16, vars: 5, consts: [[1, "mjo-gl-links"], [1, "mjo-gl-links__head"], [1, "mjo-gl-links__title"], [1, "fa-solid", "fa-link"], [1, "mjo-gl-links__actions"], ["type", "button", "title", "Link a GL account to this product", 1, "mjo-gl-links__refresh"], ["type", "button", "title", "Re-read this product's GL account links", 1, "mjo-gl-links__refresh", 3, "click"], [1, "fa-solid", "fa-rotate"], [1, "mjo-gl-links__error"], [1, "mjo-gl-links__draft"], [1, "mjo-gl-links__note"], [1, "mjo-gl-links__scroll"], ["type", "button", "title", "Link a GL account to this product", 1, "mjo-gl-links__refresh", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "fa-solid", "fa-triangle-exclamation"], ["aria-label", "Role", 3, "ngModelChange", "ngModel", "disabled"], ["value", ""], [3, "value"], ["aria-label", "GL account", 3, "ngModelChange", "ngModel", "disabled"], ["type", "date", "aria-label", "In force from", 3, "ngModelChange", "ngModel", "disabled"], ["type", "button", 1, "mjo-gl-links__btn", 3, "click", "disabled"], [3, "value", "disabled"], [1, "mjo-gl-links__lbl"], ["type", "date", "aria-label", "In force to", 3, "ngModelChange", "ngModel", "disabled"], [1, "mjo-gl-links__table"], [1, "mjo-gl-links__sr"], [3, "mjo-gl-links__row--inactive"], ["type", "button", 1, "mjo-gl-links__link", 3, "click"], [1, "mjo-gl-links__name"], [1, "mjo-gl-links__chip"], ["type", "button", "title", "Edit this link", 1, "mjo-gl-links__btn", 3, "disabled"], ["type", "button", "title", "End this link's window as of today. It stops applying immediately, and the record stays on the product as history.", 1, "mjo-gl-links__btn", 3, "disabled"], ["type", "button", 1, "mjo-gl-links__btn", 3, "disabled", "title"], ["type", "button", "title", "Edit this link", 1, "mjo-gl-links__btn", 3, "click", "disabled"], ["type", "button", "title", "End this link's window as of today. It stops applying immediately, and the record stays on the product as history.", 1, "mjo-gl-links__btn", 3, "click", "disabled"], ["type", "button", 1, "mjo-gl-links__btn", 3, "click", "disabled", "title"]], template: function BizAppsProductGLLinksComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " GL Accounts ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "span", 4);
+            i0.ɵɵconditionalCreate(6, BizAppsProductGLLinksComponent_Conditional_6_Template, 2, 0, "button", 5);
+            i0.ɵɵelementStart(7, "button", 6);
+            i0.ɵɵlistener("click", function BizAppsProductGLLinksComponent_Template_button_click_7_listener() { return ctx.Refresh(); });
+            i0.ɵɵelement(8, "i", 7);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵconditionalCreate(9, BizAppsProductGLLinksComponent_Conditional_9_Template, 3, 1, "p", 8);
+            i0.ɵɵconditionalCreate(10, BizAppsProductGLLinksComponent_Conditional_10_Template, 17, 10, "div", 9);
+            i0.ɵɵconditionalCreate(11, BizAppsProductGLLinksComponent_Conditional_11_Template, 18, 12, "div", 9);
+            i0.ɵɵconditionalCreate(12, BizAppsProductGLLinksComponent_Conditional_12_Template, 2, 0, "p", 10)(13, BizAppsProductGLLinksComponent_Conditional_13_Template, 3, 1, "p", 8)(14, BizAppsProductGLLinksComponent_Conditional_14_Template, 2, 0, "p", 10)(15, BizAppsProductGLLinksComponent_Conditional_15_Template, 20, 0, "div", 11);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.CanWrite && !ctx.Draft ? 6 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.WriteError ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Draft ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Editing ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Loading ? 12 : ctx.LoadError ? 13 : !ctx.Rows.length ? 14 : 15);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.NgModel, i2.DatePipe], styles: ["\n\n\n\n\n\n\n.mjo-gl-links[_ngcontent-%COMP%] {\n    margin-top: 12px;\n}\n\n.mjo-gl-links__head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 6px;\n}\n\n.mjo-gl-links__title[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    opacity: 0.75;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-gl-links__refresh[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px 6px;\n    opacity: 0.6;\n    color: inherit;\n}\n\n.mjo-gl-links__refresh[_ngcontent-%COMP%]:hover {\n    opacity: 1;\n}\n\n.mjo-gl-links__refresh[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px;\n    border-radius: 3px;\n}\n\n.mjo-gl-links__note[_ngcontent-%COMP%] {\n    font-size: 13px;\n    opacity: 0.7;\n    margin: 4px 0;\n    max-width: 70ch;\n}\n\n.mjo-gl-links__error[_ngcontent-%COMP%] {\n    font-size: 13px;\n    margin: 4px 0;\n    display: flex;\n    align-items: flex-start;\n    gap: 6px;\n    color: #b3452c;\n}\n\n\n\n.mjo-gl-links__scroll[_ngcontent-%COMP%] {\n    overflow-x: auto;\n}\n\n.mjo-gl-links__table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    font-variant-numeric: tabular-nums;\n    min-width: 460px;\n}\n\n.mjo-gl-links__table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    opacity: 0.6;\n    padding: 4px 10px 4px 0;\n    border-bottom: 1px solid currentColor;\n    border-bottom-color: color-mix(in srgb, currentColor 20%, transparent);\n    white-space: nowrap;\n}\n\n.mjo-gl-links__table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 6px 10px 6px 0;\n    border-bottom: 1px solid currentColor;\n    border-bottom-color: color-mix(in srgb, currentColor 10%, transparent);\n    vertical-align: top;\n}\n\n\n\n.mjo-gl-links__row--inactive[_ngcontent-%COMP%] {\n    opacity: 0.55;\n}\n\n.mjo-gl-links__link[_ngcontent-%COMP%] {\n    background: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    text-align: left;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n}\n\n.mjo-gl-links__link[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px;\n    border-radius: 2px;\n}\n\n.mjo-gl-links__name[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.mjo-gl-links__chip[_ngcontent-%COMP%] {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    padding: 1px 7px;\n    border-radius: 2px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 30%, transparent);\n    white-space: nowrap;\n}\n\n.mjo-gl-links__chip--on[_ngcontent-%COMP%] {\n    color: #1f6f5c;\n    border-color: color-mix(in srgb, #1f6f5c 45%, transparent);\n}\n\n\n\n\n.mjo-gl-links__actions[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n}\n\n\n\n\n\n\n.mjo-gl-links__draft[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin: 6px 0 10px;\n    padding: 8px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 18%, transparent);\n    border-radius: 4px;\n}\n\n.mjo-gl-links__draft[_ngcontent-%COMP%]   select[_ngcontent-%COMP%], \n.mjo-gl-links__draft[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    font: inherit;\n    font-size: 13px;\n    padding: 3px 5px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 28%, transparent);\n    border-radius: 3px;\n    background: transparent;\n    color: inherit;\n    max-width: 100%;\n}\n\n.mjo-gl-links__btn[_ngcontent-%COMP%] {\n    font: inherit;\n    font-size: 12px;\n    padding: 3px 10px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 30%, transparent);\n    border-radius: 3px;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.mjo-gl-links__btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.mjo-gl-links__btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.45;\n    cursor: default;\n}\n\n.mjo-gl-links__btn[_ngcontent-%COMP%]:focus-visible, \n.mjo-gl-links__draft[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus-visible, \n.mjo-gl-links__draft[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px;\n}\n\n\n\n.mjo-gl-links__sr[_ngcontent-%COMP%] {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n\n\n.mjo-gl-links__lbl[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 12px;\n    opacity: 0.8;\n}\n\n.mjo-gl-links__draft[_ngcontent-%COMP%]   .mjo-gl-links__note[_ngcontent-%COMP%] {\n    flex-basis: 100%;\n    margin: 2px 0 0;\n}\n\n.mjo-gl-links__draft[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:disabled, \n.mjo-gl-links__draft[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:disabled {\n    opacity: 0.55;\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BizAppsProductGLLinksComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'bizapps-product-gl-links', template: "<div class=\"mjo-gl-links\">\n    <div class=\"mjo-gl-links__head\">\n        <span class=\"mjo-gl-links__title\">\n            <i class=\"fa-solid fa-link\"></i>\n            GL Accounts\n        </span>\n        <span class=\"mjo-gl-links__actions\">\n            <!--\n                ADD is offered only on a SAVED product. A link stores the product's primary key in\n                RecordID, so there is nothing to point at until the record exists \u2014 the same reason\n                sales blocks Add line on an unsaved deal rather than failing at save time.\n            -->\n            @if (CanWrite && !Draft) {\n                <button\n                    type=\"button\"\n                    class=\"mjo-gl-links__refresh\"\n                    title=\"Link a GL account to this product\"\n                    (click)=\"OpenDraft()\">\n                    <i class=\"fa-solid fa-plus\"></i>\n                </button>\n            }\n            <button\n                type=\"button\"\n                class=\"mjo-gl-links__refresh\"\n                title=\"Re-read this product's GL account links\"\n                (click)=\"Refresh()\">\n                <i class=\"fa-solid fa-rotate\"></i>\n            </button>\n        </span>\n    </div>\n\n    <!--\n        A REFUSED WRITE IS SHOWN VERBATIM. GLAccountLinkEntityServer explains why it refused \u2014 usually\n        that an Active link already exists for this role, same company, same start date \u2014 and that\n        sentence is what teaches the reader to supersede with a LATER date instead. Replacing it with a\n        friendlier summary would remove the only part that says what to do next.\n    -->\n    @if (WriteError) {\n        <p class=\"mjo-gl-links__error\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n            {{ WriteError }}\n        </p>\n    }\n\n    @if (Draft) {\n        <div class=\"mjo-gl-links__draft\">\n            <select [(ngModel)]=\"Draft.RoleID\" [disabled]=\"Saving\" aria-label=\"Role\">\n                <option value=\"\">\u2014 role \u2014</option>\n                @for (r of Roles; track r.ID) {\n                    <option [value]=\"r.ID\">{{ r.Name }}</option>\n                }\n            </select>\n            @if (Accounts.length === 0) {\n                <!--\n                    An empty picker and \"no accounts exist\" look identical to a reader and mean opposite\n                    things \u2014 the same distinction the load-error message below is careful about. Scoping\n                    to the product's company made this reachable: a company whose chart has not been\n                    seeded yields nothing, and without this the form renders a permanently disabled Link\n                    button with no explanation.\n                -->\n                <span class=\"mjo-gl-links__note\">\n                    No GL accounts exist for this product's company yet, so there is nothing to link to.\n                    They are created in Accounting.\n                </span>\n            }\n            <select [(ngModel)]=\"Draft.AccountID\" [disabled]=\"Saving\" aria-label=\"GL account\">\n                <option value=\"\">\u2014 account \u2014</option>\n                @for (a of Accounts; track a.ID) {\n                    <option [value]=\"a.ID\">{{ a.Label }}</option>\n                }\n            </select>\n            <!-- Starts today by default; a LATER date is how an existing mapping is superseded. -->\n            <input type=\"date\" [(ngModel)]=\"Draft.StartedAt\" [disabled]=\"Saving\" aria-label=\"In force from\" />\n            <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving || !Draft.RoleID || !Draft.AccountID\"\n                    (click)=\"AddLink()\">{{ Saving ? 'Linking\u2026' : 'Link' }}</button>\n            <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving\" (click)=\"CancelDraft()\">Cancel</button>\n        </div>\n    }\n\n    @if (Editing) {\n        <div class=\"mjo-gl-links__draft\">\n            <!--\n                On a link that has ALREADY applied, role / account / start are disabled rather than\n                hidden: seeing what the mapping is, and that it cannot be changed here, is the point.\n                Hiding them would read as \"this link has no account\", which is the confusion #112 was.\n            -->\n            <select [(ngModel)]=\"Editing.RoleID\" [disabled]=\"Saving || Editing.Applied\" aria-label=\"Role\">\n                @for (r of EditRoles; track r.ID) {\n                    <option [value]=\"r.ID\" [disabled]=\"r.Disabled === true\">{{ r.Label }}</option>\n                }\n            </select>\n            <select [(ngModel)]=\"Editing.AccountID\" [disabled]=\"Saving || Editing.Applied\" aria-label=\"GL account\">\n                @for (a of EditAccounts; track a.ID) {\n                    <!--\n                        A disabled option is the link's CURRENT account when this product's company\n                        cannot use it. Shown so the picker never reads as \"this link has no account\";\n                        unselectable so the repair path cannot write the unreachable link back.\n                    -->\n                    <option [value]=\"a.ID\" [disabled]=\"a.Disabled === true\">{{ a.Label }}</option>\n                }\n            </select>\n            <label class=\"mjo-gl-links__lbl\">from\n                <input type=\"date\" [(ngModel)]=\"Editing.StartedAt\"\n                       [disabled]=\"Saving || Editing.Applied\" aria-label=\"In force from\" />\n            </label>\n            <!-- Always editable, and clearable: emptying it undoes a retire applied by mistake. -->\n            <label class=\"mjo-gl-links__lbl\">to\n                <input type=\"date\" [(ngModel)]=\"Editing.EndedAt\" [disabled]=\"Saving\" aria-label=\"In force to\" />\n            </label>\n            <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving\"\n                    (click)=\"SaveEdit()\">{{ Saving ? 'Saving\u2026' : 'Save' }}</button>\n            <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving\" (click)=\"CancelEdit()\">Cancel</button>\n            @if (Editing.Applied) {\n                <span class=\"mjo-gl-links__note\">\n                    This link has been in force, so only its end date can change here. To book a\n                    different account, add a link with a later start date.\n                </span>\n            }\n        </div>\n    }\n\n    @if (Loading) {\n        <p class=\"mjo-gl-links__note\">Loading\u2026</p>\n    } @else if (LoadError) {\n        <!--\n            An error is shown INSTEAD of the empty state, never alongside it. \"No accounts assigned\" and\n            \"the accounts could not be read\" look identical to a reader and mean opposite things \u2014 one\n            is a setup task, the other is a broken screen.\n        -->\n        <p class=\"mjo-gl-links__error\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n            The GL account links could not be read: {{ LoadError }}\n        </p>\n    } @else if (!Rows.length) {\n        <p class=\"mjo-gl-links__note\">\n            No GL accounts are linked directly to this product. It may still book through its category\n            or the company default \u2014 open Accounting \u2192 Account Links to see the full chain.\n        </p>\n    } @else {\n        <div class=\"mjo-gl-links__scroll\">\n            <table class=\"mjo-gl-links__table\">\n                <thead>\n                    <tr>\n                        <th>Role</th>\n                        <th>Account</th>\n                        <th>Status</th>\n                        <!--\n                            RENDERED IN UTC, EXPLICITLY. Angular's date pipe formats in the browser's LOCAL\n                            zone by default, and StartedAt/EndedAt are datetimeoffset stored as UTC midnight \u2014\n                            so west of Greenwich a link starting 2026-01-01 renders as 2025-12-31. Observed\n                            exactly that on this panel before the timezone argument was added. Sales'\n                            deal-workspace.dates.ts records the same hazard: \"a stored 20 November renders\n                            as the 19th\".\n                        -->\n                        <th>From</th>\n                        <th>To</th>\n                        <th><span class=\"mjo-gl-links__sr\">Row actions</span></th>\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of Rows; track row.ID) {\n                        <tr [class.mjo-gl-links__row--inactive]=\"!row.Active\">\n                            <td>{{ row.RoleName }}</td>\n                            <td>\n                                <button type=\"button\" class=\"mjo-gl-links__link\" (click)=\"OpenLink(row)\">\n                                    {{ row.AccountCode }}<span class=\"mjo-gl-links__name\"> {{ row.AccountName }}</span>\n                                </button>\n                            </td>\n                            <td>\n                                <span\n                                    class=\"mjo-gl-links__chip\"\n                                    [class.mjo-gl-links__chip--on]=\"row.Active\">\n                                    {{ StatusLabel(row) }}\n                                </span>\n                            </td>\n                            <td>{{ row.StartedAt ? (row.StartedAt | date: 'yyyy-MM-dd' : 'UTC') : '\u2014' }}</td>\n                            <td>{{ row.EndedAt ? (row.EndedAt | date: 'yyyy-MM-dd' : 'UTC') : '\u2014' }}</td>\n                            <td>\n                                <!--\n                                    Retire, not delete \u2014 the link explains where money went, and ending\n                                    its window stops it applying while keeping the record. Offered only\n                                    on the link actually IN FORCE: retiring one already superseded or\n                                    ended changes nothing a reader can see, so the control would be a\n                                    button that appears to do nothing.\n                                -->\n                                <!--\n                                    EDIT is offered on every link, but it does not mean the same thing\n                                    on both sides of HasApplied \u2014 see OpenEdit. On a link that has\n                                    booked, only the end date opens; the rest is history.\n                                -->\n                                @if (CanWrite && Editing?.ID !== row.ID) {\n                                    <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving\"\n                                            title=\"Edit this link\"\n                                            (click)=\"OpenEdit(row)\">Edit</button>\n                                }\n                                @if (CanWrite && row.Active && HasApplied(row)) {\n                                    <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving\"\n                                            title=\"End this link's window as of today. It stops applying immediately, and the record stays on the product as history.\"\n                                            (click)=\"RetireLink(row)\">Retire</button>\n                                }\n                                <!--\n                                    Remove exists because retiring is impossible for a link that starts\n                                    today: CK_GLAccountLink_Window enforces EndedAt > StartedAt, so a\n                                    mistake made today has no other undo.\n\n                                    The WARNING is conditional, because the two cases are not the same. A\n                                    future-dated link has explained nothing. A link dated TODAY is already\n                                    in force \u2014 pickActiveLinkIndex includes t === started \u2014 so orders\n                                    booked today may have resolved through it. The button used to claim\n                                    otherwise on both.\n                                -->\n                                @if (CanWrite && !HasApplied(row)) {\n                                    <button type=\"button\" class=\"mjo-gl-links__btn\" [disabled]=\"Saving\"\n                                            [title]=\"RemoveWarning(row)\"\n                                            (click)=\"RemoveLink(row)\">Remove</button>\n                                }\n                            </td>\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    }\n</div>\n", styles: ["/*\n * Deliberately minimal, and deliberately not a new visual language. This sits inside the Accounting\n * panel beside `mj-form-field` rows, so it borrows the host's type and colour rather than introducing\n * its own \u2014 a table that looks like a different product is the tell of a bolted-on feature.\n */\n\n.mjo-gl-links {\n    margin-top: 12px;\n}\n\n.mjo-gl-links__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 6px;\n}\n\n.mjo-gl-links__title {\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    opacity: 0.75;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-gl-links__refresh {\n    background: none;\n    border: none;\n    cursor: pointer;\n    padding: 2px 6px;\n    opacity: 0.6;\n    color: inherit;\n}\n\n.mjo-gl-links__refresh:hover {\n    opacity: 1;\n}\n\n.mjo-gl-links__refresh:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px;\n    border-radius: 3px;\n}\n\n.mjo-gl-links__note {\n    font-size: 13px;\n    opacity: 0.7;\n    margin: 4px 0;\n    max-width: 70ch;\n}\n\n.mjo-gl-links__error {\n    font-size: 13px;\n    margin: 4px 0;\n    display: flex;\n    align-items: flex-start;\n    gap: 6px;\n    color: #b3452c;\n}\n\n/* Wide content scrolls inside its own container so the form never scrolls sideways. */\n.mjo-gl-links__scroll {\n    overflow-x: auto;\n}\n\n.mjo-gl-links__table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n    font-variant-numeric: tabular-nums;\n    min-width: 460px;\n}\n\n.mjo-gl-links__table th {\n    text-align: left;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    opacity: 0.6;\n    padding: 4px 10px 4px 0;\n    border-bottom: 1px solid currentColor;\n    border-bottom-color: color-mix(in srgb, currentColor 20%, transparent);\n    white-space: nowrap;\n}\n\n.mjo-gl-links__table td {\n    padding: 6px 10px 6px 0;\n    border-bottom: 1px solid currentColor;\n    border-bottom-color: color-mix(in srgb, currentColor 10%, transparent);\n    vertical-align: top;\n}\n\n/* A retired or not-yet-started link stays visible but reads as history, not as current mapping. */\n.mjo-gl-links__row--inactive {\n    opacity: 0.55;\n}\n\n.mjo-gl-links__link {\n    background: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    font: inherit;\n    color: inherit;\n    text-align: left;\n    text-decoration: underline;\n    text-underline-offset: 2px;\n}\n\n.mjo-gl-links__link:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px;\n    border-radius: 2px;\n}\n\n.mjo-gl-links__name {\n    opacity: 0.7;\n}\n\n.mjo-gl-links__chip {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    padding: 1px 7px;\n    border-radius: 2px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 30%, transparent);\n    white-space: nowrap;\n}\n\n.mjo-gl-links__chip--on {\n    color: #1f6f5c;\n    border-color: color-mix(in srgb, #1f6f5c 45%, transparent);\n}\n\n/* \u2500\u2500 Writing \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.mjo-gl-links__actions {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n}\n\n/*\n * The add row wraps rather than scrolling: it sits inside a form panel whose width is not ours to\n * assume, and a horizontally-scrolling control strip hides the confirm button on a narrow pane.\n */\n.mjo-gl-links__draft {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin: 6px 0 10px;\n    padding: 8px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 18%, transparent);\n    border-radius: 4px;\n}\n\n.mjo-gl-links__draft select,\n.mjo-gl-links__draft input {\n    font: inherit;\n    font-size: 13px;\n    padding: 3px 5px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 28%, transparent);\n    border-radius: 3px;\n    background: transparent;\n    color: inherit;\n    max-width: 100%;\n}\n\n.mjo-gl-links__btn {\n    font: inherit;\n    font-size: 12px;\n    padding: 3px 10px;\n    border: 1px solid currentColor;\n    border-color: color-mix(in srgb, currentColor 30%, transparent);\n    border-radius: 3px;\n    background: transparent;\n    color: inherit;\n    cursor: pointer;\n}\n\n.mjo-gl-links__btn:hover:not(:disabled) {\n    background: color-mix(in srgb, currentColor 8%, transparent);\n}\n\n.mjo-gl-links__btn:disabled {\n    opacity: 0.45;\n    cursor: default;\n}\n\n.mjo-gl-links__btn:focus-visible,\n.mjo-gl-links__draft select:focus-visible,\n.mjo-gl-links__draft input:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px;\n}\n\n/* Screen-reader-only, for the actions column header. */\n.mjo-gl-links__sr {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n}\n\n/* Small inline label so the two date inputs in the edit row say which end they are. */\n.mjo-gl-links__lbl {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 12px;\n    opacity: 0.8;\n}\n\n.mjo-gl-links__draft .mjo-gl-links__note {\n    flex-basis: 100%;\n    margin: 2px 0 0;\n}\n\n.mjo-gl-links__draft select:disabled,\n.mjo-gl-links__draft input:disabled {\n    opacity: 0.55;\n}\n"] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { Product: [{
+            type: Input
+        }], EditMode: [{
+            type: Input
+        }], FormContext: [{
+            type: Input
+        }], Navigate: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsProductGLLinksComponent, { className: "BizAppsProductGLLinksComponent", filePath: "lib/custom/Product/widgets/product-gl-links.component.ts", lineNumber: 161 }); })();
+//# sourceMappingURL=product-gl-links.component.js.map