@fusion.dev/helix-core 0.143.0 → 0.145.0

package/dist/events/events.js

@@ -152,6 +152,17 @@ export class HelixCanvasEditEvent extends CustomEvent {
         });
     }
 }
+export class HelixRejectEvent extends CustomEvent {
+    static { this.eventName = 'helix-reject'; }
+    constructor(detail) {
+        super(HelixRejectEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
 export class HelixRemoveEvent extends CustomEvent {
     static { this.eventName = 'helix-remove'; }
     constructor(detail) {
@@ -429,6 +440,17 @@ export class HelixBeforeSplitEvent extends CustomEvent {
         });
     }
 }
+export class HelixSplitEvent extends CustomEvent {
+    static { this.eventName = 'helix-split'; }
+    constructor(detail) {
+        super(HelixSplitEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
 export class HelixBeforePanelResizeEvent extends CustomEvent {
     static { this.eventName = 'helix-before-panel-resize'; }
     constructor(detail) {
@@ -440,6 +462,17 @@ export class HelixBeforePanelResizeEvent extends CustomEvent {
         });
     }
 }
+export class HelixPanelResizeEvent extends CustomEvent {
+    static { this.eventName = 'helix-panel-resize'; }
+    constructor(detail) {
+        super(HelixPanelResizeEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
 export class HelixBeforeCollapseEvent extends CustomEvent {
     static { this.eventName = 'helix-before-collapse'; }
     constructor(detail) {
@@ -473,6 +506,17 @@ export class HelixBeforeEditEvent extends CustomEvent {
         });
     }
 }
+export class HelixEditEvent extends CustomEvent {
+    static { this.eventName = 'helix-edit'; }
+    constructor(detail) {
+        super(HelixEditEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
 export class HelixBeforeChangeEvent extends CustomEvent {
     static { this.eventName = 'helix-before-change'; }
     constructor(detail) {
@@ -506,6 +550,97 @@ export class HelixCreateEvent extends CustomEvent {
         });
     }
 }
+export class HelixAuraFallbackEvent extends CustomEvent {
+    static { this.eventName = 'helix-aura-fallback'; }
+    constructor(detail) {
+        super(HelixAuraFallbackEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
+export class HelixClearEvent extends Event {
+    static { this.eventName = 'helix-clear'; }
+    constructor() {
+        super(HelixClearEvent.eventName, { bubbles: true, cancelable: false, composed: true });
+    }
+}
+export class HelixCopyErrorEvent extends Event {
+    static { this.eventName = 'helix-copy-error'; }
+    constructor() {
+        super(HelixCopyErrorEvent.eventName, { bubbles: true, cancelable: false, composed: true });
+    }
+}
+export class HelixLoadMoreEvent extends Event {
+    static { this.eventName = 'helix-load-more'; }
+    constructor() {
+        super(HelixLoadMoreEvent.eventName, { bubbles: true, cancelable: false, composed: true });
+    }
+}
+export class HelixLoadEvent extends Event {
+    static { this.eventName = 'helix-load'; }
+    constructor() {
+        super(HelixLoadEvent.eventName, { bubbles: true, cancelable: false, composed: true });
+    }
+}
+export class HelixRangeChangeEvent extends CustomEvent {
+    static { this.eventName = 'helix-range-change'; }
+    constructor(detail) {
+        super(HelixRangeChangeEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
+export class HelixExpandEvent extends CustomEvent {
+    static { this.eventName = 'helix-expand'; }
+    constructor(detail) {
+        super(HelixExpandEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
+export class HelixEndEvent extends Event {
+    static { this.eventName = 'helix-end'; }
+    constructor() {
+        super(HelixEndEvent.eventName, { bubbles: true, cancelable: false, composed: true });
+    }
+}
+export class HelixTypingEvent extends CustomEvent {
+    static { this.eventName = 'helix-typing'; }
+    constructor(detail) {
+        super(HelixTypingEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
+export class HelixActionEvent extends Event {
+    static { this.eventName = 'helix-action'; }
+    constructor() {
+        super(HelixActionEvent.eventName, { bubbles: true, cancelable: false, composed: true });
+    }
+}
+export class HelixToggleEvent extends CustomEvent {
+    static { this.eventName = 'helix-toggle'; }
+    constructor(detail) {
+        super(HelixToggleEvent.eventName, {
+            bubbles: true,
+            cancelable: false,
+            composed: true,
+            detail,
+        });
+    }
+}
 export class HelixCopyEvent extends CustomEvent {
     static { this.eventName = 'helix-copy'; }
     constructor(detail) {
@@ -726,7 +861,9 @@ export class HelixHistoryEvent extends CustomEvent {
     }
 }
 const registry = {
+    HelixActionEvent,
     HelixActivateEvent,
+    HelixAuraFallbackEvent,
     HelixBeforeActivateEvent,
     HelixBeforeChangeEvent,
     HelixBeforeCloseEvent,
@@ -746,13 +883,18 @@ const registry = {
     HelixCanvasViewEvent,
     HelixCanvasZoomEvent,
     HelixCaretEvent,
+    HelixClearEvent,
     HelixCollapseEvent,
     HelixCompleteEvent,
     HelixConnectEvent,
     HelixConsoleEvent,
+    HelixCopyErrorEvent,
     HelixCopyEvent,
     HelixCreateEvent,
     HelixDismissEvent,
+    HelixEditEvent,
+    HelixEndEvent,
+    HelixExpandEvent,
     HelixFacetEvent,
     HelixFilterEvent,
     HelixFilteredEvent,
@@ -764,6 +906,8 @@ const registry = {
     HelixGraphSignalEvent,
     HelixGraphZoomEvent,
     HelixHistoryEvent,
+    HelixLoadEvent,
+    HelixLoadMoreEvent,
     HelixMapClusterEvent,
     HelixMapPanEvent,
     HelixMapPartChangeEvent,
@@ -774,10 +918,13 @@ const registry = {
     HelixMoveEvent,
     HelixNavigateEvent,
     HelixNextEvent,
+    HelixPanelResizeEvent,
     HelixPinEvent,
     HelixPreviousEvent,
+    HelixRangeChangeEvent,
     HelixReadEvent,
     HelixReconnectEvent,
+    HelixRejectEvent,
     HelixRelabelEvent,
     HelixRemoveEvent,
     HelixReorderEvent,
@@ -793,6 +940,9 @@ const registry = {
     HelixShortcutEvent,
     HelixSortEvent,
     HelixSortedEvent,
+    HelixSplitEvent,
+    HelixToggleEvent,
     HelixTourAskEvent,
+    HelixTypingEvent,
 };
 export const helixEventNames = new Set(Object.values(registry).map((event) => event.eventName));

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

@@ -20,6 +20,11 @@ const SCROLLER = css `
     overflow: auto;
   }
 `;
+const VIRTUAL = css `
+  [data-virtual] {
+    overflow-anchor: none;
+  }
+`;
 const MIRROR = css `
   :host(:dir(rtl)) [data-mirror] {
     scale: -1 1;
@@ -112,7 +117,15 @@ export class HelixElement extends LitElement {
         }));
     }
     static finalizeStyles(styles) {
-        return [BOX_SIZING, HIDDEN, SCROLLER, MIRROR, SETTLED, ...LitElement.finalizeStyles(styles)];
+        return [
+            BOX_SIZING,
+            HIDDEN,
+            SCROLLER,
+            VIRTUAL,
+            MIRROR,
+            SETTLED,
+            ...LitElement.finalizeStyles(styles),
+        ];
     }
     performUpdate() {
         if (this.hasUpdated || !measuring()) {

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

@@ -52,12 +52,17 @@ export declare const auditReactProps: (host: EventTarget, props: Record<string,
  * declared public API and all of them otherwise silent in React.
  *
  * The name is React's own casing, `onError` rather than `onerror`, because that
- * is what a consumer writes and therefore what is in the props bag. Every
- * native we relay is a single word, so capitalising the first letter is the
- * whole of the rule; a two-word name like `loadeddata` would be `onLoadedData`
- * and needs the list extending rather than the rule generalising.
+ * is what a consumer writes and therefore what is in the props bag. See
+ * `reactNativeProp`.
  */
 export declare const reactPropFor: (event: Event) => string | undefined;
+/**
+ * The prop React reads for a native event: `onError` for `error`, and
+ * `onTimeUpdate` for `timeupdate`.
+ *
+ * The JSX typings name the same props, so a consumer writes what this binds.
+ */
+export declare const reactNativeProp: (type: string) => string;
 export declare const bindReactHandler: (host: EventTarget, event: Event) => void;
 /**
  * Assigns the object and function properties React is holding and never applied.

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

@@ -76,8 +76,21 @@ export const reactPropFor = (event) => {
     if (event.bubbles || REACT_WIRES.has(event.type)) {
         return undefined;
     }
-    return `on${event.type.charAt(0).toUpperCase()}${event.type.slice(1)}`;
+    return reactNativeProp(event.type);
 };
+const REACT_CASING = {
+    canplay: 'onCanPlay',
+    canplaythrough: 'onCanPlayThrough',
+    durationchange: 'onDurationChange',
+    loadeddata: 'onLoadedData',
+    loadedmetadata: 'onLoadedMetadata',
+    loadstart: 'onLoadStart',
+    ratechange: 'onRateChange',
+    scrollend: 'onScrollEnd',
+    timeupdate: 'onTimeUpdate',
+    volumechange: 'onVolumeChange',
+};
+export const reactNativeProp = (type) => REACT_CASING[type] ?? `on${type.charAt(0).toUpperCase()}${type.slice(1)}`;
 const lowercasePropFor = (event) => event.type.includes('-') || REACT_WIRES.has(event.type) ? undefined : `on${event.type}`;
 export const bindReactHandler = (host, event) => {
     const props = reactPropsOf(host);

package/dist/index.d.ts

@@ -3,26 +3,32 @@ export { ArrivalController, type ArrivalOptions, } from './controllers/arrival-c
 export { ChartPointerController, type ChartPointerHost, } from './controllers/chart-pointer-controller/chart-pointer-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';
 export { activeCue, adoptTrack, type Caption, CueController, captionsAmong, captionTracks, showCaption, } from './controllers/cue-controller/cue-controller.js';
+export { DelayController, type DelayOptions, } from './controllers/delay-controller/delay-controller.js';
 export { DisabledCascadeController, type DisabledCascadeOptions, } from './controllers/disabled-cascade-controller/disabled-cascade-controller.js';
 export { DismissController, type DismissOptions, } from './controllers/dismiss-controller/dismiss-controller.js';
 export { DrilldownController, type DrilldownOptions, } from './controllers/drilldown-controller/drilldown-controller.js';
 export { FloatingController, type FloatingOptions, type Placement, type Side, } from './controllers/floating-controller/floating-controller.js';
+export { controlsIn, FocusScopeController, type FocusScopeOptions, } from './controllers/focus-scope-controller/focus-scope-controller.js';
 export { FullscreenController } from './controllers/fullscreen-controller/fullscreen-controller.js';
 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 NavigableItem, Typeahead, typesCharacter, } from './controllers/keyboard-navigation-controller/keyboard-navigation-controller.js';
+export { KeyboardNavigationController, type KeyboardNavigationOptions, type KeyboardOrigin, type NavigableItem, Typeahead, typesCharacter, } 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 { 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 { RemotePlaybackController, type RemoteReport, } from './controllers/remote-playback-controller/remote-playback-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 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, HelixActivateEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPinEvent, HelixPreviousEvent, HelixReadEvent, HelixReconnectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixTourAskEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, type ReadDetail, type ReconnectDetail, type RelabelDetail, type RemoveDetail, type ResizeDetail, type ScrolledDetail, type SelectDetail, type SendDetail, type ShortcutDetail, type SkipDetail, type SortDetail, type ToggleDetail, type ViewportPanDetail, type ViewportZoomDetail, } from './events/events.js';
+export { type AuraFallbackDetail, 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, 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, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, HelixTypingEvent, type MapClusterDetail, type MapPanDetail, type MapPartChangeDetail, type MapRotateDetail, type MapTiltDetail, type MapZoomDetail, type MoveDetail, type NavigateDetail, type OpenDetail, 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 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, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -35,22 +41,32 @@ export { type DismissibleElement, MixinDismissible, } from './mixins/mixin-dismi
 export { MixinField, type MixinFieldInterface } from './mixins/mixin-field/mixin-field.js';
 export { MixinPickerEditing, type MixinPickerEditingInterface, } from './mixins/mixin-picker-editing/mixin-picker-editing.js';
 export { MixinPickerField, type MixinPickerFieldInterface, } from './mixins/mixin-picker-field/mixin-picker-field.js';
+export { MixinSegmentedField, type MixinSegmentedFieldInterface, } from './mixins/mixin-segmented-field/mixin-segmented-field.js';
 export { MixinSelectableItem, type MixinSelectableItemInterface, } from './mixins/mixin-selectable-item/mixin-selectable-item.js';
 export { MixinTokens, type MixinTokensInterface } from './mixins/mixin-tokens/mixin-tokens.js';
 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 { capturePointer } from './utils/capture-pointer/capture-pointer.js';
+export { ariaChord, type ChordPress, chordParts, matchesChord, printableChord, } from './utils/chord/chord.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 { 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, } from './utils/css-color/css-color.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 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 { 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 { afterLinkFollowed, followLink, type LinkModifiers, type LinkTarget, } from './utils/follow-link/follow-link.js';
 export { formatNumbers } from './utils/format-numbers/format-numbers.js';
+export { headingIn, headingsIn } from './utils/heading-in/heading-in.js';
 export { type HostAria, hostAria } from './utils/host-aria/host-aria.js';
 export { type DisableableItem, forgetDisabled, inheritDisabled, } from './utils/inherit-disabled/inherit-disabled.js';
 export { inlineStep } from './utils/inline-step/inline-step.js';
@@ -59,10 +75,14 @@ export { keyClaimed } from './utils/key-claimed/key-claimed.js';
 export { type Curve, linePath, type Point } from './utils/line-path/line-path.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 { formatNumber, parseNumber } from './utils/number-format/number-format.js';
 export { onUnlessFalse } from './utils/on-unless-false/on-unless-false.js';
-export { type ColorBytes, readColor } from './utils/read-color/read-color.js';
-export { byRow, type Row, type RowCell, readRows, readSeries, type Series, type SeriesPoint, unbroken, } from './utils/read-series/read-series.js';
-export { type Relative, relativeTime, } from './utils/relative-time/relative-time.js';
+export { appleTouch, onApple, type Platform } from './utils/platform/platform.js';
+export { rangeAdd } from './utils/range-add/range-add.js';
+export { type ColorBytes, readColor, rgbOf } from './utils/read-color/read-color.js';
+export { byRow, 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 { 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';
@@ -70,6 +90,7 @@ export { reportValues } from './utils/report-values/report-values.js';
 export { type ChangeRequestOptions, requestChange, } 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';
 export { extent, linear, type Scale } from './utils/scale/scale.js';
 export { ticks } from './utils/scale/ticks.js';
 export { type ScrollItemOptions, scrollItemIntoView, } from './utils/scroll-item-into-view/scroll-item-into-view.js';
@@ -77,11 +98,12 @@ export { lockScroll, scrollHolders, unlockScroll } from './utils/scroll-lock/scr
 export { slotFilled } from './utils/slot-filled/slot-filled.js';
 export { slottedWords } from './utils/slotted-words/slotted-words.js';
 export { splitValues } from './utils/split-values/split-values.js';
+export { edgeOffset, FLING, parseSnapPoints, type SwipeAxis, type SwipeEdge, type SwipeRelease, settleSwipe, snapTravel, swipeAxis, swipeEdge, swipeStep, towardEdge, } from './utils/swipe/swipe.js';
 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 { dateAsValue, isDateValue, isTimeValue, minutesAsValue, numberAsValue, timeAsValue, valueAsDate, valueAsMinutes, valueAsNumber, valueAsTime, } from './utils/value-as/value-as.js';
+export { dateAsValue, isClockValue, isDateValue, isTimeValue, minutesAsValue, numberAsValue, secondsAsValue, timeAsValue, valueAsDate, valueAsMinutes, valueAsNumber, valueAsSeconds, valueAsTime, } from './utils/value-as/value-as.js';
 export { watchTheme } from './utils/watch-theme/watch-theme.js';
-export { writeTime } from './utils/write-time/write-time.js';
-export { writtenList, writtenNumbers } from './utils/written-list/written-list.js';
+export { writeClock, writeTime } from './utils/write-time/write-time.js';
+export { commaList, toggleValue, writtenList, writtenNumbers, } from './utils/written-list/written-list.js';
 export { VERSION } from './version.js';

package/dist/index.js

@@ -3,26 +3,32 @@ export { ArrivalController, } from './controllers/arrival-controller/arrival-con
 export { ChartPointerController, } from './controllers/chart-pointer-controller/chart-pointer-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';
 export { activeCue, adoptTrack, CueController, captionsAmong, captionTracks, showCaption, } from './controllers/cue-controller/cue-controller.js';
+export { DelayController, } from './controllers/delay-controller/delay-controller.js';
 export { DisabledCascadeController, } from './controllers/disabled-cascade-controller/disabled-cascade-controller.js';
 export { DismissController, } from './controllers/dismiss-controller/dismiss-controller.js';
 export { DrilldownController, } from './controllers/drilldown-controller/drilldown-controller.js';
 export { FloatingController, } from './controllers/floating-controller/floating-controller.js';
+export { controlsIn, FocusScopeController, } from './controllers/focus-scope-controller/focus-scope-controller.js';
 export { FullscreenController } from './controllers/fullscreen-controller/fullscreen-controller.js';
 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, Typeahead, typesCharacter, } 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 { 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 { RemotePlaybackController, } from './controllers/remote-playback-controller/remote-playback-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 { HelixActivateEvent, HelixBeforeActivateEvent, HelixBeforeChangeEvent, HelixBeforeCloseEvent, HelixBeforeCollapseEvent, HelixBeforeEditEvent, HelixBeforeMoveEvent, HelixBeforeOpenEvent, HelixBeforePanelResizeEvent, HelixBeforePinEvent, HelixBeforeReconnectEvent, HelixBeforeRelabelEvent, HelixBeforeResizeEvent, HelixBeforeSplitEvent, HelixBeforeToggleEvent, HelixCanvasEditEvent, HelixCanvasPanEvent, HelixCanvasViewEvent, HelixCanvasZoomEvent, HelixCaretEvent, HelixCollapseEvent, HelixCompleteEvent, HelixConnectEvent, HelixConsoleEvent, HelixCopyEvent, HelixCreateEvent, HelixDismissEvent, HelixFacetEvent, HelixFilterEvent, HelixFilteredEvent, HelixGraphFilterEvent, HelixGraphLayoutEvent, HelixGraphPanEvent, HelixGraphPartChangeEvent, HelixGraphReadyEvent, HelixGraphSignalEvent, HelixGraphZoomEvent, HelixHistoryEvent, HelixMapClusterEvent, HelixMapPanEvent, HelixMapPartChangeEvent, HelixMapReadyEvent, HelixMapRotateEvent, HelixMapTiltEvent, HelixMapZoomEvent, HelixMoveEvent, HelixNavigateEvent, HelixNextEvent, HelixPinEvent, HelixPreviousEvent, HelixReadEvent, HelixReconnectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixTourAskEvent, } from './events/events.js';
+export { HelixActionEvent, HelixActivateEvent, HelixAuraFallbackEvent, 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, HelixPreviousEvent, HelixRangeChangeEvent, HelixReadEvent, HelixReconnectEvent, HelixRejectEvent, HelixRelabelEvent, HelixRemoveEvent, HelixReorderEvent, HelixReorderedEvent, HelixResizedEvent, HelixResizeEvent, HelixSampleEndEvent, HelixSampleStartEvent, HelixScrolledEvent, HelixSelectEvent, HelixSelectedEvent, HelixSendEvent, HelixShortcutEvent, HelixSortEvent, HelixSortedEvent, HelixSplitEvent, HelixToggleEvent, HelixTourAskEvent, 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, seriesIndex, seriesNames, } from './mixins/mixin-chart-source/mixin-chart-source.js';
@@ -35,22 +41,32 @@ export { MixinDismissible, } from './mixins/mixin-dismissible/mixin-dismissible.
 export { MixinField } from './mixins/mixin-field/mixin-field.js';
 export { MixinPickerEditing, } from './mixins/mixin-picker-editing/mixin-picker-editing.js';
 export { MixinPickerField, } from './mixins/mixin-picker-field/mixin-picker-field.js';
+export { MixinSegmentedField, } from './mixins/mixin-segmented-field/mixin-segmented-field.js';
 export { MixinSelectableItem, } from './mixins/mixin-selectable-item/mixin-selectable-item.js';
 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 { capturePointer } from './utils/capture-pointer/capture-pointer.js';
+export { ariaChord, chordParts, matchesChord, printableChord, } from './utils/chord/chord.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 { countLabel } from './utils/count-label/count-label.js';
 export { createSheet } from './utils/create-sheet/create-sheet.js';
-export { formatColor, parseColor, toCss, } from './utils/css-color/css-color.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 { 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 { afterLinkFollowed, followLink, } from './utils/follow-link/follow-link.js';
 export { formatNumbers } from './utils/format-numbers/format-numbers.js';
+export { headingIn, headingsIn } from './utils/heading-in/heading-in.js';
 export { hostAria } from './utils/host-aria/host-aria.js';
 export { forgetDisabled, inheritDisabled, } from './utils/inherit-disabled/inherit-disabled.js';
 export { inlineStep } from './utils/inline-step/inline-step.js';
@@ -59,9 +75,13 @@ export { keyClaimed } from './utils/key-claimed/key-claimed.js';
 export { linePath } from './utils/line-path/line-path.js';
 export { markRegion } from './utils/mark-region/mark-region.js';
 export { copiesOf, sameCopies, } from './utils/media-copy/media-copy.js';
+export { formatNumber, parseNumber } from './utils/number-format/number-format.js';
 export { onUnlessFalse } from './utils/on-unless-false/on-unless-false.js';
-export { readColor } from './utils/read-color/read-color.js';
-export { byRow, readRows, readSeries, unbroken, } from './utils/read-series/read-series.js';
+export { appleTouch, onApple } from './utils/platform/platform.js';
+export { rangeAdd } from './utils/range-add/range-add.js';
+export { readColor, rgbOf } from './utils/read-color/read-color.js';
+export { byRow, 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 { measuring, RENDER_SLOT, reportRender } from './utils/report-render/report-render.js';
 export { RUNTIME_LOG, RUNTIME_SLOT, reportRuntime, } from './utils/report-runtime/report-runtime.js';
@@ -70,6 +90,7 @@ export { reportValues } from './utils/report-values/report-values.js';
 export { requestChange, } 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';
 export { extent, linear } from './utils/scale/scale.js';
 export { ticks } from './utils/scale/ticks.js';
 export { scrollItemIntoView, } from './utils/scroll-item-into-view/scroll-item-into-view.js';
@@ -77,11 +98,12 @@ export { lockScroll, scrollHolders, unlockScroll } from './utils/scroll-lock/scr
 export { slotFilled } from './utils/slot-filled/slot-filled.js';
 export { slottedWords } from './utils/slotted-words/slotted-words.js';
 export { splitValues } from './utils/split-values/split-values.js';
+export { edgeOffset, FLING, parseSnapPoints, settleSwipe, snapTravel, swipeAxis, swipeEdge, swipeStep, towardEdge, } from './utils/swipe/swipe.js';
 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 { dateAsValue, isDateValue, isTimeValue, minutesAsValue, numberAsValue, timeAsValue, valueAsDate, valueAsMinutes, valueAsNumber, valueAsTime, } from './utils/value-as/value-as.js';
+export { dateAsValue, isClockValue, isDateValue, isTimeValue, minutesAsValue, numberAsValue, secondsAsValue, timeAsValue, valueAsDate, valueAsMinutes, valueAsNumber, valueAsSeconds, valueAsTime, } from './utils/value-as/value-as.js';
 export { watchTheme } from './utils/watch-theme/watch-theme.js';
-export { writeTime } from './utils/write-time/write-time.js';
-export { writtenList, writtenNumbers } from './utils/written-list/written-list.js';
+export { writeClock, writeTime } from './utils/write-time/write-time.js';
+export { commaList, toggleValue, writtenList, writtenNumbers, } from './utils/written-list/written-list.js';
 export { VERSION } from './version.js';

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

@@ -1,6 +1,6 @@
 import { ChartPointerController } from '../../controllers/chart-pointer-controller/chart-pointer-controller.js';
 import type { HelixElement } from '../../helix-element/helix-element.js';
-import type { Row, Series } from '../../utils/read-series/read-series.js';
+import { type Row, type Series } from '../../utils/read-series/read-series.js';
 type Constructor<T> = new (...args: any[]) => T;
 /**
  * How many colors the series palette has, and so where it starts over.
@@ -45,7 +45,7 @@ export declare const PLOT_HEIGHT = 100;
  * nothing to read off the page that says why.
  *
  * `writtenList` is the split, and carries the argument for accepting a comma.
- * What this adds is the lowercase, the headings being matched
+ * What this adds is `seriesKey`, the headings being matched
  * case-insensitively.
  */
 export declare const seriesNames: (list: string | undefined) => string[];
@@ -158,6 +158,11 @@ export declare class MixinChartSourceInterface {
      * when no series was read from that column.
      */
     seriesOf(cell: number): number | undefined;
+    /**
+     * Whether the series of this name is drawn, which it is unless a legend
+     * reading the same table hid it.
+     */
+    showsSeries(name: string): boolean;
     /**
      * The number of readings, which the pointer position maps onto.
      */

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

@@ -7,12 +7,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { property } from 'lit/decorators.js';
 import { ChartPointerController } from '../../controllers/chart-pointer-controller/chart-pointer-controller.js';
 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';
 export const PALETTE = 24;
 export const seriesIndex = (depth) => (depth % PALETTE) + 1;
 export const PLOT_WIDTH = 100;
 export const PLOT_HEIGHT = 100;
-export const seriesNames = (list) => writtenList(list).map((name) => name.toLowerCase());
+export const seriesNames = (list) => writtenList(list).map(seriesKey);
 export const MixinChartSource = (Base) => {
     class ChartSourceElement extends Base {
         constructor() {
@@ -47,6 +48,9 @@ export const MixinChartSource = (Base) => {
             const depth = this.plottedColumns.indexOf(cell);
             return depth < 0 ? undefined : seriesIndex(depth);
         }
+        showsSeries(name) {
+            return !this.source.hidden.has(seriesKey(name));
+        }
         get readings() {
             return this.sourceRows.length;
         }

package/dist/mixins/mixin-controller-checked/mixin-controller-checked.d.ts

@@ -20,6 +20,16 @@ export declare class MixinControllerCheckedInterface {
      * Whether the control starts checked. A form reset returns it to this state.
      */
     defaultChecked: boolean;
+    /**
+     * Whether a reader can see and focus the control and cannot change it. A
+     * read-only control still submits its value.
+     */
+    readOnly: boolean;
+    /**
+     * Refuses a press on the inner control while the control is read-only,
+     * bound to its `click`.
+     */
+    protected readonly holdReadOnly: (event: Event) => void;
     /**
      * Requests a change to `checked`, and returns whether it was applied.
      *

package/dist/mixins/mixin-controller-checked/mixin-controller-checked.js

@@ -13,6 +13,12 @@ export const MixinControllerChecked = (Base) => {
             super(...arguments);
             this.defaultChecked = false;
             this.checkedState = undefined;
+            this.readOnly = false;
+            this.holdReadOnly = (event) => {
+                if (this.readOnly) {
+                    event.preventDefault();
+                }
+            };
         }
         get checked() {
             return this.checkedState ?? this.defaultChecked;
@@ -63,5 +69,8 @@ export const MixinControllerChecked = (Base) => {
     __decorate([
         property({ attribute: 'default-checked', type: Boolean })
     ], CheckedElement.prototype, "defaultChecked", void 0);
+    __decorate([
+        property({ attribute: 'readonly', reflect: true, type: Boolean })
+    ], CheckedElement.prototype, "readOnly", void 0);
     return CheckedElement;
 };