@fusion.dev/helix-headless 0.177.2 → 0.179.0

package/types/jsx.d.ts

@@ -14098,6 +14098,14 @@ an icon. */
   /** The name of the clear button, read by screen readers. The button shows only
 an icon. */
   clearLabel?: (HelixHeadlessFilterInput["clearLabel"]) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  "filter-delay"?: (HelixHeadlessFilterInput["filterDelay"] | `${number}`) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  filterDelay?: (HelixHeadlessFilterInput["filterDelay"]) | undefined;
   /** Whether the panel narrows itself to the suggestions that hold the term
 being typed, as React Aria's Autocomplete filters. Off, the panel shows
 what you slot and you narrow it. */
@@ -14291,6 +14299,13 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   name?: (HelixHeadlessFilterInput["name"]) | undefined;
+  /** Where the suggestions come from: a function given the term at the caret,
+the field it is a value of, the whole text, and an `AbortSignal`, which
+returns the suggestions or a promise of them. Each is a string, or a
+`value` with a `label` and `disabled`. The field draws them as options in
+the panel, beside any you slot. A property only, there being no way to
+write a function in markup. See the class description. */
+  source?: (HelixHeadlessFilterInput["source"]) | undefined;
 
   /** Fired from the input when the user finishes editing the text. */
   onchange?: ((e: HelixHeadlessFilterInputElementEvent) => void) | undefined;
@@ -14312,7 +14327,7 @@ Here rather than on each control. */
   ) => void) | undefined;
   /** Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were. */
   "onhelix-facet"?: ((e: HelixHeadlessFilterInputHelixFacetElementEvent) => void) | undefined;
-  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does. */
+  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it. */
   "onhelix-select"?: ((
     e: HelixHeadlessFilterInputHelixSelectElementEvent,
   ) => void) | undefined;
@@ -14348,6 +14363,14 @@ an icon. */
   /** The name of the clear button, read by screen readers. The button shows only
 an icon. */
   "prop:clearLabel"?: (HelixHeadlessFilterInput["clearLabel"]) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  "attr:filter-delay"?: (HelixHeadlessFilterInput["filterDelay"] | `${number}`) | undefined;
+  /** How long typing rests before `source` is asked, in milliseconds. A delay
+sends one request for a word in place of one for each letter. The arrow
+keys and Enter ask at once. `0` asks on every keystroke. */
+  "prop:filterDelay"?: (HelixHeadlessFilterInput["filterDelay"]) | undefined;
   /** Whether the panel narrows itself to the suggestions that hold the term
 being typed, as React Aria's Autocomplete filters. Off, the panel shows
 what you slot and you narrow it. */
@@ -14541,6 +14564,13 @@ imperatively later, and nothing is hydrating by then.
 
 Here rather than on each control. */
   "prop:name"?: (HelixHeadlessFilterInput["name"]) | undefined;
+  /** Where the suggestions come from: a function given the term at the caret,
+the field it is a value of, the whole text, and an `AbortSignal`, which
+returns the suggestions or a promise of them. Each is a string, or a
+`value` with a `label` and `disabled`. The field draws them as options in
+the panel, beside any you slot. A property only, there being no way to
+write a function in markup. See the class description. */
+  "prop:source"?: (HelixHeadlessFilterInput["source"]) | undefined;
   /** Fired from the input when the user finishes editing the text. */
   "on:change"?: ((e: HelixHeadlessFilterInputElementEvent) => void) | undefined;
   /** Fired as the text changes. Cancelable: call `preventDefault()` to keep the current text. */
@@ -14563,7 +14593,7 @@ Here rather than on each control. */
   "on:helix-facet"?: ((
     e: HelixHeadlessFilterInputHelixFacetElementEvent,
   ) => void) | undefined;
-  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does. */
+  /** Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it. */
   "on:helix-select"?: ((
     e: HelixHeadlessFilterInputHelixSelectElementEvent,
   ) => void) | undefined;
