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

package/dist/lib/panels/chips.component.d.ts

@@ -0,0 +1,104 @@
+import * as i0 from "@angular/core";
+/** What kind of consequence a line carries. Drives the icon and its tint. */
+export type MJOConsequenceKind = 
+/** Extends or creates a subscription. */
+'subscription'
+/** Recognition anchored to an event's own dates. */
+ | 'event'
+/** Revenue defers over a service period. */
+ | 'deferred'
+/** Must ship — holds the order at Posted. */
+ | 'fulfillment'
+/** Untaxable, with the reason. */
+ | 'untaxable'
+/** Which company's ledger this line lands in. */
+ | 'company'
+/** A promotion came off this line. */
+ | 'promotion'
+/** Anything else — neutral. */
+ | 'note';
+/**
+ * `mjo-consequence-chip` — a fact the engine derived about a line.
+ *
+ * Not an input, and deliberately not styled like one. These say what WILL happen
+ * as a result of the line as entered — "extends Jane Chen's membership through
+ * 2028", "recognizes on the event date", "ships, so this holds at Posted". The
+ * point of order entry in this app is that consequences are visible while the
+ * order is being typed rather than discovered at confirm.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-consequence-chip Kind="subscription">
+ *   Extends <b>SUB-2038</b> — coverage to Jul 31, 2028
+ * </mjo-consequence-chip>
+ * ```
+ */
+export declare class MJOConsequenceChipComponent {
+    /** Which consequence this is. Drives icon and tint. */
+    Kind: MJOConsequenceKind;
+    /** Optional longer explanation on hover. */
+    Tooltip: string | null;
+    protected get icon(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOConsequenceChipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOConsequenceChipComponent, "mjo-consequence-chip", never, { "Kind": { "alias": "Kind"; "required": false; }; "Tooltip": { "alias": "Tooltip"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/**
+ * `mjo-price-source-badge` — where a unit price came from.
+ *
+ * Direct entry WINS over every resolved price, so the badge distinguishes the two
+ * loudly: a resolved price names the rule that produced it, an overridden one says
+ * so in warning colour. Without that, a price someone typed and a price the engine
+ * chose look identical — and they behave completely differently.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-price-source-badge Source="Standard · tier 10+" />
+ * <mjo-price-source-badge [Overridden]="true" />
+ * ```
+ */
+export declare class MJOPriceSourceBadgeComponent {
+    /** The rule that resolved the price, e.g. `'Standard · tier 10+'`. */
+    Source: string | null;
+    /** The user typed the price. Wins outright, and says so. */
+    Overridden: boolean;
+    /**
+     * True once pricing has RETURNED — i.e. the caller has a preview result and is not mid-flight.
+     *
+     * Without it this component cannot tell "not computed yet" from "computed, and there is no
+     * rule", because both leave `Source` empty. Defaults to false so an un-updated caller keeps the
+     * old spinner rather than accusing a perfectly good product of having no price.
+     */
+    Settled: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOPriceSourceBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOPriceSourceBadgeComponent, "mjo-price-source-badge", never, { "Source": { "alias": "Source"; "required": false; }; "Overridden": { "alias": "Overridden"; "required": false; }; "Settled": { "alias": "Settled"; "required": false; }; }, {}, never, never, true, never>;
+}
+/**
+ * `mjo-stated-value` — a fact that came from somewhere else, with its source.
+ *
+ * The alternative to rendering an inherited value as an editable input. An event
+ * product's service period, a company inferred from an employment affiliation, a
+ * taxability resolved from a product type: these are ANSWERS the system already
+ * has. Showing them as inputs invites someone to override behaviour the type is
+ * already getting right, and hides the fact that anything decided it at all.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-stated-value Label="Service period" From="event dates (Sidecar Summit 2026)">
+ *   Oct 14 – Oct 16, 2026
+ * </mjo-stated-value>
+ * ```
+ */
+export declare class MJOStatedValueComponent {
+    /** What this value is. */
+    Label: string | null;
+    /** Where it came from — the whole reason this component exists. */
+    From: string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOStatedValueComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOStatedValueComponent, "mjo-stated-value", never, { "Label": { "alias": "Label"; "required": false; }; "From": { "alias": "From"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+/** Every chip component, for a consumer's `imports` array. */
+export declare const MJO_CHIP_COMPONENTS: readonly [typeof MJOConsequenceChipComponent, typeof MJOPriceSourceBadgeComponent, typeof MJOStatedValueComponent];
+//# sourceMappingURL=chips.component.d.ts.map

package/dist/lib/panels/chips.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.component.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/chips.component.ts"],"names":[],"mappings":";AAkBA,6EAA6E;AAC7E,MAAM,MAAM,kBAAkB;AAC1B,yCAAyC;AACvC,cAAc;AAChB,oDAAoD;GAClD,OAAO;AACT,4CAA4C;GAC1C,UAAU;AACZ,6CAA6C;GAC3C,aAAa;AACf,kCAAkC;GAChC,WAAW;AACb,iDAAiD;GAC/C,SAAS;AACX,sCAAsC;GACpC,WAAW;AACb,+BAA+B;GAC7B,MAAM,CAAC;AAab;;;;;;;;;;;;;;;;GAgBG;AACH,qBAsCa,2BAA2B;IACpC,uDAAuD;IAC9C,IAAI,EAAE,kBAAkB,CAAU;IAE3C,4CAA4C;IACnC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEvC,SAAS,KAAK,IAAI,IAAI,MAAM,CAE3B;yCATQ,2BAA2B;2CAA3B,2BAA2B;CAUvC;AAMD;;;;;;;;;;;;;;GAcG;AACH,qBA0Da,4BAA4B;IACrC,sEAAsE;IAC7D,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEtC,4DAA4D;IACnD,UAAU,UAAS;IAE5B;;;;;;OAMG;IACM,OAAO,UAAS;yCAdhB,4BAA4B;2CAA5B,4BAA4B;CAexC;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,qBAoCa,uBAAuB;IAChC,0BAA0B;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;IAErC,mEAAmE;IAC1D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;yCAL3B,uBAAuB;2CAAvB,uBAAuB;CAMnC;AAED,8DAA8D;AAC9D,eAAO,MAAM,mBAAmB,oHAItB,CAAC"}

package/dist/lib/panels/chips.component.js

@@ -0,0 +1,274 @@
+/**
+ * @fileoverview The chip family — small labels that carry state or provenance.
+ *
+ * Grouped in one file because they share a vocabulary and are meaningless apart:
+ * every one of them answers "what kind of thing is this, and where did it come
+ * from". Splitting them across five files would spread one decision over five
+ * places without making any of them clearer.
+ *
+ * @module @mj-biz-apps/orders-ng
+ */
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function MJOPriceSourceBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 0);
+    i0.ɵɵdomElement(1, "i", 4);
+    i0.ɵɵtext(2, " overridden ");
+    i0.ɵɵdomElementEnd();
+} }
+function MJOPriceSourceBadgeComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 1);
+    i0.ɵɵdomElement(1, "i", 5);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵdomProperty("title", "Resolved from " + ctx_r0.Source);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.Source, " ");
+} }
+function MJOPriceSourceBadgeComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 2);
+    i0.ɵɵdomElement(1, "i", 6);
+    i0.ɵɵtext(2, " no price rule ");
+    i0.ɵɵdomElementEnd();
+} }
+function MJOPriceSourceBadgeComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 3);
+    i0.ɵɵdomElement(1, "i", 7);
+    i0.ɵɵtext(2, " resolving\u2026 ");
+    i0.ɵɵdomElementEnd();
+} }
+function MJOStatedValueComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Label);
+} }
+function MJOStatedValueComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 3);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.From);
+} }
+const CONSEQUENCE_ICONS = {
+    subscription: 'fa-solid fa-rotate',
+    event: 'fa-solid fa-calendar-day',
+    deferred: 'fa-solid fa-hourglass-half',
+    fulfillment: 'fa-solid fa-dolly',
+    untaxable: 'fa-solid fa-ban',
+    company: 'fa-solid fa-building',
+    promotion: 'fa-solid fa-percent',
+    note: 'fa-solid fa-circle-info',
+};
+/**
+ * `mjo-consequence-chip` — a fact the engine derived about a line.
+ *
+ * Not an input, and deliberately not styled like one. These say what WILL happen
+ * as a result of the line as entered — "extends Jane Chen's membership through
+ * 2028", "recognizes on the event date", "ships, so this holds at Posted". The
+ * point of order entry in this app is that consequences are visible while the
+ * order is being typed rather than discovered at confirm.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-consequence-chip Kind="subscription">
+ *   Extends <b>SUB-2038</b> — coverage to Jul 31, 2028
+ * </mjo-consequence-chip>
+ * ```
+ */
+export class MJOConsequenceChipComponent {
+    /** Which consequence this is. Drives icon and tint. */
+    Kind = 'note';
+    /** Optional longer explanation on hover. */
+    Tooltip = null;
+    get icon() {
+        return CONSEQUENCE_ICONS[this.Kind] ?? CONSEQUENCE_ICONS.note;
+    }
+    static ɵfac = function MJOConsequenceChipComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOConsequenceChipComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOConsequenceChipComponent, selectors: [["mjo-consequence-chip"]], inputs: { Kind: "Kind", Tooltip: "Tooltip" }, ngContentSelectors: _c0, decls: 3, vars: 9, consts: [[1, "mj-consequence", 3, "title"], ["aria-hidden", "true"]], template: function MJOConsequenceChipComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "span", 0);
+            i0.ɵɵdomElement(1, "i", 1);
+            i0.ɵɵprojection(2);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("is-sub", ctx.Kind === "subscription")("is-event", ctx.Kind === "event")("is-defer", ctx.Kind === "deferred");
+            i0.ɵɵdomProperty("title", ctx.Tooltip ?? "");
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.icon);
+        } }, dependencies: [CommonModule], styles: ["[_nghost-%COMP%] { display: inline-flex; }\n        .mj-consequence[_ngcontent-%COMP%] {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: var(--mj-radius-sm);\n            padding: 3px 8px;\n            line-height: 1.2;\n        }\n        .mj-consequence[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n        }\n        .mj-consequence.is-sub[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-info); }\n        .mj-consequence.is-event[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-info); }\n        .mj-consequence.is-defer[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-status-warning); }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOConsequenceChipComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-consequence-chip', standalone: true, imports: [CommonModule], template: `
+        <span
+            class="mj-consequence"
+            [class.is-sub]="Kind === 'subscription'"
+            [class.is-event]="Kind === 'event'"
+            [class.is-defer]="Kind === 'deferred'"
+            [title]="Tooltip ?? ''">
+            <i [class]="icon" aria-hidden="true"></i>
+            <ng-content></ng-content>
+        </span>
+    `, styles: ["\n        :host { display: inline-flex; }\n        .mj-consequence {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: var(--mj-text-xs);\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: var(--mj-radius-sm);\n            padding: 3px 8px;\n            line-height: 1.2;\n        }\n        .mj-consequence i {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n        }\n        .mj-consequence.is-sub i { color: var(--mj-status-info); }\n        .mj-consequence.is-event i { color: var(--mj-status-info); }\n        .mj-consequence.is-defer i { color: var(--mj-status-warning); }\n    "] }]
+    }], null, { Kind: [{
+            type: Input
+        }], Tooltip: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOConsequenceChipComponent, { className: "MJOConsequenceChipComponent", filePath: "lib/panels/chips.component.ts", lineNumber: 104 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * Price-source badge
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * `mjo-price-source-badge` — where a unit price came from.
+ *
+ * Direct entry WINS over every resolved price, so the badge distinguishes the two
+ * loudly: a resolved price names the rule that produced it, an overridden one says
+ * so in warning colour. Without that, a price someone typed and a price the engine
+ * chose look identical — and they behave completely differently.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-price-source-badge Source="Standard · tier 10+" />
+ * <mjo-price-source-badge [Overridden]="true" />
+ * ```
+ */
+export class MJOPriceSourceBadgeComponent {
+    /** The rule that resolved the price, e.g. `'Standard · tier 10+'`. */
+    Source = null;
+    /** The user typed the price. Wins outright, and says so. */
+    Overridden = false;
+    /**
+     * True once pricing has RETURNED — i.e. the caller has a preview result and is not mid-flight.
+     *
+     * Without it this component cannot tell "not computed yet" from "computed, and there is no
+     * rule", because both leave `Source` empty. Defaults to false so an un-updated caller keeps the
+     * old spinner rather than accusing a perfectly good product of having no price.
+     */
+    Settled = false;
+    static ɵfac = function MJOPriceSourceBadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOPriceSourceBadgeComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOPriceSourceBadgeComponent, selectors: [["mjo-price-source-badge"]], inputs: { Source: "Source", Overridden: "Overridden", Settled: "Settled" }, decls: 4, vars: 1, consts: [["title", "Typed directly \u2014 this wins over any resolved price.", 1, "mjo-price-badge", "mjo-price-badge--override"], [1, "mjo-price-badge", 3, "title"], ["role", "status", "title", "No active price rule covers this product on this order's date, and no unit price was typed. Type a unit price on the line, or add a price rule for the product in the catalog.", 1, "mjo-price-badge", "mjo-price-badge--missing"], [1, "mjo-price-badge", "mjo-price-badge--muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-pen"], ["aria-hidden", "true", 1, "fa-solid", "fa-tag"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["aria-hidden", "true", 1, "fa-solid", "fa-hourglass-half"]], template: function MJOPriceSourceBadgeComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, MJOPriceSourceBadgeComponent_Conditional_0_Template, 3, 0, "span", 0)(1, MJOPriceSourceBadgeComponent_Conditional_1_Template, 3, 2, "span", 1)(2, MJOPriceSourceBadgeComponent_Conditional_2_Template, 3, 0, "span", 2)(3, MJOPriceSourceBadgeComponent_Conditional_3_Template, 3, 0, "span", 3);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Overridden ? 0 : ctx.Source ? 1 : ctx.Settled ? 2 : 3);
+        } }, dependencies: [CommonModule], styles: [".mjo-price-badge[_ngcontent-%COMP%] {\n                display: block;\n                font-size: 10.5px;\n                color: var(--mj-text-muted);\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n            .mjo-price-badge--override[_ngcontent-%COMP%] {\n                color: var(--mj-status-warning-text);\n            }\n            .mjo-price-badge--muted[_ngcontent-%COMP%] {\n                opacity: 0.7;\n            }\n            \n\n\n            .mjo-price-badge--missing[_ngcontent-%COMP%] {\n                color: var(--mj-status-warning-text);\n                font-weight: 600;\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOPriceSourceBadgeComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-price-source-badge', standalone: true, imports: [CommonModule], template: `
+        @if (Overridden) {
+            <span class="mjo-price-badge mjo-price-badge--override" title="Typed directly — this wins over any resolved price.">
+                <i class="fa-solid fa-pen" aria-hidden="true"></i> overridden
+            </span>
+        } @else if (Source) {
+            <span class="mjo-price-badge" [title]="'Resolved from ' + Source">
+                <i class="fa-solid fa-tag" aria-hidden="true"></i> {{ Source }}
+            </span>
+        } @else if (Settled) {
+            <!--
+              PRICING FINISHED AND FOUND NOTHING. This is a different fact from "still working",
+              and it used to be indistinguishable: both showed "resolving…", so a product with no
+              price rule spun for ever, the line stayed at zero, and the order totalled $0.00 with
+              nothing on screen saying why. A spinner that never stops reads as a slow system, not
+              as a thing the user has to go and fix.
+            -->
+            <span
+                class="mjo-price-badge mjo-price-badge--missing"
+                role="status"
+                title="No active price rule covers this product on this order's date, and no unit price was typed. Type a unit price on the line, or add a price rule for the product in the catalog.">
+                <i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i> no price rule
+            </span>
+        } @else {
+            <span class="mjo-price-badge mjo-price-badge--muted">
+                <i class="fa-solid fa-hourglass-half" aria-hidden="true"></i> resolving…
+            </span>
+        }
+    `, styles: ["\n            .mjo-price-badge {\n                display: block;\n                font-size: 10.5px;\n                color: var(--mj-text-muted);\n                white-space: nowrap;\n                overflow: hidden;\n                text-overflow: ellipsis;\n            }\n            .mjo-price-badge--override {\n                color: var(--mj-status-warning-text);\n            }\n            .mjo-price-badge--muted {\n                opacity: 0.7;\n            }\n            /* An unpriced line is a problem the user must act on, so it is styled as one rather\n               than as another muted hint. */\n            .mjo-price-badge--missing {\n                color: var(--mj-status-warning-text);\n                font-weight: 600;\n            }\n        "] }]
+    }], null, { Source: [{
+            type: Input
+        }], Overridden: [{
+            type: Input
+        }], Settled: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOPriceSourceBadgeComponent, { className: "MJOPriceSourceBadgeComponent", filePath: "lib/panels/chips.component.ts", lineNumber: 193 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * Stated value
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * `mjo-stated-value` — a fact that came from somewhere else, with its source.
+ *
+ * The alternative to rendering an inherited value as an editable input. An event
+ * product's service period, a company inferred from an employment affiliation, a
+ * taxability resolved from a product type: these are ANSWERS the system already
+ * has. Showing them as inputs invites someone to override behaviour the type is
+ * already getting right, and hides the fact that anything decided it at all.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-stated-value Label="Service period" From="event dates (Sidecar Summit 2026)">
+ *   Oct 14 – Oct 16, 2026
+ * </mjo-stated-value>
+ * ```
+ */
+export class MJOStatedValueComponent {
+    /** What this value is. */
+    Label = null;
+    /** Where it came from — the whole reason this component exists. */
+    From = null;
+    static ɵfac = function MJOStatedValueComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOStatedValueComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOStatedValueComponent, selectors: [["mjo-stated-value"]], inputs: { Label: "Label", From: "From" }, ngContentSelectors: _c0, decls: 5, vars: 2, consts: [[1, "mj-stated"], [1, "muted", "small", "mjo-stated__label"], [1, "value", "mjo-stated__value"], [1, "from"]], template: function MJOStatedValueComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, MJOStatedValueComponent_Conditional_1_Template, 2, 1, "span", 1);
+            i0.ɵɵdomElementStart(2, "span", 2);
+            i0.ɵɵprojection(3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(4, MJOStatedValueComponent_Conditional_4_Template, 2, 1, "span", 3);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Label ? 1 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.From ? 4 : -1);
+        } }, dependencies: [CommonModule], styles: [".mjo-stated__label[_ngcontent-%COMP%] {\n                width: 130px;\n                flex: none;\n            }\n            .mjo-stated__value[_ngcontent-%COMP%] {\n                flex: 1;\n                min-width: 0;\n            }\n            @media (max-width: 560px) {\n                [_nghost-%COMP%]     .mj-stated {\n                    flex-wrap: wrap;\n                }\n                .mjo-stated__label[_ngcontent-%COMP%] {\n                    width: 100%;\n                }\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOStatedValueComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-stated-value', standalone: true, imports: [CommonModule], template: `
+        <div class="mj-stated">
+            @if (Label) {
+                <span class="muted small mjo-stated__label">{{ Label }}</span>
+            }
+            <span class="value mjo-stated__value"><ng-content></ng-content></span>
+            @if (From) {
+                <span class="from">{{ From }}</span>
+            }
+        </div>
+    `, styles: ["\n            .mjo-stated__label {\n                width: 130px;\n                flex: none;\n            }\n            .mjo-stated__value {\n                flex: 1;\n                min-width: 0;\n            }\n            @media (max-width: 560px) {\n                :host ::ng-deep .mj-stated {\n                    flex-wrap: wrap;\n                }\n                .mjo-stated__label {\n                    width: 100%;\n                }\n            }\n        "] }]
+    }], null, { Label: [{
+            type: Input
+        }], From: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOStatedValueComponent, { className: "MJOStatedValueComponent", filePath: "lib/panels/chips.component.ts", lineNumber: 267 }); })();
+/** Every chip component, for a consumer's `imports` array. */
+export const MJO_CHIP_COMPONENTS = [
+    MJOConsequenceChipComponent,
+    MJOPriceSourceBadgeComponent,
+    MJOStatedValueComponent,
+];
+//# sourceMappingURL=chips.component.js.map

package/dist/lib/panels/chips.component.js.map

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

package/dist/lib/panels/day-bars.component.d.ts

@@ -0,0 +1,64 @@
+import * as i0 from "@angular/core";
+/** One column of the chart. */
+export interface MJODayBar {
+    /** Axis label under the bar — short, because seven of them share the width. */
+    Label: string;
+    Value: number;
+    /** Emphasised. Used for today, which is the only column still changing. */
+    Current?: boolean;
+}
+/**
+ * `mjo-day-bars` — a few days of counts, as magnitudes to compare.
+ *
+ * BARS, NOT A LINE. Seven discrete days are quantities to compare against each
+ * other, not a continuous quantity to trace. A line implies the values between
+ * Tuesday and Wednesday mean something, and they do not.
+ *
+ * ONE HUE. The days are the categories, so colouring them differently would
+ * encode nothing — it would look like information and carry none. Today is
+ * emphasised with the same hue at full strength rather than a second colour,
+ * because "not finished yet" is a state of one series, not a second series.
+ *
+ * NO LEGEND. A legend is for telling two series apart; there is one here, and the
+ * heading already names it.
+ *
+ * Every bar carries its own label and a hover title, so the value is readable
+ * without a y-axis — for seven columns an axis costs more space than it repays.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-day-bars
+ *   [Bars]="[{ Label: 'Mon', Value: 4 }, { Label: 'Tue', Value: 7, Current: true }]"
+ *   Unit="orders" />
+ * ```
+ */
+export declare class MJODayBarsComponent {
+    /** Columns, oldest first. */
+    Bars: MJODayBar[];
+    /** What a value counts, for the hover title. */
+    Unit: string;
+    /**
+     * The chart read aloud.
+     *
+     * `role="img"` hides the bars from assistive technology, so without this the
+     * panel would be silent. Every value is stated rather than summarised — seven
+     * numbers is short enough to read, and "trending up" is an interpretation the
+     * reader should be allowed to make themselves.
+     */
+    protected get AriaLabel(): string;
+    /** The exact figure, for the hover title and the screen-reader summary. */
+    protected money(value: number): string;
+    /** The abbreviated figure that fits above a narrow column. */
+    protected compact(value: number): string;
+    /**
+     * Bar height as a percentage of the tallest.
+     *
+     * A zero keeps a hairline rather than vanishing: an empty day is a fact worth
+     * seeing, and a missing bar reads as missing data instead of as no orders.
+     */
+    protected heightOf(bar: MJODayBar): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJODayBarsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJODayBarsComponent, "mjo-day-bars", never, { "Bars": { "alias": "Bars"; "required": false; }; "Unit": { "alias": "Unit"; "required": false; }; }, {}, never, never, true, never>;
+}
+//# sourceMappingURL=day-bars.component.d.ts.map

package/dist/lib/panels/day-bars.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"day-bars.component.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/day-bars.component.ts"],"names":[],"mappings":";AAIA,+BAA+B;AAC/B,MAAM,WAAW,SAAS;IACtB,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBA2Fa,mBAAmB;IAC5B,6BAA6B;IACpB,IAAI,EAAE,SAAS,EAAE,CAAM;IAEhC,gDAAgD;IACvC,IAAI,SAAM;IAEnB;;;;;;;OAOG;IACH,SAAS,KAAK,SAAS,IAAI,MAAM,CAIhC;IAED,2EAA2E;IAC3E,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAItC,8DAA8D;IAC9D,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIxC;;;;;OAKG;IACH,SAAS,CAAC,QAAQ,CAAC,GAAG,EAAE,SAAS,GAAG,MAAM;yCArCjC,mBAAmB;2CAAnB,mBAAmB;CAyC/B"}

