@contraagent/elements 0.0.0-stage → 0.1.0

package/dist/charts/state-grid.js

@@ -0,0 +1,223 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html, nothing, svg } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ChartElement } from './base.js';
+import { LABEL_GAP, labelStride } from './scale.js';
+const CELL_H = 22;
+const GAP = 2;
+const M = { top: 2, right: 2, bottom: 22 };
+/** The narrowest cell that still holds its mark. */
+const MARK_MIN = 14;
+/**
+ * A tone's fill: a failure and what needs attention stand out, a cell that ended well
+ * stays quiet, so the exceptions are what the eye finds first.
+ */
+export function stateFill(tone) {
+    switch (tone) {
+        case 'failed':
+            return 'color-mix(in srgb, var(--status-failed) 72%, var(--card))';
+        case 'attention':
+            return 'color-mix(in srgb, var(--status-attention) 68%, var(--card))';
+        case 'running':
+            return 'color-mix(in srgb, var(--status-running) 60%, var(--card))';
+        case 'done':
+            return 'color-mix(in srgb, var(--status-done) 30%, var(--card))';
+        case 'muted':
+            return 'color-mix(in srgb, var(--text-muted) 26%, var(--card))';
+        default:
+            return 'color-mix(in srgb, var(--text) 12%, var(--card))';
+    }
+}
+/** The mark a tone takes in a cell, beside its colour: ✓ done, ✕ failed, ◌ attention; none for the others. */
+export function stateMark(tone) {
+    return tone === 'done' ? '✓' : tone === 'failed' ? '✕' : tone === 'attention' ? '◌' : '';
+}
+/** The order of the tones in a legend: the exceptions first, what ended well after. */
+const TONE_ORDER = ['failed', 'attention', 'running', 'done', 'muted', 'neutral'];
+/** The textures that tell the states of one tone apart, after the first (plain): stripes, dots, crosshatch, lines. */
+export const TEXTURES = ['', 'stripes', 'dots', 'cross', 'lines'];
+/** Each state's texture, by `tone` and `label`: the first state of a tone plain, the next ones in `TEXTURES` order (again from the start past the fifth). */
+export function texturesOf(states) {
+    const n = new Map();
+    const out = new Map();
+    for (const s of states) {
+        const i = n.get(s.tone) ?? 0;
+        n.set(s.tone, i + 1);
+        out.set(stateKey(s), TEXTURES[i % TEXTURES.length]);
+    }
+    return out;
+}
+const stateKey = (c) => `${c.tone}\u0000${c.label}`;
+/** A texture as a CSS background over a legend key's fill. */
+function textureCss(t) {
+    const ink = 'color-mix(in srgb, var(--text) 45%, transparent)';
+    switch (t) {
+        case 'stripes':
+            return `repeating-linear-gradient(45deg, ${ink} 0 1.5px, transparent 1.5px 4px)`;
+        case 'dots':
+            return `radial-gradient(${ink} 1px, transparent 1.3px) 0 0 / 4px 4px`;
+        case 'cross':
+            return `repeating-linear-gradient(45deg, ${ink} 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, ${ink} 0 1px, transparent 1px 4px)`;
+        case 'lines':
+            return `repeating-linear-gradient(0deg, ${ink} 0 1.5px, transparent 1.5px 4px)`;
+        default:
+            return '';
+    }
+}
+/** Each state of the cells once: by tone (failed, attention, running, done, muted, neutral), then in the order the cells first give it. */
+export function statesOf(cells) {
+    const seen = new Map();
+    for (const row of cells)
+        for (const c of row)
+            if (c && !seen.has(stateKey(c)))
+                seen.set(stateKey(c), c);
+    return [...seen.values()].sort((a, b) => TONE_ORDER.indexOf(a.tone) - TONE_ORDER.indexOf(b.tone));
+}
+/**
+ * A state per row (`y`) and column (`x`), each cell coloured by its tone
+ * (`cells[row][column]`; a null cell is left empty): the states of hourly runs by day,
+ * say. The colour is never alone: a cell wide enough holds its tone's mark (✓ ✕ ◌), the
+ * states of one tone differ by a texture (the first plain, then stripes, dots,
+ * crosshatch, lines), the legend names every state with its texture, and pointing at a cell, or moving to it with the arrow keys
+ * (up and down by a row), shows its row, column, state and fact; the switch shows them
+ * all as a table of words.
+ *
+ * @tagname cae-state-grid
+ * @csspart plot - the grid
+ * @csspart table - the table of its states
+ * @csspart switch - the button between the two
+ * @csspart empty - what it shows with no cells
+ * @csspart legend - the legend
+ */
+export class CaeStateGrid extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.x = [];
+        this.y = [];
+        this.cells = [];
+        /** One id per element and texture: two grids in a page keep their own patterns. */
+        this.uid = `sg${Math.random().toString(36).slice(2, 8)}`;
+    }
+    static { this.styles = [
+        ...ChartElement.styles,
+        css `
+      .mark { font-size: 11px; font-weight: 700; fill: var(--text); pointer-events: none; }
+      /* a cell that ended well keeps its mark, quietly: the exceptions are what the eye finds */
+      .mark.quiet { font-weight: 400; fill: var(--text-muted); }
+      .legend .key { display: inline-grid; place-items: center; width: 14px; height: 14px; margin-right: 6px; border-radius: 3px;
+        font-size: 9.5px; font-weight: 700; color: var(--text); vertical-align: -2px; }
+    `,
+    ]; }
+    hasValues() {
+        return this.x.length > 0 && this.y.length > 0 && this.cells.some((r) => r.some((c) => !!c));
+    }
+    legendItems() {
+        const states = statesOf(this.cells);
+        const textures = texturesOf(states);
+        return states.map((s) => {
+            const t = textureCss(textures.get(stateKey(s)) ?? '');
+            return {
+                label: s.label,
+                icon: html `<span class="key" aria-hidden="true" data-texture=${textures.get(stateKey(s)) || nothing}
+          style="background: ${t ? `${t}, ` : ''}${stateFill(s.tone)}">${stateMark(s.tone)}</span>`,
+            };
+        });
+    }
+    itemCount() {
+        return this.x.length * this.y.length;
+    }
+    rowLength() {
+        return this.x.length;
+    }
+    plot() {
+        const nx = this.x.length;
+        const ny = this.y.length;
+        const left = Math.max(...this.y.map((s) => this.labelWidth(s))) + 2;
+        const w = this.plotWidth;
+        const pw = w - left - M.right;
+        const cw = pw / nx;
+        const h = M.top + ny * CELL_H + M.bottom;
+        const stride = labelStride(nx, pw, Math.max(...this.x.map((s) => this.labelWidth(s))) + LABEL_GAP);
+        const a = this.active;
+        const marked = cw - GAP >= MARK_MIN;
+        const textures = texturesOf(statesOf(this.cells));
+        const cells = [];
+        for (let r = 0; r < ny; r++)
+            for (let c = 0; c < nx; c++) {
+                const cell = this.cells[r]?.[c];
+                const x = left + c * cw;
+                const y = M.top + r * CELL_H;
+                const i = r * nx + c;
+                const box = { x: x + GAP / 2, y: y + GAP / 2, w: Math.max(1, cw - GAP), h: CELL_H - GAP };
+                if (!cell) {
+                    cells.push(svg `<rect x=${box.x} y=${box.y} width=${box.w} height=${box.h} rx="2" fill="none" stroke="var(--line)"
+            @mouseenter=${() => (this.active = i)}></rect>`);
+                    continue;
+                }
+                const mark = marked ? stateMark(cell.tone) : '';
+                const texture = textures.get(stateKey(cell)) ?? '';
+                cells.push(svg `<g @mouseenter=${() => (this.active = i)}>
+          <rect x=${box.x} y=${box.y} width=${box.w} height=${box.h} rx="2" fill=${stateFill(cell.tone)}
+            stroke=${a === i ? 'var(--text)' : 'none'} stroke-width="1.5"></rect>
+          ${texture ? svg `<rect class="texture" data-texture=${texture} x=${box.x} y=${box.y} width=${box.w} height=${box.h} rx="2" fill=${`url(#${this.patternId(texture)})`} pointer-events="none"></rect>` : nothing}
+          ${mark ? svg `<text class=${cell.tone === 'done' ? 'mark quiet' : 'mark'} x=${box.x + box.w / 2} y=${box.y + box.h / 2} dy="0.35em" text-anchor="middle" aria-hidden="true">${mark}</text>` : nothing}
+        </g>`);
+            }
+        const at = a !== null && a < nx * ny ? { r: Math.floor(a / nx), c: a % nx } : null;
+        return html `<svg width=${w} height=${h} role="img" aria-label=${this.label || nothing}>
+        ${this.patterns(new Set(textures.values()))}
+        ${this.y.map((label, r) => svg `<text class="axis" x=${left - 6} y=${M.top + r * CELL_H + CELL_H / 2} dy="0.32em" text-anchor="end">${label}</text>`)}
+        ${cells}
+        ${this.x.map((label, c) => c % stride === 0 ? svg `<text class="axis" x=${left + c * cw + cw / 2} y=${h - 6} text-anchor="middle">${label}</text>` : nothing)}
+      </svg>
+      ${at ? this.tip(left + at.c * cw + cw / 2, M.top + (at.r + 1) * CELL_H, this.tipBody(at.r, at.c)) : nothing}`;
+    }
+    patternId(t) {
+        return `${this.uid}-${t}`;
+    }
+    /** The SVG patterns of the textures in use, drawn in the text's colour over a cell's fill. */
+    patterns(used) {
+        const line = (d) => svg `<path d=${d} stroke="var(--text)" stroke-opacity="0.45" stroke-width="1.2"></path>`;
+        const body = (t) => t === 'stripes'
+            ? line('M-1 1 L1 -1 M0 5 L5 0 M4 6 L6 4')
+            : t === 'dots'
+                ? svg `<circle cx="2.5" cy="2.5" r="0.9" fill="var(--text)" fill-opacity="0.5"></circle>`
+                : t === 'cross'
+                    ? line('M0 0 L5 5 M5 0 L0 5')
+                    : line('M0 2.5 L5 2.5');
+        return svg `<defs>${[...used].filter((t) => t).map((t) => svg `<pattern id=${this.patternId(t)} width="5" height="5" patternUnits="userSpaceOnUse">${body(t)}</pattern>`)}</defs>`;
+    }
+    tipBody(r, c) {
+        const cell = this.cells[r]?.[c];
+        return html `<b>${this.y[r]} | ${this.x[c]}</b>
+      <div class="row">${cell
+            ? html `<i style="background: ${stateFill(cell.tone)}"></i><span>${cell.label}</span>`
+            : html `<span>${this.words.none}</span>`}</div>
+      ${cell?.tip ? html `<div class="row"><span>${cell.tip}</span></div>` : nothing}`;
+    }
+    table() {
+        const none = this.words.none;
+        return html `<table aria-label=${this.label || nothing}>
+      <thead><tr><th scope="col">${this.words.label}</th>${this.x.map((l) => html `<th scope="col">${l}</th>`)}</tr></thead>
+      <tbody>${this.y.map((label, r) => html `<tr><th scope="row">${label}</th>${this.x.map((_, c) => {
+            const cell = this.cells[r]?.[c];
+            return html `<td title=${cell?.tip || nothing}>${cell ? cell.label : none}</td>`;
+        })}</tr>`)}</tbody>
+    </table>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], CaeStateGrid.prototype, "x", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeStateGrid.prototype, "y", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeStateGrid.prototype, "cells", void 0);
+//# sourceMappingURL=state-grid.js.map

package/dist/charts/state-grid.js.map

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

package/dist/charts/types.d.ts

@@ -0,0 +1,34 @@
+import type { Tone } from '../core/tone.js';
+/** One series: a value per label of the chart's `x`, in that order; null where it has none. */
+export interface ChartSeries {
+    name: string;
+    values: readonly (number | null)[];
+}
+/** One horizontal bar: its label and value; `tone` gives it a status colour. */
+export interface ChartBar {
+    label: string;
+    value: number;
+    tone?: Tone;
+}
+/** A number in words (`$1.20`, `42%`, `2m 05s`): the host's format for the chart's unit. */
+export type ValueText = (value: number) => string;
+/** The words of a chart. */
+export interface ChartStrings {
+    /** What a chart with nothing to draw says. */
+    empty: string;
+    /** The button that shows the values as a table, and the one that shows the chart again. */
+    showTable: string;
+    showChart: string;
+    /** The column of a table view that holds the labels of `x` (or of the bars). */
+    label: string;
+    /** The name of the series past the sixth, folded into one. */
+    other: string;
+    /** The sum of a label's stacked series. */
+    total: string;
+    /** A value a series has not (null). */
+    none: string;
+    /** The heatmap's colour scale: its lowest and highest value. */
+    scale: (low: string, high: string) => string;
+}
+export declare const DEFAULT_CHART_STRINGS: ChartStrings;
+//# sourceMappingURL=types.d.ts.map

package/dist/charts/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/charts/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAE5C,+FAA+F;AAC/F,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;CACpC;AAED,gFAAgF;AAChF,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,4FAA4F;AAC5F,MAAM,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAElD,4BAA4B;AAC5B,MAAM,WAAW,YAAY;IAC3B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,2FAA2F;IAC3F,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C;AAED,eAAO,MAAM,qBAAqB,EAAE,YASnC,CAAC"}

package/dist/charts/types.js

@@ -0,0 +1,11 @@
+export const DEFAULT_CHART_STRINGS = {
+    empty: 'No values',
+    showTable: 'Show table',
+    showChart: 'Show chart',
+    label: 'Label',
+    other: 'Other',
+    total: 'Total',
+    none: '—',
+    scale: (low, high) => `${low} to ${high}`,
+};
+//# sourceMappingURL=types.js.map

package/dist/charts/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/charts/types.ts"],"names":[],"mappings":"AAsCA,MAAM,CAAC,MAAM,qBAAqB,GAAiB;IACjD,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC,GAAG,GAAG,OAAO,IAAI,EAAE;CAC1C,CAAC"}

package/dist/checks/check-table.d.ts

@@ -0,0 +1,32 @@
+import { LitElement, nothing, type TemplateResult } from 'lit';
+import { type CheckRow, type CheckTableStrings, type Verdict } from './types.js';
+/**
+ * A verdict in words (`.verdict`, `data-verdict`; `verdictStyles`): ✓ before a
+ * pass, ✕ before a failure, hidden from screen readers, which read the word.
+ * Nothing for `none` without a word.
+ */
+export declare function verdict(v: Verdict, label: string, tip?: string): TemplateResult | typeof nothing;
+/**
+ * Named values checked one by one: a row per name, with what it must be, what
+ * it is and the verdict. Without `showValues`, only the names and what each
+ * must be (nothing to check them against).
+ *
+ * @tagname cae-check-table
+ * @csspart table - the `<table>`
+ * @csspart row - each row of a name
+ * @csspart verdict - each verdict
+ */
+export declare class CaeCheckTable extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    rows: readonly CheckRow[];
+    /** Show the values and the verdicts. */
+    showValues: boolean;
+    strings: Partial<CheckTableStrings>;
+    render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cae-check-table': CaeCheckTable;
+    }
+}
+//# sourceMappingURL=check-table.d.ts.map

package/dist/checks/check-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-table.d.ts","sourceRoot":"","sources":["../../src/checks/check-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKrE,OAAO,EAA+B,KAAK,QAAQ,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAE9G;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,SAAK,GAAG,cAAc,GAAG,OAAO,OAAO,CAM5F;AAoBD;;;;;;;;;GASG;AACH,qBAAa,aAAc,SAAQ,UAAU;IAC3C,OAAgB,MAAM,0DAA2C;IAEjC,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAM;IAC/D,wCAAwC;IACX,UAAU,UAAQ;IACf,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAM;IAEhE,MAAM;CAsBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}

package/dist/checks/check-table.js

@@ -0,0 +1,94 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html, nothing } from 'lit';
+import { property } from 'lit/decorators.js';
+import { withDefaults } from '../core/strings.js';
+import { base } from '../styles/index.js';
+import { checkTableStyles, verdictStyles } from './styles.js';
+import { DEFAULT_CHECK_TABLE_STRINGS } from './types.js';
+/**
+ * A verdict in words (`.verdict`, `data-verdict`; `verdictStyles`): ✓ before a
+ * pass, ✕ before a failure, hidden from screen readers, which read the word.
+ * Nothing for `none` without a word.
+ */
+export function verdict(v, label, tip = '') {
+    if (v === 'none' && !label)
+        return nothing;
+    const mark = v === 'pass' ? '✓' : v === 'fail' ? '✕' : '';
+    return html `<span class="verdict" part="verdict" data-verdict=${v} title=${tip || nothing}>${mark
+        ? html `<span aria-hidden="true">${mark}</span> `
+        : nothing}${label}</span>`;
+}
+const cut = (s, n) => (s.length > n ? `${s.slice(0, n)}…` : s);
+/** A value in a line: a string quoted and cut, a list's length and first items, an object's first keys. */
+function shortValue(v, s) {
+    if (v === undefined)
+        return html `<span class="jdim">—</span>`;
+    if (typeof v === 'string')
+        return html `<span class="js" title=${v}>"${cut(v, 90)}"</span>`;
+    if (Array.isArray(v)) {
+        const head = v
+            .slice(0, 3)
+            .map((x) => (typeof x === 'string' ? `"${cut(x, 28)}"` : JSON.stringify(x)))
+            .join(', ');
+        return html `<span class="jn">${s.items(v.length)}</span>
+      <span class="jdim">${head}${v.length > 3 ? ', …' : ''}</span>`;
+    }
+    if (v !== null && typeof v === 'object')
+        return html `<span class="jn">${s.object}</span> <span class="jdim">${Object.keys(v).slice(0, 4).join(', ')}</span>`;
+    return html `<span class="jn">${JSON.stringify(v)}</span>`;
+}
+/**
+ * Named values checked one by one: a row per name, with what it must be, what
+ * it is and the verdict. Without `showValues`, only the names and what each
+ * must be (nothing to check them against).
+ *
+ * @tagname cae-check-table
+ * @csspart table - the `<table>`
+ * @csspart row - each row of a name
+ * @csspart verdict - each verdict
+ */
+export class CaeCheckTable extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.rows = [];
+        /** Show the values and the verdicts. */
+        this.showValues = true;
+        this.strings = {};
+    }
+    static { this.styles = [base, verdictStyles, checkTableStyles]; }
+    render() {
+        const s = withDefaults(DEFAULT_CHECK_TABLE_STRINGS, this.strings);
+        const all = this.showValues;
+        return html `<table part="table">
+      <thead><tr>
+        <th scope="col">${s.name}</th><th scope="col">${s.expected}</th>
+        ${all ? html `<th scope="col">${s.actual}</th><th scope="col">${s.verdict}</th>` : nothing}
+      </tr></thead>
+      <tbody>
+        ${this.rows.map((r) => html `<tr part="row">
+            <td class="jmono">${r.name}</td>
+            <td class=${r.extra ? 'jdim' : 'jmono jdim'}>${r.expected}${r.optional ? html ` <i>${s.optional}</i>` : nothing}</td>
+            ${all
+            ? html `<td class="value">${shortValue(r.hasValue ? r.value : undefined, s)}</td>
+                  <td>${verdict(r.verdict, r.verdictLabel, r.tip)}</td>`
+            : nothing}
+          </tr>`)}
+      </tbody>
+    </table>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], CaeCheckTable.prototype, "rows", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaeCheckTable.prototype, "showValues", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeCheckTable.prototype, "strings", void 0);
+//# sourceMappingURL=check-table.js.map

