@fusion.dev/helix 0.164.0 → 0.165.0

package/custom-elements.json

@@ -61193,6 +61193,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",
@@ -88635,7 +88710,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",
               "inheritedFrom": {
                 "name": "HelixHeadlessFormatDate",
@@ -89535,7 +89610,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",
               "inheritedFrom": {
                 "name": "HelixHeadlessFormatDate",
@@ -106792,6 +106867,31 @@
                 "module": "src/lightbox/root/lightbox-root.ts"
               }
             },
+            {
+              "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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessLightbox",
+                "module": "src/lightbox/root/lightbox-root.ts"
+              }
+            },
+            {
+              "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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessLightbox",
+                "module": "src/lightbox/root/lightbox-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "dialog",
@@ -107046,6 +107146,20 @@
                 "module": "src/lightbox/root/lightbox-root.ts"
               }
             },
+            {
+              "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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessLightbox",
+                "module": "src/lightbox/root/lightbox-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "shown",
@@ -141294,9 +141408,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",
               "inheritedFrom": {
                 "name": "HelixHeadlessNumberInput",
@@ -141408,6 +141522,31 @@
                 "module": "src/number-input/root/number-input-root.ts"
               }
             },
+            {
+              "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.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNumberInput",
+                "module": "src/number-input/root/number-input-root.ts"
+              }
+            },
+            {
+              "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,
+              "inheritedFrom": {
+                "name": "HelixHeadlessNumberInput",
+                "module": "src/number-input/root/number-input-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "control",
@@ -141448,6 +141587,20 @@
                 "module": "src/number-input/root/number-input-root.ts"
               }
             },
+            {
+              "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,
+              "inheritedFrom": {
+                "name": "HelixHeadlessNumberInput",
+                "module": "src/number-input/root/number-input-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "stride",
@@ -141469,7 +141622,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,
               "inheritedFrom": {
                 "name": "HelixHeadlessNumberInput",
@@ -141675,6 +141828,17 @@
                 "module": "src/number-input/root/number-input-root.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "handleStepperMouseDown",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Keeps a pressed stepper from taking focus from the field.",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNumberInput",
+                "module": "src/number-input/root/number-input-root.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "stopRepeat",
@@ -143107,9 +143271,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",
               "inheritedFrom": {
                 "name": "HelixHeadlessNumberInput",
@@ -143221,6 +143385,22 @@
             }
           ],
           "cssStates": [
+            {
+              "description": "The number is at `max`, so it cannot step up, as React Aria's NumberField says with `canIncrement`.",
+              "name": "at-max",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNumberInput",
+                "module": "src/number-input/root/number-input-root.ts"
+              }
+            },
+            {
+              "description": "The number is at `min`, so it cannot step down.",
+              "name": "at-min",
+              "inheritedFrom": {
+                "name": "HelixHeadlessNumberInput",
+                "module": "src/number-input/root/number-input-root.ts"
+              }
+            },
             {
               "description": "The control has an error to show, from the browser's validation or from your `feedback`.",
               "name": "invalid",
@@ -146090,6 +146270,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.css.ts",
@@ -146781,7 +146976,7 @@
           ],
           "superclass": {
             "name": "HelixHeadlessOption",
-            "package": "@fusion.dev/helix-headless/option"
+            "package": "@fusion.dev/helix-headless/option/root"
           },
           "summary": "One choice in a listbox.",
           "helix": {
@@ -204356,6 +204551,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.css.ts",
@@ -205332,7 +205542,7 @@
           ],
           "superclass": {
             "name": "HelixHeadlessTag",
-            "package": "@fusion.dev/helix-headless/tag"
+            "package": "@fusion.dev/helix-headless/tag/root"
           },
           "summary": "A short label that adds metadata to content.",
           "helix": {
@@ -209033,6 +209243,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",
@@ -242549,6 +242834,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix",
-    "version": "0.164.0"
+    "version": "0.165.0"
   }
 }

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

@@ -1,7 +1,7 @@
 import { HelixHeadlessDateInput } from '@fusion.dev/helix-headless/date-input';
 import type { CSSResultGroup } from 'lit';
 import '../../date-picker/index.js';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 /**
  * @summary A date, typed or picked from a calendar.
  *

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

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessDateInput } from '@fusion.dev/helix-headless/date-input';
 import '../../date-picker/index.js';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';
 import { styles as fieldSegmentsStyles } from '../../shared/field/field-segments.css.js';

package/dist/option/root/index.d.ts

@@ -0,0 +1 @@
+export * from './option-root.js';

package/dist/option/root/index.js

@@ -0,0 +1 @@
+export * from './option-root.js';

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

@@ -1,4 +1,4 @@
-import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option';
+import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option/root';
 import type { CSSResultGroup } from 'lit';
 /**
  * @summary One choice in a listbox.

package/dist/option/root/option-root.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from '@fusion.dev/helix-core';
-import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option';
+import { HelixHeadlessOption } from '@fusion.dev/helix-headless/option/root';
 import { styles } from './option-root.css.js';
 let HelixOption = class HelixOption extends HelixHeadlessOption {
     static { this.styles = styles; }

package/dist/tag/root/index.d.ts

@@ -0,0 +1 @@
+export * from './tag-root.js';

package/dist/tag/root/index.js

@@ -0,0 +1 @@
+export * from './tag-root.js';

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

@@ -1,4 +1,4 @@
-import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag';
+import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag/root';
 import type { CSSResultGroup } from 'lit';
 /**
  * @summary A short label that adds metadata to content.

package/dist/tag/root/tag-root.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from '@fusion.dev/helix-core';
-import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag';
+import { HelixHeadlessTag } from '@fusion.dev/helix-headless/tag/root';
 import { property } from 'lit/decorators.js';
 import { styles } from './tag-root.css.js';
 let HelixTag = class HelixTag extends HelixHeadlessTag {

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

@@ -1,6 +1,6 @@
 import { HelixHeadlessTimeInput } from '@fusion.dev/helix-headless/time-input';
 import type { CSSResultGroup } from 'lit';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 import '../../time-picker/index.js';
 /**
  * @summary A field for a time, typed or picked from a list.

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

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessTimeInput } from '@fusion.dev/helix-headless/time-input';
-import '../../tag/index.js';
+import '../../tag/root/index.js';
 import '../../time-picker/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';

package/dist/time-picker/root/time-picker-root.d.ts

@@ -1,7 +1,7 @@
 import { HelixHeadlessTimePicker } from '@fusion.dev/helix-headless/time-picker';
 import type { CSSResultGroup } from 'lit';
 import '../../listbox/index.js';
-import '../../option/index.js';
+import '../../option/root/index.js';
 /**
  * @summary A control for choosing a time from a list or from wheels.
  *

package/dist/time-picker/root/time-picker-root.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessTimePicker } from '@fusion.dev/helix-headless/time-picker';
 import '../../listbox/index.js';
-import '../../option/index.js';
+import '../../option/root/index.js';
 import { styles } from './time-picker-root.css.js';
 let HelixTimePicker = class HelixTimePicker extends HelixHeadlessTimePicker {
     static { this.tier = 'helix-'; }