package/dist/lib/panels/day-bars.component.js

@@ -0,0 +1,143 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormatCompact, FormatMoney } from './money-format.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.Label;
+function MJODayBarsComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1)(1, "span", 3);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "span", 4);
+    i0.ɵɵdomElement(4, "span", 5);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(5, "span", 6);
+    i0.ɵɵtext(6);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const bar_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵdomProperty("title", bar_r1.Label + ": " + ctx_r1.money(bar_r1.Value) + " " + ctx_r1.Unit);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("is-zero", !bar_r1.Value);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.compact(bar_r1.Value), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("height", ctx_r1.heightOf(bar_r1), "%");
+    i0.ɵɵclassProp("is-current", bar_r1.Current)("is-zero", !bar_r1.Value);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(bar_r1.Label);
+} }
+function MJODayBarsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 2);
+    i0.ɵɵtext(1, "No orders in this window.");
+    i0.ɵɵdomElementEnd();
+} }
+/**
+ * `mjo-day-bars` — a few days of counts, as magnitudes to compare.
+ *
+ * BARS, NOT A LINE. Seven discrete days are quantities to compare against each
+ * other, not a continuous quantity to trace. A line implies the values between
+ * Tuesday and Wednesday mean something, and they do not.
+ *
+ * ONE HUE. The days are the categories, so colouring them differently would
+ * encode nothing — it would look like information and carry none. Today is
+ * emphasised with the same hue at full strength rather than a second colour,
+ * because "not finished yet" is a state of one series, not a second series.
+ *
+ * NO LEGEND. A legend is for telling two series apart; there is one here, and the
+ * heading already names it.
+ *
+ * Every bar carries its own label and a hover title, so the value is readable
+ * without a y-axis — for seven columns an axis costs more space than it repays.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-day-bars
+ *   [Bars]="[{ Label: 'Mon', Value: 4 }, { Label: 'Tue', Value: 7, Current: true }]"
+ *   Unit="orders" />
+ * ```
+ */
+export class MJODayBarsComponent {
+    /** Columns, oldest first. */
+    Bars = [];
+    /** What a value counts, for the hover title. */
+    Unit = '';
+    /**
+     * The chart read aloud.
+     *
+     * `role="img"` hides the bars from assistive technology, so without this the
+     * panel would be silent. Every value is stated rather than summarised — seven
+     * numbers is short enough to read, and "trending up" is an interpretation the
+     * reader should be allowed to make themselves.
+     */
+    get AriaLabel() {
+        if (!this.Bars.length)
+            return 'No orders in this window.';
+        const parts = this.Bars.map((b) => `${b.Label} ${FormatMoney(b.Value)}`).join(', ');
+        return `${this.Unit || 'Values'} by day: ${parts}.`;
+    }
+    /** The exact figure, for the hover title and the screen-reader summary. */
+    money(value) {
+        return FormatMoney(value);
+    }
+    /** The abbreviated figure that fits above a narrow column. */
+    compact(value) {
+        return FormatCompact(value);
+    }
+    /**
+     * Bar height as a percentage of the tallest.
+     *
+     * A zero keeps a hairline rather than vanishing: an empty day is a fact worth
+     * seeing, and a missing bar reads as missing data instead of as no orders.
+     */
+    heightOf(bar) {
+        const max = Math.max(...this.Bars.map((b) => b.Value), 1);
+        return Math.max((bar.Value / max) * 100, 1.5);
+    }
+    static ɵfac = function MJODayBarsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJODayBarsComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJODayBarsComponent, selectors: [["mjo-day-bars"]], inputs: { Bars: "Bars", Unit: "Unit" }, decls: 4, vars: 2, consts: [["role", "img", 1, "mjo-days"], [1, "mjo-days__col", 3, "title"], [1, "small", "muted"], [1, "mjo-days__value", "tiny"], [1, "mjo-days__track"], [1, "mjo-days__bar"], [1, "mjo-days__label", "tiny", "muted"]], template: function MJODayBarsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵrepeaterCreate(1, MJODayBarsComponent_For_2_Template, 7, 11, "div", 1, _forTrack0);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(3, MJODayBarsComponent_Conditional_3_Template, 2, 0, "div", 2);
+        } if (rf & 2) {
+            i0.ɵɵattribute("aria-label", ctx.AriaLabel);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.Bars);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.Bars.length ? 3 : -1);
+        } }, dependencies: [CommonModule], styles: [".mjo-days[_ngcontent-%COMP%] {\n                display: flex;\n                align-items: flex-end;\n                gap: 4px;\n                height: 112px;\n                \n\n\n                border-bottom: 1px solid var(--mj-border-default);\n                padding-bottom: var(--mj-space-1);\n            }\n            .mjo-days__col[_ngcontent-%COMP%] {\n                flex: 1;\n                min-width: 0;\n                height: 100%;\n                display: flex;\n                flex-direction: column;\n                justify-content: flex-end;\n                align-items: center;\n                gap: 3px;\n            }\n            \n\n\n\n\n            .mjo-days__track[_ngcontent-%COMP%] {\n                flex: 1;\n                width: 100%;\n                min-height: 0;\n                display: flex;\n                align-items: flex-end;\n            }\n            \n\n\n\n            .mjo-days__value[_ngcontent-%COMP%] {\n                font-variant-numeric: tabular-nums;\n                font-weight: var(--mj-font-semibold);\n                color: var(--mj-text-secondary);\n                line-height: 1;\n                white-space: nowrap;\n            }\n            .mjo-days__value.is-zero[_ngcontent-%COMP%] { color: var(--mj-text-disabled); font-weight: var(--mj-font-medium); }\n            .mjo-days__bar[_ngcontent-%COMP%] {\n                display: block;\n                width: 100%;\n                \n\n\n                border-radius: 4px 4px 0 0;\n                background: color-mix(in srgb, var(--mj-brand-primary) 42%, transparent);\n            }\n            .mjo-days__bar.is-current[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n            \n\n\n\n            .mjo-days__bar.is-zero[_ngcontent-%COMP%] {\n                background: var(--mj-border-default);\n                min-height: 3px;\n            }\n            .mjo-days__label[_ngcontent-%COMP%] { line-height: 1; }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJODayBarsComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-day-bars', standalone: true, imports: [CommonModule], template: `
+        <div class="mjo-days" role="img" [attr.aria-label]="AriaLabel">
+            @for (bar of Bars; track bar.Label) {
+                <div class="mjo-days__col" [title]="bar.Label + ': ' + money(bar.Value) + ' ' + Unit">
+                    <span class="mjo-days__value tiny" [class.is-zero]="!bar.Value">
+                        {{ compact(bar.Value) }}
+                    </span>
+                    <span class="mjo-days__track">
+                        <span
+                            class="mjo-days__bar"
+                            [class.is-current]="bar.Current"
+                            [class.is-zero]="!bar.Value"
+                            [style.height.%]="heightOf(bar)"></span>
+                    </span>
+                    <span class="mjo-days__label tiny muted">{{ bar.Label }}</span>
+                </div>
+            }
+        </div>
+
+        @if (!Bars.length) {
+            <div class="small muted">No orders in this window.</div>
+        }
+    `, styles: ["\n            .mjo-days {\n                display: flex;\n                align-items: flex-end;\n                gap: 4px;\n                height: 112px;\n                /* An axis. Without it the bars float in an empty box and the chart reads as\n                   unfinished rather than as a low week. */\n                border-bottom: 1px solid var(--mj-border-default);\n                padding-bottom: var(--mj-space-1);\n            }\n            .mjo-days__col {\n                flex: 1;\n                min-width: 0;\n                height: 100%;\n                display: flex;\n                flex-direction: column;\n                justify-content: flex-end;\n                align-items: center;\n                gap: 3px;\n            }\n            /* The bar scales against the TRACK, not the column. Putting the value\n               label inside the column's own height would have made every bar\n               shorter by the height of its label, so the tallest bar could never\n               reach 100% and the axis would lie about the maximum. */\n            .mjo-days__track {\n                flex: 1;\n                width: 100%;\n                min-height: 0;\n                display: flex;\n                align-items: flex-end;\n            }\n            /* A bar shows RELATIVE size only; without this the chart says which day\n               was biggest but never how big. Exact figures stay on hover and in the\n               aria-label, so the abbreviation costs nothing. */\n            .mjo-days__value {\n                font-variant-numeric: tabular-nums;\n                font-weight: var(--mj-font-semibold);\n                color: var(--mj-text-secondary);\n                line-height: 1;\n                white-space: nowrap;\n            }\n            .mjo-days__value.is-zero { color: var(--mj-text-disabled); font-weight: var(--mj-font-medium); }\n            .mjo-days__bar {\n                display: block;\n                width: 100%;\n                /* Rounded at the data end only, anchored flat to the baseline \u2014\n                   rounding the base would lift the bar off the zero line. */\n                border-radius: 4px 4px 0 0;\n                background: color-mix(in srgb, var(--mj-brand-primary) 42%, transparent);\n            }\n            .mjo-days__bar.is-current { background: var(--mj-brand-primary); }\n            /* A day with no orders still has to READ as a day with no orders. At 84px tall the\n               1.5% floor is barely a pixel, so six empty days looked like a rendering failure\n               with one lone block rather than a quiet week. Give zero its own muted tick. */\n            .mjo-days__bar.is-zero {\n                background: var(--mj-border-default);\n                min-height: 3px;\n            }\n            .mjo-days__label { line-height: 1; }\n        "] }]
+    }], null, { Bars: [{
+            type: Input
+        }], Unit: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJODayBarsComponent, { className: "MJODayBarsComponent", filePath: "lib/panels/day-bars.component.ts", lineNumber: 131 }); })();
+//# sourceMappingURL=day-bars.component.js.map

package/dist/lib/panels/day-bars.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"day-bars.component.js","sourceRoot":"","sources":["../../../src/lib/panels/day-bars.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,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;;;;IA6CxC,AADJ,iCAAsF,cAClB;IAC5D,YACJ;IAAA,oBAAO;IACP,kCAA8B;IAC1B,6BAI4C;IAChD,oBAAO;IACP,kCAAyC;IAAA,YAAe;IAC5D,AAD4D,oBAAO,EAC7D;;;;IAZqB,+FAA0D;IAC9C,cAA4B;IAA5B,wCAA4B;IAC3D,cACJ;IADI,6DACJ;IAMQ,eAAgC;IAAhC,sDAAgC;IADhC,AADA,4CAAgC,0BACJ;IAGK,eAAe;IAAf,kCAAe;;;IAMhE,iCAAyB;IAAA,yCAAyB;IAAA,oBAAM;;AAlDpE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AA4FH,MAAM,OAAO,mBAAmB;IAC5B,6BAA6B;IACpB,IAAI,GAAgB,EAAE,CAAC;IAEhC,gDAAgD;IACvC,IAAI,GAAG,EAAE,CAAC;IAEnB;;;;;;;OAOG;IACH,IAAc,SAAS;QACnB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO,2BAA2B,CAAC;QAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpF,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,QAAQ,YAAY,KAAK,GAAG,CAAC;IACxD,CAAC;IAED,2EAA2E;IACjE,KAAK,CAAC,KAAa;QACzB,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC;IAED,8DAA8D;IACpD,OAAO,CAAC,KAAa;QAC3B,OAAO,aAAa,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED;;;;;OAKG;IACO,QAAQ,CAAC,GAAc;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC;IAClD,CAAC;6GAxCQ,mBAAmB;6DAAnB,mBAAmB;YAtFxB,iCAA+D;YAC3D,uFAcC;YACL,oBAAM;YAEN,qFAAoB;;;YAjBhB,cAcC;YAdD,uBAcC;YAGL,eAEC;YAFD,2CAEC;4BAtBK,YAAY;;iFAwFb,mBAAmB;cA3F/B,SAAS;2BACI,cAAc,cACZ,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;;;;;;;;;;KAsBT;;kBAmEA,KAAK;;kBAGL,KAAK;;kFALG,mBAAmB"}