@mj-biz-apps/common-ng 5.40.0 → 5.42.0

package/dist/lib/components/stat-tile/__tests__/stat-tile.test.d.ts

@@ -0,0 +1,2 @@
+import '@angular/compiler';
+//# sourceMappingURL=stat-tile.test.d.ts.map

package/dist/lib/components/stat-tile/__tests__/stat-tile.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.test.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/stat-tile/__tests__/stat-tile.test.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC"}

package/dist/lib/components/stat-tile/__tests__/stat-tile.test.js

@@ -0,0 +1,110 @@
+import '@angular/compiler';
+import { describe, it, expect } from 'vitest';
+import { StatTileComponent } from '../stat-tile.component';
+import { StatRowComponent } from '../stat-row.component';
+/**
+ * These pin BEHAVIOUR, not markup: the em-dash rule and the "interactive only when observed" rule
+ * are the two things every consuming dashboard depends on, and both are silent when they regress —
+ * a zero looks like good news, and a dead tile looks like a tile.
+ */
+describe('StatTileComponent', () => {
+    describe('the em-dash rule', () => {
+        it('renders an em dash for null — an unreadable count is NOT zero', () => {
+            const tile = new StatTileComponent();
+            tile.Value = null;
+            expect(tile.DisplayValue).toBe('—');
+        });
+        it('renders an em dash for undefined, the shape a missing property arrives as', () => {
+            const tile = new StatTileComponent();
+            tile.Value = undefined;
+            expect(tile.DisplayValue).toBe('—');
+        });
+        it('renders a real zero as "0" — nothing to do is a legitimate answer', () => {
+            const tile = new StatTileComponent();
+            tile.Value = 0;
+            expect(tile.DisplayValue).toBe('0');
+        });
+        it('passes a pre-formatted string through untouched', () => {
+            const tile = new StatTileComponent();
+            tile.Value = '1,204';
+            expect(tile.DisplayValue).toBe('1,204');
+        });
+    });
+    describe('interactivity follows the subscription', () => {
+        it('is not clickable with no subscriber', () => {
+            const tile = new StatTileComponent();
+            expect(tile.IsClickable).toBe(false);
+        });
+        it('becomes clickable once something subscribes', () => {
+            const tile = new StatTileComponent();
+            tile.Clicked.subscribe(() => undefined);
+            expect(tile.IsClickable).toBe(true);
+        });
+        it('emits on activation when clickable', () => {
+            const tile = new StatTileComponent();
+            let fired = 0;
+            tile.Clicked.subscribe(() => (fired += 1));
+            tile.OnActivate();
+            expect(fired).toBe(1);
+        });
+        it('swallows activation when nothing is listening, rather than emitting into the void', () => {
+            const tile = new StatTileComponent();
+            expect(() => tile.OnActivate()).not.toThrow();
+            expect(tile.IsClickable).toBe(false);
+        });
+        it('prevents the default on Space so the tile does not scroll the dashboard', () => {
+            const tile = new StatTileComponent();
+            tile.Clicked.subscribe(() => undefined);
+            let prevented = false;
+            tile.OnActivate({ preventDefault: () => (prevented = true) });
+            expect(prevented).toBe(true);
+        });
+        /**
+         * ⚠ THE REGRESSION THIS FILE EXISTS FOR. A template binding subscribes at bind time whatever
+         * its handler expression later decides, so `(Clicked)="tile.Target ? Go() : null"` made every
+         * tile in a mixed row look and behave like a button. Contracts' dashboard shipped that; the
+         * inert "Clients with special terms" tile showed a pointer and did nothing.
+         */
+        it('an explicit Clickable=false beats an observed subscription', () => {
+            const tile = new StatTileComponent();
+            tile.Clicked.subscribe(() => undefined);
+            tile.Clickable = false;
+            expect(tile.IsClickable).toBe(false);
+        });
+        it('does not emit when explicitly not clickable, even with a subscriber', () => {
+            const tile = new StatTileComponent();
+            let fired = 0;
+            tile.Clicked.subscribe(() => (fired += 1));
+            tile.Clickable = false;
+            tile.OnActivate();
+            expect(fired).toBe(0);
+        });
+        it('an explicit Clickable=true beats having no subscriber', () => {
+            const tile = new StatTileComponent();
+            tile.Clickable = true;
+            expect(tile.IsClickable).toBe(true);
+        });
+        it('falls back to the subscription when Clickable is unset', () => {
+            const tile = new StatTileComponent();
+            expect(tile.Clickable).toBeNull();
+            expect(tile.IsClickable).toBe(false);
+            tile.Clicked.subscribe(() => undefined);
+            expect(tile.IsClickable).toBe(true);
+        });
+        it('does not prevent the default when it is not going to act', () => {
+            const tile = new StatTileComponent();
+            let prevented = false;
+            tile.OnActivate({ preventDefault: () => (prevented = true) });
+            expect(prevented).toBe(false);
+        });
+    });
+    it('defaults to the neutral tone', () => {
+        expect(new StatTileComponent().Tone).toBe('none');
+    });
+});
+describe('StatRowComponent', () => {
+    it('carries no error by default', () => {
+        expect(new StatRowComponent().Error).toBeNull();
+    });
+});
+//# sourceMappingURL=stat-tile.test.js.map

