@tremolo-ui/svelte 0.8.0 → 0.9.0

package/dist/components/Slider/Track.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { cssLength } from '@tremolo-ui/dom'
+  import { cssLength } from '@tremolo-ui/dom/internal'
 
   import { setPlacement } from '../_util/placement.js'
 
@@ -14,8 +14,8 @@
   let {
     length,
     thickness,
-    active,
-    inactive,
+    activeColor,
+    inactiveColor,
     ref = $bindable(null),
     children,
     style,
@@ -37,11 +37,13 @@
 <div
   bind:this={ref}
   data-disabled={slider.disabled ? '' : undefined}
-  data-orientation={slider.vertical ? 'vertical' : 'horizontal'}
-  data-flipped={slider.vertical !== slider.reverse ? '' : undefined}
+  data-orientation={slider.orientation}
+  data-flipped={(slider.orientation === 'vertical') !== slider.reverse
+    ? ''
+    : undefined}
   style="position: relative; {style ?? ''}"
-  style:--active={active}
-  style:--inactive={inactive}
+  style:--active-color={activeColor}
+  style:--inactive-color={inactiveColor}
   style:--length={cssLength(length)}
   style:--thickness={cssLength(thickness)}
   style:--percent="{slider.percent}%"

package/dist/components/Slider/Track.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Track.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Track.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,KAAK,GAAG,gBAAgB,GAC3B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AAwCjE,QAAA,MAAM,KAAK,8CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Track.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Track.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,KAAK,GAAG,gBAAgB,GAC3B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,gBAAgB,CAAC,CAAC;AA0CjE,QAAA,MAAM,KAAK,8CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/Slider/context.d.ts

@@ -9,7 +9,7 @@ export interface SliderContextValue {
     readonly max: number;
     readonly step: number;
     readonly scale: Scale;
-    readonly vertical: boolean;
+    readonly orientation: 'horizontal' | 'vertical';
     readonly reverse: boolean;
     readonly disabled: boolean;
     readonly readonly: boolean;

package/dist/components/Slider/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElD;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,kFAAkF;IAClF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,sFAAsF;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,sEAAsE;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD;AAID,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,0BAAM,CAAA;AACnC,eAAO,MAAM,gBAAgB,qDAAM,CAAA"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElD;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAA;IAC/C,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAC1B,kFAAkF;IAClF,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,sFAAsF;IACtF,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,sEAAsE;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;CACnD;AAID,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,0BAAM,CAAA;AACnC,eAAO,MAAM,gBAAgB,qDAAM,CAAA"}

package/dist/components/Slider/types.d.ts

@@ -1,4 +1,4 @@
-import type { InputEventOption, MarksOptions, ModifierValue } from '@tremolo-ui/dom';
+import type { ChangeSource, InputEventOption, MarksOptions, ModifierValue } from '@tremolo-ui/dom';
 import type { Scale } from '@tremolo-ui/functions';
 import type { Snippet } from 'svelte';
 export interface SliderProps {
@@ -21,22 +21,21 @@ export interface SliderProps {
      */
     scale?: Scale;
     /**
-     * Run the slider vertically, with the value growing upwards.
-     * @default false
+     * Which way the slider runs. A vertical slider grows upwards, and every
+     * part carries the same value as `data-orientation`.
+     * @default 'horizontal'
      */
-    vertical?: boolean;
+    orientation?: 'horizontal' | 'vertical';
     /**
-     * Grow the value the other way: leftwards, or downwards when `vertical`.
+     * Grow the value the other way: leftwards, or downwards when vertical.
      * @default false
      */
     reverse?: boolean;
     /**
      * The cursor to show while dragging.
-     * @default { cursor: 'pointer' }
+     * @default 'pointer'
      */
-    externalStyles?: {
-        cursor?: string;
-    };
+    dragCursor?: string;
     /**
      * How much one notch of the wheel moves the value, while the focus is
      * inside. `null` turns the wheel off.
@@ -67,10 +66,24 @@ export interface SliderProps {
     readonly?: boolean;
     /** Called with the new value when a drag, the wheel or an arrow key moves it. */
     onChange?: (value: number) => void;
-    /** Called when a drag starts, with the value where the track was pressed. */
-    onDragStart?: (value: number) => void;
-    /** Called when the drag ends, with the value it ended on. */
-    onDragEnd?: (value: number) => void;
+    /**
+     * Called when a change of the value starts — a press on the
+     * track, the first wheel notch or arrow key — with the value before it and
+     * what it is made with. A host recording automation can treat the control
+     * as touched from here until `onChangeEnd`.
+     */
+    onChangeStart?: (value: number, source: ChangeSource) => void;
+    /**
+     * Called when the change ends, with the value it ended on: on release, or
+     * `changeEndDelay` after the last wheel notch or arrow key.
+     */
+    onChangeEnd?: (value: number, source: ChangeSource) => void;
+    /**
+     * How long after the last wheel notch or arrow key the change counts as
+     * over, in milliseconds.
+     * @default 500
+     */
+    changeEndDelay?: number;
     /** The root element, bound with `bind:ref`. */
     ref?: HTMLDivElement | null;
     /** The slider renders exactly what you compose here. */
@@ -81,10 +94,10 @@ export interface SliderTrackProps {
     length?: number | string;
     /** How thick the track is across that axis. Sets `--thickness`. */
     thickness?: number | string;
-    /** Colour of the part from `min` to the value. Sets `--active`. */
-    active?: string;
-    /** Colour of the rest of the track. Sets `--inactive`. */
-    inactive?: string;
+    /** Colour of the part from `min` to the value. Sets `--active-color`. */
+    activeColor?: string;
+    /** Colour of the rest of the track. Sets `--inactive-color`. */
+    inactiveColor?: string;
     ref?: HTMLDivElement | null;
     children?: Snippet;
 }

package/dist/components/Slider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"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"}

package/dist/components/XYPad/Root.svelte

@@ -1,26 +1,29 @@
 <script lang="ts">
   import {
-    applyDelta,
-    arrowKeyMove,
     DEFAULT_DRAG_SENSITIVITY,
     DEFAULT_KEYBOARD_OPTIONS,
     DEFAULT_WHEEL_OPTIONS,
     elementMapping,
-    selectModifier,
-    toXY,
     valuePercent,
-    wheelMove,
-    type AxisMove,
     type AxisOptions,
     type InputEventOption,
     type ModifierState,
     type ModifierValue,
     type XY,
   } from '@tremolo-ui/dom'
+  import {
+    applyDelta,
+    arrowKeyMove,
+    selectModifier,
+    toXY,
+    wheelMove,
+    type AxisMove,
+  } from '@tremolo-ui/dom/internal'
   import { linearScale } from '@tremolo-ui/functions'
 
   import { dragValue } from '../../actions/drag-value.js'
   import { wheel as wheelAction } from '../../actions/wheel.js'
+  import { useChangeGesture } from '../_util/change-gesture.svelte.js'
   import { useCheckSteps } from '../_util/check-steps.svelte.js'
 
   import { setXYPadContext } from './context.js'
@@ -41,12 +44,13 @@
     wheel = DEFAULT_WHEEL_OPTIONS,
     keyboard = DEFAULT_KEYBOARD_OPTIONS,
     dragSensitivity = DEFAULT_DRAG_SENSITIVITY,
-    externalStyles,
+    dragCursor = 'pointer',
     disabled = false,
     readonly = false,
     onChange,
-    onDragStart,
-    onDragEnd,
+    onChangeStart,
+    onChangeEnd,
+    changeEndDelay,
     ref = $bindable(null),
     children,
     onkeydown,
@@ -106,6 +110,14 @@
     onChange?.(next)
   }
 
+  const gesture = useChangeGesture(() => ({
+    value,
+    inactive,
+    onChangeStart,
+    onChangeEnd,
+    changeEndDelay,
+  }))
+
   /** Move one axis by one press of `option`, in screen coordinates. */
   function nudge(
     { axis: i, direction }: AxisMove,
@@ -166,19 +178,17 @@
         selectModifier(dragSensitivity, state.event).value,
     }),
     updateOnPointerDown: true,
