@contraagent/elements 0.0.0-stage → 0.2.0

package/dist/charts/heatmap.js

@@ -0,0 +1,124 @@
+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 { html, nothing, svg } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ChartElement } from './base.js';
+import { LABEL_GAP, labelStride } from './scale.js';
+/** One hue, light to dark: a value's share of the colour, by its step of five. */
+export const HEAT_STEPS = [16, 34, 52, 72, 92];
+/** The hue of the scale. */
+const HUE = 'var(--series-1)';
+const CELL_H = 22;
+const GAP = 2;
+const M = { top: 2, right: 2, bottom: 22 };
+/** A colour of the scale: `pct` percent of its hue over the card. */
+export const heatColour = (pct) => `color-mix(in srgb, ${HUE} ${pct}%, var(--card))`;
+/** The step (0..4) of `v` between `low` and `high`. */
+export function heatStep(v, low, high) {
+    if (!(high > low))
+        return HEAT_STEPS.length - 1;
+    const t = (v - low) / (high - low);
+    return Math.min(HEAT_STEPS.length - 1, Math.max(0, Math.floor(t * HEAT_STEPS.length)));
+}
+/**
+ * A value per row (`y`) and column (`x`), each a cell coloured on one scale, light to
+ * dark (`values[row][column]`; a null cell is left empty, a 0 is the lightest step).
+ * The legend gives the scale's lowest and highest value. Pointing at a cell, or moving
+ * to it with the arrow keys (up and down by a row), shows its row, column and value;
+ * the switch shows them all as a table.
+ *
+ * @tagname cae-heatmap
+ * @csspart plot - the chart
+ * @csspart table - the table of its values
+ * @csspart switch - the button between the two
+ * @csspart empty - what it shows with no values
+ * @csspart legend - the legend
+ */
+export class CaeHeatmap extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.x = [];
+        this.y = [];
+        this.values = [];
+    }
+    get range() {
+        const all = this.values.flat().filter((v) => v !== null && v !== undefined);
+        return all.length ? [Math.min(0, ...all), Math.max(...all)] : [0, 0];
+    }
+    hasValues() {
+        return this.x.length > 0 && this.y.length > 0 && this.values.some((r) => r.some((v) => v !== null && v !== undefined));
+    }
+    legendItems() {
+        const [low, high] = this.range;
+        const strip = html `<span class="scale" aria-hidden="true">${HEAT_STEPS.map((p) => html `<i style="background: ${heatColour(p)}"></i>`)}</span>`;
+        return [{ label: this.words.scale(this.format(low), this.format(high)), icon: strip }];
+    }
+    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 [low, high] = this.range;
+        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 cells = [];
+        for (let r = 0; r < ny; r++)
+            for (let c = 0; c < nx; c++) {
+                const v = this.values[r]?.[c];
+                const x = left + c * cw;
+                const y = M.top + r * CELL_H;
+                const i = r * nx + c;
+                cells.push(v === null || v === undefined
+                    ? svg `<rect x=${x + GAP / 2} y=${y + GAP / 2} width=${Math.max(1, cw - GAP)} height=${CELL_H - GAP} rx="2" fill="none" stroke="var(--line)"
+                @mouseenter=${() => (this.active = i)}></rect>`
+                    : svg `<rect x=${x + GAP / 2} y=${y + GAP / 2} width=${Math.max(1, cw - GAP)} height=${CELL_H - GAP} rx="2"
+                fill=${heatColour(HEAT_STEPS[heatStep(v, low, high)] ?? 92)} stroke=${a === i ? 'var(--text)' : 'none'} stroke-width="1.5"
+                @mouseenter=${() => (this.active = i)}></rect>`);
+            }
+        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.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}`;
+    }
+    tipBody(r, c) {
+        const v = this.values[r]?.[c];
+        return html `<b>${this.y[r]} | ${this.x[c]}</b>
+      <div class="row"><span>${v === null || v === undefined ? this.words.none : this.format(v)}</span></div>`;
+    }
+    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 v = this.values[r]?.[c];
+            return html `<td>${v === null || v === undefined ? none : this.format(v)}</td>`;
+        })}</tr>`)}</tbody>
+    </table>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], CaeHeatmap.prototype, "x", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeHeatmap.prototype, "y", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeHeatmap.prototype, "values", void 0);
+//# sourceMappingURL=heatmap.js.map

package/dist/charts/heatmap.js.map

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

package/dist/charts/index.d.ts

