@contraagent/elements 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,32 @@
+import { type TemplateResult } from 'lit';
+import type { LegendItem } from '../primitives/legend.js';
+import { ChartElement } from './base.js';
+import type { ChartBar } from './types.js';
+/**
+ * Horizontal bars, one per label, in the order given (a funnel's stages, a ranking):
+ * each its label, a bar as long as its value against the longest, and the value in
+ * words. A bar with a `tone` takes that status colour, the others one colour. Every
+ * value is written beside its bar, so no tooltip is needed; the switch shows them as
+ * a table.
+ *
+ * @tagname cae-bar-chart
+ * @csspart plot - the bars
+ * @csspart table - the table of its values
+ * @csspart switch - the button between the two
+ * @csspart empty - what it shows with no values
+ */
+export declare class CaeBarChart extends ChartElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    bars: readonly ChartBar[];
+    protected hasValues(): boolean;
+    protected legendItems(): LegendItem[];
+    protected itemCount(): number;
+    protected plot(): TemplateResult;
+    protected table(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cae-bar-chart': CaeBarChart;
+    }
+}
+//# sourceMappingURL=bar-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../src/charts/bar-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAgB,MAAM,0DAYpB;IAE8B,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAM;IAE/D,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,WAAW,IAAI,UAAU,EAAE;IAIrC,SAAS,CAAC,SAAS,IAAI,MAAM;IAI7B,SAAS,CAAC,IAAI,IAAI,cAAc;IAahC,SAAS,CAAC,KAAK,IAAI,cAAc;CAKlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/dist/charts/bar-chart.js