-    cursor: inactive ? undefined : (externalStyles?.cursor ?? 'pointer'),
+    cursor: inactive ? undefined : dragCursor,
     shouldStart: () => !inactive,
     onChange: (v: XY<number>) => {
       if (!inactive) change(v)
     },
-    onDragStart: (v: XY<number>) => {
+    onDragStart: () => {
       if (inactive) return
+      gesture.hold('pointer')
       thumb?.focus()
-      onDragStart?.(v)
-    },
-    onDragEnd: (v: XY<number>) => {
-      if (!inactive) onDragEnd?.(v)
     },
+    onDragEnd: () => gesture.end(),
   })
 
   const wheelOptions = $derived({
@@ -188,6 +198,7 @@
       const move = wheelMove(event)
       if (!move) return
       event.preventDefault()
+      gesture.pulse('wheel')
       nudge(move, wheel, event)
     },
   })
@@ -220,7 +231,10 @@
     const move = arrowKeyMove(event.key)
     if (move) {
       event.preventDefault()
-      if (keyboard && !inactive) nudge(move, keyboard, event)
+      if (keyboard && !inactive) {
+        gesture.pulse('keyboard')
+        nudge(move, keyboard, event)
+      }
     }
     onkeydown?.(event)
   }}

package/dist/components/XYPad/Root.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Root.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/XYPad/Root.svelte.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,KAAK,GAAG,UAAU,GACrB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,UAAU,CAAC,CAAC;AAkN3D,QAAA,MAAM,IAAI;;;mBAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Root.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/XYPad/Root.svelte.ts"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGpD,KAAK,KAAK,GAAG,UAAU,GACrB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,UAAU,CAAC,CAAC;AA+N3D,QAAA,MAAM,IAAI;;;mBAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