package/dist/lib/components/stat-tile/__tests__/stat-tile.test.js.map

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

package/dist/lib/components/stat-tile/stat-row.component.d.ts

@@ -0,0 +1,33 @@
+import * as i0 from "@angular/core";
+/**
+ * `bizapps-stat-row` — the row a set of {@link StatTileComponent}s sits in, plus the one place their
+ * failures are reported.
+ *
+ * WHY THE ERROR LINE LIVES HERE RATHER THAN ON EACH TILE. Dashboard tiles are counted concurrently
+ * and fail independently, so the honest report is per-row, not per-tile: each failed tile already
+ * says "—" in place of its number, and the row says once, underneath, how many numbers are unknown.
+ * Putting the sentence on every tile would repeat it four times and crowd out the numbers; putting
+ * it nowhere leaves an em dash the reader has to interpret alone.
+ *
+ * The caller composes the sentence, because only the caller knows what failed. Pass `null` when
+ * everything read.
+ *
+ * ```html
+ * <bizapps-stat-row [Error]="CountError">
+ *   <bizapps-stat-tile ... />
+ *   <bizapps-stat-tile ... />
+ * </bizapps-stat-row>
+ * ```
+ */
+export declare class StatRowComponent {
+    /**
+     * One sentence describing what could not be read, or `null`.
+     *
+     * Rendered muted rather than in error red on purpose: the tiles are still usable and the ones
+     * that read are still true. A red banner over a working dashboard reads as "this page is broken".
+     */
+    Error: string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatRowComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatRowComponent, "bizapps-stat-row", never, { "Error": { "alias": "Error"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+//# sourceMappingURL=stat-row.component.d.ts.map

package/dist/lib/components/stat-tile/stat-row.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-row.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/stat-tile/stat-row.component.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBA4Ba,gBAAgB;IACzB;;;;;OAKG;IACM,KAAK,EAAE,MAAM,GAAG,IAAI,CAAQ;yCAP5B,gBAAgB;2CAAhB,gBAAgB;CAQ5B"}

package/dist/lib/components/stat-tile/stat-row.component.js

@@ -0,0 +1,67 @@
+import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function StatRowComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "p", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Error);
+} }
+/**
+ * `bizapps-stat-row` — the row a set of {@link StatTileComponent}s sits in, plus the one place their
+ * failures are reported.
+ *
+ * WHY THE ERROR LINE LIVES HERE RATHER THAN ON EACH TILE. Dashboard tiles are counted concurrently
+ * and fail independently, so the honest report is per-row, not per-tile: each failed tile already
+ * says "—" in place of its number, and the row says once, underneath, how many numbers are unknown.
+ * Putting the sentence on every tile would repeat it four times and crowd out the numbers; putting
+ * it nowhere leaves an em dash the reader has to interpret alone.
+ *
+ * The caller composes the sentence, because only the caller knows what failed. Pass `null` when
+ * everything read.
+ *
+ * ```html
+ * <bizapps-stat-row [Error]="CountError">
+ *   <bizapps-stat-tile ... />
+ *   <bizapps-stat-tile ... />
+ * </bizapps-stat-row>
+ * ```
+ */
+export class StatRowComponent {
+    /**
+     * One sentence describing what could not be read, or `null`.
+     *
+     * Rendered muted rather than in error red on purpose: the tiles are still usable and the ones
+     * that read are still true. A red banner over a working dashboard reads as "this page is broken".
+     */
+    Error = null;
+    static ɵfac = function StatRowComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StatRowComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatRowComponent, selectors: [["bizapps-stat-row"]], inputs: { Error: "Error" }, ngContentSelectors: _c0, decls: 3, vars: 1, consts: [[1, "bizapps-stat-row"], ["role", "status", 1, "bizapps-stat-row__error"]], template: function StatRowComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵprojection(1);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(2, StatRowComponent_Conditional_2_Template, 2, 1, "p", 1);
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Error ? 2 : -1);
+        } }, styles: ["\n            .bizapps-stat-row {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n                gap: var(--mj-space-4);\n            }\n            .bizapps-stat-row__error {\n                margin: var(--mj-space-2) 0 0;\n                font-size: var(--mj-text-xs);\n                color: var(--mj-text-muted);\n            }\n        "], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatRowComponent, [{
+        type: Component,
+        args: [{ selector: 'bizapps-stat-row', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <div class="bizapps-stat-row">
+            <ng-content />
+        </div>
+        @if (Error) {
+            <p class="bizapps-stat-row__error" role="status">{{ Error }}</p>
+        }
+    `, styles: ["\n            .bizapps-stat-row {\n                display: grid;\n                grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));\n                gap: var(--mj-space-4);\n            }\n            .bizapps-stat-row__error {\n                margin: var(--mj-space-2) 0 0;\n                font-size: var(--mj-text-xs);\n                color: var(--mj-text-muted);\n            }\n        "] }]
+    }], null, { Error: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatRowComponent, { className: "StatRowComponent", filePath: "lib/components/stat-tile/stat-row.component.ts", lineNumber: 51 }); })();
+//# sourceMappingURL=stat-row.component.js.map

package/dist/lib/components/stat-tile/stat-row.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-row.component.js","sourceRoot":"","sources":["../../../../src/lib/components/stat-tile/stat-row.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;IAgCjF,+BAAiD;IAAA,YAAW;IAAA,oBAAI;;;IAAf,cAAW;IAAX,kCAAW;;AA9BxE;;;;;;;;;;;;;;;;;;;GAmBG;AA6BH,MAAM,OAAO,gBAAgB;IACzB;;;;;OAKG;IACM,KAAK,GAAkB,IAAI,CAAC;0GAP5B,gBAAgB;6DAAhB,gBAAgB;;YAtBrB,iCAA8B;YAC1B,kBAAc;YAClB,oBAAM;YACN,gFAAa;;YAAb,eAEC;YAFD,oCAEC;;;iFAiBI,gBAAgB;cA5B5B,SAAS;2BACI,kBAAkB,cAChB,IAAI,iBACD,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,YACrC;;;;;;;KAOT;;kBAuBA,KAAK;;kFAPG,gBAAgB"}

package/dist/lib/components/stat-tile/stat-tile.component.d.ts

@@ -0,0 +1,117 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * How a tile's number should read. `none` is the ordinary case; `warn` and `error` colour the value
+ * only, never the whole tile — a wall of coloured boxes stops meaning anything.
+ */
+export type StatTileTone = 'none' | 'warn' | 'error';
+/**
+ * `bizapps-stat-tile` — one headline count, and optionally where clicking it goes.
+ *
+ * THE SHARED BIZAPPS DASHBOARD TILE. Orders grew the first version of this
+ * (`Bizapps-Orders/.../panels/stat-tile.component.ts`); contracts, sales and accounting each grew
+ * their own near-copy. This is the one they collapse into.
+ *
+ * ## Two rules that are behaviour, not styling
+ *
+ * **A NULL VALUE RENDERS AN EM DASH, NEVER A ZERO.** A dashboard count comes from a query that can
+ * fail, and "0" is a specific, reassuring claim — "nothing to do here". Rendering an unknown as zero
+ * tells a finance user their queue is empty when it is actually unreadable, which is the one failure
+ * mode a work-queue dashboard must not have. Pass `null` for "we could not read this" and the tile
+ * says so.
+ *
+ * **A TILE THAT DOES NOTHING MUST NOT LOOK CLICKABLE.** One flag — {@link IsClickable} — drives the
+ * cursor, the `role`, the `tabindex` and the keyboard handlers together, so they cannot drift apart.
+ * It defaults to "is anything listening to `Clicked`", which is right for a row where every tile
+ * navigates; a row with a mix of live and inert tiles must pass {@link Clickable} explicitly, because
+ * a template binding counts as listening whatever its handler decides to do. See that input.
+ *
+ * ## Styles live here, deliberately
+ *
+ * Orders' version rendered `class="mj-stat"` and every one of those rules lived in `orders-kit.css`.
+ * Copied into another app it rendered as three unstyled spans — which is why this is a rewrite rather
+ * than a move. The styles below are the component's own, use design tokens only (no hex), and use a
+ * `bizapps-stat` class prefix: the app kits are global under `ViewEncapsulation.None`, and both
+ * `.mj-stat` (orders-kit) and `.mjc-stat` (contracts-kit) are already taken by unrelated things.
+ *
+ * ## Projected content
+ *
+ * Anything placed between the tags renders inside the box, under the detail line. It is for the
+ * rare tile that needs more than label/value/detail — a sparkline, a second smaller count — without
+ * growing the input list for every tile that does not. Most tiles project nothing.
+ *
+ * ## Example
+ *
+ * ```html
+ * <bizapps-stat-tile
+ *   Label="Awaiting executed document"
+ *   Icon="fa-solid fa-file-circle-question"
+ *   [Value]="AwaitingCount"
+ *   Detail="3 already in force"
+ *   Tone="error"
+ *   (Clicked)="GoToAwaiting()" />
+ * ```
+ */
+export declare class StatTileComponent {
+    /**
+     * What the number is. Part of the accessible name, which a clickable tile takes from its
+     * visible content — label, value and detail — rather than an `aria-label` that would hide
+     * the count from a screen reader.
+     */
+    Label: string;
+    /** Font Awesome class for the small icon beside the label. Optional. */
+    Icon: string | null;
+    /**
+     * The number, or `null`/`undefined` for "could not be read".
+     *
+     * `undefined` is accepted because that is the shape a missing property arrives as, and this
+     * package sets `strictTemplates` — without it, `[Value]="counts.awaiting"` on an optional
+     * property does not compile.
+     *
+     * A string is accepted so a caller can pass an already-formatted value (`'1,204'`); the tile
+     * never formats, because formatting rules belong to the app that owns the number.
+     */
+    Value: number | string | null | undefined;
+    /** One line under the number — the footnote that qualifies it. Optional. */
+    Detail: string | null;
+    /** Colours the value when the number is one somebody has to act on. */
+    Tone: StatTileTone;
+    /** Emitted on click, Enter or Space. */
+    Clicked: EventEmitter<void>;
+    /**
+     * Force interactivity on or off. Leave unset to infer it from whether anything is listening.
+     *
+     * ⚠ THE INFERENCE ALONE IS NOT ENOUGH, and this input exists because of a bug it failed to
+     * prevent. `Clicked.observed` is true whenever a TEMPLATE binds `(Clicked)` — Angular subscribes
+     * to the output at binding time, and it has no idea what the handler expression decides to do.
+     * So a consumer writing `(Clicked)="tile.Target ? Go(tile) : null"` for a mixed row of tiles gets
+     * every tile focusable, announced as a button and showing a pointer, including the ones whose
+     * click resolves to nothing — which is precisely the "invites a click that does nothing" outcome
+     * the inference was meant to rule out.
+     *
+     * Pass `false` for a tile that is deliberately inert, and keep binding `(Clicked)` normally.
+     */
+    Clickable: boolean | null;
+    /** `null` becomes an em dash. See the class comment — this is the rule, not a formatting choice. */
+    get DisplayValue(): string;
+    /**
+     * One flag drives cursor, role, tabindex and the keyboard handlers, so they cannot disagree.
+     *
+     * An explicit {@link Clickable} always wins; otherwise fall back to whether anything is
+     * listening, which is right for the common case of a row where every tile navigates.
+     *
+     * Safe under `OnPush` even though `Clicked.observed` is not an input: Angular subscribes to
+     * outputs when it creates the view, before the first check, and a template binding never
+     * comes or goes afterwards.
+     */
+    get IsClickable(): boolean;
+    /**
+     * @param event present for the Space binding — Space scrolls the page by default, and a tile that
+     *              scrolls the dashboard instead of opening the list is a keyboard-only bug nobody
+     *              reports.
+     */
+    OnActivate(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatTileComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatTileComponent, "bizapps-stat-tile", never, { "Label": { "alias": "Label"; "required": false; }; "Icon": { "alias": "Icon"; "required": false; }; "Value": { "alias": "Value"; "required": false; }; "Detail": { "alias": "Detail"; "required": false; }; "Tone": { "alias": "Tone"; "required": false; }; "Clickable": { "alias": "Clickable"; "required": false; }; }, { "Clicked": "Clicked"; }, never, ["*"], true, never>;
+}
+//# sourceMappingURL=stat-tile.component.d.ts.map

package/dist/lib/components/stat-tile/stat-tile.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/stat-tile/stat-tile.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,YAAY,EAAoC,MAAM,eAAe,CAAC;;AAEnH;;;GAGG;AACH,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBA2Fa,iBAAiB;IAC1B;;;;OAIG;IACM,KAAK,SAAM;IAEpB,wEAAwE;IAC/D,IAAI,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEpC;;;;;;;;;OASG;IACM,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAQ;IAE1D,4EAA4E;IACnE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEtC,uEAAuE;IAC9D,IAAI,EAAE,YAAY,CAAU;IAErC,wCAAwC;IAC9B,OAAO,qBAA4B;IAE7C;;;;;;;;;;;;OAYG;IACM,SAAS,EAAE,OAAO,GAAG,IAAI,CAAQ;IAE1C,oGAAoG;IACpG,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED;;;;;;;;;OASG;IACH,IAAW,WAAW,IAAI,OAAO,CAEhC;IAED;;;;OAIG;IACI,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI;yCAvE7B,iBAAiB;2CAAjB,iBAAiB;CA4E7B"}

package/dist/lib/components/stat-tile/stat-tile.component.js

@@ -0,0 +1,204 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import * as i0 from "@angular/core";
+const _c0 = ["*"];
+function StatTileComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElement(0, "i", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r0.Icon);
+} }
+function StatTileComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 4);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Detail);
+} }
+/**
+ * `bizapps-stat-tile` — one headline count, and optionally where clicking it goes.
+ *
+ * THE SHARED BIZAPPS DASHBOARD TILE. Orders grew the first version of this
+ * (`Bizapps-Orders/.../panels/stat-tile.component.ts`); contracts, sales and accounting each grew
+ * their own near-copy. This is the one they collapse into.
+ *
+ * ## Two rules that are behaviour, not styling
+ *
+ * **A NULL VALUE RENDERS AN EM DASH, NEVER A ZERO.** A dashboard count comes from a query that can
+ * fail, and "0" is a specific, reassuring claim — "nothing to do here". Rendering an unknown as zero
+ * tells a finance user their queue is empty when it is actually unreadable, which is the one failure
+ * mode a work-queue dashboard must not have. Pass `null` for "we could not read this" and the tile
+ * says so.
+ *
+ * **A TILE THAT DOES NOTHING MUST NOT LOOK CLICKABLE.** One flag — {@link IsClickable} — drives the
+ * cursor, the `role`, the `tabindex` and the keyboard handlers together, so they cannot drift apart.
+ * It defaults to "is anything listening to `Clicked`", which is right for a row where every tile
+ * navigates; a row with a mix of live and inert tiles must pass {@link Clickable} explicitly, because
+ * a template binding counts as listening whatever its handler decides to do. See that input.
+ *
+ * ## Styles live here, deliberately
+ *
+ * Orders' version rendered `class="mj-stat"` and every one of those rules lived in `orders-kit.css`.
+ * Copied into another app it rendered as three unstyled spans — which is why this is a rewrite rather
+ * than a move. The styles below are the component's own, use design tokens only (no hex), and use a
+ * `bizapps-stat` class prefix: the app kits are global under `ViewEncapsulation.None`, and both
+ * `.mj-stat` (orders-kit) and `.mjc-stat` (contracts-kit) are already taken by unrelated things.
+ *
+ * ## Projected content
+ *
+ * Anything placed between the tags renders inside the box, under the detail line. It is for the
+ * rare tile that needs more than label/value/detail — a sparkline, a second smaller count — without
+ * growing the input list for every tile that does not. Most tiles project nothing.
+ *
+ * ## Example
+ *
+ * ```html
+ * <bizapps-stat-tile
+ *   Label="Awaiting executed document"
+ *   Icon="fa-solid fa-file-circle-question"
+ *   [Value]="AwaitingCount"
+ *   Detail="3 already in force"
+ *   Tone="error"
+ *   (Clicked)="GoToAwaiting()" />
+ * ```
+ */
+export class StatTileComponent {
+    /**
+     * What the number is. Part of the accessible name, which a clickable tile takes from its
+     * visible content — label, value and detail — rather than an `aria-label` that would hide
+     * the count from a screen reader.
+     */
+    Label = '';
+    /** Font Awesome class for the small icon beside the label. Optional. */
+    Icon = null;
+    /**
+     * The number, or `null`/`undefined` for "could not be read".
+     *
+     * `undefined` is accepted because that is the shape a missing property arrives as, and this
+     * package sets `strictTemplates` — without it, `[Value]="counts.awaiting"` on an optional
+     * property does not compile.
+     *
+     * A string is accepted so a caller can pass an already-formatted value (`'1,204'`); the tile
+     * never formats, because formatting rules belong to the app that owns the number.
+     */
+    Value = null;
+    /** One line under the number — the footnote that qualifies it. Optional. */
+    Detail = null;
+    /** Colours the value when the number is one somebody has to act on. */
+    Tone = 'none';
+    /** Emitted on click, Enter or Space. */
+    Clicked = new EventEmitter();
+    /**
+     * Force interactivity on or off. Leave unset to infer it from whether anything is listening.
+     *
+     * ⚠ THE INFERENCE ALONE IS NOT ENOUGH, and this input exists because of a bug it failed to
+     * prevent. `Clicked.observed` is true whenever a TEMPLATE binds `(Clicked)` — Angular subscribes
+     * to the output at binding time, and it has no idea what the handler expression decides to do.
+     * So a consumer writing `(Clicked)="tile.Target ? Go(tile) : null"` for a mixed row of tiles gets
+     * every tile focusable, announced as a button and showing a pointer, including the ones whose
+     * click resolves to nothing — which is precisely the "invites a click that does nothing" outcome
+     * the inference was meant to rule out.
+     *
+     * Pass `false` for a tile that is deliberately inert, and keep binding `(Clicked)` normally.
+     */
+    Clickable = null;
+    /** `null` becomes an em dash. See the class comment — this is the rule, not a formatting choice. */
+    get DisplayValue() {
+        return this.Value === null || this.Value === undefined ? '—' : String(this.Value);
+    }
+    /**
+     * One flag drives cursor, role, tabindex and the keyboard handlers, so they cannot disagree.
+     *
+     * An explicit {@link Clickable} always wins; otherwise fall back to whether anything is
+     * listening, which is right for the common case of a row where every tile navigates.
+     *
+     * Safe under `OnPush` even though `Clicked.observed` is not an input: Angular subscribes to
+     * outputs when it creates the view, before the first check, and a template binding never
+     * comes or goes afterwards.
+     */
+    get IsClickable() {
+        return this.Clickable ?? this.Clicked.observed;
+    }
+    /**
+     * @param event present for the Space binding — Space scrolls the page by default, and a tile that
+     *              scrolls the dashboard instead of opening the list is a keyboard-only bug nobody
+     *              reports.
+     */
+    OnActivate(event) {
+        if (!this.IsClickable)
+            return;
+        event?.preventDefault();
+        this.Clicked.emit();
+    }
+    static ɵfac = function StatTileComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StatTileComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatTileComponent, selectors: [["bizapps-stat-tile"]], inputs: { Label: "Label", Icon: "Icon", Value: "Value", Detail: "Detail", Tone: "Tone", Clickable: "Clickable" }, outputs: { Clicked: "Clicked" }, ngContentSelectors: _c0, decls: 8, vars: 12, consts: [[1, "bizapps-stat", 3, "click", "keydown.enter", "keydown.space"], [1, "bizapps-stat__label"], ["aria-hidden", "true", 3, "class"], [1, "bizapps-stat__value"], [1, "bizapps-stat__detail"], ["aria-hidden", "true"]], template: function StatTileComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵdomElementStart(0, "div", 0);
+            i0.ɵɵdomListener("click", function StatTileComponent_Template_div_click_0_listener() { return ctx.OnActivate(); })("keydown.enter", function StatTileComponent_Template_div_keydown_enter_0_listener() { return ctx.OnActivate(); })("keydown.space", function StatTileComponent_Template_div_keydown_space_0_listener($event) { return ctx.OnActivate($event); });
+            i0.ɵɵdomElementStart(1, "span", 1);
+            i0.ɵɵconditionalCreate(2, StatTileComponent_Conditional_2_Template, 1, 2, "i", 2);
+            i0.ɵɵtext(3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "span", 3);
+            i0.ɵɵtext(5);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(6, StatTileComponent_Conditional_6_Template, 2, 1, "span", 4);
+            i0.ɵɵprojection(7);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassProp("bizapps-stat--warn", ctx.Tone === "warn")("bizapps-stat--error", ctx.Tone === "error")("bizapps-stat--clickable", ctx.IsClickable);
+            i0.ɵɵattribute("role", ctx.IsClickable ? "button" : null)("tabindex", ctx.IsClickable ? 0 : null);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Icon ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.Label, " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.DisplayValue);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Detail ? 6 : -1);
+        } }, styles: ["\n            /* The grid item in a bizapps-stat-row is this unstyled host, not the bordered box one\n               level in: the host stretches to the row height, the box would stay content-height and\n               fall short whenever a sibling has more content. The host passes the stretch through. */\n            bizapps-stat-tile {\n                display: flex;\n            }\n            .bizapps-stat {\n                display: flex;\n                flex: 1;\n                flex-direction: column;\n                gap: 2px;\n                min-width: 0;\n                padding: var(--mj-space-4);\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n            }\n            .bizapps-stat__label {\n                display: flex;\n                align-items: center;\n                gap: 6px;\n                font-size: var(--mj-text-xs);\n                font-weight: var(--mj-font-semibold);\n                letter-spacing: 0.04em;\n                text-transform: uppercase;\n                color: var(--mj-text-muted);\n            }\n            .bizapps-stat__value {\n                font-size: var(--mj-text-2xl);\n                font-weight: var(--mj-font-bold);\n                font-variant-numeric: tabular-nums;\n                letter-spacing: -0.02em;\n                line-height: 1.15;\n            }\n            .bizapps-stat__detail {\n                font-size: var(--mj-text-xs);\n                color: var(--mj-text-muted);\n            }\n\n            /* Tone colours the NUMBER, not the tile. */\n            .bizapps-stat--warn .bizapps-stat__value {\n                color: var(--mj-status-warning-text);\n            }\n            .bizapps-stat--error .bizapps-stat__value {\n                color: var(--mj-status-error-text);\n            }\n\n            .bizapps-stat--clickable {\n                cursor: pointer;\n            }\n            .bizapps-stat--clickable:hover {\n                border-color: var(--mj-brand-primary);\n            }\n            .bizapps-stat--clickable:focus-visible {\n                outline: 2px solid var(--mj-border-focus, var(--mj-brand-primary));\n                outline-offset: 2px;\n            }\n        "], encapsulation: 2, changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatTileComponent, [{
+        type: Component,
+        args: [{ selector: 'bizapps-stat-tile', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <div
+            class="bizapps-stat"
+            [class.bizapps-stat--warn]="Tone === 'warn'"
+            [class.bizapps-stat--error]="Tone === 'error'"
+            [class.bizapps-stat--clickable]="IsClickable"
+            [attr.role]="IsClickable ? 'button' : null"
+            [attr.tabindex]="IsClickable ? 0 : null"
+            (click)="OnActivate()"
+            (keydown.enter)="OnActivate()"
+            (keydown.space)="OnActivate($event)">
+            <span class="bizapps-stat__label">
+                @if (Icon) {
+                    <i [class]="Icon" aria-hidden="true"></i>
+                }
+                {{ Label }}
+            </span>
+            <span class="bizapps-stat__value">{{ DisplayValue }}</span>
+            @if (Detail) {
+                <span class="bizapps-stat__detail">{{ Detail }}</span>
+            }
+            <ng-content />
+        </div>
+    `, styles: ["\n            /* The grid item in a bizapps-stat-row is this unstyled host, not the bordered box one\n               level in: the host stretches to the row height, the box would stay content-height and\n               fall short whenever a sibling has more content. The host passes the stretch through. */\n            bizapps-stat-tile {\n                display: flex;\n            }\n            .bizapps-stat {\n                display: flex;\n                flex: 1;\n                flex-direction: column;\n                gap: 2px;\n                min-width: 0;\n                padding: var(--mj-space-4);\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n            }\n            .bizapps-stat__label {\n                display: flex;\n                align-items: center;\n                gap: 6px;\n                font-size: var(--mj-text-xs);\n                font-weight: var(--mj-font-semibold);\n                letter-spacing: 0.04em;\n                text-transform: uppercase;\n                color: var(--mj-text-muted);\n            }\n            .bizapps-stat__value {\n                font-size: var(--mj-text-2xl);\n                font-weight: var(--mj-font-bold);\n                font-variant-numeric: tabular-nums;\n                letter-spacing: -0.02em;\n                line-height: 1.15;\n            }\n            .bizapps-stat__detail {\n                font-size: var(--mj-text-xs);\n                color: var(--mj-text-muted);\n            }\n\n            /* Tone colours the NUMBER, not the tile. */\n            .bizapps-stat--warn .bizapps-stat__value {\n                color: var(--mj-status-warning-text);\n            }\n            .bizapps-stat--error .bizapps-stat__value {\n                color: var(--mj-status-error-text);\n            }\n\n            .bizapps-stat--clickable {\n                cursor: pointer;\n            }\n            .bizapps-stat--clickable:hover {\n                border-color: var(--mj-brand-primary);\n            }\n            .bizapps-stat--clickable:focus-visible {\n                outline: 2px solid var(--mj-border-focus, var(--mj-brand-primary));\n                outline-offset: 2px;\n            }\n        "] }]
+    }], null, { Label: [{
+            type: Input
+        }], Icon: [{
+            type: Input
+        }], Value: [{
+            type: Input
+        }], Detail: [{
+            type: Input
+        }], Tone: [{
+            type: Input
+        }], Clicked: [{
+            type: Output
+        }], Clickable: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatTileComponent, { className: "StatTileComponent", filePath: "lib/components/stat-tile/stat-tile.component.ts", lineNumber: 147 }); })();
+//# sourceMappingURL=stat-tile.component.js.map

