@fusion.dev/helix-headless 0.152.0 → 0.154.0

package/custom-elements.json

@@ -3158,7 +3158,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Shows how a total is made up. Each numeric column of the table is a part, the\nparts add up to the total at each reading, and the top edge is that total.\nThe thickness of a band is that part's amount.\n\nUse `LineChart` with `area` to show how each series moved: it fills each\nseries from the floor separately, so the fills overlap. Use this chart to\nshow the composition: it stacks the series.\n\n**The value axis always starts at zero**, as in `BarChart`, because a band's\nthickness is its value. For the same reason there is no streamgraph mode,\nwhich moves the baseline. To show how the composition changed, set `share`.\n\nBand edges are straight between readings by default. A smoothed curve through\none sum can dip below the curve through the sum beneath it, which draws a\npart as less than zero. Other curves:\n\n- `curve=\"smooth\"`: for a stack read as an overall shape.\n- `curve=\"step\"`: holds each reading and jumps at the midpoint, so stacked\n  edges stay in order, as with `straight`. Use it for a quantity that changes\n  at a moment, such as a headcount or a price.\n\n`share` draws each reading as 100 percent, so the top edge is flat and the\nbands show each part's share. Use it to see which part grew. The default\nshows whether the total grew.\n\n`overlap` draws every band from zero, one in front of another, so each\npart's own amount is its height: the first column is in front. Use it to\ncompare the parts with each other; the scale then fits the largest part\nrather than the total.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules: amounts in `locale`, or percentages under `share`.\n\nThe drawing is hidden from screen readers. The text summary gives the latest\nreading's total and each part's share of it, and the table beside the chart\nhas every number.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\nEvery numeric column is a part, so leave a total column out of the table the\nchart reads, or it is counted twice. A negative reading is drawn as zero.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.",
+          "description": "Shows how a total is made up. Each numeric column of the table is a part, the\nparts add up to the total at each reading, and the top edge is that total.\nThe thickness of a band is that part's amount.\n\nUse `LineChart` with `area` to show how each series moved: it fills each\nseries from the floor separately, so the fills overlap. Use this chart to\nshow the composition: it stacks the series.\n\n**The value axis always starts at zero**, as in `BarChart`, because a band's\nthickness is its value. For the same reason there is no streamgraph mode,\nwhich moves the baseline. To show how the composition changed, set `share`.\n\nBand edges are straight between readings by default. A smoothed curve through\none sum can dip below the curve through the sum beneath it, which draws a\npart as less than zero. Other curves:\n\n- `curve=\"smooth\"`: for a stack read as an overall shape.\n- `curve=\"step\"`: holds each reading and jumps at the midpoint, so stacked\n  edges stay in order, as with `straight`. Use it for a quantity that changes\n  at a moment, such as a headcount or a price.\n\n`share` draws each reading as 100 percent, so the top edge is flat and the\nbands show each part's share. Use it to see which part grew. The default\nshows whether the total grew.\n\n`overlap` draws every band from zero, one in front of another, so each\npart's own amount is its height: the first column is in front. Use it to\ncompare the parts with each other; the scale then fits the largest part\nrather than the total.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules: amounts in `locale`, or percentages under `share`.\n\nThe drawing is hidden from screen readers. The text summary gives the latest\nreading's total and each part's share of it, and the table beside the chart\nhas every number.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\nEvery numeric column is a part, so leave a total column out of the table the\nchart reads, or it is counted twice. A negative reading is drawn as zero.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
           "name": "HelixHeadlessAreaChart",
           "cssProperties": [
             {
@@ -3179,6 +3179,10 @@
               "description": "The rule at zero, which is the floor of the drawing.",
               "name": "baseline"
             },
+            {
+              "description": "The words in place of the drawing when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.",
+              "name": "empty"
+            },
             {
               "description": "One rule across the plot, under `gridlines`.",
               "name": "gridline"
@@ -3203,6 +3207,10 @@
               "description": "The readout: a polite live region that says the reading the keys moved to. Hide it visually.",
               "name": "live"
             },
+            {
+              "description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
+              "name": "loading"
+            },
             {
               "description": "The invisible point the tooltip is anchored to.",
               "name": "mark"
@@ -3288,6 +3296,16 @@
               "name": "tooltip-value"
             }
           ],
+          "slots": [
+            {
+              "description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
+              "name": "empty"
+            },
+            {
+              "description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
+              "name": "loading"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -3686,6 +3704,70 @@
               ],
               "description": "What a pointer resting on a reading shows, above the top of the stack."
             },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "attribute": "empty-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadingText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "attribute": "loading-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderStatus",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "What stands in the plot while there is nothing to draw: the `loading`\nline, the `empty` line, or nothing while the table cannot be read yet.\n\n`dir=\"auto\"`, so words in a right-to-left script read their own way in\na plot that holds itself left to right, as Scatter Chart's does.",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "source",
@@ -3709,6 +3791,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData | undefined"
+              },
+              "default": "undefined",
+              "description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n  caption: 'Sessions by channel',\n  columns: ['Month', 'Direct', 'Referral'],\n  rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "for",
@@ -3845,6 +3940,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readingsKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sourceRows",
@@ -4404,6 +4512,45 @@
               "description": "Draws the scale's numbers beside the plot, the `axis` part, at the levels\n`gridlines` rules: amounts, or percentages under `share`.\n\nAbsent draws none: bands read as a composition need no numbers beside\nthem, and the tooltip and the table hold every reading.",
               "fieldName": "valueAxis"
             },