package/dist/components/XYPad/Thumb.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { toXY } from '@tremolo-ui/dom'
+  import { toXY } from '@tremolo-ui/dom/internal'
 
   import { checkPlacement } from '../_util/placement.js'
   import VisuallyHiddenRangeInput from '../_util/VisuallyHiddenRangeInput.svelte'

package/dist/components/XYPad/types.d.ts

@@ -1,4 +1,4 @@
-import type { InputEventOption, ModifierValue, XY, XYInput } from '@tremolo-ui/dom';
+import type { ChangeSource, InputEventOption, ModifierValue, XY, XYInput } from '@tremolo-ui/dom';
 import type { Scale } from '@tremolo-ui/functions';
 import type { Snippet } from 'svelte';
 /**
@@ -47,18 +47,32 @@ export interface XYPadProps {
     keyboard?: ModifierValue<InputEventOption> | null;
     /**
      * The cursor to show while dragging.
-     * @default { cursor: 'pointer' }
+     * @default 'pointer'
      */
-    externalStyles?: {
-        cursor?: string;
-    };
+    dragCursor?: string;
     /** Make the pad unchangeable and remove it from the tab order. */
     disabled?: boolean;
     /** Make the value unchangeable. */
     readonly?: boolean;
     onChange?: (value: XY<number>) => void;
-    onDragStart?: (value: XY<number>) => void;
-    onDragEnd?: (value: XY<number>) => void;
+    /**
+     * Called when a change of the value starts — a press on the
+     * area, the first wheel notch or arrow key — with the value before it and
+     * what it is made with. A host recording automation can treat the control
+     * as touched from here until `onChangeEnd`.
+     */
+    onChangeStart?: (value: XY<number>, source: ChangeSource) => void;
+    /**
+     * Called when the change ends, with the value it ended on: on release, or
+     * `changeEndDelay` after the last wheel notch or arrow key.
+     */
+    onChangeEnd?: (value: XY<number>, source: ChangeSource) => void;
+    /**
+     * How long after the last wheel notch or arrow key the change counts as
+     * over, in milliseconds.
+     * @default 500
+     */
+    changeEndDelay?: number;
     /** The root element, bound with `bind:ref`. */
     ref?: HTMLDivElement | null;
     /** The pad renders exactly what you compose here. */

package/dist/components/XYPad/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/XYPad/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,aAAa,EACb,EAAE,EACF,OAAO,EACR,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,2EAA2E;IAC3E,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,CAAA;IACjB,sDAAsD;IACtD,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACpB,oDAAoD;IACpD,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAA;IAC9C;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAA;IACjD;;;OAGG;IACH,cAAc,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACpC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACtC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACvC,+CAA+C;IAC/C,GAAG,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC3B,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACjD,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACtD,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACvD,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/XYPad/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,EAAE,EACF,OAAO,EACR,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAErC;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,2EAA2E;IAC3E,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,CAAA;IACjB,sDAAsD;IACtD,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACpB,oDAAoD;IACpD,GAAG,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;IAC1B;;;;OAIG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAA;IAC9C;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAA;IACjD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,IAAI,CAAA;IACtC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACjE;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/D;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+CAA+C;IAC/C,GAAG,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC3B,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACjD,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACtD,wEAAwE;IACxE,kBAAkB,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACvD,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,CAAA;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB"}

package/dist/components/_util/change-gesture.svelte.d.ts