package/dist/lib/components/stat-tile/stat-tile.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-tile.component.js","sourceRoot":"","sources":["../../../../src/lib/components/stat-tile/stat-tile.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;;;IAyE/F,0BAAyC;;;IAAtC,0BAAc;;;IAMrB,kCAAmC;IAAA,YAAY;IAAA,oBAAO;;;IAAnB,cAAY;IAAZ,mCAAY;;AAvE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AA4FH,MAAM,OAAO,iBAAiB;IAC1B;;;;OAIG;IACM,KAAK,GAAG,EAAE,CAAC;IAEpB,wEAAwE;IAC/D,IAAI,GAAkB,IAAI,CAAC;IAEpC;;;;;;;;;OASG;IACM,KAAK,GAAuC,IAAI,CAAC;IAE1D,4EAA4E;IACnE,MAAM,GAAkB,IAAI,CAAC;IAEtC,uEAAuE;IAC9D,IAAI,GAAiB,MAAM,CAAC;IAErC,wCAAwC;IAC9B,OAAO,GAAG,IAAI,YAAY,EAAQ,CAAC;IAE7C;;;;;;;;;;;;OAYG;IACM,SAAS,GAAmB,IAAI,CAAC;IAE1C,oGAAoG;IACpG,IAAW,YAAY;QACnB,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACtF,CAAC;IAED;;;;;;;;;OASG;IACH,IAAW,WAAW;QAClB,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC;IACnD,CAAC;IAED;;;;OAIG;IACI,UAAU,CAAC,KAAa;QAC3B,IAAI,CAAC,IAAI,CAAC,WAAW;YAAE,OAAO;QAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;QACxB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;IACxB,CAAC;2GA3EQ,iBAAiB;6DAAjB,iBAAiB;;YArFtB,iCASyC;YAArC,AADA,AADA,8FAAS,gBAAY,IAAC,8FACL,gBAAY,IAAC,oGACb,sBAAkB,IAAC;YACpC,kCAAkC;YAC9B,iFAAY;YAGZ,YACJ;YAAA,oBAAO;YACP,kCAAkC;YAAA,YAAkB;YAAA,oBAAO;YAC3D,oFAAc;YAGd,kBAAc;YAClB,oBAAM;;YAjBF,AADA,AADA,yDAA4C,6CACE,4CACD;;YAOzC,eAEC;YAFD,mCAEC;YACD,cACJ;YADI,0CACJ;YACkC,eAAkB;YAAlB,sCAAkB;YACpD,cAEC;YAFD,qCAEC;;;iFAkEA,iBAAiB;cA3F7B,SAAS;2BACI,mBAAmB,cACjB,IAAI,iBACD,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,YACrC;;;;;;;;;;;;;;;;;;;;;;;KAuBT;;kBAqEA,KAAK;;kBAGL,KAAK;;kBAYL,KAAK;;kBAGL,KAAK;;kBAGL,KAAK;;kBAGL,MAAM;;kBAeN,KAAK;;kFA7CG,iBAAiB"}

