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

package/dist/lib/panels/money-format.js

@@ -0,0 +1,297 @@
+/**
+ * @fileoverview Money and quantity formatting — pure functions plus the pipes that wrap them.
+ *
+ * WHY THIS IS ITS OWN FILE. Every screen in this app is mostly numbers, and the
+ * rules for rendering them are not obvious: a zero balance reads better as an
+ * em-dash than as `$0.00`; a credit is a negative balance that should read as a
+ * positive amount in a credit context; a document uses parentheses for negatives
+ * where a worklist uses a minus sign. Scattering those choices across templates
+ * guarantees they diverge. Here they are pure functions with tests.
+ *
+ * The pure half has no Angular import path of its own so it can be unit-tested
+ * directly, which is most of the value.
+ *
+ * @module @mj-biz-apps/orders-ng
+ */
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Format an amount as money.
+ *
+ * @example
+ * ```typescript
+ * FormatMoney(1621.57)                          // '$1,621.57'
+ * FormatMoney(-85)                              // '−$85.00'
+ * FormatMoney(-85, { Sign: 'parentheses' })     // '($85.00)'
+ * FormatMoney(0, { Zero: '—' })                 // '—'
+ * FormatMoney(41230, { Round: true })           // '$41,230'
+ * FormatMoney(null)                             // '—'
+ * ```
+ */
+export function FormatMoney(value, options = {}) {
+    if (value === null || value === undefined || Number.isNaN(value))
+        return '—';
+    const symbol = options.Symbol ?? '$';
+    const digits = options.Round ? 0 : 2;
+    const zeroText = options.Zero ?? `${symbol}${digits === 0 ? '0' : '0.00'}`;
+    if (value === 0)
+        return zeroText;
+    const body = symbol +
+        Math.abs(value).toLocaleString('en-US', {
+            minimumFractionDigits: digits,
+            maximumFractionDigits: digits,
+        });
+    if (value > 0)
+        return body;
+    switch (options.Sign ?? 'minus') {
+        case 'parentheses':
+            return `(${body})`;
+        case 'absolute':
+            return body;
+        default:
+            // U+2212 MINUS SIGN, not a hyphen: it aligns with digits in a tabular
+            // column, which a hyphen does not.
+            return `−${body}`;
+    }
+}
+/**
+ * True when the amount has a non-zero cent part (after rounding to the
+ * nearest cent). Null / NaN do not count — they are not displayed as money.
+ */
+export function HasCents(value) {
+    if (value == null || !Number.isFinite(value))
+        return false;
+    return Math.round(Math.abs(value) * 100) % 100 !== 0;
+}
+/**
+ * Format several amounts with one shared cents policy: if any has cents,
+ * all show two decimals; otherwise none do. Used for the order-header
+ * Total / Paid / Balance trio so the three figures stay aligned.
+ */
+export function FormatMoneyGroup(values, options = {}) {
+    const hideCents = options.Round === true || !values.some(HasCents);
+    return values.map((value) => FormatMoney(value, { ...options, Round: hideCents }));
+}
+/**
+ * Format a quantity. Whole numbers lose their decimals, because `5` is easier to
+ * read than `5.00` and fractional quantities are the exception (a prorated
+ * subscription line, a partial return).
+ *
+ * @example
+ * ```typescript
+ * FormatQuantity(5)       // '5'
+ * FormatQuantity(0.5833)  // '0.5833'
+ * FormatQuantity(-1)      // '-1'
+ * ```
+ */
+export function FormatQuantity(value) {
+    if (value === null || value === undefined || Number.isNaN(value))
+        return '—';
+    if (Number.isInteger(value))
+        return String(value);
+    // Up to four places, trailing zeros trimmed — the column is DECIMAL(18,4).
+    return String(Number(value.toFixed(4)));
+}
+/**
+ * Format money for a space where the full figure will not fit — a chart label,
+ * a dense chip, a column head.
+ *
+ * A bar chart cannot carry `$1,250.00` above a 40px column, so the choice is
+ * between an unlabelled bar and an abbreviated number. Unlabelled loses: the bar
+ * only shows RELATIVE size, so a lone tall column reads as "the biggest" without
+ * ever saying how big. The exact value stays available on hover and in the
+ * component's aria-label, so nothing is lost by rounding the visible one.
+ *
+ * Thresholds are the conventional ones and the rounding is deliberately coarse —
+ * one decimal below 10, none above, because the label is for orientation and the
+ * precise figure is one hover away.
+ *
+ * @example
+ * ```typescript
+ * FormatCompact(0)       // '—'
+ * FormatCompact(940)     // '$940'
+ * FormatCompact(1250)    // '$1.3k'
+ * FormatCompact(8000)    // '$8k'
+ * FormatCompact(24500)   // '$25k'
+ * FormatCompact(1250000) // '$1.3M'
+ * ```
+ */
+export function FormatCompact(value) {
+    if (value === null || value === undefined || Number.isNaN(value))
+        return '—';
+    if (value === 0)
+        return '—';
+    const sign = value < 0 ? '-' : '';
+    const n = Math.abs(value);
+    const scale = (divisor, suffix) => {
+        const scaled = n / divisor;
+        // One decimal only while it still adds information; 9.7k is useful, 97.3k is noise.
+        const text = scaled < 10 ? String(Number(scaled.toFixed(1))) : String(Math.round(scaled));
+        return `${sign}$${text}${suffix}`;
+    };
+    if (n >= 1_000_000_000)
+        return scale(1_000_000_000, 'B');
+    if (n >= 1_000_000)
+        return scale(1_000_000, 'M');
+    if (n >= 1_000)
+        return scale(1_000, 'k');
+    return `${sign}$${Math.round(n)}`;
+}
+/**
+ * Format a rate as a percentage, trimming pointless zeros.
+ *
+ * @example
+ * ```typescript
+ * FormatRate(0.0625)  // '6.25%'
+ * FormatRate(0.1)     // '10%'
+ * FormatRate(0.0225)  // '2.25%'
+ * ```
+ */
+export function FormatRate(value) {
+    if (value === null || value === undefined || Number.isNaN(value))
+        return '—';
+    const pct = value * 100;
+    return `${Number(pct.toFixed(4))}%`;
+}
+/**
+ * Format an ISO date for display.
+ *
+ * Parsed as LOCAL rather than UTC on purpose. A date-only column carries no time
+ * zone, and `new Date('2026-08-01')` is parsed as UTC midnight — which renders as
+ * July 31st for anyone west of Greenwich. Splitting the string avoids handing the
+ * user a date one day earlier than the one stored.
+ *
+ * @example
+ * ```typescript
+ * FormatDate('2026-08-01')                    // 'Aug 1, 2026'
+ * FormatDate('2026-08-01', { Short: true })   // 'Aug 1'
+ * FormatDate(order.OrderDate)                 // a Date off an entity works too
+ * ```
+ *
+ * ACCEPTS A `Date` AS WELL AS AN ISO STRING, and that is not convenience. A date column is a `Date`
+ * on an entity and an ISO string on the wire, so a screen holds one or the other depending on how it
+ * read the row. Given a `Date`, the old string-splitting path found no '-' to split on and returned
+ * '—' — an empty-looking cell that reads as "no date" rather than as the type mismatch it was.
+ */
+export function FormatDate(value, options = {}) {
+    const date = toLocalDate(value);
+    if (!date)
+        return '—';
+    return date.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        ...(options.Short ? {} : { year: 'numeric' }),
+    });
+}
+/**
+ * Whole days between an ISO date and a reference point. Positive means the date
+ * is in the past — i.e. "days overdue", which is the only way this is used.
+ *
+ * @example
+ * ```typescript
+ * DaysSince('2026-06-15', '2026-07-29')  // 44
+ * ```
+ *
+ * Takes a `Date` on either side for the same reason {@link FormatDate} does.
+ */
+export function DaysSince(value, asOf) {
+    const from = toLocalDate(value);
+    const to = toLocalDate(asOf);
+    if (!from || !to)
+        return 0;
+    return Math.round((to.getTime() - from.getTime()) / 86_400_000);
+}
+/**
+ * A calendar date at LOCAL midnight, from either representation.
+ *
+ * The time-of-day is dropped on purpose: everything these helpers answer — what day is this, how
+ * many days ago was it — is a question about calendar days, and keeping the clock in would make
+ * "yesterday at 23:00" and "today at 01:00" two days apart in one timezone and one in another.
+ */
+function toLocalDate(value) {
+    if (!value)
+        return null;
+    if (value instanceof Date) {
+        if (Number.isNaN(value.getTime()))
+            return null;
+        return new Date(value.getFullYear(), value.getMonth(), value.getDate());
+    }
+    const [y, m, d] = String(value).split('T')[0].split('-').map(Number);
+    if (!y || !m || !d)
+        return null;
+    return new Date(y, m - 1, d);
+}
+/** Initials for an avatar, capped at two letters. */
+export function Initials(name) {
+    if (!name)
+        return '?';
+    const parts = name.split(/\s+/).filter(Boolean);
+    // A whitespace-only name splits to nothing, which would otherwise render an
+    // empty avatar circle — visually indistinguishable from a broken one.
+    if (!parts.length)
+        return '?';
+    return parts
+        .slice(0, 2)
+        .map((w) => w[0])
+        .join('')
+        .toUpperCase();
+}
+/* ────────────────────────────────────────────────────────────────────────────
+ * Pipes
+ *
+ * Thin wrappers, so a template can say `{{ amount | mjoMoney }}` without every
+ * component injecting a formatter. Pure (the default), so they memoise.
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * `{{ value | mjoMoney }}` / `{{ value | mjoMoney: { Zero: '—' } }}`
+ */
+export class MJOMoneyPipe {
+    transform(value, options) {
+        return FormatMoney(value, options);
+    }
+    static ɵfac = function MJOMoneyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOMoneyPipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "mjoMoney", type: MJOMoneyPipe, pure: true });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOMoneyPipe, [{
+        type: Pipe,
+        args: [{ name: 'mjoMoney', standalone: true }]
+    }], null, null); })();
+/** `{{ value | mjoQuantity }}` */
+export class MJOQuantityPipe {
+    transform(value) {
+        return FormatQuantity(value);
+    }
+    static ɵfac = function MJOQuantityPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOQuantityPipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "mjoQuantity", type: MJOQuantityPipe, pure: true });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOQuantityPipe, [{
+        type: Pipe,
+        args: [{ name: 'mjoQuantity', standalone: true }]
+    }], null, null); })();
+/** `{{ value | mjoRate }}` */
+export class MJORatePipe {
+    transform(value) {
+        return FormatRate(value);
+    }
+    static ɵfac = function MJORatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJORatePipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "mjoRate", type: MJORatePipe, pure: true });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJORatePipe, [{
+        type: Pipe,
+        args: [{ name: 'mjoRate', standalone: true }]
+    }], null, null); })();
+/** `{{ iso | mjoDate }}` / `{{ iso | mjoDate: true }}` for the short form. */
+export class MJODatePipe {
+    transform(iso, short = false) {
+        return FormatDate(iso, { Short: short });
+    }
+    static ɵfac = function MJODatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJODatePipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "mjoDate", type: MJODatePipe, pure: true });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJODatePipe, [{
+        type: Pipe,
+        args: [{ name: 'mjoDate', standalone: true }]
+    }], null, null); })();
+/** Every formatting pipe, for a component's `imports` array. */
+export const MJO_FORMAT_PIPES = [MJOMoneyPipe, MJOQuantityPipe, MJORatePipe, MJODatePipe];
+//# sourceMappingURL=money-format.js.map

