@fusion.dev/helix-headless 0.164.0 → 0.165.0

package/custom-elements.json

@@ -49934,7 +49934,7 @@
                 "text": "readonly string[] | undefined"
               },
               "privacy": "protected",
-              "description": "Each date, where `mode` holds several, sent one entry each.\n\nOne date that is text and no date, such as `August 5`, is sent as an empty\nentry, as a native date field sends a date it cannot read.",
+              "description": "Each date, where `mode` holds several, sent one entry each.\n\nText that is no date, such as `August 5`, is sent as one empty entry, as\na native date field sends a date it cannot read, in every mode.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "MixinPickerField",
@@ -50514,6 +50514,81 @@
                 "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "edit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Applies an editing key to the segment, the arrows, Backspace, a digit or\na letter, and says whether it edited anything.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "composing",
+              "type": {
+                "text": "[Node, string | null][]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "What the segment's text was when a composition started to write into it.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSegmentBeforeInput",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Text a touch keyboard writes into a segment, which arrives as input and\nnot as a key: an on-screen keyboard sends `Unidentified` for its keys,\nso a digit tapped on a phone is read here, as React Aria's segments read\nit. Every input is canceled, so the segment holds only what the field\ndraws in it.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSegmentInput",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "collapseSelection",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Keeps the caret at the start of the segment with focus, where Chromium\nfires input for a typed key, and where Android's keyboard does not\ncompose over the segment's text. A selection already there, or outside\nthe segment, is left alone.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleSegmentKeydown",
@@ -72046,7 +72121,7 @@
               "type": {
                 "text": "'long' | 'narrow' | 'short' | undefined"
               },
-              "description": "Shows how long ago the timestamp was, or how long until it, in words, in\nplace of the date: `long` (\"3 hours ago\"), `short` (\"3 hr. ago\") or\n`narrow` (\"3h ago\").\n\nThe reading refreshes as it goes stale, as `elapsed` does, and the whole\ndate is its title. `elapsed` wins where both are set.",
+              "description": "Shows how long ago the timestamp was, or how long until it, in words, in\nplace of the date: `long` (\"3 hours ago\"), `short` (\"3 hr. ago\") or\n`narrow` (\"3h ago\").\n\nThe reading refreshes as it goes stale, as `elapsed` does, and the whole\ndate is its title. `elapsed` wins where both are set. Written with no\nvalue, as `elapsed` is, or with a style `Intl` does not know, it reads\n`long`.",
               "attribute": "relative"
             },
             {
@@ -72693,7 +72768,7 @@
               "type": {
                 "text": "'long' | 'narrow' | 'short' | undefined"
               },
-              "description": "Shows how long ago the timestamp was, or how long until it, in words, in\nplace of the date: `long` (\"3 hours ago\"), `short` (\"3 hr. ago\") or\n`narrow` (\"3h ago\").\n\nThe reading refreshes as it goes stale, as `elapsed` does, and the whole\ndate is its title. `elapsed` wins where both are set.",
+              "description": "Shows how long ago the timestamp was, or how long until it, in words, in\nplace of the date: `long` (\"3 hours ago\"), `short` (\"3 hr. ago\") or\n`narrow` (\"3h ago\").\n\nThe reading refreshes as it goes stale, as `elapsed` does, and the whole\ndate is its title. `elapsed` wins where both are set. Written with no\nvalue, as `elapsed` is, or with a style `Intl` does not know, it reads\n`long`.",
               "fieldName": "relative"
             },
             {
@@ -87220,6 +87295,23 @@
               "description": "The items, read from the host.\n\n**`knownChildren` and not `children`**, which is undefined on the server:\nspreading it threw the first time a lightbox was rendered there open,\nwhich is the first time anything asked it for its items on a server.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The set changed: render it again.\n\n`items` is read on each render and nothing else marks a render as due when\nan item arrives or leaves, so an item appended after the first render had\nno role description, no place in the set, and no part in the count until\nsome unrelated property changed."
+            },
+            {
+              "kind": "field",
+              "name": "itemWatch",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "default": "undefined",
+              "description": "Watches each item's `label` and `value`, which no slot reports.\n\n`value` decides which item `active` names, and `label` fills `{label}` in\n`status-label` and `slide-label`. A change to either left the old item\nshown, or the old words in the counter, until some unrelated property\nchanged. `Select` watches its options for the same reason.\n\nThe subtree, since an observer on the host sees no attribute on its\nchildren otherwise. Only changes on the items themselves count: a `<progress\nvalue>` inside an item, updated while a video plays, would otherwise render\nthe viewer again on each update.\n\nMade on connection, there being no `MutationObserver` on a server."
+            },
             {
               "kind": "field",
               "name": "dialog",
@@ -87414,6 +87506,16 @@
               ],
               "description": "Home and End, which are an index rather than a step."
             },
