@fusion.dev/helix-core 0.147.0 → 0.149.0

package/dist/helix-element/react-bridge.d.ts

@@ -1,26 +1,6 @@
 import type { LitElement } from 'lit';
 /** The props React is holding for a node, if React is holding any. */
 export declare const reactPropsOf: (node: EventTarget) => Record<string, unknown> | undefined;
-/**
- * Says so when a handler prop is attached to nothing.
- *
- * **TypeScript will not catch any of this, and that is not our tooling's
- * fault.** A JSX attribute whose name is not a valid identifier is exempt from
- * checking on an intrinsic element, and every one of ours carries a hyphen. So
- * `onhelix-opne` type-checks, `on:helix-open` type-checks, and a made-up
- * `totally-invented` prop type-checks, all against fully generated types that
- * do reject a wrong *value* on a normal attribute. Measured with `tsc`.
- *
- * That leaves runtime as the only place a typo can be caught, and React's props
- * bag as the only place to look, which the binding above already reads. Once per
- * element, because a warning that repeats on every keystroke is one a consumer
- * silences.
- *
- * `on:helix-open` gets its own message because it is not a mistake so much as
- * the wrong dialect. It is what the Solid types offer, correctly, and React
- * binds it as an event named `:helix-open`.
- */
-export declare const auditReactProps: (host: EventTarget, props: Record<string, unknown>) => void;
 /**
  * The prop React would be holding for this event, if it is holding one.
  *
@@ -83,8 +63,8 @@ export declare const reactNativeProp: (type: string) => string;
  *
  * Called by the host as it dispatches, which is the first moment it knows the
  * event's name. A host React does not render holds no props, and nothing is
- * bound. The props are audited on the way, so a handler attached to nothing
- * warns.
+ * bound. In a development build the props are audited on the way, so a
+ * handler attached to nothing warns; see `react-audit.ts`.
  */
 export declare const bindReactHandler: (host: EventTarget, event: Event) => void;
 /**

package/dist/helix-element/react-bridge.js

@@ -1,6 +1,4 @@
-import { eventsForTag } from '../events/element-events.js';
-import { helixEventNames } from '../events/names.js';
-import { reportRuntime } from '../utils/report-runtime/report-runtime.js';
+import { auditReactProps } from '@fusion.dev/helix-core/audits/react';
 const REACT_PROPS = '__reactProps$';
 let reactPropsKey;
 export const reactPropsOf = (node) => {
@@ -15,59 +13,6 @@ export const reactPropsOf = (node) => {
     reactPropsKey = found;
     return stash[found];
 };
-const audited = new WeakSet();
-const REMOVED = new Set(['onActiveChange', 'onCheckedChange', 'onOpenChange', 'onValueChange']);
-export const auditReactProps = (host, props) => {
-    if (audited.has(host)) {
-        return;
-    }
-    audited.add(host);
-    const tag = host instanceof Element ? `<${host.localName}>` : 'A Helix element';
-    const element = host instanceof Element ? host.localName : undefined;
-    for (const key of Object.keys(props)) {
-        if (key.startsWith('on:')) {
-            reportRuntime({
-                kind: 'solid-handler-syntax',
-                message: `${tag} was given \`${key}\`, which is Solid's syntax. React binds the name after \`on\` ` +
-                    `verbatim, so this listens for an event called \`${key.slice(2)}\`. Write \`on${key.slice(3)}\`.`,
-                tag: element,
-            });
-            continue;
-        }
-        if (REMOVED.has(key)) {
-            reportRuntime({
-                kind: 'removed-callback',
-                message: `${tag} was given \`${key}\`, which was removed. It never worked from JSX, because React ` +
-                    `binds any \`on\` prop as an event of that name. Listen for the element's change event instead.`,
-                tag: element,
-            });
-            continue;
-        }
-        if (!key.startsWith('on') || !key.includes('-')) {
-            continue;
-        }
-        const name = key.slice(2);
-        if (!helixEventNames.has(name)) {
-            reportRuntime({
-                kind: 'unknown-event',
-                message: `${tag} was given \`${key}\`, and nothing dispatches \`${name}\`. TypeScript cannot ` +
-                    `check a hyphenated JSX prop, so this is the only place it shows up.`,
-                tag: element,
-            });
-            continue;
-        }
-        const mine = host instanceof Element ? eventsForTag(host.localName) : undefined;
-        if (mine && !mine.has(name)) {
-            reportRuntime({
-                kind: 'misplaced-handler',
-                message: `${tag} was given \`${key}\`, but it dispatches ${[...mine].map((one) => `\`${one}\``).join(', ')}. ` +
-                    `\`${name}\` is sent by a different element, and React only wires an \`on\` prop on the ` +
-                    'element that dispatches, so this handler will never run. Put it on that element.',
-                tag: element,
-            });
-        }
-    }
-};
 const REACT_WIRES = new Set(['scroll', 'scrollend']);
 export const reactPropFor = (event) => {
     if (event.type.includes('-')) {

package/dist/index.d.ts

@@ -1,7 +1,8 @@
-export { auditName } from '#audit-name';
+export { auditName } from '@fusion.dev/helix-core/audits/name';
 export { AriaForwardController, type AriaForwardOptions, } from './controllers/aria-forward-controller/aria-forward-controller.js';
 export { ArrivalController, type ArrivalOptions, } from './controllers/arrival-controller/arrival-controller.js';
 export { ChartPointerController, type ChartPointerHost, } from './controllers/chart-pointer-controller/chart-pointer-controller.js';
+export { ChildrenController } from './controllers/children-controller/children-controller.js';
 export { CommandController, type CommandOptions, HelixFallbackCommandEvent, supportsInvokers, } from './controllers/command-controller/command-controller.js';
 export { CopyController, type CopyOptions, } from './controllers/copy-controller/copy-controller.js';
 export { CountdownController, type CountdownOptions, } from './controllers/countdown-controller/countdown-controller.js';
@@ -16,21 +17,23 @@ export { FullscreenController } from './controllers/fullscreen-controller/fullsc
 export { HostClickController } from './controllers/host-click-controller/host-click-controller.js';
 export { IdleController } from './controllers/idle-controller/idle-controller.js';
 export { IndicatorController, type IndicatorOptions, } from './controllers/indicator-controller/indicator-controller.js';
-export { KeyboardNavigationController, type KeyboardNavigationOptions, type KeyboardOrigin, type NavigableItem, } from './controllers/keyboard-navigation-controller/keyboard-navigation-controller.js';
+export { type FocusItemOptions, focusItemOf, KeyboardNavigationController, type KeyboardNavigationOptions, type KeyboardOrigin, type NavigableItem, } from './controllers/keyboard-navigation-controller/keyboard-navigation-controller.js';
 export { MediaSessionController, type SessionHandlers, SKIP_SECONDS, } from './controllers/media-session-controller/media-session-controller.js';
-export { animationsSettled, type OpenPhase, OpenPhaseController, type OpenPhaseOptions, } from './controllers/open-phase-controller/open-phase-controller.js';
+export { animationsFinished, animationsSettled, type OpenPhase, OpenPhaseController, type OpenPhaseOptions, } from './controllers/open-phase-controller/open-phase-controller.js';
+export { OptionWindowController, type OptionWindowOptions, } from './controllers/option-window-controller/option-window-controller.js';
 export { MAX_FRAME_STEP, PaintGateController, type PaintGateOptions, } from './controllers/paint-gate-controller/paint-gate-controller.js';
 export { PlacementController } from './controllers/placement-controller/placement-controller.js';
 export { PopoverController, type PopoverOptions, } from './controllers/popover-controller/popover-controller.js';
 export { RelativeClockController, type RelativeClockOptions, } from './controllers/relative-clock-controller/relative-clock-controller.js';
 export { RemotePlaybackController, type RemoteReport, } from './controllers/remote-playback-controller/remote-playback-controller.js';
+export { ReorderController, type ReorderMove, type ReorderOptions, type ReorderWords, requestReorder, } from './controllers/reorder-controller/reorder-controller.js';
 export { SourceController, type SourceHost, } from './controllers/source-controller/source-controller.js';
 export { drawStatus, type SayOptions, StatusController, } from './controllers/status-controller/status-controller.js';
 export { SwipeController, type SwipeOptions, } from './controllers/swipe-controller/swipe-controller.js';
 export { type TokenColor, TokenColorController, } from './controllers/token-color-controller/token-color-controller.js';
 export { type Rendered, VirtualizeController, type VirtualizeOptions, type Window as VirtualizeWindow, } from './controllers/virtualize-controller/virtualize-controller.js';
 export { eventsForTag, registerElementEvents } from './events/element-events.js';
-export { type ActivateDetail, type AuraFallbackDetail, type BandDetail, type CanvasView, type CaretDetail, type ChangeDetail, type CompleteDetail, type ConnectDetail, type ConsoleDetail, type CopyDetail, type CreateDetail, type DismissDetail, type FacetDetail, type FilterDetail, type GraphFilterDetail, type GraphLayoutDetail, type GraphPartChangeDetail, type GraphSignalDetail, HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type PressDetail, type PressPointerType, type RangeDetail, type ReadDetail, type ReconnectDetail, type Refusal, type RefusedFile, type RejectDetail, type RelabelDetail, type RemoveDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type ToggleDetail, type TourStatusDetail, type TypingDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
+export { type ActivateDetail, type AuraFallbackDetail, type BandDetail, type CanvasView, type CaretDetail, type ChangeDetail, type CompleteDetail, type ConnectDetail, type ConsoleDetail, type CopyDetail, type CreateDetail, type DismissDetail, type FacetDetail, type FilterDetail, type GraphFilterDetail, type GraphLayoutDetail, type GraphPartChangeDetail, type GraphSignalDetail, HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type PressDetail, type PressPointerType, type RangeDetail, type ReadDetail, type ReconnectDetail, type Refusal, type RefusedFile, type RejectDetail, type RelabelDetail, type RemoveDetail, type ReorderDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type ToggleDetail, type TourStatusDetail, type TypingDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
 export { HelixElement, whenHydrated } from './helix-element/helix-element.js';
 export { HelixFormElement } from './helix-form-element/helix-form-element.js';
 export { MixinChartSource, type MixinChartSourceInterface, PALETTE, PLOT_HEIGHT, PLOT_WIDTH, POSITION_LABEL, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -50,27 +53,37 @@ export { MixinTokens, type MixinTokensInterface } from './mixins/mixin-tokens/mi
 export { MixinViewport, type ViewportControlsPlacement, type ViewportElement, type ViewportGestureLabels, type ViewportGestureMode, type ViewportGestures, type ViewportWay, } from './mixins/mixin-viewport/mixin-viewport.js';
 export { anchorElement } from './utils/anchor-element/anchor-element.js';
 export { arrowReach, sideOf } from './utils/arrow/arrow.js';
-export { addDays, addMonths, type Barring, barredBy, type CalendarView, localToday, monthOf, monthOut, type PeriodCell, type PeriodPage, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
+export { assignSlots } from './utils/assign-slots/assign-slots.js';
+export { type DrawAutofillOptions, drawAutofill, } from './utils/autofill-select/autofill-select.js';
+export { addDays, addMonths, type Barring, barredBy, type CalendarView, calendarLocale, type DateCalendar, localToday, monthOf, monthOut, type PeriodCell, type PeriodPage, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
 export { capturePointer } from './utils/capture-pointer/capture-pointer.js';
+export { centerInView } from './utils/center-in-view/center-in-view.js';
 export { ariaChord, type ChordPress, chordParts, matchesChord, printableChord, selectsAll, } from './utils/chord/chord.js';
+export { type KeyNames, keyNames } from './utils/chord/key-names.js';
 export { clamp } from './utils/clamp/clamp.js';
 export { clockLocale, dayPeriod, type HourCycle, isTwelveHour, nearestTime, offeredTimes, type TimeFault, type TimeRules, timeBarred, timeFault, wheelParts, wholeHour, } from './utils/clock/clock.js';
 export { closestInstance } from './utils/closest-instance/closest-instance.js';
 export { type ColorWords, colorName, hueName } from './utils/color-name/color-name.js';
+export { columnStep } from './utils/column-step/column-step.js';
 export { countLabel } from './utils/count-label/count-label.js';
 export { createSheet } from './utils/create-sheet/create-sheet.js';
 export { type Color, type ColorFormat, formatColor, parseColor, toCss, toHsl, toRgb, } from './utils/css-color/css-color.js';
 export { customElement, definedTags, duplicateRegistrations, } from './utils/custom-element/custom-element.js';
+export { type DataOption, type DataOptionItem, dataOptions, drawOptions, windowOf, } from './utils/data-options/data-options.js';
 export { segmentName } from './utils/date-segments/date-segments.js';
 export { type DrawDismissOptions, drawDismiss, drawDismissGlyph, } from './utils/draw-dismiss/draw-dismiss.js';
 export { type DrawIconOptions, drawIcon } from './utils/draw-icon/draw-icon.js';
-export { CHART_PLOT, drawTooltip } from './utils/draw-tooltip/draw-tooltip.js';
+export { CHART_PLOT, drawTooltip, type ReadingCursor } from './utils/draw-tooltip/draw-tooltip.js';
 export { elapsedTime } from './utils/elapsed-time/elapsed-time.js';
 export { type ElementByIdOptions, elementById, searchableById, } from './utils/element-by-id/element-by-id.js';
-export { fillTemplate } from './utils/fill-template/fill-template.js';
-export { deepActiveElement, deepContains, focusableElements, } from './utils/focusable-elements/focusable-elements.js';
+export { exportParts } from './utils/export-parts/export-parts.js';
+export { fillTemplate, labelWith } from './utils/fill-template/fill-template.js';
+export { FILTER_MARK, markMatches, rangeOf } from './utils/filter-marks/filter-marks.js';
+export { focusTarget } from './utils/focus-target/focus-target.js';
+export { deepActiveElement, deepContains, focusableElements, PRESSABLE, pressedOwnControl, } from './utils/focusable-elements/focusable-elements.js';
 export { afterLinkFollowed, followLink, type LinkModifiers, type LinkTarget, } from './utils/follow-link/follow-link.js';
 export { formatNumbers } from './utils/format-numbers/format-numbers.js';
+export { type GridBounds, type GridKeys, type GridPlace, gridMove, pageRows, } from './utils/grid-move/grid-move.js';
 export { headingIn, headingsIn } from './utils/heading-in/heading-in.js';
 export { headingLevel } from './utils/heading-level/heading-level.js';
 export { type HostAria, hostAria } from './utils/host-aria/host-aria.js';
@@ -82,12 +95,12 @@ export { isRtl } from './utils/is-rtl/is-rtl.js';
 export { keyClaimed } from './utils/key-claimed/key-claimed.js';
 export { type Curve, linePath, type Point } from './utils/line-path/line-path.js';
 export { type EndInSight, endInSight } from './utils/load-more/load-more.js';
-export { localeOf } from './utils/locale-of/locale-of.js';
+export { localeOf, runtimeLocale } from './utils/locale-of/locale-of.js';
 export { markRegion, type RegionOptions } from './utils/mark-region/mark-region.js';
 export { copiesOf, type MediaCopy, sameCopies, } from './utils/media-copy/media-copy.js';
 export { nameText } from './utils/name-text/name-text.js';
 export { nearest } from './utils/nearest/nearest.js';
-export { formatNumber, parseNumber, readingText } from './utils/number-format/number-format.js';
+export { formatNumber, formatPercent, parseNumber, readingText, } from './utils/number-format/number-format.js';
 export { onUnlessFalse } from './utils/on-unless-false/on-unless-false.js';
 export { applyOwnRule, type OwnRule } from './utils/own-rule/own-rule.js';
 export { plainClick } from './utils/plain-click/plain-click.js';
@@ -98,11 +111,12 @@ export { type ColorBytes, readColor, rgbOf } from './utils/read-color/read-color
 export { byRow, type Extremes, extremesOf, type Row, type RowCell, readRows, readSeries, type Series, type SeriesPoint, seriesKey, unbroken, } from './utils/read-series/read-series.js';
 export { type ElementsProperty, linkDescription, reflectElements, unlinkDescription, } from './utils/reflect-elements/reflect-elements.js';
 export { type Relative, type RelativeOptions, relativeTime, } from './utils/relative-time/relative-time.js';
+export { centersOf, dropMark, edgeSpeed, passedCount, placeKey, type ReorderAxis, type ReorderHold, type ReorderInput, type ReorderState, reorderKey, reorderStep, } from './utils/reorder/reorder.js';
 export { measuring, RENDER_SLOT, reportRender } from './utils/report-render/report-render.js';
 export { RUNTIME_LOG, RUNTIME_SLOT, type RuntimeEvent, type RuntimeKind, reportRuntime, } from './utils/report-runtime/report-runtime.js';
 export { noteVersion, reportUsage, USAGE_SLOT, VERSIONS_SLOT, } from './utils/report-usage/report-usage.js';
-export { reportValues } from './utils/report-values/report-values.js';
-export { type ChangeRequestOptions, requestChange, } from './utils/request-change/request-change.js';
+export { type ReportValuesOptions, reportValues } from './utils/report-values/report-values.js';
+export { type ChangeRequestOptions, requestChange, requestValue, } from './utils/request-change/request-change.js';
 export { type ActivatableItem, resolveActiveItem, } from './utils/resolve-active-item/resolve-active-item.js';
 export { holdCaret, restoreValue } from './utils/restore-value/restore-value.js';
 export { type RovingOptions, rovingStop } from './utils/roving-stop/roving-stop.js';
@@ -110,9 +124,9 @@ export { valueAt } from './utils/row-data/row-data.js';
 export { type Arranged, type Axis, arranged, cycle, type DataRow, filter, format, type Ordered, ordered, parse, type Sort, sort, window_, } from './utils/row-order/row-order.js';
 export { extent, linear, type Scale } from './utils/scale/scale.js';
 export { ticks } from './utils/scale/ticks.js';
-export { type ScrollerOptions, type ScrollItemOptions, scrollItemIntoView, scrollingAncestor, } from './utils/scroll-item-into-view/scroll-item-into-view.js';
+export { type ScrollerOptions, type ScrollItemOptions, type ScrollRoomOptions, scrollItemIntoView, scrollingAncestor, scrollRoom, } from './utils/scroll-item-into-view/scroll-item-into-view.js';
 export { lockScroll, scrollHolders, unlockScroll } from './utils/scroll-lock/scroll-lock.js';
-export { slotFilled } from './utils/slot-filled/slot-filled.js';
+export { slotFilled, slotNamed } from './utils/slot-filled/slot-filled.js';
 export { SlottedGlyph } from './utils/slotted-glyph/slotted-glyph.js';
 export { slottedWords } from './utils/slotted-words/slotted-words.js';
 export { splitValues } from './utils/split-values/split-values.js';
@@ -120,11 +134,17 @@ export { edgeOffset, FLING, parseSnapPoints, type SwipeAxis, type SwipeEdge, typ
 export { tellDisclosure } from './utils/tell-disclosure/tell-disclosure.js';
 export { subscribe } from './utils/ticker/ticker.js';
 export { type HelixStatusTone, TONE_MARKS, type ToneMark, toneMark, } from './utils/tone-marks/tone-marks.js';
+export { toolbarAround, toolbarAxis } from './utils/toolbar-around/toolbar-around.js';
 export { type TreeArrow, type TreeArrowRow, treeArrow } from './utils/tree-arrow/tree-arrow.js';
 export { Typeahead, type TypeaheadBy, typeaheadBy, typeaheadByWords, typesCharacter, } from './utils/typeahead/typeahead.js';
 export { dateAsValue, isClockValue, isDateValue, isTimeValue, minutesAsValue, numberAsValue, secondsAsValue, timeAsValue, valueAsDate, valueAsMinutes, valueAsNumber, valueAsSeconds, valueAsTime, } from './utils/value-as/value-as.js';
+export { type PickerVerdict, verdictFlags } from './utils/verdict-flags/verdict-flags.js';
 export { watchTheme } from './utils/watch-theme/watch-theme.js';
 export { wordsConverter } from './utils/words-converter/words-converter.js';
 export { writeClock, writeTime } from './utils/write-time/write-time.js';
 export { anchorAt, commaList, everyState, inRowOrder, pressedValue, prunedValue, type SelectionMode, toggleEvery, toggleValue, writtenList, writtenNumbers, } from './utils/written-list/written-list.js';
 export { VERSION } from './version.js';
+export { formatMessage, type Message, type MessageOptions, type MessageTable, type MessageValues, } from './words/message.js';
+export { clearWords, type HelixWords, localeChain, refreshWords, registerWords, setDefaultWordsLocale, type Words, } from './words/registry.js';
+export { formatWords, words } from './words/words.js';
+export { handedLocale, wordsLocale } from './words/words-locale.js';

package/dist/index.js

@@ -1,7 +1,8 @@
-export { auditName } from '#audit-name';
+export { auditName } from '@fusion.dev/helix-core/audits/name';
 export { AriaForwardController, } from './controllers/aria-forward-controller/aria-forward-controller.js';
 export { ArrivalController, } from './controllers/arrival-controller/arrival-controller.js';
 export { ChartPointerController, } from './controllers/chart-pointer-controller/chart-pointer-controller.js';
+export { ChildrenController } from './controllers/children-controller/children-controller.js';
 export { CommandController, HelixFallbackCommandEvent, supportsInvokers, } from './controllers/command-controller/command-controller.js';
 export { CopyController, } from './controllers/copy-controller/copy-controller.js';
 export { CountdownController, } from './controllers/countdown-controller/countdown-controller.js';
@@ -16,21 +17,23 @@ export { FullscreenController } from './controllers/fullscreen-controller/fullsc
 export { HostClickController } from './controllers/host-click-controller/host-click-controller.js';
 export { IdleController } from './controllers/idle-controller/idle-controller.js';
 export { IndicatorController, } from './controllers/indicator-controller/indicator-controller.js';
-export { KeyboardNavigationController, } from './controllers/keyboard-navigation-controller/keyboard-navigation-controller.js';
+export { focusItemOf, KeyboardNavigationController, } from './controllers/keyboard-navigation-controller/keyboard-navigation-controller.js';
 export { MediaSessionController, SKIP_SECONDS, } from './controllers/media-session-controller/media-session-controller.js';
-export { animationsSettled, OpenPhaseController, } from './controllers/open-phase-controller/open-phase-controller.js';
+export { animationsFinished, animationsSettled, OpenPhaseController, } from './controllers/open-phase-controller/open-phase-controller.js';
+export { OptionWindowController, } from './controllers/option-window-controller/option-window-controller.js';
 export { MAX_FRAME_STEP, PaintGateController, } from './controllers/paint-gate-controller/paint-gate-controller.js';
 export { PlacementController } from './controllers/placement-controller/placement-controller.js';
 export { PopoverController, } from './controllers/popover-controller/popover-controller.js';
 export { RelativeClockController, } from './controllers/relative-clock-controller/relative-clock-controller.js';
 export { RemotePlaybackController, } from './controllers/remote-playback-controller/remote-playback-controller.js';
+export { ReorderController, requestReorder, } from './controllers/reorder-controller/reorder-controller.js';
 export { SourceController, } from './controllers/source-controller/source-controller.js';
 export { drawStatus, StatusController, } from './controllers/status-controller/status-controller.js';
 export { SwipeController, } from './controllers/swipe-controller/swipe-controller.js';
 export { TokenColorController, } from './controllers/token-color-controller/token-color-controller.js';
 export { VirtualizeController, } from './controllers/virtualize-controller/virtualize-controller.js';
 export { eventsForTag, registerElementEvents } from './events/element-events.js';
-export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, } from './events/events.js';
+export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, HelixBandEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeReorderEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixClearEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyErrorEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixEditEvent, HelixEndEvent, HelixExpandEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixLoadEvent, HelixLoadMoreEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPanelResizeEvent, HelixPinEvent, HelixPressEvent, HelixPreviewEvent, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTourStatusEvent, HelixTypingEvent, } from './events/events.js';
 export { HelixElement, whenHydrated } from './helix-element/helix-element.js';
 export { HelixFormElement } from './helix-form-element/helix-form-element.js';
 export { MixinChartSource, PALETTE, PLOT_HEIGHT, PLOT_WIDTH, POSITION_LABEL, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -50,27 +53,37 @@ export { MixinTokens } from './mixins/mixin-tokens/mixin-tokens.js';
 export { MixinViewport, } from './mixins/mixin-viewport/mixin-viewport.js';
 export { anchorElement } from './utils/anchor-element/anchor-element.js';
 export { arrowReach, sideOf } from './utils/arrow/arrow.js';
-export { addDays, addMonths, barredBy, localToday, monthOf, monthOut, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
+export { assignSlots } from './utils/assign-slots/assign-slots.js';
+export { drawAutofill, } from './utils/autofill-select/autofill-select.js';
+export { addDays, addMonths, barredBy, calendarLocale, localToday, monthOf, monthOut, periodCells, periodKey, periodMove, sameMonth, weekStartOf, YEARS_SHOWN, yearOut, yearPageOf, } from './utils/calendar/calendar.js';
 export { capturePointer } from './utils/capture-pointer/capture-pointer.js';
+export { centerInView } from './utils/center-in-view/center-in-view.js';
 export { ariaChord, chordParts, matchesChord, printableChord, selectsAll, } from './utils/chord/chord.js';
+export { keyNames } from './utils/chord/key-names.js';
 export { clamp } from './utils/clamp/clamp.js';
 export { clockLocale, dayPeriod, isTwelveHour, nearestTime, offeredTimes, timeBarred, timeFault, wheelParts, wholeHour, } from './utils/clock/clock.js';
 export { closestInstance } from './utils/closest-instance/closest-instance.js';
 export { colorName, hueName } from './utils/color-name/color-name.js';
+export { columnStep } from './utils/column-step/column-step.js';
 export { countLabel } from './utils/count-label/count-label.js';
 export { createSheet } from './utils/create-sheet/create-sheet.js';
 export { formatColor, parseColor, toCss, toHsl, toRgb, } from './utils/css-color/css-color.js';
 export { customElement, definedTags, duplicateRegistrations, } from './utils/custom-element/custom-element.js';
+export { dataOptions, drawOptions, windowOf, } from './utils/data-options/data-options.js';
 export { segmentName } from './utils/date-segments/date-segments.js';
 export { drawDismiss, drawDismissGlyph, } from './utils/draw-dismiss/draw-dismiss.js';
 export { drawIcon } from './utils/draw-icon/draw-icon.js';
 export { CHART_PLOT, drawTooltip } from './utils/draw-tooltip/draw-tooltip.js';
 export { elapsedTime } from './utils/elapsed-time/elapsed-time.js';
 export { elementById, searchableById, } from './utils/element-by-id/element-by-id.js';
-export { fillTemplate } from './utils/fill-template/fill-template.js';
-export { deepActiveElement, deepContains, focusableElements, } from './utils/focusable-elements/focusable-elements.js';
+export { exportParts } from './utils/export-parts/export-parts.js';
+export { fillTemplate, labelWith } from './utils/fill-template/fill-template.js';
+export { FILTER_MARK, markMatches, rangeOf } from './utils/filter-marks/filter-marks.js';
+export { focusTarget } from './utils/focus-target/focus-target.js';
+export { deepActiveElement, deepContains, focusableElements, PRESSABLE, pressedOwnControl, } from './utils/focusable-elements/focusable-elements.js';
 export { afterLinkFollowed, followLink, } from './utils/follow-link/follow-link.js';
 export { formatNumbers } from './utils/format-numbers/format-numbers.js';
+export { gridMove, pageRows, } from './utils/grid-move/grid-move.js';
 export { headingIn, headingsIn } from './utils/heading-in/heading-in.js';
 export { headingLevel } from './utils/heading-level/heading-level.js';
 export { hostAria } from './utils/host-aria/host-aria.js';
@@ -82,12 +95,12 @@ export { isRtl } from './utils/is-rtl/is-rtl.js';
 export { keyClaimed } from './utils/key-claimed/key-claimed.js';
 export { linePath } from './utils/line-path/line-path.js';
 export { endInSight } from './utils/load-more/load-more.js';
-export { localeOf } from './utils/locale-of/locale-of.js';
+export { localeOf, runtimeLocale } from './utils/locale-of/locale-of.js';
 export { markRegion } from './utils/mark-region/mark-region.js';
 export { copiesOf, sameCopies, } from './utils/media-copy/media-copy.js';
 export { nameText } from './utils/name-text/name-text.js';
 export { nearest } from './utils/nearest/nearest.js';
-export { formatNumber, parseNumber, readingText } from './utils/number-format/number-format.js';
+export { formatNumber, formatPercent, parseNumber, readingText, } from './utils/number-format/number-format.js';
 export { onUnlessFalse } from './utils/on-unless-false/on-unless-false.js';
 export { applyOwnRule } from './utils/own-rule/own-rule.js';
 export { plainClick } from './utils/plain-click/plain-click.js';
@@ -98,11 +111,12 @@ export { readColor, rgbOf } from './utils/read-color/read-color.js';
 export { byRow, extremesOf, readRows, readSeries, seriesKey, unbroken, } from './utils/read-series/read-series.js';
 export { linkDescription, reflectElements, unlinkDescription, } from './utils/reflect-elements/reflect-elements.js';
 export { relativeTime, } from './utils/relative-time/relative-time.js';
+export { centersOf, dropMark, edgeSpeed, passedCount, placeKey, reorderKey, reorderStep, } from './utils/reorder/reorder.js';
 export { measuring, RENDER_SLOT, reportRender } from './utils/report-render/report-render.js';
 export { RUNTIME_LOG, RUNTIME_SLOT, reportRuntime, } from './utils/report-runtime/report-runtime.js';
 export { noteVersion, reportUsage, USAGE_SLOT, VERSIONS_SLOT, } from './utils/report-usage/report-usage.js';
 export { reportValues } from './utils/report-values/report-values.js';
-export { requestChange, } from './utils/request-change/request-change.js';
+export { requestChange, requestValue, } from './utils/request-change/request-change.js';
 export { resolveActiveItem, } from './utils/resolve-active-item/resolve-active-item.js';
 export { holdCaret, restoreValue } from './utils/restore-value/restore-value.js';
 export { rovingStop } from './utils/roving-stop/roving-stop.js';
@@ -110,9 +124,9 @@ export { valueAt } from './utils/row-data/row-data.js';
 export { arranged, cycle, filter, format, ordered, parse, sort, window_, } from './utils/row-order/row-order.js';
 export { extent, linear } from './utils/scale/scale.js';
 export { ticks } from './utils/scale/ticks.js';
-export { scrollItemIntoView, scrollingAncestor, } from './utils/scroll-item-into-view/scroll-item-into-view.js';
+export { scrollItemIntoView, scrollingAncestor, scrollRoom, } from './utils/scroll-item-into-view/scroll-item-into-view.js';
 export { lockScroll, scrollHolders, unlockScroll } from './utils/scroll-lock/scroll-lock.js';
-export { slotFilled } from './utils/slot-filled/slot-filled.js';
+export { slotFilled, slotNamed } from './utils/slot-filled/slot-filled.js';
 export { SlottedGlyph } from './utils/slotted-glyph/slotted-glyph.js';
 export { slottedWords } from './utils/slotted-words/slotted-words.js';
 export { splitValues } from './utils/split-values/split-values.js';
@@ -120,11 +134,17 @@ export { edgeOffset, FLING, parseSnapPoints, settleSwipe, snapTravel, swipeAxis,
 export { tellDisclosure } from './utils/tell-disclosure/tell-disclosure.js';
 export { subscribe } from './utils/ticker/ticker.js';
 export { TONE_MARKS, toneMark, } from './utils/tone-marks/tone-marks.js';
+export { toolbarAround, toolbarAxis } from './utils/toolbar-around/toolbar-around.js';
 export { treeArrow } from './utils/tree-arrow/tree-arrow.js';
 export { Typeahead, typeaheadBy, typeaheadByWords, typesCharacter, } from './utils/typeahead/typeahead.js';
 export { dateAsValue, isClockValue, isDateValue, isTimeValue, minutesAsValue, numberAsValue, secondsAsValue, timeAsValue, valueAsDate, valueAsMinutes, valueAsNumber, valueAsSeconds, valueAsTime, } from './utils/value-as/value-as.js';
+export { verdictFlags } from './utils/verdict-flags/verdict-flags.js';
 export { watchTheme } from './utils/watch-theme/watch-theme.js';
 export { wordsConverter } from './utils/words-converter/words-converter.js';
 export { writeClock, writeTime } from './utils/write-time/write-time.js';
 export { anchorAt, commaList, everyState, inRowOrder, pressedValue, prunedValue, toggleEvery, toggleValue, writtenList, writtenNumbers, } from './utils/written-list/written-list.js';
 export { VERSION } from './version.js';
+export { formatMessage, } from './words/message.js';
+export { clearWords, localeChain, refreshWords, registerWords, setDefaultWordsLocale, } from './words/registry.js';
+export { formatWords, words } from './words/words.js';
+export { handedLocale, wordsLocale } from './words/words-locale.js';

package/dist/mixins/mixin-chart-source/mixin-chart-source.d.ts

@@ -132,8 +132,8 @@ export declare class MixinChartSourceInterface {
      * The locale the chart's own numbers are written in: its axis, its
      * percentages and its totals, such as `de` for `1.240` and `32 %`.
      *
-     * Absent uses the runtime's own. The table's cells are shown as the table
-     * writes them, whatever this says.
+     * Absent reads the nearest `lang`, then the runtime's own. The table's
+     * cells are shown as the table writes them, whatever this says.
      */
     locale: string;
     /**
@@ -178,6 +178,11 @@ export declare class MixinChartSourceInterface {
      * hid.
      */
     showsColumn(cell: number): boolean;