package/dist/public-api.d.ts

@@ -16,6 +16,8 @@ export { ContactMethodListComponent } from './lib/components/contact-method-list
 export { RelationshipListComponent } from './lib/components/relationship-list/relationship-list.component';
 export { OrgHierarchyTreeComponent, OrgTreeNode } from './lib/components/org-hierarchy-tree/org-hierarchy-tree.component';
 export { CommonRelationshipGraphComponent } from './lib/components/relationship-graph/common-relationship-graph.component';
+export { StatTileComponent, type StatTileTone } from './lib/components/stat-tile/stat-tile.component';
+export { StatRowComponent } from './lib/components/stat-tile/stat-row.component';
 export { PersonIdentityComponent } from './lib/components/identity-header/person-identity.component';
 export { OrganizationIdentityComponent } from './lib/components/identity-header/organization-identity.component';
 export { ActivityIdentityComponent } from './lib/components/identity-header/activity-identity.component';

package/dist/public-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,8BAA8B,CAAC;AAGtC,OAAO,wCAAwC,CAAC;AAGhD,OAAO,kCAAkC,CAAC;AAM1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAChH,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,kEAAkE,CAAC;AAC1H,OAAO,EAAE,gCAAgC,EAAE,MAAM,yEAAyE,CAAC;AAC3H,OAAO,EAAE,uBAAuB,EAAE,MAAM,4DAA4D,CAAC;AACrG,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AACjH,OAAO,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC;AACzG,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAGlF,OAAO,0CAA0C,CAAC;AAElD,OAAO,EACH,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,+BAA+B,EAC/B,wBAAwB,EAC3B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAEtF;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C"}
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,8BAA8B,CAAC;AAGtC,OAAO,wCAAwC,CAAC;AAGhD,OAAO,kCAAkC,CAAC;AAM1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAChH,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,kEAAkE,CAAC;AAC1H,OAAO,EAAE,gCAAgC,EAAE,MAAM,yEAAyE,CAAC;AAC3H,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,gDAAgD,CAAC;AACtG,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,4DAA4D,CAAC;AACrG,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AACjH,OAAO,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC;AACzG,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAGlF,OAAO,0CAA0C,CAAC;AAElD,OAAO,EACH,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,+BAA+B,EAC/B,wBAAwB,EAC3B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAEtF;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAE9C"}

