use-scroll-animate 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +2 -0
  3. package/README_ja.md +2 -0
  4. package/README_zh.md +2 -0
  5. package/dist/chunks/{base-Co98Z2iM.js → base-Cu-86Z31.js} +2 -2
  6. package/dist/chunks/{base-Co98Z2iM.js.map → base-Cu-86Z31.js.map} +1 -1
  7. package/dist/chunks/{index-tags-BEM98giN.cjs → index-tags-DCTX4F9b.cjs} +3 -1
  8. package/dist/chunks/{index-tags-BEM98giN.cjs.map → index-tags-DCTX4F9b.cjs.map} +1 -1
  9. package/dist/chunks/{index-tags-f37txHmb.js → index-tags-DZ-gjMZc.js} +3 -1
  10. package/dist/chunks/{index-tags-f37txHmb.js.map → index-tags-DZ-gjMZc.js.map} +1 -1
  11. package/dist/chunks/{spring-YNUpez2g.js → spring-BV-cpTHC.js} +2 -2
  12. package/dist/chunks/{spring-YNUpez2g.js.map → spring-BV-cpTHC.js.map} +1 -1
  13. package/dist/chunks/{variants-Dp_5lJ_J.js → variants-BQ3gCb5L.js} +2 -2
  14. package/dist/chunks/{variants-Dp_5lJ_J.js.map → variants-BQ3gCb5L.js.map} +1 -1
  15. package/dist/components/background.js +3 -3
  16. package/dist/components/cards.js +3 -3
  17. package/dist/components/click.js +3 -3
  18. package/dist/components/feedback.js +2 -2
  19. package/dist/components/gesture.cjs +387 -0
  20. package/dist/components/gesture.cjs.map +1 -0
  21. package/dist/components/gesture.css +3 -0
  22. package/dist/components/gesture.d.cts +169 -0
  23. package/dist/components/gesture.d.ts +169 -0
  24. package/dist/components/gesture.js +379 -0
  25. package/dist/components/gesture.js.map +1 -0
  26. package/dist/components/interaction.js +2 -2
  27. package/dist/components/jsx.d.cts +2 -0
  28. package/dist/components/jsx.d.ts +2 -0
  29. package/dist/components/lazy.cjs +3 -1
  30. package/dist/components/lazy.cjs.map +1 -1
  31. package/dist/components/lazy.d.cts +2 -0
  32. package/dist/components/lazy.d.ts +2 -0
  33. package/dist/components/lazy.js +3 -1
  34. package/dist/components/lazy.js.map +1 -1
  35. package/dist/components/page.js +3 -3
  36. package/dist/components/physics.js +4 -4
  37. package/dist/components/react.cjs +1 -1
  38. package/dist/components/react.js +1 -1
  39. package/dist/components/reveal.js +2 -2
  40. package/dist/components/text.js +2 -2
  41. package/dist/components/timeline.cjs +303 -0
  42. package/dist/components/timeline.cjs.map +1 -0
  43. package/dist/components/timeline.css +3 -0
  44. package/dist/components/timeline.d.cts +164 -0
  45. package/dist/components/timeline.d.ts +164 -0
  46. package/dist/components/timeline.js +296 -0
  47. package/dist/components/timeline.js.map +1 -0
  48. package/dist/components/transitions.js +2 -2
  49. package/dist/components/ui.js +5 -5
  50. package/dist/components/vue.cjs +3 -1
  51. package/dist/components/vue.cjs.map +1 -1
  52. package/dist/components/vue.d.cts +135 -0
  53. package/dist/components/vue.d.ts +135 -0
  54. package/dist/components/vue.js +6 -4
  55. package/dist/components/vue.js.map +1 -1
  56. package/dist/components.cjs +16 -1
  57. package/dist/components.cjs.map +1 -1
  58. package/dist/components.css +2 -0
  59. package/dist/components.d.cts +243 -2
  60. package/dist/components.d.ts +243 -2
  61. package/dist/components.js +13 -7
  62. package/dist/components.js.map +1 -1
  63. package/dist/components.umd.js +2 -2
  64. package/dist/components.umd.js.map +1 -1
  65. package/docs/components.md +17 -0
  66. package/package.json +24 -2