@@ -0,0 +1,18 @@
+import { type ChangeSource } from '@tremolo-ui/dom';
+export interface ChangeGestureState<V> {
+    value: V;
+    inactive: boolean;
+    onChangeStart?: (value: V, source: ChangeSource) => void;
+    onChangeEnd?: (value: V, source: ChangeSource) => void;
+    changeEndDelay?: number;
+}
+/**
+ * The core's change gesture, reporting the control's value to
+ * `onChangeStart` / `onChangeEnd`: the start gets the value before the change,
+ * the end the value it ended on. The value is written by the component before
+ * `onChange` is called, so reading it at the end is the last one reported.
+ *
+ * Takes a getter, so that the callbacks and the delay are read as they are now.
+ */
+export declare function useChangeGesture<V>(state: () => ChangeGestureState<V>): import("@tremolo-ui/dom").ChangeGestureInstance;
+//# sourceMappingURL=change-gesture.svelte.d.ts.map

package/dist/components/_util/change-gesture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"change-gesture.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/_util/change-gesture.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAExE,MAAM,WAAW,kBAAkB,CAAC,CAAC;IACnC,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACtD,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,mDAiBrE"}

package/dist/components/_util/change-gesture.svelte.js

@@ -0,0 +1,26 @@
+import { createChangeGesture } from '@tremolo-ui/dom';
+/**
+ * The core's change gesture, reporting the control's value to
+ * `onChangeStart` / `onChangeEnd`: the start gets the value before the change,
+ * the end the value it ended on. The value is written by the component before
+ * `onChange` is called, so reading it at the end is the last one reported.
+ *
+ * Takes a getter, so that the callbacks and the delay are read as they are now.
+ */
+export function useChangeGesture(state) {
+    const gesture = createChangeGesture({
+        onStart: (source) => { var _a, _b; return (_b = (_a = state()).onChangeStart) === null || _b === void 0 ? void 0 : _b.call(_a, state().value, source); },
+        onEnd: (source) => { var _a, _b; return (_b = (_a = state()).onChangeEnd) === null || _b === void 0 ? void 0 : _b.call(_a, state().value, source); },
+    });
+    $effect(() => {
+        gesture.update({ endDelay: state().changeEndDelay });
+    });
+    // A control that turns inactive mid-gesture, or goes away, should not leave
+    // a host thinking it is still being touched.
+    $effect(() => {
+        if (state().inactive)
+            gesture.end();
+    });
+    $effect(() => () => gesture.end());
+    return gesture;
+}