@@ -0,0 +1,70 @@
+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 } from 'lit';
+import { property } from 'lit/decorators.js';
+import { toneAttr } from '../core/tone.js';
+import { ChartElement } from './base.js';
+/**
+ * Horizontal bars, one per label, in the order given (a funnel's stages, a ranking):
+ * each its label, a bar as long as its value against the longest, and the value in
+ * words. A bar with a `tone` takes that status colour, the others one colour. Every
+ * value is written beside its bar, so no tooltip is needed; the switch shows them as
+ * a table.
+ *
+ * @tagname cae-bar-chart
+ * @csspart plot - the bars
+ * @csspart table - the table of its values
+ * @csspart switch - the button between the two
+ * @csspart empty - what it shows with no values
+ */
+export class CaeBarChart extends ChartElement {
+    constructor() {
+        super(...arguments);
+        this.bars = [];
+    }
+    static { this.styles = [
+        ...ChartElement.styles,
+        css `
+      .bars { display: grid; grid-template-columns: minmax(80px, max-content) minmax(0, 1fr) max-content; gap: 6px 12px; align-items: center;
+        font-size: var(--font-size-sm); }
+      .bars .r { display: contents; }
+      .bars .l { color: var(--text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 34ch; }
+      .bars .track { display: block; height: 12px; }
+      .bars .bar { display: block; height: 100%; min-width: 2px; border-radius: 1px 4px 4px 1px; background: var(--series-1); }
+      .bars .bar[data-tone] { background: var(--tone); }
+      .bars .v { color: var(--text-2); font-variant-numeric: tabular-nums; text-align: right; }
+    `,
+    ]; }
+    hasValues() {
+        return this.bars.length > 0;
+    }
+    legendItems() {
+        return [];
+    }
+    itemCount() {
+        return 0;
+    }
+    plot() {
+        const top = Math.max(0, ...this.bars.map((b) => b.value));
+        return html `<div class="bars" role="list" aria-label=${this.label || nothing}>
+      ${this.bars.map((b) => html `<div class="r" role="listitem" aria-label="${b.label} | ${this.format(b.value)}">
+          <span class="l" aria-hidden="true" title=${b.label}>${b.label}</span>
+          <span class="track" aria-hidden="true"><span class="bar" data-tone=${toneAttr(b.tone)}
+            style="width: ${top > 0 ? (100 * Math.max(0, b.value)) / top : 0}%"></span></span>
+          <span class="v" aria-hidden="true">${this.format(b.value)}</span></div>`)}
+    </div>`;
+    }
+    table() {
+        return html `<table aria-label=${this.label || nothing}>
+      <tbody>${this.bars.map((b) => html `<tr><th scope="row">${b.label}</th><td>${this.format(b.value)}</td></tr>`)}</tbody>
+    </table>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], CaeBarChart.prototype, "bars", void 0);
+//# sourceMappingURL=bar-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.js","sourceRoot":"","sources":["../../src/charts/bar-chart.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAuB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,WAAY,SAAQ,YAAY;IAA7C;;QAekC,SAAI,GAAwB,EAAE,CAAC;IAgCjE,CAAC;aA9CiB,WAAM,GAAG;QACvB,GAAG,YAAY,CAAC,MAAM;QACtB,GAAG,CAAA;;;;;;;;;KASF;KACF,AAZqB,CAYpB;IAIQ,SAAS;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9B,CAAC;IAES,WAAW;QACnB,OAAO,EAAE,CAAC;IACZ,CAAC;IAES,SAAS;QACjB,OAAO,CAAC,CAAC;IACX,CAAC;IAES,IAAI;QACZ,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAA,4CAA4C,IAAI,CAAC,KAAK,IAAI,OAAO;QACxE,IAAI,CAAC,IAAI,CAAC,GAAG,CACb,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,8CAA8C,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;qDAC7C,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK;+EACQ,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;4BACnE,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;+CAC7B,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAC3E;WACI,CAAC;IACV,CAAC;IAES,KAAK;QACb,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,KAAK,IAAI,OAAO;eAC1C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,uBAAuB,CAAC,CAAC,KAAK,YAAY,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;aACtG,CAAC;IACZ,CAAC;;AA/B+B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yCAAgC"}

package/dist/charts/base.d.ts

@@ -0,0 +1,48 @@
+import { LitElement, type TemplateResult } from 'lit';
+import { type LegendItem } from '../primitives/legend.js';
+import { type ChartStrings, type ValueText } from './types.js';
+export declare abstract class ChartElement extends LitElement {
+    static styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** The chart's accessible name (its title, or what it shows). */
+    label: string;
+    /** A value in words: the host's format for the chart's unit. */
+    format: ValueText;
+    strings: Partial<ChartStrings>;
+    /** The plot's height in px (the axis included). */
+    height: number;
+    /** The width the chart has, in px. */
+    protected width: number;
+    /** The values shown as a table instead of the chart. */
+    protected asTable: boolean;
+    /** The item the reader points at or moved to with the keys; null: none. */
+    protected active: number | null;
+    private resized;
+    protected get words(): ChartStrings;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** A font that loads late changes the labels' widths: they are measured again. */
+    private readonly fontsLoaded;
+    /** An axis label's width in px, as the chart draws it, with room beside it: measured in the chart's font. */
+    protected labelWidth(text: string): number;
+    protected firstUpdated(): void;
+    /** The plot area's width: the element's, never less than a narrow screen's. */
+    protected get plotWidth(): number;
+    /** Whether there is anything to draw. */
+    protected abstract hasValues(): boolean;
+    /** The legend's entries: none for a single series, whose title names it. */
+    protected abstract legendItems(): LegendItem[];
+    /** How many items the keys move between. */
+    protected abstract itemCount(): number;
+    /** How many items the up and down keys move by: a row of a grid; 1 for a row of items. */
+    protected rowLength(): number;
+    protected abstract plot(): TemplateResult;
+    protected abstract table(): TemplateResult;
+    render(): TemplateResult<1>;
+    /** The arrow keys move between the items (up and down by a row of a grid), Home and End to the first and the last; Escape hides the tooltip. */
+    private readonly onKey;
+    /** A tooltip at `left` px (its middle) and `top` px of the plot, kept inside it. */
+    protected tip(left: number, top: number, body: TemplateResult): TemplateResult;
+    /** One line of a tooltip: a swatch, a name and its value. */
+    protected tipRow(colour: string | null, name: string, value: string): TemplateResult;
+}
+//# sourceMappingURL=base.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/charts/base.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGhF,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAwBtF,8BAAsB,YAAa,SAAQ,UAAU;IACnD,OAAgB,MAAM,0DAoCpB;IAEF,iEAAiE;IACrD,KAAK,SAAM;IACvB,gEAAgE;IAChC,MAAM,EAAE,SAAS,CAAe;IAChC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAM;IACpE,mDAAmD;IACvB,MAAM,SAAO;IAEzC,sCAAsC;IAC7B,SAAS,CAAC,KAAK,SAAK;IAC7B,wDAAwD;IAC/C,SAAS,CAAC,OAAO,UAAS;IACnC,2EAA2E;IAClE,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAEhD,OAAO,CAAC,OAAO,CAA+B;IAE9C,SAAS,KAAK,KAAK,IAAI,YAAY,CAElC;IAEQ,iBAAiB,IAAI,IAAI;IAWzB,oBAAoB,IAAI,IAAI;IAMrC,kFAAkF;IAClF,OAAO,CAAC,QAAQ,CAAC,WAAW,CAG1B;IAEF,6GAA6G;IAC7G,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM;cAKvB,YAAY,IAAI,IAAI;IAIvC,+EAA+E;IAC/E,SAAS,KAAK,SAAS,IAAI,MAAM,CAEhC;IAED,yCAAyC;IACzC,SAAS,CAAC,QAAQ,CAAC,SAAS,IAAI,OAAO;IACvC,4EAA4E;IAC5E,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,UAAU,EAAE;IAC9C,4CAA4C;IAC5C,SAAS,CAAC,QAAQ,CAAC,SAAS,IAAI,MAAM;IACtC,0FAA0F;IAC1F,SAAS,CAAC,SAAS,IAAI,MAAM;IAG7B,SAAS,CAAC,QAAQ,CAAC,IAAI,IAAI,cAAc;IACzC,SAAS,CAAC,QAAQ,CAAC,KAAK,IAAI,cAAc;IAEjC,MAAM;IAef,gJAAgJ;IAChJ,OAAO,CAAC,QAAQ,CAAC,KAAK,CAcpB;IAEF,oFAAoF;IACpF,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,GAAG,cAAc;IAO9E,6DAA6D;IAC7D,SAAS,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc;CAGrF"}

package/dist/charts/base.js

@@ -0,0 +1,203 @@
+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;
+};
+// What every chart shares: its width, its words, a legend, the switch to a table of
+// its values, and the tooltip of the item the reader points at or moves to.
+import { LitElement, css, html, nothing } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { withDefaults } from '../core/strings.js';
+import { legend, legendStyles } from '../primitives/legend.js';
+import { base } from '../styles/index.js';
+import { plainNumber } from './scale.js';
+import { DEFAULT_CHART_STRINGS } from './types.js';
+/** The size of the axis labels, in px. */
+const AXIS_PX = 10.5;
+/** The room beside a label, in px, so that labels side by side do not touch. */
+const LABEL_ROOM = 6;
+let measurer;
+const measured = new Map();
+/** `text`'s width in px in the CSS font `font`; where there is no canvas to measure it, an estimate. */
+function measureText(text, font) {
+    measurer ??= typeof document === 'undefined' ? null : document.createElement('canvas').getContext('2d');
+    if (!measurer)
+        return text.length * AXIS_PX * 0.62;
+    const key = `${font}\n${text}`;
+    let w = measured.get(key);
+    if (w === undefined) {
+        measurer.font = font;
+        w = measurer.measureText(text).width;
+        measured.set(key, w);
+    }
+    return w;
+}
+export class ChartElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** The chart's accessible name (its title, or what it shows). */
+        this.label = '';
+        /** A value in words: the host's format for the chart's unit. */
+        this.format = plainNumber;
+        this.strings = {};
+        /** The plot's height in px (the axis included). */
+        this.height = 200;
+        /** The width the chart has, in px. */
+        this.width = 0;
+        /** The values shown as a table instead of the chart. */
+        this.asTable = false;
+        /** The item the reader points at or moved to with the keys; null: none. */
+        this.active = null;
+        this.resized = null;
+        /** A font that loads late changes the labels' widths: they are measured again. */
+        this.fontsLoaded = () => {
+            measured.clear();
+            this.requestUpdate();
+        };
+        /** The arrow keys move between the items (up and down by a row of a grid), Home and End to the first and the last; Escape hides the tooltip. */
+        this.onKey = (e) => {
+            const n = this.itemCount();
+            if (!n)
+                return;
+            const at = this.active;
+            let next = at;
+            const row = this.rowLength();
+            const by = e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : e.key === 'ArrowDown' ? row : e.key === 'ArrowUp' ? -row : 0;
+            if (by)
+                next = at === null ? (by > 0 ? 0 : n - 1) : Math.min(n - 1, Math.max(0, at + by));
+            else if (e.key === 'Home')
+                next = 0;
+            else if (e.key === 'End')
+                next = n - 1;
+            else if (e.key === 'Escape')
+                next = null;
+            else
+                return;
+            e.preventDefault();
+            this.active = next;
+        };
+    }
+    static { this.styles = [
+        base,
+        legendStyles,
+        css `
+      :host { display: block; min-width: 0; }
+      .head { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 8px; min-height: 22px; }
+      .head .legend { flex: 1; min-width: 0; }
+      .head .legend span { color: var(--text-2); }
+      .switch { margin-left: auto; flex: none; background: none; border: 1px solid var(--line); border-radius: 999px; padding: 2px 10px;
+        font: inherit; font-size: var(--font-size-sm); color: var(--text-muted); cursor: pointer; }
+      .switch:hover, .switch:focus-visible { color: var(--text); border-color: var(--line2); }
+      .plot { position: relative; outline-offset: 2px; }
+      .plot:focus-visible { outline: 2px solid var(--accent); border-radius: var(--radius-sm); }
+      svg { display: block; overflow: visible; }
+      .axis { font-size: ${AXIS_PX}px; fill: var(--text-muted); font-variant-numeric: tabular-nums; }
+      .grid { stroke: var(--line); stroke-width: 1; shape-rendering: crispEdges; }
+      .base { stroke: var(--line2); stroke-width: 1; shape-rendering: crispEdges; }
+      .hit { fill: transparent; }
+      .band { fill: var(--text); opacity: 0.05; }
+      .tip { position: absolute; z-index: 2; pointer-events: none; padding: 6px 9px; border-radius: var(--radius-sm); background: var(--raise);
+        border: 1px solid var(--line2); box-shadow: 0 4px 14px var(--shadow); color: var(--text); font-size: var(--font-size-sm);
+        white-space: nowrap; line-height: 1.45; }
+      .tip b { font-weight: 600; }
+      .tip .row { display: flex; align-items: center; gap: 6px; }
+      .tip .row i { width: 9px; height: 9px; border-radius: 2px; flex: none; }
+      .tip .row .v { margin-left: auto; padding-left: 12px; font-variant-numeric: tabular-nums; }
+      .scale { display: inline-flex; gap: 1px; margin-right: 6px; vertical-align: -1px; }
+      .legend .scale i { width: 12px; height: 10px; margin: 0; border-radius: 2px; }
+      .empty { padding: 18px 0; color: var(--text-muted); font-size: var(--font-size-sm); }
+      table { border-collapse: collapse; font-size: var(--font-size-sm); font-variant-numeric: tabular-nums; }
+      .tbl { overflow-x: auto; max-width: 100%; }
+      th, td { padding: 4px 12px 4px 0; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--line); }
+      th { color: var(--text-muted); font-weight: 500; }
+      th:first-child, td:first-child { text-align: left; }
+      td { color: var(--text-2); }
+    `,
+    ]; }
+    get words() {
+        return withDefaults(DEFAULT_CHART_STRINGS, this.strings);
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (typeof ResizeObserver === 'undefined')
+            return;
+        this.resized ??= new ResizeObserver((entries) => {
+            const w = Math.floor(entries[0]?.contentRect.width ?? 0);
+            if (w && Math.abs(w - this.width) >= 1)
+                this.width = w;
+        });
+        this.resized.observe(this);
+        document.fonts?.addEventListener('loadingdone', this.fontsLoaded);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.resized?.disconnect();
+        document.fonts?.removeEventListener('loadingdone', this.fontsLoaded);
+    }
+    /** An axis label's width in px, as the chart draws it, with room beside it: measured in the chart's font. */
+    labelWidth(text) {
+        const cs = getComputedStyle(this);
+        return Math.ceil(measureText(text, `${cs.fontStyle} ${cs.fontWeight} ${AXIS_PX}px ${cs.fontFamily}`)) + LABEL_ROOM;
+    }
+    firstUpdated() {
+        if (!this.width)
+            this.width = Math.floor(this.getBoundingClientRect().width) || 600;
+    }
+    /** The plot area's width: the element's, never less than a narrow screen's. */
+    get plotWidth() {
+        return Math.max(240, this.width || 600);
+    }
+    /** How many items the up and down keys move by: a row of a grid; 1 for a row of items. */
+    rowLength() {
+        return 1;
+    }
+    render() {
+        const s = this.words;
+        if (!this.hasValues())
+            return html `<div class="empty" part="empty">${s.empty}</div>`;
+        const items = this.legendItems();
+        return html `<div class="head">
+        ${items.length ? legend(items, { label: this.label }) : html `<span class="legend"></span>`}
+        <button type="button" class="switch" part="switch" aria-pressed=${this.asTable}
+          @click=${() => ((this.asTable = !this.asTable), (this.active = null))}>${this.asTable ? s.showChart : s.showTable}</button>
+      </div>
+      ${this.asTable
+            ? html `<div class="tbl" part="table">${this.table()}</div>`
+            : html `<div class="plot" part="plot" tabindex=${this.itemCount() ? 0 : nothing} role="group" aria-label=${this.label || nothing}
+            @keydown=${this.onKey} @blur=${() => (this.active = null)} @mouseleave=${() => (this.active = null)}>${this.plot()}</div>`}`;
+    }
+    /** A tooltip at `left` px (its middle) and `top` px of the plot, kept inside it. */
+    tip(left, top, body) {
+        const w = this.plotWidth;
+        const side = left > w * 0.6 ? 'right' : 'left';
+        const x = side === 'left' ? Math.max(0, left + 12) : Math.max(0, w - left + 12);
+        return html `<div class="tip" role="status" style="${side}: ${x}px; top: ${Math.max(0, top)}px">${body}</div>`;
+    }
+    /** One line of a tooltip: a swatch, a name and its value. */
+    tipRow(colour, name, value) {
+        return html `<div class="row">${colour ? html `<i style="background: ${colour}"></i>` : nothing}<span>${name}</span><span class="v">${value}</span></div>`;
+    }
+}
+__decorate([
+    property()
+], ChartElement.prototype, "label", void 0);
+__decorate([
+    property({ attribute: false })
+], ChartElement.prototype, "format", void 0);
+__decorate([
+    property({ attribute: false })
+], ChartElement.prototype, "strings", void 0);
+__decorate([
+    property({ type: Number })
+], ChartElement.prototype, "height", void 0);
+__decorate([
+    state()
+], ChartElement.prototype, "width", void 0);
+__decorate([
+    state()
+], ChartElement.prototype, "asTable", void 0);
+__decorate([
+    state()
+], ChartElement.prototype, "active", void 0);
+//# sourceMappingURL=base.js.map

package/dist/charts/base.js.map

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

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

@@ -0,0 +1,42 @@
+import { type TemplateResult } from 'lit';
+import type { LegendItem } from '../primitives/legend.js';
+import { ChartElement } from './base.js';
+import type { ChartSeries } from './types.js';
+/** A bar from the axis up, its top corners rounded when `round`. */
+export declare function barPath(x: number, y: number, w: number, h: number, round: boolean): string;
+/**
+ * Vertical bars, one group per label of `x`: a bar per series side by side, or with
+ * `stacked`, the series of a label on one bar. Six series take the series colours in
+ * their order; past six, the sixth and later are one bar part, "other". A legend
+ * names the series when there are two or more. Pointing at a label, or moving to it
+ * with the arrow keys, shows its values; the switch shows them all as a table.
+ *
+ * @tagname cae-column-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 CaeColumnChart extends ChartElement {
+    /** A label per group of bars, in order. */
+    x: readonly string[];
+    series: readonly ChartSeries[];
+    /** The series of a label on one bar, instead of side by side. */
+    stacked: boolean;
+    private get drawn();
+    protected hasValues(): boolean;
+    protected legendItems(): LegendItem[];
+    protected itemCount(): number;
+    /** The total of label `j` (the stacked bar's height). */
+    private total;
+    protected plot(): TemplateResult;
+    private tipBody;
+    protected table(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cae-column-chart': CaeColumnChart;
+    }
+}
+//# sourceMappingURL=column-chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-chart.d.ts","sourceRoot":"","sources":["../../src/charts/column-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;AAS9C,oEAAoE;AACpE,wBAAgB,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAI1F;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,cAAe,SAAQ,YAAY;IAC9C,2CAA2C;IACX,CAAC,EAAE,SAAS,MAAM,EAAE,CAAM;IAC1B,MAAM,EAAE,SAAS,WAAW,EAAE,CAAM;IACpE,iEAAiE;IACpC,OAAO,UAAS;IAE7C,OAAO,KAAK,KAAK,GAEhB;IAED,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,WAAW,IAAI,UAAU,EAAE;IAKrC,SAAS,CAAC,SAAS,IAAI,MAAM;IAI7B,yDAAyD;IACzD,OAAO,CAAC,KAAK;IAIb,SAAS,CAAC,IAAI,IAAI,cAAc;IA6DhC,OAAO,CAAC,OAAO;IAQf,SAAS,CAAC,KAAK,IAAI,cAAc;CAalC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/charts/column-chart.js

@@ -0,0 +1,146 @@
+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 { foldSeries, LABEL_GAP, labelStride, niceAxis } from './scale.js';
+/** The plot's margins: the value axis on the left, the labels under it. */
+const M = { top: 8, right: 4, bottom: 22 };
+/** A bar's top: rounded, the end anchored to the axis square. */
+const RADIUS = 4;
+/** The gap between the stacked parts of a bar, and between the bars of a group. */
+const GAP = 2;
+/** A bar from the axis up, its top corners rounded when `round`. */
+export function barPath(x, y, w, h, round) {
+    if (h <= 0 || w <= 0)
+        return '';
+    const r = round ? Math.min(RADIUS, w / 2, h) : 0;
+    return `M${x},${y + h}V${y + r}${r ? `Q${x},${y} ${x + r},${y}` : ''}H${x + w - r}${r ? `Q${x + w},${y} ${x + w},${y + r}` : ''}V${y + h}Z`;
+}
+/**
+ * Vertical bars, one group per label of `x`: a bar per series side by side, or with
+ * `stacked`, the series of a label on one bar. Six series take the series colours in
+ * their order; past six, the sixth and later are one bar part, "other". A legend
+ * names the series when there are two or more. Pointing at a label, or moving to it
+ * with the arrow keys, shows its values; the switch shows them all as a table.
+ *
+ * @tagname cae-column-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 CaeColumnChart extends ChartElement {
+    constructor() {
+        super(...arguments);
+        /** A label per group of bars, in order. */
+        this.x = [];
+        this.series = [];
+        /** The series of a label on one bar, instead of side by side. */
+        this.stacked = false;
+    }
+    get drawn() {
+        return foldSeries(this.series, this.words.other);
+    }
+    hasValues() {
+        return this.x.length > 0 && this.series.some((s) => s.values.some((v) => v !== null && v !== undefined));
+    }
+    legendItems() {
+        const d = this.drawn;
+        return d.length > 1 ? d.map((s) => ({ label: s.name, swatch: s.colour })) : [];
+    }
+    itemCount() {
+        return this.x.length;
+    }
+    /** The total of label `j` (the stacked bar's height). */
+    total(j) {
+        return this.drawn.reduce((a, s) => a + Math.max(0, s.values[j] ?? 0), 0);
+    }
+    plot() {
+        const d = this.drawn;
+        const n = this.x.length;
+        const values = d.flatMap((s) => s.values.filter((v) => v !== null && v !== undefined));
+        const high = this.stacked ? Math.max(0, ...this.x.map((_, j) => this.total(j))) : Math.max(0, ...values);
+        const axis = niceAxis(Math.min(0, ...values), high);
+        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 y = (v) => M.top + ph - ((v - axis.min) / (axis.max - axis.min)) * ph;
+        const band = pw / n;
+        const barW = Math.max(2, Math.min(40, band * (this.stacked || d.length === 1 ? 0.62 : 0.8)));
+        const stride = labelStride(n, pw, Math.max(...this.x.map((s) => this.labelWidth(s))) + LABEL_GAP);
+        const bars = [];
+        for (let j = 0; j < n; j++) {
+            const x0 = left + j * band + (band - barW) / 2;
+            if (this.stacked) {
+                let at = 0;
+                const parts = d.map((s) => ({ s, v: Math.max(0, s.values[j] ?? 0) })).filter((p) => p.v > 0);
+                parts.forEach((p, k) => {
+                    const top = y(at + p.v);
+                    const bottom = y(at);
+                    // Each part is 2px shorter than its share, so the surface shows between the parts.
+                    const hgt = bottom - top - (k > 0 ? GAP : 0);
+                    bars.push(svg `<path d=${barPath(x0, top, barW, Math.max(0, hgt), k === parts.length - 1)} fill=${p.s.colour}></path>`);
+                    at += p.v;
+                });
+            }
+            else {
+                const each = (barW - GAP * (d.length - 1)) / d.length;
+                d.forEach((s, k) => {
+                    const v = s.values[j];
+                    if (v === null || v === undefined || v === 0)
+                        return;
+                    const top = y(Math.max(0, v));
+                    const bottom = y(Math.min(0, v));
+                    bars.push(svg `<path d=${barPath(x0 + k * (each + GAP), top, Math.max(1, each), bottom - top, v > 0)} fill=${s.colour}></path>`);
+                });
+            }
+        }
+        const a = this.active;
+        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=${y(t)} y2=${y(t)}></line>
+            <text class="axis" x=${left - 6} y=${y(t)} dy="0.32em" text-anchor="end">${this.format(t)}</text>`)}
+        ${a !== null ? svg `<rect class="band" x=${left + a * band} y=${M.top} width=${band} height=${ph}></rect>` : nothing}
+        ${bars}
+        ${this.x.map((label, j) => j % stride === 0
+            ? svg `<text class="axis" x=${left + j * band + band / 2} y=${h - 6} text-anchor="middle">${label}</text>`
+            : nothing)}
+        ${this.x.map((_, j) => svg `<rect class="hit" x=${left + j * band} y=${M.top} width=${band} height=${ph + M.bottom}
+            @mouseenter=${() => (this.active = j)}></rect>`)}
+      </svg>
+      ${a !== null && a < n ? this.tip(left + a * band + band / 2, M.top, this.tipBody(a)) : nothing}`;
+    }
+    tipBody(j) {
+        const d = this.drawn;
+        const none = this.words.none;
+        return html `<b>${this.x[j]}</b>
+      ${[...d].reverse().map((s) => this.tipRow(s.colour, s.name, s.values[j] === null || s.values[j] === undefined ? none : this.format(s.values[j])))}
+      ${this.stacked && d.length > 1 ? this.tipRow(null, this.words.total, this.format(this.total(j))) : nothing}`;
+    }
+    table() {
+        const d = this.drawn;
+        const none = this.words.none;
+        const sum = this.stacked && d.length > 1;
+        return html `<table aria-label=${this.label || nothing}>
+      <thead><tr><th scope="col">${this.words.label}</th>${d.map((s) => html `<th scope="col">${s.name}</th>`)}${sum ? html `<th scope="col">${this.words.total}</th>` : nothing}</tr></thead>
+      <tbody>${this.x.map((label, j) => html `<tr><th scope="row">${label}</th>${d.map((s) => html `<td>${s.values[j] === null || s.values[j] === undefined ? none : this.format(s.values[j])}</td>`)}${sum ? html `<td>${this.format(this.total(j))}</td>` : nothing}</tr>`)}</tbody>
+    </table>`;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], CaeColumnChart.prototype, "x", void 0);
+__decorate([
+    property({ attribute: false })
+], CaeColumnChart.prototype, "series", void 0);
+__decorate([
+    property({ type: Boolean })
+], CaeColumnChart.prototype, "stacked", void 0);
+//# sourceMappingURL=column-chart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column-chart.js","sourceRoot":"","sources":["../../src/charts/column-chart.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAuB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAoB,MAAM,YAAY,CAAC;AAG5F,2EAA2E;AAC3E,MAAM,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAC3C,iEAAiE;AACjE,MAAM,MAAM,GAAG,CAAC,CAAC;AACjB,mFAAmF;AACnF,MAAM,GAAG,GAAG,CAAC,CAAC;AAEd,oEAAoE;AACpE,MAAM,UAAU,OAAO,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,KAAc;IAChF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,EAAE,CAAC;IAChC,MAAM,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AAC9I,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,cAAe,SAAQ,YAAY;IAAhD;;QACE,2CAA2C;QACX,MAAC,GAAsB,EAAE,CAAC;QAC1B,WAAM,GAA2B,EAAE,CAAC;QACpE,iEAAiE;QACpC,YAAO,GAAG,KAAK,CAAC;IA0G/C,CAAC;IAxGC,IAAY,KAAK;QACf,OAAO,UAAU,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC;IAES,SAAS;QACjB,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;IAC3G,CAAC;IAES,WAAW;QACnB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,OAAO,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjF,CAAC;IAES,SAAS;QACjB,OAAO,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACvB,CAAC;IAED,yDAAyD;IACjD,KAAK,CAAC,CAAS;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC;IAES,IAAI;QACZ,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;QACxB,MAAM,MAAM,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAe,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;QACpG,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC;QACzG,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;QACpD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACrF,MAAM,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QACzB,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QACtB,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC;QAC9B,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC;QAChC,MAAM,CAAC,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QACpF,MAAM,IAAI,GAAG,EAAE,GAAG,CAAC,CAAC;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC7F,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;QAClG,MAAM,IAAI,GAAqB,EAAE,CAAC;QAClC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;YAC3B,MAAM,EAAE,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,EAAE,GAAG,CAAC,CAAC;gBACX,MAAM,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC7F,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACrB,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxB,MAAM,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;oBACrB,mFAAmF;oBACnF,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC7C,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,WAAW,OAAO,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC;oBACvH,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;gBACZ,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,GAAG,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC;gBACtD,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACjB,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBACtB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC;wBAAE,OAAO;oBACrD,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;oBAC9B,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;oBACjC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,WAAW,OAAO,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC;gBAClI,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QACD,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;QACtB,OAAO,IAAI,CAAA,cAAc,CAAC,WAAW,CAAC,0BAA0B,IAAI,CAAC,KAAK,IAAI,OAAO;UAC/E,IAAI,CAAC,KAAK,CAAC,GAAG,CACd,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAA,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;mCAC5E,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,kCAAkC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CACrG;UACC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAA,wBAAwB,IAAI,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,GAAG,UAAU,IAAI,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO;UACjH,IAAI;UACJ,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CACxB,CAAC,GAAG,MAAM,KAAK,CAAC;YACd,CAAC,CAAC,GAAG,CAAA,wBAAwB,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,yBAAyB,KAAK,SAAS;YACzG,CAAC,CAAC,OAAO,CACZ;UACC,IAAI,CAAC,CAAC,CAAC,GAAG,CACV,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAA,uBAAuB,IAAI,GAAG,CAAC,GAAG,IAAI,MAAM,CAAC,CAAC,GAAG,UAAU,IAAI,WAAW,EAAE,GAAG,CAAC,CAAC,MAAM;0BACpF,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,UAAU,CAClD;;QAED,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACrG,CAAC;IAEO,OAAO,CAAC,CAAS;QACvB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,OAAO,IAAI,CAAA,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACtB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/I,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACjH,CAAC;IAES,KAAK;QACb,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC7B,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;QACzC,OAAO,IAAI,CAAA,qBAAqB,IAAI,CAAC,KAAK,IAAI,OAAO;mCACtB,IAAI,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,mBAAmB,CAAC,CAAC,IAAI,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,IAAI,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO;eAC/J,IAAI,CAAC,CAAC,CAAC,GAAG,CACjB,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,uBAAuB,KAAK,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GACvK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OACvD,OAAO,CACR;aACM,CAAC;IACZ,CAAC;CACF;AA7GiC;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;yCAA2B;AAC1B;IAA/B,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;8CAAqC;AAEvC;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CAAiB"}

package/dist/charts/heatmap.d.ts

@@ -0,0 +1,42 @@
+import { type TemplateResult } from 'lit';
+import type { LegendItem } from '../primitives/legend.js';
+import { ChartElement } from './base.js';
+/** One hue, light to dark: a value's share of the colour, by its step of five. */
+export declare const HEAT_STEPS: readonly [16, 34, 52, 72, 92];
+/** A colour of the scale: `pct` percent of its hue over the card. */
+export declare const heatColour: (pct: number) => string;
+/** The step (0..4) of `v` between `low` and `high`. */
+export declare function heatStep(v: number, low: number, high: number): number;
+/**
+ * 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 declare class CaeHeatmap extends ChartElement {
+    x: readonly string[];
+    y: readonly string[];
+    values: readonly (readonly (number | null)[])[];
+    private get range();
+    protected hasValues(): boolean;
+    protected legendItems(): LegendItem[];
+    protected itemCount(): number;
+    protected rowLength(): number;
+    protected plot(): TemplateResult;
+    private tipBody;
+    protected table(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cae-heatmap': CaeHeatmap;
+    }
+}
+//# sourceMappingURL=heatmap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.d.ts","sourceRoot":"","sources":["../../src/charts/heatmap.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;AAGzC,kFAAkF;AAClF,eAAO,MAAM,UAAU,+BAAgC,CAAC;AAOxD,qEAAqE;AACrE,eAAO,MAAM,UAAU,GAAI,KAAK,MAAM,KAAG,MAA2D,CAAC;AAErG,uDAAuD;AACvD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAIrE;AAED;;;;;;;;;;;;;GAaG;AACH,qBAAa,UAAW,SAAQ,YAAY;IACV,CAAC,EAAE,SAAS,MAAM,EAAE,CAAM;IAC1B,CAAC,EAAE,SAAS,MAAM,EAAE,CAAM;IAC1B,MAAM,EAAE,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAM;IAErF,OAAO,KAAK,KAAK,GAGhB;IAED,SAAS,CAAC,SAAS,IAAI,OAAO;IAI9B,SAAS,CAAC,WAAW,IAAI,UAAU,EAAE;IAMrC,SAAS,CAAC,SAAS,IAAI,MAAM;cAIV,SAAS,IAAI,MAAM;IAItC,SAAS,CAAC,IAAI,IAAI,cAAc;IAsChC,OAAO,CAAC,OAAO;IAMf,SAAS,CAAC,KAAK,IAAI,cAAc;CAYlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}