@@ -0,0 +1,169 @@
1
+ /**
2
+ * use-scroll-animate/components — shared base for the `<usa-*>` custom elements.
3
+ *
4
+ * Everything here is lazy: nothing touches `window`, `document`,
5
+ * `HTMLElement` or `matchMedia` at import time, so the components can be
6
+ * imported during SSR (Next, Nuxt, Astro…) and in Electron/Tauri preload
7
+ * scripts. Classes are created the first time a `define*()` function runs.
8
+ */
9
+ interface ComponentsConfig {
10
+ /**
11
+ * Inject each component's CSS when it is defined (default `true`). Uses a
12
+ * constructable stylesheet (`document.adoptedStyleSheets`, which a strict
13
+ * `style-src` CSP does not block) and falls back to a `<style>` tag. Set
14
+ * to `false` when you load `use-scroll-animate/components.css` yourself.
15
+ */
16
+ injectStyles?: boolean;
17
+ /**
18
+ * `'user'` (default) follows `prefers-reduced-motion`; `'reduce'` always
19
+ * uses the reduced variants (e.g. a kiosk / battery-saver mode);
20
+ * `'no-preference'` ignores the OS setting (only for demos — respect your users).
21
+ */
22
+ reducedMotion?: 'user' | 'reduce' | 'no-preference';
23
+ /**
24
+ * Global motion intensity (v2.7): `'off'` (same as reduced motion),
25
+ * `'low'` (shorter, calmer), `'normal'` (default) or `'high'`. Scales every
26
+ * component animation's duration and sets `--usa-motion` (0 / 0.6 / 1 /
27
+ * 1.25) on `<html>` for your own CSS. See `setMotionIntensity()`.
28
+ */
29
+ motionIntensity?: MotionIntensity;
30
+ }
31
+ type MotionIntensity = 'off' | 'low' | 'normal' | 'high';
32
+ /** Change global component settings (call before `define*()` for `injectStyles`). */
33
+ declare function configureComponents(options: ComponentsConfig): void;
34
+ /** `true` when animations should be reduced (OS setting or `configureComponents`). */
35
+ declare function prefersReducedMotion(): boolean;
36
+ /**
37
+ * Members shared by every `<usa-*>` element. Attribute helpers, a cleanup
38
+ * bag that is emptied on disconnect, and motion helpers that degrade to the
39
+ * final state without WAAPI or under reduced motion.
40
+ */
41
+ interface UsaElement extends HTMLElement {
42
+ /** `true` while reduced motion applies to this element. */
43
+ readonly reduced: boolean;
44
+ }
45
+
46
+ interface PanState {
47
+ /** Offset from the gesture start (px). */
48
+ dx: number;
49
+ dy: number;
50
+ /** Velocity (px/s). */
51
+ vx: number;
52
+ vy: number;
53
+ first: boolean;
54
+ last: boolean;
55
+ event: Event;
56
+ }
57
+ type SwipeDirection = 'left' | 'right' | 'up' | 'down';
58
+ interface SwipeState {
59
+ direction: SwipeDirection;
60
+ velocity: number;
61
+ dx: number;
62
+ dy: number;
63
+ }
64
+ interface PinchState {
65
+ scale: number; /** Midpoint of the two pointers (client px). */
66
+ x: number;
67
+ y: number;
68
+ first: boolean;
69
+ last: boolean;
70
+ }
71
+ interface PressState {
72
+ x: number;
73
+ y: number;
74
+ }
75
+ interface GestureHandlers {
76
+ onPan?: (s: PanState) => void;
77
+ onSwipe?: (s: SwipeState) => void;
78
+ onPinch?: (s: PinchState) => void;
79
+ onLongPress?: (s: PressState) => void;
80
+ onTap?: (s: PressState) => void;
81
+ onDoubleTap?: (s: PressState) => void;
82
+ }
83
+ interface GestureOptions {
84
+ /** Restrict panning to an axis. */
85
+ axis?: 'x' | 'y';
86
+ /** Movement (px) before a pan starts (default 4). */
87
+ threshold?: number;
88
+ /** Minimum distance (px, default 40) and speed (px/s, default 300) for a swipe. */
89
+ swipeDistance?: number;
90
+ swipeVelocity?: number;
91
+ /** Long-press delay (ms, default 500). */
92
+ longPress?: number;
93
+ /** Ctrl/⌘ + wheel (trackpad pinch) counts as pinch (default true). */
94
+ wheelPinch?: boolean;
95
+ }
96
+ /** The swipe a pointer release represents, or `null` (pure). */
97
+ declare function swipeDirection(dx: number, dy: number, vx: number, vy: number, o?: {
98
+ distance?: number;
99
+ velocity?: number;
100
+ axis?: 'x' | 'y';
101
+ }): SwipeState | null;
102
+ /** Scale between two pointer distances, clamped to [min, max] (pure). */
103
+ declare function pinchScale(startDistance: number, distance: number, base?: number, min?: number, max?: number): number;
104
+ /**
105
+ * One recognizer for pan, swipe, pinch (two pointers or Ctrl + wheel),
106
+ * long-press, tap and double-tap, with velocities ready to hand to a spring
107
+ * (`createSpring().set(target, velocity)`). Works with mouse, touch and pen
108
+ * through Pointer Events. Returns a cleanup function.
109
+ *
110
+ * @example
111
+ * const x = createSpring({ onUpdate: (v) => (card.style.translate = `${v}px`) });
112
+ * gesture(card, {
113
+ * onPan: ({ dx, last, vx }) => (last ? x.set(0, vx) : x.jump(dx)),
114
+ * onSwipe: ({ direction }) => dismiss(direction),
115
+ * }, { axis: 'x' });
116
+ */
117
+ declare function gesture(el: HTMLElement, h: GestureHandlers, o?: GestureOptions): () => void;
118
+
119
+ /**
120
+ * `<usa-swipeable>` — swipe-to-dismiss / swipe actions. The content follows
121
+ * the finger (rubber-banded past `distance`), flies out on a swipe or a drag
122
+ * past `distance`, otherwise springs home with the release velocity.
123
+ *
124
+ * Attributes: `axis` (`x` default · `y`), `distance` (px, 120), `preset`
125
+ * (spring), `dismiss` (remove the element after flying out), `disabled`.
126
+ * Keyboard: Delete/Backspace dismisses, ←/→ swipe. Events `usa:swipe`
127
+ * (`{ direction }`, cancelable), `usa:dismiss`. Methods `swipe(dir)`, `reset()`.
128
+ * Reduced motion: no follow / fly-out animation, events still fire.
129
+ */
130
+ interface UsaSwipeableElement extends UsaElement {
131
+ swipe(direction: SwipeDirection): void;
132
+ reset(): void;
133
+ readonly offset: number;
134
+ }
135
+ declare function defineSwipeable(tag?: string): CustomElementConstructor | undefined;
136
+
137
+ /**
138
+ * `<usa-pinch-zoom>` — pinch (two fingers or Ctrl/⌘ + wheel / trackpad
139
+ * pinch) to zoom its content, pan while zoomed, double-tap to toggle zoom;
140
+ * scale and position spring back inside the bounds on release.
141
+ *
142
+ * Attributes: `min` (1), `max` (4), `double-tap` (zoom level, 2), `preset`.
143
+ * Keyboard: `+` / `-` / `0`. Property `scale`, method `zoomTo(scale)`.
144
+ * Event `usa:zoom` (`{ scale }`). Reduced motion: zoom changes instantly.
145
+ */
146
+ interface UsaPinchZoomElement extends UsaElement {
147
+ readonly scale: number;
148
+ zoomTo(scale: number): void;
149
+ }
150
+ declare function definePinchZoom(tag?: string): CustomElementConstructor | undefined;
151
+
152
+ /**
153
+ * use-scroll-animate/components/gesture — unified gestures (v3.2).
154
+ * `gesture()` recognises pan, swipe, pinch, long-press, tap and double-tap
155
+ * with release velocities for springs; `<usa-swipeable>` (swipe-to-dismiss)
156
+ * and `<usa-pinch-zoom>` are built on it.
157
+ */
158
+
159
+ /** Register every component of this category under its default tag. */
160
+ declare function defineGestureComponents(): void;
161
+ declare global {
162
+ interface HTMLElementTagNameMap {
163
+ 'usa-swipeable': UsaSwipeableElement;
164
+ 'usa-pinch-zoom': UsaPinchZoomElement;
165
+ }
166
+ }
167
+
168
+ export { configureComponents, defineGestureComponents, definePinchZoom, defineSwipeable, gesture, pinchScale, prefersReducedMotion, swipeDirection };
169
+ export type { ComponentsConfig, GestureHandlers, GestureOptions, PanState, PinchState, PressState, SwipeDirection, SwipeState, UsaElement, UsaPinchZoomElement, UsaSwipeableElement };
@@ -0,0 +1,379 @@
1
+ import { f as clamp, h as defineElement } from '../chunks/base-Cu-86Z31.js';
2
+ export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-Cu-86Z31.js';
3
+ import { c as createSpring } from '../chunks/spring-BV-cpTHC.js';
4
+
5
+ /** The swipe a pointer release represents, or `null` (pure). */
6
+ function swipeDirection(dx, dy, vx, vy, o = {}) {
7
+ const dist = o.distance ?? 40;
8
+ const vel = o.velocity ?? 300;
9
+ const horiz = o.axis === 'x' || (o.axis !== 'y' && Math.abs(dx) >= Math.abs(dy));
10
+ const d = horiz ? dx : dy;
11
+ const v = horiz ? vx : vy;
12
+ if (Math.abs(d) < dist && Math.abs(v) < vel * 2)
13
+ return null;
14
+ if (Math.abs(v) < vel && Math.abs(d) < dist * 3)
15
+ return null;
16
+ const direction = horiz ? (d > 0 ? 'right' : 'left') : d > 0 ? 'down' : 'up';
17
+ return { direction, velocity: Math.abs(v), dx, dy };
18
+ }
19
+ /** Scale between two pointer distances, clamped to [min, max] (pure). */
20
+ function pinchScale(startDistance, distance, base = 1, min = 0.5, max = 4) {
21
+ if (!startDistance)
22
+ return base;
23
+ return clamp(base * (distance / startDistance), min, max);
24
+ }
25
+ const pid = (e) => (typeof e.pointerId === 'number' ? e.pointerId : 1);
26
+ /**
27
+ * One recognizer for pan, swipe, pinch (two pointers or Ctrl + wheel),
28
+ * long-press, tap and double-tap, with velocities ready to hand to a spring
29
+ * (`createSpring().set(target, velocity)`). Works with mouse, touch and pen
30
+ * through Pointer Events. Returns a cleanup function.
31
+ *
32
+ * @example
33
+ * const x = createSpring({ onUpdate: (v) => (card.style.translate = `${v}px`) });
34
+ * gesture(card, {
35
+ * onPan: ({ dx, last, vx }) => (last ? x.set(0, vx) : x.jump(dx)),
36
+ * onSwipe: ({ direction }) => dismiss(direction),
37
+ * }, { axis: 'x' });
38
+ */
39
+ function gesture(el, h, o = {}) {
40
+ const pts = new Map();
41
+ let start = { x: 0, y: 0 };
42
+ let last = { x: 0, y: 0, t: 0 };
43
+ let vx = 0;
44
+ let vy = 0;
45
+ let panning = false;
46
+ let pinch = null;
47
+ let pinchScaleNow = 1;
48
+ let press;
49
+ let pressed = false;
50
+ let lastTap = -1e9;
51
+ const th = o.threshold ?? 4;
52
+ const dist = () => {
53
+ const [a, b] = [...pts.values()];
54
+ return Math.hypot(a.x - b.x, a.y - b.y);
55
+ };
56
+ const mid = () => {
57
+ const [a, b] = [...pts.values()];
58
+ return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };
59
+ };
60
+ const t = (e) => (e.timeStamp || Date.now());
61
+ const down = (e) => {
62
+ pts.set(pid(e), { x: e.clientX, y: e.clientY });
63
+ try {
64
+ el.setPointerCapture?.(pid(e));
65
+ }
66
+ catch { /* jsdom / synthetic */ }
67
+ if (pts.size === 2 && h.onPinch) {
68
+ clearTimeout(press);
69
+ if (panning)
70
+ h.onPan?.({ dx: last.x - start.x, dy: last.y - start.y, vx: 0, vy: 0, first: false, last: true, event: e });
71
+ panning = false;
72
+ pinch = { d0: dist(), first: true };
73
+ return;
74
+ }
75
+ if (pts.size > 1)
76
+ return;
77
+ start = { x: e.clientX, y: e.clientY };
78
+ last = { ...start, t: t(e) };
79
+ vx = vy = 0;
80
+ pressed = false;
81
+ if (h.onLongPress)
82
+ press = setTimeout(() => { pressed = true; h.onLongPress?.({ x: start.x, y: start.y }); }, o.longPress ?? 500);
83
+ };
84
+ const move = (e) => {
85
+ if (!pts.has(pid(e)))
86
+ return;
87
+ pts.set(pid(e), { x: e.clientX, y: e.clientY });
88
+ if (pinch && pts.size >= 2) {
89
+ const m = mid();
90
+ pinchScaleNow = pinchScale(pinch.d0, dist(), 1, 0.05, 20);
91
+ h.onPinch?.({ scale: pinchScaleNow, x: m.x, y: m.y, first: pinch.first, last: false });
92
+ pinch.first = false;
93
+ return;
94
+ }
95
+ const dx = e.clientX - start.x;
96
+ const dy = e.clientY - start.y;
97
+ const dt = Math.max(1, t(e) - last.t) / 1000;
98
+ vx = (e.clientX - last.x) / dt;
99
+ vy = (e.clientY - last.y) / dt;
100
+ last = { x: e.clientX, y: e.clientY, t: t(e) };
101
+ if (!panning) {
102
+ const off = o.axis === 'x' ? Math.abs(dx) : o.axis === 'y' ? Math.abs(dy) : Math.hypot(dx, dy);
103
+ if (off < th)
104
+ return;
105
+ clearTimeout(press);
106
+ if (o.axis && Math.abs(o.axis === 'x' ? dy : dx) > off) {
107
+ pts.delete(pid(e));
108
+ return;
109
+ } // wrong axis: let the page scroll
110
+ panning = true;
111
+ h.onPan?.({ dx: o.axis === 'y' ? 0 : dx, dy: o.axis === 'x' ? 0 : dy, vx, vy, first: true, last: false, event: e });
112
+ return;
113
+ }
114
+ if (e.cancelable)
115
+ e.preventDefault();
116
+ h.onPan?.({ dx: o.axis === 'y' ? 0 : dx, dy: o.axis === 'x' ? 0 : dy, vx, vy, first: false, last: false, event: e });
117
+ };
118
+ const up = (e) => {
119
+ if (!pts.has(pid(e)))
120
+ return;
121
+ pts.delete(pid(e));
122
+ clearTimeout(press);
123
+ if (pinch) {
124
+ if (pts.size < 2) {
125
+ h.onPinch?.({ scale: pinchScaleNow, ...start, first: false, last: true });
126
+ pinch = null;
127
+ pts.clear();
128
+ }
129
+ return;
130
+ }
131
+ const dx = e.clientX - start.x;
132
+ const dy = e.clientY - start.y;
133
+ if (panning) {
134
+ panning = false;
135
+ if (t(e) - last.t > 80)
136
+ vx = vy = 0; // paused before release
137
+ h.onPan?.({ dx: o.axis === 'y' ? 0 : dx, dy: o.axis === 'x' ? 0 : dy, vx, vy, first: false, last: true, event: e });
138
+ const s = swipeDirection(dx, dy, vx, vy, { distance: o.swipeDistance, velocity: o.swipeVelocity, axis: o.axis });
139
+ if (s)
140
+ h.onSwipe?.(s);
141
+ return;
142
+ }
143
+ if (pressed || e.type === 'pointercancel')
144
+ return;
145
+ const p = { x: e.clientX, y: e.clientY };
146
+ const n = t(e);
147
+ if (h.onDoubleTap && n - lastTap < 300) {
148
+ lastTap = -1e9;
149
+ h.onDoubleTap(p);
150
+ return;
151
+ }
152
+ lastTap = n;
153
+ h.onTap?.(p);
154
+ };
155
+ const wheel = (e) => {
156
+ if (!h.onPinch || o.wheelPinch === false || !e.ctrlKey)
157
+ return;
158
+ e.preventDefault();
159
+ const s = Math.exp(-e.deltaY / 100);
160
+ h.onPinch({ scale: s, x: e.clientX, y: e.clientY, first: true, last: true });
161
+ };
162
+ const opts = { passive: false };
163
+ el.addEventListener('pointerdown', down);
164
+ el.addEventListener('pointermove', move, opts);
165
+ el.addEventListener('pointerup', up);
166
+ el.addEventListener('pointercancel', up);
167
+ el.addEventListener('wheel', wheel, opts);
168
+ if (o.axis && !el.style.touchAction)
169
+ el.style.touchAction = o.axis === 'x' ? 'pan-y' : 'pan-x';
170
+ else if (!o.axis && !el.style.touchAction && (h.onPan || h.onPinch))
171
+ el.style.touchAction = 'none';
172
+ return () => {
173
+ clearTimeout(press);
174
+ el.removeEventListener('pointerdown', down);
175
+ el.removeEventListener('pointermove', move, opts);
176
+ el.removeEventListener('pointerup', up);
177
+ el.removeEventListener('pointercancel', up);
178
+ el.removeEventListener('wheel', wheel, opts);
179
+ };
180
+ }
181
+
182
+ var css = "usa-swipeable{display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none}usa-swipeable[axis=\"y\"]{touch-action:pan-x}usa-swipeable>*{transform:translate3d(var(--usa-swipe,0px),0,0);opacity:calc(1 - var(--usa-swipe-p,0) * 0.5)}usa-swipeable[axis=\"y\"]>*{transform:translate3d(0,var(--usa-swipe,0px),0)}usa-swipeable:focus-visible{outline:2px solid currentColor;outline-offset:2px}usa-pinch-zoom{display:block;overflow:hidden;touch-action:none;position:relative}usa-pinch-zoom>*{transform:translate3d(var(--usa-zoom-x,0px),var(--usa-zoom-y,0px),0) scale(var(--usa-zoom,1));transform-origin:50% 50%}usa-pinch-zoom[data-zoomed]{cursor:grab}usa-pinch-zoom:focus-visible{outline:2px solid currentColor;outline-offset:2px}";
183
+
184
+ function defineSwipeable(tag = 'usa-swipeable') {
185
+ return defineElement(tag, (Base) => class UsaSwipeable extends Base {
186
+ constructor() {
187
+ super(...arguments);
188
+ this._off = 0;
189
+ }
190
+ static get observedAttributes() {
191
+ return ['axis', 'disabled'];
192
+ }
193
+ get offset() {
194
+ return this._off;
195
+ }
196
+ put(v) {
197
+ this._off = v;
198
+ this.style.setProperty('--usa-swipe', `${v}px`);
199
+ this.style.setProperty('--usa-swipe-p', String(Math.min(1, Math.abs(v) / this.num('distance', 120))));
200
+ }
201
+ swipe(direction) {
202
+ if (!this.emit('swipe', { direction }))
203
+ return this.reset();
204
+ const sign = direction === 'left' || direction === 'up' ? -1 : 1;
205
+ const far = sign * ((this.str('axis', 'x') === 'y' ? this.offsetHeight : this.offsetWidth) + 80 || 600);
206
+ const done = () => {
207
+ this.emit('dismiss', { direction });
208
+ if (this.flag('dismiss'))
209
+ this.remove();
210
+ };
211
+ if (this.reduced) {
212
+ this.put(0);
213
+ return done();
214
+ }
215
+ this.setAttribute('data-gone', '');
216
+ this._s = createSpring({ spring: 'stiff', value: this._off, onUpdate: (v) => this.put(v), onRest: done });
217
+ this._s.set(far, sign * 1500);
218
+ }
219
+ reset() {
220
+ this.removeAttribute('data-gone');
221
+ if (this.reduced)
222
+ return this.put(0);
223
+ this._s.set(0);
224
+ }
225
+ mount() {
226
+ this._s = createSpring({ spring: this.str('preset', 'default'), onUpdate: (v) => this.put(v) });
227
+ if (!this.hasAttribute('tabindex'))
228
+ this.tabIndex = 0;
229
+ const y = this.str('axis', 'x') === 'y';
230
+ const max = () => this.num('distance', 120);
231
+ this.onCleanup(gesture(this, {
232
+ onPan: ({ dx, dy, vx, vy, last }) => {
233
+ if (this.flag('disabled'))
234
+ return;
235
+ const d = y ? dy : dx;
236
+ if (!last) {
237
+ this._s.stop();
238
+ if (!this.reduced)
239
+ this.put(Math.abs(d) > max() ? Math.sign(d) * (max() + (Math.abs(d) - max()) * 0.35) : d);
240
+ return;
241
+ }
242
+ if (Math.abs(d) > max())
243
+ this.swipe(y ? (d > 0 ? 'down' : 'up') : d > 0 ? 'right' : 'left');
244
+ else if (!this.hasAttribute('data-gone')) {
245
+ if (this.reduced)
246
+ this.put(0);
247
+ else
248
+ this._s.set(0, y ? vy : vx);
249
+ }
250
+ },
251
+ onSwipe: ({ direction }) => {
252
+ if (this.flag('disabled') || this.hasAttribute('data-gone'))
253
+ return;
254
+ if (y === (direction === 'up' || direction === 'down'))
255
+ this.swipe(direction);
256
+ },
257
+ }, { axis: y ? 'y' : 'x' }));
258
+ this.listen(this, 'keydown', (e) => {
259
+ if (this.flag('disabled'))
260
+ return;
261
+ const map = y ? { ArrowUp: 'up', ArrowDown: 'down' } : { ArrowLeft: 'left', ArrowRight: 'right' };
262
+ if (e.key === 'Delete' || e.key === 'Backspace')
263
+ this.swipe(y ? 'up' : 'left');
264
+ else if (map[e.key])
265
+ this.swipe(map[e.key]);
266
+ else
267
+ return;
268
+ e.preventDefault();
269
+ });
270
+ }
271
+ unmount() {
272
+ this._s?.stop();
273
+ }
274
+ }, { id: 'gesture', text: css });
275
+ }
276
+
277
+ function definePinchZoom(tag = 'usa-pinch-zoom') {
278
+ return defineElement(tag, (Base) => class UsaPinchZoom extends Base {
279
+ constructor() {
280
+ super(...arguments);
281
+ this._v = { k: 1, x: 0, y: 0 };
282
+ }
283
+ get scale() {
284
+ return this._v.k;
285
+ }
286
+ paint() {
287
+ const { k, x, y } = this._v;
288
+ this.style.setProperty('--usa-zoom', String(k));
289
+ this.style.setProperty('--usa-zoom-x', `${x}px`);
290
+ this.style.setProperty('--usa-zoom-y', `${y}px`);
291
+ this.toggleAttribute('data-zoomed', k > 1.01);
292
+ }
293
+ bound(k, x, y) {
294
+ const w = (this.clientWidth * (k - 1)) / 2;
295
+ const h = (this.clientHeight * (k - 1)) / 2;
296
+ return { x: clamp(x, -w, w), y: clamp(y, -h, h) };
297
+ }
298
+ zoomTo(scale) {
299
+ const k = clamp(scale, this.num('min', 1), this.num('max', 4));
300
+ const b = this.bound(k, this._v.x, this._v.y);
301
+ if (this.reduced) {
302
+ this._v = { k, ...b };
303
+ this.paint();
304
+ }
305
+ else {
306
+ this._k.set(k);
307
+ this._x.set(b.x);
308
+ this._y.set(b.y);
309
+ }
310
+ this.emit('zoom', { scale: k });
311
+ }
312
+ mount() {
313
+ const preset = this.str('preset', 'gentle');
314
+ this._k = createSpring({ spring: preset, value: this._v.k, onUpdate: (v) => ((this._v.k = v), this.paint()) });
315
+ this._x = createSpring({ spring: preset, value: this._v.x, onUpdate: (v) => ((this._v.x = v), this.paint()) });
316
+ this._y = createSpring({ spring: preset, value: this._v.y, onUpdate: (v) => ((this._v.y = v), this.paint()) });
317
+ if (!this.hasAttribute('tabindex'))
318
+ this.tabIndex = 0;
319
+ let base = 1;
320
+ let ox = 0;
321
+ let oy = 0;
322
+ this.onCleanup(gesture(this, {
323
+ onPinch: ({ scale, first, last }) => {
324
+ if (first)
325
+ base = this._v.k;
326
+ const k = clamp(base * scale, this.num('min', 1) * 0.7, this.num('max', 4) * 1.3);
327
+ if (last)
328
+ return this.zoomTo(k);
329
+ this._k.jump(k);
330
+ },
331
+ onPan: ({ dx, dy, vx, vy, first, last }) => {
332
+ if (this._v.k <= 1.01)
333
+ return;
334
+ if (first)
335
+ ((ox = this._v.x), (oy = this._v.y));
336
+ if (!last) {
337
+ this._x.jump(ox + dx);
338
+ this._y.jump(oy + dy);
339
+ return;
340
+ }
341
+ const b = this.bound(this._v.k, ox + dx + vx * 0.15, oy + dy + vy * 0.15);
342
+ this._x.set(b.x, vx);
343
+ this._y.set(b.y, vy);
344
+ },
345
+ onDoubleTap: () => this.zoomTo(this._v.k > 1.01 ? 1 : this.num('double-tap', 2)),
346
+ }));
347
+ this.listen(this, 'keydown', (e) => {
348
+ if (e.key === '+' || e.key === '=')
349
+ this.zoomTo(this._v.k * 1.25);
350
+ else if (e.key === '-')
351
+ this.zoomTo(this._v.k / 1.25);
352
+ else if (e.key === '0')
353
+ this.zoomTo(1);
354
+ else
355
+ return;
356
+ e.preventDefault();
357
+ });
358
+ this.paint();
359
+ }
360
+ unmount() {
361
+ [this._k, this._x, this._y].forEach((s) => s?.stop());
362
+ }
363
+ }, { id: 'gesture', text: css });
364
+ }
365
+
366
+ /**
367
+ * use-scroll-animate/components/gesture — unified gestures (v3.2).
368
+ * `gesture()` recognises pan, swipe, pinch, long-press, tap and double-tap
369
+ * with release velocities for springs; `<usa-swipeable>` (swipe-to-dismiss)
370
+ * and `<usa-pinch-zoom>` are built on it.
371
+ */
372
+ /** Register every component of this category under its default tag. */
373
+ function defineGestureComponents() {
374
+ defineSwipeable();
375
+ definePinchZoom();
376
+ }
377
+
378
+ export { defineGestureComponents, definePinchZoom, defineSwipeable, gesture, pinchScale, swipeDirection };
379
+ //# sourceMappingURL=gesture.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gesture.js","sources":["../../src/components/gesture/core.ts","../../src/components/gesture/swipeable.ts","../../src/components/gesture/pinch-zoom.ts","../../src/components/gesture/index.ts"],"sourcesContent":["import { clamp } from '../base';\n\nexport interface PanState {\n /** Offset from the gesture start (px). */\n dx: number;\n dy: number;\n /** Velocity (px/s). */\n vx: number;\n vy: number;\n first: boolean;\n last: boolean;\n event: Event;\n}\nexport type SwipeDirection = 'left' | 'right' | 'up' | 'down';\nexport interface SwipeState { direction: SwipeDirection; velocity: number; dx: number; dy: number }\nexport interface PinchState { scale: number; /** Midpoint of the two pointers (client px). */ x: number; y: number; first: boolean; last: boolean }\nexport interface PressState { x: number; y: number }\n\nexport interface GestureHandlers {\n onPan?: (s: PanState) => void;\n onSwipe?: (s: SwipeState) => void;\n onPinch?: (s: PinchState) => void;\n onLongPress?: (s: PressState) => void;\n onTap?: (s: PressState) => void;\n onDoubleTap?: (s: PressState) => void;\n}\n\nexport interface GestureOptions {\n /** Restrict panning to an axis. */\n axis?: 'x' | 'y';\n /** Movement (px) before a pan starts (default 4). */\n threshold?: number;\n /** Minimum distance (px, default 40) and speed (px/s, default 300) for a swipe. */\n swipeDistance?: number;\n swipeVelocity?: number;\n /** Long-press delay (ms, default 500). */\n longPress?: number;\n /** Ctrl/⌘ + wheel (trackpad pinch) counts as pinch (default true). */\n wheelPinch?: boolean;\n}\n\n/** The swipe a pointer release represents, or `null` (pure). */\nexport function swipeDirection(dx: number, dy: number, vx: number, vy: number, o: { distance?: number; velocity?: number; axis?: 'x' | 'y' } = {}): SwipeState | null {\n const dist = o.distance ?? 40;\n const vel = o.velocity ?? 300;\n const horiz = o.axis === 'x' || (o.axis !== 'y' && Math.abs(dx) >= Math.abs(dy));\n const d = horiz ? dx : dy;\n const v = horiz ? vx : vy;\n if (Math.abs(d) < dist && Math.abs(v) < vel * 2) return null;\n if (Math.abs(v) < vel && Math.abs(d) < dist * 3) return null;\n const direction: SwipeDirection = horiz ? (d > 0 ? 'right' : 'left') : d > 0 ? 'down' : 'up';\n return { direction, velocity: Math.abs(v), dx, dy };\n}\n\n/** Scale between two pointer distances, clamped to [min, max] (pure). */\nexport function pinchScale(startDistance: number, distance: number, base = 1, min = 0.5, max = 4): number {\n if (!startDistance) return base;\n return clamp(base * (distance / startDistance), min, max);\n}\n\ntype P = { x: number; y: number };\nconst pid = (e: any): number => (typeof e.pointerId === 'number' ? e.pointerId : 1);\n\n/**\n * One recognizer for pan, swipe, pinch (two pointers or Ctrl + wheel),\n * long-press, tap and double-tap, with velocities ready to hand to a spring\n * (`createSpring().set(target, velocity)`). Works with mouse, touch and pen\n * through Pointer Events. Returns a cleanup function.\n *\n * @example\n * const x = createSpring({ onUpdate: (v) => (card.style.translate = `${v}px`) });\n * gesture(card, {\n * onPan: ({ dx, last, vx }) => (last ? x.set(0, vx) : x.jump(dx)),\n * onSwipe: ({ direction }) => dismiss(direction),\n * }, { axis: 'x' });\n */\nexport function gesture(el: HTMLElement, h: GestureHandlers, o: GestureOptions = {}): () => void {\n const pts = new Map<number, P>();\n let start: P = { x: 0, y: 0 };\n let last: P & { t: number } = { x: 0, y: 0, t: 0 };\n let vx = 0;\n let vy = 0;\n let panning = false;\n let pinch: { d0: number; first: boolean } | null = null;\n let pinchScaleNow = 1;\n let press: ReturnType<typeof setTimeout> | undefined;\n let pressed = false;\n let lastTap = -1e9;\n const th = o.threshold ?? 4;\n const dist = () => {\n const [a, b] = [...pts.values()];\n return Math.hypot(a.x - b.x, a.y - b.y);\n };\n const mid = () => {\n const [a, b] = [...pts.values()];\n return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 };\n };\n const t = (e: Event) => (e.timeStamp || Date.now());\n\n const down = (e: PointerEvent) => {\n pts.set(pid(e), { x: e.clientX, y: e.clientY });\n try { el.setPointerCapture?.(pid(e)); } catch { /* jsdom / synthetic */ }\n if (pts.size === 2 && h.onPinch) {\n clearTimeout(press);\n if (panning) h.onPan?.({ dx: last.x - start.x, dy: last.y - start.y, vx: 0, vy: 0, first: false, last: true, event: e });\n panning = false;\n pinch = { d0: dist(), first: true };\n return;\n }\n if (pts.size > 1) return;\n start = { x: e.clientX, y: e.clientY };\n last = { ...start, t: t(e) };\n vx = vy = 0;\n pressed = false;\n if (h.onLongPress) press = setTimeout(() => { pressed = true; h.onLongPress?.({ x: start.x, y: start.y }); }, o.longPress ?? 500);\n };\n const move = (e: PointerEvent) => {\n if (!pts.has(pid(e))) return;\n pts.set(pid(e), { x: e.clientX, y: e.clientY });\n if (pinch && pts.size >= 2) {\n const m = mid();\n pinchScaleNow = pinchScale(pinch.d0, dist(), 1, 0.05, 20);\n h.onPinch?.({ scale: pinchScaleNow, x: m.x, y: m.y, first: pinch.first, last: false });\n pinch.first = false;\n return;\n }\n const dx = e.clientX - start.x;\n const dy = e.clientY - start.y;\n const dt = Math.max(1, t(e) - last.t) / 1000;\n vx = (e.clientX - last.x) / dt;\n vy = (e.clientY - last.y) / dt;\n last = { x: e.clientX, y: e.clientY, t: t(e) };\n if (!panning) {\n const off = o.axis === 'x' ? Math.abs(dx) : o.axis === 'y' ? Math.abs(dy) : Math.hypot(dx, dy);\n if (off < th) return;\n clearTimeout(press);\n if (o.axis && Math.abs(o.axis === 'x' ? dy : dx) > off) { pts.delete(pid(e)); return; } // wrong axis: let the page scroll\n panning = true;\n h.onPan?.({ dx: o.axis === 'y' ? 0 : dx, dy: o.axis === 'x' ? 0 : dy, vx, vy, first: true, last: false, event: e });\n return;\n }\n if (e.cancelable) e.preventDefault();\n h.onPan?.({ dx: o.axis === 'y' ? 0 : dx, dy: o.axis === 'x' ? 0 : dy, vx, vy, first: false, last: false, event: e });\n };\n const up = (e: PointerEvent) => {\n if (!pts.has(pid(e))) return;\n pts.delete(pid(e));\n clearTimeout(press);\n if (pinch) {\n if (pts.size < 2) {\n h.onPinch?.({ scale: pinchScaleNow, ...start, first: false, last: true });\n pinch = null;\n pts.clear();\n }\n return;\n }\n const dx = e.clientX - start.x;\n const dy = e.clientY - start.y;\n if (panning) {\n panning = false;\n if (t(e) - last.t > 80) vx = vy = 0; // paused before release\n h.onPan?.({ dx: o.axis === 'y' ? 0 : dx, dy: o.axis === 'x' ? 0 : dy, vx, vy, first: false, last: true, event: e });\n const s = swipeDirection(dx, dy, vx, vy, { distance: o.swipeDistance, velocity: o.swipeVelocity, axis: o.axis });\n if (s) h.onSwipe?.(s);\n return;\n }\n if (pressed || e.type === 'pointercancel') return;\n const p = { x: e.clientX, y: e.clientY };\n const n = t(e);\n if (h.onDoubleTap && n - lastTap < 300) { lastTap = -1e9; h.onDoubleTap(p); return; }\n lastTap = n;\n h.onTap?.(p);\n };\n const wheel = (e: WheelEvent) => {\n if (!h.onPinch || o.wheelPinch === false || !e.ctrlKey) return;\n e.preventDefault();\n const s = Math.exp(-e.deltaY / 100);\n h.onPinch({ scale: s, x: e.clientX, y: e.clientY, first: true, last: true });\n };\n const opts: AddEventListenerOptions = { passive: false };\n el.addEventListener('pointerdown', down as EventListener);\n el.addEventListener('pointermove', move as EventListener, opts);\n el.addEventListener('pointerup', up as EventListener);\n el.addEventListener('pointercancel', up as EventListener);\n el.addEventListener('wheel', wheel as EventListener, opts);\n if (o.axis && !el.style.touchAction) el.style.touchAction = o.axis === 'x' ? 'pan-y' : 'pan-x';\n else if (!o.axis && !el.style.touchAction && (h.onPan || h.onPinch)) el.style.touchAction = 'none';\n return () => {\n clearTimeout(press);\n el.removeEventListener('pointerdown', down as EventListener);\n el.removeEventListener('pointermove', move as EventListener, opts);\n el.removeEventListener('pointerup', up as EventListener);\n el.removeEventListener('pointercancel', up as EventListener);\n el.removeEventListener('wheel', wheel as EventListener, opts);\n };\n}\n","import { defineElement, type UsaElement } from '../base';\nimport { createSpring, type SpringValue } from '../physics/spring';\nimport { gesture, type SwipeDirection } from './core';\nimport css from './gesture.css?raw';\n\n/**\n * `<usa-swipeable>` — swipe-to-dismiss / swipe actions. The content follows\n * the finger (rubber-banded past `distance`), flies out on a swipe or a drag\n * past `distance`, otherwise springs home with the release velocity.\n *\n * Attributes: `axis` (`x` default · `y`), `distance` (px, 120), `preset`\n * (spring), `dismiss` (remove the element after flying out), `disabled`.\n * Keyboard: Delete/Backspace dismisses, ←/→ swipe. Events `usa:swipe`\n * (`{ direction }`, cancelable), `usa:dismiss`. Methods `swipe(dir)`, `reset()`.\n * Reduced motion: no follow / fly-out animation, events still fire.\n */\nexport interface UsaSwipeableElement extends UsaElement {\n swipe(direction: SwipeDirection): void;\n reset(): void;\n readonly offset: number;\n}\n\nexport function defineSwipeable(tag = 'usa-swipeable'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaSwipeable extends Base {\n static get observedAttributes(): string[] {\n return ['axis', 'disabled'];\n }\n private _s!: SpringValue;\n private _off = 0;\n\n get offset(): number {\n return this._off;\n }\n\n private put(v: number): void {\n this._off = v;\n this.style.setProperty('--usa-swipe', `${v}px`);\n this.style.setProperty('--usa-swipe-p', String(Math.min(1, Math.abs(v) / this.num('distance', 120))));\n }\n\n swipe(direction: SwipeDirection): void {\n if (!this.emit('swipe', { direction })) return this.reset();\n const sign = direction === 'left' || direction === 'up' ? -1 : 1;\n const far = sign * ((this.str('axis', 'x') === 'y' ? this.offsetHeight : this.offsetWidth) + 80 || 600);\n const done = () => {\n this.emit('dismiss', { direction });\n if (this.flag('dismiss')) this.remove();\n };\n if (this.reduced) {\n this.put(0);\n return done();\n }\n this.setAttribute('data-gone', '');\n this._s = createSpring({ spring: 'stiff', value: this._off, onUpdate: (v) => this.put(v), onRest: done });\n this._s.set(far, sign * 1500);\n }\n\n reset(): void {\n this.removeAttribute('data-gone');\n if (this.reduced) return this.put(0);\n this._s.set(0);\n }\n\n mount(): void {\n this._s = createSpring({ spring: this.str('preset', 'default'), onUpdate: (v) => this.put(v) });\n if (!this.hasAttribute('tabindex')) this.tabIndex = 0;\n const y = this.str('axis', 'x') === 'y';\n const max = () => this.num('distance', 120);\n this.onCleanup(\n gesture(this, {\n onPan: ({ dx, dy, vx, vy, last }) => {\n if (this.flag('disabled')) return;\n const d = y ? dy : dx;\n if (!last) {\n this._s.stop();\n if (!this.reduced) this.put(Math.abs(d) > max() ? Math.sign(d) * (max() + (Math.abs(d) - max()) * 0.35) : d);\n return;\n }\n if (Math.abs(d) > max()) this.swipe(y ? (d > 0 ? 'down' : 'up') : d > 0 ? 'right' : 'left');\n else if (!this.hasAttribute('data-gone')) {\n if (this.reduced) this.put(0);\n else this._s.set(0, y ? vy : vx);\n }\n },\n onSwipe: ({ direction }) => {\n if (this.flag('disabled') || this.hasAttribute('data-gone')) return;\n if (y === (direction === 'up' || direction === 'down')) this.swipe(direction);\n },\n }, { axis: y ? 'y' : 'x' })\n );\n this.listen(this, 'keydown', (e: KeyboardEvent) => {\n if (this.flag('disabled')) return;\n const map: Record<string, SwipeDirection> = y ? { ArrowUp: 'up', ArrowDown: 'down' } : { ArrowLeft: 'left', ArrowRight: 'right' };\n if (e.key === 'Delete' || e.key === 'Backspace') this.swipe(y ? 'up' : 'left');\n else if (map[e.key]) this.swipe(map[e.key]);\n else return;\n e.preventDefault();\n });\n }\n\n unmount(): void {\n this._s?.stop();\n }\n },\n { id: 'gesture', text: css }\n );\n}\n","import { defineElement, clamp, type UsaElement } from '../base';\nimport { createSpring, type SpringValue } from '../physics/spring';\nimport { gesture } from './core';\nimport css from './gesture.css?raw';\n\n/**\n * `<usa-pinch-zoom>` — pinch (two fingers or Ctrl/⌘ + wheel / trackpad\n * pinch) to zoom its content, pan while zoomed, double-tap to toggle zoom;\n * scale and position spring back inside the bounds on release.\n *\n * Attributes: `min` (1), `max` (4), `double-tap` (zoom level, 2), `preset`.\n * Keyboard: `+` / `-` / `0`. Property `scale`, method `zoomTo(scale)`.\n * Event `usa:zoom` (`{ scale }`). Reduced motion: zoom changes instantly.\n */\nexport interface UsaPinchZoomElement extends UsaElement {\n readonly scale: number;\n zoomTo(scale: number): void;\n}\n\nexport function definePinchZoom(tag = 'usa-pinch-zoom'): CustomElementConstructor | undefined {\n return defineElement(\n tag,\n (Base) =>\n class UsaPinchZoom extends Base {\n private _k!: SpringValue;\n private _x!: SpringValue;\n private _y!: SpringValue;\n private _v = { k: 1, x: 0, y: 0 };\n\n get scale(): number {\n return this._v.k;\n }\n\n private paint(): void {\n const { k, x, y } = this._v;\n this.style.setProperty('--usa-zoom', String(k));\n this.style.setProperty('--usa-zoom-x', `${x}px`);\n this.style.setProperty('--usa-zoom-y', `${y}px`);\n this.toggleAttribute('data-zoomed', k > 1.01);\n }\n\n private bound(k: number, x: number, y: number) {\n const w = (this.clientWidth * (k - 1)) / 2;\n const h = (this.clientHeight * (k - 1)) / 2;\n return { x: clamp(x, -w, w), y: clamp(y, -h, h) };\n }\n\n zoomTo(scale: number): void {\n const k = clamp(scale, this.num('min', 1), this.num('max', 4));\n const b = this.bound(k, this._v.x, this._v.y);\n if (this.reduced) {\n this._v = { k, ...b };\n this.paint();\n } else {\n this._k.set(k);\n this._x.set(b.x);\n this._y.set(b.y);\n }\n this.emit('zoom', { scale: k });\n }\n\n mount(): void {\n const preset = this.str('preset', 'gentle');\n this._k = createSpring({ spring: preset, value: this._v.k, onUpdate: (v) => ((this._v.k = v), this.paint()) });\n this._x = createSpring({ spring: preset, value: this._v.x, onUpdate: (v) => ((this._v.x = v), this.paint()) });\n this._y = createSpring({ spring: preset, value: this._v.y, onUpdate: (v) => ((this._v.y = v), this.paint()) });\n if (!this.hasAttribute('tabindex')) this.tabIndex = 0;\n let base = 1;\n let ox = 0;\n let oy = 0;\n this.onCleanup(\n gesture(this, {\n onPinch: ({ scale, first, last }) => {\n if (first) base = this._v.k;\n const k = clamp(base * scale, this.num('min', 1) * 0.7, this.num('max', 4) * 1.3);\n if (last) return this.zoomTo(k);\n this._k.jump(k);\n },\n onPan: ({ dx, dy, vx, vy, first, last }) => {\n if (this._v.k <= 1.01) return;\n if (first) ((ox = this._v.x), (oy = this._v.y));\n if (!last) {\n this._x.jump(ox + dx);\n this._y.jump(oy + dy);\n return;\n }\n const b = this.bound(this._v.k, ox + dx + vx * 0.15, oy + dy + vy * 0.15);\n this._x.set(b.x, vx);\n this._y.set(b.y, vy);\n },\n onDoubleTap: () => this.zoomTo(this._v.k > 1.01 ? 1 : this.num('double-tap', 2)),\n })\n );\n this.listen(this, 'keydown', (e: KeyboardEvent) => {\n if (e.key === '+' || e.key === '=') this.zoomTo(this._v.k * 1.25);\n else if (e.key === '-') this.zoomTo(this._v.k / 1.25);\n else if (e.key === '0') this.zoomTo(1);\n else return;\n e.preventDefault();\n });\n this.paint();\n }\n\n unmount(): void {\n [this._k, this._x, this._y].forEach((s) => s?.stop());\n }\n },\n { id: 'gesture', text: css }\n );\n}\n","/**\n * use-scroll-animate/components/gesture — unified gestures (v3.2).\n * `gesture()` recognises pan, swipe, pinch, long-press, tap and double-tap\n * with release velocities for springs; `<usa-swipeable>` (swipe-to-dismiss)\n * and `<usa-pinch-zoom>` are built on it.\n */\nimport { defineSwipeable, type UsaSwipeableElement } from './swipeable';\nimport { definePinchZoom, type UsaPinchZoomElement } from './pinch-zoom';\n\nexport { defineSwipeable, definePinchZoom };\nexport { gesture, swipeDirection, pinchScale } from './core';\nexport type { GestureHandlers, GestureOptions, PanState, SwipeState, SwipeDirection, PinchState, PressState } from './core';\nexport type { UsaSwipeableElement, UsaPinchZoomElement };\nexport { configureComponents, prefersReducedMotion } from '../base';\nexport type { ComponentsConfig, UsaElement } from '../base';\n\n/** Register every component of this category under its default tag. */\nexport function defineGestureComponents(): void {\n defineSwipeable();\n definePinchZoom();\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'usa-swipeable': UsaSwipeableElement;\n 'usa-pinch-zoom': UsaPinchZoomElement;\n }\n}\n"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import { f as defineElement, i as EASE_OUT, r as raf, d as caf, h as clamp, E as EASE_SPRING } from '../chunks/base-Co98Z2iM.js';
2
- export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-Co98Z2iM.js';
1
+ import { h as defineElement, i as EASE_OUT, r as raf, d as caf, f as clamp, E as EASE_SPRING } from '../chunks/base-Cu-86Z31.js';
2
+ export { a as configureComponents, p as prefersReducedMotion } from '../chunks/base-Cu-86Z31.js';
3
3
 
4
4
  var css$5 = "usa-ripple{position:relative;display:inline-block;overflow:hidden;isolation:isolate;border-radius:inherit;-webkit-tap-highlight-color:transparent}usa-ripple[block]{display:block}usa-ripple .usa-ripple-wave{position:absolute;border-radius:50%;pointer-events:none;transform:scale(0);z-index:-1;will-change:transform,opacity}";
5
5
 
@@ -11,6 +11,8 @@ declare const COMPONENT_CATEGORIES: {
11
11
  readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
12
12
  readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-rating", "usa-tooltip", "usa-popover", "usa-badge", "usa-avatar-stack"];
13
13
  readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
14
+ readonly timeline: readonly ["usa-timeline"];
15
+ readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
14
16
  };
15
17
 
16
18
  /**
@@ -11,6 +11,8 @@ declare const COMPONENT_CATEGORIES: {
11
11
  readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
12
12
  readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-rating", "usa-tooltip", "usa-popover", "usa-badge", "usa-avatar-stack"];
13
13
  readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
14
+ readonly timeline: readonly ["usa-timeline"];
15
+ readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
14
16
  };
15
17
 
16
18
  /**