package/dist/components/_util/check-steps.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type CheckStepsOptions } from '@tremolo-ui/dom';
+import { type CheckStepsOptions } from '@tremolo-ui/dom/internal';
 /**
  * Warn, in development only, when a key press or a wheel notch cannot produce
  * a change the user can see. The probing is `checkSteps` in the core; `DEV`

package/dist/components/_util/check-steps.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"check-steps.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/_util/check-steps.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEpE;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,iBAAiB,QAK7D"}
+{"version":3,"file":"check-steps.svelte.d.ts","sourceRoot":"","sources":["../../../src/components/_util/check-steps.svelte.ts"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAE7E;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,iBAAiB,QAK7D"}

package/dist/components/_util/check-steps.svelte.js

@@ -1,5 +1,5 @@
 import { DEV } from 'esm-env';
-import { checkSteps } from '@tremolo-ui/dom';
+import { checkSteps } from '@tremolo-ui/dom/internal';
 /**
  * Warn, in development only, when a key press or a wheel notch cannot produce
  * a change the user can see. The probing is `checkSteps` in the core; `DEV`

package/dist/components/_util/style.js

@@ -1,4 +1,4 @@
-import { visuallyHiddenStyle } from '@tremolo-ui/dom';
+import { visuallyHiddenStyle } from '@tremolo-ui/dom/internal';
 /** A style object as the text of a `style` attribute. */
 export function styleText(style) {
     return Object.entries(style)

package/dist/index.d.ts

@@ -2,9 +2,9 @@ export { drag } from './actions/drag.js';
 export { dragValue } from './actions/drag-value.js';
 export { dropZone } from './actions/drop-zone.js';
 export { longPress } from './actions/long-press.js';
-export { wheel, type WheelActionOptions } from './actions/wheel.js';
+export { wheel } from './actions/wheel.js';
 export { default as AnimationCanvas } from './components/AnimationCanvas/AnimationCanvas.svelte';
-export type { AnimationCanvasProps, DrawFunction, InitFunction, } from './components/AnimationCanvas/types.js';
+export type { AnimationCanvasProps } from './components/AnimationCanvas/types.js';
 export * as DropZone from './components/DropZone/index.js';
 export type { DropZoneProps } from './components/DropZone/types.js';
 export * as FileInput from './components/FileInput/index.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAGnE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qDAAqD,CAAA;AAChG,YAAY,EACV,oBAAoB,EACpB,YAAY,EACZ,YAAY,GACb,MAAM,uCAAuC,CAAA;AAC9C,OAAO,KAAK,QAAQ,MAAM,gCAAgC,CAAA;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EACL,mBAAmB,EACnB,KAAK,qBAAqB,GAC3B,MAAM,mCAAmC,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,KAAK,IAAI,MAAM,4BAA4B,CAAA;AAClD,OAAO,EACL,cAAc,EACd,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAA;AACrC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,KAAK,WAAW,MAAM,mCAAmC,CAAA;AAChE,OAAO,EACL,qBAAqB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,qCAAqC,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,YAAY,EACV,aAAa,EACb,QAAQ,EACR,UAAU,GACX,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,YAAY,MAAM,oCAAoC,CAAA;AAClE,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,GAC9B,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAA;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,kBAAkB,GACxB,MAAM,gCAAgC,CAAA;AACvC,YAAY,EACV,sBAAsB,EACtB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,8BAA8B,CAAA;AACrC,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,OAAO,EACL,eAAe,EACf,KAAK,iBAAiB,GACvB,MAAM,+BAA+B,CAAA;AACtC,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAG9E,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qDAAqD,CAAA;AAChG,YAAY,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AACjF,OAAO,KAAK,QAAQ,MAAM,gCAAgC,CAAA;AAC1D,YAAY,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AACnE,OAAO,KAAK,SAAS,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EACL,mBAAmB,EACnB,KAAK,qBAAqB,GAC3B,MAAM,mCAAmC,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AACrE,OAAO,KAAK,IAAI,MAAM,4BAA4B,CAAA;AAClD,OAAO,EACL,cAAc,EACd,KAAK,gBAAgB,GACtB,MAAM,8BAA8B,CAAA;AACrC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,KAAK,WAAW,MAAM,mCAAmC,CAAA;AAChE,OAAO,EACL,qBAAqB,EACrB,KAAK,uBAAuB,GAC7B,MAAM,qCAAqC,CAAA;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,YAAY,EACV,aAAa,EACb,QAAQ,EACR,UAAU,GACX,MAAM,6BAA6B,CAAA;AACpC,OAAO,KAAK,YAAY,MAAM,oCAAoC,CAAA;AAClE,OAAO,EACL,sBAAsB,EACtB,KAAK,wBAAwB,GAC9B,MAAM,sCAAsC,CAAA;AAC7C,YAAY,EACV,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,oCAAoC,CAAA;AAC3C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAA;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,kBAAkB,GACxB,MAAM,gCAAgC,CAAA;AACvC,YAAY,EACV,sBAAsB,EACtB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,8BAA8B,CAAA;AACrC,OAAO,KAAK,KAAK,MAAM,6BAA6B,CAAA;AACpD,OAAO,EACL,eAAe,EACf,KAAK,iBAAiB,GACvB,MAAM,+BAA+B,CAAA;AACtC,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAG9E,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tremolo-ui/svelte",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "Svelte component library for audio app",
   "type": "module",
   "sideEffects": false,
@@ -18,24 +18,24 @@
     "clean:sb": "rimraf ./storybook-static"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "10.6.0",
-    "@storybook/addon-docs": "10.6.0",
-    "@storybook/addon-svelte-csf": "5.1.3",
-    "@storybook/svelte-vite": "10.6.0",
+    "@storybook/addon-a11y": "10.6.1",
+    "@storybook/addon-docs": "10.6.1",
+    "@storybook/addon-svelte-csf": "5.1.5",
+    "@storybook/svelte-vite": "10.6.1",
     "@sveltejs/package": "2.5.8",
     "@sveltejs/vite-plugin-svelte": "7.3.1",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/svelte": "5.4.2",
     "svelte": "5.57.1",
-    "storybook": "10.6.0",
+    "storybook": "10.6.1",
     "svelte-check": "4.7.6"
   },
   "peerDependencies": {
     "svelte": "^5.40.0"
   },
   "dependencies": {
-    "@tremolo-ui/dom": "^0.8.0",
-    "@tremolo-ui/functions": "^0.8.0",
+    "@tremolo-ui/dom": "0.9.0",
+    "@tremolo-ui/functions": "^0.9.0",
     "esm-env": "^1.2.2"
   },
   "files": [