package/dist/checks/check-table.js.map

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

package/dist/checks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './types.js';
+export * from './styles.js';
+export * from './check-table.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/checks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checks/index.ts"],"names":[],"mappings":"AAEA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/checks/index.js

@@ -0,0 +1,6 @@
+// Values checked one by one: `@contraagent/elements/check-table`.
+// `CaeCheckTable` is registered by `@contraagent/elements/check-table/define`.
+export * from './types.js';
+export * from './styles.js';
+export * from './check-table.js';
+//# sourceMappingURL=index.js.map

package/dist/checks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checks/index.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,+EAA+E;AAC/E,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}

package/dist/checks/styles.d.ts

@@ -0,0 +1,5 @@
+/** A verdict: ✓ and its word quiet, ✕ and its word in the failed tone, a warning in the attention tone. */
+export declare const verdictStyles: import("lit").CSSResult;
+/** Sized to its content, so a verdict sits next to the value it judges; a long value wraps. */
+export declare const checkTableStyles: import("lit").CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/checks/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/checks/styles.ts"],"names":[],"mappings":"AAIA,2GAA2G;AAC3G,eAAO,MAAM,aAAa,yBAOzB,CAAC;AAEF,+FAA+F;AAC/F,eAAO,MAAM,gBAAgB,yBAe5B,CAAC"}

