@aceshooting/lyra-ui 6.2.0 → 7.1.0

package/dist/components/charts/chart/chart.class.d.ts

@@ -2,6 +2,7 @@ import { type TemplateResult, type PropertyValues } from 'lit';
 import { LyraElement } from '../../../internal/lyra-element.js';
 import type { OptionalPeerApi } from '../../../internal/optional-peer-types.js';
 import '../../overlays/skeleton/skeleton.class.js';
+export { seriesPalette } from './chart-colors.js';
 export interface Series {
     label: string;
     data?: (number | null)[];
@@ -79,8 +80,8 @@ export interface LyraChartEventMap {
  *
  * @customElement lr-chart
  * @event lr-zoom - `detail: { zoomed }`.
- * @event lr-point-click - Fired when a click lands on (or nearest,
- *   intersect-only — see `handlePointClick()`) a data point/segment.
+ * @event lr-point-click - Fired when pointer input lands on a data point/segment, when a generated
+ *   data-table value is activated, or when Enter/Space activates the keyboard-current canvas datum.
  *   `detail: { datasetIndex: number, index: number, label: string |
  *   undefined, value: unknown }`.
  * @csspart base - The chart wrapper.
@@ -146,8 +147,8 @@ export declare class LyraChart extends LyraElement<LyraChartEventMap> {
     /**
      * Draws each data point's value on the chart via the optional
      * `chartjs-plugin-datalabels` peer. Unset (the default) leaves labels off for
-     * this and every other chart on the page — the plugin registers globally, so
-     * `buildConfig()` explicitly disables it per-chart until this is set. The
+     * this chart; the peer is attached only to instances that opt in, and
+     * `buildConfig()` keeps its per-chart options disabled until this is set. The
      * screen-reader equivalent is the always-present data table (see
      * `show-data-table`); labels are a purely visual, canvas-only addition.
      */
@@ -207,6 +208,9 @@ export declare class LyraChart extends LyraElement<LyraChartEventMap> {
     private builtType?;
     private suppressZoomComplete;
     private descriptionId;
+    private datumStatusId;
+    private keyboardDatumIndex;
+    private keyboardDatumAnnouncement;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /**
@@ -250,9 +254,9 @@ export declare class LyraChart extends LyraElement<LyraChartEventMap> {
      *  per-point data labels or per-stack totals. */
     private get needsDataLabels();
     /**
-     * `options.plugins.datalabels`. Always emitted (the plugin is global once
-     * registered, so it must be explicitly gated off per-chart) — returns
-     * `{ display: false }` unless `data-labels`/`stack-totals` is set. The label
+     * `options.plugins.datalabels`. Always emitted so the chart also stays inert if
+     * a consumer independently registers the peer globally — returns `{ display: false }`
+     * unless `data-labels`/`stack-totals` is set. The label
      * color is resolved via `getComputedStyle` (the same `themeColors()` tick
      * color) because Chart.js paints to canvas and cannot read `var()`.
      *
@@ -279,7 +283,8 @@ export declare class LyraChart extends LyraElement<LyraChartEventMap> {
     private computeStackTotals;
     /**
      * Resolves the categorical series palette (`--lr-color-chart-1..8`, declared in
-     * `internal/tokens.styles.ts` with their own dark-theme ramp) via `getComputedStyle` —
+     * `internal/tokens.styles.ts` as indirections through `--lr-theme-color-chart-1..8`, with their
+     * own dark-theme ramp) via `getComputedStyle` —
      * same canvas-can't-read-`var()` constraint as `themeColors()`, and the same source
      * `<lr-lite-chart>` draws its default palette from. Feeds `seriesToDataset()` a concrete,
      * theme-aware default color for any series that sets no `color` of its own. Falls back to
@@ -316,6 +321,12 @@ export declare class LyraChart extends LyraElement<LyraChartEventMap> {
      * chart type (bar/line/pie/doughnut/etc.), not just bars.
      */
     private handlePointClick;
+    private chartDatums;
+    private datumDisplayValue;
+    private datumAnnouncement;
+    private activateDatum;
+    private onCanvasFocus;
+    private onCanvasKeyDown;
     /**
      * `config.type` (if set) overrides the attribute `type` post-merge — this
      * is the one place that resolution logic lives, shared by `buildConfig()`
@@ -360,6 +371,7 @@ export declare class LyraChart extends LyraElement<LyraChartEventMap> {
     private accessibleName;
     private chartDescription;
     private renderDataTable;
+    private hasCustomDataTable;
     render(): TemplateResult;
 }
 declare global {

package/dist/components/charts/chart/chart.class.d.ts.map

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

package/dist/components/charts/chart/chart.class.js

@@ -14,8 +14,11 @@ import { ThemeWatcher } from '../../../internal/theme-watcher.js';
 import { loadChartJs, loadChartJsWithZoom, loadChartJsWithDataLabels } from './chart-loader.js';
 import { styles } from './chart.styles.js';
 import '../../overlays/skeleton/skeleton.class.js';
-import { getNumberFormat } from '../../../internal/intl-cache.js';
+import { getListFormat, getNumberFormat } from '../../../internal/intl-cache.js';
 import { escapeCsvField } from '../../utility/export-button/csv.js';
+import { trueDefaultBooleanFromAttributeConverter as trueDefaultBooleanConverter } from '../../../internal/converters.js';
+import { resolveCanvasColor, seriesPalette, translucentAreaColor } from './chart-colors.js';
+export { seriesPalette } from './chart-colors.js';
 const CHART_TYPES = new Set([
     'line',
     'bar',
@@ -41,18 +44,6 @@ function normalizeChartType(value) {
         ? value
         : 'line';
 }
-/** `true`-defaulting boolean attribute converter for `beginAtZero` -- identical shape/rationale to
- *  `<lr-checkpoint>`'s own `trueDefaultBooleanConverter`, duplicated locally per this library's
- *  convention of not sharing these tiny converters across independently-consumable component
- *  files. Lit's default presence-based `type: Boolean` can never be set back to `false` from a
- *  plain-HTML attribute once the property's own default is `true` (removing an attribute that was
- *  never present fires no `attributeChangedCallback`), so `fromAttribute` checks the literal
- *  string instead. */
-const trueDefaultBooleanConverter = {
-    fromAttribute(value) {
-        return value !== 'false';
-    },
-};
 function isPlainObject(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value);
 }
@@ -69,23 +60,6 @@ const FALLBACK_TICK_COLOR = '#6b7280';
 const FALLBACK_LEGEND_COLOR = '#1a1a1a';
 const FALLBACK_TOOLTIP_BG = '#fff';
 const FALLBACK_TOOLTIP_TEXT = '#1a1a1a';
-// Light-mode defaults of --lr-color-chart-1..8 (see internal/tokens.styles.ts), the same
-// categorical ramp <lr-lite-chart>'s DEFAULT_PALETTE draws from. Used to give a series with
-// no explicit `color` a themed, theme-visible default instead of Chart.js's own hardcoded
-// near-black (rgba(0,0,0,.1)) fill, which is invisible on the dark theme — grid/tick/legend
-// were already themed via themeColors(), but the data series itself was not. Only the literal
-// fallbacks here are reached when getComputedStyle can't resolve the custom properties (host
-// detached); a live host resolves the real, dark-aware values in seriesPalette() below.
-const FALLBACK_SERIES_PALETTE = [
-    '#8250df',
-    '#bf3989',
-    '#0a7d91',
-    '#57606a',
-    '#b083f5',
-    '#f470b8',
-    '#52d6e8',
-    '#c9d1d9',
-];
 /**
  * Recursively merges `override` onto `base`, matching JSON-merge semantics:
  * plain objects are merged key-by-key at every depth; arrays, functions, and
@@ -148,8 +122,8 @@ function deepMerge(base, override, seen = new WeakMap()) {
  *
  * @customElement lr-chart
  * @event lr-zoom - `detail: { zoomed }`.
- * @event lr-point-click - Fired when a click lands on (or nearest,
- *   intersect-only — see `handlePointClick()`) a data point/segment.
+ * @event lr-point-click - Fired when pointer input lands on a data point/segment, when a generated
+ *   data-table value is activated, or when Enter/Space activates the keyboard-current canvas datum.
  *   `detail: { datasetIndex: number, index: number, label: string |
  *   undefined, value: unknown }`.
  * @csspart base - The chart wrapper.
@@ -209,8 +183,8 @@ export class LyraChart extends LyraElement {
         /**
          * Draws each data point's value on the chart via the optional
          * `chartjs-plugin-datalabels` peer. Unset (the default) leaves labels off for
-         * this and every other chart on the page — the plugin registers globally, so
-         * `buildConfig()` explicitly disables it per-chart until this is set. The
+         * this chart; the peer is attached only to instances that opt in, and
+         * `buildConfig()` keeps its per-chart options disabled until this is set. The
          * screen-reader equivalent is the always-present data table (see
          * `show-data-table`); labels are a purely visual, canvas-only addition.
          */
@@ -251,6 +225,9 @@ export class LyraChart extends LyraElement {
         // driving the plugin so that re-entrant callback is ignored.
         this.suppressZoomComplete = false;
         this.descriptionId = nextId('chart-description');
+        this.datumStatusId = nextId('chart-datum-status');
+        this.keyboardDatumIndex = 0;
+        this.keyboardDatumAnnouncement = '';
         // Redraws (re-resolving `--lr-chart-*` via getComputedStyle, since canvas can't read var())
         // when prefers-color-scheme flips or an ancestor's theme attribute mutates. The controller
         // registers itself with the host via addController(); redraw only once a chart exists.
@@ -483,15 +460,30 @@ export class LyraChart extends LyraElement {
         this.draw();
     }
     seriesToDataset(s, index, palette, effectiveType) {
-        const colors = Array.isArray(s.color) ? s.color : s.color ? [s.color] : undefined;
+        const colors = Array.isArray(s.color)
+            ? s.color.map((color) => resolveCanvasColor(this, color, palette[index % palette.length] ?? 'transparent'))
+            : s.color
+                ? [resolveCanvasColor(this, s.color, palette[index % palette.length] ?? 'transparent')]
+                : undefined;
         // Default a color-less series to the categorical palette, keyed by dataset index (matching
-        // <lr-lite-chart>). pie/doughnut carry one series whose *slices* each need a distinct color,
-        // so those default to an array cycled across the palette; every other family is one color
-        // per series. Only applied when the caller gave no `color` — an explicit `color` still wins.
+        // <lr-lite-chart>). pie/doughnut/polarArea carry one series whose *slices* each need a distinct
+        // color, so those default to an array cycled across the palette; every other family is one
+        // color per series. Only applied when the caller gave no `color` — an explicit `color` still wins.
         const fallback = palette.length ? palette[index % palette.length] : undefined;
-        const sliceColors = (effectiveType === 'pie' || effectiveType === 'doughnut') && palette.length
+        const sliceColors = (effectiveType === 'pie' || effectiveType === 'doughnut' || effectiveType === 'polarArea') && palette.length
             ? (s.points ?? s.data ?? []).map((_, i) => palette[i % palette.length])
             : undefined;
+        const fill = s.fill ?? this.area;
+        const backgroundColor = colors ?? sliceColors ?? fallback;
+        const datasetType = s.type ?? effectiveType;
+        const segmentColors = s.segmentColors?.map((color) => resolveCanvasColor(this, color, colors?.[0] ?? fallback ?? 'transparent'));
+        const resolvedBackgroundColor = datasetType === 'line' && fill
+            ? Array.isArray(backgroundColor)
+                ? backgroundColor.map((color) => translucentAreaColor(this, color))
+                : backgroundColor
+                    ? translucentAreaColor(this, backgroundColor)
+                    : backgroundColor
+            : backgroundColor;
         return {
             label: s.label,
             data: s.points ?? s.data ?? [],
@@ -509,21 +501,21 @@ export class LyraChart extends LyraElement {
             // series over a bar chart of the *same* effective family) is passed
             // through.
             type: s.type,
-            fill: s.fill ?? this.area,
+            fill,
             borderWidth: s.width ?? 2,
             borderDash: s.dash ? [4, 4] : undefined,
-            backgroundColor: colors ?? sliceColors ?? fallback,
+            backgroundColor: resolvedBackgroundColor,
             borderColor: colors?.[0] ?? fallback,
-            pointBackgroundColor: s.pointColors,
+            pointBackgroundColor: s.pointColors?.map((color) => resolveCanvasColor(this, color, colors?.[0] ?? fallback ?? 'transparent')),
             pointRadius: s.pointRadius,
             // `segment` is Chart.js's per-line-segment scriptable-options hook (line controller only),
             // keyed by the segment's *starting* point index. Only spread in when the series actually
             // sets `segmentColors`, so a series without it produces the exact dataset object it always
             // did — Chart.js treats a present-but-inert `segment` key differently from an absent one.
-            ...(s.segmentColors?.length
+            ...(segmentColors?.length
                 ? {
                     segment: {
-                        borderColor: (ctx) => s.segmentColors[ctx.p0DataIndex % s.segmentColors.length],
+                        borderColor: (ctx) => segmentColors[ctx.p0DataIndex % segmentColors.length],
                     },
                 }
                 : {}),
@@ -554,9 +546,9 @@ export class LyraChart extends LyraElement {
         return this.dataLabels || this.stackTotals;
     }
     /**
-     * `options.plugins.datalabels`. Always emitted (the plugin is global once
-     * registered, so it must be explicitly gated off per-chart) — returns
-     * `{ display: false }` unless `data-labels`/`stack-totals` is set. The label
+     * `options.plugins.datalabels`. Always emitted so the chart also stays inert if
+     * a consumer independently registers the peer globally — returns `{ display: false }`
+     * unless `data-labels`/`stack-totals` is set. The label
      * color is resolved via `getComputedStyle` (the same `themeColors()` tick
      * color) because Chart.js paints to canvas and cannot read `var()`.
      *
@@ -653,7 +645,8 @@ export class LyraChart extends LyraElement {
     }
     /**
      * Resolves the categorical series palette (`--lr-color-chart-1..8`, declared in
-     * `internal/tokens.styles.ts` with their own dark-theme ramp) via `getComputedStyle` —
+     * `internal/tokens.styles.ts` as indirections through `--lr-theme-color-chart-1..8`, with their
+     * own dark-theme ramp) via `getComputedStyle` —
      * same canvas-can't-read-`var()` constraint as `themeColors()`, and the same source
      * `<lr-lite-chart>` draws its default palette from. Feeds `seriesToDataset()` a concrete,
      * theme-aware default color for any series that sets no `color` of its own. Falls back to
@@ -665,18 +658,7 @@ export class LyraChart extends LyraElement {
      * active theme. Returns a fresh array on every call — mutating it does not affect the chart.
      */
     seriesPalette() {
-        const cs = getComputedStyle(this);
-        const palette = [];
-        for (let i = 1; i <= FALLBACK_SERIES_PALETTE.length; i++) {
-            const value = cs.getPropertyValue(`--lr-color-chart-${i}`).trim();
-            if (value)
-                palette.push(value);
-        }
-        // Copy on the fallback path: `palette` is already per-call, but FALLBACK_SERIES_PALETTE is a
-        // shared module-level array, and this method is public -- handing it out by reference would let
-        // one caller's push()/reverse()/sort() permanently re-shape every later chart's default ramp
-        // (and, since the loop above is bounded by its length, push the probe past --lr-color-chart-8).
-        return palette.length ? palette : [...FALLBACK_SERIES_PALETTE];
+        return seriesPalette(this);
     }
     tickOptions(theme, kind = 'value') {
         return {
@@ -705,7 +687,7 @@ export class LyraChart extends LyraElement {
             return {
                 r: {
                     beginAtZero: this.beginAtZero,
-                    ticks: this.tickOptions(theme),
+                    ticks: { ...this.tickOptions(theme), showLabelBackdrop: false },
                     grid: { color: theme.grid },
                     angleLines: { color: theme.grid },
                     pointLabels: { color: theme.tick },
@@ -771,7 +753,93 @@ export class LyraChart extends LyraElement {
         const { datasetIndex, index } = hit;
         const label = chart.data.labels?.[index];
         const value = chart.data.datasets[datasetIndex]?.data?.[index] ?? null;
-        this.emit('lr-point-click', { datasetIndex, index, label, value });
+        this.activateDatum({ datasetIndex, index, label, value });
+    }
+    chartDatums() {
+        const chartData = this.chart?.data;
+        const labels = chartData?.labels ?? this.labels;
+        const datasets = chartData?.datasets ??
+            this.datasets.map((series) => ({ data: series.points ?? series.data ?? [] }));
+        const datums = [];
+        datasets.forEach((dataset, datasetIndex) => {
+            const values = dataset.data ?? [];
+            values.forEach((value, index) => {
+                if (value == null)
+                    return;
+                if (typeof value === 'number' && !Number.isFinite(value))
+                    return;
+                datums.push({ datasetIndex, index, label: labels[index], value });
+            });
+        });
+        return datums;
+    }
+    datumDisplayValue(value) {
+        const numeric = typeof value === 'number'
+            ? value
+            : typeof value === 'object' && value !== null
+                ? Number(value.y ??
+                    value.r ??
+                    value.x)
+                : Number(value);
+        return Number.isFinite(numeric) ? getNumberFormat(this.effectiveLocale).format(numeric) : String(value);
+    }
+    datumAnnouncement(datum, position, total) {
+        const series = String(this.chart?.data?.datasets?.[datum.datasetIndex]?.label ?? this.datasets[datum.datasetIndex]?.label) ||
+            this.localize('chartSeriesLabel');
+        return this.localize('liteChartMarkSummary', undefined, {
+            series,
+            label: datum.label ??
+                this.localize('chartPointLabel', undefined, {
+                    n: getNumberFormat(this.effectiveLocale).format(datum.index + 1),
+                }),
+            value: this.datumDisplayValue(datum.value),
+            index: getNumberFormat(this.effectiveLocale).format(position + 1),
+            total: getNumberFormat(this.effectiveLocale).format(total),
+        });
+    }
+    activateDatum(datum) {
+        const datums = this.chartDatums();
+        const position = datums.findIndex((candidate) => candidate.datasetIndex === datum.datasetIndex && candidate.index === datum.index);
+        if (position >= 0) {
+            this.keyboardDatumIndex = position;
+            this.keyboardDatumAnnouncement = this.datumAnnouncement(datum, position, datums.length);
+        }
+        this.emit('lr-point-click', datum);
+    }
+    onCanvasFocus() {
+        const datums = this.chartDatums();
+        if (!datums.length)
+            return;
+        this.keyboardDatumIndex = Math.min(this.keyboardDatumIndex, datums.length - 1);
+        this.keyboardDatumAnnouncement = this.datumAnnouncement(datums[this.keyboardDatumIndex], this.keyboardDatumIndex, datums.length);
+    }
+    onCanvasKeyDown(event) {
+        const datums = this.chartDatums();
+        if (!datums.length)
+            return;
+        this.keyboardDatumIndex = Math.min(this.keyboardDatumIndex, datums.length - 1);
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.activateDatum(datums[this.keyboardDatumIndex]);
+            return;
+        }
+        const rtl = this.effectiveDirection === 'rtl';
+        const forward = rtl ? 'ArrowLeft' : 'ArrowRight';
+        const backward = rtl ? 'ArrowRight' : 'ArrowLeft';
+        let next = this.keyboardDatumIndex;
+        if (event.key === forward || event.key === 'ArrowDown')
+            next = Math.min(datums.length - 1, next + 1);
+        else if (event.key === backward || event.key === 'ArrowUp')
+            next = Math.max(0, next - 1);
+        else if (event.key === 'Home')
+            next = 0;
+        else if (event.key === 'End')
+            next = datums.length - 1;
+        else
+            return;
+        event.preventDefault();
+        this.keyboardDatumIndex = next;
+        this.keyboardDatumAnnouncement = this.datumAnnouncement(datums[next], next, datums.length);
     }
     /**
      * `config.type` (if set) overrides the attribute `type` post-merge — this
@@ -818,7 +886,15 @@ export class LyraChart extends LyraElement {
         return labels.map((item) => {
             const value = this.legendValue(item, chart);
             const formatted = this.formatValue(value, 'legend');
-            return formatted === value || formatted === undefined ? item : { ...item, text: `${item.text}: ${formatted}` };
+            return formatted === value || formatted === undefined
+                ? item
+                : {
+                    ...item,
+                    text: this.localize('chartValueLabel', undefined, {
+                        label: String(item.text),
+                        value: String(formatted),
+                    }),
+                };
         });
     }
     tooltipLabel(context) {
@@ -827,7 +903,12 @@ export class LyraChart extends LyraElement {
         const formatted = this.formatValue(rawValue, 'tooltip');
         if (formatted === rawValue || formatted === undefined)
             return undefined;
-        return context.dataset?.label ? `${context.dataset.label}: ${formatted}` : String(formatted);
+        return context.dataset?.label
+            ? this.localize('chartValueLabel', undefined, {
+                label: String(context.dataset.label),
+                value: String(formatted),
+            })
+            : String(formatted);
     }
     updateAutoLegendPosition() {
         const width = this.getBoundingClientRect().width || this.clientWidth;
@@ -1085,7 +1166,7 @@ export class LyraChart extends LyraElement {
             }
             return this.localize('chartSummary', undefined, {
                 label: series.label,
-                count: values.length,
+                count: this.formatSummaryValue(values.length),
                 min: this.formatSummaryValue(min),
                 max: this.formatSummaryValue(max),
                 trend,
@@ -1114,10 +1195,25 @@ export class LyraChart extends LyraElement {
         <tbody>
           ${Array.from({ length: rowCount }, (_, index) => html `
             <tr>
-              <th scope="row">${this.labels[index] ?? this.localize('chartPointLabel', undefined, { n: index + 1 })}</th>
-              ${this.datasets.map((series) => {
+              <th scope="row">${this.labels[index] ?? this.localize('chartPointLabel', undefined, {
+            n: this.formatSummaryValue(index + 1),
+        })}</th>
+              ${this.datasets.map((series, datasetIndex) => {
             const value = series.points ? series.points[index]?.y : series.data?.[index];
-            return html `<td>${value == null || !Number.isFinite(value) ? this.localize('noData') : value}</td>`;
+            if (value == null || !Number.isFinite(value)) {
+                return html `<td>${this.localize('noData')}</td>`;
+            }
+            const detail = {
+                datasetIndex,
+                index,
+                label: this.labels[index],
+                value: series.points?.[index] ?? value,
+            };
+            return html `<td><button
+                  type="button"
+                  tabindex=${this.showDataTable ? '0' : '-1'}
+                  @click=${() => this.activateDatum(detail)}
+                >${this.formatSummaryValue(value)}</button></td>`;
         })}
             </tr>
           `)}
@@ -1125,6 +1221,9 @@ export class LyraChart extends LyraElement {
       </table>
     `;
     }
+    hasCustomDataTable() {
+        return Array.from(this.children).some((child) => child.getAttribute('slot') === 'data-table');
+    }
     render() {
         if (this.loading) {
             return html `
@@ -1140,11 +1239,22 @@ export class LyraChart extends LyraElement {
         </div>
       `;
         }
-        const label = this.accessibleName(this.datasets.map((d) => d.label).join(', ') || this.localize('chart'));
+        const seriesLabels = this.datasets.map((d) => d.label);
+        const label = this.accessibleName((seriesLabels.length
+            ? getListFormat(this.effectiveLocale, { type: 'conjunction' }).format(seriesLabels)
+            : '') || this.localize('chart'));
         const description = this.chartDescription();
         return html `
       <div part="base">
-        <canvas part="canvas" role="img" aria-label=${label} aria-describedby=${this.descriptionId}></canvas>
+        <canvas
+          part="canvas"
+          role="img"
+          tabindex="0"
+          aria-label=${label}
+          aria-describedby="${this.descriptionId} ${this.datumStatusId}"
+          @focus=${this.onCanvasFocus}
+          @keydown=${this.onCanvasKeyDown}
+        ></canvas>
         <div
           part="center"
           style=${styleMap(this.resolvedChartArea
@@ -1157,9 +1267,12 @@ export class LyraChart extends LyraElement {
           <slot name="center"></slot>
         </div>
         <p part="description" id=${this.descriptionId} class="sr-only">${description}</p>
+        <p id=${this.datumStatusId} class="sr-only" aria-live="polite">
+          ${this.keyboardDatumAnnouncement}
+        </p>
         <div part="data-table">
-          <slot name="data-table"></slot>
-          ${this.renderDataTable()}
+          <slot name="data-table" @slotchange=${() => this.requestUpdate()}></slot>
+          ${this.hasCustomDataTable() ? nothing : this.renderDataTable()}
         </div>
         ${this.zoom && this.zoomed
             ? html `<button part="reset-zoom-button" type="button" @click=${() => this.resetZoom()}>
@@ -1251,6 +1364,9 @@ __decorate([
 __decorate([
     state()
 ], LyraChart.prototype, "autoLegendPosition", void 0);
+__decorate([
+    state()
+], LyraChart.prototype, "keyboardDatumAnnouncement", void 0);
 /**
  * Installs a read-only `type` accessor pair on a `LyraChart` subclass's
  * prototype, locking it to `value` — assigning `.type` afterwards (attribute