package/dist/lib/panels/money-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-format.js","sourceRoot":"","sources":["../../../src/lib/panels/money-format.ts"],"names":[],"mappings":"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"}

package/dist/lib/panels/money-strip.component.d.ts

@@ -0,0 +1,69 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/** An order's payment state, as the header's trigger-maintained column reports it. */
+export type MJOPaymentStatus = 'Unpaid' | 'PartiallyPaid' | 'Paid' | 'Overdue' | 'WrittenOff';
+/**
+ * `mjo-money-strip` — total, paid, balance and payment state, in one row.
+ *
+ * The most-repeated component in the app: it heads the order editor, the list
+ * preview, the document and the customer A/R panel, so the same three numbers
+ * always sit in the same order and a user learns to read them once.
+ *
+ * A NEGATIVE BALANCE IS NOT AN ERROR. It is the customer's credit — over-paying
+ * an order is legitimate and there is no separate credit instrument — so the
+ * strip labels it "Credit" and colours it as good news rather than rendering a
+ * red minus and implying something went wrong.
+ *
+ * Rollups are trigger-maintained from the lines and payments, never authored, so
+ * this component only ever displays. It emits a click instead of navigating,
+ * because a shared component that routed would only fit the one screen that
+ * taught it where to go.
+ *
+ * Requires `orders-kit.css` (loaded once by the host app) — the classes here are
+ * the same ones the approved mockups use, which is what keeps the two identical.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-money-strip
+ *   [Total]="order.TotalGross"
+ *   [Paid]="order.AmountPaid"
+ *   [Balance]="order.Balance"
+ *   [PaymentStatus]="order.PaymentStatus"
+ *   Note="Rollups are maintained by trigger from the lines — never authored."
+ *   (BalanceClicked)="openPayments()" />
+ * ```
+ */
+export declare class MJOMoneyStripComponent {
+    /** The order's gross. */
+    Total: number | null;
+    /** How much has been applied. */
+    Paid: number | null;
+    /** Gross less applied. Negative means the customer holds a credit. */
+    Balance: number | null;
+    /** Drives the chip. Omit to hide it. */
+    PaymentStatus: MJOPaymentStatus | null;
+    /** Override the first cell's label — the document says "Total", A/R says "Open". */
+    TotalLabel: string;
+    /** Hide the paid cell where it adds nothing, e.g. on a fresh draft. */
+    ShowPaid: boolean;
+    /** Hide the status cell. */
+    ShowStatus: boolean;
+    /** Denser padding, for a slide-in or a table preview. */
+    Compact: boolean;
+    /** Optional muted note beside the chip. Hidden on narrow viewports. */
+    Note: string | null;
+    /**
+     * The balance cell was clicked. Only rendered as clickable when something is
+     * listening, so the affordance never lies about being interactive.
+     */
+    BalanceClicked: EventEmitter<void>;
+    /** True when the customer holds a credit rather than owing anything. */
+    get IsCredit(): boolean;
+    protected get statusLabel(): string;
+    protected get statusChipClass(): string;
+    protected onBalanceClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOMoneyStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOMoneyStripComponent, "mjo-money-strip", never, { "Total": { "alias": "Total"; "required": false; }; "Paid": { "alias": "Paid"; "required": false; }; "Balance": { "alias": "Balance"; "required": false; }; "PaymentStatus": { "alias": "PaymentStatus"; "required": false; }; "TotalLabel": { "alias": "TotalLabel"; "required": false; }; "ShowPaid": { "alias": "ShowPaid"; "required": false; }; "ShowStatus": { "alias": "ShowStatus"; "required": false; }; "Compact": { "alias": "Compact"; "required": false; }; "Note": { "alias": "Note"; "required": false; }; }, { "BalanceClicked": "BalanceClicked"; }, never, never, true, never>;
+}
+//# sourceMappingURL=money-strip.component.d.ts.map