+            {
+              "name": "empty-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "fieldName": "emptyText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "fieldName": "loadingText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "name": "for",
               "type": {
@@ -4458,6 +4605,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "MixinChartStatus",
+              "package": "@fusion.dev/helix-core"
+            },
             {
               "name": "MixinChartSource",
               "package": "@fusion.dev/helix-core"
@@ -5905,11 +6056,15 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Badge wraps the element it decorates and pins an indicator to its corner, so\nthe wrapped element keeps its place in the layout.\n\nWhat the indicator shows depends on `value`:\n\n- A `value` of zero shows no indicator.\n- No `value` shows a dot.\n- Any other value shows the value. Above `max`, the indicator shows `{max}+`,\n  so its width stays the same as the count grows.\n\n`format-options` writes a count with `Intl.NumberFormat`, in `locale`:\n`format-options='{\"notation\":\"compact\"}'` shows 1,200 as `1.2K`. Absent, the\ncount is shown as it was given.\n\nA count is announced from its own text, and `label` replaces that with a\nfuller name, such as `4 unread`. A dot needs a `label`. Without one, the dot\nis a colored circle that screen readers do not announce.\n\n**A badge wrapped around a control describes it.** The control is the first\nelement in the badge that takes focus, and its description is the badge's\nwords, so focusing `<helix-badge value=\"8\" label=\"{count} unread\"><button>Inbox\n</button></helix-badge>` announces \"Inbox, button, 8 unread\", current as the\ncount changes. A control that already has a description keeps its own. The\ncount is also a status of its own, read when it changes.\n\n**Put the badge inside the control to have its count read with the\ncontrol's name**, as Web Awesome and Shoelace do: `<button>Inbox\n<helix-badge value=\"8\" label=\"8 unread\"></helix-badge></button>` is the\nbutton \"Inbox 8 unread\", and stays current as the count changes. The styled\ntier's `placement=\"inline\"` draws the mark in the line for that case.",
+          "description": "Badge wraps the element it decorates and pins an indicator to its corner, so\nthe wrapped element keeps its place in the layout.\n\nWhat the indicator shows depends on `value`:\n\n- A `value` of zero shows no indicator.\n- No `value` shows a dot.\n- Any other value shows the value. Above `max`, the indicator shows `{max}+`,\n  so its width stays the same as the count grows.\n\n`format-options` writes a count with `Intl.NumberFormat`, in `locale`:\n`format-options='{\"notation\":\"compact\"}'` shows 1,200 as `1.2K`. Absent, the\ncount is shown as it was given.\n\nA count is announced from its own text, and `label` replaces that with a\nfuller name, such as `4 unread`. A dot needs a `label`. Without one, the dot\nis a colored circle that screen readers do not announce.\n\n**A badge wrapped around a control describes it.** The control is the first\nelement in the badge that takes focus, and its description is the badge's\nwords, so focusing `<helix-badge value=\"8\" label=\"{count} unread\"><button>Inbox\n</button></helix-badge>` announces \"Inbox, button, 8 unread\", current as the\ncount changes. A control that already has a description keeps its own. The\ncount is also a status of its own, read when it changes.\n\n**Put the badge inside the control to have its count read with the\ncontrol's name**, as Web Awesome and Shoelace do: `<button>Inbox\n<helix-badge value=\"8\" label=\"8 unread\"></helix-badge></button>` is the\nbutton \"Inbox 8 unread\", and stays current as the count changes. The styled\ntier's `placement=\"inline\"` draws the mark in the line for that case.\n\n**An icon goes inside the mark** through the `icon` slot, before the count,\nas Web Awesome's badge takes one at its start. With no `value` the icon is\nthe whole mark, such as a check on an avatar, drawn where the dot would be.\nThe icon is hidden from screen readers: the count and `label` are what the\nmark says.",
           "name": "HelixHeadlessBadge",
           "cssParts": [
             {
-              "description": "The count, or the dot when there is no value.",
+              "description": "The slot the icon arrives through, inside the indicator. A slot draws no box, so it passes inherited properties, such as color, to the icon.",
+              "name": "icon"
+            },
+            {
+              "description": "The count, or the dot when there is no value. Carries `data-dot` when there is no value, `data-single` when the count is one character, and `data-blank` when the value is zero.",
               "name": "indicator"
             }
           ],
@@ -5917,6 +6072,10 @@
             {
               "description": "The element being decorated.",
               "name": ""
+            },
+            {
+              "description": "An icon inside the mark, before the count, or the whole mark when there is no value. Hidden from screen readers.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -5968,6 +6127,23 @@
               "description": "The count or short text to show.\n\nAbsent shows a dot, zero shows nothing.\n\n**A string, and a number is taken anyway.** What this shows is usually a\ncount, so `value={unread}` is the first thing a React consumer writes, and\na property assignment does not go through the attribute converter that\nwould have made it a string. Read raw it went straight into\n`this.value.trim()`, which threw inside `render` and left the mark showing\nwhatever it had last: measured, a badge set to the number 2 stayed an 8px\ndot with no digit in it, and the console carried\n`TypeError: this.value.trim is not a function`. A component whose whole job\nis showing a count must not lose the count for being handed one.",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "hasIcon",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether something is slotted into `icon`, read from the children."
+            },
+            {
+              "kind": "field",
+              "name": "readIcon",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Reads whether an icon is slotted, from the children where they can be known."
+            },
             {
               "kind": "field",
               "name": "given",
@@ -6460,9 +6636,13 @@
               "name": "capped"
             },
             {
-              "description": "There is no value, so the mark is a dot.",
+              "description": "There is no value and no icon, so the mark is a dot.",
               "name": "dot"
             },
+            {
+              "description": "Something is slotted into `icon`, so it is drawn inside the mark.",
+              "name": "has-icon"
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -6544,7 +6724,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Every bar is measured from zero, and no property changes the baseline,\nbecause a bar's length is its value. To show the differences between values,\nuse a line chart.\n\nThe labels are HTML beside the drawing. An `<svg>` that fills its box scales\nthe text inside it: the same `font-size` renders at 10px in a narrow chart\nand 43px in a wide one, and SVG has no setting that keeps text at one size\nthe way `vector-effect` does for strokes.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, so they get the numbers themselves. The `summary` part names\nthe chart, from `label` or the table's caption, and gives each series' highest\nreading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe arrows along the categories move from one to the next, which is left and\nright for columns and up and down for `orientation=\"horizontal\"`. Home and\nEnd go to the first and the last, and the other pair of arrows moves among\nthe series of a category. The tooltip follows, the `live` part says the\nreading in words, and Escape puts the tooltip away.\n\nThe component writes the custom properties below with numbers it computes,\nand the stylesheet that draws the chart reads them. Do not set them yourself.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.",
+          "description": "Every bar is measured from zero, and no property changes the baseline,\nbecause a bar's length is its value. To show the differences between values,\nuse a line chart.\n\nThe labels are HTML beside the drawing. An `<svg>` that fills its box scales\nthe text inside it: the same `font-size` renders at 10px in a narrow chart\nand 43px in a wide one, and SVG has no setting that keeps text at one size\nthe way `vector-effect` does for strokes.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, so they get the numbers themselves. The `summary` part names\nthe chart, from `label` or the table's caption, and gives each series' highest\nreading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe arrows along the categories move from one to the next, which is left and\nright for columns and up and down for `orientation=\"horizontal\"`. Home and\nEnd go to the first and the last, and the other pair of arrows moves among\nthe series of a category. The tooltip follows, the `live` part says the\nreading in words, and Escape puts the tooltip away.\n\nThe component writes the custom properties below with numbers it computes,\nand the stylesheet that draws the chart reads them. Do not set them yourself.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
           "name": "HelixHeadlessBarChart",
           "cssProperties": [
             {
@@ -6585,6 +6765,10 @@
               "description": "The line the columns stand on.",
               "name": "baseline"
             },
+            {
+              "description": "The words in place of the drawing when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.",
+              "name": "empty"
+            },
             {
               "description": "One gridline across the plot, drawn when `gridlines` is set.",
               "name": "gridline"
@@ -6613,6 +6797,10 @@
               "description": "The readout: a polite live region that says the reading the keys moved to. Hide it visually.",
               "name": "live"
             },
+            {
+              "description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
+              "name": "loading"
+            },
             {
               "description": "The invisible point the tooltip is anchored to.",
               "name": "mark"
@@ -6698,6 +6886,16 @@
               "name": "tooltip-value"
             }
           ],
+          "slots": [
+            {
+              "description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
+              "name": "empty"
+            },
+            {
+              "description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
+              "name": "loading"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -7129,6 +7327,70 @@
               },
               "description": "What a pointer resting on a reading shows.\n\nA seam over `drawTooltip`, which holds the markup every chart shares. The\nusual reason to override is arrangement: every cell of the row is already\nthere, including the columns nothing was plotted from."
             },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "attribute": "empty-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadingText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "attribute": "loading-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderStatus",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "What stands in the plot while there is nothing to draw: the `loading`\nline, the `empty` line, or nothing while the table cannot be read yet.\n\n`dir=\"auto\"`, so words in a right-to-left script read their own way in\na plot that holds itself left to right, as Scatter Chart's does.",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "source",
@@ -7152,6 +7414,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData | undefined"
+              },
+              "default": "undefined",
+              "description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n  caption: 'Sessions by channel',\n  columns: ['Month', 'Direct', 'Referral'],\n  rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "for",
@@ -7288,6 +7563,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readingsKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sourceRows",
@@ -7854,6 +8142,45 @@
               "description": "Draws the numbers of the scale the bars are measured on, the `axis` part,\nat the levels `gridlines` rules: down the side of columns, and along the\nbottom of bars under `orientation=\"horizontal\"`.\n\nAbsent draws none with one scale, since bars compared with each other need\nno numbers. With `secondary` both scales are drawn whatever this says.",
               "fieldName": "valueAxis"
             },
+            {
+              "name": "empty-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "fieldName": "emptyText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "fieldName": "loadingText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "name": "for",
               "type": {
@@ -7908,6 +8235,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "MixinChartStatus",
+              "package": "@fusion.dev/helix-core"
+            },
             {
               "name": "MixinChartSource",
               "package": "@fusion.dev/helix-core"
@@ -19369,7 +19700,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The header, body, and footer regions are slots, because they have no state,\nbehavior, or API of their own. You bring your own markup, so a title can be a\nreal `<h2>`.\n\nThe host is the surface. The element itself takes the border, the radius, and\nthe grid, so you style `Card` directly and there is no wrapper part to reach\nthrough with `::part`.\n\nName the card with `label`, as a Stat Group is named, or with `aria-label`\nor `aria-labelledby`. These are the only names that work with server\nrendering, because reading a title from the light DOM needs a DOM, and the\nserver has none. `label` is set through `ElementInternals`, so it writes no\nattribute onto the card. **A named card is a group**, so a\nreader entering it hears its name; an unnamed one has no role, since a group\nwith no name only adds \"group\" to what a reader says.\n\nEach region's slot is a part of the same name, `body` for the main content,\nas Web Awesome's card names its regions. A slot draws no box, so a part\npasses inherited properties to what is slotted, and a page wanting a box\nthere gives it one with `display`.\n\n`header-actions` and `footer-actions` hold controls at the end of the\nheader's and the footer's line, as Web Awesome's card does. While one holds\nsomething, its line is a `header-row` or `footer-row` part; otherwise there\nis no wrapper and every region is a bare slot. A server cannot see slotted\ncontent, so served actions sit on their own line until the script runs.\n\n**The card says which regions it holds**, as `:state(has-media)`,\n`:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card\nwith a header differently, as Web Awesome's `with-header` does, with no\nattribute written onto the card. Read in the browser, so a served card\ncarries none until the script runs.",
+          "description": "The header, body, and footer regions are slots, because they have no state,\nbehavior, or API of their own. You bring your own markup, so a title can be a\nreal `<h2>`.\n\nThe host is the surface. The element itself takes the border, the radius, and\nthe grid, so you style `Card` directly and there is no wrapper part to reach\nthrough with `::part`.\n\nName the card with `label`, as a Stat Group is named, or with `aria-label`\nor `aria-labelledby`. `label` is set through `ElementInternals`, so it\nwrites no attribute onto the card. **A named card is a group**, so a\nreader entering it hears its name; an unnamed one has no role, since a group\nwith no name only adds \"group\" to what a reader says.\n\n**With none of those, a heading in `header` names the card**, such as the\n`<h2>` of its title, by reference, so the name follows the heading's words.\nReading a heading needs a DOM, so a served card is named by it once the\nscript runs; `label`, `aria-label` and `aria-labelledby` are the names a\nserver writes.\n\nEach region's slot is a part of the same name, `body` for the main content,\nas Web Awesome's card names its regions. A slot draws no box, so a part\npasses inherited properties to what is slotted, and a page wanting a box\nthere gives it one with `display`.\n\n`header-actions` and `footer-actions` hold controls at the end of the\nheader's and the footer's line, as Web Awesome's card does. While one holds\nsomething, its line is a `header-row` or `footer-row` part; otherwise there\nis no wrapper and every region is a bare slot. A server cannot see slotted\ncontent, so a served card has no row; the styled tier sets served actions at\nthe end of their line from the stylesheet alone, so they do not move when\nthe script runs.\n\n**The card says which regions it holds**, as `:state(has-media)`,\n`:state(has-header)` and `:state(has-footer)`, so a sheet can draw a card\nwith a header differently, as Web Awesome's `with-header` does, with no\nattribute written onto the card. Read in the browser, so a served card\ncarries none until the script runs.",
           "name": "HelixHeadlessCard",
           "cssParts": [
             {
@@ -19452,6 +19783,49 @@
               "attribute": "media-placement",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "observedAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "description": "Hears a name written on the card, which no property mirrors.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nand `ariaLabelledByElements` belong to the platform. Observed here rather\nthan through a property, so the manifest lists no attribute of the card's\nown for them.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attributeChangedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "old",
+                  "type": {
+                    "text": "string | null"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "description": "Called by the browser when an observed attribute changes. A name written\nor taken off asks for an update, because it decides whether the card is a\ngroup and whether its heading names it.",
+              "type": {
+                "text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
+              }
+            },
             {
               "kind": "field",
               "name": "footerActions",
@@ -19472,6 +19846,17 @@
               "default": "false",
               "description": "Whether `header-actions` holds something, read from the slot."
             },
+            {
+              "kind": "method",
+              "name": "writeName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Says what the card is and what names it. On the host, since the host is\nthe box, and from `willUpdate`, which the server calls too.\n\n**A heading in `header` is the name only where nothing else is**, and it\nnames the card by reference, so a renamed heading renames the card. An\nengine without element references hears its words."
+            },
             {
               "kind": "field",
               "name": "readRegions",
@@ -19835,20 +20220,6 @@
               },
               "description": "Places the media after the content. By default it comes before.\n\n**A figure that concludes a card is the same region as one that opens it**,\nand the only thing that differs is which edge it is flush against. Media is\nthe one region that escapes the inset, so a chart wanting to span the card\nhas nowhere else to be: slotted into the content it keeps the padding on\nboth sides, and there is no second bleeding region to add without saying\ntwice what this says once.\n\nReflected and undefaulted, so a card that has not asked reads as a card\nwith no attribute on it and the stylesheet only describes the departure.",
               "fieldName": "mediaPlacement"
-            },
-            {
-              "name": "aria-labelledby",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "null"
             }
           ],
           "cssStates": [
@@ -29391,7 +29762,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a `<pre><code>` pair: `pre` keeps the whitespace, and `code` marks it\nas code. Long lines scroll inside the block and do not wrap, because a line\nbreak can be significant in code.\n\nA copy button is on by default. Set `no-copy` to remove it. The button copies\nthe slotted text, so there is no second copy of the code to keep in sync.\n\nFor a fragment of code inside a sentence, use `Code`.\n\nSet `line-numbers` to number the lines in a gutter beside the code, hidden\nfrom the accessibility tree and left out of a copy. Set `highlight` to a\nfunction that turns the code into highlighted markup, such as one wrapping\nShiki or Prism, and the block draws what it returns; it is handed the\nblock's `language`, so one function serves every block. The code stays in\nthe slot, so the copy button and the page's own text are the code as\nwritten.\n\nSet `expandable` on a block whose height is capped, such as by\n`--code-block-max-block-size`, and a button under it shows every line and\nthen fewer again, as a docs site's long example does. The button is drawn\nonly while the cap hides something, says whether the block is expanded with\n`aria-expanded`, names the block it opens with `aria-controls`, and the block\ncarries `:state(expanded)` while it is.\n\nSet `diff` to show a change. Put a unified diff, the output of `git diff` or\n`diff -u`, in the same slot, and the block draws the lines it added and\nremoved. The block never computes a diff itself. Line numbers come from the\nhunk headers and are hidden from the accessibility tree. Changed lines are\n`<ins>` and `<del>` with the `+` and `-` kept as text, so the change does not\ndepend on color. Each file in the patch is its own block under its own name,\nand its copy button copies the new version of the file. `variant=\"split\"`\nshows the old version beside the new, each removal opposite its replacement.\n\nOn the server, the slot renders as ordinary code, so a diff first appears as\nthe patch text in a `<pre>`. The client makes the same first render, which\nkeeps hydration clean, and draws the diff once it can read the content. Diff\nmode is experimental. The rest of the family is stable.",
+          "description": "Renders a `<pre><code>` pair: `pre` keeps the whitespace, and `code` marks it\nas code. Long lines scroll inside the block and do not wrap, because a line\nbreak can be significant in code.\n\nA copy button is on by default. Set `no-copy` to remove it. The button copies\nthe slotted text, so there is no second copy of the code to keep in sync.\n\nFor a fragment of code inside a sentence, use `Code`.\n\nSet `line-numbers` to number the lines in a gutter beside the code, hidden\nfrom the accessibility tree and left out of a copy. Set `highlight` to a\nfunction that turns the code into highlighted markup, such as one wrapping\nShiki or Prism, and the block draws what it returns; it is handed the\nblock's `language`, so one function serves every block. The code stays in\nthe slot, so the copy button and the page's own text are the code as\nwritten.\n\nSet `expandable` on a block whose height is capped, such as by\n`--code-block-max-block-size`, and a button under it shows every line and\nthen fewer again, as a docs site's long example does. The button is drawn\nonly while the cap hides something, says whether the block is expanded with\n`aria-expanded`, names the block it opens with `aria-controls`, and the block\ncarries `:state(expanded)` while it is.\n\nSet `diff` to show a change. Put a unified diff, the output of `git diff` or\n`diff -u`, in the same slot, and the block draws the lines it added and\nremoved. The block never computes a diff itself. Line numbers come from the\nhunk headers and are hidden from the accessibility tree. Changed lines are\n`<ins>` and `<del>` with the `+` and `-` kept as text, so the change does not\ndepend on color. Each file in the patch is its own block under its own name,\nand its copy button copies the new version of the file. `variant=\"split\"`\nshows the old version beside the new, each removal opposite its replacement.\n\n**A block that scrolls is a tab stop.** While its lines run past its width or\nits cap, the scroller is a region named for the block, such as \"Code,\napp.ts\", that Tab reaches, so a keyboard scrolls it with the arrow keys in\nevery browser. Chromium and Firefox make a scrolling box focusable on their\nown, and Safari does not. A block that fits is no stop at all.\n\n**The code the block draws is marked untranslated**, `translate=\"no\"` on\nits `<pre>`, so a page translator leaves highlighted lines and a diff as\nwritten. Code in the slot takes its translation mode from the element, which\nwrites nothing onto itself, so set `translate=\"no\"` on the element to keep a\ntranslator off plain code too.\n\nOn the server, the slot renders as ordinary code, so a diff first appears as\nthe patch text in a `<pre>`. The client makes the same first render, which\nkeeps hydration clean, and draws the diff once it can read the content. Diff\nmode is experimental. The rest of the family is stable.",
           "name": "HelixHeadlessCodeBlock",
           "cssParts": [
             {
@@ -29552,6 +29923,32 @@
               "default": "'helix-code-block'",
               "description": "The key this family's words are registered under, its styled tag:\n`registerWords('de', { 'helix-code-block': { copyLabel: 'Code kopieren' } })`."
             },
+            {
+              "kind": "field",
+              "name": "codeLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Code'",
+              "description": "The name of a block that scrolls, which is a tab stop while it does.\n\nWhere the block has a name, the scroller says it too, such as \"Code,\napp.ts\", as `code-name-label` puts it.",
+              "attribute": "code-label",
+              "helix": {
+                "words": true
+              }
+            },
+            {
+              "kind": "field",
+              "name": "codeNameLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{code}, {name}'",
+              "description": "The name of a block that scrolls, where the block has a name. `{code}` is\n`code-label` and `{name}` the block's name.",
+              "attribute": "code-name-label",
+              "helix": {
+                "words": true
+              }
+            },
             {
               "kind": "field",
               "name": "collapseLabel",
@@ -29764,7 +30161,7 @@
                 "text": "ResizeObserver | undefined"
               },
               "privacy": "private",
-              "description": "Watches the block's size, while it is expandable."
+              "description": "Watches the block's size."
             },
             {
               "kind": "field",
@@ -29773,6 +30170,17 @@
               "readonly": true,
               "description": "Reads whether the cap hides lines: the scroller is taller inside than it\nis drawn. The styled tier caps the `<code>`, and a page may cap the\n`<pre>`, so both are asked. Left as it was while expanded, which shows\neverything."
             },
+            {
+              "kind": "method",
+              "name": "markScrollers",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Makes each box that scrolls a tab stop and a region named for its block,\nand takes both away from a box that fits.\n\n**A reader on a keyboard scrolls the code from the box itself.** Chromium\nand Firefox make a scrolling box focusable on their own, and Safari does\nnot, so there the arrow keys could not reach the end of a long line. A\nbox counts while its sheet lets it scroll and its content is wider or\ntaller than it is drawn: an unstyled `<pre>` overflows without scrolling,\nand a stop on it would scroll nothing."
+            },
             {
               "kind": "method",
               "name": "renderExpand",
@@ -30325,6 +30733,24 @@
             }
           ],
           "attributes": [
+            {
+              "name": "code-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Code'",
+              "description": "The name of a block that scrolls, which is a tab stop while it does.\n\nWhere the block has a name, the scroller says it too, such as \"Code,\napp.ts\", as `code-name-label` puts it.",
+              "fieldName": "codeLabel"
+            },
+            {
+              "name": "code-name-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'{code}, {name}'",
+              "description": "The name of a block that scrolls, where the block has a name. `{code}` is\n`code-label` and `{name}` the block's name.",
+              "fieldName": "codeNameLabel"
+            },
             {
               "name": "collapse-label",
               "type": {
@@ -30522,7 +30948,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a real `<code>` element, which marks the text as code for translation\ntools and document search. A styled span carries no such meaning, and a\nscreen reader announces nothing about it.\n\n`Code` is inline only and never scrolls. For a block of code with its own\nbox, its own overflow, and copying, use `CodeBlock`, which is a separate\nfamily.",
+          "description": "Renders a real `<code>` element, which marks the text as code for translation\ntools and document search. A styled span carries no such meaning, and a\nscreen reader announces nothing about it.\n\n**Set `translate=\"no\"` on the element to keep a page translator off the\ncode.** A translator that rewrites prose would also rewrite an identifier.\nThe slotted text takes its translation mode from the element, its parent in\nthe page, and the element writes nothing onto itself, so the attribute is\nyours to set. The `<code>` inside carries `translate=\"no\"` for anything the\nelement draws itself.\n\n`Code` is inline only and never scrolls. For a block of code with its own\nbox, its own overflow, and copying, use `CodeBlock`, which is a separate\nfamily.",
           "name": "HelixHeadlessCode",
           "cssParts": [
             {
@@ -56149,6 +56575,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData | undefined"
+              },
+              "default": "undefined",
+              "description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n  caption: 'Sessions by channel',\n  columns: ['Month', 'Direct', 'Referral'],\n  rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "for",
@@ -56285,6 +56724,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readingsKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sourceRows",
@@ -59886,16 +60338,28 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Shows what would be in a region and the one action that would fill it, so an\nempty region does not look like one that failed to load.\n\nThe message is announced, because an empty view often replaces content that\nwas loading, and the announcement tells a screen reader user that the search\nreturned nothing. It is announced from a status region of its own, which is\nrendered empty and filled a frame after the view appears. Screen readers read\na region that arrives with its text already in it inconsistently. For the\nseven seconds the region holds its copy, the heading and the message are\nhidden from screen readers, so the words are in the page once.\n\nEvery region is a bare slot. There is no `empty-state-heading` or\n`empty-state-actions` element: assign your own heading and actions to the\nslots.\n\n**Or give the heading as words.** `heading` draws them in a `heading` part\nthat is a heading at `heading-level`, 3 where it is not set, so a page\nrendering from data or on a server gets a heading a reader finds in the\noutline without writing the element. A heading slotted in replaces it.\n\n**Whatever is slotted into `heading` is read as a heading.** An element that\nis no heading, such as a `<span>` or a `<p>`, is set inside the `heading`\npart at `heading-level`, so a screen reader still finds it in the outline.\nA heading element, or an element holding one, keeps its own level. A server\ncannot see the slotted element, so a served `<span>` becomes a heading once\nthe script runs.",
+          "description": "Shows what would be in a region and the one action that would fill it, so an\nempty region does not look like one that failed to load.\n\nThe message is announced, because an empty view often replaces content that\nwas loading, and the announcement tells a screen reader user that the search\nreturned nothing. It is announced from a status region of its own, which is\nrendered empty and filled a frame after the view appears. Screen readers read\na region that arrives with its text already in it inconsistently. For the\nseven seconds the region holds its copy, the heading and the message are\nhidden from screen readers, so the words are in the page once.\n\nEvery region is a bare slot. There is no `empty-state-heading` or\n`empty-state-actions` element: assign your own heading and actions to the\nslots. The icon, the message and the actions slots are parts of the same\nnames, as Card's regions are. A slot draws no box, so a part passes\ninherited properties, such as color and font, to what is slotted, and a\npage wanting a box there gives it one with `display`, such as a row of\nactions with `display: flex`.\n\n**The view says which regions it holds**, as `:state(has-icon)` and\n`:state(has-actions)`, so a sheet can space a view with no icon or no\nactions differently. Read in the browser, so a served view carries neither\nuntil the script runs.\n\n**Or give the heading as words.** `heading` draws them in a `heading` part\nthat is a heading at `heading-level`, 3 where it is not set, so a page\nrendering from data or on a server gets a heading a reader finds in the\noutline without writing the element. A heading slotted in replaces it.\n\n**Whatever is slotted into `heading` is read as a heading.** An element that\nis no heading, such as a `<span>` or a `<p>`, is set inside the `heading`\npart at `heading-level`, so a screen reader still finds it in the outline.\nA heading element, or an element holding one, keeps its own level. A server\ncannot see the slotted element, so a served `<span>` becomes a heading once\nthe script runs.",
           "name": "HelixHeadlessEmpty",
           "cssParts": [
+            {
+              "description": "The slot the actions arrive through. A slot draws no box, so it passes inherited properties to the actions; `display: flex` lays them out in a row.",
+              "name": "actions"
+            },
             {
               "description": "The heading at `heading-level`: the one `heading` draws while nothing is slotted into `heading`, or the one around a slotted element that is no heading.",
               "name": "heading"
             },
+            {
+              "description": "The slot the icon arrives through, drawing no box, as `actions` does.",
+              "name": "icon"
+            },
             {
               "description": "A copy of the heading and the message, in a live region that screen readers announce when the view appears. Visually hidden in the styled tier.",
               "name": "live"
+            },
+            {
+              "description": "The slot the message arrives through, drawing no box, as `actions` does.",
+              "name": "message"
             }
           ],
           "slots": [
@@ -59957,6 +60421,13 @@
               "default": "false",
               "description": "Whether the `heading` slot holds elements and none of them is or holds a\nheading, read from the children before each render."
             },
+            {
+              "kind": "field",
+              "name": "readRegions",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says which regions hold something, one call apiece so each pairs with its `@cssstate`."
+            },
             {
               "kind": "field",
               "name": "arrival",
@@ -60352,6 +60823,24 @@
               "fieldName": "noAnnounce"
             }
           ],
+          "cssStates": [
+            {
+              "description": "Something is slotted into `actions`.",
+              "name": "has-actions"
+            },
+            {
+              "description": "Something is slotted into `icon`.",
+              "name": "has-icon"
+            },
+            {
+              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
+              "name": "settled",
+              "inheritedFrom": {
+                "name": "HelixElement",
+                "module": "src/helix-element/helix-element.ts"
+              }
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "package": "@fusion.dev/helix-core"
@@ -60381,16 +60870,6 @@
           },
           "tagName": "helix-headless-empty",
           "customElement": true,
-          "cssStates": [
-            {
-              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
-              "name": "settled",
-              "inheritedFrom": {
-                "name": "HelixElement",
-                "module": "src/helix-element/helix-element.ts"
-              }
-            }
-          ],
           "modulePath": "src/empty/root/empty-root.ts",
           "definitionPath": "src/empty/root/empty-root.ts"
         }
@@ -73287,7 +73766,7 @@
                 "text": "boolean"
               },
               "privacy": "private",
-              "description": "Whether this render can tell a table with no readings from one it has not\nresolved yet.\n\n**Unknown is not empty, which is what an empty state must never say.**\n`for` names an id and resolving an id wants a document, so a server has\nnone and a hydrating render must not look either. Without this the server\ndrew \"No readings\" over a table holding ninety days of them, a crawler read\nthat sentence, and the strip flipped to a full one on hydration: the fault\n`MixinCollection` names for a slotted collection, arriving through the one\nchannel that mixin cannot see.\n\nThe same shape as `childrenKnown`, asked of a tree that can answer about\nids rather than of one that holds children. An id that resolves to nothing\nin a browser is still known, and still empty: a `for` naming no table\nshould say so rather than sit blank, which is why this asks\n`searchableById` and not `elementById`.",
+              "description": "Whether this render can tell a table with no readings from one it has not\nresolved yet.\n\n**Unknown is not empty, which is what an empty state must never say.**\n`for` names an id and resolving an id wants a document, so a server has\nnone and a hydrating render must not look either. Without this the server\ndrew \"No readings\" over a table holding ninety days of them, a crawler read\nthat sentence, and the strip flipped to a full one on hydration: the fault\n`MixinCollection` names for a slotted collection, arriving through the one\nchannel that mixin cannot see.\n\nThe same shape as `childrenKnown`, asked of a tree that can answer about\nids rather than of one that holds children. An id that resolves to nothing\nin a browser is still known, and still empty: a `for` naming no table\nshould say so rather than sit blank, which is why this asks\n`searchableById` and not `elementById`.\n\n`readingsKnown` asks it for every chart, and for `data` too, which a\nserver does not draw.",
               "readonly": true
             },
             {
@@ -73487,6 +73966,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData | undefined"
+              },
+              "default": "undefined",
+              "description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n  caption: 'Sessions by channel',\n  columns: ['Month', 'Direct', 'Referral'],\n  rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "for",
@@ -73623,6 +74115,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readingsKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sourceRows",
@@ -76014,6 +76519,74 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/icon/fetch.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "readIconFile",
+          "return": {
+            "type": {
+              "text": "HelixIcon | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "The file's text."
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "What the icon is known by, its URL."
+            }
+          ],
+          "description": "Reads an SVG file's text as an icon, or `undefined` where it is no SVG.\n\n**What could run is taken out**, because the markup is drawn as it is: every\n`<script>` and `<foreignObject>`, every `on…` attribute, every link to a\n`javascript:` URL, and every animation that writes a link or a handler. The\nroot's paint attributes are kept on a group around the shapes, and its\n`viewBox`, or its width and height, is the box."
+        },
+        {
+          "kind": "function",
+          "name": "fetchIcon",
+          "return": {
+            "type": {
+              "text": "HelixIcon | Promise<HelixIcon | undefined> | undefined"
+            }
+          },
+          "parameters": [
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "description": "The icon in the SVG file at `src`: at once where it has been fetched, or a\npromise of it the first time, fetched once a page however many elements ask.\n`undefined` where the file could not be fetched or is no SVG."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "readIconFile",
+          "declaration": {
+            "name": "readIconFile",
+            "module": "src/icon/fetch.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fetchIcon",
+          "declaration": {
+            "name": "fetchIcon",
+            "module": "src/icon/fetch.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/icon/index.ts",
@@ -76252,7 +76825,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The icons are Phosphor, drawn on a 256 box at stroke-width 16. Each glyph\nrenders its full inner markup, because most icons are several elements, each\nwith its own stroke and fill.\n\nThe markup is generated at build time from SVG files in this repository and\nnever comes from user input, so rendering it with `unsafeSVG` is safe.\n\nThe `<svg>` carries `fill=\"currentColor\"`. The generator keeps only the inner\nmarkup, and Phosphor sets its fill on the root tag that the generator\ndiscards. Without it, the 65 solid glyphs fall back to black and disappear on\na dark background. Shapes that set their own `fill` or `stroke` are\nunaffected.\n\n**A name is looked up in a registry.** The family's entry registers the\nwhole set, so any name in it draws. The element's own entry,\n`@fusion.dev/helix-headless/icon/root`, registers none: a page that imports\nit and calls `registerIcons` with the glyphs it names ships those and no\nothers. `registerIconLibrary` resolves names under a prefix of your own,\nsuch as `lucide:camera`, at once or later, and the element fires `load` when\na glyph that came later is drawn. A glyph registered after the element\nrendered is drawn then.\n\nA name with no match renders nothing, and the element fires `error`, so a\ntypo in a name can be heard. It waits until the page has loaded and painted\nfirst, so a library a later module registers is not taken for a typo.\n\nAn icon is decorative by default and hidden from assistive technology. Set\n`label` only when the icon is the only carrier of meaning, such as in a\nbutton with no text. An `aria-label` on the element works too: the element\nis then an image with that name.\n\n**A decorative icon that is all a control holds is reported.** In a\ndevelopment build, a button or a link whose only content is an icon with no\n`label`, and which has no name of its own, warns `missing-name` once,\nthrough the runtime channel every Helix warning uses.",
+          "description": "The icons are Phosphor, drawn on a 256 box at stroke-width 16. Each glyph\nrenders its full inner markup, because most icons are several elements, each\nwith its own stroke and fill.\n\nThe markup is generated at build time from SVG files in this repository and\nnever comes from user input, so rendering it with `unsafeSVG` is safe.\n\nThe `<svg>` carries `fill=\"currentColor\"`. The generator keeps only the inner\nmarkup, and Phosphor sets its fill on the root tag that the generator\ndiscards. Without it, the 65 solid glyphs fall back to black and disappear on\na dark background. Shapes that set their own `fill` or `stroke` are\nunaffected.\n\n**A name is looked up in a registry.** The family's entry registers the\nwhole set, so any name in it draws. The element's own entry,\n`@fusion.dev/helix-headless/icon/root`, registers none: a page that imports\nit and calls `registerIcons` with the glyphs it names ships those and no\nothers. `registerIconLibrary` resolves names under a prefix of your own,\nsuch as `lucide:camera`, at once or later, and the element fires `load` when\na glyph that came later is drawn. A glyph registered after the element\nrendered is drawn then.\n\n**Or point `src` at an SVG file**, such as `src=\"/icons/rocket.svg\"`, and\nthe element fetches it and draws its shapes in `currentColor` where the file\ndoes not color them. A file is fetched once a page, however many icons name\nit, and `load` fires when it is drawn. Scripts, event handlers and\n`javascript:` links in the file are taken out before it is drawn. A server\nfetches nothing, so a served icon with a `src` is drawn once the script\nruns.\n\nA name with no match, or a `src` that is no SVG, renders nothing, and the\nelement fires `error`, so a typo in a name can be heard. It waits until the page has loaded and painted\nfirst, so a library a later module registers is not taken for a typo.\n\nAn icon is decorative by default and hidden from assistive technology. Set\n`label` only when the icon is the only carrier of meaning, such as in a\nbutton with no text. An `aria-label` on the element works too: the element\nis then an image with that name.\n\n**A decorative icon that is all a control holds is reported.** In a\ndevelopment build, a button or a link whose only content is an icon with no\n`label`, and which has no name of its own, warns `missing-name` once,\nthrough the runtime channel every Helix warning uses.",
           "name": "HelixHeadlessIcon",
           "cssParts": [
             {
@@ -76299,6 +76872,16 @@
               "description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index of the\nwhole set that no bundler can shake: 15 kB for a consumer who renders one\nmark. An attribute is the only thing an HTML author can write, and that is\nworth the index; a consumer who would rather not pay it imports the\nelement from `icon/root` and registers the glyphs it names, or hands over\nthe value instead.\n\nA name written `prefix:name` asks the library registered under that\nprefix.",
               "attribute": "name"
             },
+            {
+              "kind": "field",
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL of an SVG file to draw, fetched once a page and drawn in\n`currentColor` where the file does not color its shapes.\n\nWins over `name`; `icon` wins over both. Absent draws `name`.",
+              "attribute": "src"
+            },
             {
               "kind": "field",
               "name": "observedAttributes",
@@ -76390,6 +76973,16 @@
               "privacy": "private",
               "description": "Stops listening to the registry."
             },
+            {
+              "kind": "field",
+              "name": "asked",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "description": "What the glyph is asked for by: `src` where it is set, and `name` otherwise.",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "lookup",
@@ -76399,7 +76992,7 @@
                   "text": "HelixIcon | undefined"
                 }
               },
-              "description": "What the registry gives for `name` now, starting the wait for a late glyph."
+              "description": "What `src` or the registry gives now, starting the wait for a late glyph.\nA file is fetched only where the page can be read: a server fetches\nnothing, and a hydrating render draws what the server sent."
             },
             {
               "kind": "method",
@@ -76789,7 +77382,7 @@
               "type": {
                 "text": "Event"
               },
-              "description": "`name` matches no registered icon and no library answers it, so nothing is drawn.",
+              "description": "`name` matches no registered icon and no library answers it, or `src` is no SVG, so nothing is drawn.",
               "name": "error",
               "reactProp": "onerror"
             },
@@ -76797,7 +77390,7 @@
               "type": {
                 "text": "Event"
               },
-              "description": "A glyph a library gave later for `name` is drawn.",
+              "description": "A glyph a library gave later for `name`, or the file at `src`, is drawn.",
               "name": "load",
               "reactProp": "onload"
             }
@@ -76829,6 +77422,15 @@
               "default": "''",
               "description": "The name of the icon in the Helix set.\n\n**A lookup, and the reason both this and `icon` exist.** A name is a string,\nso it is what markup can carry, and resolving one means an index of the\nwhole set that no bundler can shake: 15 kB for a consumer who renders one\nmark. An attribute is the only thing an HTML author can write, and that is\nworth the index; a consumer who would rather not pay it imports the\nelement from `icon/root` and registers the glyphs it names, or hands over\nthe value instead.\n\nA name written `prefix:name` asks the library registered under that\nprefix.",
               "fieldName": "name"
+            },
+            {
+              "name": "src",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL of an SVG file to draw, fetched once a page and drawn in\n`currentColor` where the file does not color its shapes.\n\nWins over `name`; `icon` wins over both. Absent draws `name`.",
+              "fieldName": "src"
             }
           ],
           "superclass": {
@@ -85249,7 +85851,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A line chart shows the shape of each series: where the readings went.\n\nThe scale covers the range of the data. Including zero in the range of a\nseries that moves between 980 and 1020 would flatten the line into a rule\nacross the top of the box. `BarChart` always starts at zero, because a bar's\nlength is its value. Set `zero` when the distance from zero is the point.\n\nEvery series shares one scale, as in the bar chart.\n\n`dashed` names the series drawn as a dashed line, such as a forecast or a\ntarget beside the readings: `dashed=\"Forecast\"`. Each takes a\n`line-dashed` part beside `line`.\n\n`area` fills each series down to the floor on its own, so the fills overlap.\nFor a total made of parts, use `Area Chart`, which stacks the series so the\ntop edge is the total and each band is a share.\n\nThe labels are HTML beside the drawing, as in `BarChart`. Text inside an\n`<svg>` that fills its box scales with the box, so the same `font-size` can\nrender at 10px in a narrow chart and 43px in a wide one.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules, written in `locale`.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, who get the numbers. The `summary` part names the chart, from\n`label` or the table's caption, and gives each series' latest reading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.",
+          "description": "A line chart shows the shape of each series: where the readings went.\n\nThe scale covers the range of the data. Including zero in the range of a\nseries that moves between 980 and 1020 would flatten the line into a rule\nacross the top of the box. `BarChart` always starts at zero, because a bar's\nlength is its value. Set `zero` when the distance from zero is the point.\n\nEvery series shares one scale, as in the bar chart.\n\n`dashed` names the series drawn as a dashed line, such as a forecast or a\ntarget beside the readings: `dashed=\"Forecast\"`. Each takes a\n`line-dashed` part beside `line`.\n\n`area` fills each series down to the floor on its own, so the fills overlap.\nFor a total made of parts, use `Area Chart`, which stacks the series so the\ntop edge is the total and each band is a share.\n\nThe labels are HTML beside the drawing, as in `BarChart`. Text inside an\n`<svg>` that fills its box scales with the box, so the same `font-size` can\nrender at 10px in a narrow chart and 43px in a wide one.\n\n`value-axis` draws the scale's numbers beside the plot, at the levels\n`gridlines` rules, written in `locale`.\n\nThe table is the accessible representation, and the drawing is hidden from\nscreen readers, who get the numbers. The `summary` part names the chart, from\n`label` or the table's caption, and gives each series' latest reading.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from reading to reading, Home and End go to\nthe first and the last, and the up and down arrows move among the series of\na reading. The tooltip follows, the `live` part says the reading in words,\nand Escape puts the tooltip away.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
           "name": "HelixHeadlessLineChart",
           "cssProperties": [
             {
@@ -85282,6 +85884,10 @@
               "description": "The rule at zero, where zero is inside the range.",
               "name": "baseline"
             },
+            {
+              "description": "The words in place of the drawing when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.",
+              "name": "empty"
+            },
             {
               "description": "One rule across the plot, under `gridlines`.",
               "name": "gridline"
@@ -85310,6 +85916,10 @@
               "description": "The readout: a polite live region that says the reading the keys moved to. Hide it visually.",
               "name": "live"
             },
+            {
+              "description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
+              "name": "loading"
+            },
             {
               "description": "The invisible point the tooltip is anchored to.",
               "name": "mark"
@@ -85407,6 +86017,16 @@
               "name": "tooltip-value"
             }
           ],
+          "slots": [
+            {
+              "description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
+              "name": "empty"
+            },
+            {
+              "description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
+              "name": "loading"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -85867,6 +86487,70 @@
               },
               "description": "What a pointer resting on a reading shows.\n\nA seam over `drawTooltip`, which holds the markup every chart shares. The\nusual reason to override is arrangement: every cell of the row is already\nthere, including the columns nothing was plotted from."
             },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "attribute": "empty-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadingText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "attribute": "loading-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderStatus",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "What stands in the plot while there is nothing to draw: the `loading`\nline, the `empty` line, or nothing while the table cannot be read yet.\n\n`dir=\"auto\"`, so words in a right-to-left script read their own way in\na plot that holds itself left to right, as Scatter Chart's does.",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "source",
@@ -85890,6 +86574,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData | undefined"
+              },
+              "default": "undefined",
+              "description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n  caption: 'Sessions by channel',\n  columns: ['Month', 'Direct', 'Referral'],\n  rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "for",
@@ -86026,6 +86723,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readingsKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sourceRows",
@@ -86593,6 +87303,45 @@
               "description": "Whether the range always includes zero.\n\nAbsent measures from the data's own extent, which is what a line is for.\nSet it where the distance from nothing is the point rather than the shape,\nand accept that a series which never approaches zero becomes a flat rule\nnear the top of the box.",
               "fieldName": "zero"
             },
+            {
+              "name": "empty-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "fieldName": "emptyText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "fieldName": "loadingText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "name": "for",
               "type": {
@@ -86647,6 +87396,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "MixinChartStatus",
+              "package": "@fusion.dev/helix-core"
+            },
             {
               "name": "MixinChartSource",
               "package": "@fusion.dev/helix-core"
@@ -91994,7 +92747,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Draws two concentric circles: a track and a moving arc. The track shows the\narc as a proportion of a whole, and costs one element.\n\n**The center is a slot, empty by default.** Put your logo there once, where\nyour app wraps the loader. When nothing is slotted, nothing extra is\nrendered.\n\nSlotted content does not rotate. Only the arc moves, so a logo stays\nreadable.\n\nThe role is set on the host through `ElementInternals`. A `role` in the\nshadow root would leave the host itself without a role in the light DOM, and\na `role` attribute on the host would be missing from React server-rendered\nmarkup.\n\n**`for` names the region being loaded**, and the loader sets\n`aria-busy=\"true\"` on it for as long as the loader is on the page, so a\nscreen reader waits for the region rather than reading it half filled. Two\nloaders in one region hold it busy until the last one leaves. A region drawn\nafter the loader is marked when it arrives.\n\n**`delay` keeps a quick load from flashing a loader.** The loader stays\nhidden, and silent, for that many milliseconds, and appears only if the work\nis still going. While it waits it carries `:state(waiting)`.",
+          "description": "Draws two concentric circles: a track and a moving arc. The track shows the\narc as a proportion of a whole, and costs one element.\n\n**For work whose length is known, use `Progress` with `shape=\"ring\"`.** It\ndraws the same ring filled to the value, says the value as a progress bar\ndoes, and says when the work is complete. A loader claims no proportion, so\nit takes no value.\n\n**The center is a slot, empty by default.** Put your logo there once, where\nyour app wraps the loader. When nothing is slotted, nothing extra is\nrendered.\n\nSlotted content does not rotate. Only the arc moves, so a logo stays\nreadable.\n\nThe role is set on the host through `ElementInternals`. A `role` in the\nshadow root would leave the host itself without a role in the light DOM, and\na `role` attribute on the host would be missing from React server-rendered\nmarkup.\n\n**`for` names the region being loaded**, and the loader sets\n`aria-busy=\"true\"` on it for as long as the loader is on the page, so a\nscreen reader waits for the region rather than reading it half filled. Two\nloaders in one region hold it busy until the last one leaves. A region drawn\nafter the loader is marked when it arrives.\n\n**`delay` keeps a quick load from flashing a loader.** The loader stays\nhidden, and silent, for that many milliseconds, and appears only if the work\nis still going. While it waits it carries `:state(waiting)`.",
           "name": "HelixHeadlessLoader",
           "cssParts": [
             {
@@ -123470,7 +124223,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Determinate by default. Set `indeterminate` for a task whose total is not\nknown yet. Use `Loader` for a short wait or one with no place of its own on\nthe page.\n\nThe indeterminate bar runs a segment across the track and does not fill, so\nit shows that work is happening without claiming a proportion.\n`aria-valuenow` is omitted in that state, which is the platform's signal for\nthe same thing.\n\nThe fill is a fraction of the track, written as a custom property.\n\n**Reaching `max` is said and sent.** When the value arrives at `max` from\nbelow, the bar says `complete-label`, \"Complete\" by default, in a polite\n`live` region and sends `helix-complete`, so a reader hears that the work is\ndone and a page can move on. A bar that starts full says nothing, and an\nempty `complete-label` keeps it quiet. The `complete` custom state is set\nwhile the bar is full.",
+          "description": "Determinate by default. Set `indeterminate` for a task whose total is not\nknown yet. Use `Loader` for a short wait or one with no place of its own on\nthe page.\n\nThe indeterminate bar runs a segment across the track and does not fill, so\nit shows that work is happening without claiming a proportion.\n`aria-valuenow` is omitted in that state, which is the platform's signal for\nthe same thing.\n\nThe fill is a fraction of the track, written as a custom property.\n\n**The reading is said in the words the bar would show**: a whole percentage\nof the range in `locale`, the reading `format-options` writes, or\n`value-text`, as `aria-valuetext` beside the number.\n\n**Words set in the default slot are drawn on the bar**, or in the middle of a\nring, such as `62%` or `3 of 8`, and are what the bar says as its reading\nwhere `value-text` is not set. While there are any, the bar carries\n`:state(content)`, so a sheet can make room for them.\n\n**Reaching `max` is said and sent.** When the value arrives at `max` from\nbelow, the bar says `complete-label`, \"Complete\" by default, in a polite\n`live` region and sends `helix-complete`, so a reader hears that the work is\ndone and a page can move on. A bar that starts full says nothing, and an\nempty `complete-label` keeps it quiet. The `complete` custom state is set\nwhile the bar is full.",
           "name": "HelixHeadlessProgress",
           "cssProperties": [
             {
@@ -123479,6 +124232,10 @@
             }
           ],
           "cssParts": [
+            {
+              "description": "The box holding the words of the default slot, over the track or in the middle of the ring. Carries `--progress-fraction`.",
+              "name": "content"
+            },
             {
               "description": "The unfilled circle under the ring's filled arc.",
               "name": "groove"
@@ -123501,6 +124258,10 @@
             }
           ],
           "slots": [
+            {
+              "description": "Words drawn on the bar, or in the middle of a ring, such as the reading. Said as the reading where `value-text` is not set.",
+              "name": ""
+            },
             {
               "description": "A visible label. Its words name the progress bar in place of `label`.",
               "name": "label"
@@ -123536,7 +124297,7 @@
               "type": {
                 "text": "Intl.NumberFormatOptions | undefined"
               },
-              "description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced as well as shown. `value-text` still wins.",
+              "description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced whether or not `show-value` shows them. `value-text`\nstill wins.",
               "attribute": "format-options"
             },
             {
@@ -123697,6 +124458,13 @@
               "readonly": true,
               "description": "A label's words changed, so the name is written again."
             },
+            {
+              "kind": "field",
+              "name": "reworded",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The words on the bar changed, so the reading is said again and the state set."
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -124062,7 +124830,7 @@
               "type": {
                 "text": "Intl.NumberFormatOptions | undefined"
               },
-              "description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced as well as shown. `value-text` still wins.",
+              "description": "`Intl.NumberFormat` options the reading is written with, as React Aria's\nMeter and ProgressBar take them: a unit, a currency, or a number of\ndecimals. Written as JSON in the attribute.\n\n```html\n<helix-progress value=\"18\" max=\"32\" format-options='{\"style\":\"unit\",\"unit\":\"gigabyte\"}'></helix-progress>\n```\n\nA `percent` style writes the share of the range, and any other the value\nitself, so the example says \"18 GB\". Absent is a whole percentage. The\nwords are announced whether or not `show-value` shows them. `value-text`\nstill wins.",
               "fieldName": "formatOptions"
             },
             {
@@ -124151,6 +124919,10 @@
               "description": "The value is at `max` and the bar is not indeterminate.",
               "name": "complete"
             },
+            {
+              "description": "Words are set in the default slot.",
+              "name": "content"
+            },
             {
               "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
               "name": "settled",
@@ -125239,7 +126011,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Renders a real `<q>`, so the browser supplies the quotation marks. It inserts\nthe correct marks for the document's language and nests them correctly when\none quotation sits inside another. Do not type quotation marks into the\ncontent: one that starts or ends with a typed mark warns once, with the\nruntime kind `typed-marks`. A quotation in a language other than the page's takes `lang` on the\nelement, and its marks follow it: `lang=\"de\"` sets „…“ and `lang=\"fr\"` «…»\ninside an English page.\n\nFor a passage set off from the surrounding text, use a blockquote.",
+          "description": "Renders a real `<q>`, so the browser supplies the quotation marks. It inserts\nthe correct marks for the document's language and nests them correctly when\none quotation sits inside another. Do not type quotation marks into the\ncontent: one that starts or ends with a typed mark warns once, with the\nruntime kind `typed-marks`. A quotation in a language other than the page's takes `lang` on the\nelement, and its marks follow it: `lang=\"de\"` sets „…“ and `lang=\"fr\"` «…»\ninside an English page.\n\n**`no-marks` leaves the marks off**, for a quotation set where the page draws\nits own, such as a pull quote with a large decorative mark beside it or a\ntable of sayings. The quotation still counts toward nesting, so a quote\ninside it takes the inner marks it would have had. Text with marks typed\ninto it raises no warning under `no-marks`.\n\nFor a passage set off from the surrounding text, use a blockquote.",
           "name": "HelixHeadlessQuote",
           "cssParts": [
             {
@@ -125264,6 +126036,17 @@
               "description": "URL identifying where the quotation came from.",
               "attribute": "cite"
             },
+            {
+              "kind": "field",
+              "name": "noMarks",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to leave the quotation marks off, for a quotation set where the\npage draws its own.\n\nNegative, because the marks are on by default and a boolean attribute is\ntrue whenever it is present. Reflected, because a stylesheet takes the\nmarks off on it.",
+              "attribute": "no-marks",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "warned",
@@ -125630,6 +126413,15 @@
               "default": "''",
               "description": "URL identifying where the quotation came from.",
               "fieldName": "cite"
+            },
+            {
+              "name": "no-marks",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to leave the quotation marks off, for a quotation set where the\npage draws its own.\n\nNegative, because the marks are on by default and a boolean attribute is\ntrue whenever it is present. Reflected, because a stylesheet takes the\nmarks off on it.",
+              "fieldName": "noMarks"
             }
           ],
           "superclass": {
@@ -130351,7 +131143,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A scatter chart shows how two measures relate. The table's first numeric\ncolumn is measured across, every other numeric column is measured up, and\neach row is one point. A table of countries with an income column and a life\nexpectancy column draws one point for each country. Each additional numeric\ncolumn is another series, in its own color.\n\nBoth axes are labeled, because both positions are values. The ticks sit at\nround numbers, and the range extends to them.\n\n`trend` draws each series' line of best fit, by least squares, across the\nplot in the series' color.\n\n**`size-by` names a third measure, drawn as each point's size**, as a bubble\nchart does: `size-by=\"Population\"` takes that column out of the series and\ngives each point an area in proportion to its row's number there. The\ntooltip and the table still say the number.\n\nThe summary gives each series' correlation coefficient and its number of\npoints. The table has every number, and the drawing is hidden from screen\nreaders.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from row to row in the table's order, Home\nand End go to the first and the last, and the up and down arrows move among\nthe series of a row. The tooltip sits on that point, the `live` part says the\nrow in words, and Escape puts the tooltip away.\n\nEach point is a `<span>` placed by percentage over the drawing, as\n`LineChart` places its end points, so points stay round when the drawing\nstretches.\n\nThe plot runs left to right in every text direction, as a number line does.\nThe plot, its axes, and the axis names sit in a `plane` part with\n`dir=\"ltr\"`. The axis names carry `dir=\"auto\"`, so a name in Arabic or Hebrew\nreads in its own direction. The summary and the tooltip bubble follow the\npage's direction.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.",
+          "description": "A scatter chart shows how two measures relate. The table's first numeric\ncolumn is measured across, every other numeric column is measured up, and\neach row is one point. A table of countries with an income column and a life\nexpectancy column draws one point for each country. Each additional numeric\ncolumn is another series, in its own color.\n\nBoth axes are labeled, because both positions are values. The ticks sit at\nround numbers, and the range extends to them.\n\n`trend` draws each series' line of best fit, by least squares, across the\nplot in the series' color.\n\n**`size-by` names a third measure, drawn as each point's size**, as a bubble\nchart does: `size-by=\"Population\"` takes that column out of the series and\ngives each point an area in proportion to its row's number there. The\ntooltip and the table still say the number.\n\nThe summary gives each series' correlation coefficient and its number of\npoints. The table has every number, and the drawing is hidden from screen\nreaders.\n\n**The plot is read by key.** It takes focus, named by `label` or the caption.\nThe left and right arrows move from row to row in the table's order, Home\nand End go to the first and the last, and the up and down arrows move among\nthe series of a row. The tooltip sits on that point, the `live` part says the\nrow in words, and Escape puts the tooltip away.\n\nEach point is a `<span>` placed by percentage over the drawing, as\n`LineChart` places its end points, so points stay round when the drawing\nstretches.\n\nThe plot runs left to right in every text direction, as a number line does.\nThe plot, its axes, and the axis names sit in a `plane` part with\n`dir=\"ltr\"`. The axis names carry `dir=\"auto\"`, so a name in Arabic or Hebrew\nreads in its own direction. The summary and the tooltip bubble follow the\npage's direction.\n\n**A tap shows the reading under it**, and keeps it until a tap lands\nelsewhere. `helix-reading-change` says each move of the reading, by pointer,\ntap or key, and `helix-reading-press` says a reading was clicked, tapped, or\npressed with Enter or Space, for a page that opens what a reading stands for.\n\n**`data` takes the readings as data** where the page has no table to point\n`for` at, in a table's shape: the column headings, then one row per reading\nwith its label first. A table is still the better source where the page can\nshow one, since it reads before any script runs.\n\n**A chart with nothing to draw says so.** A table with no readings shows\n`empty-text`, \"No readings\", in the plot, and `loading` shows `loading-text`\nthere until readings arrive. The `empty` and `loading` slots take markup in\ntheir place, such as a link to add the first reading.",
           "name": "HelixHeadlessScatterChart",
           "cssProperties": [
             {
@@ -130372,6 +131164,10 @@
             }
           ],
           "cssParts": [
+            {
+              "description": "The words in place of the drawing when the table has no readings: the `empty` slot, falling back to `empty-text`. Not drawn while the table cannot be read yet, on the server and during hydration.",
+              "name": "empty"
+            },
             {
               "description": "One line across the plot, drawn when `gridlines` is set.",
               "name": "gridline"
@@ -130380,6 +131176,10 @@
               "description": "The readout: a polite live region that says the row the keys moved to. Hide it visually.",
               "name": "live"
             },
+            {
+              "description": "The words in place of the drawing while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.",
+              "name": "loading"
+            },
             {
               "description": "The invisible point the tooltip is anchored to.",
               "name": "mark"
@@ -130501,6 +131301,16 @@
               "name": "y-tick"
             }
           ],
+          "slots": [
+            {
+              "description": "Content shown in place of the drawing when the table has no readings, such as a link to add the first. Falls back to `empty-text`.",
+              "name": "empty"
+            },
+            {
+              "description": "Content shown in place of the drawing while `loading` is set and there are no readings yet. Falls back to `loading-text`.",
+              "name": "loading"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -130807,6 +131617,70 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "attribute": "empty-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "attribute": "loading",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "loadingText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "attribute": "loading-text",
+              "helix": {
+                "words": true
+              },
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderStatus",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "description": "What stands in the plot while there is nothing to draw: the `loading`\nline, the `empty` line, or nothing while the table cannot be read yet.\n\n`dir=\"auto\"`, so words in a right-to-left script read their own way in\na plot that holds itself left to right, as Scatter Chart's does.",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "source",
@@ -130830,6 +131704,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "ChartData | undefined"
+              },
+              "default": "undefined",
+              "description": "The readings as data, in the shape of a table, where the page has no\ntable to point `for` at. `for` wins where both are set.\n\n```js\nchart.data = {\n  caption: 'Sessions by channel',\n  columns: ['Month', 'Direct', 'Referral'],\n  rows: [['Jan', 10, 4], ['Feb', 20, 8]],\n}\n```\n\nThe first column holds each row's label and every column after it a\nseries, as in a table. A cell is a number, words, `null` for a blank,\nor `{ value, text }` for a number shown as words, such as `$128k`. A\nnumber is shown in `locale`.\n\n**A table is still the better source where the page can show one**:\nit reads with no script and before hydration, and a reader can sort and\ncopy it. Data is drawn on the client only, so a server serves the\nframe, and the summary, the keys and the readout are then the whole of\nwhat a screen reader is given. Set a new object to redraw: the chart\ndoes not look inside the one it has.",
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "for",
@@ -130966,6 +131853,19 @@
                 "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "readingsKnown",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the readings have been looked for: false on the server and\nwhile hydrating, where no table is resolved and no data is read. A\nchart says it has no readings only once this is true.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinChartSource",
+                "module": "src/mixins/mixin-chart-source/mixin-chart-source.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "sourceRows",
@@ -131492,6 +132392,45 @@
               "description": "Draws each series' line of best fit across the plot, by least squares, in\nthe series' color: the regression line a reader would otherwise draw by\neye.\n\nAbsent draws none. A series with fewer than two points, or with every\npoint at one measure across, has no line to draw. The summary already\ngives each series' correlation, which says how near the points are to it.",
               "fieldName": "trend"
             },
+            {
+              "name": "empty-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No readings'",
+              "description": "The words shown in place of the drawing when the table has no readings,\nand the fallback of the `empty` slot.",
+              "fieldName": "emptyText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the readings are still on their way. The chart shows\n`loading-text` in place of an empty drawing until it has readings.\n\nReflected, so a stylesheet can treat the chart while it waits. A chart\nthat already has readings keeps drawing them, so a refresh does not\nblank it.",
+              "fieldName": "loading",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
+            {
+              "name": "loading-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Loading readings'",
+              "description": "The words shown in place of the drawing while `loading` is set and\nthere are no readings yet, and the fallback of the `loading` slot.",
+              "fieldName": "loadingText",
+              "inheritedFrom": {
+                "name": "MixinChartStatus",
+                "module": "src/mixins/mixin-chart-status/mixin-chart-status.ts"
+              }
+            },
             {
               "name": "for",
               "type": {
@@ -131546,6 +132485,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "MixinChartStatus",
+              "package": "@fusion.dev/helix-core"
+            },
             {
               "name": "MixinChartSource",
               "package": "@fusion.dev/helix-core"
@@ -135418,6 +136361,17 @@
               "description": "Whether the skeleton holds content, read off its children where they can\nbe known. Not on a server, where an unlabeled skeleton is taken for an\nempty one until the page has its children.",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "renderShape",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "The placeholder shape and the sheen inside it.\n\nA method, so a tier above can draw the placeholder as several shapes, as\nthe styled tier draws a paragraph of lines."
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -143323,7 +144277,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "Screen readers announce the stats as a group. The figures are read together\nand their order has no meaning, so the group does not announce positions such\nas \"1 of 4\".",
+          "description": "**A named group is a group**, so a screen reader announces the stats\ntogether under its name, such as \"Usage, group\". Name it with `label`,\n`aria-label` or `aria-labelledby`. An unnamed one has no role, since a group\nwith no name only adds \"group\" to what a reader says, as an unnamed Card\nhas none. The figures are read together and their order has no meaning, so\nthe group does not announce positions such as \"1 of 4\".",
           "name": "HelixHeadlessStatGroup",
           "slots": [
             {
@@ -143339,9 +144293,52 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible name for the group.",
+              "description": "Accessible name for the group, which makes it a group.\n\nAbsent leaves the stats with no group around them, unless `aria-label` or\n`aria-labelledby` names it.",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "observedAttributes",
+              "type": {
+                "text": "string[]"
+              },
+              "static": true,
+              "description": "Hears a name written on the element, which no property mirrors.\n\nLit observes the attributes of its own properties only, and `ariaLabel`\nand `ariaLabelledByElements` belong to the platform.",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "attributeChangedCallback",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "old",
+                  "type": {
+                    "text": "string | null"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string | null"
+                  }
+                }
+              ],
+              "description": "Called by the browser when an observed attribute changes. A name written\nor taken off asks for an update, because it decides whether the stats are\na group.",
+              "type": {
+                "text": "attributeChangedCallback(name: string, old: string | null, value: string | null) => void"
+              }
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -143689,7 +144686,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible name for the group.",
+              "description": "Accessible name for the group, which makes it a group.\n\nAbsent leaves the stats with no group around them, unless `aria-label` or\n`aria-labelledby` names it.",
               "fieldName": "label"
             }
           ],
@@ -143775,11 +144772,23 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "The label comes first in the markup and the value after it, so a screen\nreader reads what the figure counts before the number. Visually, the number\nstands out either way.\n\nBoth are bare slots. An element that assigned itself a slot on connect would\nadd an attribute after upgrade, which markup rendered on the server by React\ndoes not have.\n\n**A stat with a label is a group named by it**, so a reader moving through a\ndashboard hears \"Revenue, group\" and then the figure, its unit and its\ntrend as one reading, rather than a run of loose words. The role and the name\nare set through `ElementInternals` once the label is known, which writes no\nattribute; a stat with no label has no role. Put a `Trend` in the `trend`\nslot to have it read inside the group, after the figure it qualifies.",
+          "description": "The label comes first in the markup and the value after it, so a screen\nreader reads what the figure counts before the number. Visually, the number\nstands out either way.\n\nBoth are bare slots. An element that assigned itself a slot on connect would\nadd an attribute after upgrade, which markup rendered on the server by React\ndoes not have.\n\n**A stat with a label is a group named by it**, so a reader moving through a\ndashboard hears \"Revenue, group\" and then the figure, its unit and its\ntrend as one reading, rather than a run of loose words. The role and the name\nare set through `ElementInternals` once the label is known, which writes no\nattribute; a stat with no label has no role. Put a `Trend` in the `trend`\nslot to have it read inside the group, after the figure it qualifies.\n\n**Or give the figure as a number.** `value` is written with\n`Intl.NumberFormat`, in `locale` and with `format-options`, so\n`value=\"1234567\" format-options='{\"notation\":\"compact\"}'` shows `1.2M`, and\na server writes it as the browser does. A number in `value` takes the place\nof a slotted figure.\n\n**Each slot is a part of the same name**, and `value` for the figure, so a\npage reaches the label, the unit and the trend from outside. A slot draws no\nbox, so a part passes inherited properties to what is slotted. **The stat\nsays which pieces it holds**, as `:state(has-label)`, `:state(has-unit)` and\n`:state(has-trend)`, read in the browser, so a served stat carries none\nuntil the script runs.",
           "name": "HelixHeadlessStat",
           "cssParts": [
             {
-              "description": "The slot the value is written in. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.",
+              "description": "The slot the label arrives through, drawing no box, as `value` does.",
+              "name": "label"
+            },
+            {
+              "description": "The slot the trend arrives through, drawing no box, as `value` does.",
+              "name": "trend"
+            },
+            {
+              "description": "The slot the unit arrives through, drawing no box, as `value` does.",
+              "name": "unit"
+            },
+            {
+              "description": "The slot the value is written in, or the figure `value` writes. A slot draws no box, so it takes the inherited properties, such as color and font, and passes them to the value.",
               "name": "value"
             }
           ],
@@ -143812,6 +144821,41 @@
               "attribute": "direction",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "formatOptions",
+              "type": {
+                "text": "Intl.NumberFormatOptions | undefined"
+              },
+              "description": "`Intl.NumberFormat` options `value` is written with, such as\n`{\"notation\":\"compact\"}` for `1.2M` or `{\"style\":\"percent\"}` for `98%`,\nwritten as JSON in the attribute.\n\nAbsent writes the number as the locale writes any number.",
+              "attribute": "format-options"
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The locale `value` is written in, such as `de` for `1.234.567`.\n\nAbsent reads the nearest `lang`, then the runtime's own. Set it on a page\nrendered on a server, so the server and the browser write the figure\nalike.",
+              "attribute": "locale"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The figure as a number, written with `format-options` in `locale` in\nplace of a slotted value.\n\nAbsent leaves the figure to the slot.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "readPieces",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Says which pieces the stat holds, one call apiece so each pairs with its `@cssstate`."
+            },
             {
               "kind": "field",
               "name": "tier",
@@ -144160,6 +145204,53 @@
               },
               "description": "Which way the label and the value are arranged.\n\nAbsent is a column, the label over the number, which is how a figure is read\non a dashboard: the words say what is coming and the number answers.\n`column-reverse` puts the number first, which is right where the number is\nthe headline and the label is a caption under it.\n\nThe row directions set them side by side, for a figure in a line of text or\na narrow strip where a stacked pair would be two lines of almost nothing.\n\nA property rather than a `Flex` around it, because the unit has to stay on\nthe value's baseline whichever way the pair goes, and only this element\nknows which of its children the unit belongs to.\n\nThe name and the values are `Flex`'s, which lays out the same way. Which\nway a number moved is `Trend`'s `movement`. On a Stat, `up`, `down` and\n`neutral` are not layouts, and the pair stays the column.\n\n**Optional rather than defaulted to `column`, which is not a style\npreference.** A reflecting property with a default writes its attribute onto\nthe host the moment the element upgrades, and the host is markup the\nconsumer rendered: React compares what it rendered against what is there and\nreports a hydration mismatch. The absent attribute is the column, which the\nstylesheet reads as the base case, and the server spec asserts the host\ncarries nothing nobody wrote.",
               "fieldName": "direction"
+            },
+            {
+              "name": "format-options",
+              "type": {
+                "text": "Intl.NumberFormatOptions | undefined"
+              },
+              "description": "`Intl.NumberFormat` options `value` is written with, such as\n`{\"notation\":\"compact\"}` for `1.2M` or `{\"style\":\"percent\"}` for `98%`,\nwritten as JSON in the attribute.\n\nAbsent writes the number as the locale writes any number.",
+              "fieldName": "formatOptions"
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The locale `value` is written in, such as `de` for `1.234.567`.\n\nAbsent reads the nearest `lang`, then the runtime's own. Set it on a page\nrendered on a server, so the server and the browser write the figure\nalike.",
+              "fieldName": "locale"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number | undefined"
+              },
+              "description": "The figure as a number, written with `format-options` in `locale` in\nplace of a slotted value.\n\nAbsent leaves the figure to the slot.",
+              "fieldName": "value"
+            }
+          ],
+          "cssStates": [
+            {
+              "description": "Something is slotted into `label`.",
+              "name": "has-label"
+            },
+            {
+              "description": "Something is slotted into `trend`.",
+              "name": "has-trend"
+            },
+            {
+              "description": "Something is slotted into `unit`.",
+              "name": "has-unit"
+            },
+            {
+              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
+              "name": "settled",
+              "inheritedFrom": {
+                "name": "HelixElement",
+                "module": "src/helix-element/helix-element.ts"
+              }
             }
           ],
           "superclass": {
@@ -144191,16 +145282,6 @@
           },
           "tagName": "helix-headless-stat",
           "customElement": true,
-          "cssStates": [
-            {
-              "description": "Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.",
-              "name": "settled",
-              "inheritedFrom": {
-                "name": "HelixElement",
-                "module": "src/helix-element/helix-element.ts"
-              }
-            }
-          ],
           "modulePath": "src/stat/root/stat-root.ts",
           "definitionPath": "src/stat/root/stat-root.ts"
         }
@@ -183750,6 +184831,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-headless",
-    "version": "0.152.0"
+    "version": "0.154.0"
   }
 }