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

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

@@ -0,0 +1,100 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.Label;
+function MJOSummaryStripComponent_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 1)(1, "div", 3);
+    i0.ɵɵtext(2);
+    i0.ɵɵdomElementEnd();
+    i0.ɵɵdomElementStart(3, "div", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const figure_r1 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(figure_r1.Label);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("mj-money--credit", figure_r1.Tone === "credit")("muted", figure_r1.Tone === "muted");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", figure_r1.Value, " ");
+} }
+function MJOSummaryStripComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 2);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Note);
+} }
+/**
+ * `mjo-summary-strip` — a row of totals above a worklist.
+ *
+ * WHY A STRIP RATHER THAN MORE STAT TILES. Tiles are for the numbers a person
+ * navigates BY; a strip is for the numbers that describe what is currently on
+ * screen. Making them look the same would invite reading the list's subtotal as
+ * a business-wide figure, which is exactly the mistake that makes someone chase
+ * the wrong customer.
+ *
+ * The figures are supplied already formatted. This component owns layout and
+ * tone, not arithmetic — a panel that formats money has an opinion about
+ * rounding, and there should be one of those in this app, in money-format.ts.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-summary-strip
+ *   [Figures]="[
+ *     { Label: 'Orders', Value: '19' },
+ *     { Label: 'Total value', Value: '$43,647.34' },
+ *     { Label: 'Credits held', Value: '−$335.00', Tone: 'credit' }
+ *   ]"
+ *   Note="Cheap counts over the filtered set — no on-demand aggregate work." />
+ * ```
+ */
+export class MJOSummaryStripComponent {
+    /** The figures, in reading order. */
+    Figures = [];
+    /** Optional trailing note, right-aligned. */
+    Note = null;
+    static ɵfac = function MJOSummaryStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOSummaryStripComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOSummaryStripComponent, selectors: [["mjo-summary-strip"]], inputs: { Figures: "Figures", Note: "Note" }, decls: 4, vars: 1, consts: [[1, "mjo-strip"], [1, "mjo-strip__figure"], [1, "mjo-strip__note", "small", "muted"], [1, "mjo-strip__label"], [1, "mjo-strip__value", "mj-num"]], template: function MJOSummaryStripComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵrepeaterCreate(1, MJOSummaryStripComponent_For_2_Template, 5, 6, "div", 1, _forTrack0);
+            i0.ɵɵconditionalCreate(3, MJOSummaryStripComponent_Conditional_3_Template, 2, 1, "div", 2);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.Figures);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Note ? 3 : -1);
+        } }, dependencies: [CommonModule], styles: [".mjo-strip[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n                gap: var(--mj-space-3, 10px);\n                padding-top: var(--mj-space-3, 10px);\n                margin-top: var(--mj-space-3, 10px);\n                border-top: 1px solid var(--mj-border-default);\n            }\n            .mjo-strip__figure[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                gap: 2px;\n                padding: 8px 12px;\n                border-radius: var(--mj-radius-md, 8px);\n                background: var(--mj-bg-surface-sunken);\n                border: 1px solid var(--mj-border-default);\n                transition: border-color 0.15s ease;\n                min-width: 0;\n            }\n            .mjo-strip__figure[_ngcontent-%COMP%]:hover {\n                border-color: var(--mj-brand-primary, #38bdf8);\n            }\n            .mjo-strip__label[_ngcontent-%COMP%] {\n                font-size: 10.5px;\n                font-weight: 700;\n                letter-spacing: 0.05em;\n                text-transform: uppercase;\n                color: var(--mj-text-muted);\n            }\n            .mjo-strip__value[_ngcontent-%COMP%] {\n                font-size: 16px;\n                font-weight: 800;\n                font-variant-numeric: tabular-nums;\n                color: var(--mj-text-primary);\n            }\n            .mjo-strip__note[_ngcontent-%COMP%] {\n                grid-column: 1 / -1;\n                font-size: 11px;\n                color: var(--mj-text-muted);\n                margin-top: 2px;\n            }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOSummaryStripComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-summary-strip', standalone: true, imports: [CommonModule], template: `
+        <div class="mjo-strip">
+            @for (figure of Figures; track figure.Label) {
+                <div class="mjo-strip__figure">
+                    <div class="mjo-strip__label">{{ figure.Label }}</div>
+                    <div
+                        class="mjo-strip__value mj-num"
+                        [class.mj-money--credit]="figure.Tone === 'credit'"
+                        [class.muted]="figure.Tone === 'muted'">
+                        {{ figure.Value }}
+                    </div>
+                </div>
+            }
+
+            @if (Note) {
+                <div class="mjo-strip__note small muted">{{ Note }}</div>
+            }
+        </div>
+    `, styles: ["\n            .mjo-strip {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n                gap: var(--mj-space-3, 10px);\n                padding-top: var(--mj-space-3, 10px);\n                margin-top: var(--mj-space-3, 10px);\n                border-top: 1px solid var(--mj-border-default);\n            }\n            .mjo-strip__figure {\n                display: flex;\n                flex-direction: column;\n                gap: 2px;\n                padding: 8px 12px;\n                border-radius: var(--mj-radius-md, 8px);\n                background: var(--mj-bg-surface-sunken);\n                border: 1px solid var(--mj-border-default);\n                transition: border-color 0.15s ease;\n                min-width: 0;\n            }\n            .mjo-strip__figure:hover {\n                border-color: var(--mj-brand-primary, #38bdf8);\n            }\n            .mjo-strip__label {\n                font-size: 10.5px;\n                font-weight: 700;\n                letter-spacing: 0.05em;\n                text-transform: uppercase;\n                color: var(--mj-text-muted);\n            }\n            .mjo-strip__value {\n                font-size: 16px;\n                font-weight: 800;\n                font-variant-numeric: tabular-nums;\n                color: var(--mj-text-primary);\n            }\n            .mjo-strip__note {\n                grid-column: 1 / -1;\n                font-size: 11px;\n                color: var(--mj-text-muted);\n                margin-top: 2px;\n            }\n        "] }]
+    }], null, { Figures: [{
+            type: Input
+        }], Note: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOSummaryStripComponent, { className: "MJOSummaryStripComponent", filePath: "lib/panels/summary-strip.component.ts", lineNumber: 112 }); })();
+//# sourceMappingURL=summary-strip.component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"summary-strip.component.js","sourceRoot":"","sources":["../../../src/lib/panels/summary-strip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;;;;IAiD3B,AADJ,iCAA+B,aACG;IAAA,YAAkB;IAAA,oBAAM;IACtD,iCAG4C;IACxC,YACJ;IACJ,AADI,oBAAM,EACJ;;;IAP4B,eAAkB;IAAlB,qCAAkB;IAG5C,cAAmD;IACnD,AADA,+DAAmD,qCACZ;IACvC,cACJ;IADI,gDACJ;;;IAKJ,iCAAyC;IAAA,YAAU;IAAA,oBAAM;;;IAAhB,cAAU;IAAV,iCAAU;;AA5CnE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAsEH,MAAM,OAAO,wBAAwB;IACjC,qCAAqC;IAC5B,OAAO,GAAuB,EAAE,CAAC;IAE1C,6CAA6C;IACpC,IAAI,GAAkB,IAAI,CAAC;kHAL3B,wBAAwB;6DAAxB,wBAAwB;YAhE7B,iCAAuB;YACnB,2FAUC;YAED,0FAAY;YAGhB,oBAAM;;YAfF,cAUC;YAVD,0BAUC;YAED,eAEC;YAFD,mCAEC;4BAjBC,YAAY;;iFAkEb,wBAAwB;cArEpC,SAAS;2BACI,mBAAmB,cACjB,IAAI,WACP,CAAC,YAAY,CAAC,YACb;;;;;;;;;;;;;;;;;;KAkBT;;kBAiDA,KAAK;;kBAGL,KAAK;;kFALG,wBAAwB"}

package/dist/lib/panels/worklist-table.component.d.ts

@@ -0,0 +1,127 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/** How a column's value is rendered. */
+export type MJOColumnKind = 
+/** Plain text. */
+'text'
+/** Right-aligned, tabular figures. */
+ | 'money'
+/** Right-aligned integer or decimal. */
+ | 'number'
+/** Formatted date. */
+ | 'date'
+/** A `mj-chip`; `ChipClass` picks the variant. */
+ | 'chip'
+/** Monospace — document numbers and references. */
+ | 'mono';
+/**
+ * A column definition.
+ *
+ * Generic for AUTHORING — a consumer writes `MJOColumn<MyRow>[]` and gets typed
+ * `Format`/`Secondary` callbacks. It defaults to `any` because Angular cannot
+ * propagate a component's generic through a template binding, so the component's
+ * own inputs must stay loose; keeping the parameter here is what preserves type
+ * safety at the only place it can actually be checked.
+ */
+export interface MJOColumn<TRow = any> {
+    /** Property on the row, and the column's identity for sorting. */
+    Key: string;
+    Label: string;
+    Kind?: MJOColumnKind;
+    /** Fixed width, e.g. `'110px'`. Omit to let it flex. */
+    Width?: string;
+    /** Whether the header offers sorting. Index-limited in practice, so opt-in. */
+    Sortable?: boolean;
+    /** Muted second line under the value. */
+    Secondary?: (row: TRow) => string | null;
+    /** Chip variant class for `Kind: 'chip'`. */
+    ChipClass?: (row: TRow) => string;
+    /** Hide below this viewport width — the responsive drop order. */
+    HideBelow?: 560 | 760 | 1000;
+    /** Render the value differently from the raw property. */
+    Format?: (row: TRow) => string;
+}
+/** A quick-filter chip above the table. */
+export interface MJOPreset {
+    Key: string;
+    Label: string;
+    /** Shown as a count pill. Omit — or pass 0 — to render no pill. */
+    Count?: number | null;
+    Icon?: string;
+}
+/**
+ * A worklist row. Loosely typed because Angular cannot propagate a component's
+ * generic through a template binding — the type safety that matters lives on
+ * {@link MJOColumn}, where the callbacks are actually authored.
+ */
+export type MJORow = any;
+/**
+ * `mjo-worklist-table` — the dense, filterable list idiom.
+ *
+ * Used by every "find and work a set" screen: all orders, all payments, the
+ * overdue worklist, the fulfillment queue. Configuration-driven rather than
+ * copied, so the filter behaviour, the empty state and the responsive column
+ * dropping are decided once.
+ *
+ * ONE FILTER SYSTEM, NEVER TWO. Preset chips are the fast path and a search box
+ * narrows within them. There is deliberately no second parallel set of controls
+ * inside the table — two filter systems on one screen means neither is trusted,
+ * and users end up unable to tell why a row is missing.
+ *
+ * COLUMNS DROP IN A STATED ORDER on narrow viewports rather than the table
+ * scrolling sideways. A horizontally-scrolling table on a phone hides data
+ * without admitting it; dropping the lowest-value columns at least tells the
+ * truth about what is on screen.
+ *
+ * ## Example
+ *
+ * ```html
+ * <mjo-worklist-table
+ *   [Columns]="columns"
+ *   [Rows]="rows"
+ *   [Presets]="presets"
+ *   [ActivePreset]="preset"
+ *   (PresetChanged)="preset = $event"
+ *   (RowClicked)="openPreview($event)" />
+ * ```
+ */
+export declare class MJOWorklistTableComponent {
+    /** Column definitions, left to right. */
+    Columns: MJOColumn[];
+    /** The rows to render. Filtering and sorting happen in the query, not here. */
+    Rows: MJORow[];
+    /** Quick-filter chips. */
+    Presets: MJOPreset[];
+    /** Which preset is active. */
+    ActivePreset: string | null;
+    /** Show the search box. */
+    Searchable: boolean;
+    /** Current search text — controlled by the host. */
+    Search: string;
+    SearchPlaceholder: string;
+    /** Column key currently sorted by. */
+    SortKey: string | null;
+    SortDescending: boolean;
+    /** Property naming a row's identity, for selection and tracking. */
+    RowKey: string;
+    /** The selected row's key, if the host tracks one. */
+    SelectedKey: string | null;
+    EmptyTitle: string;
+    EmptyHint: string;
+    EmptyIcon: string;
+    /** Muted line under the table — where a stated caveat belongs. */
+    FootNote: string | null;
+    PresetChanged: EventEmitter<string>;
+    SearchChanged: EventEmitter<string>;
+    SortChanged: EventEmitter<string>;
+    RowClicked: EventEmitter<any>;
+    protected trackRow(index: number, row: MJORow): unknown;
+    protected isSelected(row: MJORow): boolean;
+    protected onRowClick(row: MJORow): void;
+    protected hideClass(column: MJOColumn): string;
+    /** A column's rendered value — its formatter if it has one, else the raw property. */
+    protected display(row: MJORow, column: MJOColumn): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJOWorklistTableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJOWorklistTableComponent, "mjo-worklist-table", never, { "Columns": { "alias": "Columns"; "required": false; }; "Rows": { "alias": "Rows"; "required": false; }; "Presets": { "alias": "Presets"; "required": false; }; "ActivePreset": { "alias": "ActivePreset"; "required": false; }; "Searchable": { "alias": "Searchable"; "required": false; }; "Search": { "alias": "Search"; "required": false; }; "SearchPlaceholder": { "alias": "SearchPlaceholder"; "required": false; }; "SortKey": { "alias": "SortKey"; "required": false; }; "SortDescending": { "alias": "SortDescending"; "required": false; }; "RowKey": { "alias": "RowKey"; "required": false; }; "SelectedKey": { "alias": "SelectedKey"; "required": false; }; "EmptyTitle": { "alias": "EmptyTitle"; "required": false; }; "EmptyHint": { "alias": "EmptyHint"; "required": false; }; "EmptyIcon": { "alias": "EmptyIcon"; "required": false; }; "FootNote": { "alias": "FootNote"; "required": false; }; }, { "PresetChanged": "PresetChanged"; "SearchChanged": "SearchChanged"; "SortChanged": "SortChanged"; "RowClicked": "RowClicked"; }, never, never, true, never>;
+}
+//# sourceMappingURL=worklist-table.component.d.ts.map

package/dist/lib/panels/worklist-table.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"worklist-table.component.d.ts","sourceRoot":"","sources":["../../../src/lib/panels/worklist-table.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,YAAY,EAAiB,MAAM,eAAe,CAAC;;AAGvE,wCAAwC;AACxC,MAAM,MAAM,aAAa;AACrB,kBAAkB;AAChB,MAAM;AACR,sCAAsC;GACpC,OAAO;AACT,wCAAwC;GACtC,QAAQ;AACV,sBAAsB;GACpB,MAAM;AACR,kDAAkD;GAChD,MAAM;AACR,mDAAmD;GACjD,MAAM,CAAC;AAEb;;;;;;;;GAQG;AAEH,MAAM,WAAW,SAAS,CAAC,IAAI,GAAG,GAAG;IACjC,kEAAkE;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC;IACzC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;IAClC,kEAAkE;IAClE,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;IAC7B,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC;AAED,2CAA2C;AAC3C,MAAM,WAAW,SAAS;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AAEH,MAAM,MAAM,MAAM,GAAG,GAAG,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,qBAgJa,yBAAyB;IAClC,yCAAyC;IAChC,OAAO,EAAE,SAAS,EAAE,CAAM;IAEnC,+EAA+E;IACtE,IAAI,EAAE,MAAM,EAAE,CAAM;IAE7B,0BAA0B;IACjB,OAAO,EAAE,SAAS,EAAE,CAAM;IAEnC,8BAA8B;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE5C,2BAA2B;IAClB,UAAU,UAAQ;IAE3B,oDAAoD;IAC3C,MAAM,SAAM;IAEZ,iBAAiB,SAAa;IAEvC,sCAAsC;IAC7B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B,cAAc,UAAQ;IAE/B,oEAAoE;IAC3D,MAAM,SAAQ;IAEvB,sDAAsD;IAC7C,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IAElC,UAAU,SAAqB;IAC/B,SAAS,SAAkD;IAC3D,SAAS,SAAkC;IAEpD,kEAAkE;IACzD,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B,aAAa,uBAA8B;IAC3C,aAAa,uBAA8B;IAC3C,WAAW,uBAA8B;IACzC,UAAU,oBAA8B;IAElD,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,OAAO;IAIvD,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI1C,SAAS,CAAC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAIvC,SAAS,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM;IAI9C,sFAAsF;IACtF,SAAS,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,MAAM;yCA7DhD,yBAAyB;2CAAzB,yBAAyB;CAkErC"}