package/dist/public-api.js

@@ -21,6 +21,8 @@ export { ContactMethodListComponent } from './lib/components/contact-method-list
 export { RelationshipListComponent } from './lib/components/relationship-list/relationship-list.component';
 export { OrgHierarchyTreeComponent } from './lib/components/org-hierarchy-tree/org-hierarchy-tree.component';
 export { CommonRelationshipGraphComponent } from './lib/components/relationship-graph/common-relationship-graph.component';
+export { StatTileComponent } from './lib/components/stat-tile/stat-tile.component';
+export { StatRowComponent } from './lib/components/stat-tile/stat-row.component';
 export { PersonIdentityComponent } from './lib/components/identity-header/person-identity.component';
 export { OrganizationIdentityComponent } from './lib/components/identity-header/organization-identity.component';
 export { ActivityIdentityComponent } from './lib/components/identity-header/activity-identity.component';

package/dist/public-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,mFAAmF;AACnF,OAAO,8BAA8B,CAAC;AAEtC,iFAAiF;AACjF,OAAO,wCAAwC,CAAC;AAEhD,mEAAmE;AACnE,OAAO,kCAAkC,CAAC;AAK1C,0BAA0B;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,yBAAyB;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAChH,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,yBAAyB,EAAe,MAAM,kEAAkE,CAAC;AAC1H,OAAO,EAAE,gCAAgC,EAAE,MAAM,yEAAyE,CAAC;AAC3H,OAAO,EAAE,uBAAuB,EAAE,MAAM,4DAA4D,CAAC;AACrG,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AACjH,OAAO,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC;AACzG,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAElF,gGAAgG;AAChG,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EACH,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,+BAA+B,EAC/B,wBAAwB,EAC3B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAEtF;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACnC,0BAA0B,EAAE,CAAC;AACjC,CAAC"}
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,mFAAmF;AACnF,OAAO,8BAA8B,CAAC;AAEtC,iFAAiF;AACjF,OAAO,wCAAwC,CAAC;AAEhD,mEAAmE;AACnE,OAAO,kCAAkC,CAAC;AAK1C,0BAA0B;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,yBAAyB;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAClG,OAAO,EAAE,0BAA0B,EAAE,MAAM,oEAAoE,CAAC;AAChH,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,yBAAyB,EAAe,MAAM,kEAAkE,CAAC;AAC1H,OAAO,EAAE,gCAAgC,EAAE,MAAM,yEAAyE,CAAC;AAC3H,OAAO,EAAE,iBAAiB,EAAqB,MAAM,gDAAgD,CAAC;AACtG,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,4DAA4D,CAAC;AACrG,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AACjH,OAAO,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC;AACzG,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAElF,gGAAgG;AAChG,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EACH,0BAA0B,EAC1B,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,+BAA+B,EAC/B,wBAAwB,EAC3B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;AACvF,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AAEtF;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACnC,0BAA0B,EAAE,CAAC;AACjC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mj-biz-apps/common-ng",
   "type": "module",
-  "version": "5.40.0",
+  "version": "5.42.0",
   "description": "BizApps Common Angular bootstrap - form components and module for the Common business entities Open App",
   "main": "dist/public-api.js",
   "types": "dist/public-api.d.ts",
@@ -16,7 +16,7 @@
   "dependencies": {
     "@memberjunction/ng-graph-view": "^6.1.0-edge.5",
     "@memberjunction/ng-hierarchy-tree": "^6.1.0-edge.5",
-    "@mj-biz-apps/common-entities": "5.40.0"
+    "@mj-biz-apps/common-entities": "5.42.0"
   },
   "peerDependencies": {
     "@angular/animations": "^21.1.3",