package/dist/lib/panels/money-strip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-strip.component.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/money-strip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;;AAIvE,sFAAsF;AACtF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,eAAe,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAE9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,qBAyEa,sBAAsB;IAC/B,yBAAyB;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,iCAAiC;IACxB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC,sEAAsE;IAC7D,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,wCAAwC;IAC/B,aAAa,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAEvD,oFAAoF;IAC3E,UAAU,SAAW;IAE9B,uEAAuE;IAC9D,QAAQ,UAAQ;IAEzB,4BAA4B;IACnB,UAAU,UAAQ;IAE3B,yDAAyD;IAChD,OAAO,UAAS;IAEzB,uEAAuE;IAC9D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC;;;OAGG;IACO,cAAc,qBAA4B;IAEpD,wEAAwE;IACxE,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,SAAS,KAAK,WAAW,IAAI,MAAM,CAIlC;IAED,SAAS,KAAK,eAAe,IAAI,MAAM,CAatC;IAED,SAAS,CAAC,cAAc,IAAI,IAAI;yCA5DvB,sBAAsB;2CAAtB,sBAAsB;CA+DlC"}

package/dist/lib/panels/money-strip.component.js

@@ -0,0 +1,233 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MJOMoneyPipe } from './money-format.js';
+import * as i0 from "@angular/core";
+const _c0 = () => ({ Sign: "absolute" });
+const _c1 = () => ({ Zero: "\u2014" });
+function MJOMoneyStripComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div")(1, "span", 1);
+    i0.ɵɵtext(2, "Paid");
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "span", 2);
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "mjoMoney");
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassProp("mj-money--muted", !ctx_r0.Paid);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(5, 3, ctx_r0.Paid, i0.ɵɵpureFunction0(6, _c1)));
+} }
+function MJOMoneyStripComponent_Conditional_15_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Note);
+} }
+function MJOMoneyStripComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 4)(1, "span", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵconditionalCreate(3, MJOMoneyStripComponent_Conditional_15_Conditional_3_Template, 2, 1, "span", 6);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r0.statusChipClass);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.statusLabel);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.Note ? 3 : -1);
+} }
+/**
+ * `mjo-money-strip` — total, paid, balance and payment state, in one row.
+ *
+ * The most-repeated component in the app: it heads the order editor, the list
+ * preview, the document and the customer A/R panel, so the same three numbers
+ * always sit in the same order and a user learns to read them once.
+ *
+ * A NEGATIVE BALANCE IS NOT AN ERROR. It is the customer's credit — over-paying
+ * an order is legitimate and there is no separate credit instrument — so the
+ * strip labels it "Credit" and colours it as good news rather than rendering a
+ * red minus and implying something went wrong.
+ *
+ * Rollups are trigger-maintained from the lines and payments, never authored, so
+ * this component only ever displays. It emits a click instead of navigating,
+ * because a shared component that routed would only fit the one screen that
+ * taught it where to go.
+ *
+ * Requires `orders-kit.css` (loaded once by the host app) — the classes here are
+ * the same ones the approved mockups use, which is what keeps the two identical.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-money-strip
+ *   [Total]="order.TotalGross"
+ *   [Paid]="order.AmountPaid"
+ *   [Balance]="order.Balance"
+ *   [PaymentStatus]="order.PaymentStatus"
+ *   Note="Rollups are maintained by trigger from the lines — never authored."
+ *   (BalanceClicked)="openPayments()" />
+ * ```
+ */
+export class MJOMoneyStripComponent {
+    /** The order's gross. */
+    Total = null;
+    /** How much has been applied. */
+    Paid = null;
+    /** Gross less applied. Negative means the customer holds a credit. */
+    Balance = null;
+    /** Drives the chip. Omit to hide it. */
+    PaymentStatus = null;
+    /** Override the first cell's label — the document says "Total", A/R says "Open". */
+    TotalLabel = 'Total';
+    /** Hide the paid cell where it adds nothing, e.g. on a fresh draft. */
+    ShowPaid = true;
+    /** Hide the status cell. */
+    ShowStatus = true;
+    /** Denser padding, for a slide-in or a table preview. */
+    Compact = false;
+    /** Optional muted note beside the chip. Hidden on narrow viewports. */
+    Note = null;
+    /**
+     * The balance cell was clicked. Only rendered as clickable when something is
+     * listening, so the affordance never lies about being interactive.
+     */
+    BalanceClicked = new EventEmitter();
+    /** True when the customer holds a credit rather than owing anything. */
+    get IsCredit() {
+        return (this.Balance ?? 0) < 0;
+    }
+    get statusLabel() {
+        // The stored value is PascalCase with no space; "Part paid" fits the chip
+        // where "PartiallyPaid" would wrap.
+        return this.PaymentStatus === 'PartiallyPaid' ? 'Part paid' : (this.PaymentStatus ?? '');
+    }
+    get statusChipClass() {
+        switch (this.PaymentStatus) {
+            case 'Paid':
+                return 'mj-chip--success';
+            case 'PartiallyPaid':
+                return 'mj-chip--warning';
+            case 'Overdue':
+                return 'mj-chip--error';
+            case 'WrittenOff':
+                return 'mj-chip--outline';
+            default:
+                return '';
+        }
+    }
+    onBalanceClick() {
+        if (this.BalanceClicked.observed)
+            this.BalanceClicked.emit();
+    }
+    static ɵfac = function MJOMoneyStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOMoneyStripComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOMoneyStripComponent, selectors: [["mjo-money-strip"]], inputs: { Total: "Total", Paid: "Paid", Balance: "Balance", PaymentStatus: "PaymentStatus", TotalLabel: "TotalLabel", ShowPaid: "ShowPaid", ShowStatus: "ShowStatus", Compact: "Compact", Note: "Note" }, outputs: { BalanceClicked: "BalanceClicked" }, decls: 16, vars: 20, consts: [[1, "mj-money-strip"], [1, "l"], [1, "v"], [3, "click"], [1, "mj-money-strip__status"], [1, "mj-chip"], [1, "small", "muted", "mjo-money-strip__note"]], template: function MJOMoneyStripComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div")(2, "span", 1);
+            i0.ɵɵtext(3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "span", 2);
+            i0.ɵɵtext(5);
+            i0.ɵɵpipe(6, "mjoMoney");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵconditionalCreate(7, MJOMoneyStripComponent_Conditional_7_Template, 6, 7, "div");
+            i0.ɵɵdomElementStart(8, "div", 3);
+            i0.ɵɵdomListener("click", function MJOMoneyStripComponent_Template_div_click_8_listener() { return ctx.onBalanceClick(); });
+            i0.ɵɵdomElementStart(9, "span", 1);
+            i0.ɵɵtext(10);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(11, "span", 2);
+            i0.ɵɵtext(12);
+            i0.ɵɵpipe(13, "mjoMoney");
+            i0.ɵɵpipe(14, "mjoMoney");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵconditionalCreate(15, MJOMoneyStripComponent_Conditional_15_Template, 4, 4, "div", 4);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("mjo-money-strip--compact", ctx.Compact);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.TotalLabel);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 12, ctx.Total));
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.ShowPaid ? 7 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mjo-clickable", ctx.BalanceClicked.observed);
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.IsCredit ? "Credit" : "Balance");
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mj-money--credit", ctx.IsCredit);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.IsCredit ? i0.ɵɵpipeBind2(13, 14, ctx.Balance, i0.ɵɵpureFunction0(19, _c0)) : i0.ɵɵpipeBind1(14, 17, ctx.Balance), " ");
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.ShowStatus && ctx.statusLabel ? 15 : -1);
+        } }, dependencies: [CommonModule, MJOMoneyPipe], styles: ["\n\n\n            .mjo-clickable[_ngcontent-%COMP%] {\n                cursor: pointer;\n            }\n            .mjo-clickable[_ngcontent-%COMP%]:hover {\n                background: var(--mj-bg-surface-hover);\n            }\n            .mjo-money-strip__note[_ngcontent-%COMP%] {\n                margin-left: var(--mj-space-2);\n            }\n            \n\n\n\n\n            @media (max-width: 720px) {\n                [_nghost-%COMP%]     .mj-money-strip {\n                    grid-template-columns: 1fr 1fr;\n                }\n                [_nghost-%COMP%]     .mj-money-strip > div:nth-child(-n + 2) {\n                    border-bottom: 1px solid var(--mj-border-default);\n                }\n                .mjo-money-strip__note[_ngcontent-%COMP%] {\n                    display: none;\n                }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOMoneyStripComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-money-strip', standalone: true, imports: [CommonModule, MJOMoneyPipe], template: `
+        <div class="mj-money-strip" [class.mjo-money-strip--compact]="Compact">
+            <div>
+                <span class="l">{{ TotalLabel }}</span>
+                <span class="v">{{ Total | mjoMoney }}</span>
+            </div>
+
+            @if (ShowPaid) {
+                <div>
+                    <span class="l">Paid</span>
+                    <span class="v" [class.mj-money--muted]="!Paid">{{ Paid | mjoMoney: { Zero: '—' } }}</span>
+                </div>
+            }
+
+            <div
+                [class.mjo-clickable]="BalanceClicked.observed"
+                (click)="onBalanceClick()">
+                <span class="l">{{ IsCredit ? 'Credit' : 'Balance' }}</span>
+                <span class="v" [class.mj-money--credit]="IsCredit">
+                    {{ IsCredit ? (Balance | mjoMoney: { Sign: 'absolute' }) : (Balance | mjoMoney) }}
+                </span>
+            </div>
+
+            <!-- statusLabel is required as well as ShowStatus: a draft has no PaymentStatus,
+                 so the cell rendered an EMPTY chip in its own bordered column. Beside TOTAL and
+                 BALANCE that reads as a third figure that failed to load rather than one that
+                 does not apply yet. ShowStatus stays the explicit opt-out; this is the
+                 nothing-to-say case. -->
+            @if (ShowStatus && statusLabel) {
+                <div class="mj-money-strip__status">
+                    <span class="mj-chip" [class]="statusChipClass">{{ statusLabel }}</span>
+                    @if (Note) {
+                        <span class="small muted mjo-money-strip__note">{{ Note }}</span>
+                    }
+                </div>
+            }
+        </div>
+    `, styles: ["\n            /* Layout only \u2014 every colour and metric comes from orders-kit.css so\n               this cannot drift from the approved design. */\n            .mjo-clickable {\n                cursor: pointer;\n            }\n            .mjo-clickable:hover {\n                background: var(--mj-bg-surface-hover);\n            }\n            .mjo-money-strip__note {\n                margin-left: var(--mj-space-2);\n            }\n            /* Basic responsive: below the two-column breakpoint the four cells\n               stack into two, which keeps each number on one line instead of\n               letting the amounts wrap mid-figure. Full optimisation is a later\n               phase; this is the floor. */\n            @media (max-width: 720px) {\n                :host ::ng-deep .mj-money-strip {\n                    grid-template-columns: 1fr 1fr;\n                }\n                :host ::ng-deep .mj-money-strip > div:nth-child(-n + 2) {\n                    border-bottom: 1px solid var(--mj-border-default);\n                }\n                .mjo-money-strip__note {\n                    display: none;\n                }\n            }\n        "] }]
+    }], null, { Total: [{
+            type: Input
+        }], Paid: [{
+            type: Input
+        }], Balance: [{
+            type: Input
+        }], PaymentStatus: [{
+            type: Input
+        }], TotalLabel: [{
+            type: Input
+        }], ShowPaid: [{
+            type: Input
+        }], ShowStatus: [{
+            type: Input
+        }], Compact: [{
+            type: Input
+        }], Note: [{
+            type: Input
+        }], BalanceClicked: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOMoneyStripComponent, { className: "MJOMoneyStripComponent", filePath: "lib/panels/money-strip.component.ts", lineNumber: 113 }); })();
+//# sourceMappingURL=money-strip.component.js.map

package/dist/lib/panels/money-strip.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"money-strip.component.js","sourceRoot":"","sources":["../../../src/lib/panels/money-strip.component.ts"],"names":[],"mappings":"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"}