+    /**
+     * The heading of the column at this place in a row, read from the first row
+     * that has a cell there, or `''` where none has.
+     */
+    columnName(cell: number): string;
     /**
      * The number of readings, which the pointer position maps onto.
      */

package/dist/mixins/mixin-chart-source/mixin-chart-source.js

@@ -9,6 +9,7 @@ import { ChartPointerController } from '../../controllers/chart-pointer-controll
 import { SourceController } from '../../controllers/source-controller/source-controller.js';
 import { seriesKey } from '../../utils/read-series/read-series.js';
 import { writtenList } from '../../utils/written-list/written-list.js';
+import { words } from '../../words/words.js';
 export const PALETTE = 24;
 export const seriesIndex = (depth) => (depth % PALETTE) + 1;
 export const PLOT_WIDTH = 100;
@@ -26,6 +27,7 @@ export const MixinChartSource = (Base) => {
             this.locale = '';
             this.positionLabel = '{position} of {count}';
         }
+        static { this.words = ''; }
         static get observedAttributes() {
             const inherited = Reflect.get(Base, 'observedAttributes', this);
             return [...(inherited ?? []), 'aria-label'];
@@ -70,6 +72,9 @@ export const MixinChartSource = (Base) => {
             const name = this.sourceRows[0]?.cells[cell]?.name;
             return name === undefined || this.showsSeries(name);
         }
+        columnName(cell) {
+            return this.sourceRows.find((row) => row.cells[cell])?.cells[cell]?.name ?? '';
+        }
         get readings() {
             return this.sourceRows.length;
         }
@@ -84,6 +89,7 @@ export const MixinChartSource = (Base) => {
         property()
     ], ChartSourceElement.prototype, "locale", void 0);
     __decorate([
+        words,
         property({ attribute: 'position-label' })
     ], ChartSourceElement.prototype, "positionLabel", void 0);
     return ChartSourceElement;