@@ -0,0 +1,9 @@
+export * from './types.js';
+export * from './scale.js';
+export * from './base.js';
+export * from './column-chart.js';
+export * from './line-chart.js';
+export * from './heatmap.js';
+export * from './state-grid.js';
+export * from './bar-chart.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAEA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/charts/index.js

@@ -0,0 +1,11 @@
+// Charts of plain series: `@contraagent/elements/charts`. The elements are registered
+// by `@contraagent/elements/charts/define`.
+export * from './types.js';
+export * from './scale.js';
+export * from './base.js';
+export * from './column-chart.js';
+export * from './line-chart.js';
+export * from './heatmap.js';
+export * from './state-grid.js';
+export * from './bar-chart.js';
+//# sourceMappingURL=index.js.map

package/dist/charts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,4CAA4C;AAC5C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC"}

package/dist/charts/line-chart.d.ts

@@ -0,0 +1,36 @@
+import { type TemplateResult } from 'lit';
+import type { LegendItem } from '../primitives/legend.js';
+import { ChartElement } from './base.js';
+import type { ChartSeries } from './types.js';
+/** The path of a series: a line through its values, broken where a value is null. */
+export declare function linePath(points: readonly ([number, number] | null)[]): string;
+/**
+ * Lines over the labels of `x`, one per series (a value per label; null breaks the
+ * line). Six series take the series colours in their order; any past six are drawn in
+ * the colour of "other" and named in the legend and the tooltip. Pointing at a label,
+ * or moving to it with the arrow keys, marks it with a rule and shows every series'
+ * value there; the switch shows them all as a table.
+ *
+ * @tagname cae-line-chart
+ * @csspart plot - the chart
+ * @csspart table - the table of its values
+ * @csspart switch - the button between the two
+ * @csspart empty - what it shows with no values
+ * @csspart legend - the legend
+ */
+export declare class CaeLineChart extends ChartElement {
+    x: readonly string[];
+    series: readonly ChartSeries[];
+    protected hasValues(): boolean;
+    protected legendItems(): LegendItem[];
+    protected itemCount(): number;
+    protected plot(): TemplateResult;
+    private tipBody;
+    protected table(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cae-line-chart': CaeLineChart;
+    }
+}
+//# sourceMappingURL=line-chart.d.ts.map

package/dist/charts/line-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../src/charts/line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAI9C,qFAAqF;AACrF,wBAAgB,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAY7E;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,YAAa,SAAQ,YAAY;IACZ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAM;IAC1B,MAAM,EAAE,SAAS,WAAW,EAAE,CAAM;IAEpE,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,WAAW,IAAI,UAAU,EAAE;IAIrC,SAAS,CAAC,SAAS,IAAI,MAAM;IAI7B,SAAS,CAAC,IAAI,IAAI,cAAc;IAmDhC,OAAO,CAAC,OAAO;IAMf,SAAS,CAAC,KAAK,IAAI,cAAc;CAUlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}

package/dist/charts/line-chart.js

