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

package/dist/lib/panels/decomposition-ladder.component.d.ts

@@ -0,0 +1,68 @@
+import * as i0 from "@angular/core";
+/** One row of the ladder. */
+export interface MJOLadderRow {
+    Label: string;
+    Amount: number;
+    /** Indented sub-row — a promotion under Discounts, a layer under Tax. */
+    IsSub?: boolean;
+    /** Renders in the credit colour. Discounts and promotions use this. */
+    IsCredit?: boolean;
+    /** The final, heavier row. */
+    IsTotal?: boolean;
+    /** Muted right-hand annotation, e.g. "6.25% on $385.00". */
+    Detail?: string | null;
+    /**
+     * The rule that produced this number, revealed on demand.
+     *
+     * A bare number is never acceptable in this app: every derived figure carries
+     * its provenance, because the engine's whole value is the computation and
+     * hiding it makes the app feel arbitrary.
+     */
+    Why?: string | null;
+    /** Rendered greyed with an em-dash amount — an offered-not-applied promotion. */
+    IsInactive?: boolean;
+}
+/**
+ * `mjo-decomposition-ladder` — how an order's total was arrived at.
+ *
+ * The centrepiece of order entry. It shows the engine's own decomposition in the
+ * engine's own order — list → promotions → net → charges → tax layers → gross —
+ * with every row expandable to the rule behind it.
+ *
+ * IT COMPUTES NOTHING. Rows are handed in from `Orders.PreviewOrder`. A ladder
+ * that did its own arithmetic would be a second implementation of the pricing
+ * rules living next to the engine, and the two would eventually disagree — as a
+ * balanced journal entry for the wrong amount, which nothing downstream catches.
+ *
+ * `Stale` is why this component exists rather than a plain list: a server round
+ * trip means there is a moment where the numbers on screen are no longer the
+ * numbers for the draft in hand, and showing stale money as though it were
+ * current is exactly the failure the design is against.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-decomposition-ladder
+ *   [Rows]="ladderRows"
+ *   [Stale]="draft.IsPreviewStale"
+ *   [Footnote]="'Subtotal 1,600 − discounts 40 + charges 25 + tax 36.57 = 1,621.57'" />
+ * ```
+ */
+export declare class MJODecompositionLadderComponent {
+    /** The rows, in engine order. */
+    Rows: MJOLadderRow[];
+    /**
+     * The draft has changed since these numbers were computed. Dims the ladder
+     * and marks it busy rather than showing figures that no longer apply.
+     */
+    Stale: boolean;
+    /** The arithmetic restated in one line, under the total. */
+    Footnote: string | null;
+    /** Shown when there is nothing to decompose yet. */
+    EmptyText: string;
+    protected readonly expanded: Set<number>;
+    protected toggle(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJODecompositionLadderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJODecompositionLadderComponent, "mjo-decomposition-ladder", never, { "Rows": { "alias": "Rows"; "required": false; }; "Stale": { "alias": "Stale"; "required": false; }; "Footnote": { "alias": "Footnote"; "required": false; }; "EmptyText": { "alias": "EmptyText"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=decomposition-ladder.component.d.ts.map

package/dist/lib/panels/decomposition-ladder.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decomposition-ladder.component.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/decomposition-ladder.component.ts"],"names":[],"mappings":";AAIA,6BAA6B;AAC7B,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBA0Ea,+BAA+B;IACxC,iCAAiC;IACxB,IAAI,EAAE,YAAY,EAAE,CAAM;IAEnC;;;OAGG;IACM,KAAK,UAAS;IAEvB,4DAA4D;IACnD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC,oDAAoD;IAC3C,SAAS,SAAiD;IAEnE,SAAS,CAAC,QAAQ,CAAC,QAAQ,cAAqB;IAEhD,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;yCAlB5B,+BAA+B;2CAA/B,+BAA+B;CAsB3C"}

package/dist/lib/panels/decomposition-ladder.component.js

@@ -0,0 +1,217 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJOMoneyPipe } from './money-format.js';
+import * as i0 from "@angular/core";
+const _c0 = () => ({ Sign: "absolute" });
+function MJODecompositionLadderComponent_For_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const row_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(row_r1.Detail);
+} }
+function MJODecompositionLadderComponent_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵdomElementStart(0, "button", 9);
+    i0.ɵɵdomListener("click", function MJODecompositionLadderComponent_For_2_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r2); const $index_r3 = i0.ɵɵnextContext().$index; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggle($index_r3)); });
+    i0.ɵɵdomElement(1, "i", 10);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    const row_r1 = ctx_r4.$implicit;
+    const $index_r3 = ctx_r4.$index;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵattribute("aria-expanded", ctx_r3.expanded.has($index_r3))("aria-label", "Why is " + row_r1.Label + " this amount?");
+} }
+function MJODecompositionLadderComponent_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0, " \u2014 ");
+} }
+function MJODecompositionLadderComponent_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+    i0.ɵɵpipe(1, "mjoMoney");
+} if (rf & 2) {
+    const row_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate2(" ", row_r1.IsCredit ? "\u2212" : "", "", i0.ɵɵpipeBind2(1, 2, row_r1.Amount, i0.ɵɵpureFunction0(5, _c0)), " ");
+} }
+function MJODecompositionLadderComponent_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "div", 8);
+} if (rf & 2) {
+    const row_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵdomProperty("innerHTML", row_r1.Why, i0.ɵɵsanitizeHtml);
+} }
+function MJODecompositionLadderComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 3)(1, "span", 4);
+    i0.ɵɵtext(2);
+    i0.ɵɵconditionalCreate(3, MJODecompositionLadderComponent_For_2_Conditional_3_Template, 2, 1, "span", 5);
+    i0.ɵɵconditionalCreate(4, MJODecompositionLadderComponent_For_2_Conditional_4_Template, 2, 2, "button", 6);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(5, "span", 7);
+    i0.ɵɵconditionalCreate(6, MJODecompositionLadderComponent_For_2_Conditional_6_Template, 1, 0)(7, MJODecompositionLadderComponent_For_2_Conditional_7_Template, 2, 6);
+    i0.ɵɵdomElementEnd()();
+    i0.ɵɵconditionalCreate(8, MJODecompositionLadderComponent_For_2_Conditional_8_Template, 1, 1, "div", 8);
+} if (rf & 2) {
+    const row_r1 = ctx.$implicit;
+    const $index_r3 = ctx.$index;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("is-sub", row_r1.IsSub)("is-discount", row_r1.IsCredit)("is-total", row_r1.IsTotal);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", row_r1.Label, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r1.Detail ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r1.Why ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("muted", row_r1.IsInactive);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(row_r1.IsInactive ? 6 : 7);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(row_r1.Why && ctx_r3.expanded.has($index_r3) ? 8 : -1);
+} }
+function MJODecompositionLadderComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1);
+    i0.ɵɵdomElement(1, "i", 11);
+    i0.ɵɵdomElementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r3.Footnote);
+} }
+function MJODecompositionLadderComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r3.EmptyText);
+} }
+/**
+ * `mjo-decomposition-ladder` — how an order's total was arrived at.
+ *
+ * The centrepiece of order entry. It shows the engine's own decomposition in the
+ * engine's own order — list → promotions → net → charges → tax layers → gross —
+ * with every row expandable to the rule behind it.
+ *
+ * IT COMPUTES NOTHING. Rows are handed in from `Orders.PreviewOrder`. A ladder
+ * that did its own arithmetic would be a second implementation of the pricing
+ * rules living next to the engine, and the two would eventually disagree — as a
+ * balanced journal entry for the wrong amount, which nothing downstream catches.
+ *
+ * `Stale` is why this component exists rather than a plain list: a server round
+ * trip means there is a moment where the numbers on screen are no longer the
+ * numbers for the draft in hand, and showing stale money as though it were
+ * current is exactly the failure the design is against.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-decomposition-ladder
+ *   [Rows]="ladderRows"
+ *   [Stale]="draft.IsPreviewStale"
+ *   [Footnote]="'Subtotal 1,600 − discounts 40 + charges 25 + tax 36.57 = 1,621.57'" />
+ * ```
+ */
+export class MJODecompositionLadderComponent {
+    /** The rows, in engine order. */
+    Rows = [];
+    /**
+     * The draft has changed since these numbers were computed. Dims the ladder
+     * and marks it busy rather than showing figures that no longer apply.
+     */
+    Stale = false;
+    /** The arithmetic restated in one line, under the total. */
+    Footnote = null;
+    /** Shown when there is nothing to decompose yet. */
+    EmptyText = 'Add a line to see what this order comes to.';
+    expanded = new Set();
+    toggle(index) {
+        if (this.expanded.has(index))
+            this.expanded.delete(index);
+        else
+            this.expanded.add(index);
+    }
+    static ɵfac = function MJODecompositionLadderComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJODecompositionLadderComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJODecompositionLadderComponent, selectors: [["mjo-decomposition-ladder"]], inputs: { Rows: "Rows", Stale: "Stale", Footnote: "Footnote", EmptyText: "EmptyText" }, decls: 5, vars: 5, consts: [[1, "mj-ladder"], [1, "mj-ladder-note"], [1, "small", "muted", "mjo-ladder__empty"], [1, "mj-ladder-row"], [1, "label"], [1, "muted"], ["type", "button", 1, "mj-why"], [1, "amt"], [1, "mj-why-body", 3, "innerHTML"], ["type", "button", 1, "mj-why", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-question"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"]], template: function MJODecompositionLadderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵrepeaterCreate(1, MJODecompositionLadderComponent_For_2_Template, 9, 13, null, null, i0.ɵɵrepeaterTrackByIndex);
+            i0.ɵɵconditionalCreate(3, MJODecompositionLadderComponent_Conditional_3_Template, 4, 1, "div", 1);
+            i0.ɵɵconditionalCreate(4, MJODecompositionLadderComponent_Conditional_4_Template, 2, 1, "div", 2);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mjo-ladder--stale", ctx.Stale);
+            i0.ɵɵattribute("aria-busy", ctx.Stale);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.Rows);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Footnote ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.Rows.length ? 4 : -1);
+        } }, dependencies: [CommonModule, MJOMoneyPipe], styles: ["\n\n\n\n            .mjo-ladder--stale[_ngcontent-%COMP%] {\n                opacity: 0.55;\n                transition: opacity 0.12s ease;\n            }\n            .mjo-ladder__empty[_ngcontent-%COMP%] {\n                padding: var(--mj-space-4) 0;\n            }\n            @media (max-width: 720px) {\n                [_nghost-%COMP%]     .mj-ladder-row .muted {\n                    display: block;\n                }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJODecompositionLadderComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-decomposition-ladder', standalone: true, imports: [CommonModule, MJOMoneyPipe], template: `
+        <div class="mj-ladder" [class.mjo-ladder--stale]="Stale" [attr.aria-busy]="Stale">
+            @for (row of Rows; track $index) {
+                <div
+                    class="mj-ladder-row"
+                    [class.is-sub]="row.IsSub"
+                    [class.is-discount]="row.IsCredit"
+                    [class.is-total]="row.IsTotal">
+                    <span class="label">
+                        {{ row.Label }}
+                        @if (row.Detail) {
+                            <span class="muted">{{ row.Detail }}</span>
+                        }
+                        @if (row.Why) {
+                            <button
+                                type="button"
+                                class="mj-why"
+                                [attr.aria-expanded]="expanded.has($index)"
+                                [attr.aria-label]="'Why is ' + row.Label + ' this amount?'"
+                                (click)="toggle($index)">
+                                <i class="fa-solid fa-circle-question" aria-hidden="true"></i>
+                            </button>
+                        }
+                    </span>
+                    <span class="amt" [class.muted]="row.IsInactive">
+                        @if (row.IsInactive) {
+                            —
+                        } @else {
+                            {{ row.IsCredit ? '−' : '' }}{{ row.Amount | mjoMoney: { Sign: 'absolute' } }}
+                        }
+                    </span>
+                </div>
+
+                @if (row.Why && expanded.has($index)) {
+                    <div class="mj-why-body" [innerHTML]="row.Why"></div>
+                }
+            }
+
+            @if (Footnote) {
+                <div class="mj-ladder-note">
+                    <i class="fa-solid fa-circle-info" aria-hidden="true"></i>
+                    <span>{{ Footnote }}</span>
+                </div>
+            }
+
+            @if (!Rows.length) {
+                <div class="small muted mjo-ladder__empty">{{ EmptyText }}</div>
+            }
+        </div>
+    `, styles: ["\n            /* Recomputing: dim without collapsing, so the layout does not jump and\n               the previous figures stay legible as context. Announcing aria-busy\n               is what tells a screen reader the numbers are in flight. */\n            .mjo-ladder--stale {\n                opacity: 0.55;\n                transition: opacity 0.12s ease;\n            }\n            .mjo-ladder__empty {\n                padding: var(--mj-space-4) 0;\n            }\n            @media (max-width: 720px) {\n                :host ::ng-deep .mj-ladder-row .muted {\n                    display: block;\n                }\n            }\n        "] }]
+    }], null, { Rows: [{
+            type: Input
+        }], Stale: [{
+            type: Input
+        }], Footnote: [{
+            type: Input
+        }], EmptyText: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJODecompositionLadderComponent, { className: "MJODecompositionLadderComponent", filePath: "lib/panels/decomposition-ladder.component.ts", lineNumber: 129 }); })();
+//# sourceMappingURL=decomposition-ladder.component.js.map

package/dist/lib/panels/decomposition-ladder.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"decomposition-ladder.component.js","sourceRoot":"","sources":["../../../src/lib/panels/decomposition-ladder.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;;;;IAmElB,kCAAoB;IAAA,YAAgB;IAAA,oBAAO;;;IAAvB,cAAgB;IAAhB,mCAAgB;;;;IAGpC,oCAK6B;IAAzB,yPAAS,wBAAc,KAAC;IACxB,2BAA8D;IAClE,oBAAS;;;;;;;;;IAKT,wBACJ;;;IACI,YACJ;;;;IADI,qIACJ;;;IAKJ,4BAAqD;;;IAA5B,4DAAqB;;;IA1B9C,AALJ,iCAImC,cACX;IAChB,YACA;IAAA,wGAAkB;IAGlB,0GAAe;IAUnB,oBAAO;IACP,kCAAiD;IAG3C,AAFF,6FAAsB,uEAEb;IAIjB,AADI,oBAAO,EACL;IAEN,uGAAuC;;;;;IA1BnC,AADA,AADA,sCAA0B,gCACQ,4BACJ;IAE1B,eACA;IADA,6CACA;IAAA,cAEC;IAFD,wCAEC;IACD,cASC;IATD,qCASC;IAEa,cAA8B;IAA9B,0CAA8B;IAC5C,cAIC;IAJD,2CAIC;IAIT,eAEC;IAFD,uEAEC;;;IAID,iCAA4B;IACxB,2BAA0D;IAC1D,+BAAM;IAAA,YAAc;IACxB,AADwB,oBAAO,EACzB;;;IADI,eAAc;IAAd,qCAAc;;;IAKxB,iCAA2C;IAAA,YAAe;IAAA,oBAAM;;;IAArB,cAAe;IAAf,sCAAe;;AA5E1E;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AA2EH,MAAM,OAAO,+BAA+B;IACxC,iCAAiC;IACxB,IAAI,GAAmB,EAAE,CAAC;IAEnC;;;OAGG;IACM,KAAK,GAAG,KAAK,CAAC;IAEvB,4DAA4D;IACnD,QAAQ,GAAkB,IAAI,CAAC;IAExC,oDAAoD;IAC3C,SAAS,GAAG,6CAA6C,CAAC;IAEhD,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IAEtC,MAAM,CAAC,KAAa;QAC1B,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;;YACrD,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC;yHArBQ,+BAA+B;6DAA/B,+BAA+B;YArEpC,iCAAkF;YAC9E,oHAkCC;YAED,iGAAgB;YAOhB,iGAAoB;YAGxB,oBAAM;;YA/CiB,8CAAiC;;YACpD,cAkCC;YAlCD,uBAkCC;YAED,eAKC;YALD,uCAKC;YAED,cAEC;YAFD,2CAEC;4BAhDC,YAAY,EAAE,YAAY;;iFAuE3B,+BAA+B;cA1E3C,SAAS;2BACI,0BAA0B,cACxB,IAAI,WACP,CAAC,YAAY,EAAE,YAAY,CAAC,YAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDT;;kBAuBA,KAAK;;kBAML,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kFAdG,+BAA+B"}

package/dist/lib/panels/index.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @fileoverview The Orders panel library — the shared vocabulary every screen is
+ * assembled from.
+ *
+ * Two rules hold across all of it:
+ *
+ * 1. **Nothing here computes money.** Every derived figure arrives from an
+ *    `Orders.*` operation. A component that did its own arithmetic would be a
+ *    second implementation of the engine's rules, and the two would eventually
+ *    disagree — as a *balanced* journal entry for the wrong amount, which nothing
+ *    downstream can catch.
+ * 2. **Colours and metrics come from `orders-kit.css`**, the canonical stylesheet
+ *    the approved mockups also read. That is what makes the shipped UI and the
+ *    mockups the same design rather than two designs kept in sync by discipline.
+ *    A host app must load that stylesheet once, globally.
+ *
+ * Pure logic — formatting, lifecycle rules — lives in plain `.ts` files with no
+ * Angular runtime import, so it is unit-testable without a rendering environment.
+ *
+ * @module @mj-biz-apps/orders-ng
+ */
+export * from './money-format.js';
+export * from './order-stages.js';
+export * from './money-strip.component.js';
+export * from './decomposition-ladder.component.js';
+export * from './status-stepper.component.js';
+export * from './chips.component.js';
+export * from './aging-bar.component.js';
+export * from './journal-entry-preview.component.js';
+import { MJOMoneyStripComponent } from './money-strip.component.js';
+import { MJODecompositionLadderComponent } from './decomposition-ladder.component.js';
+import { MJOStatusStepperComponent } from './status-stepper.component.js';
+import { MJOAgingBarComponent } from './aging-bar.component.js';
+import { MJOJournalEntryPreviewComponent } from './journal-entry-preview.component.js';
+/**
+ * Every panel and pipe, for a screen's `imports` array.
+ *
+ * ```typescript
+ * @Component({ standalone: true, imports: [CommonModule, ...MJO_PANELS] })
+ * ```
+ *
+ * Convenient rather than compulsory — importing only what a screen uses keeps its
+ * dependency list honest, which matters more on the small screens than the large.
+ */
+export declare const MJO_PANELS: readonly [typeof MJOMoneyStripComponent, typeof MJODecompositionLadderComponent, typeof MJOStatusStepperComponent, typeof MJOAgingBarComponent, typeof MJOJournalEntryPreviewComponent, typeof import("./chips.component.js").MJOConsequenceChipComponent, typeof import("./chips.component.js").MJOPriceSourceBadgeComponent, typeof import("./chips.component.js").MJOStatedValueComponent, typeof import("./money-format.js").MJOMoneyPipe, typeof import("./money-format.js").MJOQuantityPipe, typeof import("./money-format.js").MJORatePipe, typeof import("./money-format.js").MJODatePipe];
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/panels/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAGH,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AAIpF;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,+iBAQb,CAAC"}

package/dist/lib/panels/index.js

@@ -0,0 +1,58 @@
+/**
+ * @fileoverview The Orders panel library — the shared vocabulary every screen is
+ * assembled from.
+ *
+ * Two rules hold across all of it:
+ *
+ * 1. **Nothing here computes money.** Every derived figure arrives from an
+ *    `Orders.*` operation. A component that did its own arithmetic would be a
+ *    second implementation of the engine's rules, and the two would eventually
+ *    disagree — as a *balanced* journal entry for the wrong amount, which nothing
+ *    downstream can catch.
+ * 2. **Colours and metrics come from `orders-kit.css`**, the canonical stylesheet
+ *    the approved mockups also read. That is what makes the shipped UI and the
+ *    mockups the same design rather than two designs kept in sync by discipline.
+ *    A host app must load that stylesheet once, globally.
+ *
+ * Pure logic — formatting, lifecycle rules — lives in plain `.ts` files with no
+ * Angular runtime import, so it is unit-testable without a rendering environment.
+ *
+ * @module @mj-biz-apps/orders-ng
+ */
+/* Pure — no Angular runtime. */
+export * from './money-format.js';
+export * from './order-stages.js';
+/* Components. */
+export * from './money-strip.component.js';
+export * from './decomposition-ladder.component.js';
+export * from './status-stepper.component.js';
+export * from './chips.component.js';
+export * from './aging-bar.component.js';
+export * from './journal-entry-preview.component.js';
+import { MJOMoneyStripComponent } from './money-strip.component.js';
+import { MJODecompositionLadderComponent } from './decomposition-ladder.component.js';
+import { MJOStatusStepperComponent } from './status-stepper.component.js';
+import { MJOAgingBarComponent } from './aging-bar.component.js';
+import { MJOJournalEntryPreviewComponent } from './journal-entry-preview.component.js';
+import { MJO_CHIP_COMPONENTS } from './chips.component.js';
+import { MJO_FORMAT_PIPES } from './money-format.js';
+/**
+ * Every panel and pipe, for a screen's `imports` array.
+ *
+ * ```typescript
+ * @Component({ standalone: true, imports: [CommonModule, ...MJO_PANELS] })
+ * ```
+ *
+ * Convenient rather than compulsory — importing only what a screen uses keeps its
+ * dependency list honest, which matters more on the small screens than the large.
+ */
+export const MJO_PANELS = [
+    MJOMoneyStripComponent,
+    MJODecompositionLadderComponent,
+    MJOStatusStepperComponent,
+    MJOAgingBarComponent,
+    MJOJournalEntryPreviewComponent,
+    ...MJO_CHIP_COMPONENTS,
+    ...MJO_FORMAT_PIPES,
+];
+//# sourceMappingURL=index.js.map

package/dist/lib/panels/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lib/panels/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,gCAAgC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAE/B,iBAAiB;AACjB,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mCAAmC,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,sBAAsB;IACtB,+BAA+B;IAC/B,yBAAyB;IACzB,oBAAoB;IACpB,+BAA+B;IAC/B,GAAG,mBAAmB;IACtB,GAAG,gBAAgB;CACb,CAAC"}

package/dist/lib/panels/journal-entry-preview.component.d.ts

@@ -0,0 +1,71 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/** One side of one entry line. */
+export interface MJOJournalLine {
+    Side: 'Dr' | 'Cr';
+    /** The role that resolved — 'AR', 'Sales', 'Deferred Revenue'. */
+    AccountRole: string;
+    /** The account it resolved to, as accounting names it. */
+    AccountName: string;
+    Amount: number;
+}
+/** One journal entry — always exactly one order line's worth. */
+export interface MJOJournalEntry {
+    CompanyID: string;
+    CompanyName: string;
+    /** Which order line caused it. One entry per line, always. */
+    LineNumber?: number | null;
+    /** What the line is, for the header. */
+    LineDescription?: string | null;
+    /** Set once the entry exists; null while previewing. */
+    JournalEntryID?: string | null;
+    EntryType?: string;
+    Lines: MJOJournalLine[];
+}
+/**
+ * `mjo-journal-entry-preview` — the entries an order will (or did) produce.
+ *
+ * READ-ONLY, ALWAYS. Orders creates Pending entries and owns nothing in the
+ * ledger, so every account and entry here links out to Accounting rather than
+ * being editable in place. Duplicating ledger editing into this app would create
+ * a second place for the same number to be wrong.
+ *
+ * The balance check is computed here rather than trusted from the server, because
+ * an unbalanced entry displayed as balanced is the single most misleading thing
+ * this component could do. Balanced is the normal case; the component's job is to
+ * be loud when it is not.
+ *
+ * ONE ENTRY PER ORDER LINE, always — even for two lines of the same company. The
+ * order's "journal entry" is a display grouping over the line entries, not a
+ * record. That is why entries are keyed by line rather than merged by company.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-journal-entry-preview
+ *   [Entries]="preview.JournalEntries"
+ *   [Pending]="true"
+ *   (OpenInAccounting)="openLedger($event)" />
+ * ```
+ */
+export declare class MJOJournalEntryPreviewComponent {
+    /** The entries, one per order line. */
+    Entries: MJOJournalEntry[];
+    /** Add the "will land Pending" chip — true while previewing a confirm. */
+    Pending: boolean;
+    /** Shown when there is nothing to project. */
+    EmptyText: string;
+    /** A user asked to open an entry in Accounting. The host decides how. */
+    OpenInAccounting: EventEmitter<MJOJournalEntry>;
+    protected get companyCount(): number;
+    protected get allBalanced(): boolean;
+    protected debits(entry: MJOJournalEntry): number;
+    protected credits(entry: MJOJournalEntry): number;
+    protected isBalanced(entry: MJOJournalEntry): boolean;
+    protected variance(entry: MJOJournalEntry): string;
+    protected open(event: Event, entry: MJOJournalEntry): void;
+    private sum;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOJournalEntryPreviewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOJournalEntryPreviewComponent, "mjo-journal-entry-preview", never, { "Entries": { "alias": "Entries"; "required": false; }; "Pending": { "alias": "Pending"; "required": false; }; "EmptyText": { "alias": "EmptyText"; "required": false; }; }, { "OpenInAccounting": "OpenInAccounting"; }, never, never, true, never>;
+}
+//# sourceMappingURL=journal-entry-preview.component.d.ts.map

package/dist/lib/panels/journal-entry-preview.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"journal-entry-preview.component.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/journal-entry-preview.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;;AAIvE,kCAAkC;AAClC,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,iEAAiE;AACjE,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAsGa,+BAA+B;IACxC,uCAAuC;IAC9B,OAAO,EAAE,eAAe,EAAE,CAAM;IAEzC,0EAA0E;IACjE,OAAO,UAAS;IAEzB,8CAA8C;IACrC,SAAS,SAAqD;IAEvE,yEAAyE;IAC/D,gBAAgB,gCAAuC;IAEjE,SAAS,KAAK,YAAY,IAAI,MAAM,CAEnC;IAED,SAAS,KAAK,WAAW,IAAI,OAAO,CAEnC;IAED,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAIhD,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAIjD,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO;IAOrD,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,eAAe,GAAG,MAAM;IAIlD,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI;IAK1D,OAAO,CAAC,GAAG;yCA7CF,+BAA+B;2CAA/B,+BAA+B;CAgD3C"}