package/dist/mixins/mixin-collection/mixin-collection.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { words } from '../../words/words.js';
 export const MixinCollection = (Base) => {
     class Collection extends Base {
         constructor() {
@@ -17,6 +18,7 @@ export const MixinCollection = (Base) => {
             this.slotRows = 0;
             this.announced = '';
         }
+        static { this.words = ''; }
         countRows(event) {
             this.slotCounted = true;
             this.slotRows = event.target.assignedElements().length;
@@ -59,12 +61,14 @@ export const MixinCollection = (Base) => {
         }
     }
     __decorate([
+        words,
         property({ attribute: 'empty-text' })
     ], Collection.prototype, "emptyText", void 0);
     __decorate([
         property({ reflect: true, type: Boolean })
     ], Collection.prototype, "loading", void 0);
     __decorate([
+        words,
         property({ attribute: 'loading-text' })
     ], Collection.prototype, "loadingText", void 0);
     __decorate([

package/dist/mixins/mixin-dismissible/mixin-dismissible.js

@@ -8,6 +8,7 @@ import { property } from 'lit/decorators.js';
 import { HelixDismissEvent } from '../../events/events.js';
 import { deepActiveElement, deepContains, } from '../../utils/focusable-elements/focusable-elements.js';
 import { tabStops } from '../../utils/tab-stops/tab-stops.js';
+import { words } from '../../words/words.js';
 export const MixinDismissible = (Base) => {
     class Dismissible extends Base {
         constructor() {
@@ -17,6 +18,7 @@ export const MixinDismissible = (Base) => {
             this.handOff = undefined;
             this.forgetFocus = undefined;
         }
+        static { this.words = ''; }
         dismissEvent() {
             const own = [...this.childNodes]
                 .filter((node) => !(node instanceof Element) || !node.slot)
@@ -110,6 +112,7 @@ export const MixinDismissible = (Base) => {
         property({ reflect: true, type: Boolean })
     ], Dismissible.prototype, "dismissible", void 0);
     __decorate([
+        words,
         property({ attribute: 'dismiss-label' })
     ], Dismissible.prototype, "dismissLabel", void 0);
     return Dismissible;

package/dist/mixins/mixin-field/mixin-field.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
-import { auditName } from '#audit-name';
+import { auditName } from '@fusion.dev/helix-core/audits/name';
 import { hostAria } from '../../utils/host-aria/host-aria.js';
 const HINT_ID = 'helix-hint';
 const FEEDBACK_ID = 'helix-feedback';

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.d.ts

@@ -15,8 +15,20 @@ type SegmentedBase = HelixFormElement & MixinControllerOpenInterface & MixinCont
  * anonymous class that has private members (TS4094).
  */
 export declare class MixinSegmentedFieldInterface {
+    /**
+     * What a row of segments reports when the field is required and every
+     * segment is empty, where `value-missing-message` is not set. `{kind}` is
+     * `date` or `time`.
+     */
+    emptyMessage: string;
     /** What a screen reader hears for a segment with nothing in it. */
     emptySegmentLabel: string;
+    /**
+     * What a row of segments reports while some segments are set and others
+     * are not, where `bad-input-message` is not set. `{kind}` is `date` or
+     * `time`.
+     */
+    incompleteMessage: string;
     /**
      * Whether the field is a row of segments, one for each part of the date or
      * time, in place of a line of text.

package/dist/mixins/mixin-segmented-field/mixin-segmented-field.js

@@ -10,11 +10,14 @@ import { isPartial, isTwelveHourLayout, segmentKey, segmentLayout, segmentName,
 import { inlineStep } from '../../utils/inline-step/inline-step.js';
 import { appleTouch } from '../../utils/platform/platform.js';
 import { verdictFlags } from '../../utils/verdict-flags/verdict-flags.js';
+import { formatWords, words } from '../../words/words.js';
 export const MixinSegmentedField = (Base) => {
     class SegmentedFieldElement extends Base {
         constructor() {
             super(...arguments);
+            this.emptyMessage = '{kind, select, date {Enter a date.} other {Enter a time.}}';
             this.emptySegmentLabel = 'Empty';
+            this.incompleteMessage = '{kind, select, date {Enter a whole date.} other {Enter a whole time.}}';
             this.segmented = false;
             this.parts = {};
             this.typed = '';
@@ -92,6 +95,7 @@ export const MixinSegmentedField = (Base) => {
                 }
             };
         }
+        static { this.words = ''; }
         get segmentable() {
             return true;
         }
@@ -175,11 +179,11 @@ export const MixinSegmentedField = (Base) => {
             const fault = verdictFlags(this.validate());
             if (partial) {
                 this.internals.setValidity({ badInput: true }, this.badInputMessage ||
-                    (this.segmentedKind === 'date' ? 'Enter a whole date.' : 'Enter a whole time.'), anchor);
+                    formatWords(this, 'incompleteMessage', { kind: this.segmentedKind }), anchor);
             }
             else if (this.required && this.value === '') {
                 this.internals.setValidity({ valueMissing: true }, this.valueMissingMessage ||
-                    (this.segmentedKind === 'date' ? 'Enter a date.' : 'Enter a time.'), anchor);
+                    formatWords(this, 'emptyMessage', { kind: this.segmentedKind }), anchor);
             }
             else if (fault !== null) {
                 this.internals.setValidity(fault[0], fault[1], anchor);
@@ -241,8 +245,17 @@ export const MixinSegmentedField = (Base) => {
         }
     }
     __decorate([
+        words,
+        property({ attribute: 'empty-message' })
+    ], SegmentedFieldElement.prototype, "emptyMessage", void 0);
+    __decorate([
+        words,
         property({ attribute: 'empty-segment-label' })
     ], SegmentedFieldElement.prototype, "emptySegmentLabel", void 0);
+    __decorate([
+        words,
+        property({ attribute: 'incomplete-message' })
+    ], SegmentedFieldElement.prototype, "incompleteMessage", void 0);
     __decorate([
         property({ type: Boolean })
     ], SegmentedFieldElement.prototype, "segmented", void 0);