@@ -0,0 +1,118 @@
+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 { html, nothing, svg } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ChartElement } from './base.js';
+import { LABEL_GAP, labelStride, niceAxis, seriesColour } from './scale.js';
+const M = { top: 8, right: 10, bottom: 22 };
+/** The path of a series: a line through its values, broken where a value is null. */
+export function linePath(points) {
+    let d = '';
+    let open = false;
+    for (const p of points) {
+        if (!p) {
+            open = false;
+            continue;
+        }
+        d += `${open ? 'L' : 'M'}${p[0].toFixed(1)},${p[1].toFixed(1)}`;
+        open = true;
+    }
+    return d;
+}
+/**
+ * Lines over the labels of `x`, one per series (a value per label; null breaks the
+ * line). Six series take the series colours in their order; any past six are drawn in
+ * the colour of "other" and named in the legend and the tooltip. Pointing at a label,
+ * or moving to it with the arrow keys, marks it with a rule and shows every series'
+ * value there; the switch shows them all as a table.
+ *
+ * @tagname cae-line-chart
+ * @csspart plot - the chart
+ * @csspart table - the table of its values
+ * @csspart switch - the button between the two
+ * @csspart empty - what it shows with no values
+ * @csspart legend - the legend
+ */
+export class CaeLineChart extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.x = [];
+        this.series = [];
+    }
+    hasValues() {
+        return this.x.length > 0 && this.series.some((s) => s.values.some((v) => v !== null && v !== undefined));
+    }
+    legendItems() {
+        return this.series.length > 1 ? this.series.map((s, i) => ({ label: s.name, swatch: seriesColour(i) })) : [];
+    }
+    itemCount() {
+        return this.x.length;
+    }
+    plot() {
+        const n = this.x.length;
+        const values = this.series.flatMap((s) => s.values.filter((v) => v !== null && v !== undefined));
+        const axis = niceAxis(Math.min(0, ...values), Math.max(0, ...values));
+        const left = Math.max(...axis.ticks.map((t) => this.labelWidth(this.format(t)))) + 4;
+        const w = this.plotWidth;
+        const h = this.height;
+        const pw = w - left - M.right;
+        const ph = h - M.top - M.bottom;
+        const step = n > 1 ? pw / (n - 1) : 0;
+        const px = (j) => (n > 1 ? left + j * step : left + pw / 2);
+        const py = (v) => M.top + ph - ((v - axis.min) / (axis.max - axis.min)) * ph;
+        const stride = labelStride(n, pw, Math.max(...this.x.map((s) => this.labelWidth(s))) + LABEL_GAP);
+        const a = this.active;
+        const hitW = n > 1 ? step : pw;
+        return html `<svg width=${w} height=${h} role="img" aria-label=${this.label || nothing}>
+        ${axis.ticks.map((t) => svg `<line class=${t === 0 ? 'base' : 'grid'} x1=${left} x2=${w - M.right} y1=${py(t)} y2=${py(t)}></line>
+            <text class="axis" x=${left - 6} y=${py(t)} dy="0.32em" text-anchor="end">${this.format(t)}</text>`)}
+        ${a !== null ? svg `<line class="base" x1=${px(a)} x2=${px(a)} y1=${M.top} y2=${M.top + ph}></line>` : nothing}
+        ${this.series.map((s, i) => {
+            const pts = this.x.map((_, j) => {
+                const v = s.values[j];
+                return v === null || v === undefined ? null : [px(j), py(v)];
+            });
+            const lone = pts.filter((p, j) => p && !pts[j - 1] && !pts[j + 1]);
+            return svg `<path d=${linePath(pts)} fill="none" stroke=${seriesColour(i)} stroke-width="2" stroke-linejoin="round" stroke-linecap="round"></path>
+            ${lone.map((p) => svg `<circle cx=${p[0]} cy=${p[1]} r="2.5" fill=${seriesColour(i)}></circle>`)}`;
+        })}
+        ${a !== null
+            ? this.series.map((s, i) => {
+                const v = s.values[a];
+                return v === null || v === undefined
+                    ? nothing
+                    : svg `<circle cx=${px(a)} cy=${py(v)} r="4.5" fill=${seriesColour(i)} stroke="var(--card)" stroke-width="2"></circle>`;
+            })
+            : nothing}
+        ${this.x.map((label, j) => j % stride === 0
+            ? svg `<text class="axis" x=${px(j)} y=${h - 6} text-anchor=${n > 1 && j === 0 ? 'start' : n > 1 && j === n - 1 ? 'end' : 'middle'}>${label}</text>`
+            : nothing)}
+        ${this.x.map((_, j) => svg `<rect class="hit" x=${px(j) - hitW / 2} y=${M.top} width=${hitW} height=${ph + M.bottom}
+            @mouseenter=${() => (this.active = j)}></rect>`)}
+      </svg>
+      ${a !== null && a < n ? this.tip(px(a), M.top, this.tipBody(a)) : nothing}`;
+    }
+    tipBody(j) {
+        const none = this.words.none;
+        return html `<b>${this.x[j]}</b>
+      ${this.series.map((s, i) => this.tipRow(seriesColour(i), s.name, s.values[j] === null || s.values[j] === undefined ? none : this.format(s.values[j])))}`;
+    }
+    table() {
+        const none = this.words.none;
+        return html `<table aria-label=${this.label || nothing}>
+      <thead><tr><th scope="col">${this.words.label}</th>${this.series.map((s) => html `<th scope="col">${s.name}</th>`)}</tr></thead>
+      <tbody>${this.x.map((label, j) => html `<tr><th scope="row">${label}</th>${this.series.map((s) => html `<td>${s.values[j] === null || s.values[j] === undefined ? none : this.format(s.values[j])}</td>`)}</tr>`)}</tbody>
+    </table>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], CaeLineChart.prototype, "x", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeLineChart.prototype, "series", void 0);
+//# sourceMappingURL=line-chart.js.map

package/dist/charts/line-chart.js.map

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

package/dist/charts/scale.d.ts

@@ -0,0 +1,32 @@
+import type { ChartSeries } from './types.js';
+/** The series colours (`--series-1` ...), in their fixed order. */
+export declare const SERIES_COLOURS = 6;
+/** The colour of the series folded past the sixth, and of anything that is not a series. */
+export declare const OTHER_COLOUR = "var(--meter)";
+/** Series `i`'s colour: the series colours in order, then the colour of "other". */
+export declare const seriesColour: (i: number) => string;
+/** A series with its colour. */
+export interface DrawnSeries extends ChartSeries {
+    colour: string;
+    /** It stands for several series, folded into one. */
+    folded?: readonly string[];
+}
+/**
+ * The series as drawn: the first six each in its own colour, by their order (a series
+ * keeps its colour whatever its values); with more than six, the sixth and later are
+ * summed into one series named `other`, so no colour is ever made up.
+ */
+export declare function foldSeries(series: readonly ChartSeries[], other: string): DrawnSeries[];
+/** An axis from `low` (0 or below) to a round number at or above `high`, and its ticks (`count` or so). */
+export declare function niceAxis(low: number, high: number, count?: number): {
+    min: number;
+    max: number;
+    ticks: number[];
+};
+/** The space kept between two labels of an axis, in px. */
+export declare const LABEL_GAP = 12;
+/** Every `k`-th label of `n` fits in `width` px when a label is `labelWidth` px wide: the smallest such `k`. */
+export declare function labelStride(n: number, width: number, labelWidth: number): number;
+/** A number as written when the host gives no format: up to two decimals. */
+export declare const plainNumber: (v: number) => string;
+//# sourceMappingURL=scale.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../src/charts/scale.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,mEAAmE;AACnE,eAAO,MAAM,cAAc,IAAI,CAAC;AAChC,4FAA4F;AAC5F,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAE3C,oFAAoF;AACpF,eAAO,MAAM,YAAY,GAAI,GAAG,MAAM,KAAG,MAAwE,CAAC;AAElH,gCAAgC;AAChC,MAAM,WAAW,WAAY,SAAQ,WAAW;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAUvF;AAED,2GAA2G;AAC3G,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,CAY5G;AAED,2DAA2D;AAC3D,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,gHAAgH;AAChH,wBAAgB,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAGhF;AAED,6EAA6E;AAC7E,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,KAAG,MAA2C,CAAC"}

package/dist/charts/scale.js

@@ -0,0 +1,50 @@
+/** The series colours (`--series-1` ...), in their fixed order. */
+export const SERIES_COLOURS = 6;
+/** The colour of the series folded past the sixth, and of anything that is not a series. */
+export const OTHER_COLOUR = 'var(--meter)';
+/** Series `i`'s colour: the series colours in order, then the colour of "other". */
+export const seriesColour = (i) => (i < SERIES_COLOURS ? `var(--series-${i + 1})` : OTHER_COLOUR);
+/**
+ * The series as drawn: the first six each in its own colour, by their order (a series
+ * keeps its colour whatever its values); with more than six, the sixth and later are
+ * summed into one series named `other`, so no colour is ever made up.
+ */
+export function foldSeries(series, other) {
+    if (series.length <= SERIES_COLOURS)
+        return series.map((s, i) => ({ ...s, colour: seriesColour(i) }));
+    const own = series.slice(0, SERIES_COLOURS - 1).map((s, i) => ({ ...s, colour: seriesColour(i) }));
+    const rest = series.slice(SERIES_COLOURS - 1);
+    const n = Math.max(...rest.map((s) => s.values.length));
+    const values = Array.from({ length: n }, (_, j) => {
+        const vs = rest.map((s) => s.values[j]).filter((v) => v !== null && v !== undefined);
+        return vs.length ? vs.reduce((a, v) => a + v, 0) : null;
+    });
+    return [...own, { name: other, values, colour: OTHER_COLOUR, folded: rest.map((s) => s.name) }];
+}
+/** An axis from `low` (0 or below) to a round number at or above `high`, and its ticks (`count` or so). */
+export function niceAxis(low, high, count = 4) {
+    const lo = Math.min(0, low);
+    const hi = Math.max(0, high);
+    if (!(hi > lo))
+        return { min: 0, max: 1, ticks: [0, 1] };
+    const raw = (hi - lo) / count;
+    const mag = 10 ** Math.floor(Math.log10(raw));
+    const step = [1, 2, 2.5, 5, 10].map((m) => m * mag).find((s) => s >= raw) ?? 10 * mag;
+    const min = Math.floor(lo / step) * step;
+    const max = Math.ceil(hi / step) * step;
+    const ticks = [];
+    for (let v = min; v <= max + step / 2; v += step)
+        ticks.push(Math.round(v / step) * step);
+    return { min, max, ticks };
+}
+/** The space kept between two labels of an axis, in px. */
+export const LABEL_GAP = 12;
+/** Every `k`-th label of `n` fits in `width` px when a label is `labelWidth` px wide: the smallest such `k`. */
+export function labelStride(n, width, labelWidth) {
+    if (n <= 0 || width <= 0)
+        return 1;
+    return Math.max(1, Math.ceil((n * labelWidth) / width));
+}
+/** A number as written when the host gives no format: up to two decimals. */
+export const plainNumber = (v) => String(Math.round(v * 100) / 100);
+//# sourceMappingURL=scale.js.map

package/dist/charts/scale.js.map

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

package/dist/charts/state-grid.d.ts

@@ -0,0 +1,64 @@
+import { type TemplateResult } from 'lit';
+import type { Tone } from '../core/tone.js';
+import type { LegendItem } from '../primitives/legend.js';
+import { ChartElement } from './base.js';
+/** One cell of a state grid: its state in words, the tone that colours it, and a fact of its own for the tooltip. */
+export interface StateCell {
+    label: string;
+    tone: Tone;
+    tip?: string | null;
+}
+/**
+ * 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 declare function stateFill(tone: Tone): string;
+/** The mark a tone takes in a cell, beside its colour: ✓ done, ✕ failed, ◌ attention; none for the others. */
+export declare function stateMark(tone: Tone): string;
+/** The textures that tell the states of one tone apart, after the first (plain): stripes, dots, crosshatch, lines. */
+export declare const TEXTURES: readonly ["", "stripes", "dots", "cross", "lines"];
+export type Texture = (typeof TEXTURES)[number];
+/** 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 declare function texturesOf(states: readonly StateCell[]): Map<string, Texture>;
+/** Each state of the cells once: by tone (failed, attention, running, done, muted, neutral), then in the order the cells first give it. */
+export declare function statesOf(cells: readonly (readonly (StateCell | null | undefined)[])[]): StateCell[];
+/**
+ * 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 declare class CaeStateGrid extends ChartElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    x: readonly string[];
+    y: readonly string[];
+    cells: readonly (readonly (StateCell | null)[])[];
+    protected hasValues(): boolean;
+    protected legendItems(): LegendItem[];
+    protected itemCount(): number;
+    protected rowLength(): number;
+    protected plot(): TemplateResult;
+    /** One id per element and texture: two grids in a page keep their own patterns. */
+    private readonly uid;
+    private patternId;
+    /** The SVG patterns of the textures in use, drawn in the text's colour over a cell's fill. */
+    private patterns;
+    private tipBody;
+    protected table(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cae-state-grid': CaeStateGrid;
+    }
+}
+//# sourceMappingURL=state-grid.d.ts.map

package/dist/charts/state-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-grid.d.ts","sourceRoot":"","sources":["../../src/charts/state-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEnE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,qHAAqH;AACrH,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAQD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAe5C;AAED,8GAA8G;AAC9G,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE5C;AAKD,sHAAsH;AACtH,eAAO,MAAM,QAAQ,oDAAqD,CAAC;AAC3E,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhD,6JAA6J;AAC7J,wBAAgB,UAAU,CAAC,MAAM,EAAE,SAAS,SAAS,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAS7E;AAqBD,2IAA2I;AAC3I,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC,EAAE,GAAG,SAAS,EAAE,CAInG;AAED;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,YAAY;IAC5C,OAAgB,MAAM,0DASpB;IAE8B,CAAC,EAAE,SAAS,MAAM,EAAE,CAAM;IAC1B,CAAC,EAAE,SAAS,MAAM,EAAE,CAAM;IAC1B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAM;IAEvF,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,WAAW,IAAI,UAAU,EAAE;IAarC,SAAS,CAAC,SAAS,IAAI,MAAM;cAIV,SAAS,IAAI,MAAM;IAItC,SAAS,CAAC,IAAI,IAAI,cAAc;IA8ChC,mFAAmF;IACnF,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAiD;IAErE,OAAO,CAAC,SAAS;IAIjB,8FAA8F;IAC9F,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,OAAO;IASf,SAAS,CAAC,KAAK,IAAI,cAAc;CAYlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}