@@ -14950,6 +14980,14 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "legend-label"?: (HelixHeadlessGraph["legendLabel"]) | undefined;
   /** The legend's name, read by screen readers. */
   legendLabel?: (HelixHeadlessGraph["legendLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  "link-count-label"?: (HelixHeadlessGraph["linkCountLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  linkCountLabel?: (HelixHeadlessGraph["linkCountLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
   "linked-both-label"?: (HelixHeadlessGraph["linkedBothLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
@@ -15029,6 +15067,16 @@ the list then holds, written with `count-label`. */
   "using-label"?: (HelixHeadlessGraph["usingLabel"]) | undefined;
   /** The line shown while the graph, with `gestures="activate"`, has the gestures. */
   usingLabel?: (HelixHeadlessGraph["usingLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  "walk-label"?: (HelixHeadlessGraph["walkLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  walkLabel?: (HelixHeadlessGraph["walkLabel"]) | undefined;
   /** The hint shown when the wheel scrolls past the graph with
 `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere. */
   "wheel-hint-label"?: (HelixHeadlessGraph["wheelHintLabel"]) | undefined;
@@ -15227,7 +15275,7 @@ markup. */
   "onhelix-graph-pan"?: ((
     e: HelixHeadlessGraphHelixGraphPanElementEvent,
   ) => void) | undefined;
-  /** The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
+  /** The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
   "onhelix-graph-part-change"?: ((
     e: HelixHeadlessGraphHelixGraphPartChangeElementEvent,
   ) => void) | undefined;
@@ -15289,6 +15337,14 @@ or hides its notes. Drawn where the notes have two groups or more. */
   "attr:legend-label"?: (HelixHeadlessGraph["legendLabel"]) | undefined;
   /** The legend's name, read by screen readers. */
   "prop:legendLabel"?: (HelixHeadlessGraph["legendLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  "attr:link-count-label"?: (HelixHeadlessGraph["linkCountLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links reaches a note that
+has no link to follow, or goes back to a note: `{note}` for its name and
+`{count}` for how many notes the list holds that it links to or from. */
+  "prop:linkCountLabel"?: (HelixHeadlessGraph["linkCountLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
   "attr:linked-both-label"?: (HelixHeadlessGraph["linkedBothLabel"]) | undefined;
   /** How a note linked both to and from the selected one is described, with `{note}`. */
@@ -15368,6 +15424,16 @@ the list then holds, written with `count-label`. */
   "attr:using-label"?: (HelixHeadlessGraph["usingLabel"]) | undefined;
   /** The line shown while the graph, with `gestures="activate"`, has the gestures. */
   "prop:usingLabel"?: (HelixHeadlessGraph["usingLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  "attr:walk-label"?: (HelixHeadlessGraph["walkLabel"]) | undefined;
+  /** What screen readers hear when a walk along the links moves to a note:
+`{note}` for its name, `{relation}` for how it stands to the note the
+step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+for its place among that note's links. */
+  "prop:walkLabel"?: (HelixHeadlessGraph["walkLabel"]) | undefined;
   /** The hint shown when the wheel scrolls past the graph with
 `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere. */
   "attr:wheel-hint-label"?: (HelixHeadlessGraph["wheelHintLabel"]) | undefined;
@@ -15567,7 +15633,7 @@ markup. */
   "on:helix-graph-pan"?: ((
     e: HelixHeadlessGraphHelixGraphPanElementEvent,
   ) => void) | undefined;
-  /** The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
+  /** The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it. */
   "on:helix-graph-part-change"?: ((
     e: HelixHeadlessGraphHelixGraphPartChangeElementEvent,
   ) => void) | undefined;
@@ -15598,6 +15664,12 @@ export type HelixHeadlessHeatmapElementEvent<E = Event> = TypedEvent<
 /** `helix-before-change` event type */
 export type HelixHeadlessHeatmapHelixBeforeChangeElementEvent =
   HelixHeadlessHeatmapElementEvent<HelixBeforeChangeEvent>;
+/** `helix-reading-change` event type */
+export type HelixHeadlessHeatmapHelixReadingChangeElementEvent =
+  HelixHeadlessHeatmapElementEvent<HelixReadingChangeEvent>;
+/** `helix-reading-press` event type */
+export type HelixHeadlessHeatmapHelixReadingPressElementEvent =
+  HelixHeadlessHeatmapElementEvent<HelixReadingPressEvent>;
 /** `helix-resize` event type */
 export type HelixHeadlessHeatmapHelixResizeElementEvent =
   HelixHeadlessHeatmapElementEvent<HelixResizeEvent>;
@@ -15609,16 +15681,6 @@ export type HelixHeadlessHeatmapProps = {
   /** The name the `overview` gives the busiest reading, `{busiestLabel}` in
 `overview-label`. */
   busiestLabel?: (HelixHeadlessHeatmap["busiestLabel"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  "empty-text"?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  emptyText?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
   /** Space between cells, in CSS pixels. It is a number for the same reason
 `min-cell` is. */
   gap?: (HelixHeadlessHeatmap["gap"]) | undefined;
@@ -15676,13 +15738,9 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   rows?: (HelixHeadlessHeatmap["rows"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   "selected-label"?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   selectedLabel?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes. `{count}` is
 how many cells are selected, written in the locale, and a language that
@@ -15739,6 +15797,25 @@ header's words where it carries none.
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
   value?: (HelixHeadlessHeatmap["value"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "empty-text"?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  emptyText?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  loading?: (HelixHeadlessHeatmap["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "loading-text"?: (HelixHeadlessHeatmap["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  loadingText?: (HelixHeadlessHeatmap["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -15805,6 +15882,14 @@ does not look inside the one it has. */
   "onhelix-before-change"?: ((
     e: HelixHeadlessHeatmapHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
+  "onhelix-reading-change"?: ((
+    e: HelixHeadlessHeatmapHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "onhelix-reading-press"?: ((
+    e: HelixHeadlessHeatmapHelixReadingPressElementEvent,
+  ) => void) | undefined;
   /** Fired when the number of cells drawn changes, with the new number. */
   "onhelix-resize"?: ((e: HelixHeadlessHeatmapHelixResizeElementEvent) => void) | undefined;
 };
@@ -15816,16 +15901,6 @@ export type HelixHeadlessHeatmapSolidJsProps = {
   /** The name the `overview` gives the busiest reading, `{busiestLabel}` in
 `overview-label`. */
   "prop:busiestLabel"?: (HelixHeadlessHeatmap["busiestLabel"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  "attr:empty-text"?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
-  /** Shown when the table has no readings in it.
-
-Never shown while the table cannot be read at all, which is a server render
-and the hydrating one after it: see `sourceKnown`. */
-  "prop:emptyText"?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
   /** Space between cells, in CSS pixels. It is a number for the same reason
 `min-cell` is. */
   "prop:gap"?: (HelixHeadlessHeatmap["gap"]) | undefined;
@@ -15883,13 +15958,9 @@ calendar heatmap does: a week is a column, so the strip reads along the
 line in weeks, from the right on a right-to-left page, and top to bottom in
 days. */
   "prop:rows"?: (HelixHeadlessHeatmap["rows"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   "attr:selected-label"?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
-  /** What the readout adds for a selected cell, under `selection-mode`, after
-where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-nothing. */
+  /** What the readout added for a selected cell, under `selection-mode`. */
   "prop:selectedLabel"?: (HelixHeadlessHeatmap["selectedLabel"]) | undefined;
   /** What the `selection` part says after the selection changes. `{count}` is
 how many cells are selected, written in the locale, and a language that
@@ -15946,6 +16017,25 @@ header's words where it carries none.
 Set it to start with cells selected. Written by a press or a key under
 `selection-mode`. */
   "prop:value"?: (HelixHeadlessHeatmap["value"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "attr:empty-text"?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
+  /** The words shown in place of the drawing when the table has no readings,
+and the fallback of the `empty` slot. */
+  "prop:emptyText"?: (HelixHeadlessHeatmap["emptyText"]) | undefined;
+  /** Whether the readings are still on their way. The chart shows
+`loading-text` in place of an empty drawing until it has readings.
+
+Reflected, so a stylesheet can treat the chart while it waits. A chart
+that already has readings keeps drawing them, so a refresh does not
+blank it. */
+  "prop:loading"?: (HelixHeadlessHeatmap["loading"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "attr:loading-text"?: (HelixHeadlessHeatmap["loadingText"]) | undefined;
+  /** The words shown in place of the drawing while `loading` is set and
+there are no readings yet, and the fallback of the `loading` slot. */
+  "prop:loadingText"?: (HelixHeadlessHeatmap["loadingText"]) | undefined;
   /** The id of the table to read.
 
 Names a table in the same tree, so a chart inside another component's
@@ -16011,6 +16101,14 @@ does not look inside the one it has. */
   "on:helix-before-change"?: ((
     e: HelixHeadlessHeatmapHelixBeforeChangeElementEvent,
   ) => void) | undefined;
+  /** The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it. */
+  "on:helix-reading-change"?: ((
+    e: HelixHeadlessHeatmapHelixReadingChangeElementEvent,
+  ) => void) | undefined;
+  /** A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`. */
+  "on:helix-reading-press"?: ((
+    e: HelixHeadlessHeatmapHelixReadingPressElementEvent,
+  ) => void) | undefined;
   /** Fired when the number of cells drawn changes, with the new number. */
   "on:helix-resize"?: ((e: HelixHeadlessHeatmapHelixResizeElementEvent) => void) | undefined;
 
@@ -22217,6 +22315,20 @@ empty string would give. */
   "default-read"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
   /** Whether the notification starts as read, used until `read` is set. */
   defaultRead?: (HelixHeadlessNotification["defaultRead"]) | undefined;
+  /** The dismiss control's name, read by screen readers, with `{label}` for the
+row's own words.
+
+One sentence with the words in it, so a translation puts them where its
+language does: `registerWords('de', { 'helix-notification': { dismissLabel:
+'{label} schließen' } })`. */
+  "dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
+  /** The dismiss control's name, read by screen readers, with `{label}` for the
+row's own words.
+
+One sentence with the words in it, so a translation puts them where its
+language does: `registerWords('de', { 'helix-notification': { dismissLabel:
+'{label} schließen' } })`. */
+  dismissLabel?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
   /** Locale for the timestamp.
 
 Empty is the runtime's own. */
@@ -22247,28 +22359,6 @@ its place. Translate it with the rest of your interface. */
   unreadLabel?: (HelixHeadlessNotification["unreadLabel"]) | undefined;
   /** Whether the element shows a control that dismisses it. */
   dismissible?: (HelixHeadlessNotification["dismissible"]) | undefined;
-  /** The dismiss control's label, read by screen readers.
-
-`attribute` is spelled out because Lit lowercases a property name to
-derive one rather than dash-casing it, so this would otherwise be
-reachable only as `dismisslabel`, which nobody would guess and no linter
-would catch.
-
-A word property: register it for a locale under the host's key. A family
-that names the control otherwise, such as Tag's `Remove {label}`,
-declares its own English with `@words` above the override. */
-  "dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
-  /** The dismiss control's label, read by screen readers.
-
-`attribute` is spelled out because Lit lowercases a property name to
-derive one rather than dash-casing it, so this would otherwise be
-reachable only as `dismisslabel`, which nobody would guess and no linter
-would catch.
-
-A word property: register it for a locale under the host's key. A family
-that names the control otherwise, such as Tag's `Remove {label}`,
-declares its own English with `@words` above the override. */
-  dismissLabel?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
 
   /** Fired when the user dismisses the notification. Cancelable. */
   "onhelix-dismiss"?: ((
@@ -22290,6 +22380,20 @@ empty string would give. */
   "bool:default-read"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
   /** Whether the notification starts as read, used until `read` is set. */
   "prop:defaultRead"?: (HelixHeadlessNotification["defaultRead"]) | undefined;
+  /** The dismiss control's name, read by screen readers, with `{label}` for the
+row's own words.
+
+One sentence with the words in it, so a translation puts them where its
+language does: `registerWords('de', { 'helix-notification': { dismissLabel:
+'{label} schließen' } })`. */
+  "attr:dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
+  /** The dismiss control's name, read by screen readers, with `{label}` for the
+row's own words.
+
+One sentence with the words in it, so a translation puts them where its
+language does: `registerWords('de', { 'helix-notification': { dismissLabel:
+'{label} schließen' } })`. */
+  "prop:dismissLabel"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
   /** Locale for the timestamp.
 
 Empty is the runtime's own. */
@@ -22320,28 +22424,6 @@ its place. Translate it with the rest of your interface. */
   "prop:unreadLabel"?: (HelixHeadlessNotification["unreadLabel"]) | undefined;
   /** Whether the element shows a control that dismisses it. */
   "prop:dismissible"?: (HelixHeadlessNotification["dismissible"]) | undefined;
-  /** The dismiss control's label, read by screen readers.
-
-`attribute` is spelled out because Lit lowercases a property name to
-derive one rather than dash-casing it, so this would otherwise be
-reachable only as `dismisslabel`, which nobody would guess and no linter
-would catch.
-
-A word property: register it for a locale under the host's key. A family
-that names the control otherwise, such as Tag's `Remove {label}`,
-declares its own English with `@words` above the override. */
-  "attr:dismiss-label"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
-  /** The dismiss control's label, read by screen readers.
-
-`attribute` is spelled out because Lit lowercases a property name to
-derive one rather than dash-casing it, so this would otherwise be
-reachable only as `dismisslabel`, which nobody would guess and no linter
-would catch.
-
-A word property: register it for a locale under the host's key. A family
-that names the control otherwise, such as Tag's `Remove {label}`,
-declares its own English with `@words` above the override. */
-  "prop:dismissLabel"?: (HelixHeadlessNotification["dismissLabel"]) | undefined;
   /** Fired when the user dismisses the notification. Cancelable. */
   "on:helix-dismiss"?: ((
     e: HelixHeadlessNotificationHelixDismissElementEvent,
@@ -39464,6 +39546,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -43920,6 +44011,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -46550,6 +46650,9 @@ export type CustomElements = {
    *
    * - `focusItem() => void`: Moves focus onto the row itself.
    * - `select() => void`: Fires `helix-select` for this row.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Parts
    *
@@ -47722,9 +47825,15 @@ export type CustomElements = {
    *
    * **The picker has an entry of its own.** `FilterMenu` draws its pages with
    * `Menu`, which a field without a picker does not need, so this family's entry
-   * leaves it out. A page that writes one imports
-   * `@fusion.dev/helix/filter-input/menu` as well, and a picker written without it
-   * is reported once the page has loaded, with the entry to add.
+   * leaves it out. A page that writes a `FilterMenu` imports both entries:
+   *
+   * ```js
+   * import '@fusion.dev/helix/filter-input'
+   * import '@fusion.dev/helix/filter-input/menu'
+   * ```
+   *
+   * A picker written without the second is reported once the page has loaded,
+   * with the entry to add.
    *
    * **Suggestions.** Slot options into `suggestions` and the field shows them,
    * moves through them with the arrow keys, and presses one on Enter. The option
@@ -47740,6 +47849,24 @@ export type CustomElements = {
    * completion back and put the caret after it, or the next parse reads the wrong
    * term.
    *
+   * **Suggestions from a source.** Set `source` to a function, and the field asks
+   * it for suggestions as the text changes and draws them as options in the
+   * panel. It is given the term at the caret, the field the term is a value of,
+   * the whole text, and an `AbortSignal`, and returns the suggestions or a
+   * promise of them. `filter-delay` waits for typing to rest before asking, and
+   * a later keystroke aborts a request still out. While a promise is pending, the
+   * panel shows `loading-text` and a screen reader hears it, then the count.
+   * Choosing a suggestion writes its value over the term at the caret, and a
+   * finished `field:value` is read into a chip as Enter would. Cancel its
+   * `helix-select` to write it yourself.
+   *
+   * ```js
+   * filter.source = async ({ field, term, signal }) => {
+   *   const response = await fetch(`/values?field=${field}&q=${term}`, { signal })
+   *   return response.json()
+   * }
+   * ```
+   *
    * **State.** Three things have three different owners:
    *
    * - `value` is the text. The user types, the element applies it, and `input`
@@ -47781,6 +47908,9 @@ export type CustomElements = {
    * them.
    * - `clear-label`/`clearLabel`: The name of the clear button, read by screen readers. The button shows only
    * an icon.
+   * - `filter-delay`/`filterDelay`: How long typing rests before `source` is asked, in milliseconds. A delay
+   * sends one request for a word in place of one for each letter. The arrow
+   * keys and Enter ask at once. `0` asks on every keystroke.
    * - `filter-suggestions`/`filterSuggestions`: Whether the panel narrows itself to the suggestions that hold the term
    * being typed, as React Aria's Autocomplete filters. Off, the panel shows
    * what you slot and you narrow it.
@@ -47888,6 +48018,12 @@ export type CustomElements = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `source`: Where the suggestions come from: a function given the term at the caret,
+   * the field it is a value of, the whole text, and an `AbortSignal`, which
+   * returns the suggestions or a promise of them. Each is a string, or a
+   * `value` with a `label` and `disabled`. The field draws them as options in
+   * the panel, beside any you slot. A property only, there being no way to
+   * write a function in markup. See the class description. (property only)
    * - `selectionDirection`: The direction of the selection, named as on `<input>`.
    *
    * **Published for the reason `Input` publishes them, and this element needs
@@ -47944,7 +48080,7 @@ export type CustomElements = {
    * - `helix-before-open`: Fired before the suggestions open. Cancelable: call `preventDefault()` to keep them closed.
    * - `helix-dismiss`: Fired when the user removes a token with its remove button or with Backspace in an empty field. A `FilterChip` that names a declared field sends `helix-facet` instead. Cancelable: call `preventDefault()` to keep the token.
    * - `helix-facet`: Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were.
-   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does.
+   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it.
    * - `input`: Fired when the text changes.
    * - `toggle`: Fired when the suggestions panel opens or closes, with `newState` and `oldState`.
    *
@@ -48051,7 +48187,7 @@ export type CustomElements = {
    * - `label`: The label above the field.
    * - `lead`: The box before the text that holds the `start` slot.
    * - `live`: The live region that says how many suggestions the open panel offers. It is rendered from the first time the panel opens with suggestions.
-   * - `loading`: Shown in the panel while the suggestions load.
+   * - `loading`: Shown in the panel while the suggestions load: while `loading` is set, or a request to `source` is out.
    * - `rest`: The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `surface`: The floating panel the suggestions sit in.
    * - `tags`: The row the tokens sit in.
@@ -48061,7 +48197,7 @@ export type CustomElements = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
-   * - `loading`: While `loading` is set.
+   * - `loading`: While `loading` is set, or a request to `source` is out.
    * - `no-results`: `filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.
    * - `open`: The suggestions are open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -48281,6 +48417,23 @@ export type CustomElements = {
    * Set `depth` to show the local graph: only the notes within that many links
    * of the selected one.
    *
+   * The search field is a combobox over the list. Down and Up move through the
+   * notes while the focus stays in the field, and Enter selects one.
+   *
+   * **Walk the links with Alt and the arrow keys**, in the list or in the
+   * search field once its keys are on a note. The note the keys are on is
+   * marked in the drawing.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Alt+Right | Follows a link, to the first note the one the keys are on links to or from. |
+   * | Alt+Down, Alt+Up | Moves to the next or the previous note linked to the one the step came from, wrapping. |
+   * | Alt+Left | Goes back along the links walked. |
+   *
+   * Right and Left swap on a right-to-left page. Each step says the note, how it
+   * stands to the note it came from, and its place among that note's links,
+   * such as "Hiring plan. Linked from Roadmap. 2 of 3". Enter selects the note.
+   *
    * Set `legend` to name the groups over the drawing, each a button that shows
    * or hides its notes. `hiddenGroups` holds the groups turned off, and the
    * list holds only what the drawing shows. The legend is a toolbar and one tab
@@ -48316,6 +48469,9 @@ export type CustomElements = {
    * - `legend`: Names the groups over the drawing, each a button in its color that shows
    * or hides its notes. Drawn where the notes have two groups or more.
    * - `legend-label`/`legendLabel`: The legend's name, read by screen readers.
+   * - `link-count-label`/`linkCountLabel`: What screen readers hear when a walk along the links reaches a note that
+   * has no link to follow, or goes back to a note: `{note}` for its name and
+   * `{count}` for how many notes the list holds that it links to or from.
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
@@ -48340,6 +48496,10 @@ export type CustomElements = {
    * the list then holds, written with `count-label`.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the graph with `gestures="cooperative"`.
    * - `using-label`/`usingLabel`: The line shown while the graph, with `gestures="activate"`, has the gestures.
+   * - `walk-label`/`walkLabel`: What screen readers hear when a walk along the links moves to a note:
+   * `{note}` for its name, `{relation}` for how it stands to the note the
+   * step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+   * for its place among that note's links.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the graph with
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
    * - `zoomed-in-label`/`zoomedInLabel`: What screen readers hear once the drawing has zoomed in, after `moved()`.
@@ -48473,7 +48633,7 @@ export type CustomElements = {
    * - `helix-graph-filter`: A group in the legend was pressed, to show or hide its notes. The detail's `hidden` is every group that would be hidden. Cancelable: cancel it to keep the groups as they were, or to set `hiddenGroups` yourself.
    * - `helix-graph-layout`: A layout settled, with where it put each note, sent by `laidOut()`. Keep the positions and pass them back as each note's `x` and `y`, and `z` where a renderer draws in three dimensions.
    * - `helix-graph-pan`: A pan button or arrow key was pressed. `connectGraph` moves the drawing, then calls `moved()`.
-   * - `helix-graph-part-change`: The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
+   * - `helix-graph-part-change`: The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-ready`: The graph has been drawn whole, laid out and settled. Sent each time `drawn()` says it is drawn after it was not.
    * - `helix-graph-signal`: Something passed between two notes, sent by `signal()`. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-zoom`: A zoom button or key was pressed. `connectGraph` zooms the drawing, then calls `moved()`.
@@ -48640,6 +48800,25 @@ export type CustomElements = {
    * `helix-before-change` and tells with `change`, and the `selection` part says
    * how many are selected, in `selection-label`.
    *
+   * **Under `selection-mode` the strip is a grid**, so the selection is state a
+   * reader is told rather than words alone: each column of the strip is a `row`,
+   * a week with `rows="7"`, and each cell a `gridcell` named by its row in the
+   * table and carrying `aria-selected`. The strip says
+   * `aria-multiselectable` under `multiple` and points at the cell the keys rest
+   * on with `aria-activedescendant`, so a screen reader reads that cell, and the
+   * `live` part stays quiet. Without `selection-mode` nothing is selectable, and
+   * the strip is an application with the readout, as every chart's plot is.
+   *
+   * **Readings are sent as every chart sends them.** `helix-reading-change`
+   * says each move of the reading, by pointer, tap or key, and
+   * `helix-reading-press` a reading clicked, tapped, or pressed with Enter or
+   * Space, each with the row of the table in `index`.
+   *
+   * **Nothing to draw.** A table with no readings shows `empty-text`, "No
+   * readings", under the strip, and `loading` shows `loading-text` there until
+   * readings arrive. The `empty` and `loading` slots take markup in place of
+   * either, as on every chart.
+   *
    * **Keyboard.** The strip is one tab stop once it has cells.
    *
    * | Key | What it does |
@@ -48649,7 +48828,7 @@ export type CustomElements = {
    * | Right, Left | Moves a column on or back, a week with `rows="7"`. On a right-to-left page, Left moves on. |
    * | Home, End | Moves to the first or the last cell. |
    * | Page Down, Page Up | Moves a month on or back where the rows carry dates, and four columns otherwise. |
-   * | Enter, Space | Selects the cell, or lets it go, under `selection-mode`. |
+   * | Enter, Space | Presses the cell, which sends `helix-reading-press`, and selects it or lets it go under `selection-mode`. |
    * | Shift with an arrow, Home, End, Page Up or Page Down | Selects every cell from the last one pressed to where the key went, under `selection-mode="multiple"`. |
    * | Escape | Puts the cell's tooltip away. |
    *
@@ -48659,10 +48838,6 @@ export type CustomElements = {
    *
    * - `busiest-label`/`busiestLabel`: The name the `overview` gives the busiest reading, `{busiestLabel}` in
    * `overview-label`.
-   * - `empty-text`/`emptyText`: Shown when the table has no readings in it.
-   *
-   * Never shown while the table cannot be read at all, which is a server render
-   * and the hydrating one after it: see `sourceKnown`.
    * - `gap`: Space between cells, in CSS pixels. It is a number for the same reason
    * `min-cell` is.
    * - `min-cell`/`minCell`: The smallest a cell may get before the strip draws fewer of them, in CSS pixels.
@@ -48693,9 +48868,7 @@ export type CustomElements = {
    * calendar heatmap does: a week is a column, so the strip reads along the
    * line in weeks, from the right on a right-to-left page, and top to bottom in
    * days.
-   * - `selected-label`/`selectedLabel`: What the readout adds for a selected cell, under `selection-mode`, after
-   * where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-   * nothing.
+   * - `selected-label`/`selectedLabel`: What the readout added for a selected cell, under `selection-mode`.
    * - `selection-label`/`selectionLabel`: What the `selection` part says after the selection changes. `{count}` is
    * how many cells are selected, written in the locale, and a language that
    * needs plural forms writes them: `{count, plural, one {# wybrany} few
@@ -48729,6 +48902,16 @@ export type CustomElements = {
    *
    * Set it to start with cells selected. Written by a press or a key under
    * `selection-mode`.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -48841,13 +49024,17 @@ export type CustomElements = {
    *
    * - `change`: Fired once a press or a key has changed which cells are selected.
    * - `helix-before-change`: Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable.
+   * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
+   * - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
    * - `helix-resize`: Fired when the number of cells drawn changes, with the new number.
    *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
+   * - `empty`: Content shown under the strip when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
    * - `end`: Below the strip, at the trailing edge: usually the newest date.
+   * - `loading`: Content shown under the strip while `loading` is set and there are no readings yet. Falls back to `loading-text`.
    * - `start`: Below the strip, at the leading edge: usually the oldest date.
    * - `summary`: Below the strip, in the middle: a summary of the range shown.
    *
@@ -48914,12 +49101,15 @@ export type CustomElements = {
    * - `cell`: One reading.
    * - `cell-active`: The cell the pointer or the keys rest on. Set alongside `cell`.
    * - `cell-selected`: A cell that is selected, under `selection-mode`. Set alongside `cell`.
-   * - `empty`: Shown when the table has no readings. It stays hidden until the table can be read: on the server and during hydration, there is no document to resolve `for` in.
+   * - `empty`: The words under the strip 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, there being no document to resolve `for` in.
    * - `end`: The trailing slot's box.
    * - `footer`: The three-slot row under the strip.
    * - `live`: The readout: a polite live region that says the cell the keys moved to. Hide it visually.
+   * - `loading`: The words under the strip while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
    * - `overview`: The busiest reading and the total of the readings drawn, written as a sentence for screen readers, which describes the strip. Rendered once there are cells. Hide it visually.
+   * - `plot`: The same element as `strip`, under the name every chart gives the drawing that takes focus.
+   * - `row`: A column of cells, which a grid reads as a row, under `selection-mode`. It draws no box.
    * - `selection`: A polite region that says how many cells are selected after a change, rendered from the first change. Hide it visually.
    * - `start`: The leading slot's box.
    * - `strip`: The grid of cells, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
@@ -48948,6 +49138,7 @@ export type CustomElements = {
    *
    * - `active`: While a cell is shown, under the pointer or the keys, with its tooltip open.
    * - `empty`: While the `empty` part stands in place of the cells.
+   * - `loading`: While the `loading` part stands in place of the cells.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-heatmap": Partial<
@@ -49154,6 +49345,15 @@ export type CustomElements = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -53197,6 +53397,9 @@ export type CustomElements = {
    * `focus()` above already puts focus on the control inside the row rather than
    * on the row, which is the whole of what moving here means.
    * - `select() => void`: Chooses the row, the same as pressing it.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Parts
    *
@@ -54033,6 +54236,12 @@ export type CustomElements = {
    * shows no timestamp rather than showing the epoch, which is what parsing an
    * empty string would give.
    * - `default-read`/`defaultRead`: Whether the notification starts as read, used until `read` is set.
+   * - `dismiss-label`/`dismissLabel`: The dismiss control's name, read by screen readers, with `{label}` for the
+   * row's own words.
+   *
+   * One sentence with the words in it, so a translation puts them where its
+   * language does: `registerWords('de', { 'helix-notification': { dismissLabel:
+   * '{label} schließen' } })`.
    * - `locale`: Locale for the timestamp.
    *
    * Empty is the runtime's own.
@@ -54054,16 +54263,6 @@ export type CustomElements = {
    * The unread mark is drawn, so a reader who cannot see it hears this word in
    * its place. Translate it with the rest of your interface.
    * - `dismissible`: Whether the element shows a control that dismisses it.
-   * - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
-   *
-   * `attribute` is spelled out because Lit lowercases a property name to
-   * derive one rather than dash-casing it, so this would otherwise be
-   * reachable only as `dismisslabel`, which nobody would guess and no linter
-   * would catch.
-   *
-   * A word property: register it for a locale under the host's key. A family
-   * that names the control otherwise, such as Tag's `Remove {label}`,
-   * declares its own English with `@words` above the override.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -59311,6 +59510,9 @@ export type CustomElements = {
    * - `focus(options?: FocusOptions) => void`: Puts focus on the control inside the item.
    * - `focusItem() => void`: Moves focus to the action. Part of `NavigableItem`, which the shared
    * keyboard controller uses for the arrow keys.
+   * - `click() => void`: Presses the action, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the action and follows its link, once.
    * - `select() => void`: Chooses the action, the same as pressing it.
    *
    * ## CSS Parts
@@ -61634,6 +61836,9 @@ export type CustomElements = {
    * listener refused it, or where the tab is not dismissible or is disabled.
    * The tab stays where it is either way: removing it is yours. Where the tab
    * had focus, focus moves to the tab beside it once you remove it.
+   * - `click() => void`: Presses the tab, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * selects the tab, or follows its link, once.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is
@@ -68925,6 +69130,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the button's form changes.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
    *
@@ -73421,6 +73635,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -76071,6 +76294,9 @@ export type CustomElementsSolidJs = {
    *
    * - `focusItem() => void`: Moves focus onto the row itself.
    * - `select() => void`: Fires `helix-select` for this row.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Parts
    *
@@ -77257,9 +77483,15 @@ export type CustomElementsSolidJs = {
    *
    * **The picker has an entry of its own.** `FilterMenu` draws its pages with
    * `Menu`, which a field without a picker does not need, so this family's entry
-   * leaves it out. A page that writes one imports
-   * `@fusion.dev/helix/filter-input/menu` as well, and a picker written without it
-   * is reported once the page has loaded, with the entry to add.
+   * leaves it out. A page that writes a `FilterMenu` imports both entries:
+   *
+   * ```js
+   * import '@fusion.dev/helix/filter-input'
+   * import '@fusion.dev/helix/filter-input/menu'
+   * ```
+   *
+   * A picker written without the second is reported once the page has loaded,
+   * with the entry to add.
    *
    * **Suggestions.** Slot options into `suggestions` and the field shows them,
    * moves through them with the arrow keys, and presses one on Enter. The option
@@ -77275,6 +77507,24 @@ export type CustomElementsSolidJs = {
    * completion back and put the caret after it, or the next parse reads the wrong
    * term.
    *
+   * **Suggestions from a source.** Set `source` to a function, and the field asks
+   * it for suggestions as the text changes and draws them as options in the
+   * panel. It is given the term at the caret, the field the term is a value of,
+   * the whole text, and an `AbortSignal`, and returns the suggestions or a
+   * promise of them. `filter-delay` waits for typing to rest before asking, and
+   * a later keystroke aborts a request still out. While a promise is pending, the
+   * panel shows `loading-text` and a screen reader hears it, then the count.
+   * Choosing a suggestion writes its value over the term at the caret, and a
+   * finished `field:value` is read into a chip as Enter would. Cancel its
+   * `helix-select` to write it yourself.
+   *
+   * ```js
+   * filter.source = async ({ field, term, signal }) => {
+   *   const response = await fetch(`/values?field=${field}&q=${term}`, { signal })
+   *   return response.json()
+   * }
+   * ```
+   *
    * **State.** Three things have three different owners:
    *
    * - `value` is the text. The user types, the element applies it, and `input`
@@ -77316,6 +77566,9 @@ export type CustomElementsSolidJs = {
    * them.
    * - `clear-label`/`clearLabel`: The name of the clear button, read by screen readers. The button shows only
    * an icon.
+   * - `filter-delay`/`filterDelay`: How long typing rests before `source` is asked, in milliseconds. A delay
+   * sends one request for a word in place of one for each letter. The arrow
+   * keys and Enter ask at once. `0` asks on every keystroke.
    * - `filter-suggestions`/`filterSuggestions`: Whether the panel narrows itself to the suggestions that hold the term
    * being typed, as React Aria's Autocomplete filters. Off, the panel shows
    * what you slot and you narrow it.
@@ -77423,6 +77676,12 @@ export type CustomElementsSolidJs = {
    * imperatively later, and nothing is hydrating by then.
    *
    * Here rather than on each control.
+   * - `source`: Where the suggestions come from: a function given the term at the caret,
+   * the field it is a value of, the whole text, and an `AbortSignal`, which
+   * returns the suggestions or a promise of them. Each is a string, or a
+   * `value` with a `label` and `disabled`. The field draws them as options in
+   * the panel, beside any you slot. A property only, there being no way to
+   * write a function in markup. See the class description. (property only)
    * - `selectionDirection`: The direction of the selection, named as on `<input>`.
    *
    * **Published for the reason `Input` publishes them, and this element needs
@@ -77479,7 +77738,7 @@ export type CustomElementsSolidJs = {
    * - `helix-before-open`: Fired before the suggestions open. Cancelable: call `preventDefault()` to keep them closed.
    * - `helix-dismiss`: Fired when the user removes a token with its remove button or with Backspace in an empty field. A `FilterChip` that names a declared field sends `helix-facet` instead. Cancelable: call `preventDefault()` to keep the token.
    * - `helix-facet`: Fired when a filter changes, whether it was typed, picked, or removed. Cancelable: call `preventDefault()` to leave the text and the chip as they were.
-   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on a choice; you decide what it does.
+   * - `helix-select`: Fired by an option in `suggestions` when it is chosen, and bubbles out of the field. Cancelable: call `preventDefault()` to stop other listeners acting on it. The field takes no action on an option you slotted, and you decide what it does. A suggestion from `source` is written over the term at the caret unless you cancel it.
    * - `input`: Fired when the text changes.
    * - `toggle`: Fired when the suggestions panel opens or closes, with `newState` and `oldState`.
    *
@@ -77586,7 +77845,7 @@ export type CustomElementsSolidJs = {
    * - `label`: The label above the field.
    * - `lead`: The box before the text that holds the `start` slot.
    * - `live`: The live region that says how many suggestions the open panel offers. It is rendered from the first time the panel opens with suggestions.
-   * - `loading`: Shown in the panel while the suggestions load.
+   * - `loading`: Shown in the panel while the suggestions load: while `loading` is set, or a request to `source` is out.
    * - `rest`: The count of tokens that did not fit. It is a `<button>` with `expandable` and a `<span>` without it.
    * - `surface`: The floating panel the suggestions sit in.
    * - `tags`: The row the tokens sit in.
@@ -77596,7 +77855,7 @@ export type CustomElementsSolidJs = {
    * These can be used to apply styling when a component is in a given state.
    *
    * - `invalid`: The field has an error to show, from the browser's validation or from your `feedback`.
-   * - `loading`: While `loading` is set.
+   * - `loading`: While `loading` is set, or a request to `source` is out.
    * - `no-results`: `filter-suggestions` hid every suggestion, and `no-results-text` or the `no-results` slot says so.
    * - `open`: The suggestions are open.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -77818,6 +78077,23 @@ export type CustomElementsSolidJs = {
    * Set `depth` to show the local graph: only the notes within that many links
    * of the selected one.
    *
+   * The search field is a combobox over the list. Down and Up move through the
+   * notes while the focus stays in the field, and Enter selects one.
+   *
+   * **Walk the links with Alt and the arrow keys**, in the list or in the
+   * search field once its keys are on a note. The note the keys are on is
+   * marked in the drawing.
+   *
+   * | Key | What it does |
+   * |---|---|
+   * | Alt+Right | Follows a link, to the first note the one the keys are on links to or from. |
+   * | Alt+Down, Alt+Up | Moves to the next or the previous note linked to the one the step came from, wrapping. |
+   * | Alt+Left | Goes back along the links walked. |
+   *
+   * Right and Left swap on a right-to-left page. Each step says the note, how it
+   * stands to the note it came from, and its place among that note's links,
+   * such as "Hiring plan. Linked from Roadmap. 2 of 3". Enter selects the note.
+   *
    * Set `legend` to name the groups over the drawing, each a button that shows
    * or hides its notes. `hiddenGroups` holds the groups turned off, and the
    * list holds only what the drawing shows. The legend is a toolbar and one tab
@@ -77853,6 +78129,9 @@ export type CustomElementsSolidJs = {
    * - `legend`: Names the groups over the drawing, each a button in its color that shows
    * or hides its notes. Drawn where the notes have two groups or more.
    * - `legend-label`/`legendLabel`: The legend's name, read by screen readers.
+   * - `link-count-label`/`linkCountLabel`: What screen readers hear when a walk along the links reaches a note that
+   * has no link to follow, or goes back to a note: `{note}` for its name and
+   * `{count}` for how many notes the list holds that it links to or from.
    * - `linked-both-label`/`linkedBothLabel`: How a note linked both to and from the selected one is described, with `{note}`.
    * - `linked-from-label`/`linkedFromLabel`: How a note the selected one links to is described, with `{note}`, the selected note's name.
    * - `links-to-label`/`linksToLabel`: How a note that links to the selected one is described, with `{note}`.
@@ -77877,6 +78156,10 @@ export type CustomElementsSolidJs = {
    * the list then holds, written with `count-label`.
    * - `two-finger-hint-label`/`twoFingerHintLabel`: The hint shown when one finger swipes over the graph with `gestures="cooperative"`.
    * - `using-label`/`usingLabel`: The line shown while the graph, with `gestures="activate"`, has the gestures.
+   * - `walk-label`/`walkLabel`: What screen readers hear when a walk along the links moves to a note:
+   * `{note}` for its name, `{relation}` for how it stands to the note the
+   * step came from, such as "Linked from Roadmap", and `{index}` and `{count}`
+   * for its place among that note's links.
    * - `wheel-hint-label`/`wheelHintLabel`: The hint shown when the wheel scrolls past the graph with
    * `gestures="cooperative"`. `{key}` is ⌘ on a Mac and Ctrl elsewhere.
    * - `zoomed-in-label`/`zoomedInLabel`: What screen readers hear once the drawing has zoomed in, after `moved()`.
@@ -78010,7 +78293,7 @@ export type CustomElementsSolidJs = {
    * - `helix-graph-filter`: A group in the legend was pressed, to show or hide its notes. The detail's `hidden` is every group that would be hidden. Cancelable: cancel it to keep the groups as they were, or to set `hiddenGroups` yourself.
    * - `helix-graph-layout`: A layout settled, with where it put each note, sent by `laidOut()`. Keep the positions and pass them back as each note's `x` and `y`, and `z` where a renderer draws in three dimensions.
    * - `helix-graph-pan`: A pan button or arrow key was pressed. `connectGraph` moves the drawing, then calls `moved()`.
-   * - `helix-graph-part-change`: The notes, the links, the selection, the depth or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
+   * - `helix-graph-part-change`: The notes, the links, the selection, the depth, the note the keys are on, or the gestures changed. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-ready`: The graph has been drawn whole, laid out and settled. Sent each time `drawn()` says it is drawn after it was not.
    * - `helix-graph-signal`: Something passed between two notes, sent by `signal()`. Used by `connectGraph`; pages do not need to listen for it.
    * - `helix-graph-zoom`: A zoom button or key was pressed. `connectGraph` zooms the drawing, then calls `moved()`.
@@ -78180,6 +78463,25 @@ export type CustomElementsSolidJs = {
    * `helix-before-change` and tells with `change`, and the `selection` part says
    * how many are selected, in `selection-label`.
    *
+   * **Under `selection-mode` the strip is a grid**, so the selection is state a
+   * reader is told rather than words alone: each column of the strip is a `row`,
+   * a week with `rows="7"`, and each cell a `gridcell` named by its row in the
+   * table and carrying `aria-selected`. The strip says
+   * `aria-multiselectable` under `multiple` and points at the cell the keys rest
+   * on with `aria-activedescendant`, so a screen reader reads that cell, and the
+   * `live` part stays quiet. Without `selection-mode` nothing is selectable, and
+   * the strip is an application with the readout, as every chart's plot is.
+   *
+   * **Readings are sent as every chart sends them.** `helix-reading-change`
+   * says each move of the reading, by pointer, tap or key, and
+   * `helix-reading-press` a reading clicked, tapped, or pressed with Enter or
+   * Space, each with the row of the table in `index`.
+   *
+   * **Nothing to draw.** A table with no readings shows `empty-text`, "No
+   * readings", under the strip, and `loading` shows `loading-text` there until
+   * readings arrive. The `empty` and `loading` slots take markup in place of
+   * either, as on every chart.
+   *
    * **Keyboard.** The strip is one tab stop once it has cells.
    *
    * | Key | What it does |
@@ -78189,7 +78491,7 @@ export type CustomElementsSolidJs = {
    * | Right, Left | Moves a column on or back, a week with `rows="7"`. On a right-to-left page, Left moves on. |
    * | Home, End | Moves to the first or the last cell. |
    * | Page Down, Page Up | Moves a month on or back where the rows carry dates, and four columns otherwise. |
-   * | Enter, Space | Selects the cell, or lets it go, under `selection-mode`. |
+   * | Enter, Space | Presses the cell, which sends `helix-reading-press`, and selects it or lets it go under `selection-mode`. |
    * | Shift with an arrow, Home, End, Page Up or Page Down | Selects every cell from the last one pressed to where the key went, under `selection-mode="multiple"`. |
    * | Escape | Puts the cell's tooltip away. |
    *
@@ -78199,10 +78501,6 @@ export type CustomElementsSolidJs = {
    *
    * - `busiest-label`/`busiestLabel`: The name the `overview` gives the busiest reading, `{busiestLabel}` in
    * `overview-label`.
-   * - `empty-text`/`emptyText`: Shown when the table has no readings in it.
-   *
-   * Never shown while the table cannot be read at all, which is a server render
-   * and the hydrating one after it: see `sourceKnown`.
    * - `gap`: Space between cells, in CSS pixels. It is a number for the same reason
    * `min-cell` is.
    * - `min-cell`/`minCell`: The smallest a cell may get before the strip draws fewer of them, in CSS pixels.
@@ -78233,9 +78531,7 @@ export type CustomElementsSolidJs = {
    * calendar heatmap does: a week is a column, so the strip reads along the
    * line in weeks, from the right on a right-to-left page, and top to bottom in
    * days.
-   * - `selected-label`/`selectedLabel`: What the readout adds for a selected cell, under `selection-mode`, after
-   * where the cell stands: "Day 1: 0 (1 of 14, selected)". Empty adds
-   * nothing.
+   * - `selected-label`/`selectedLabel`: What the readout added for a selected cell, under `selection-mode`.
    * - `selection-label`/`selectionLabel`: What the `selection` part says after the selection changes. `{count}` is
    * how many cells are selected, written in the locale, and a language that
    * needs plural forms writes them: `{count, plural, one {# wybrany} few
@@ -78269,6 +78565,16 @@ export type CustomElementsSolidJs = {
    *
    * Set it to start with cells selected. Written by a press or a key under
    * `selection-mode`.
+   * - `empty-text`/`emptyText`: The words shown in place of the drawing when the table has no readings,
+   * and the fallback of the `empty` slot.
+   * - `loading`: Whether the readings are still on their way. The chart shows
+   * `loading-text` in place of an empty drawing until it has readings.
+   *
+   * Reflected, so a stylesheet can treat the chart while it waits. A chart
+   * that already has readings keeps drawing them, so a refresh does not
+   * blank it.
+   * - `loading-text`/`loadingText`: The words shown in place of the drawing while `loading` is set and
+   * there are no readings yet, and the fallback of the `loading` slot.
    * - `for`: The id of the table to read.
    *
    * Names a table in the same tree, so a chart inside another component's
@@ -78381,13 +78687,17 @@ export type CustomElementsSolidJs = {
    *
    * - `change`: Fired once a press or a key has changed which cells are selected.
    * - `helix-before-change`: Fired before a press or a key changes which cells are selected, with the `value` it would leave. Cancelable.
+   * - `helix-reading-change`: The reading shown moved, or was put away: `index` is the row, or `-1` for none, with its `label`, the `series` the keys rest on, and the `pointerType` that moved it.
+   * - `helix-reading-press`: A reading was clicked, tapped, or pressed with Enter or Space, with the same detail as `helix-reading-change`.
    * - `helix-resize`: Fired when the number of cells drawn changes, with the new number.
    *
    * ## Slots
    *
    * Areas where markup can be added to the component.
    *
+   * - `empty`: Content shown under the strip when the table has no readings, such as a link to add the first. Falls back to `empty-text`.
    * - `end`: Below the strip, at the trailing edge: usually the newest date.
+   * - `loading`: Content shown under the strip while `loading` is set and there are no readings yet. Falls back to `loading-text`.
    * - `start`: Below the strip, at the leading edge: usually the oldest date.
    * - `summary`: Below the strip, in the middle: a summary of the range shown.
    *
@@ -78454,12 +78764,15 @@ export type CustomElementsSolidJs = {
    * - `cell`: One reading.
    * - `cell-active`: The cell the pointer or the keys rest on. Set alongside `cell`.
    * - `cell-selected`: A cell that is selected, under `selection-mode`. Set alongside `cell`.
-   * - `empty`: Shown when the table has no readings. It stays hidden until the table can be read: on the server and during hydration, there is no document to resolve `for` in.
+   * - `empty`: The words under the strip 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, there being no document to resolve `for` in.
    * - `end`: The trailing slot's box.
    * - `footer`: The three-slot row under the strip.
    * - `live`: The readout: a polite live region that says the cell the keys moved to. Hide it visually.
+   * - `loading`: The words under the strip while `loading` is set and there are no readings: the `loading` slot, falling back to `loading-text`.
    * - `mark`: The invisible point the tooltip is anchored to.
    * - `overview`: The busiest reading and the total of the readings drawn, written as a sentence for screen readers, which describes the strip. Rendered once there are cells. Hide it visually.
+   * - `plot`: The same element as `strip`, under the name every chart gives the drawing that takes focus.
+   * - `row`: A column of cells, which a grid reads as a row, under `selection-mode`. It draws no box.
    * - `selection`: A polite region that says how many cells are selected after a change, rendered from the first change. Hide it visually.
    * - `start`: The leading slot's box.
    * - `strip`: The grid of cells, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
@@ -78488,6 +78801,7 @@ export type CustomElementsSolidJs = {
    *
    * - `active`: While a cell is shown, under the pointer or the keys, with its tooltip open.
    * - `empty`: While the `empty` part stands in place of the cells.
+   * - `loading`: While the `loading` part stands in place of the cells.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
   "helix-headless-heatmap": Partial<
@@ -78697,6 +79011,15 @@ export type CustomElementsSolidJs = {
    *
    * Methods that can be called to access component functionality.
    *
+   * - `click() => void`: Presses the button, as `click()` presses a native one: the command is sent,
+   * the form submits or resets, and `helix-press` says `virtual`.
+   *
+   * **Passed to the inner control, because a click on the host reaches nothing
+   * that acts.** The control in the shadow root is what answers a click, so
+   * `click()` from a script, an automation or a test, dispatched on the host,
+   * submitted nothing and sent no `helix-press`. The control's own click reaches
+   * the host's listeners once, retargeted, as one from a native button does. A
+   * disabled button does nothing, and a pending one refuses the press.
    * - `formAssociatedCallback(form: HTMLFormElement | null) => void`: Called by the browser when the control's form changes: watches the new
    * form's `checkValidity()`, as connecting does for the form it starts in.
    * - `formDisabledCallback(disabled: boolean) => void`: Called by the browser when an ancestor fieldset is disabled or enabled.
@@ -82801,6 +83124,9 @@ export type CustomElementsSolidJs = {
    * `focus()` above already puts focus on the control inside the row rather than
    * on the row, which is the whole of what moving here means.
    * - `select() => void`: Chooses the row, the same as pressing it.
+   * - `click() => void`: Presses the row, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the row, or follows its link, once.
    *
    * ## CSS Parts
    *
@@ -83649,6 +83975,12 @@ export type CustomElementsSolidJs = {
    * shows no timestamp rather than showing the epoch, which is what parsing an
    * empty string would give.
    * - `default-read`/`defaultRead`: Whether the notification starts as read, used until `read` is set.
+   * - `dismiss-label`/`dismissLabel`: The dismiss control's name, read by screen readers, with `{label}` for the
+   * row's own words.
+   *
+   * One sentence with the words in it, so a translation puts them where its
+   * language does: `registerWords('de', { 'helix-notification': { dismissLabel:
+   * '{label} schließen' } })`.
    * - `locale`: Locale for the timestamp.
    *
    * Empty is the runtime's own.
@@ -83670,16 +84002,6 @@ export type CustomElementsSolidJs = {
    * The unread mark is drawn, so a reader who cannot see it hears this word in
    * its place. Translate it with the rest of your interface.
    * - `dismissible`: Whether the element shows a control that dismisses it.
-   * - `dismiss-label`/`dismissLabel`: The dismiss control's label, read by screen readers.
-   *
-   * `attribute` is spelled out because Lit lowercases a property name to
-   * derive one rather than dash-casing it, so this would otherwise be
-   * reachable only as `dismisslabel`, which nobody would guess and no linter
-   * would catch.
-   *
-   * A word property: register it for a locale under the host's key. A family
-   * that names the control otherwise, such as Tag's `Remove {label}`,
-   * declares its own English with `@words` above the override.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
    *
    * **Named `whenSettled` because `settled` is taken four times over**, by
@@ -88982,6 +89304,9 @@ export type CustomElementsSolidJs = {
    * - `focus(options?: FocusOptions) => void`: Puts focus on the control inside the item.
    * - `focusItem() => void`: Moves focus to the action. Part of `NavigableItem`, which the shared
    * keyboard controller uses for the arrow keys.
+   * - `click() => void`: Presses the action, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * chooses the action and follows its link, once.
    * - `select() => void`: Chooses the action, the same as pressing it.
    *
    * ## CSS Parts
@@ -91343,6 +91668,9 @@ export type CustomElementsSolidJs = {
    * listener refused it, or where the tab is not dismissible or is disabled.
    * The tab stays where it is either way: removing it is yours. Where the tab
    * had focus, focus moves to the tab beside it once you remove it.
+   * - `click() => void`: Presses the tab, as `click()` presses a native button: passed to the
+   * control inside, which is what answers a click, so a script's `click()`
+   * selects the tab, or follows its link, once.
    * - `focusItem() => void`: Moves focus to the item's control, for the set's arrow keys.
    *
    * The set drives the keys and cannot reach the control itself, which is