+            {
+              "kind": "field",
+              "name": "zoomedItem",
+              "type": {
+                "text": "HelixHeadlessLightboxItem | undefined"
+              },
+              "privacy": "private",
+              "default": "undefined",
+              "description": "The item shown at the last update, whose zoom a different item does not keep."
+            },
             {
               "kind": "field",
               "name": "shown",
@@ -115159,7 +115261,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "A separate family from `Input`'s `type=\"number\"`. It renders two buttons,\nbinds four keys `Input` does not, and handles clamping and stepping.\n\nThe field is `type=\"text\"` with `inputmode=\"decimal\"`. Tested in a real\nbrowser, `type=\"number\"` fails in three ways:\n- Typing `12e` gives a `.value` of `\"\"`, so the element cannot see what you\n  typed. A `type=\"text\"` field keeps `\"12e\"`.\n- The mouse wheel over a focused field changes the value, for example from 5\n  to 4, when you only meant to scroll the page.\n- `selectionStart` is `null`, so the caret cannot be managed.\n\n`inputmode=\"decimal\"` keeps the numeric keypad on phones.\n\n`format-options` shows the number with `Intl.NumberFormat` in `locale`, as a\ncurrency, a percent or a unit, while the field is not being edited. Focus\nshows the number itself, and a typed `$1,200` or `25%` is read back with the\nsame options. The value stays the plain number: `1200`, or `0.25` for 25%.\nThe locale's group separators are read in every field, so `1,234` is a\nnumber in `en-US`.\n\nThe field and its two buttons sit in a `role=\"group\"` named by the label,\nand the field carries `role-label`, \"number field\" in English, as its\n`aria-roledescription`, as React Aria's NumberField does. On iOS and iPadOS the field is a plain text\nfield, with no `role=\"spinbutton\"`, which VoiceOver reads as a slider you\ncannot type in, and no role description, so VoiceOver says the field is\nrequired. React Aria's NumberField does the same.\n\nValidity follows the platform's rules: `min`, `max`, and `step` are checked\nand reported through the host's own `setValidity`, under the platform's flag\nnames.\n\nStepping is separate from typing, so a number is not corrected while you type\nit. While you type, the form holds the number the text reads as, so a field\nshowing `$2,500.50` gives the form 2500.5, and text that is not a number\ngives it nothing, as a native number field does.\n\nHolding a stepper button down steps once, then again after 400 milliseconds,\nthen every 60 milliseconds until you let go, as React Aria's NumberField does.\n\n**Keyboard.** The field is one tab stop, and the stepper buttons are not in\nthe tab order.\n\n| Key | What it does |\n|---|---|\n| Up, Down | Steps the value up or down by `step`. |\n| Page Up, Page Down | Steps by `large-step` steps, ten by default. |\n| Home, End | Goes to `min` or `max`, where there is one. Without one, moves the caret. |\n| Enter | Commits the typed number and submits the form, as a native field does. |\n\nThe field has `role=\"spinbutton\"` with `aria-valuenow`, `aria-valuemin`,\n`aria-valuemax`, and the formatted text in `aria-valuetext`.",
+          "description": "A separate family from `Input`'s `type=\"number\"`. It renders two buttons,\nbinds four keys `Input` does not, and handles clamping and stepping.\n\nThe field is `type=\"text\"` with an `inputmode` for a number. Tested in a real\nbrowser, `type=\"number\"` fails in three ways:\n- Typing `12e` gives a `.value` of `\"\"`, so the element cannot see what you\n  typed. A `type=\"text\"` field keeps `\"12e\"`.\n- The mouse wheel over a focused field changes the value, for example from 5\n  to 4, when you only meant to scroll the page.\n- `selectionStart` is `null`, so the caret cannot be managed.\n\n`inputmode` keeps a numeric keypad on phones, chosen as React Aria's\nNumberField chooses it: a keypad with a minus key where the number can be\nnegative, and one with a decimal separator where the format shows a\nfraction. An iPhone has no keypad with a minus key, so a field that can be\nnegative takes the full keyboard there.\n\n`format-options` shows the number with `Intl.NumberFormat` in `locale`, as a\ncurrency, a percent or a unit, while the field is not being edited. Focus\nshows the number itself, and a typed `$1,200` or `25%` is read back with the\nsame options. The value stays the plain number: `1200`, or `0.25` for 25%.\nThe locale's group separators are read in every field, so `1,234` is a\nnumber in `en-US`.\n\nThe field and its two buttons sit in a `role=\"group\"` named by the label,\nand the field carries `role-label`, \"number field\" in English, as its\n`aria-roledescription`, as React Aria's NumberField does. On iOS and iPadOS the field is a plain text\nfield, with no `role=\"spinbutton\"`, which VoiceOver reads as a slider you\ncannot type in, and no role description, so VoiceOver says the field is\nrequired. React Aria's NumberField does the same.\n\nValidity follows the platform's rules: `min`, `max`, and `step` are checked\nand reported through the host's own `setValidity`, under the platform's flag\nnames.\n\nStepping is separate from typing, so a number is not corrected while you type\nit. While you type, the form holds the number the text reads as, so a field\nshowing `$2,500.50` gives the form 2500.5, and text that is not a number\ngives it nothing, as a native number field does.\n\nHolding a stepper button down steps once, then again after 400 milliseconds,\nthen every 60 milliseconds until you let go, as React Aria's NumberField does.\n\n**Keyboard.** The field is one tab stop, and the stepper buttons are not in\nthe tab order.\n\n| Key | What it does |\n|---|---|\n| Up, Down | Steps the value up or down by `step`. |\n| Page Up, Page Down | Steps by `large-step` steps, ten by default. |\n| Home, End | Goes to `min` or `max`, where there is one. Without one, moves the caret. |\n| Enter | Commits the typed number and submits the form, as a native field does. |\n\nThe field has `role=\"spinbutton\"` with `aria-valuenow`, `aria-valuemin`,\n`aria-valuemax`, and the formatted text in `aria-valuetext`.",
           "name": "HelixHeadlessNumberInput",
           "cssParts": [
             {
@@ -115432,9 +115534,9 @@
               "kind": "field",
               "name": "step",
               "type": {
-                "text": "number | undefined"
+                "text": "number | 'any' | undefined"
               },
-              "description": "How far one step moves. A value off the step grid, counted from `min`, is\ninvalid, as it is in a native number field.\n\nUnset, a step moves by one, or by one percent under a percent format, and\na typed number is rounded to the smallest amount `format-options` shows\nrather than to whole steps, as React Aria's NumberField does: a field\nshowing dollars keeps the cents typed into it. Without `format-options`\nthe grid is whole numbers, as in a native number field.",
+              "description": "How far one step moves. A value off the step grid, counted from `min`, is\ninvalid, as it is in a native number field.\n\nUnset, a step moves by one, or by one percent under a percent format, and\na typed number is rounded to the smallest amount the format shows, as\nReact Aria's NumberField does: a field showing dollars keeps the cents\ntyped into it, and one with no `format-options` keeps three decimal\nplaces. `any` puts the number on no grid, as it does in a native number\nfield: a step moves by one, and any number in range is valid.",
               "attribute": "step"
             },
             {
@@ -115510,6 +115612,23 @@
               "readonly": true,
               "description": "Whether this is an iPhone or an iPad, read once on the client. A server\nhas no navigator and renders the spinbutton."
             },
+            {
+              "kind": "field",
+              "name": "phone",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The phone the field is on, read once on the client, for the keypad it offers."
+            },
+            {
+              "kind": "field",
+              "name": "keypad",
+              "type": {
+                "text": "'decimal' | 'numeric' | 'text'"
+              },
+              "privacy": "private",
+              "description": "The keypad a phone shows, as React Aria's NumberField chooses it.\n`numeric` on Android has a minus key and a decimal separator, and\n`decimal` has no minus key. On an iPhone neither has a minus key, so a\nnumber that can be negative takes the full keyboard. Measured before\nthis: `decimal` with `min=\"-10\"`, so a phone could not type the minus.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "control",
@@ -115538,6 +115657,16 @@
               "privacy": "private",
               "description": "The grain last read off the format, with the locale and options it was read for."
             },
+            {
+              "kind": "field",
+              "name": "stepSize",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "description": "The step as a number, or zero where it is unset or `any`.",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "stride",
@@ -115555,7 +115684,7 @@
                 "text": "number"
               },
               "privacy": "private",
-              "description": "The grid a typed number is rounded to: `step` where it is set, and\notherwise the smallest amount the format shows, or whole numbers.",
+              "description": "The grid a typed number is rounded to: `step` where it is set, nothing\nwhere it is `any`, and otherwise the smallest amount the format shows.\nMeasured before this: with no step and no format, `2,75` typed in German\nbecame 3 on blur.",
               "readonly": true
             },
             {
@@ -115717,6 +115846,13 @@
               "readonly": true,
               "description": "A stepper button pressed with a pointer steps at once, and again while it\nis held.\n\nCaptured, so letting go outside the button still ends the hold. A click\nwith no press before it, from a screen reader or a script, steps once in\n`handleStepperClick`."
             },
+            {
+              "kind": "field",
+              "name": "handleStepperMouseDown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Keeps a pressed stepper from taking focus from the field."
+            },
             {
               "kind": "field",
               "name": "stopRepeat",
@@ -117364,9 +117500,9 @@
             {
               "name": "step",
               "type": {
-                "text": "number | undefined"
+                "text": "number | 'any' | undefined"
               },
-              "description": "How far one step moves. A value off the step grid, counted from `min`, is\ninvalid, as it is in a native number field.\n\nUnset, a step moves by one, or by one percent under a percent format, and\na typed number is rounded to the smallest amount `format-options` shows\nrather than to whole steps, as React Aria's NumberField does: a field\nshowing dollars keeps the cents typed into it. Without `format-options`\nthe grid is whole numbers, as in a native number field.",
+              "description": "How far one step moves. A value off the step grid, counted from `min`, is\ninvalid, as it is in a native number field.\n\nUnset, a step moves by one, or by one percent under a percent format, and\na typed number is rounded to the smallest amount the format shows, as\nReact Aria's NumberField does: a field showing dollars keeps the cents\ntyped into it, and one with no `format-options` keeps three decimal\nplaces. `any` puts the number on no grid, as it does in a native number\nfield: a step moves by one, and any number in range is valid.",
               "fieldName": "step"
             },
             {
@@ -117526,6 +117662,14 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "The number is at `max`, so it cannot step up, as React Aria's NumberField says with `canIncrement`.",
+              "name": "at-max"
+            },
+            {
+              "description": "The number is at `min`, so it cannot step down.",
+              "name": "at-min"
+            },
             {
               "description": "The control has an error to show, from the browser's validation or from your `feedback`.",
               "name": "invalid"
@@ -120117,6 +120261,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/option/root/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/option/root/option-root.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/option/root/option-root.ts",
@@ -162129,6 +162288,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/tag/root/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/tag/root/tag-root.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/tag/root/tag-root.ts",
@@ -165945,7 +166119,7 @@
                 "text": "readonly string[] | undefined"
               },
               "privacy": "protected",
-              "description": "Each time, where `mode` holds several, sent one entry each.\n\nOne time that is text and no time, such as `2:45 P`, is sent as an empty\nentry, as a native time field sends a time it cannot read.",
+              "description": "Each time, where `mode` holds several, sent one entry each.\n\nText that is no time, such as `2:45 P`, is sent as one empty entry, as a\nnative time field sends a time it cannot read. Measured before this: a\nrange written `09:00/10:30` was invalid and submitted the text.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "MixinPickerField",
@@ -166454,6 +166628,81 @@
                 "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "edit",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                },
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Applies an editing key to the segment, the arrows, Backspace, a digit or\na letter, and says whether it edited anything.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "composing",
+              "type": {
+                "text": "[Node, string | null][]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "What the segment's text was when a composition started to write into it.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSegmentBeforeInput",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Text a touch keyboard writes into a segment, which arrives as input and\nnot as a key: an on-screen keyboard sends `Unidentified` for its keys,\nso a digit tapped on a phone is read here, as React Aria's segments read\nit. Every input is canceled, so the segment holds only what the field\ndraws in it.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "handleSegmentInput",
+              "privacy": "private",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "collapseSelection",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Keeps the caret at the start of the segment with focus, where Chromium\nfires input for a typed key, and where Android's keyboard does not\ncompose over the segment's text. A selection already there, or outside\nthe segment, is left alone.",
+              "inheritedFrom": {
+                "name": "MixinSegmentedField",
+                "module": "src/mixins/mixin-segmented-field/mixin-segmented-field.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleSegmentKeydown",
@@ -193414,6 +193663,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-headless",
-    "version": "0.164.0"
+    "version": "0.165.0"
   }
 }

package/dist/date-input/root/date-input-root.d.ts

@@ -1,7 +1,7 @@
 import { AriaForwardController, type DateCalendar, HelixFormElement, type MonthCalendar, type MonthSystem } from '@fusion.dev/helix-core';
 import { type PropertyValues, type TemplateResult } from 'lit';
 import '../../date-picker/index.js';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 declare const HelixHeadlessDateInput_base: (new (...args: any[]) => import("@fusion.dev/helix-core").MixinSegmentedFieldInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinPickerEditingInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinPickerFieldInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerOpenInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinTokensInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerValueInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinFieldInterface) & typeof HelixFormElement;
 /**
  * @summary A date, typed or picked from a calendar.
@@ -474,8 +474,8 @@ export declare class HelixHeadlessDateInput extends HelixHeadlessDateInput_base
     /**
      * Each date, where `mode` holds several, sent one entry each.
      *
-     * One date that is text and no date, such as `August 5`, is sent as an empty
-     * entry, as a native date field sends a date it cannot read.
+     * Text that is no date, such as `August 5`, is sent as one empty entry, as
+     * a native date field sends a date it cannot read, in every mode.
      */
     protected get answers(): readonly string[] | undefined;
     /** What is wrong with the dates, which the text input cannot say. */

package/dist/date-input/root/date-input-root.js

@@ -11,7 +11,7 @@ import { property, state } from 'lit/decorators.js';
 import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
 import { html } from 'lit/static-html.js';
 import '../../date-picker/index.js';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 const dates = (value) => value
     .replace(/\s+[–-]\s+/g, ',')
     .split(',')
@@ -70,9 +70,11 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinSegmented
         };
         this.handleTextCommit = (event) => {
             if (this.mode !== 'multiple') {
-                const held = this.mode === 'range' && /\s[–-]\s/.test(this.value)
-                    ? this.value.split(/\s+[–-]\s+/).map((one) => one.trim())
-                    : dates(this.value);
+                const held = this.mode !== 'range'
+                    ? [this.value.trim()].filter(Boolean)
+                    : /\s[–-]\s/.test(this.value)
+                        ? this.value.split(/\s+[–-]\s+/).map((one) => one.trim())
+                        : dates(this.value);
                 const read = held.map((one) => this.read(one));
                 if (held.length > 0 && !held.every(isDateValue) && read.every(Boolean)) {
                     this.requestValue(read.join(','));
@@ -220,7 +222,8 @@ let HelixHeadlessDateInput = class HelixHeadlessDateInput extends MixinSegmented
     }
     get answers() {
         if (this.mode !== undefined) {
-            return dates(this.value);
+            const held = dates(this.value);
+            return held.every(isDateValue) ? held : [''];
         }
         const text = this.value.trim();
         return text === '' || isDateValue(text) ? undefined : [''];

package/dist/format-date/root/format-date-root.d.ts

@@ -200,7 +200,9 @@ export declare class HelixHeadlessFormatDate extends HelixElement {
      * `narrow` ("3h ago").
      *
      * The reading refreshes as it goes stale, as `elapsed` does, and the whole
-     * date is its title. `elapsed` wins where both are set.
+     * date is its title. `elapsed` wins where both are set. Written with no
+     * value, as `elapsed` is, or with a style `Intl` does not know, it reads
+     * `long`.
      */
     relative?: 'long' | 'narrow' | 'short';
     /**

package/dist/format-date/root/format-date-root.js

@@ -10,6 +10,7 @@ import { property } from 'lit/decorators.js';
 import { drawFields } from '../fields.js';
 import { formatOptions } from '../options.js';
 const DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+const STYLES = ['long', 'narrow', 'short'];
 let HelixHeadlessFormatDate = class HelixHeadlessFormatDate extends HelixElement {
     constructor() {
         super(...arguments);
@@ -53,7 +54,9 @@ let HelixHeadlessFormatDate = class HelixHeadlessFormatDate extends HelixElement
             ? elapsedTime(this.language)(moment, now)
             : relativeTime(this.language, {
                 numeric: this.numeric ?? 'auto',
-                style: this.relative ?? 'long',
+                style: STYLES.includes(this.relative)
+                    ? this.relative
+                    : 'long',
             })(moment, now);
     }
     connectedCallback() {

package/dist/lightbox/item/lightbox-item.js

@@ -47,7 +47,9 @@ __decorate([
     property({ type: Boolean })
 ], HelixHeadlessLightboxItem.prototype, "current", void 0);
 __decorate([
-    property()
+    property({
+        converter: { fromAttribute: (value) => value ?? '' },
+    })
 ], HelixHeadlessLightboxItem.prototype, "label", void 0);
 __decorate([
     property({ attribute: false })

package/dist/lightbox/root/lightbox-root.d.ts

@@ -258,6 +258,32 @@ export declare class HelixHeadlessLightbox extends HelixHeadlessLightbox_base {
      * which is the first time anything asked it for its items on a server.
      */
     private get items();
+    /**
+     * The set changed: render it again.
+     *
+     * `items` is read on each render and nothing else marks a render as due when
+     * an item arrives or leaves, so an item appended after the first render had
+     * no role description, no place in the set, and no part in the count until
+     * some unrelated property changed.
+     */
+    private readonly handleSlotChange;
+    /**
+     * Watches each item's `label` and `value`, which no slot reports.
+     *
+     * `value` decides which item `active` names, and `label` fills `{label}` in
+     * `status-label` and `slide-label`. A change to either left the old item
+     * shown, or the old words in the counter, until some unrelated property
+     * changed. `Select` watches its options for the same reason.
+     *
+     * The subtree, since an observer on the host sees no attribute on its
+     * children otherwise. Only changes on the items themselves count: a `<progress
+     * value>` inside an item, updated while a video plays, would otherwise render
+     * the viewer again on each update.
+     *
+     * Made on connection, there being no `MutationObserver` on a server.
+     */
+    private itemWatch;
+    connectedCallback(): void;
     /** The native dialog, or nothing where there is no DOM to hold one. */
     private get dialog();
     /** Opens the viewer, which makes the rest of the page inert. */
@@ -322,6 +348,8 @@ export declare class HelixHeadlessLightbox extends HelixHeadlessLightbox_base {
     private zoomOut;
     /** Home and End, which are an index rather than a step. */
     private toEnd;
+    /** The item shown at the last update, whose zoom a different item does not keep. */
+    private zoomedItem;
     /** The item on screen: the one `active` names, or the first where it names none. */
     private get shown();
     /**

package/dist/lightbox/root/lightbox-root.js

@@ -92,6 +92,10 @@ let HelixHeadlessLightbox = class HelixHeadlessLightbox extends MixinControllerA
                 '--toggle': () => this.toggleOpen(),
             },
         });
+        this.handleSlotChange = () => {
+            this.requestUpdate();
+        };
+        this.itemWatch = undefined;
         this.handleCancel = (event) => {
             event.preventDefault();
             this.requestOpen(false);
@@ -129,6 +133,7 @@ let HelixHeadlessLightbox = class HelixHeadlessLightbox extends MixinControllerA
                 this.toEnd(this.items.length - 1);
             }
         };
+        this.zoomedItem = undefined;
         this.handleBackdrop = (event) => {
             if (this.dragged(event) || !this.onEmptyArea(event)) {
                 return;
@@ -177,6 +182,16 @@ let HelixHeadlessLightbox = class HelixHeadlessLightbox extends MixinControllerA
     get items() {
         return this.knownChildren.filter((child) => child instanceof HelixHeadlessLightboxItem);
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.itemWatch = new MutationObserver((records) => {
+            if (records.some((record) => record.target instanceof HelixHeadlessLightboxItem &&
+                record.target.parentElement === this)) {
+                this.requestUpdate();
+            }
+        });
+        this.itemWatch.observe(this, { attributeFilter: ['label', 'value'], subtree: true });
+    }
     get dialog() {
         return this.renderRoot?.querySelector('dialog') ?? null;
     }
@@ -292,16 +307,20 @@ let HelixHeadlessLightbox = class HelixHeadlessLightbox extends MixinControllerA
         this.toggleState('fullscreen', this.filled);
         this.toggleState('idle', this.resting);
         this.toggleState('zoomable', this.maxZoom > 1);
-        if (changed.has('active') || (changed.has('open') && !this.open)) {
+        const shown = this.shown;
+        if (shown !== this.zoomedItem || (changed.has('open') && !this.open)) {
             this.quietZoom = true;
             this.zoomer.reset();
             this.quietZoom = false;
         }
+        this.zoomedItem = shown;
         this.say(changed);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         unlockScroll(this);
+        this.itemWatch?.disconnect();
+        this.itemWatch = undefined;
     }
     updated(changed) {
         super.updated(changed);
@@ -395,7 +414,7 @@ let HelixHeadlessLightbox = class HelixHeadlessLightbox extends MixinControllerA
     >
       <slot name="header" part="header"></slot>
       <div part="viewport">
-        <slot></slot>
+        <slot @slotchange=${this.handleSlotChange}></slot>
       </div>
       <slot name="footer" part="footer"></slot>
       ${this.controls ? this.renderControls() : nothing}