package/dist/checks/styles.js

@@ -0,0 +1,30 @@
+// The look of `<cae-check-table>`, and of a verdict (`verdict()`) wherever a
+// host shows one.
+import { css } from 'lit';
+/** A verdict: ✓ and its word quiet, ✕ and its word in the failed tone, a warning in the attention tone. */
+export const verdictStyles = css `
+  .verdict { font-size: 12px; }
+  .verdict[data-verdict='pass'] { color: var(--text-2); }
+  .verdict[data-verdict='pass'] > [aria-hidden] { color: var(--status-done); font-weight: 700; }
+  .verdict[data-verdict='fail'] { color: var(--status-failed); font-weight: 600; }
+  .verdict[data-verdict='warn'] { color: var(--status-attention); }
+  .verdict[data-verdict='none'] { color: var(--text-muted); }
+`;
+/** Sized to its content, so a verdict sits next to the value it judges; a long value wraps. */
+export const checkTableStyles = css `
+  :host { display: block; max-width: 100%; }
+  table { width: auto; max-width: 100%; border-collapse: collapse; }
+  th { text-align: left; font-size: 11.5px; color: var(--text-muted);
+    font-weight: 600; padding: 4px 20px 4px 0; border-bottom: 1px solid var(--line); }
+  td { padding: 5px 20px 5px 0; border: 0; border-bottom: 1px solid var(--line); vertical-align: baseline; font-size: 12.5px; }
+  th:last-child, td:last-child { padding-right: 0; }
+  td.value { overflow-wrap: anywhere; }
+  tbody tr:last-child td { border-bottom: 0; }
+  /* a name stays on one line while the table has the room, and breaks where it must */
+  td:first-child { font-weight: 600; overflow-wrap: anywhere; }
+  td:last-child { white-space: nowrap; }
+  i { font-style: normal; color: var(--text-muted); font-size: 11px; margin-left: 4px; }
+  .js { color: var(--code-string); }
+  .jn { color: var(--code-number); }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/checks/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/checks/styles.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,kBAAkB;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,2GAA2G;AAC3G,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;CAO/B,CAAC;AAEF,+FAA+F;AAC/F,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;CAelC,CAAC"}

package/dist/checks/types.d.ts

@@ -0,0 +1,35 @@
+/** A check's result: passed, failed, a warning, or no verdict (a word may still say why). */
+export type Verdict = 'pass' | 'fail' | 'warn' | 'none';
+export interface CheckRow {
+    /** What is checked: a field's name. */
+    name: string;
+    /** What it must be: a type, in code; with `extra`, a phrase. */
+    expected: string;
+    /** It may be absent: "optional" follows `expected`. */
+    optional?: boolean;
+    /** Not one of the expected names: `expected` is a phrase, not code. */
+    extra?: boolean;
+    /** The value was found (`value`, possibly undefined or null); else "—". */
+    hasValue: boolean;
+    value?: unknown;
+    verdict: Verdict;
+    /** The verdict in words; '' with `none` for an empty cell. */
+    verdictLabel: string;
+    /** The verdict's tooltip. */
+    tip?: string;
+}
+export interface CheckTableStrings {
+    /** The header of the names. */
+    name: string;
+    expected: string;
+    /** The header of the values. */
+    actual: string;
+    verdict: string;
+    optional: string;
+    /** A list's length. */
+    items: (n: number) => string;
+    /** An object's summary, before its first keys. */
+    object: string;
+}
+export declare const DEFAULT_CHECK_TABLE_STRINGS: CheckTableStrings;
+//# sourceMappingURL=types.d.ts.map

package/dist/checks/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checks/types.ts"],"names":[],"mappings":"AAGA,6FAA6F;AAC7F,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAExD,MAAM,WAAW,QAAQ;IACvB,uCAAuC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2EAA2E;IAC3E,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,YAAY,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,gCAAgC;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,uBAAuB;IACvB,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7B,kDAAkD;IAClD,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,2BAA2B,EAAE,iBAQzC,CAAC"}

package/dist/checks/types.js

@@ -0,0 +1,12 @@
+// What `<cae-check-table>` shows: a row per named value, what it must be, what
+// it is, and the verdict.
+export const DEFAULT_CHECK_TABLE_STRINGS = {
+    name: 'Name',
+    expected: 'Expected',
+    actual: 'Value',
+    verdict: 'Check',
+    optional: 'optional',
+    items: (n) => (n === 1 ? '1 item' : `${n} items`),
+    object: 'object',
+};
+//# sourceMappingURL=types.js.map

package/dist/checks/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/checks/types.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,0BAA0B;AAsC1B,MAAM,CAAC,MAAM,2BAA2B,GAAsB;IAC5D,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;IACjD,MAAM,EAAE,QAAQ;CACjB,CAAC"}

package/dist/core/clock.d.ts

@@ -0,0 +1,20 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/** Re-renders its host every second while it is connected. */
+export declare class ClockController implements ReactiveController {
+    private readonly host;
+    constructor(host: ReactiveControllerHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+/**
+ * Start times that stay put. A process reports its age in whole seconds, so
+ * `now - age` jitters by a second between updates; the first value seen for an
+ * id is kept while later ones stay within a few seconds of it.
+ */
+export declare class StableStarts {
+    private readonly seen;
+    at(id: string, ageS: number, now?: number): number;
+}
+/** Shared by every view, so the same process shows the same start everywhere. */
+export declare const starts: StableStarts;
+//# sourceMappingURL=clock.d.ts.map

package/dist/core/clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock.d.ts","sourceRoot":"","sources":["../../src/core/clock.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAStE,8DAA8D;AAC9D,qBAAa,eAAgB,YAAW,kBAAkB;IAC5C,OAAO,CAAC,QAAQ,CAAC,IAAI;gBAAJ,IAAI,EAAE,sBAAsB;IAGzD,aAAa,IAAI,IAAI;IAIrB,gBAAgB,IAAI,IAAI;CAOzB;AAED;;;;GAIG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAA6B;IAClD,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAa,GAAG,MAAM;CAOvD;AAED,iFAAiF;AACjF,eAAO,MAAM,MAAM,cAAqB,CAAC"}

package/dist/core/clock.js

@@ -0,0 +1,45 @@
+const hosts = new Set();
+let timer = null;
+function tick() {
+    for (const h of hosts)
+        h.requestUpdate();
+}
+/** Re-renders its host every second while it is connected. */
+export class ClockController {
+    constructor(host) {
+        this.host = host;
+        host.addController(this);
+    }
+    hostConnected() {
+        hosts.add(this.host);
+        timer ??= setInterval(tick, 1000);
+    }
+    hostDisconnected() {
+        hosts.delete(this.host);
+        if (!hosts.size && timer) {
+            clearInterval(timer);
+            timer = null;
+        }
+    }
+}
+/**
+ * Start times that stay put. A process reports its age in whole seconds, so
+ * `now - age` jitters by a second between updates; the first value seen for an
+ * id is kept while later ones stay within a few seconds of it.
+ */
+export class StableStarts {
+    constructor() {
+        this.seen = new Map();
+    }
+    at(id, ageS, now = Date.now()) {
+        const t0 = Math.round(now - ageS * 1000);
+        const prev = this.seen.get(id);
+        if (prev !== undefined && Math.abs(prev - t0) < 5000)
+            return prev;
+        this.seen.set(id, t0);
+        return t0;
+    }
+}
+/** Shared by every view, so the same process shows the same start everywhere. */
+export const starts = new StableStarts();
+//# sourceMappingURL=clock.js.map