@mj-biz-apps/sales-ng 5.1.0

package/dist/lib/board/deal-board.component.js

@@ -0,0 +1,626 @@
+/**
+ * @fileoverview The pipeline board — deals as cards, pipeline stages as columns.
+ *
+ * WHAT THIS IS FOR. The roster answers "where does this deal stand"; the board answers "where is
+ * everything, and what needs pushing". Same deals, same data, a different question — which is why it is a
+ * rail page beside the dashboard and the roster rather than a section of its own.
+ *
+ * ── WHY THIS IS NOT AN MJ GENERIC KANBAN ────────────────────────────────────────────────────────
+ *
+ * CLAUDE.md lists `kanban` among MJ's Angular Generic components. **At MJ v5.51.0 it does not exist** —
+ * there is no `@memberjunction/ng-kanban`, and no kanban export anywhere under `@memberjunction/*`
+ * (`ng-timeline`, `ng-filter-builder`, `ng-entity-card` and `ng-join-grid` all do exist, so the list is
+ * aspirational rather than wrong). Recorded in BOARD-DECISIONS.md D-BD1.
+ *
+ * So the columns are laid out here, but the DRAG is not invented: it uses `@angular/cdk/drag-drop`, which
+ * is already the in-house primitive in this very package — `vendored/workspace-tabs/workspace-tab-strip`
+ * imports `CdkDropList`/`CdkDrag` for tab reordering. Same library, same idiom, no new dependency. When a
+ * generic kanban lands, this component is the thing to delete.
+ *
+ * ── WHAT IT REFUSES TO DO ───────────────────────────────────────────────────────────────────────
+ *
+ * A drag NEVER closes a deal. Dropping onto a stage whose `DealStatusType.LocksDeal` is set is refused
+ * with a hint pointing at the explicit close action, because a lock freezes the deal, its lines and its
+ * team, and an accidental mouse gesture is not an adequate signature on that. It also never calls the
+ * orders or contracts seams — closing is `Sales.CloseDeal`, deliberately explicit.
+ *
+ * ── VOCABULARY IS DATA ──────────────────────────────────────────────────────────────────────────
+ *
+ * Columns come from `PipelineStage` rows ordered by `DisplayOrder`. Whether a column is a closing column
+ * is read from the `DealStatusType.LocksDeal` FLAG its stage points at. No status name, stage name or
+ * pipeline name is compared anywhere in this file.
+ *
+ * ── IT COMPUTES NO MONEY ────────────────────────────────────────────────────────────────────────
+ *
+ * A column total is `SUM(Deal.Amount)` over the cards in that column — stored values, added up for
+ * display, exactly as the dashboard does it. Nothing is priced, derived, discounted or prorated. The sum
+ * is taken over DEALS, never over team members, which is the attribution double-count trap: a deal with
+ * an AE, an SE and an SDR has three `DealTeamMember` rows and would be counted three times.
+ *
+ * @module @mj-biz-apps/sales-ng
+ */
+import { CdkDrag, CdkDropList } from '@angular/cdk/drag-drop';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, inject, } from '@angular/core';
+import { DealWorkspaceService } from '../workspace/deal-workspace.service';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+function DealBoardComponent_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 8);
+    i0.ɵɵlistener("click", function DealBoardComponent_For_6_Template_button_click_0_listener() { const pipeline_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.SelectPipeline(pipeline_r2.ID)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const pipeline_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("db-pipe--on", pipeline_r2.ID === ctx_r2.ActivePipelineID);
+    i0.ɵɵattribute("aria-selected", pipeline_r2.ID === ctx_r2.ActivePipelineID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", pipeline_r2.Name, " ");
+} }
+function DealBoardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 5);
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵtext(2, " Moving\u2026");
+    i0.ɵɵelementEnd();
+} }
+function DealBoardComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 6);
+    i0.ɵɵelement(1, "i", 10);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.Message, " ");
+} }
+function DealBoardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 7);
+    i0.ɵɵtext(1, "This pipeline has no stages yet.");
+    i0.ɵɵelementEnd();
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 17);
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 20);
+    i0.ɵɵtext(1, " mixed currencies ");
+    i0.ɵɵelementEnd();
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 26);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "currency");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const column_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("db-col__total--stated", column_r5.Unpriced > 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(2, 3, column_r5.Total, column_r5.Currency ?? ctx_r2.DefaultCurrency, "symbol", "1.0-0"), " ");
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " stated, not priced ");
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const column_r5 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵtextInterpolate2(" ", column_r5.Unpriced, " of ", column_r5.Cards.length, " stated ");
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 22);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵconditionalCreate(2, DealBoardComponent_Conditional_10_For_2_Conditional_10_Conditional_2_Template, 1, 0)(3, DealBoardComponent_Conditional_10_For_2_Conditional_10_Conditional_3_Template, 1, 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const column_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", ctx_r2.PricingNote(column_r5));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(column_r5.NonePriced ? 2 : 3);
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1, "\u2014");
+    i0.ɵɵelementEnd();
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "currency");
+} if (rf & 2) {
+    const deal_r7 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind4(1, 1, deal_r7.Amount, deal_r7.CurrencyID ?? ctx_r2.DefaultCurrency, "symbol", "1.0-0"), " ");
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 40);
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 41);
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, DealBoardComponent_Conditional_10_For_2_For_13_Conditional_10_Conditional_0_Template, 1, 0, "i", 40)(1, DealBoardComponent_Conditional_10_For_2_For_13_Conditional_10_Conditional_1_Template, 1, 0, "i", 41);
+} if (rf & 2) {
+    const deal_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵconditional(deal_r7.AmountIsComputed ? 0 : 1);
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 35);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const deal_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", deal_r7.Probability, "%");
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_div_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const deal_r7 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(deal_r7.Name);
+} }
+function DealBoardComponent_Conditional_10_For_2_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "article", 28);
+    i0.ɵɵlistener("click", function DealBoardComponent_Conditional_10_For_2_For_13_Template_article_click_0_listener() { const deal_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenCard(deal_r7)); })("keydown.enter", function DealBoardComponent_Conditional_10_For_2_For_13_Template_article_keydown_enter_0_listener() { const deal_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenCard(deal_r7)); });
+    i0.ɵɵelementStart(1, "div", 29);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 30);
+    i0.ɵɵelement(4, "i", 31);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div", 32)(7, "span", 33);
+    i0.ɵɵconditionalCreate(8, DealBoardComponent_Conditional_10_For_2_For_13_Conditional_8_Template, 2, 0, "span", 34)(9, DealBoardComponent_Conditional_10_For_2_For_13_Conditional_9_Template, 2, 6);
+    i0.ɵɵconditionalCreate(10, DealBoardComponent_Conditional_10_For_2_For_13_Conditional_10_Template, 2, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(11, DealBoardComponent_Conditional_10_For_2_For_13_Conditional_11_Template, 2, 1, "span", 35);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "div", 36)(13, "span", 37);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "span", 38);
+    i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "date");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵtemplate(18, DealBoardComponent_Conditional_10_For_2_For_13_div_18_Template, 2, 1, "div", 39);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const deal_r7 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("cdkDragData", deal_r7)("cdkDragDisabled", ctx_r2.Moving);
+    i0.ɵɵattribute("aria-label", "Open " + deal_r7.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(deal_r7.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", deal_r7.CustomerName, " ");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(deal_r7.Amount === null ? 8 : 9);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(deal_r7.Amount !== null ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(deal_r7.Probability !== null ? 11 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(deal_r7.OwnerEmployee ?? "Unassigned");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(deal_r7.ExpectedCloseDate ? i0.ɵɵpipeBind2(17, 10, deal_r7.ExpectedCloseDate, "MMM d, y") : "No date");
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Close deals from the workspace. ");
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " Nothing here. ");
+} }
+function DealBoardComponent_Conditional_10_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 25);
+    i0.ɵɵconditionalCreate(1, DealBoardComponent_Conditional_10_For_2_Conditional_14_Conditional_1_Template, 1, 0)(2, DealBoardComponent_Conditional_10_For_2_Conditional_14_Conditional_2_Template, 1, 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const column_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(column_r5.IsClosing ? 1 : 2);
+} }
+function DealBoardComponent_Conditional_10_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 14)(1, "header", 15)(2, "span", 16);
+    i0.ɵɵtext(3);
+    i0.ɵɵconditionalCreate(4, DealBoardComponent_Conditional_10_For_2_Conditional_4_Template, 1, 0, "i", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 18)(6, "span", 19);
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(8, DealBoardComponent_Conditional_10_For_2_Conditional_8_Template, 2, 0, "span", 20)(9, DealBoardComponent_Conditional_10_For_2_Conditional_9_Template, 3, 8, "span", 21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(10, DealBoardComponent_Conditional_10_For_2_Conditional_10_Template, 4, 2, "span", 22);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "div", 23);
+    i0.ɵɵlistener("cdkDropListDropped", function DealBoardComponent_Conditional_10_For_2_Template_div_cdkDropListDropped_11_listener($event) { const column_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OnDrop($event, column_r5)); });
+    i0.ɵɵrepeaterCreate(12, DealBoardComponent_Conditional_10_For_2_For_13_Template, 19, 13, "article", 24, i0.ɵɵcomponentInstance().TrackCard, true);
+    i0.ɵɵconditionalCreate(14, DealBoardComponent_Conditional_10_For_2_Conditional_14_Template, 3, 1, "p", 25);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const column_r5 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("db-col--closing", column_r5.IsClosing);
+    i0.ɵɵattribute("aria-label", column_r5.Label);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", column_r5.Label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(column_r5.IsClosing ? 4 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(column_r5.Cards.length);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(column_r5.MixedCurrency ? 8 : 9);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(column_r5.Unpriced > 0 ? 10 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("id", "col-" + column_r5.StageID)("cdkDropListData", column_r5)("cdkDropListConnectedTo", ctx_r2.ColumnIDs)("cdkDropListEnterPredicate", ctx_r2.CanDropInto(column_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(column_r5.Cards);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(column_r5.Cards.length === 0 ? 14 : -1);
+} }
+function DealBoardComponent_Conditional_10_Conditional_3_For_6_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function DealBoardComponent_Conditional_10_Conditional_3_For_6_Template_button_click_0_listener() { const deal_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OpenCard(deal_r9)); });
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const deal_r9 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", deal_r9.Name, " ");
+} }
+function DealBoardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section", 13)(1, "h4", 43);
+    i0.ɵɵelement(2, "i", 44);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 45);
+    i0.ɵɵrepeaterCreate(5, DealBoardComponent_Conditional_10_Conditional_3_For_6_Template, 2, 1, "button", 46, i0.ɵɵcomponentInstance().TrackCard, true);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" No stage set (", ctx_r2.Unstaged.length, ") ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r2.Unstaged);
+} }
+function DealBoardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵrepeaterCreate(1, DealBoardComponent_Conditional_10_For_2_Template, 15, 13, "section", 12, i0.ɵɵcomponentInstance().TrackColumn, true);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, DealBoardComponent_Conditional_10_Conditional_3_Template, 7, 1, "section", 13);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.Columns);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.Unstaged.length > 0 ? 3 : -1);
+} }
+/**
+ * The one currency a set of cards shares, or NULL when they do not share one.
+ *
+ * Uniformly-NULL counts as sharing: `Deal.CurrencyID` is unpopulated on every deal today, so treating
+ * that as a disagreement would suppress every total on the board and help nobody. What it must not do
+ * is treat NULL as the display default -- unknown and dollars are different claims, and conflating
+ * them is how a EUR deal ends up rendered as $48,000.
+ */
+export function SingleCurrencyOf(cards) {
+    if (cards.length === 0) {
+        return null;
+    }
+    const distinct = new Set(cards.map((d) => d.CurrencyID ?? ''));
+    if (distinct.size > 1) {
+        return null;
+    }
+    const only = [...distinct][0];
+    return only === '' ? DEFAULT_DISPLAY_CURRENCY : only;
+}
+/**
+ * What a figure is LABELLED as when no deal states a currency.
+ *
+ * A display default, not a fact about the money. It is here as one named constant rather than three
+ * hardcoded 'USD' literals so that the assumption is stated once, in a place a reader meets it, and
+ * so populating `Deal.CurrencyID` is a data change rather than a code hunt.
+ */
+export const DEFAULT_DISPLAY_CURRENCY = 'USD';
+export class DealBoardComponent {
+    service = inject(DealWorkspaceService);
+    cdr = inject(ChangeDetectorRef);
+    /** The roster, owned by the section so the board and the list cannot disagree about what exists. */
+    Deals = [];
+    Pipelines = [];
+    Stages = [];
+    DealStatusTypes = [];
+    /** A card was clicked — the section opens it in the workspace, exactly as a roster row does. */
+    DealOpened = new EventEmitter();
+    /** A move persisted; the section re-reads the roster so every page sees the new stage. */
+    StageMoved = new EventEmitter();
+    SelectedPipelineID = null;
+    /** Shown verbatim. A refused or failed move must say why rather than silently snapping back. */
+    Message = null;
+    Moving = false;
+    /** The pipeline actually in view — the chosen one, or the first that has any stages. */
+    get ActivePipelineID() {
+        if (this.SelectedPipelineID) {
+            return this.SelectedPipelineID;
+        }
+        const withStages = this.Pipelines.find((p) => this.Stages.some((s) => s.PipelineID === p.ID));
+        return withStages?.ID ?? this.Pipelines[0]?.ID ?? null;
+    }
+    /**
+     * The columns, in `DisplayOrder`.
+     *
+     * Recomputed on read rather than cached, matching how the workspace's `IssuesForPane` and the
+     * dashboard's tiles already work. The card counts here are small — a pipeline has a handful of stages
+     * and a rep has tens of deals, not thousands — so the clarity is worth more than the memoization.
+     */
+    get Columns() {
+        const pipelineID = this.ActivePipelineID;
+        if (!pipelineID) {
+            return [];
+        }
+        const locking = new Set(this.DealStatusTypes.filter((s) => s.LocksDeal).map((s) => s.ID));
+        return this.Stages.filter((s) => s.PipelineID === pipelineID)
+            .slice()
+            .sort((a, b) => a.DisplayOrder - b.DisplayOrder)
+            .map((stage) => {
+            const cards = this.Deals.filter((d) => d.PipelineStageID === stage.ID);
+            return {
+                StageID: stage.ID,
+                Label: stage.Name,
+                IsClosing: !!stage.DealStatusTypeID && locking.has(stage.DealStatusTypeID),
+                Cards: cards,
+                // One pass over the cards. Each deal contributes its own stored amount exactly once.
+                /**
+                 * A SUM OF STORED ANSWERS, AND THE NARROWEST DEFENSIBLE READING OF RULE #1.
+                 *
+                 * Sales never computes money -- it never multiplies quantity by price, applies a
+                 * discount, or derives a total from parts. This adds up figures that are already
+                 * answers, which is reporting rather than pricing, and is the same position the
+                 * dashboard's own file header takes.
+                 *
+                 * WHERE THIS SHOULD END UP: in a query. `Sales: Pipeline Summary` already computes
+                 * OpenAmount per pipeline AND stage server-side -- the exact grain of a board
+                 * column. It is not wired up here yet for one honest reason: that query is
+                 * open-deals-only, and this board renders closing columns too, so swapping it in
+                 * today would make closed columns read zero. Closing that gap means either a
+                 * board-shaped query or an all-status variant, and both are a bigger change than
+                 * this fix.
+                 *
+                 * `?? 0` treats a missing amount as zero for the SUM only. It is not a substitute
+                 * for the value: `Unpriced` below counts those cards, and the template renders the
+                 * count as a caveat ON the number rather than as a separate fact beside it.
+                 *
+                 * ── AND THE ARGUMENT IS NOW MACHINE-VISIBLE, BECAUSE PROSE IS NOT A DECISION ─────
+                 *
+                 * `scripts/assert-no-money-arithmetic.mjs` fires on this line and is right to: a
+                 * regex cannot tell a rollup from a derivation, so the rule is that a legitimate case
+                 * is ANNOTATED rather than excused by weakening the pattern. The comment above made
+                 * the argument and left no reviewable record of it. The trailing annotation is that
+                 * record.
+                 *
+                 * Three things were checked rather than asserted before allowing it:
+                 *
+                 *   1. **The identical operation already exists, in SQL.**
+                 *      `metadata/queries/SQL/dashboard-summary.sql:41` is
+                 *      `SUM(CASE WHEN st.IsOpen = 1 THEN ISNULL(d.Amount, 0) ELSE 0 END)`. Same
+                 *      addition over the same column. The gate's own header states SQL is unscanned
+                 *      *by design*, so this operation is accepted by policy where it runs in the
+                 *      database. The difference here is WHERE it happens, not WHAT it is.
+                 *   2. **Nothing consumes the result.** Rule #1 forbids deriving a figure that gets
+                 *      STORED or SENT -- a line total, a header total, a discounted price. This total
+                 *      is recomputed on every render, written to no column, and passed to no app.
+                 *      `Deal.Amount` remains the only cached answer, and it keeps its provenance
+                 *      (`AmountIsComputed` / `AmountComputedAt` / `AmountSourceHash`) untouched.
+                 *   3. **The grain blocker is real, not reluctance.**
+                 *      `metadata/queries/SQL/pipeline-summary.sql:36` carries `AND st.IsOpen = 1`, so
+                 *      it cannot serve a board that renders closing columns -- they would read zero.
+                 *      Moving this into a query is blocked on that, and the fix is an all-status
+                 *      variant or a board-shaped query.
+                 *
+                 * The one honest caveat: on this host every deal carries `AmountIsComputed = 0`, so
+                 * this total is currently a sum of HAND-TYPED figures. That is a labelling problem
+                 * rather than an arithmetic one, and it is already disclosed -- `Unpriced`,
+                 * `NonePriced` and `PricingNote` exist for exactly that.
+                 */
+                Total: cards.reduce((sum, d) => sum + (d.Amount ?? 0), 0), // money-grep-allow: a rollup of stored answers for display -- never stored, never sent. The same SUM runs in dashboard-summary.sql:41; moving it into a query is blocked on pipeline-summary.sql:36 being open-deals-only. See the note above.
+                Currency: SingleCurrencyOf(cards),
+                MixedCurrency: SingleCurrencyOf(cards) === null && cards.length > 0
+                    && new Set(cards.map((d) => d.CurrencyID ?? '')).size > 1,
+                /**
+                 * `AmountIsComputed` is the provenance flag, and reading it is the whole point: a
+                 * null amount and a typed one are both un-priced, and the second is the one a reader
+                 * would otherwise trust. Never a comparison on any status or stage name.
+                 */
+                Unpriced: cards.filter((d) => !d.AmountIsComputed).length,
+                NonePriced: cards.length > 0 && cards.every((d) => !d.AmountIsComputed),
+            };
+        });
+    }
+    /** Deals on this pipeline that have no stage set — otherwise they would vanish from the board. */
+    get Unstaged() {
+        const pipelineID = this.ActivePipelineID;
+        return this.Deals.filter((d) => d.PipelineID === pipelineID && !d.PipelineStageID);
+    }
+    /**
+     * The drop-list ids CDK needs to know a card may travel between columns.
+     *
+     * ── CACHED BY VALUE, BECAUSE THIS FEEDS `[cdkDropListConnectedTo]` ──────────────────
+     *
+     * `.map()` returns a NEW ARRAY IDENTITY on every call, this component runs default change
+     * detection, and CDK re-wires its drop-list connections whenever that input's identity changes.
+     * During a drag Angular runs change detection on every `pointermove`, so the board was tearing down
+     * and rebuilding the connection graph continuously — on the one gesture the demo shows.
+     *
+     * The sibling `Products` getter in the workspace already documents this exact hazard and returns a
+     * stable reference for it. The reasoning was there; it had not reached here.
+     *
+     * Rebuilt only when the JOINED ids actually change, so adding, removing or reordering a stage still
+     * re-wires — which is the behaviour that must not be lost by caching. Comparing the joined
+     * string rather than the array means a re-render that produces equal ids reuses the reference,
+     * which is the whole point.
+     */
+    get ColumnIDs() {
+        const ids = this.Columns.map((c) => `col-${c.StageID}`);
+        const key = ids.join('|');
+        if (key !== this._columnIDsKey) {
+            this._columnIDsKey = key;
+            this._columnIDs = ids;
+        }
+        return this._columnIDs;
+    }
+    _columnIDsKey = ''; // not '' — an empty board must still populate the cache once
+    _columnIDs = [];
+    SelectPipeline(pipelineID) {
+        this.SelectedPipelineID = pipelineID;
+        this.Message = null;
+        this.cdr.detectChanges();
+    }
+    OpenCard(deal) {
+        this.DealOpened.emit(deal);
+    }
+    /** CDK asks per drop list whether a given drag may land. This is where the lock is refused. */
+    CanDropInto = (column) => () => !column.IsClosing && !this.Moving;
+    /**
+     * A card was dropped on a column.
+     *
+     * The move goes through `Sales.SaveDeal` — the same operation the workspace saves with — rather than a
+     * bespoke write. That is what earns the stage event, the validation and the company resolution without
+     * this component knowing they exist; the operation appends the append-only `DealStageEvent` itself when
+     * it sees the stage change. Reusing `LoadDraft` also means the deal's lines and instalments round-trip
+     * intact, which matters because the operation treats a present array as the complete desired set.
+     */
+    async OnDrop(event, target) {
+        this.Message = null;
+        const deal = event.item.data;
+        if (!deal) {
+            return;
+        }
+        if (deal.PipelineStageID === target.StageID) {
+            return;
+        }
+        if (target.IsClosing) {
+            // Belt and braces: `CanDropInto` already refuses this, but a lock is worth two guards.
+            this.Message =
+                `"${target.Label}" closes and locks a deal. Open it in the workspace and close it there, ` +
+                    'so the win or loss is recorded deliberately.';
+            this.cdr.detectChanges();
+            return;
+        }
+        this.Moving = true;
+        this.cdr.detectChanges();
+        try {
+            const draft = await this.service.LoadDeal(deal.ID);
+            if (!draft) {
+                this.Message = `"${deal.Name}" could not be read, so it was not moved.`;
+                return;
+            }
+            draft.PipelineStageID = target.StageID;
+            const outcome = await this.service.Save(draft);
+            if (!outcome.Success) {
+                this.Message =
+                    outcome.Validation?.Issues[0]?.Message ??
+                        outcome.ErrorMessage ??
+                        `"${deal.Name}" could not be moved.`;
+                return;
+            }
+            // Optimistic local update so the card stays where it was dropped, then the section re-reads
+            // the roster as the authority.
+            deal.PipelineStageID = target.StageID;
+            deal.PipelineStage = target.Label;
+            this.StageMoved.emit();
+        }
+        catch (err) {
+            this.Message = `"${deal.Name}" could not be moved: ${err}`;
+        }
+        finally {
+            this.Moving = false;
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * ── THE BOARD DOES NOT WRITE STAGE DEFAULTS EITHER ──────────────────────────────────────────────
+     *
+     * `ApplyStageDefaults` was here too, assigning `Probability` and `ForecastCategoryTypeID`
+     * unconditionally onto the dragged card's header — with a comment saying it was deliberately the same
+     * rule as the workspace's, so that "a drag and a dropdown must not produce different deals". The
+     * intent was right and the implementation destroyed a rep-typed probability, in both places, before
+     * the server could apply its fill-but-don't-overwrite rule.
+     *
+     * Both copies are gone. The server applies the stage's answer inside the save (same trigger, same
+     * transaction), and the board re-reads the row afterwards, so the card shows what was actually
+     * written rather than what the client guessed. A drag and a dropdown now produce the same deal
+     * because they go through the same single writer, which is a stronger guarantee than two clients
+     * agreeing with each other.
+     */
+    NameOf(pipelineID) {
+        return this.Pipelines.find((p) => p.ID === pipelineID)?.Name ?? '—';
+    }
+    /** Track by ID so a re-render does not tear down every card. */
+    TrackCard = (_, deal) => deal.ID;
+    /** Exposed for the template's per-card fallback. See DEFAULT_DISPLAY_CURRENCY. */
+    DefaultCurrency = DEFAULT_DISPLAY_CURRENCY;
+    /**
+     * What the stated-amount footnote says when a reader hovers it.
+     *
+     * In the component rather than the template because it is a sentence, and a sentence built out of
+     * a ternary inside a binding is unreadable in both places at once.
+     */
+    PricingNote(column) {
+        return column.NonePriced
+            ? 'No deal in this stage has been priced by the orders engine. Every figure in this total '
+                + 'was typed by a person.'
+            : `${column.Unpriced} of ${column.Cards.length} deals in this stage were not priced by the `
+                + 'orders engine, so part of this total was typed by a person.';
+    }
+    TrackColumn = (_, column) => column.StageID;
+    static ɵfac = function DealBoardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DealBoardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DealBoardComponent, selectors: [["mjs-deal-board"]], inputs: { Deals: "Deals", Pipelines: "Pipelines", Stages: "Stages", DealStatusTypes: "DealStatusTypes" }, outputs: { DealOpened: "DealOpened", StageMoved: "StageMoved" }, decls: 11, vars: 3, consts: [[1, "db"], [1, "db-bar"], [1, "db-bar__label"], ["role", "tablist", "aria-label", "Pipeline", 1, "db-bar__pipes"], ["type", "button", "role", "tab", 1, "db-pipe", 3, "db-pipe--on"], [1, "db-bar__busy"], ["role", "status", 1, "db-msg"], [1, "db-empty"], ["type", "button", "role", "tab", 1, "db-pipe", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-spinner", "fa-spin"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"], [1, "db-cols"], [1, "db-col", 3, "db-col--closing"], [1, "db-unstaged"], [1, "db-col"], [1, "db-col__head"], [1, "db-col__name"], ["aria-hidden", "true", "title", "Arriving here closes and locks the deal \u2014 close it from the workspace.", 1, "fa-solid", "fa-lock", "db-col__lock"], [1, "db-col__meta"], [1, "db-col__count"], ["title", "This stage holds deals in more than one currency, so a single total would be meaningless.", 1, "db-col__total", "db-col__total--mixed"], [1, "db-col__total", 3, "db-col__total--stated"], [1, "db-col__partial", 3, "title"], ["cdkDropList", "", 1, "db-col__drop", 3, "cdkDropListDropped", "id", "cdkDropListData", "cdkDropListConnectedTo", "cdkDropListEnterPredicate"], ["cdkDrag", "", "tabindex", "0", "role", "button", 1, "db-card", 3, "cdkDragData", "cdkDragDisabled"], [1, "db-col__empty"], [1, "db-col__total"], ["aria-hidden", "true", 1, "fa-solid", "fa-pen-nib"], ["cdkDrag", "", "tabindex", "0", "role", "button", 1, "db-card", 3, "click", "keydown.enter", "cdkDragData", "cdkDragDisabled"], [1, "db-card__name"], [1, "db-card__customer"], ["aria-hidden", "true", 1, "fa-solid", "fa-building"], [1, "db-card__figures"], [1, "db-card__amount"], ["title", "No amount recorded yet", 1, "db-card__noamount"], [1, "db-card__prob"], [1, "db-card__foot"], [1, "db-card__owner"], [1, "db-card__close"], ["class", "db-card__ghost", 4, "cdkDragPreview"], ["aria-hidden", "true", "title", "Priced by the orders engine", 1, "fa-solid", "fa-calculator", "db-card__computed"], ["aria-hidden", "true", "title", "Stated by a person, not priced by the orders engine", 1, "fa-solid", "fa-pen-nib", "db-card__stated"], [1, "db-card__ghost"], [1, "db-unstaged__head"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-question"], [1, "db-unstaged__list"], ["type", "button", 1, "db-chip"], ["type", "button", 1, "db-chip", 3, "click"]], template: function DealBoardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵtext(3, "Pipeline");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3);
+            i0.ɵɵrepeaterCreate(5, DealBoardComponent_For_6_Template, 2, 4, "button", 4, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(7, DealBoardComponent_Conditional_7_Template, 3, 0, "span", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, DealBoardComponent_Conditional_8_Template, 3, 1, "p", 6);
+            i0.ɵɵconditionalCreate(9, DealBoardComponent_Conditional_9_Template, 2, 0, "p", 7)(10, DealBoardComponent_Conditional_10_Template, 4, 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(5);
+            i0.ɵɵrepeater(ctx.Pipelines);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Moving ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Message ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Columns.length === 0 ? 9 : 10);
+        } }, dependencies: [CommonModule, CdkDropList, CdkDrag, i1.CurrencyPipe, i1.DatePipe], styles: ["\r\n\r\n\r\n\r\n\r\n\n\r\n\r\n.db[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    min-height: 0;\r\n}\r\n\r\n\n\r\n\r\n.db-bar[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.db-bar__label[_ngcontent-%COMP%] {\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-bar__pipes[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 0.25rem;\r\n}\r\n\r\n.db-bar__busy[_ngcontent-%COMP%] {\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-secondary);\r\n}\r\n\r\n.db-pipe[_ngcontent-%COMP%] {\r\n    padding: 0.3rem 0.75rem;\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 999px;\r\n    background: var(--mj-bg-surface);\r\n    color: var(--mj-text-secondary);\r\n    font-size: 0.8125rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.db-pipe[_ngcontent-%COMP%]:hover {\r\n    background: var(--mj-bg-surface-hover);\r\n}\r\n\r\n.db-pipe--on[_ngcontent-%COMP%] {\r\n    border-color: var(--mj-brand-primary);\r\n    color: var(--mj-brand-primary);\r\n    font-weight: 600;\r\n}\r\n\r\n.db-msg[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    padding: 0.5rem 0.75rem;\r\n    border: 1px solid var(--mj-status-warning-border);\r\n    border-radius: 4px;\r\n    color: var(--mj-status-warning);\r\n    font-size: 0.8125rem;\r\n}\r\n\r\n.db-empty[_ngcontent-%COMP%] {\r\n    color: var(--mj-text-muted);\r\n    font-size: 0.875rem;\r\n}\r\n\r\n\n\r\n\r\n\r\n\r\n\r\n\n\r\n.db-cols[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    gap: 0.75rem;\r\n    overflow-x: auto;\r\n    padding-bottom: 0.5rem;\r\n    align-items: flex-start;\r\n}\r\n\r\n.db-col[_ngcontent-%COMP%] {\r\n    flex: 0 0 15rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: var(--mj-bg-surface);\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 6px;\r\n    min-height: 8rem;\r\n}\r\n\r\n\n\r\n.db-col--closing[_ngcontent-%COMP%] {\r\n    border-style: dashed;\r\n    opacity: 0.75;\r\n}\r\n\r\n.db-col__head[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.125rem;\r\n    padding: 0.5rem 0.625rem;\r\n    border-bottom: 1px solid var(--mj-border-default);\r\n}\r\n\r\n.db-col__name[_ngcontent-%COMP%] {\r\n    font-size: 0.8125rem;\r\n    font-weight: 600;\r\n    color: var(--mj-text-primary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.375rem;\r\n}\r\n\r\n.db-col__lock[_ngcontent-%COMP%] {\r\n    color: var(--mj-text-muted);\r\n    font-size: 0.6875rem;\r\n}\r\n\r\n.db-col__meta[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.db-col__count[_ngcontent-%COMP%] {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-col__total[_ngcontent-%COMP%] {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-secondary);\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n\n\r\n.db-col__total--stated[_ngcontent-%COMP%] {\r\n    font-style: italic;\r\n}\r\n\r\n.db-col__partial[_ngcontent-%COMP%] {\r\n    font-size: 0.6875rem;\r\n    color: var(--mj-status-warning);\r\n}\r\n\r\n.db-col__drop[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.375rem;\r\n    padding: 0.5rem;\r\n    min-height: 4rem;\r\n}\r\n\r\n.db-col__empty[_ngcontent-%COMP%] {\r\n    margin: 0;\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-muted);\r\n    text-align: center;\r\n    padding: 0.75rem 0.25rem;\r\n}\r\n\r\n\n\r\n\r\n.db-card[_ngcontent-%COMP%] {\r\n    background: var(--mj-bg-surface-card);\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 4px;\r\n    padding: 0.5rem 0.625rem;\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.25rem;\r\n}\r\n\r\n.db-card[_ngcontent-%COMP%]:hover {\r\n    background: var(--mj-bg-surface-hover);\r\n}\r\n\r\n.db-card[_ngcontent-%COMP%]:focus-visible {\r\n    outline: 2px solid var(--mj-border-focus);\r\n    outline-offset: 1px;\r\n}\r\n\r\n.db-card__name[_ngcontent-%COMP%] {\r\n    font-size: 0.8125rem;\r\n    font-weight: 600;\r\n    color: var(--mj-text-primary);\r\n    line-height: 1.25;\r\n}\r\n\r\n.db-card__customer[_ngcontent-%COMP%] {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-secondary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n}\r\n\r\n.db-card__figures[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.db-card__amount[_ngcontent-%COMP%] {\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-primary);\r\n    font-variant-numeric: tabular-nums;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\n\r\n.db-card__stated[_ngcontent-%COMP%], \r\n.db-card__noamount[_ngcontent-%COMP%], \r\n.db-card__computed[_ngcontent-%COMP%] {\r\n    color: var(--mj-text-muted);\r\n    font-size: 0.6875rem;\r\n}\r\n\r\n.db-card__prob[_ngcontent-%COMP%] {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-card__foot[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 0.5rem;\r\n    font-size: 0.6875rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-card__owner[_ngcontent-%COMP%], \r\n.db-card__close[_ngcontent-%COMP%] {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.db-card__ghost[_ngcontent-%COMP%] {\r\n    padding: 0.375rem 0.625rem;\r\n    background: var(--mj-bg-surface-card);\r\n    border: 1px solid var(--mj-brand-primary);\r\n    border-radius: 4px;\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-primary);\r\n}\r\n\r\n\n\r\n\r\n.db-unstaged[_ngcontent-%COMP%] {\r\n    border-top: 1px solid var(--mj-border-default);\r\n    padding-top: 0.625rem;\r\n}\r\n\r\n.db-unstaged__head[_ngcontent-%COMP%] {\r\n    margin: 0 0 0.375rem;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: var(--mj-text-muted);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.375rem;\r\n}\r\n\r\n.db-unstaged__list[_ngcontent-%COMP%] {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.375rem;\r\n}\r\n\r\n.db-chip[_ngcontent-%COMP%] {\r\n    padding: 0.25rem 0.625rem;\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 999px;\r\n    background: var(--mj-bg-surface);\r\n    color: var(--mj-text-secondary);\r\n    font-size: 0.75rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.db-chip[_ngcontent-%COMP%]:hover {\r\n    background: var(--mj-bg-surface-hover);\r\n}"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DealBoardComponent, [{
+        type: Component,
+        args: [{ selector: 'mjs-deal-board', standalone: true, imports: [CommonModule, CdkDropList, CdkDrag], template: "<!--\r\n  The pipeline board. Columns are stages in DisplayOrder; cards are deals.\r\n\r\n  A closing column renders disabled with a hint rather than being hidden: hiding it would make the board\r\n  lie about the pipeline's shape, and a rep looking for \"where do won deals go\" needs to see that the\r\n  answer is \"not by dragging\".\r\n-->\r\n<div class=\"db\">\r\n\r\n  <!-- Pipeline switcher. A pipeline defines the stages, so this is the board's one real control. -->\r\n  <div class=\"db-bar\">\r\n    <span class=\"db-bar__label\">Pipeline</span>\r\n    <div class=\"db-bar__pipes\" role=\"tablist\" aria-label=\"Pipeline\">\r\n      @for (pipeline of Pipelines; track pipeline.ID) {\r\n        <button\r\n          type=\"button\"\r\n          role=\"tab\"\r\n          class=\"db-pipe\"\r\n          [class.db-pipe--on]=\"pipeline.ID === ActivePipelineID\"\r\n          [attr.aria-selected]=\"pipeline.ID === ActivePipelineID\"\r\n          (click)=\"SelectPipeline(pipeline.ID)\">\r\n          {{ pipeline.Name }}\r\n        </button>\r\n      }\r\n    </div>\r\n    @if (Moving) {\r\n      <span class=\"db-bar__busy\"><i class=\"fa-solid fa-spinner fa-spin\" aria-hidden=\"true\"></i> Moving\u2026</span>\r\n    }\r\n  </div>\r\n\r\n  @if (Message) {\r\n    <p class=\"db-msg\" role=\"status\">\r\n      <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"></i> {{ Message }}\r\n    </p>\r\n  }\r\n\r\n  @if (Columns.length === 0) {\r\n    <p class=\"db-empty\">This pipeline has no stages yet.</p>\r\n  } @else {\r\n    <div class=\"db-cols\">\r\n      @for (column of Columns; track TrackColumn($index, column)) {\r\n        <section\r\n          class=\"db-col\"\r\n          [class.db-col--closing]=\"column.IsClosing\"\r\n          [attr.aria-label]=\"column.Label\">\r\n\r\n          <header class=\"db-col__head\">\r\n            <span class=\"db-col__name\">\r\n              {{ column.Label }}\r\n              @if (column.IsClosing) {\r\n                <i class=\"fa-solid fa-lock db-col__lock\"\r\n                   aria-hidden=\"true\"\r\n                   title=\"Arriving here closes and locks the deal \u2014 close it from the workspace.\"></i>\r\n              }\r\n            </span>\r\n            <span class=\"db-col__meta\">\r\n              <span class=\"db-col__count\">{{ column.Cards.length }}</span>\r\n              <!--\r\n                A SUM of stored Deal.Amount values. This app prices nothing; the marker says whether the\r\n                ORDERS engine did, and the currency question is separate from the provenance question.\r\n\r\n                NO TOTAL WHEN THE COLUMN MIXES CURRENCIES. Adding EUR to USD produces a number that is\r\n                wrong in a way nobody can see; an absent figure prompts a question instead.\r\n\r\n                UNIONED, and the board branch's half needed one correction to survive: it carried\r\n                `currency:'USD'`, which is the hardcoding the currency work removed. The `--stated` class\r\n                is its contribution and is kept; the literal is not.\r\n              -->\r\n              @if (column.MixedCurrency) {\r\n                <span class=\"db-col__total db-col__total--mixed\"\r\n                      title=\"This stage holds deals in more than one currency, so a single total would be meaningless.\">\r\n                  mixed currencies\r\n                </span>\r\n              } @else {\r\n                <span class=\"db-col__total\" [class.db-col__total--stated]=\"column.Unpriced > 0\">\r\n                  <!-- `?? DefaultCurrency` because Currency is null in two different situations and only\r\n                       one of them is \"mixed\": an EMPTY column has no currency to disagree about, and its\r\n                       total is 0. The mixed case never reaches here \u2014 it is the @if above. -->\r\n                  {{ column.Total | currency:(column.Currency ?? DefaultCurrency):'symbol':'1.0-0' }}\r\n                </span>\r\n              }\r\n            </span>\r\n            @if (column.Unpriced > 0) {\r\n              <!--\r\n                SAYS WHICH OF THE TWO IT IS. A total nobody priced and a total that is only partly\r\n                priced are different claims, and collapsing them is how a stated figure passes for an\r\n                authoritative one. The wording lives in PricingNote() -- a template expression cannot\r\n                hold a sentence without becoming unreadable.\r\n              -->\r\n              <span class=\"db-col__partial\" [title]=\"PricingNote(column)\">\r\n                <i class=\"fa-solid fa-pen-nib\" aria-hidden=\"true\"></i>\r\n                @if (column.NonePriced) {\r\n                  stated, not priced\r\n                } @else {\r\n                  {{ column.Unpriced }} of {{ column.Cards.length }} stated\r\n                }\r\n              </span>\r\n            }\r\n          </header>\r\n\r\n          <div\r\n            class=\"db-col__drop\"\r\n            cdkDropList\r\n            [id]=\"'col-' + column.StageID\"\r\n            [cdkDropListData]=\"column\"\r\n            [cdkDropListConnectedTo]=\"ColumnIDs\"\r\n            [cdkDropListEnterPredicate]=\"CanDropInto(column)\"\r\n            (cdkDropListDropped)=\"OnDrop($event, column)\">\r\n\r\n            @for (deal of column.Cards; track TrackCard($index, deal)) {\r\n              <article\r\n                class=\"db-card\"\r\n                cdkDrag\r\n                [cdkDragData]=\"deal\"\r\n                [cdkDragDisabled]=\"Moving\"\r\n                (click)=\"OpenCard(deal)\"\r\n                (keydown.enter)=\"OpenCard(deal)\"\r\n                tabindex=\"0\"\r\n                role=\"button\"\r\n                [attr.aria-label]=\"'Open ' + deal.Name\">\r\n\r\n                <div class=\"db-card__name\">{{ deal.Name }}</div>\r\n                <div class=\"db-card__customer\">\r\n                  <i class=\"fa-solid fa-building\" aria-hidden=\"true\"></i> {{ deal.CustomerName }}\r\n                </div>\r\n\r\n                <div class=\"db-card__figures\">\r\n                  <span class=\"db-card__amount\">\r\n                    @if (deal.Amount === null) {\r\n                      <span class=\"db-card__noamount\" title=\"No amount recorded yet\">\u2014</span>\r\n                    } @else {\r\n                      {{ deal.Amount | currency:(deal.CurrencyID ?? DefaultCurrency):'symbol':'1.0-0' }}\r\n                    }\r\n                    <!--\r\n                      BOTH CASES ARE MARKED, and marking only one was the defect. A calculator on the\r\n                      priced figure and nothing on the stated one means the reader has to notice an\r\n                      ABSENCE to learn anything -- and on data where nothing is priced, no card carries\r\n                      a marker at all, so the whole board reads as authoritative. A positive mark on\r\n                      each says which it is without anyone having to know the convention.\r\n                    -->\r\n                    @if (deal.Amount !== null) {\r\n                      @if (deal.AmountIsComputed) {\r\n                        <i class=\"fa-solid fa-calculator db-card__computed\"\r\n                           aria-hidden=\"true\"\r\n                           title=\"Priced by the orders engine\"></i>\r\n                      } @else {\r\n                        <i class=\"fa-solid fa-pen-nib db-card__stated\"\r\n                           aria-hidden=\"true\"\r\n                           title=\"Stated by a person, not priced by the orders engine\"></i>\r\n                      }\r\n                    }\r\n                  </span>\r\n                  @if (deal.Probability !== null) {\r\n                    <span class=\"db-card__prob\">{{ deal.Probability }}%</span>\r\n                  }\r\n                </div>\r\n\r\n                <div class=\"db-card__foot\">\r\n                  <span class=\"db-card__owner\">{{ deal.OwnerEmployee ?? 'Unassigned' }}</span>\r\n                  <span class=\"db-card__close\">{{ deal.ExpectedCloseDate ? (deal.ExpectedCloseDate | date:'MMM d, y') : 'No date' }}</span>\r\n                </div>\r\n\r\n                <div class=\"db-card__ghost\" *cdkDragPreview>{{ deal.Name }}</div>\r\n              </article>\r\n            }\r\n\r\n            @if (column.Cards.length === 0) {\r\n              <p class=\"db-col__empty\">\r\n                @if (column.IsClosing) { Close deals from the workspace. } @else { Nothing here. }\r\n              </p>\r\n            }\r\n          </div>\r\n        </section>\r\n      }\r\n    </div>\r\n\r\n    @if (Unstaged.length > 0) {\r\n      <!-- Deals with no stage would otherwise be invisible on a board built from stage columns, and\r\n           \"missing from the board\" is indistinguishable from \"does not exist\". -->\r\n      <section class=\"db-unstaged\">\r\n        <h4 class=\"db-unstaged__head\">\r\n          <i class=\"fa-solid fa-circle-question\" aria-hidden=\"true\"></i>\r\n          No stage set ({{ Unstaged.length }})\r\n        </h4>\r\n        <div class=\"db-unstaged__list\">\r\n          @for (deal of Unstaged; track TrackCard($index, deal)) {\r\n            <button type=\"button\" class=\"db-chip\" (click)=\"OpenCard(deal)\">\r\n              {{ deal.Name }}\r\n            </button>\r\n          }\r\n        </div>\r\n      </section>\r\n    }\r\n  }\r\n</div>\r\n", styles: ["/*\r\n  Board styles.\r\n\r\n  SEMANTIC TOKENS ONLY \u2014 the same `--mj-*` set the workspace uses, so the board inherits dark mode rather\r\n  than needing its own. No hardcoded colour appears in this file.\r\n*/\r\n\r\n.db {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    min-height: 0;\r\n}\r\n\r\n/* \u2500\u2500 Pipeline switcher \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\r\n\r\n.db-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.db-bar__label {\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-bar__pipes {\r\n    display: flex;\r\n    gap: 0.25rem;\r\n}\r\n\r\n.db-bar__busy {\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-secondary);\r\n}\r\n\r\n.db-pipe {\r\n    padding: 0.3rem 0.75rem;\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 999px;\r\n    background: var(--mj-bg-surface);\r\n    color: var(--mj-text-secondary);\r\n    font-size: 0.8125rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.db-pipe:hover {\r\n    background: var(--mj-bg-surface-hover);\r\n}\r\n\r\n.db-pipe--on {\r\n    border-color: var(--mj-brand-primary);\r\n    color: var(--mj-brand-primary);\r\n    font-weight: 600;\r\n}\r\n\r\n.db-msg {\r\n    margin: 0;\r\n    padding: 0.5rem 0.75rem;\r\n    border: 1px solid var(--mj-status-warning-border);\r\n    border-radius: 4px;\r\n    color: var(--mj-status-warning);\r\n    font-size: 0.8125rem;\r\n}\r\n\r\n.db-empty {\r\n    color: var(--mj-text-muted);\r\n    font-size: 0.875rem;\r\n}\r\n\r\n/* \u2500\u2500 Columns \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\r\n\r\n/*\r\n  Horizontal scroll lives HERE rather than on the page: a board with eight stages must not make the whole\r\n  shell scroll sideways, which would drag the rail and the header out of view.\r\n*/\r\n.db-cols {\r\n    display: flex;\r\n    gap: 0.75rem;\r\n    overflow-x: auto;\r\n    padding-bottom: 0.5rem;\r\n    align-items: flex-start;\r\n}\r\n\r\n.db-col {\r\n    flex: 0 0 15rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background: var(--mj-bg-surface);\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 6px;\r\n    min-height: 8rem;\r\n}\r\n\r\n/* A closing column is visibly inert \u2014 it accepts no drops, and should not invite one. */\r\n.db-col--closing {\r\n    border-style: dashed;\r\n    opacity: 0.75;\r\n}\r\n\r\n.db-col__head {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.125rem;\r\n    padding: 0.5rem 0.625rem;\r\n    border-bottom: 1px solid var(--mj-border-default);\r\n}\r\n\r\n.db-col__name {\r\n    font-size: 0.8125rem;\r\n    font-weight: 600;\r\n    color: var(--mj-text-primary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.375rem;\r\n}\r\n\r\n.db-col__lock {\r\n    color: var(--mj-text-muted);\r\n    font-size: 0.6875rem;\r\n}\r\n\r\n.db-col__meta {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.db-col__count {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-col__total {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-secondary);\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n/* A total that nobody priced still reads as a figure -- this keeps it from reading as a FINAL one. */\r\n.db-col__total--stated {\r\n    font-style: italic;\r\n}\r\n\r\n.db-col__partial {\r\n    font-size: 0.6875rem;\r\n    color: var(--mj-status-warning);\r\n}\r\n\r\n.db-col__drop {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.375rem;\r\n    padding: 0.5rem;\r\n    min-height: 4rem;\r\n}\r\n\r\n.db-col__empty {\r\n    margin: 0;\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-muted);\r\n    text-align: center;\r\n    padding: 0.75rem 0.25rem;\r\n}\r\n\r\n/* \u2500\u2500 Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\r\n\r\n.db-card {\r\n    background: var(--mj-bg-surface-card);\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 4px;\r\n    padding: 0.5rem 0.625rem;\r\n    cursor: pointer;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.25rem;\r\n}\r\n\r\n.db-card:hover {\r\n    background: var(--mj-bg-surface-hover);\r\n}\r\n\r\n.db-card:focus-visible {\r\n    outline: 2px solid var(--mj-border-focus);\r\n    outline-offset: 1px;\r\n}\r\n\r\n.db-card__name {\r\n    font-size: 0.8125rem;\r\n    font-weight: 600;\r\n    color: var(--mj-text-primary);\r\n    line-height: 1.25;\r\n}\r\n\r\n.db-card__customer {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-secondary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n}\r\n\r\n.db-card__figures {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: baseline;\r\n    gap: 0.5rem;\r\n}\r\n\r\n.db-card__amount {\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-primary);\r\n    font-variant-numeric: tabular-nums;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.3rem;\r\n}\r\n\r\n/*\r\n * The two provenance markers are deliberately the SAME weight as each other.\r\n *\r\n * Making the stated one louder would read as an error, which it is not -- a stated amount is a\r\n * legitimate answer, just a different kind of fact from a priced one. Making it quieter would put us\r\n * back where we started, with the reader learning nothing unless they notice an absence.\r\n */\r\n.db-card__stated,\r\n.db-card__noamount,\r\n.db-card__computed {\r\n    color: var(--mj-text-muted);\r\n    font-size: 0.6875rem;\r\n}\r\n\r\n.db-card__prob {\r\n    font-size: 0.75rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-card__foot {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 0.5rem;\r\n    font-size: 0.6875rem;\r\n    color: var(--mj-text-muted);\r\n}\r\n\r\n.db-card__owner,\r\n.db-card__close {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.db-card__ghost {\r\n    padding: 0.375rem 0.625rem;\r\n    background: var(--mj-bg-surface-card);\r\n    border: 1px solid var(--mj-brand-primary);\r\n    border-radius: 4px;\r\n    font-size: 0.8125rem;\r\n    color: var(--mj-text-primary);\r\n}\r\n\r\n/* \u2500\u2500 Unstaged \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\r\n\r\n.db-unstaged {\r\n    border-top: 1px solid var(--mj-border-default);\r\n    padding-top: 0.625rem;\r\n}\r\n\r\n.db-unstaged__head {\r\n    margin: 0 0 0.375rem;\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    color: var(--mj-text-muted);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.375rem;\r\n}\r\n\r\n.db-unstaged__list {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 0.375rem;\r\n}\r\n\r\n.db-chip {\r\n    padding: 0.25rem 0.625rem;\r\n    border: 1px solid var(--mj-border-default);\r\n    border-radius: 999px;\r\n    background: var(--mj-bg-surface);\r\n    color: var(--mj-text-secondary);\r\n    font-size: 0.75rem;\r\n    cursor: pointer;\r\n}\r\n\r\n.db-chip:hover {\r\n    background: var(--mj-bg-surface-hover);\r\n}\r\n"] }]
+    }], null, { Deals: [{
+            type: Input
+        }], Pipelines: [{
+            type: Input
+        }], Stages: [{
+            type: Input
+        }], DealStatusTypes: [{
+            type: Input
+        }], DealOpened: [{
+            type: Output
+        }], StageMoved: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DealBoardComponent, { className: "DealBoardComponent", filePath: "lib/board/deal-board.component.ts", lineNumber: 129 }); })();
+//# sourceMappingURL=deal-board.component.js.map