@vielzeug/gesture 1.1.0 → 3.0.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.
package/README.md CHANGED
@@ -1,19 +1,25 @@
1
1
  # @vielzeug/gesture
2
2
 
3
- Framework-neutral one-axis pointer pan recognition.
3
+ > Framework-neutral two-dimensional pointer drag and one-axis pan recognition with lifecycle-owned handles
4
4
 
5
- ## Install
5
+ ## Installation
6
6
 
7
7
  ```sh
8
8
  pnpm add @vielzeug/gesture
9
+ npm install @vielzeug/gesture
10
+ yarn add @vielzeug/gesture
9
11
  ```
10
12
 
11
13
  ## Quick Start
12
14
 
13
15
  ```ts
14
- import { createPanGesture } from '@vielzeug/gesture';
16
+ import { createDragGesture, createPanGesture } from '@vielzeug/gesture';
17
+
18
+ const element = document.querySelector<HTMLElement>('[data-swipe]');
19
+ if (!element) throw new Error('Missing [data-swipe] element');
15
20
 
16
21
  const pan = createPanGesture(element, {
22
+ activationDistance: 6,
17
23
  axis: 'x',
18
24
  onMove: ({ distance }) => {
19
25
  element.style.transform = `translateX(${distance}px)`;
@@ -22,15 +28,23 @@ const pan = createPanGesture(element, {
22
28
  element.style.transform = '';
23
29
 
24
30
  if (reason === 'release' && Math.abs(distance) >= 48) {
25
- dismiss();
31
+ pan.dispose();
32
+ element.remove();
26
33
  }
27
34
  },
28
35
  });
29
36
 
30
- pan.dispose();
37
+ window.addEventListener('pagehide', () => pan.dispose(), { once: true });
31
38
  ```
32
39
 
33
- Pointer capture is enabled by default. Set `pointerCapture: false` for surfaces whose nested or
34
- newly revealed controls must retain native pointer-up targeting.
40
+ ## Documentation
41
+
42
+ - [Overview](https://vielzeug.dev/gesture/)
43
+ - [Usage Guide](https://vielzeug.dev/gesture/usage)
44
+ - [API Reference](https://vielzeug.dev/gesture/api)
45
+ - [Examples](https://vielzeug.dev/gesture/examples)
46
+ - [Migration Guide](https://vielzeug.dev/gesture/migration)
47
+
48
+ ## License
35
49
 
36
- [Full documentation](https://vielzeug.dev/gesture/)
50
+ MIT © [Helmuth Saatkamp](https://github.com/helmuthdu) — part of the [Vielzeug](https://github.com/helmuthdu/vielzeug) monorepo.
@@ -0,0 +1,10 @@
1
+ export type GestureHandle = {
2
+ readonly active: boolean;
3
+ [Symbol.dispose](): void;
4
+ cancel(): boolean;
5
+ readonly disposalSignal: AbortSignal;
6
+ dispose(): void;
7
+ readonly disposed: boolean;
8
+ };
9
+ export type GestureEndReason = 'cancel' | 'release';
10
+ //# sourceMappingURL=_gesture.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_gesture.d.ts","sourceRoot":"","sources":["../src/_gesture.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IACzB,MAAM,IAAI,OAAO,CAAC;IAClB,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ function e(e){if(e===void 0)return 6;if(!Number.isFinite(e)||e<0)throw RangeError(`activationDistance must be a non-negative finite number, got: ${e}`);return e}var t=(e,t)=>typeof e==`function`?e():e??t,n=e=>{if(e===void 0)return;let t=typeof e==`function`?e():e;if(t!==`x`&&t!==`y`)throw RangeError(`axis must be "x" or "y", got: ${String(t)}`);return t};function r(e,r){let{activationDistance:i,axis:a,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u,shouldStart:d,signal:f}=r,p=new AbortController,m=typeof a==`function`?void 0:n(a),h=null,g=null,_=null,v=!1,y=()=>!!t(o,!1),b=t=>_?{axis:_.axis,currentX:t.clientX,currentY:t.clientY,event:t,pointerId:_.pointerId,pointerType:_.pointerType,startX:_.startX,startY:_.startY,target:e}:null,x=()=>{h&&=(h.removeEventListener(`pointermove`,F,!0),h.removeEventListener(`pointerup`,I,!0),h.removeEventListener(`pointercancel`,L,!0),h.removeEventListener(`visibilitychange`,B),h.defaultView?.removeEventListener(`blur`,z),e.removeEventListener(`lostpointercapture`,R),null)},S=t=>{if(t.captured&&typeof e.releasePointerCapture==`function`)try{if(typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId))return;e.releasePointerCapture(t.pointerId)}catch{}},C=()=>{let e=_;g=null,_=null,x(),e&&S(e)},w=(e,t)=>{if(!_)return!1;_.event=e;let n=b(e);return C(),n&&s?.({...n,reason:t}),!0},T=()=>v?!1:_?w(_.event,`cancel`):g?(C(),!0):!1,E=()=>{v||(v=!0,f?.removeEventListener(`abort`,E),p.abort(),C(),e.removeEventListener(`pointerdown`,P))},D=e=>(_??g)?.pointerId===e.pointerId,O=()=>{h=e.ownerDocument,h.addEventListener(`pointermove`,F,!0),h.addEventListener(`pointerup`,I,!0),h.addEventListener(`pointercancel`,L,!0),h.addEventListener(`visibilitychange`,B),h.defaultView?.addEventListener(`blur`,z),e.addEventListener(`lostpointercapture`,R)},k=t=>{if(!g)return!1;let n=t.clientX-g.startX,r=t.clientY-g.startY;if(n===0&&r===0)return!1;if(g.axis===void 0){if(Math.hypot(n,r)<i)return!1}else{let e=g.axis===`x`?Math.abs(n):Math.abs(r),t=g.axis===`x`?Math.abs(r):Math.abs(n);if(Math.max(e,t)<i)return!1;if(t>e)return C(),!1}if(_={...g,captured:!1,event:t},g=null,u&&typeof e.setPointerCapture==`function`)try{e.setPointerCapture(t.pointerId),_.captured=typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t.pointerId)}catch{_.captured=!1}let a=b(t);return a&&l?.(a),_?.pointerId===t.pointerId},A=e=>v||g||_||y()||!e.isPrimary||e.button!==0||d&&!d(e)?!1:(g={axis:m??n(a),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},O(),!0),j=e=>{if(!D(e))return!1;if(y())return _?w(e,`cancel`):(C(),!0);if(!_&&!k(e)||!_)return!0;_.event=e;let t=b(e);return t&&c?.(t),!0},M=e=>D(e)?_?w(e,y()?`cancel`:`release`):(C(),!0):!1,N=e=>D(e)?_?w(e,`cancel`):(C(),!0):!1,P=e=>A(e),F=e=>j(e),I=e=>M(e),L=e=>N(e),R=e=>N(e),z=()=>T(),B=()=>{h?.visibilityState===`hidden`&&T()};return e.addEventListener(`pointerdown`,P),f?.aborted?E():f?.addEventListener(`abort`,E,{once:!0}),{get active(){return _!==null},cancel:T,get disposalSignal(){return p.signal},dispose:E,get disposed(){return v},[Symbol.dispose]:E}}exports.createPointerSession=r,exports.resolveActivationDistance=e;
2
+ //# sourceMappingURL=_pointer-session.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_pointer-session.cjs","names":[],"sources":["../src/_pointer-session.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\n\nexport type PointerAxis = 'x' | 'y';\n\nconst DEFAULT_ACTIVATION_DISTANCE = 6;\n\nexport function resolveActivationDistance(value: number | undefined): number {\n if (value === undefined) return DEFAULT_ACTIVATION_DISTANCE;\n if (!Number.isFinite(value) || value < 0) {\n throw new RangeError(`activationDistance must be a non-negative finite number, got: ${value}`);\n }\n return value;\n}\n\nexport type PointerSessionDetail = Readonly<{\n axis: PointerAxis | undefined;\n currentX: number;\n currentY: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n target: Element;\n}>;\n\ntype PointerSessionOptions = Readonly<{\n activationDistance: number;\n axis?: PointerAxis | (() => PointerAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PointerSessionDetail & Readonly<{ reason: GestureEndReason }>) => void;\n onMove?: (detail: PointerSessionDetail) => void;\n onStart?: (detail: PointerSessionDetail) => void;\n pointerCapture: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\ntype PendingPointer = {\n axis: PointerAxis | undefined;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePointer = PendingPointer & { captured: boolean };\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst resolveAxis = (value: PointerSessionOptions['axis']): PointerAxis | undefined => {\n if (value === undefined) return undefined;\n const axis = typeof value === 'function' ? value() : value;\n if (axis !== 'x' && axis !== 'y') throw new RangeError(`axis must be \"x\" or \"y\", got: ${String(axis)}`);\n return axis;\n};\n\nexport function createPointerSession(target: Element, options: PointerSessionOptions): GestureHandle {\n const { activationDistance, axis, disabled, onEnd, onMove, onStart, pointerCapture, shouldStart, signal } = options;\n const disposalController = new AbortController();\n const fixedAxis = typeof axis === 'function' ? undefined : resolveAxis(axis);\n let trackingDocument: Document | null = null;\n let pending: PendingPointer | null = null;\n let active: ActivePointer | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null =>\n active\n ? {\n axis: active.axis,\n currentX: event.clientX,\n currentY: event.clientY,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n startX: active.startX,\n startY: active.startY,\n target,\n }\n : null;\n\n const removeTrackingListeners = (): void => {\n if (!trackingDocument) return;\n trackingDocument.removeEventListener('pointermove', onPointerMove, true);\n trackingDocument.removeEventListener('pointerup', onPointerUp, true);\n trackingDocument.removeEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.removeEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.removeEventListener('blur', onWindowBlur);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n trackingDocument = null;\n };\n\n const releaseCapture = (pointer: ActivePointer): void => {\n if (!pointer.captured || typeof target.releasePointerCapture !== 'function') return;\n try {\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pointer.pointerId)) return;\n target.releasePointerCapture(pointer.pointerId);\n } catch {\n // Pointer ownership may already have ended or the target may have detached.\n }\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n pending = null;\n active = null;\n removeTrackingListeners();\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: GestureEndReason): boolean => {\n if (!active) return false;\n active.event = event;\n const detail = createDetail(event);\n clearSession();\n if (detail) onEnd?.({ ...detail, reason });\n return true;\n };\n\n const cancel = (): boolean => {\n if (disposed) return false;\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n clearSession();\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n disposed = true;\n signal?.removeEventListener('abort', dispose);\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => (active ?? pending)?.pointerId === event.pointerId;\n\n const startTracking = (): void => {\n trackingDocument = target.ownerDocument;\n trackingDocument.addEventListener('pointermove', onPointerMove, true);\n trackingDocument.addEventListener('pointerup', onPointerUp, true);\n trackingDocument.addEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.addEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.addEventListener('blur', onWindowBlur);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n if (deltaX === 0 && deltaY === 0) return false;\n\n if (pending.axis === undefined) {\n if (Math.hypot(deltaX, deltaY) < activationDistance) return false;\n } else {\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n if (Math.max(primaryDistance, crossDistance) < activationDistance) return false;\n if (crossDistance > primaryDistance) {\n clearSession();\n return false;\n }\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n if (pointerCapture && typeof target.setPointerCapture === 'function') {\n try {\n target.setPointerCapture(event.pointerId);\n active.captured = typeof target.hasPointerCapture !== 'function' || target.hasPointerCapture(event.pointerId);\n } catch {\n active.captured = false;\n }\n }\n\n const detail = createDetail(event);\n if (detail) onStart?.(detail);\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled() || !event.isPrimary || event.button !== 0) return false;\n if (shouldStart && !shouldStart(event)) return false;\n pending = {\n axis: fixedAxis ?? resolveAxis(axis),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n clearSession();\n return true;\n }\n if (!active && !activate(event)) return true;\n if (!active) return true;\n active.event = event;\n const detail = createDetail(event);\n if (detail) onMove?.(detail);\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => handlePointerDown(event as PointerEvent);\n const onPointerMove: EventListener = (event) => handlePointerMove(event as PointerEvent);\n const onPointerUp: EventListener = (event) => handlePointerUp(event as PointerEvent);\n const onPointerCancel: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onLostPointerCapture: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onWindowBlur: EventListener = () => cancel();\n const onVisibilityChange: EventListener = () => {\n if (trackingDocument?.visibilityState === 'hidden') cancel();\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n if (signal?.aborted) dispose();\n else signal?.addEventListener('abort', dispose, { once: true });\n\n return {\n get active() {\n return active !== null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n}\n"],"mappings":"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"}
@@ -0,0 +1,30 @@
1
+ import type { GestureEndReason, GestureHandle } from './_gesture.js';
2
+ export type PointerAxis = 'x' | 'y';
3
+ export declare function resolveActivationDistance(value: number | undefined): number;
4
+ export type PointerSessionDetail = Readonly<{
5
+ axis: PointerAxis | undefined;
6
+ currentX: number;
7
+ currentY: number;
8
+ event: PointerEvent;
9
+ pointerId: number;
10
+ pointerType: string;
11
+ startX: number;
12
+ startY: number;
13
+ target: Element;
14
+ }>;
15
+ type PointerSessionOptions = Readonly<{
16
+ activationDistance: number;
17
+ axis?: PointerAxis | (() => PointerAxis);
18
+ disabled?: boolean | (() => boolean | undefined);
19
+ onEnd?: (detail: PointerSessionDetail & Readonly<{
20
+ reason: GestureEndReason;
21
+ }>) => void;
22
+ onMove?: (detail: PointerSessionDetail) => void;
23
+ onStart?: (detail: PointerSessionDetail) => void;
24
+ pointerCapture: boolean;
25
+ shouldStart?: (event: PointerEvent) => boolean;
26
+ signal?: AbortSignal;
27
+ }>;
28
+ export declare function createPointerSession(target: Element, options: PointerSessionOptions): GestureHandle;
29
+ export {};
30
+ //# sourceMappingURL=_pointer-session.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_pointer-session.d.ts","sourceRoot":"","sources":["../src/_pointer-session.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC;AAIpC,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAM3E;AAED,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,IAAI,EAAE,WAAW,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,KAAK,qBAAqB,GAAG,QAAQ,CAAC;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,GAAG,QAAQ,CAAC;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACxF,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IAC/C,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAuBH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,GAAG,aAAa,CA2MnG"}
@@ -0,0 +1,102 @@
1
+ function e(e) {
2
+ if (e === void 0) return 6;
3
+ if (!Number.isFinite(e) || e < 0) throw RangeError(`activationDistance must be a non-negative finite number, got: ${e}`);
4
+ return e;
5
+ }
6
+ var t = (e, t) => typeof e == "function" ? e() : e ?? t, n = (e) => {
7
+ if (e === void 0) return;
8
+ let t = typeof e == "function" ? e() : e;
9
+ if (t !== "x" && t !== "y") throw RangeError(`axis must be "x" or "y", got: ${String(t)}`);
10
+ return t;
11
+ };
12
+ function r(e, r) {
13
+ let { activationDistance: i, axis: a, disabled: o, onEnd: s, onMove: c, onStart: l, pointerCapture: u, shouldStart: d, signal: f } = r, p = new AbortController(), m = typeof a == "function" ? void 0 : n(a), h = null, g = null, _ = null, v = !1, y = () => !!t(o, !1), b = (t) => _ ? {
14
+ axis: _.axis,
15
+ currentX: t.clientX,
16
+ currentY: t.clientY,
17
+ event: t,
18
+ pointerId: _.pointerId,
19
+ pointerType: _.pointerType,
20
+ startX: _.startX,
21
+ startY: _.startY,
22
+ target: e
23
+ } : null, x = () => {
24
+ h &&= (h.removeEventListener("pointermove", F, !0), h.removeEventListener("pointerup", I, !0), h.removeEventListener("pointercancel", L, !0), h.removeEventListener("visibilitychange", B), h.defaultView?.removeEventListener("blur", z), e.removeEventListener("lostpointercapture", R), null);
25
+ }, S = (t) => {
26
+ if (t.captured && typeof e.releasePointerCapture == "function") try {
27
+ if (typeof e.hasPointerCapture == "function" && !e.hasPointerCapture(t.pointerId)) return;
28
+ e.releasePointerCapture(t.pointerId);
29
+ } catch {}
30
+ }, C = () => {
31
+ let e = _;
32
+ g = null, _ = null, x(), e && S(e);
33
+ }, w = (e, t) => {
34
+ if (!_) return !1;
35
+ _.event = e;
36
+ let n = b(e);
37
+ return C(), n && s?.({
38
+ ...n,
39
+ reason: t
40
+ }), !0;
41
+ }, T = () => v ? !1 : _ ? w(_.event, "cancel") : g ? (C(), !0) : !1, E = () => {
42
+ v || (v = !0, f?.removeEventListener("abort", E), p.abort(), C(), e.removeEventListener("pointerdown", P));
43
+ }, D = (e) => (_ ?? g)?.pointerId === e.pointerId, O = () => {
44
+ h = e.ownerDocument, h.addEventListener("pointermove", F, !0), h.addEventListener("pointerup", I, !0), h.addEventListener("pointercancel", L, !0), h.addEventListener("visibilitychange", B), h.defaultView?.addEventListener("blur", z), e.addEventListener("lostpointercapture", R);
45
+ }, k = (t) => {
46
+ if (!g) return !1;
47
+ let n = t.clientX - g.startX, r = t.clientY - g.startY;
48
+ if (n === 0 && r === 0) return !1;
49
+ if (g.axis === void 0) {
50
+ if (Math.hypot(n, r) < i) return !1;
51
+ } else {
52
+ let e = g.axis === "x" ? Math.abs(n) : Math.abs(r), t = g.axis === "x" ? Math.abs(r) : Math.abs(n);
53
+ if (Math.max(e, t) < i) return !1;
54
+ if (t > e) return C(), !1;
55
+ }
56
+ if (_ = {
57
+ ...g,
58
+ captured: !1,
59
+ event: t
60
+ }, g = null, u && typeof e.setPointerCapture == "function") try {
61
+ e.setPointerCapture(t.pointerId), _.captured = typeof e.hasPointerCapture != "function" || e.hasPointerCapture(t.pointerId);
62
+ } catch {
63
+ _.captured = !1;
64
+ }
65
+ let a = b(t);
66
+ return a && l?.(a), _?.pointerId === t.pointerId;
67
+ }, A = (e) => v || g || _ || y() || !e.isPrimary || e.button !== 0 || d && !d(e) ? !1 : (g = {
68
+ axis: m ?? n(a),
69
+ event: e,
70
+ pointerId: e.pointerId,
71
+ pointerType: e.pointerType,
72
+ startX: e.clientX,
73
+ startY: e.clientY
74
+ }, O(), !0), j = (e) => {
75
+ if (!D(e)) return !1;
76
+ if (y()) return _ ? w(e, "cancel") : (C(), !0);
77
+ if (!_ && !k(e) || !_) return !0;
78
+ _.event = e;
79
+ let t = b(e);
80
+ return t && c?.(t), !0;
81
+ }, M = (e) => D(e) ? _ ? w(e, y() ? "cancel" : "release") : (C(), !0) : !1, N = (e) => D(e) ? _ ? w(e, "cancel") : (C(), !0) : !1, P = (e) => A(e), F = (e) => j(e), I = (e) => M(e), L = (e) => N(e), R = (e) => N(e), z = () => T(), B = () => {
82
+ h?.visibilityState === "hidden" && T();
83
+ };
84
+ return e.addEventListener("pointerdown", P), f?.aborted ? E() : f?.addEventListener("abort", E, { once: !0 }), {
85
+ get active() {
86
+ return _ !== null;
87
+ },
88
+ cancel: T,
89
+ get disposalSignal() {
90
+ return p.signal;
91
+ },
92
+ dispose: E,
93
+ get disposed() {
94
+ return v;
95
+ },
96
+ [Symbol.dispose]: E
97
+ };
98
+ }
99
+ //#endregion
100
+ export { r as createPointerSession, e as resolveActivationDistance };
101
+
102
+ //# sourceMappingURL=_pointer-session.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_pointer-session.js","names":[],"sources":["../src/_pointer-session.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\n\nexport type PointerAxis = 'x' | 'y';\n\nconst DEFAULT_ACTIVATION_DISTANCE = 6;\n\nexport function resolveActivationDistance(value: number | undefined): number {\n if (value === undefined) return DEFAULT_ACTIVATION_DISTANCE;\n if (!Number.isFinite(value) || value < 0) {\n throw new RangeError(`activationDistance must be a non-negative finite number, got: ${value}`);\n }\n return value;\n}\n\nexport type PointerSessionDetail = Readonly<{\n axis: PointerAxis | undefined;\n currentX: number;\n currentY: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n target: Element;\n}>;\n\ntype PointerSessionOptions = Readonly<{\n activationDistance: number;\n axis?: PointerAxis | (() => PointerAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PointerSessionDetail & Readonly<{ reason: GestureEndReason }>) => void;\n onMove?: (detail: PointerSessionDetail) => void;\n onStart?: (detail: PointerSessionDetail) => void;\n pointerCapture: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\ntype PendingPointer = {\n axis: PointerAxis | undefined;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePointer = PendingPointer & { captured: boolean };\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst resolveAxis = (value: PointerSessionOptions['axis']): PointerAxis | undefined => {\n if (value === undefined) return undefined;\n const axis = typeof value === 'function' ? value() : value;\n if (axis !== 'x' && axis !== 'y') throw new RangeError(`axis must be \"x\" or \"y\", got: ${String(axis)}`);\n return axis;\n};\n\nexport function createPointerSession(target: Element, options: PointerSessionOptions): GestureHandle {\n const { activationDistance, axis, disabled, onEnd, onMove, onStart, pointerCapture, shouldStart, signal } = options;\n const disposalController = new AbortController();\n const fixedAxis = typeof axis === 'function' ? undefined : resolveAxis(axis);\n let trackingDocument: Document | null = null;\n let pending: PendingPointer | null = null;\n let active: ActivePointer | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null =>\n active\n ? {\n axis: active.axis,\n currentX: event.clientX,\n currentY: event.clientY,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n startX: active.startX,\n startY: active.startY,\n target,\n }\n : null;\n\n const removeTrackingListeners = (): void => {\n if (!trackingDocument) return;\n trackingDocument.removeEventListener('pointermove', onPointerMove, true);\n trackingDocument.removeEventListener('pointerup', onPointerUp, true);\n trackingDocument.removeEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.removeEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.removeEventListener('blur', onWindowBlur);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n trackingDocument = null;\n };\n\n const releaseCapture = (pointer: ActivePointer): void => {\n if (!pointer.captured || typeof target.releasePointerCapture !== 'function') return;\n try {\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pointer.pointerId)) return;\n target.releasePointerCapture(pointer.pointerId);\n } catch {\n // Pointer ownership may already have ended or the target may have detached.\n }\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n pending = null;\n active = null;\n removeTrackingListeners();\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: GestureEndReason): boolean => {\n if (!active) return false;\n active.event = event;\n const detail = createDetail(event);\n clearSession();\n if (detail) onEnd?.({ ...detail, reason });\n return true;\n };\n\n const cancel = (): boolean => {\n if (disposed) return false;\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n clearSession();\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n disposed = true;\n signal?.removeEventListener('abort', dispose);\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => (active ?? pending)?.pointerId === event.pointerId;\n\n const startTracking = (): void => {\n trackingDocument = target.ownerDocument;\n trackingDocument.addEventListener('pointermove', onPointerMove, true);\n trackingDocument.addEventListener('pointerup', onPointerUp, true);\n trackingDocument.addEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.addEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.addEventListener('blur', onWindowBlur);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n if (deltaX === 0 && deltaY === 0) return false;\n\n if (pending.axis === undefined) {\n if (Math.hypot(deltaX, deltaY) < activationDistance) return false;\n } else {\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n if (Math.max(primaryDistance, crossDistance) < activationDistance) return false;\n if (crossDistance > primaryDistance) {\n clearSession();\n return false;\n }\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n if (pointerCapture && typeof target.setPointerCapture === 'function') {\n try {\n target.setPointerCapture(event.pointerId);\n active.captured = typeof target.hasPointerCapture !== 'function' || target.hasPointerCapture(event.pointerId);\n } catch {\n active.captured = false;\n }\n }\n\n const detail = createDetail(event);\n if (detail) onStart?.(detail);\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled() || !event.isPrimary || event.button !== 0) return false;\n if (shouldStart && !shouldStart(event)) return false;\n pending = {\n axis: fixedAxis ?? resolveAxis(axis),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n clearSession();\n return true;\n }\n if (!active && !activate(event)) return true;\n if (!active) return true;\n active.event = event;\n const detail = createDetail(event);\n if (detail) onMove?.(detail);\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => handlePointerDown(event as PointerEvent);\n const onPointerMove: EventListener = (event) => handlePointerMove(event as PointerEvent);\n const onPointerUp: EventListener = (event) => handlePointerUp(event as PointerEvent);\n const onPointerCancel: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onLostPointerCapture: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onWindowBlur: EventListener = () => cancel();\n const onVisibilityChange: EventListener = () => {\n if (trackingDocument?.visibilityState === 'hidden') cancel();\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n if (signal?.aborted) dispose();\n else signal?.addEventListener('abort', dispose, { once: true });\n\n return {\n get active() {\n return active !== null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n}\n"],"mappings":"AAMA,SAAgB,EAA0B,GAAmC;CAC3E,IAAI,MAAU,KAAA,GAAW,OAAO;CAChC,IAAI,CAAC,OAAO,SAAS,CAAK,KAAK,IAAQ,GACrC,MAAU,WAAW,iEAAiE,GAAO;CAE/F,OAAO;AACT;AAqCA,IAAM,KAAW,GAAkC,MACjD,OAAO,KAAU,aAAc,EAAkB,IAAK,KAAS,GAE3D,KAAe,MAAkE;CACrF,IAAI,MAAU,KAAA,GAAW;CACzB,IAAM,IAAO,OAAO,KAAU,aAAa,EAAM,IAAI;CACrD,IAAI,MAAS,OAAO,MAAS,KAAK,MAAU,WAAW,iCAAiC,OAAO,CAAI,GAAG;CACtG,OAAO;AACT;AAEA,SAAgB,EAAqB,GAAiB,GAA+C;CACnG,IAAM,EAAE,uBAAoB,SAAM,aAAU,UAAO,WAAQ,YAAS,mBAAgB,gBAAa,cAAW,GACtG,IAAqB,IAAI,gBAAgB,GACzC,IAAY,OAAO,KAAS,aAAa,KAAA,IAAY,EAAY,CAAI,GACvE,IAAoC,MACpC,IAAiC,MACjC,IAA+B,MAC/B,IAAW,IAET,UAA4B,EAAQ,EAAK,GAAU,EAAK,GAExD,KAAgB,MACpB,IACI;EACE,MAAM,EAAO;EACb,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB;EACA,WAAW,EAAO;EAClB,aAAa,EAAO;EACpB,QAAQ,EAAO;EACf,QAAQ,EAAO;EACf;CACF,IACA,MAEA,UAAsC;EACrC,AAOL,OANA,EAAiB,oBAAoB,eAAe,GAAe,EAAI,GACvE,EAAiB,oBAAoB,aAAa,GAAa,EAAI,GACnE,EAAiB,oBAAoB,iBAAiB,GAAiB,EAAI,GAC3E,EAAiB,oBAAoB,oBAAoB,CAAkB,GAC3E,EAAiB,aAAa,oBAAoB,QAAQ,CAAY,GACtE,EAAO,oBAAoB,sBAAsB,CAAoB,GAClD;CACrB,GAEM,KAAkB,MAAiC;EACnD,IAAC,EAAQ,YAAY,OAAO,EAAO,yBAA0B,YACjE,IAAI;GACF,IAAI,OAAO,EAAO,qBAAsB,cAAc,CAAC,EAAO,kBAAkB,EAAQ,SAAS,GAAG;GACpG,EAAO,sBAAsB,EAAQ,SAAS;EAChD,QAAQ,CAER;CACF,GAEM,UAA2B;EAC/B,IAAM,IAAiB;EAIvB,AAHA,IAAU,MACV,IAAS,MACT,EAAwB,GACpB,KAAgB,EAAe,CAAc;CACnD,GAEM,KAAU,GAAqB,MAAsC;EACzE,IAAI,CAAC,GAAQ,OAAO;EACpB,EAAO,QAAQ;EACf,IAAM,IAAS,EAAa,CAAK;EAGjC,OAFA,EAAa,GACT,KAAQ,IAAQ;GAAE,GAAG;GAAQ;EAAO,CAAC,GAClC;CACT,GAEM,UACA,IAAiB,KACjB,IAAe,EAAO,EAAO,OAAO,QAAQ,IAC3C,KACL,EAAa,GACN,MAFc,IAKjB,UAAsB;EACtB,MACJ,IAAW,IACX,GAAQ,oBAAoB,SAAS,CAAO,GAC5C,EAAmB,MAAM,GACzB,EAAa,GACb,EAAO,oBAAoB,eAAe,CAAa;CACzD,GAEM,KAAkB,OAAkC,KAAU,EAAA,EAAU,cAAc,EAAM,WAE5F,UAA4B;EAOhC,AANA,IAAmB,EAAO,eAC1B,EAAiB,iBAAiB,eAAe,GAAe,EAAI,GACpE,EAAiB,iBAAiB,aAAa,GAAa,EAAI,GAChE,EAAiB,iBAAiB,iBAAiB,GAAiB,EAAI,GACxE,EAAiB,iBAAiB,oBAAoB,CAAkB,GACxE,EAAiB,aAAa,iBAAiB,QAAQ,CAAY,GACnE,EAAO,iBAAiB,sBAAsB,CAAoB;CACpE,GAEM,KAAY,MAAiC;EACjD,IAAI,CAAC,GAAS,OAAO;EACrB,IAAM,IAAS,EAAM,UAAU,EAAQ,QACjC,IAAS,EAAM,UAAU,EAAQ;EACvC,IAAI,MAAW,KAAK,MAAW,GAAG,OAAO;EAEzC,IAAI,EAAQ,SAAS,KAAA,GACf;OAAA,KAAK,MAAM,GAAQ,CAAM,IAAI,GAAoB,OAAO;EAAA,OACvD;GACL,IAAM,IAAkB,EAAQ,SAAS,MAAM,KAAK,IAAI,CAAM,IAAI,KAAK,IAAI,CAAM,GAC3E,IAAgB,EAAQ,SAAS,MAAM,KAAK,IAAI,CAAM,IAAI,KAAK,IAAI,CAAM;GAC/E,IAAI,KAAK,IAAI,GAAiB,CAAa,IAAI,GAAoB,OAAO;GAC1E,IAAI,IAAgB,GAElB,OADA,EAAa,GACN;EAEX;EAIA,IAFA,IAAS;GAAE,GAAG;GAAS,UAAU;GAAO;EAAM,GAC9C,IAAU,MACN,KAAkB,OAAO,EAAO,qBAAsB,YACxD,IAAI;GAEF,AADA,EAAO,kBAAkB,EAAM,SAAS,GACxC,EAAO,WAAW,OAAO,EAAO,qBAAsB,cAAc,EAAO,kBAAkB,EAAM,SAAS;EAC9G,QAAQ;GACN,EAAO,WAAW;EACpB;EAGF,IAAM,IAAS,EAAa,CAAK;EAEjC,OADI,KAAQ,IAAU,CAAM,GACrB,GAAQ,cAAc,EAAM;CACrC,GAEM,KAAqB,MACrB,KAAY,KAAW,KAAU,EAAW,KAAK,CAAC,EAAM,aAAa,EAAM,WAAW,KACtF,KAAe,CAAC,EAAY,CAAK,IAAU,MAC/C,IAAU;EACR,MAAM,KAAa,EAAY,CAAI;EACnC;EACA,WAAW,EAAM;EACjB,aAAa,EAAM;EACnB,QAAQ,EAAM;EACd,QAAQ,EAAM;CAChB,GACA,EAAc,GACP,KAGH,KAAqB,MAAiC;EAC1D,IAAI,CAAC,EAAe,CAAK,GAAG,OAAO;EACnC,IAAI,EAAW,GAGb,OAFI,IAAe,EAAO,GAAO,QAAQ,KACzC,EAAa,GACN;EAGT,IADI,CAAC,KAAU,CAAC,EAAS,CAAK,KAC1B,CAAC,GAAQ,OAAO;EACpB,EAAO,QAAQ;EACf,IAAM,IAAS,EAAa,CAAK;EAEjC,OADI,KAAQ,IAAS,CAAM,GACpB;CACT,GAEM,KAAmB,MAClB,EAAe,CAAK,IACpB,IAIE,EAAO,GAAO,EAAW,IAAI,WAAW,SAAS,KAHtD,EAAa,GACN,MAH0B,IAQ/B,KAAuB,MACtB,EAAe,CAAK,IACpB,IAIE,EAAO,GAAO,QAAQ,KAH3B,EAAa,GACN,MAH0B,IAQ/B,KAAgC,MAAU,EAAkB,CAAqB,GACjF,KAAgC,MAAU,EAAkB,CAAqB,GACjF,KAA8B,MAAU,EAAgB,CAAqB,GAC7E,KAAkC,MAAU,EAAoB,CAAqB,GACrF,KAAuC,MAAU,EAAoB,CAAqB,GAC1F,UAAoC,EAAO,GAC3C,UAA0C;EAC9C,AAAI,GAAkB,oBAAoB,YAAU,EAAO;CAC7D;CAMA,OAJA,EAAO,iBAAiB,eAAe,CAAa,GAChD,GAAQ,UAAS,EAAQ,IACxB,GAAQ,iBAAiB,SAAS,GAAS,EAAE,MAAM,GAAK,CAAC,GAEvD;EACL,IAAI,SAAS;GACX,OAAO,MAAW;EACpB;EACA;EACA,IAAI,iBAAiB;GACnB,OAAO,EAAmB;EAC5B;EACA;EACA,IAAI,WAAW;GACb,OAAO;EACT;GACC,OAAO,UAAU;CACpB;AACF"}
@@ -0,0 +1,2 @@
1
+ const e=require("./_pointer-session.cjs");function t(e){let t={x:e.startX,y:e.startY},n={x:e.currentX,y:e.currentY};return{current:n,delta:{x:n.x-t.x,y:n.y-t.y},event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:t,target:e.target}}function n(n,r={}){let{activationDistance:i,disabled:a,onEnd:o,onMove:s,onStart:c,pointerCapture:l=!0,shouldStart:u,signal:d}=r;return e.createPointerSession(n,{activationDistance:e.resolveActivationDistance(i),disabled:a,onEnd:o?e=>o({...t(e),reason:e.reason}):void 0,onMove:s?e=>s(t(e)):void 0,onStart:c?e=>c(t(e)):void 0,pointerCapture:l,shouldStart:u,signal:d})}exports.createDragGesture=n;
2
+ //# sourceMappingURL=drag-gesture.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drag-gesture.cjs","names":[],"sources":["../src/drag-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { createPointerSession, type PointerSessionDetail, resolveActivationDistance } from './_pointer-session.js';\n\nexport type DragEndReason = GestureEndReason;\nexport type DragPoint = Readonly<{ x: number; y: number }>;\n\nexport type DragGestureDetail = Readonly<{\n current: DragPoint;\n delta: DragPoint;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: DragPoint;\n target: Element;\n}>;\n\nexport type DragGestureEndDetail = DragGestureDetail & Readonly<{ reason: GestureEndReason }>;\n\nexport type DragGestureOptions = Readonly<{\n activationDistance?: number;\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: DragGestureEndDetail) => void;\n onMove?: (detail: DragGestureDetail) => void;\n onStart?: (detail: DragGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type DragGesture = GestureHandle;\n\nfunction toDragDetail(detail: PointerSessionDetail): DragGestureDetail {\n const start = { x: detail.startX, y: detail.startY };\n const current = { x: detail.currentX, y: detail.currentY };\n return {\n current,\n delta: { x: current.x - start.x, y: current.y - start.y },\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createDragGesture(target: Element, options: DragGestureOptions = {}): DragGesture {\n const { activationDistance, disabled, onEnd, onMove, onStart, pointerCapture = true, shouldStart, signal } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toDragDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toDragDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toDragDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":"0CA+BA,SAAS,EAAa,EAAiD,CACrE,IAAM,EAAQ,CAAE,EAAG,EAAO,OAAQ,EAAG,EAAO,MAAO,EAC7C,EAAU,CAAE,EAAG,EAAO,SAAU,EAAG,EAAO,QAAS,EACzD,MAAO,CACL,UACA,MAAO,CAAE,EAAG,EAAQ,EAAI,EAAM,EAAG,EAAG,EAAQ,EAAI,EAAM,CAAE,EACxD,MAAO,EAAO,MACd,UAAW,EAAO,UAClB,YAAa,EAAO,YACpB,QACA,OAAQ,EAAO,MACjB,CACF,CAEA,SAAgB,EAAkB,EAAiB,EAA8B,CAAC,EAAgB,CAChG,GAAM,CAAE,qBAAoB,WAAU,QAAO,SAAQ,UAAS,iBAAiB,GAAM,cAAa,UAAW,EAE7G,OAAO,EAAA,qBAAqB,EAAQ,CAClC,mBAAoB,EAAA,0BAA0B,CAAkB,EAChE,WACA,MAAO,EAAS,GAAW,EAAM,CAAE,GAAG,EAAa,CAAM,EAAG,OAAQ,EAAO,MAAO,CAAC,EAAI,IAAA,GACvF,OAAQ,EAAU,GAAW,EAAO,EAAa,CAAM,CAAC,EAAI,IAAA,GAC5D,QAAS,EAAW,GAAW,EAAQ,EAAa,CAAM,CAAC,EAAI,IAAA,GAC/D,iBACA,cACA,QACF,CAAC,CACH"}
@@ -0,0 +1,31 @@
1
+ import type { GestureEndReason, GestureHandle } from './_gesture.js';
2
+ export type DragEndReason = GestureEndReason;
3
+ export type DragPoint = Readonly<{
4
+ x: number;
5
+ y: number;
6
+ }>;
7
+ export type DragGestureDetail = Readonly<{
8
+ current: DragPoint;
9
+ delta: DragPoint;
10
+ event: PointerEvent;
11
+ pointerId: number;
12
+ pointerType: string;
13
+ start: DragPoint;
14
+ target: Element;
15
+ }>;
16
+ export type DragGestureEndDetail = DragGestureDetail & Readonly<{
17
+ reason: GestureEndReason;
18
+ }>;
19
+ export type DragGestureOptions = Readonly<{
20
+ activationDistance?: number;
21
+ disabled?: boolean | (() => boolean | undefined);
22
+ onEnd?: (detail: DragGestureEndDetail) => void;
23
+ onMove?: (detail: DragGestureDetail) => void;
24
+ onStart?: (detail: DragGestureDetail) => void;
25
+ pointerCapture?: boolean;
26
+ shouldStart?: (event: PointerEvent) => boolean;
27
+ signal?: AbortSignal;
28
+ }>;
29
+ export type DragGesture = GestureHandle;
30
+ export declare function createDragGesture(target: Element, options?: DragGestureOptions): DragGesture;
31
+ //# sourceMappingURL=drag-gesture.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drag-gesture.d.ts","sourceRoot":"","sources":["../src/drag-gesture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGrE,MAAM,MAAM,aAAa,GAAG,gBAAgB,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,GAAG,QAAQ,CAAC;IAAE,MAAM,EAAE,gBAAgB,CAAA;CAAE,CAAC,CAAC;AAE9F,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IAC/C,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC;AAgBxC,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAE,kBAAuB,GAAG,WAAW,CAahG"}
@@ -0,0 +1,43 @@
1
+ import { createPointerSession as e, resolveActivationDistance as t } from "./_pointer-session.js";
2
+ //#region src/drag-gesture.ts
3
+ function n(e) {
4
+ let t = {
5
+ x: e.startX,
6
+ y: e.startY
7
+ }, n = {
8
+ x: e.currentX,
9
+ y: e.currentY
10
+ };
11
+ return {
12
+ current: n,
13
+ delta: {
14
+ x: n.x - t.x,
15
+ y: n.y - t.y
16
+ },
17
+ event: e.event,
18
+ pointerId: e.pointerId,
19
+ pointerType: e.pointerType,
20
+ start: t,
21
+ target: e.target
22
+ };
23
+ }
24
+ function r(r, i = {}) {
25
+ let { activationDistance: a, disabled: o, onEnd: s, onMove: c, onStart: l, pointerCapture: u = !0, shouldStart: d, signal: f } = i;
26
+ return e(r, {
27
+ activationDistance: t(a),
28
+ disabled: o,
29
+ onEnd: s ? (e) => s({
30
+ ...n(e),
31
+ reason: e.reason
32
+ }) : void 0,
33
+ onMove: c ? (e) => c(n(e)) : void 0,
34
+ onStart: l ? (e) => l(n(e)) : void 0,
35
+ pointerCapture: u,
36
+ shouldStart: d,
37
+ signal: f
38
+ });
39
+ }
40
+ //#endregion
41
+ export { r as createDragGesture };
42
+
43
+ //# sourceMappingURL=drag-gesture.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drag-gesture.js","names":[],"sources":["../src/drag-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { createPointerSession, type PointerSessionDetail, resolveActivationDistance } from './_pointer-session.js';\n\nexport type DragEndReason = GestureEndReason;\nexport type DragPoint = Readonly<{ x: number; y: number }>;\n\nexport type DragGestureDetail = Readonly<{\n current: DragPoint;\n delta: DragPoint;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: DragPoint;\n target: Element;\n}>;\n\nexport type DragGestureEndDetail = DragGestureDetail & Readonly<{ reason: GestureEndReason }>;\n\nexport type DragGestureOptions = Readonly<{\n activationDistance?: number;\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: DragGestureEndDetail) => void;\n onMove?: (detail: DragGestureDetail) => void;\n onStart?: (detail: DragGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type DragGesture = GestureHandle;\n\nfunction toDragDetail(detail: PointerSessionDetail): DragGestureDetail {\n const start = { x: detail.startX, y: detail.startY };\n const current = { x: detail.currentX, y: detail.currentY };\n return {\n current,\n delta: { x: current.x - start.x, y: current.y - start.y },\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createDragGesture(target: Element, options: DragGestureOptions = {}): DragGesture {\n const { activationDistance, disabled, onEnd, onMove, onStart, pointerCapture = true, shouldStart, signal } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toDragDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toDragDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toDragDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":";;AA+BA,SAAS,EAAa,GAAiD;CACrE,IAAM,IAAQ;EAAE,GAAG,EAAO;EAAQ,GAAG,EAAO;CAAO,GAC7C,IAAU;EAAE,GAAG,EAAO;EAAU,GAAG,EAAO;CAAS;CACzD,OAAO;EACL;EACA,OAAO;GAAE,GAAG,EAAQ,IAAI,EAAM;GAAG,GAAG,EAAQ,IAAI,EAAM;EAAE;EACxD,OAAO,EAAO;EACd,WAAW,EAAO;EAClB,aAAa,EAAO;EACpB;EACA,QAAQ,EAAO;CACjB;AACF;AAEA,SAAgB,EAAkB,GAAiB,IAA8B,CAAC,GAAgB;CAChG,IAAM,EAAE,uBAAoB,aAAU,UAAO,WAAQ,YAAS,oBAAiB,IAAM,gBAAa,cAAW;CAE7G,OAAO,EAAqB,GAAQ;EAClC,oBAAoB,EAA0B,CAAkB;EAChE;EACA,OAAO,KAAS,MAAW,EAAM;GAAE,GAAG,EAAa,CAAM;GAAG,QAAQ,EAAO;EAAO,CAAC,IAAI,KAAA;EACvF,QAAQ,KAAU,MAAW,EAAO,EAAa,CAAM,CAAC,IAAI,KAAA;EAC5D,SAAS,KAAW,MAAW,EAAQ,EAAa,CAAM,CAAC,IAAI,KAAA;EAC/D;EACA;EACA;CACF,CAAC;AACH"}
package/dist/gesture.cjs CHANGED
@@ -1,2 +1,2 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=6,t=(e,t)=>typeof e==`function`?e():e??t,n=e=>!(!e.isPrimary||e.pointerType===`mouse`&&e.button!==0),r=(e,t)=>t===`x`?e.clientX:e.clientY,i=(e,t)=>t===`x`?e.startX:e.startY,a=(a,o={})=>{let s=new AbortController,c=a.ownerDocument,l=null,u=null,d=!1,f=()=>!!t(o.disabled,!1),p=e=>{if(!u)return null;let t=i(u,u.axis),n=r(e,u.axis);return{axis:u.axis,current:n,distance:n-t,event:e,pointerId:u.pointerId,pointerType:u.pointerType,start:t,target:a}},m=()=>{c.removeEventListener(`pointermove`,O,!0),c.removeEventListener(`pointerup`,k,!0),c.removeEventListener(`pointercancel`,A,!0),a.removeEventListener(`lostpointercapture`,j)},h=e=>{!e.captured||typeof a.releasePointerCapture!=`function`||typeof a.hasPointerCapture==`function`&&!a.hasPointerCapture(e.pointerId)||a.releasePointerCapture(e.pointerId)},g=()=>{let e=u;l=null,u=null,m(),e&&h(e)},_=(e,t)=>{if(!u)return!1;u.event=e;let n=p(e);return g(),n&&o.onEnd?.({...n,reason:t}),!0},v=()=>u?_(u.event,`cancel`):l?(g(),!0):!1,y=()=>{d||(d=!0,s.abort(),g(),a.removeEventListener(`pointerdown`,D))},b=e=>(u??l)?.pointerId===e.pointerId,x=()=>{c.addEventListener(`pointermove`,O,!0),c.addEventListener(`pointerup`,k,!0),c.addEventListener(`pointercancel`,A,!0),a.addEventListener(`lostpointercapture`,j)},S=t=>{if(!l)return!1;let n=t.clientX-l.startX,r=t.clientY-l.startY,i=l.axis===`x`?Math.abs(n):Math.abs(r),s=l.axis===`x`?Math.abs(r):Math.abs(n);if(Math.max(i,s)<e)return!1;if(s>i)return g(),!1;u={...l,captured:!1,event:t},l=null,o.pointerCapture!==!1&&typeof a.setPointerCapture==`function`&&(a.setPointerCapture(t.pointerId),u.captured=!0);let c=p(t);return c&&o.onStart?.(c),u?.pointerId===t.pointerId},C=e=>d||l||u||f()||!n(e)||o.shouldStart&&!o.shouldStart(e)?!1:(l={axis:t(o.axis,`x`),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},x(),!0),w=e=>{if(!b(e))return!1;if(f())return u?_(e,`cancel`):(g(),!0);if(!u&&!S(e)||!u)return!0;u.event=e;let t=p(e);return t&&o.onMove?.(t),!0},T=e=>b(e)?u?_(e,f()?`cancel`:`release`):(g(),!0):!1,E=e=>b(e)?u?_(e,`cancel`):(g(),!0):!1,D=e=>{e instanceof PointerEvent&&C(e)},O=e=>{e instanceof PointerEvent&&w(e)},k=e=>{e instanceof PointerEvent&&T(e)},A=e=>{e instanceof PointerEvent&&E(e)},j=e=>{e instanceof PointerEvent&&E(e)};return a.addEventListener(`pointerdown`,D),{get active(){return u!=null},cancel:v,get disposalSignal(){return s.signal},dispose:y,get disposed(){return d},[Symbol.dispose]:y}};exports.createPanGesture=a;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=6;function t(t){if(t===void 0)return e;if(!Number.isFinite(t)||t<0)throw RangeError(`activationDistance must be a non-negative finite number, got: ${t}`);return t}var n=(e,t)=>typeof e==`function`?e():e??t,r=e=>{if(e===void 0)return;let t=typeof e==`function`?e():e;if(t!==`x`&&t!==`y`)throw RangeError(`axis must be "x" or "y", got: ${String(t)}`);return t};function i(e,t){let{activationDistance:i,axis:a,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u,shouldStart:d,signal:f}=t,p=new AbortController,m=typeof a==`function`?void 0:r(a),h=null,g=null,_=null,v=!1,y=()=>!!n(o,!1),b=t=>_?{axis:_.axis,currentX:t.clientX,currentY:t.clientY,event:t,pointerId:_.pointerId,pointerType:_.pointerType,startX:_.startX,startY:_.startY,target:e}:null,x=()=>{h&&=(h.removeEventListener(`pointermove`,F,!0),h.removeEventListener(`pointerup`,I,!0),h.removeEventListener(`pointercancel`,L,!0),h.removeEventListener(`visibilitychange`,B),h.defaultView?.removeEventListener(`blur`,z),e.removeEventListener(`lostpointercapture`,R),null)},S=t=>{if(t.captured&&typeof e.releasePointerCapture==`function`)try{if(typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId))return;e.releasePointerCapture(t.pointerId)}catch{}},C=()=>{let e=_;g=null,_=null,x(),e&&S(e)},w=(e,t)=>{if(!_)return!1;_.event=e;let n=b(e);return C(),n&&s?.({...n,reason:t}),!0},T=()=>v?!1:_?w(_.event,`cancel`):g?(C(),!0):!1,E=()=>{v||(v=!0,f?.removeEventListener(`abort`,E),p.abort(),C(),e.removeEventListener(`pointerdown`,P))},D=e=>(_??g)?.pointerId===e.pointerId,O=()=>{h=e.ownerDocument,h.addEventListener(`pointermove`,F,!0),h.addEventListener(`pointerup`,I,!0),h.addEventListener(`pointercancel`,L,!0),h.addEventListener(`visibilitychange`,B),h.defaultView?.addEventListener(`blur`,z),e.addEventListener(`lostpointercapture`,R)},k=t=>{if(!g)return!1;let n=t.clientX-g.startX,r=t.clientY-g.startY;if(n===0&&r===0)return!1;if(g.axis===void 0){if(Math.hypot(n,r)<i)return!1}else{let e=g.axis===`x`?Math.abs(n):Math.abs(r),t=g.axis===`x`?Math.abs(r):Math.abs(n);if(Math.max(e,t)<i)return!1;if(t>e)return C(),!1}if(_={...g,captured:!1,event:t},g=null,u&&typeof e.setPointerCapture==`function`)try{e.setPointerCapture(t.pointerId),_.captured=typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t.pointerId)}catch{_.captured=!1}let a=b(t);return a&&l?.(a),_?.pointerId===t.pointerId},A=e=>v||g||_||y()||!e.isPrimary||e.button!==0||d&&!d(e)?!1:(g={axis:m??r(a),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},O(),!0),j=e=>{if(!D(e))return!1;if(y())return _?w(e,`cancel`):(C(),!0);if(!_&&!k(e)||!_)return!0;_.event=e;let t=b(e);return t&&c?.(t),!0},M=e=>D(e)?_?w(e,y()?`cancel`:`release`):(C(),!0):!1,N=e=>D(e)?_?w(e,`cancel`):(C(),!0):!1,P=e=>A(e),F=e=>j(e),I=e=>M(e),L=e=>N(e),R=e=>N(e),z=()=>T(),B=()=>{h?.visibilityState===`hidden`&&T()};return e.addEventListener(`pointerdown`,P),f?.aborted?E():f?.addEventListener(`abort`,E,{once:!0}),{get active(){return _!==null},cancel:T,get disposalSignal(){return p.signal},dispose:E,get disposed(){return v},[Symbol.dispose]:E}}function a(e){let t={x:e.startX,y:e.startY},n={x:e.currentX,y:e.currentY};return{current:n,delta:{x:n.x-t.x,y:n.y-t.y},event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:t,target:e.target}}function o(e,n={}){let{activationDistance:r,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u=!0,shouldStart:d,signal:f}=n;return i(e,{activationDistance:t(r),disabled:o,onEnd:s?e=>s({...a(e),reason:e.reason}):void 0,onMove:c?e=>c(a(e)):void 0,onStart:l?e=>l(a(e)):void 0,pointerCapture:u,shouldStart:d,signal:f})}function s(e){let t=e.axis,n=t===`x`?e.startX:e.startY,r=t===`x`?e.currentX:e.currentY;return{axis:t,current:r,distance:r-n,event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:n,target:e.target}}function c(e,n={}){let{activationDistance:r,axis:a,disabled:o,onEnd:c,onMove:l,onStart:u,pointerCapture:d=!0,shouldStart:f,signal:p}=n;return i(e,{activationDistance:t(r),axis:a??`x`,disabled:o,onEnd:c?e=>c({...s(e),reason:e.reason}):void 0,onMove:l?e=>l(s(e)):void 0,onStart:u?e=>u(s(e)):void 0,pointerCapture:d,shouldStart:f,signal:p})}exports.createDragGesture=o,exports.createPanGesture=c;
2
2
  //# sourceMappingURL=gesture.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"gesture.cjs","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["export type PanAxis = 'x' | 'y';\n\nexport type PanEndReason = 'cancel' | 'release';\n\nexport type PanGestureDetail = {\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n};\n\nexport type PanGestureEndDetail = PanGestureDetail & {\n reason: PanEndReason;\n};\n\nexport type PanGestureOptions = {\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n};\n\nexport type PanGesture = {\n readonly active: boolean;\n [Symbol.dispose](): void;\n cancel(): boolean;\n readonly disposalSignal: AbortSignal;\n dispose(): void;\n readonly disposed: boolean;\n};\n\ntype PendingPan = {\n axis: PanAxis;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePan = PendingPan & {\n captured: boolean;\n};\n\nconst ACTIVATION_DISTANCE = 6;\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst isPrimaryPointer = (event: PointerEvent): boolean => {\n if (!event.isPrimary) return false;\n if (event.pointerType === 'mouse' && event.button !== 0) return false;\n\n return true;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: PanAxis): number => {\n return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst getStartCoordinate = (pan: PendingPan, axis: PanAxis): number => {\n return axis === 'x' ? pan.startX : pan.startY;\n};\n\nexport const createPanGesture = (target: Element, options: PanGestureOptions = {}): PanGesture => {\n const disposalController = new AbortController();\n const ownerDocument = target.ownerDocument;\n let pending: PendingPan | null = null;\n let active: ActivePan | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(options.disabled, false));\n\n const createDetail = (event: PointerEvent): PanGestureDetail | null => {\n if (!active) return null;\n\n const start = getStartCoordinate(active, active.axis);\n const current = getCoordinate(event, active.axis);\n\n return {\n axis: active.axis,\n current,\n distance: current - start,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n start,\n target,\n };\n };\n\n const removeTrackingListeners = (): void => {\n ownerDocument.removeEventListener('pointermove', onPointerMove, true);\n ownerDocument.removeEventListener('pointerup', onPointerUp, true);\n ownerDocument.removeEventListener('pointercancel', onPointerCancel, true);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const releaseCapture = (pan: ActivePan): void => {\n if (!pan.captured || typeof target.releasePointerCapture !== 'function') return;\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pan.pointerId)) return;\n\n target.releasePointerCapture(pan.pointerId);\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n\n pending = null;\n active = null;\n removeTrackingListeners();\n\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: PanEndReason): boolean => {\n if (!active) return false;\n\n active.event = event;\n const detail = createDetail(event);\n\n clearSession();\n\n if (detail) options.onEnd?.({ ...detail, reason });\n\n return true;\n };\n\n const cancel = (): boolean => {\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n\n clearSession();\n\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n\n disposed = true;\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => {\n return (active ?? pending)?.pointerId === event.pointerId;\n };\n\n const startTracking = (): void => {\n ownerDocument.addEventListener('pointermove', onPointerMove, true);\n ownerDocument.addEventListener('pointerup', onPointerUp, true);\n ownerDocument.addEventListener('pointercancel', onPointerCancel, true);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n\n if (Math.max(primaryDistance, crossDistance) < ACTIVATION_DISTANCE) return false;\n\n if (crossDistance > primaryDistance) {\n clearSession();\n\n return false;\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n\n if (options.pointerCapture !== false && typeof target.setPointerCapture === 'function') {\n target.setPointerCapture(event.pointerId);\n active.captured = true;\n }\n\n const detail = createDetail(event);\n\n if (detail) options.onStart?.(detail);\n\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled()) return false;\n if (!isPrimaryPointer(event)) return false;\n if (options.shouldStart && !options.shouldStart(event)) return false;\n\n pending = {\n axis: read(options.axis, 'x'),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n\n clearSession();\n\n return true;\n }\n\n if (!active && !activate(event)) return true;\n if (!active) return true;\n\n active.event = event;\n const detail = createDetail(event);\n\n if (detail) options.onMove?.(detail);\n\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerDown(event);\n };\n\n const onPointerMove: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerMove(event);\n };\n\n const onPointerUp: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerUp(event);\n };\n\n const onPointerCancel: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n const onLostPointerCapture: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n\n return {\n get active() {\n return active != null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"gesture.cjs","names":[],"sources":["../src/_pointer-session.ts","../src/drag-gesture.ts","../src/pan-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\n\nexport type PointerAxis = 'x' | 'y';\n\nconst DEFAULT_ACTIVATION_DISTANCE = 6;\n\nexport function resolveActivationDistance(value: number | undefined): number {\n if (value === undefined) return DEFAULT_ACTIVATION_DISTANCE;\n if (!Number.isFinite(value) || value < 0) {\n throw new RangeError(`activationDistance must be a non-negative finite number, got: ${value}`);\n }\n return value;\n}\n\nexport type PointerSessionDetail = Readonly<{\n axis: PointerAxis | undefined;\n currentX: number;\n currentY: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n target: Element;\n}>;\n\ntype PointerSessionOptions = Readonly<{\n activationDistance: number;\n axis?: PointerAxis | (() => PointerAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PointerSessionDetail & Readonly<{ reason: GestureEndReason }>) => void;\n onMove?: (detail: PointerSessionDetail) => void;\n onStart?: (detail: PointerSessionDetail) => void;\n pointerCapture: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\ntype PendingPointer = {\n axis: PointerAxis | undefined;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePointer = PendingPointer & { captured: boolean };\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst resolveAxis = (value: PointerSessionOptions['axis']): PointerAxis | undefined => {\n if (value === undefined) return undefined;\n const axis = typeof value === 'function' ? value() : value;\n if (axis !== 'x' && axis !== 'y') throw new RangeError(`axis must be \"x\" or \"y\", got: ${String(axis)}`);\n return axis;\n};\n\nexport function createPointerSession(target: Element, options: PointerSessionOptions): GestureHandle {\n const { activationDistance, axis, disabled, onEnd, onMove, onStart, pointerCapture, shouldStart, signal } = options;\n const disposalController = new AbortController();\n const fixedAxis = typeof axis === 'function' ? undefined : resolveAxis(axis);\n let trackingDocument: Document | null = null;\n let pending: PendingPointer | null = null;\n let active: ActivePointer | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null =>\n active\n ? {\n axis: active.axis,\n currentX: event.clientX,\n currentY: event.clientY,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n startX: active.startX,\n startY: active.startY,\n target,\n }\n : null;\n\n const removeTrackingListeners = (): void => {\n if (!trackingDocument) return;\n trackingDocument.removeEventListener('pointermove', onPointerMove, true);\n trackingDocument.removeEventListener('pointerup', onPointerUp, true);\n trackingDocument.removeEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.removeEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.removeEventListener('blur', onWindowBlur);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n trackingDocument = null;\n };\n\n const releaseCapture = (pointer: ActivePointer): void => {\n if (!pointer.captured || typeof target.releasePointerCapture !== 'function') return;\n try {\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pointer.pointerId)) return;\n target.releasePointerCapture(pointer.pointerId);\n } catch {\n // Pointer ownership may already have ended or the target may have detached.\n }\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n pending = null;\n active = null;\n removeTrackingListeners();\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: GestureEndReason): boolean => {\n if (!active) return false;\n active.event = event;\n const detail = createDetail(event);\n clearSession();\n if (detail) onEnd?.({ ...detail, reason });\n return true;\n };\n\n const cancel = (): boolean => {\n if (disposed) return false;\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n clearSession();\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n disposed = true;\n signal?.removeEventListener('abort', dispose);\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => (active ?? pending)?.pointerId === event.pointerId;\n\n const startTracking = (): void => {\n trackingDocument = target.ownerDocument;\n trackingDocument.addEventListener('pointermove', onPointerMove, true);\n trackingDocument.addEventListener('pointerup', onPointerUp, true);\n trackingDocument.addEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.addEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.addEventListener('blur', onWindowBlur);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n if (deltaX === 0 && deltaY === 0) return false;\n\n if (pending.axis === undefined) {\n if (Math.hypot(deltaX, deltaY) < activationDistance) return false;\n } else {\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n if (Math.max(primaryDistance, crossDistance) < activationDistance) return false;\n if (crossDistance > primaryDistance) {\n clearSession();\n return false;\n }\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n if (pointerCapture && typeof target.setPointerCapture === 'function') {\n try {\n target.setPointerCapture(event.pointerId);\n active.captured = typeof target.hasPointerCapture !== 'function' || target.hasPointerCapture(event.pointerId);\n } catch {\n active.captured = false;\n }\n }\n\n const detail = createDetail(event);\n if (detail) onStart?.(detail);\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled() || !event.isPrimary || event.button !== 0) return false;\n if (shouldStart && !shouldStart(event)) return false;\n pending = {\n axis: fixedAxis ?? resolveAxis(axis),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n clearSession();\n return true;\n }\n if (!active && !activate(event)) return true;\n if (!active) return true;\n active.event = event;\n const detail = createDetail(event);\n if (detail) onMove?.(detail);\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => handlePointerDown(event as PointerEvent);\n const onPointerMove: EventListener = (event) => handlePointerMove(event as PointerEvent);\n const onPointerUp: EventListener = (event) => handlePointerUp(event as PointerEvent);\n const onPointerCancel: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onLostPointerCapture: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onWindowBlur: EventListener = () => cancel();\n const onVisibilityChange: EventListener = () => {\n if (trackingDocument?.visibilityState === 'hidden') cancel();\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n if (signal?.aborted) dispose();\n else signal?.addEventListener('abort', dispose, { once: true });\n\n return {\n get active() {\n return active !== null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n}\n","import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { createPointerSession, type PointerSessionDetail, resolveActivationDistance } from './_pointer-session.js';\n\nexport type DragEndReason = GestureEndReason;\nexport type DragPoint = Readonly<{ x: number; y: number }>;\n\nexport type DragGestureDetail = Readonly<{\n current: DragPoint;\n delta: DragPoint;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: DragPoint;\n target: Element;\n}>;\n\nexport type DragGestureEndDetail = DragGestureDetail & Readonly<{ reason: GestureEndReason }>;\n\nexport type DragGestureOptions = Readonly<{\n activationDistance?: number;\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: DragGestureEndDetail) => void;\n onMove?: (detail: DragGestureDetail) => void;\n onStart?: (detail: DragGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type DragGesture = GestureHandle;\n\nfunction toDragDetail(detail: PointerSessionDetail): DragGestureDetail {\n const start = { x: detail.startX, y: detail.startY };\n const current = { x: detail.currentX, y: detail.currentY };\n return {\n current,\n delta: { x: current.x - start.x, y: current.y - start.y },\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createDragGesture(target: Element, options: DragGestureOptions = {}): DragGesture {\n const { activationDistance, disabled, onEnd, onMove, onStart, pointerCapture = true, shouldStart, signal } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toDragDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toDragDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toDragDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n","import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport {\n createPointerSession,\n type PointerAxis,\n type PointerSessionDetail,\n resolveActivationDistance,\n} from './_pointer-session.js';\n\nexport type PanAxis = PointerAxis;\nexport type PanEndReason = GestureEndReason;\n\nexport type PanGestureDetail = Readonly<{\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n}>;\n\nexport type PanGestureEndDetail = PanGestureDetail & Readonly<{ reason: PanEndReason }>;\n\nexport type PanGestureOptions = Readonly<{\n activationDistance?: number;\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type PanGesture = GestureHandle;\n\nfunction toPanDetail(detail: PointerSessionDetail): PanGestureDetail {\n const axis = detail.axis as PanAxis;\n const start = axis === 'x' ? detail.startX : detail.startY;\n const current = axis === 'x' ? detail.currentX : detail.currentY;\n return {\n axis,\n current,\n distance: current - start,\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createPanGesture(target: Element, options: PanGestureOptions = {}): PanGesture {\n const {\n activationDistance,\n axis,\n disabled,\n onEnd,\n onMove,\n onStart,\n pointerCapture = true,\n shouldStart,\n signal,\n } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n axis: axis ?? 'x',\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toPanDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toPanDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toPanDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- var Gesture=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=6,n=(e,t)=>typeof e==`function`?e():e??t,r=e=>!(!e.isPrimary||e.pointerType===`mouse`&&e.button!==0),i=(e,t)=>t===`x`?e.clientX:e.clientY,a=(e,t)=>t===`x`?e.startX:e.startY;return e.createPanGesture=(e,o={})=>{let s=new AbortController,c=e.ownerDocument,l=null,u=null,d=!1,f=()=>!!n(o.disabled,!1),p=t=>{if(!u)return null;let n=a(u,u.axis),r=i(t,u.axis);return{axis:u.axis,current:r,distance:r-n,event:t,pointerId:u.pointerId,pointerType:u.pointerType,start:n,target:e}},m=()=>{c.removeEventListener(`pointermove`,O,!0),c.removeEventListener(`pointerup`,k,!0),c.removeEventListener(`pointercancel`,A,!0),e.removeEventListener(`lostpointercapture`,j)},h=t=>{!t.captured||typeof e.releasePointerCapture!=`function`||typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId)||e.releasePointerCapture(t.pointerId)},g=()=>{let e=u;l=null,u=null,m(),e&&h(e)},_=(e,t)=>{if(!u)return!1;u.event=e;let n=p(e);return g(),n&&o.onEnd?.({...n,reason:t}),!0},v=()=>u?_(u.event,`cancel`):l?(g(),!0):!1,y=()=>{d||(d=!0,s.abort(),g(),e.removeEventListener(`pointerdown`,D))},b=e=>(u??l)?.pointerId===e.pointerId,x=()=>{c.addEventListener(`pointermove`,O,!0),c.addEventListener(`pointerup`,k,!0),c.addEventListener(`pointercancel`,A,!0),e.addEventListener(`lostpointercapture`,j)},S=n=>{if(!l)return!1;let r=n.clientX-l.startX,i=n.clientY-l.startY,a=l.axis===`x`?Math.abs(r):Math.abs(i),s=l.axis===`x`?Math.abs(i):Math.abs(r);if(Math.max(a,s)<t)return!1;if(s>a)return g(),!1;u={...l,captured:!1,event:n},l=null,o.pointerCapture!==!1&&typeof e.setPointerCapture==`function`&&(e.setPointerCapture(n.pointerId),u.captured=!0);let c=p(n);return c&&o.onStart?.(c),u?.pointerId===n.pointerId},C=e=>d||l||u||f()||!r(e)||o.shouldStart&&!o.shouldStart(e)?!1:(l={axis:n(o.axis,`x`),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},x(),!0),w=e=>{if(!b(e))return!1;if(f())return u?_(e,`cancel`):(g(),!0);if(!u&&!S(e)||!u)return!0;u.event=e;let t=p(e);return t&&o.onMove?.(t),!0},T=e=>b(e)?u?_(e,f()?`cancel`:`release`):(g(),!0):!1,E=e=>b(e)?u?_(e,`cancel`):(g(),!0):!1,D=e=>{e instanceof PointerEvent&&C(e)},O=e=>{e instanceof PointerEvent&&w(e)},k=e=>{e instanceof PointerEvent&&T(e)},A=e=>{e instanceof PointerEvent&&E(e)},j=e=>{e instanceof PointerEvent&&E(e)};return e.addEventListener(`pointerdown`,D),{get active(){return u!=null},cancel:v,get disposalSignal(){return s.signal},dispose:y,get disposed(){return d},[Symbol.dispose]:y}},e})({});
1
+ var Gesture=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=6;function n(e){if(e===void 0)return t;if(!Number.isFinite(e)||e<0)throw RangeError(`activationDistance must be a non-negative finite number, got: ${e}`);return e}var r=(e,t)=>typeof e==`function`?e():e??t,i=e=>{if(e===void 0)return;let t=typeof e==`function`?e():e;if(t!==`x`&&t!==`y`)throw RangeError(`axis must be "x" or "y", got: ${String(t)}`);return t};function a(e,t){let{activationDistance:n,axis:a,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u,shouldStart:d,signal:f}=t,p=new AbortController,m=typeof a==`function`?void 0:i(a),h=null,g=null,_=null,v=!1,y=()=>!!r(o,!1),b=t=>_?{axis:_.axis,currentX:t.clientX,currentY:t.clientY,event:t,pointerId:_.pointerId,pointerType:_.pointerType,startX:_.startX,startY:_.startY,target:e}:null,x=()=>{h&&=(h.removeEventListener(`pointermove`,F,!0),h.removeEventListener(`pointerup`,I,!0),h.removeEventListener(`pointercancel`,L,!0),h.removeEventListener(`visibilitychange`,B),h.defaultView?.removeEventListener(`blur`,z),e.removeEventListener(`lostpointercapture`,R),null)},S=t=>{if(t.captured&&typeof e.releasePointerCapture==`function`)try{if(typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId))return;e.releasePointerCapture(t.pointerId)}catch{}},C=()=>{let e=_;g=null,_=null,x(),e&&S(e)},w=(e,t)=>{if(!_)return!1;_.event=e;let n=b(e);return C(),n&&s?.({...n,reason:t}),!0},T=()=>v?!1:_?w(_.event,`cancel`):g?(C(),!0):!1,E=()=>{v||(v=!0,f?.removeEventListener(`abort`,E),p.abort(),C(),e.removeEventListener(`pointerdown`,P))},D=e=>(_??g)?.pointerId===e.pointerId,O=()=>{h=e.ownerDocument,h.addEventListener(`pointermove`,F,!0),h.addEventListener(`pointerup`,I,!0),h.addEventListener(`pointercancel`,L,!0),h.addEventListener(`visibilitychange`,B),h.defaultView?.addEventListener(`blur`,z),e.addEventListener(`lostpointercapture`,R)},k=t=>{if(!g)return!1;let r=t.clientX-g.startX,i=t.clientY-g.startY;if(r===0&&i===0)return!1;if(g.axis===void 0){if(Math.hypot(r,i)<n)return!1}else{let e=g.axis===`x`?Math.abs(r):Math.abs(i),t=g.axis===`x`?Math.abs(i):Math.abs(r);if(Math.max(e,t)<n)return!1;if(t>e)return C(),!1}if(_={...g,captured:!1,event:t},g=null,u&&typeof e.setPointerCapture==`function`)try{e.setPointerCapture(t.pointerId),_.captured=typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t.pointerId)}catch{_.captured=!1}let a=b(t);return a&&l?.(a),_?.pointerId===t.pointerId},A=e=>v||g||_||y()||!e.isPrimary||e.button!==0||d&&!d(e)?!1:(g={axis:m??i(a),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},O(),!0),j=e=>{if(!D(e))return!1;if(y())return _?w(e,`cancel`):(C(),!0);if(!_&&!k(e)||!_)return!0;_.event=e;let t=b(e);return t&&c?.(t),!0},M=e=>D(e)?_?w(e,y()?`cancel`:`release`):(C(),!0):!1,N=e=>D(e)?_?w(e,`cancel`):(C(),!0):!1,P=e=>A(e),F=e=>j(e),I=e=>M(e),L=e=>N(e),R=e=>N(e),z=()=>T(),B=()=>{h?.visibilityState===`hidden`&&T()};return e.addEventListener(`pointerdown`,P),f?.aborted?E():f?.addEventListener(`abort`,E,{once:!0}),{get active(){return _!==null},cancel:T,get disposalSignal(){return p.signal},dispose:E,get disposed(){return v},[Symbol.dispose]:E}}function o(e){let t={x:e.startX,y:e.startY},n={x:e.currentX,y:e.currentY};return{current:n,delta:{x:n.x-t.x,y:n.y-t.y},event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:t,target:e.target}}function s(e,t={}){let{activationDistance:r,disabled:i,onEnd:s,onMove:c,onStart:l,pointerCapture:u=!0,shouldStart:d,signal:f}=t;return a(e,{activationDistance:n(r),disabled:i,onEnd:s?e=>s({...o(e),reason:e.reason}):void 0,onMove:c?e=>c(o(e)):void 0,onStart:l?e=>l(o(e)):void 0,pointerCapture:u,shouldStart:d,signal:f})}function c(e){let t=e.axis,n=t===`x`?e.startX:e.startY,r=t===`x`?e.currentX:e.currentY;return{axis:t,current:r,distance:r-n,event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:n,target:e.target}}function l(e,t={}){let{activationDistance:r,axis:i,disabled:o,onEnd:s,onMove:l,onStart:u,pointerCapture:d=!0,shouldStart:f,signal:p}=t;return a(e,{activationDistance:n(r),axis:i??`x`,disabled:o,onEnd:s?e=>s({...c(e),reason:e.reason}):void 0,onMove:l?e=>l(c(e)):void 0,onStart:u?e=>u(c(e)):void 0,pointerCapture:d,shouldStart:f,signal:p})}return e.createDragGesture=s,e.createPanGesture=l,e})({});
2
2
  //# sourceMappingURL=gesture.iife.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"gesture.iife.js","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["export type PanAxis = 'x' | 'y';\n\nexport type PanEndReason = 'cancel' | 'release';\n\nexport type PanGestureDetail = {\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n};\n\nexport type PanGestureEndDetail = PanGestureDetail & {\n reason: PanEndReason;\n};\n\nexport type PanGestureOptions = {\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n};\n\nexport type PanGesture = {\n readonly active: boolean;\n [Symbol.dispose](): void;\n cancel(): boolean;\n readonly disposalSignal: AbortSignal;\n dispose(): void;\n readonly disposed: boolean;\n};\n\ntype PendingPan = {\n axis: PanAxis;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePan = PendingPan & {\n captured: boolean;\n};\n\nconst ACTIVATION_DISTANCE = 6;\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst isPrimaryPointer = (event: PointerEvent): boolean => {\n if (!event.isPrimary) return false;\n if (event.pointerType === 'mouse' && event.button !== 0) return false;\n\n return true;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: PanAxis): number => {\n return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst getStartCoordinate = (pan: PendingPan, axis: PanAxis): number => {\n return axis === 'x' ? pan.startX : pan.startY;\n};\n\nexport const createPanGesture = (target: Element, options: PanGestureOptions = {}): PanGesture => {\n const disposalController = new AbortController();\n const ownerDocument = target.ownerDocument;\n let pending: PendingPan | null = null;\n let active: ActivePan | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(options.disabled, false));\n\n const createDetail = (event: PointerEvent): PanGestureDetail | null => {\n if (!active) return null;\n\n const start = getStartCoordinate(active, active.axis);\n const current = getCoordinate(event, active.axis);\n\n return {\n axis: active.axis,\n current,\n distance: current - start,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n start,\n target,\n };\n };\n\n const removeTrackingListeners = (): void => {\n ownerDocument.removeEventListener('pointermove', onPointerMove, true);\n ownerDocument.removeEventListener('pointerup', onPointerUp, true);\n ownerDocument.removeEventListener('pointercancel', onPointerCancel, true);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const releaseCapture = (pan: ActivePan): void => {\n if (!pan.captured || typeof target.releasePointerCapture !== 'function') return;\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pan.pointerId)) return;\n\n target.releasePointerCapture(pan.pointerId);\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n\n pending = null;\n active = null;\n removeTrackingListeners();\n\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: PanEndReason): boolean => {\n if (!active) return false;\n\n active.event = event;\n const detail = createDetail(event);\n\n clearSession();\n\n if (detail) options.onEnd?.({ ...detail, reason });\n\n return true;\n };\n\n const cancel = (): boolean => {\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n\n clearSession();\n\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n\n disposed = true;\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => {\n return (active ?? pending)?.pointerId === event.pointerId;\n };\n\n const startTracking = (): void => {\n ownerDocument.addEventListener('pointermove', onPointerMove, true);\n ownerDocument.addEventListener('pointerup', onPointerUp, true);\n ownerDocument.addEventListener('pointercancel', onPointerCancel, true);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n\n if (Math.max(primaryDistance, crossDistance) < ACTIVATION_DISTANCE) return false;\n\n if (crossDistance > primaryDistance) {\n clearSession();\n\n return false;\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n\n if (options.pointerCapture !== false && typeof target.setPointerCapture === 'function') {\n target.setPointerCapture(event.pointerId);\n active.captured = true;\n }\n\n const detail = createDetail(event);\n\n if (detail) options.onStart?.(detail);\n\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled()) return false;\n if (!isPrimaryPointer(event)) return false;\n if (options.shouldStart && !options.shouldStart(event)) return false;\n\n pending = {\n axis: read(options.axis, 'x'),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n\n clearSession();\n\n return true;\n }\n\n if (!active && !activate(event)) return true;\n if (!active) return true;\n\n active.event = event;\n const detail = createDetail(event);\n\n if (detail) options.onMove?.(detail);\n\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerDown(event);\n };\n\n const onPointerMove: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerMove(event);\n };\n\n const onPointerUp: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerUp(event);\n };\n\n const onPointerCancel: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n const onLostPointerCapture: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n\n return {\n get active() {\n return active != null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n};\n"],"mappings":"sFAmDA,IAAM,EAAsB,EAEtB,GAAW,EAAkC,IACjD,OAAO,GAAU,WAAc,EAAkB,EAAK,GAAS,EAE3D,EAAoB,GAExB,EADI,CAAC,EAAM,WACP,EAAM,cAAgB,SAAW,EAAM,SAAW,GAKlD,GAAiB,EAAqB,IACnC,IAAS,IAAM,EAAM,QAAU,EAAM,QAGxC,GAAsB,EAAiB,IACpC,IAAS,IAAM,EAAI,OAAS,EAAI,kCAGR,EAAiB,EAA6B,CAAC,IAAkB,CAChG,IAAM,EAAqB,IAAI,gBACzB,EAAgB,EAAO,cACzB,EAA6B,KAC7B,EAA2B,KAC3B,EAAW,GAET,MAA4B,EAAQ,EAAK,EAAQ,SAAU,EAAK,EAEhE,EAAgB,GAAiD,CACrE,GAAI,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAQ,EAAmB,EAAQ,EAAO,IAAI,EAC9C,EAAU,EAAc,EAAO,EAAO,IAAI,EAEhD,MAAO,CACL,KAAM,EAAO,KACb,UACA,SAAU,EAAU,EACpB,QACA,UAAW,EAAO,UAClB,YAAa,EAAO,YACpB,QACA,QACF,CACF,EAEM,MAAsC,CAC1C,EAAc,oBAAoB,cAAe,EAAe,EAAI,EACpE,EAAc,oBAAoB,YAAa,EAAa,EAAI,EAChE,EAAc,oBAAoB,gBAAiB,EAAiB,EAAI,EACxE,EAAO,oBAAoB,qBAAsB,CAAoB,CACvE,EAEM,EAAkB,GAAyB,CAC3C,CAAC,EAAI,UAAY,OAAO,EAAO,uBAA0B,YACzD,OAAO,EAAO,mBAAsB,YAAc,CAAC,EAAO,kBAAkB,EAAI,SAAS,GAE7F,EAAO,sBAAsB,EAAI,SAAS,CAC5C,EAEM,MAA2B,CAC/B,IAAM,EAAiB,EAEvB,EAAU,KACV,EAAS,KACT,EAAwB,EAEpB,GAAgB,EAAe,CAAc,CACnD,EAEM,GAAU,EAAqB,IAAkC,CACrE,GAAI,CAAC,EAAQ,MAAO,GAEpB,EAAO,MAAQ,EACf,IAAM,EAAS,EAAa,CAAK,EAMjC,OAJA,EAAa,EAET,GAAQ,EAAQ,QAAQ,CAAE,GAAG,EAAQ,QAAO,CAAC,EAE1C,EACT,EAEM,MACA,EAAe,EAAO,EAAO,MAAO,QAAQ,EAC3C,GAEL,EAAa,EAEN,IAJc,GAOjB,MAAsB,CACtB,IAEJ,EAAW,GACX,EAAmB,MAAM,EACzB,EAAa,EACb,EAAO,oBAAoB,cAAe,CAAa,EACzD,EAEM,EAAkB,IACd,GAAU,EAAA,EAAU,YAAc,EAAM,UAG5C,MAA4B,CAChC,EAAc,iBAAiB,cAAe,EAAe,EAAI,EACjE,EAAc,iBAAiB,YAAa,EAAa,EAAI,EAC7D,EAAc,iBAAiB,gBAAiB,EAAiB,EAAI,EACrE,EAAO,iBAAiB,qBAAsB,CAAoB,CACpE,EAEM,EAAY,GAAiC,CACjD,GAAI,CAAC,EAAS,MAAO,GAErB,IAAM,EAAS,EAAM,QAAU,EAAQ,OACjC,EAAS,EAAM,QAAU,EAAQ,OACjC,EAAkB,EAAQ,OAAS,IAAM,KAAK,IAAI,CAAM,EAAI,KAAK,IAAI,CAAM,EAC3E,EAAgB,EAAQ,OAAS,IAAM,KAAK,IAAI,CAAM,EAAI,KAAK,IAAI,CAAM,EAE/E,GAAI,KAAK,IAAI,EAAiB,CAAa,EAAI,EAAqB,MAAO,GAE3E,GAAI,EAAgB,EAGlB,OAFA,EAAa,EAEN,GAGT,EAAS,CAAE,GAAG,EAAS,SAAU,GAAO,OAAM,EAC9C,EAAU,KAEN,EAAQ,iBAAmB,IAAS,OAAO,EAAO,mBAAsB,aAC1E,EAAO,kBAAkB,EAAM,SAAS,EACxC,EAAO,SAAW,IAGpB,IAAM,EAAS,EAAa,CAAK,EAIjC,OAFI,GAAQ,EAAQ,UAAU,CAAM,EAE7B,GAAQ,YAAc,EAAM,SACrC,EAEM,EAAqB,GACrB,GAAY,GAAW,GAAU,EAAW,GAC5C,CAAC,EAAiB,CAAK,GACvB,EAAQ,aAAe,CAAC,EAAQ,YAAY,CAAK,EAAU,IAE/D,EAAU,CACR,KAAM,EAAK,EAAQ,KAAM,GAAG,EAC5B,QACA,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,OAAQ,EAAM,QACd,OAAQ,EAAM,OAChB,EACA,EAAc,EAEP,IAGH,EAAqB,GAAiC,CAC1D,GAAI,CAAC,EAAe,CAAK,EAAG,MAAO,GAEnC,GAAI,EAAW,EAKb,OAJI,EAAe,EAAO,EAAO,QAAQ,GAEzC,EAAa,EAEN,IAIT,GADI,CAAC,GAAU,CAAC,EAAS,CAAK,GAC1B,CAAC,EAAQ,MAAO,GAEpB,EAAO,MAAQ,EACf,IAAM,EAAS,EAAa,CAAK,EAIjC,OAFI,GAAQ,EAAQ,SAAS,CAAM,EAE5B,EACT,EAEM,EAAmB,GAClB,EAAe,CAAK,EAEpB,EAME,EAAO,EAAO,EAAW,EAAI,SAAW,SAAS,GALtD,EAAa,EAEN,IAL0B,GAW/B,EAAuB,GACtB,EAAe,CAAK,EAEpB,EAME,EAAO,EAAO,QAAQ,GAL3B,EAAa,EAEN,IAL0B,GAW/B,EAAgC,GAAU,CAC1C,aAAiB,cAAc,EAAkB,CAAK,CAC5D,EAEM,EAAgC,GAAU,CAC1C,aAAiB,cAAc,EAAkB,CAAK,CAC5D,EAEM,EAA8B,GAAU,CACxC,aAAiB,cAAc,EAAgB,CAAK,CAC1D,EAEM,EAAkC,GAAU,CAC5C,aAAiB,cAAc,EAAoB,CAAK,CAC9D,EAEM,EAAuC,GAAU,CACjD,aAAiB,cAAc,EAAoB,CAAK,CAC9D,EAIA,OAFA,EAAO,iBAAiB,cAAe,CAAa,EAE7C,CACL,IAAI,QAAS,CACX,OAAO,GAAU,IACnB,EACA,SACA,IAAI,gBAAiB,CACnB,OAAO,EAAmB,MAC5B,EACA,UACA,IAAI,UAAW,CACb,OAAO,CACT,GACC,OAAO,SAAU,CACpB,CACF"}
1
+ {"version":3,"file":"gesture.iife.js","names":[],"sources":["../src/_pointer-session.ts","../src/drag-gesture.ts","../src/pan-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\n\nexport type PointerAxis = 'x' | 'y';\n\nconst DEFAULT_ACTIVATION_DISTANCE = 6;\n\nexport function resolveActivationDistance(value: number | undefined): number {\n if (value === undefined) return DEFAULT_ACTIVATION_DISTANCE;\n if (!Number.isFinite(value) || value < 0) {\n throw new RangeError(`activationDistance must be a non-negative finite number, got: ${value}`);\n }\n return value;\n}\n\nexport type PointerSessionDetail = Readonly<{\n axis: PointerAxis | undefined;\n currentX: number;\n currentY: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n target: Element;\n}>;\n\ntype PointerSessionOptions = Readonly<{\n activationDistance: number;\n axis?: PointerAxis | (() => PointerAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PointerSessionDetail & Readonly<{ reason: GestureEndReason }>) => void;\n onMove?: (detail: PointerSessionDetail) => void;\n onStart?: (detail: PointerSessionDetail) => void;\n pointerCapture: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\ntype PendingPointer = {\n axis: PointerAxis | undefined;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePointer = PendingPointer & { captured: boolean };\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst resolveAxis = (value: PointerSessionOptions['axis']): PointerAxis | undefined => {\n if (value === undefined) return undefined;\n const axis = typeof value === 'function' ? value() : value;\n if (axis !== 'x' && axis !== 'y') throw new RangeError(`axis must be \"x\" or \"y\", got: ${String(axis)}`);\n return axis;\n};\n\nexport function createPointerSession(target: Element, options: PointerSessionOptions): GestureHandle {\n const { activationDistance, axis, disabled, onEnd, onMove, onStart, pointerCapture, shouldStart, signal } = options;\n const disposalController = new AbortController();\n const fixedAxis = typeof axis === 'function' ? undefined : resolveAxis(axis);\n let trackingDocument: Document | null = null;\n let pending: PendingPointer | null = null;\n let active: ActivePointer | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null =>\n active\n ? {\n axis: active.axis,\n currentX: event.clientX,\n currentY: event.clientY,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n startX: active.startX,\n startY: active.startY,\n target,\n }\n : null;\n\n const removeTrackingListeners = (): void => {\n if (!trackingDocument) return;\n trackingDocument.removeEventListener('pointermove', onPointerMove, true);\n trackingDocument.removeEventListener('pointerup', onPointerUp, true);\n trackingDocument.removeEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.removeEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.removeEventListener('blur', onWindowBlur);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n trackingDocument = null;\n };\n\n const releaseCapture = (pointer: ActivePointer): void => {\n if (!pointer.captured || typeof target.releasePointerCapture !== 'function') return;\n try {\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pointer.pointerId)) return;\n target.releasePointerCapture(pointer.pointerId);\n } catch {\n // Pointer ownership may already have ended or the target may have detached.\n }\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n pending = null;\n active = null;\n removeTrackingListeners();\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: GestureEndReason): boolean => {\n if (!active) return false;\n active.event = event;\n const detail = createDetail(event);\n clearSession();\n if (detail) onEnd?.({ ...detail, reason });\n return true;\n };\n\n const cancel = (): boolean => {\n if (disposed) return false;\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n clearSession();\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n disposed = true;\n signal?.removeEventListener('abort', dispose);\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => (active ?? pending)?.pointerId === event.pointerId;\n\n const startTracking = (): void => {\n trackingDocument = target.ownerDocument;\n trackingDocument.addEventListener('pointermove', onPointerMove, true);\n trackingDocument.addEventListener('pointerup', onPointerUp, true);\n trackingDocument.addEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.addEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.addEventListener('blur', onWindowBlur);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n if (deltaX === 0 && deltaY === 0) return false;\n\n if (pending.axis === undefined) {\n if (Math.hypot(deltaX, deltaY) < activationDistance) return false;\n } else {\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n if (Math.max(primaryDistance, crossDistance) < activationDistance) return false;\n if (crossDistance > primaryDistance) {\n clearSession();\n return false;\n }\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n if (pointerCapture && typeof target.setPointerCapture === 'function') {\n try {\n target.setPointerCapture(event.pointerId);\n active.captured = typeof target.hasPointerCapture !== 'function' || target.hasPointerCapture(event.pointerId);\n } catch {\n active.captured = false;\n }\n }\n\n const detail = createDetail(event);\n if (detail) onStart?.(detail);\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled() || !event.isPrimary || event.button !== 0) return false;\n if (shouldStart && !shouldStart(event)) return false;\n pending = {\n axis: fixedAxis ?? resolveAxis(axis),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n clearSession();\n return true;\n }\n if (!active && !activate(event)) return true;\n if (!active) return true;\n active.event = event;\n const detail = createDetail(event);\n if (detail) onMove?.(detail);\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => handlePointerDown(event as PointerEvent);\n const onPointerMove: EventListener = (event) => handlePointerMove(event as PointerEvent);\n const onPointerUp: EventListener = (event) => handlePointerUp(event as PointerEvent);\n const onPointerCancel: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onLostPointerCapture: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onWindowBlur: EventListener = () => cancel();\n const onVisibilityChange: EventListener = () => {\n if (trackingDocument?.visibilityState === 'hidden') cancel();\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n if (signal?.aborted) dispose();\n else signal?.addEventListener('abort', dispose, { once: true });\n\n return {\n get active() {\n return active !== null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n}\n","import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { createPointerSession, type PointerSessionDetail, resolveActivationDistance } from './_pointer-session.js';\n\nexport type DragEndReason = GestureEndReason;\nexport type DragPoint = Readonly<{ x: number; y: number }>;\n\nexport type DragGestureDetail = Readonly<{\n current: DragPoint;\n delta: DragPoint;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: DragPoint;\n target: Element;\n}>;\n\nexport type DragGestureEndDetail = DragGestureDetail & Readonly<{ reason: GestureEndReason }>;\n\nexport type DragGestureOptions = Readonly<{\n activationDistance?: number;\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: DragGestureEndDetail) => void;\n onMove?: (detail: DragGestureDetail) => void;\n onStart?: (detail: DragGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type DragGesture = GestureHandle;\n\nfunction toDragDetail(detail: PointerSessionDetail): DragGestureDetail {\n const start = { x: detail.startX, y: detail.startY };\n const current = { x: detail.currentX, y: detail.currentY };\n return {\n current,\n delta: { x: current.x - start.x, y: current.y - start.y },\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createDragGesture(target: Element, options: DragGestureOptions = {}): DragGesture {\n const { activationDistance, disabled, onEnd, onMove, onStart, pointerCapture = true, shouldStart, signal } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toDragDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toDragDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toDragDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n","import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport {\n createPointerSession,\n type PointerAxis,\n type PointerSessionDetail,\n resolveActivationDistance,\n} from './_pointer-session.js';\n\nexport type PanAxis = PointerAxis;\nexport type PanEndReason = GestureEndReason;\n\nexport type PanGestureDetail = Readonly<{\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n}>;\n\nexport type PanGestureEndDetail = PanGestureDetail & Readonly<{ reason: PanEndReason }>;\n\nexport type PanGestureOptions = Readonly<{\n activationDistance?: number;\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type PanGesture = GestureHandle;\n\nfunction toPanDetail(detail: PointerSessionDetail): PanGestureDetail {\n const axis = detail.axis as PanAxis;\n const start = axis === 'x' ? detail.startX : detail.startY;\n const current = axis === 'x' ? detail.currentX : detail.currentY;\n return {\n axis,\n current,\n distance: current - start,\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createPanGesture(target: Element, options: PanGestureOptions = {}): PanGesture {\n const {\n activationDistance,\n axis,\n disabled,\n onEnd,\n onMove,\n onStart,\n pointerCapture = true,\n shouldStart,\n signal,\n } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n axis: axis ?? 'x',\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toPanDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toPanDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toPanDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":"sFAIA,IAAM,EAA8B,EAEpC,SAAgB,EAA0B,EAAmC,CAC3E,GAAI,IAAU,IAAA,GAAW,OAAO,EAChC,GAAI,CAAC,OAAO,SAAS,CAAK,GAAK,EAAQ,EACrC,MAAU,WAAW,iEAAiE,GAAO,EAE/F,OAAO,CACT,CAqCA,IAAM,GAAW,EAAkC,IACjD,OAAO,GAAU,WAAc,EAAkB,EAAK,GAAS,EAE3D,EAAe,GAAkE,CACrF,GAAI,IAAU,IAAA,GAAW,OACzB,IAAM,EAAO,OAAO,GAAU,WAAa,EAAM,EAAI,EACrD,GAAI,IAAS,KAAO,IAAS,IAAK,MAAU,WAAW,iCAAiC,OAAO,CAAI,GAAG,EACtG,OAAO,CACT,EAEA,SAAgB,EAAqB,EAAiB,EAA+C,CACnG,GAAM,CAAE,qBAAoB,OAAM,WAAU,QAAO,SAAQ,UAAS,iBAAgB,cAAa,UAAW,EACtG,EAAqB,IAAI,gBACzB,EAAY,OAAO,GAAS,WAAa,IAAA,GAAY,EAAY,CAAI,EACvE,EAAoC,KACpC,EAAiC,KACjC,EAA+B,KAC/B,EAAW,GAET,MAA4B,EAAQ,EAAK,EAAU,EAAK,EAExD,EAAgB,GACpB,EACI,CACE,KAAM,EAAO,KACb,SAAU,EAAM,QAChB,SAAU,EAAM,QAChB,QACA,UAAW,EAAO,UAClB,YAAa,EAAO,YACpB,OAAQ,EAAO,OACf,OAAQ,EAAO,OACf,QACF,EACA,KAEA,MAAsC,CACrC,AAOL,KANA,EAAiB,oBAAoB,cAAe,EAAe,EAAI,EACvE,EAAiB,oBAAoB,YAAa,EAAa,EAAI,EACnE,EAAiB,oBAAoB,gBAAiB,EAAiB,EAAI,EAC3E,EAAiB,oBAAoB,mBAAoB,CAAkB,EAC3E,EAAiB,aAAa,oBAAoB,OAAQ,CAAY,EACtE,EAAO,oBAAoB,qBAAsB,CAAoB,EAClD,KACrB,EAEM,EAAkB,GAAiC,CACnD,GAAC,EAAQ,UAAY,OAAO,EAAO,uBAA0B,WACjE,GAAI,CACF,GAAI,OAAO,EAAO,mBAAsB,YAAc,CAAC,EAAO,kBAAkB,EAAQ,SAAS,EAAG,OACpG,EAAO,sBAAsB,EAAQ,SAAS,CAChD,MAAQ,CAER,CACF,EAEM,MAA2B,CAC/B,IAAM,EAAiB,EACvB,EAAU,KACV,EAAS,KACT,EAAwB,EACpB,GAAgB,EAAe,CAAc,CACnD,EAEM,GAAU,EAAqB,IAAsC,CACzE,GAAI,CAAC,EAAQ,MAAO,GACpB,EAAO,MAAQ,EACf,IAAM,EAAS,EAAa,CAAK,EAGjC,OAFA,EAAa,EACT,GAAQ,IAAQ,CAAE,GAAG,EAAQ,QAAO,CAAC,EAClC,EACT,EAEM,MACA,EAAiB,GACjB,EAAe,EAAO,EAAO,MAAO,QAAQ,EAC3C,GACL,EAAa,EACN,IAFc,GAKjB,MAAsB,CACtB,IACJ,EAAW,GACX,GAAQ,oBAAoB,QAAS,CAAO,EAC5C,EAAmB,MAAM,EACzB,EAAa,EACb,EAAO,oBAAoB,cAAe,CAAa,EACzD,EAEM,EAAkB,IAAkC,GAAU,EAAA,EAAU,YAAc,EAAM,UAE5F,MAA4B,CAChC,EAAmB,EAAO,cAC1B,EAAiB,iBAAiB,cAAe,EAAe,EAAI,EACpE,EAAiB,iBAAiB,YAAa,EAAa,EAAI,EAChE,EAAiB,iBAAiB,gBAAiB,EAAiB,EAAI,EACxE,EAAiB,iBAAiB,mBAAoB,CAAkB,EACxE,EAAiB,aAAa,iBAAiB,OAAQ,CAAY,EACnE,EAAO,iBAAiB,qBAAsB,CAAoB,CACpE,EAEM,EAAY,GAAiC,CACjD,GAAI,CAAC,EAAS,MAAO,GACrB,IAAM,EAAS,EAAM,QAAU,EAAQ,OACjC,EAAS,EAAM,QAAU,EAAQ,OACvC,GAAI,IAAW,GAAK,IAAW,EAAG,MAAO,GAEzC,GAAI,EAAQ,OAAS,IAAA,GACf,IAAA,KAAK,MAAM,EAAQ,CAAM,EAAI,EAAoB,MAAO,EAAA,KACvD,CACL,IAAM,EAAkB,EAAQ,OAAS,IAAM,KAAK,IAAI,CAAM,EAAI,KAAK,IAAI,CAAM,EAC3E,EAAgB,EAAQ,OAAS,IAAM,KAAK,IAAI,CAAM,EAAI,KAAK,IAAI,CAAM,EAC/E,GAAI,KAAK,IAAI,EAAiB,CAAa,EAAI,EAAoB,MAAO,GAC1E,GAAI,EAAgB,EAElB,OADA,EAAa,EACN,EAEX,CAIA,GAFA,EAAS,CAAE,GAAG,EAAS,SAAU,GAAO,OAAM,EAC9C,EAAU,KACN,GAAkB,OAAO,EAAO,mBAAsB,WACxD,GAAI,CACF,EAAO,kBAAkB,EAAM,SAAS,EACxC,EAAO,SAAW,OAAO,EAAO,mBAAsB,YAAc,EAAO,kBAAkB,EAAM,SAAS,CAC9G,MAAQ,CACN,EAAO,SAAW,EACpB,CAGF,IAAM,EAAS,EAAa,CAAK,EAEjC,OADI,GAAQ,IAAU,CAAM,EACrB,GAAQ,YAAc,EAAM,SACrC,EAEM,EAAqB,GACrB,GAAY,GAAW,GAAU,EAAW,GAAK,CAAC,EAAM,WAAa,EAAM,SAAW,GACtF,GAAe,CAAC,EAAY,CAAK,EAAU,IAC/C,EAAU,CACR,KAAM,GAAa,EAAY,CAAI,EACnC,QACA,UAAW,EAAM,UACjB,YAAa,EAAM,YACnB,OAAQ,EAAM,QACd,OAAQ,EAAM,OAChB,EACA,EAAc,EACP,IAGH,EAAqB,GAAiC,CAC1D,GAAI,CAAC,EAAe,CAAK,EAAG,MAAO,GACnC,GAAI,EAAW,EAGb,OAFI,EAAe,EAAO,EAAO,QAAQ,GACzC,EAAa,EACN,IAGT,GADI,CAAC,GAAU,CAAC,EAAS,CAAK,GAC1B,CAAC,EAAQ,MAAO,GACpB,EAAO,MAAQ,EACf,IAAM,EAAS,EAAa,CAAK,EAEjC,OADI,GAAQ,IAAS,CAAM,EACpB,EACT,EAEM,EAAmB,GAClB,EAAe,CAAK,EACpB,EAIE,EAAO,EAAO,EAAW,EAAI,SAAW,SAAS,GAHtD,EAAa,EACN,IAH0B,GAQ/B,EAAuB,GACtB,EAAe,CAAK,EACpB,EAIE,EAAO,EAAO,QAAQ,GAH3B,EAAa,EACN,IAH0B,GAQ/B,EAAgC,GAAU,EAAkB,CAAqB,EACjF,EAAgC,GAAU,EAAkB,CAAqB,EACjF,EAA8B,GAAU,EAAgB,CAAqB,EAC7E,EAAkC,GAAU,EAAoB,CAAqB,EACrF,EAAuC,GAAU,EAAoB,CAAqB,EAC1F,MAAoC,EAAO,EAC3C,MAA0C,CAC1C,GAAkB,kBAAoB,UAAU,EAAO,CAC7D,EAMA,OAJA,EAAO,iBAAiB,cAAe,CAAa,EAChD,GAAQ,QAAS,EAAQ,EACxB,GAAQ,iBAAiB,QAAS,EAAS,CAAE,KAAM,EAAK,CAAC,EAEvD,CACL,IAAI,QAAS,CACX,OAAO,IAAW,IACpB,EACA,SACA,IAAI,gBAAiB,CACnB,OAAO,EAAmB,MAC5B,EACA,UACA,IAAI,UAAW,CACb,OAAO,CACT,GACC,OAAO,SAAU,CACpB,CACF,CCvOA,SAAS,EAAa,EAAiD,CACrE,IAAM,EAAQ,CAAE,EAAG,EAAO,OAAQ,EAAG,EAAO,MAAO,EAC7C,EAAU,CAAE,EAAG,EAAO,SAAU,EAAG,EAAO,QAAS,EACzD,MAAO,CACL,UACA,MAAO,CAAE,EAAG,EAAQ,EAAI,EAAM,EAAG,EAAG,EAAQ,EAAI,EAAM,CAAE,EACxD,MAAO,EAAO,MACd,UAAW,EAAO,UAClB,YAAa,EAAO,YACpB,QACA,OAAQ,EAAO,MACjB,CACF,CAEA,SAAgB,EAAkB,EAAiB,EAA8B,CAAC,EAAgB,CAChG,GAAM,CAAE,qBAAoB,WAAU,QAAO,SAAQ,UAAS,iBAAiB,GAAM,cAAa,UAAW,EAE7G,OAAO,EAAqB,EAAQ,CAClC,mBAAoB,EAA0B,CAAkB,EAChE,WACA,MAAO,EAAS,GAAW,EAAM,CAAE,GAAG,EAAa,CAAM,EAAG,OAAQ,EAAO,MAAO,CAAC,EAAI,IAAA,GACvF,OAAQ,EAAU,GAAW,EAAO,EAAa,CAAM,CAAC,EAAI,IAAA,GAC5D,QAAS,EAAW,GAAW,EAAQ,EAAa,CAAM,CAAC,EAAI,IAAA,GAC/D,iBACA,cACA,QACF,CAAC,CACH,CCpBA,SAAS,EAAY,EAAgD,CACnE,IAAM,EAAO,EAAO,KACd,EAAQ,IAAS,IAAM,EAAO,OAAS,EAAO,OAC9C,EAAU,IAAS,IAAM,EAAO,SAAW,EAAO,SACxD,MAAO,CACL,OACA,UACA,SAAU,EAAU,EACpB,MAAO,EAAO,MACd,UAAW,EAAO,UAClB,YAAa,EAAO,YACpB,QACA,OAAQ,EAAO,MACjB,CACF,CAEA,SAAgB,EAAiB,EAAiB,EAA6B,CAAC,EAAe,CAC7F,GAAM,CACJ,qBACA,OACA,WACA,QACA,SACA,UACA,iBAAiB,GACjB,cACA,UACE,EAEJ,OAAO,EAAqB,EAAQ,CAClC,mBAAoB,EAA0B,CAAkB,EAChE,KAAM,GAAQ,IACd,WACA,MAAO,EAAS,GAAW,EAAM,CAAE,GAAG,EAAY,CAAM,EAAG,OAAQ,EAAO,MAAO,CAAC,EAAI,IAAA,GACtF,OAAQ,EAAU,GAAW,EAAO,EAAY,CAAM,CAAC,EAAI,IAAA,GAC3D,QAAS,EAAW,GAAW,EAAQ,EAAY,CAAM,CAAC,EAAI,IAAA,GAC9D,iBACA,cACA,QACF,CAAC,CACH"}
package/dist/gesture.js CHANGED
@@ -1,2 +1,2 @@
1
- var e=(e,t)=>typeof e==`function`?e():e??t,t=e=>!(!e.isPrimary||e.pointerType===`mouse`&&e.button!==0),n=(e,t)=>t===`x`?e.clientX:e.clientY,r=(e,t)=>t===`x`?e.startX:e.startY,i=(i,a={})=>{let o=new AbortController,s=i.ownerDocument,c=null,l=null,u=!1,d=()=>!!e(a.disabled,!1),f=e=>{if(!l)return null;let t=r(l,l.axis),a=n(e,l.axis);return{axis:l.axis,current:a,distance:a-t,event:e,pointerId:l.pointerId,pointerType:l.pointerType,start:t,target:i}},p=()=>{s.removeEventListener(`pointermove`,D,!0),s.removeEventListener(`pointerup`,O,!0),s.removeEventListener(`pointercancel`,k,!0),i.removeEventListener(`lostpointercapture`,A)},m=e=>{!e.captured||typeof i.releasePointerCapture!=`function`||typeof i.hasPointerCapture==`function`&&!i.hasPointerCapture(e.pointerId)||i.releasePointerCapture(e.pointerId)},h=()=>{let e=l;c=null,l=null,p(),e&&m(e)},g=(e,t)=>{if(!l)return!1;l.event=e;let n=f(e);return h(),n&&a.onEnd?.({...n,reason:t}),!0},_=()=>l?g(l.event,`cancel`):c?(h(),!0):!1,v=()=>{u||(u=!0,o.abort(),h(),i.removeEventListener(`pointerdown`,E))},y=e=>(l??c)?.pointerId===e.pointerId,b=()=>{s.addEventListener(`pointermove`,D,!0),s.addEventListener(`pointerup`,O,!0),s.addEventListener(`pointercancel`,k,!0),i.addEventListener(`lostpointercapture`,A)},x=e=>{if(!c)return!1;let t=e.clientX-c.startX,n=e.clientY-c.startY,r=c.axis===`x`?Math.abs(t):Math.abs(n),o=c.axis===`x`?Math.abs(n):Math.abs(t);if(Math.max(r,o)<6)return!1;if(o>r)return h(),!1;l={...c,captured:!1,event:e},c=null,a.pointerCapture!==!1&&typeof i.setPointerCapture==`function`&&(i.setPointerCapture(e.pointerId),l.captured=!0);let s=f(e);return s&&a.onStart?.(s),l?.pointerId===e.pointerId},S=n=>u||c||l||d()||!t(n)||a.shouldStart&&!a.shouldStart(n)?!1:(c={axis:e(a.axis,`x`),event:n,pointerId:n.pointerId,pointerType:n.pointerType,startX:n.clientX,startY:n.clientY},b(),!0),C=e=>{if(!y(e))return!1;if(d())return l?g(e,`cancel`):(h(),!0);if(!l&&!x(e)||!l)return!0;l.event=e;let t=f(e);return t&&a.onMove?.(t),!0},w=e=>y(e)?l?g(e,d()?`cancel`:`release`):(h(),!0):!1,T=e=>y(e)?l?g(e,`cancel`):(h(),!0):!1,E=e=>{e instanceof PointerEvent&&S(e)},D=e=>{e instanceof PointerEvent&&C(e)},O=e=>{e instanceof PointerEvent&&w(e)},k=e=>{e instanceof PointerEvent&&T(e)},A=e=>{e instanceof PointerEvent&&T(e)};return i.addEventListener(`pointerdown`,E),{get active(){return l!=null},cancel:_,get disposalSignal(){return o.signal},dispose:v,get disposed(){return u},[Symbol.dispose]:v}};export{i as createPanGesture};
1
+ function e(e){if(e===void 0)return 6;if(!Number.isFinite(e)||e<0)throw RangeError(`activationDistance must be a non-negative finite number, got: ${e}`);return e}var t=(e,t)=>typeof e==`function`?e():e??t,n=e=>{if(e===void 0)return;let t=typeof e==`function`?e():e;if(t!==`x`&&t!==`y`)throw RangeError(`axis must be "x" or "y", got: ${String(t)}`);return t};function r(e,r){let{activationDistance:i,axis:a,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u,shouldStart:d,signal:f}=r,p=new AbortController,m=typeof a==`function`?void 0:n(a),h=null,g=null,_=null,v=!1,y=()=>!!t(o,!1),b=t=>_?{axis:_.axis,currentX:t.clientX,currentY:t.clientY,event:t,pointerId:_.pointerId,pointerType:_.pointerType,startX:_.startX,startY:_.startY,target:e}:null,x=()=>{h&&=(h.removeEventListener(`pointermove`,F,!0),h.removeEventListener(`pointerup`,I,!0),h.removeEventListener(`pointercancel`,L,!0),h.removeEventListener(`visibilitychange`,B),h.defaultView?.removeEventListener(`blur`,z),e.removeEventListener(`lostpointercapture`,R),null)},S=t=>{if(t.captured&&typeof e.releasePointerCapture==`function`)try{if(typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId))return;e.releasePointerCapture(t.pointerId)}catch{}},C=()=>{let e=_;g=null,_=null,x(),e&&S(e)},w=(e,t)=>{if(!_)return!1;_.event=e;let n=b(e);return C(),n&&s?.({...n,reason:t}),!0},T=()=>v?!1:_?w(_.event,`cancel`):g?(C(),!0):!1,E=()=>{v||(v=!0,f?.removeEventListener(`abort`,E),p.abort(),C(),e.removeEventListener(`pointerdown`,P))},D=e=>(_??g)?.pointerId===e.pointerId,O=()=>{h=e.ownerDocument,h.addEventListener(`pointermove`,F,!0),h.addEventListener(`pointerup`,I,!0),h.addEventListener(`pointercancel`,L,!0),h.addEventListener(`visibilitychange`,B),h.defaultView?.addEventListener(`blur`,z),e.addEventListener(`lostpointercapture`,R)},k=t=>{if(!g)return!1;let n=t.clientX-g.startX,r=t.clientY-g.startY;if(n===0&&r===0)return!1;if(g.axis===void 0){if(Math.hypot(n,r)<i)return!1}else{let e=g.axis===`x`?Math.abs(n):Math.abs(r),t=g.axis===`x`?Math.abs(r):Math.abs(n);if(Math.max(e,t)<i)return!1;if(t>e)return C(),!1}if(_={...g,captured:!1,event:t},g=null,u&&typeof e.setPointerCapture==`function`)try{e.setPointerCapture(t.pointerId),_.captured=typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t.pointerId)}catch{_.captured=!1}let a=b(t);return a&&l?.(a),_?.pointerId===t.pointerId},A=e=>v||g||_||y()||!e.isPrimary||e.button!==0||d&&!d(e)?!1:(g={axis:m??n(a),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},O(),!0),j=e=>{if(!D(e))return!1;if(y())return _?w(e,`cancel`):(C(),!0);if(!_&&!k(e)||!_)return!0;_.event=e;let t=b(e);return t&&c?.(t),!0},M=e=>D(e)?_?w(e,y()?`cancel`:`release`):(C(),!0):!1,N=e=>D(e)?_?w(e,`cancel`):(C(),!0):!1,P=e=>A(e),F=e=>j(e),I=e=>M(e),L=e=>N(e),R=e=>N(e),z=()=>T(),B=()=>{h?.visibilityState===`hidden`&&T()};return e.addEventListener(`pointerdown`,P),f?.aborted?E():f?.addEventListener(`abort`,E,{once:!0}),{get active(){return _!==null},cancel:T,get disposalSignal(){return p.signal},dispose:E,get disposed(){return v},[Symbol.dispose]:E}}function i(e){let t={x:e.startX,y:e.startY},n={x:e.currentX,y:e.currentY};return{current:n,delta:{x:n.x-t.x,y:n.y-t.y},event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:t,target:e.target}}function a(t,n={}){let{activationDistance:a,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u=!0,shouldStart:d,signal:f}=n;return r(t,{activationDistance:e(a),disabled:o,onEnd:s?e=>s({...i(e),reason:e.reason}):void 0,onMove:c?e=>c(i(e)):void 0,onStart:l?e=>l(i(e)):void 0,pointerCapture:u,shouldStart:d,signal:f})}function o(e){let t=e.axis,n=t===`x`?e.startX:e.startY,r=t===`x`?e.currentX:e.currentY;return{axis:t,current:r,distance:r-n,event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:n,target:e.target}}function s(t,n={}){let{activationDistance:i,axis:a,disabled:s,onEnd:c,onMove:l,onStart:u,pointerCapture:d=!0,shouldStart:f,signal:p}=n;return r(t,{activationDistance:e(i),axis:a??`x`,disabled:s,onEnd:c?e=>c({...o(e),reason:e.reason}):void 0,onMove:l?e=>l(o(e)):void 0,onStart:u?e=>u(o(e)):void 0,pointerCapture:d,shouldStart:f,signal:p})}export{a as createDragGesture,s as createPanGesture};
2
2
  //# sourceMappingURL=gesture.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"gesture.js","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["export type PanAxis = 'x' | 'y';\n\nexport type PanEndReason = 'cancel' | 'release';\n\nexport type PanGestureDetail = {\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n};\n\nexport type PanGestureEndDetail = PanGestureDetail & {\n reason: PanEndReason;\n};\n\nexport type PanGestureOptions = {\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n};\n\nexport type PanGesture = {\n readonly active: boolean;\n [Symbol.dispose](): void;\n cancel(): boolean;\n readonly disposalSignal: AbortSignal;\n dispose(): void;\n readonly disposed: boolean;\n};\n\ntype PendingPan = {\n axis: PanAxis;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePan = PendingPan & {\n captured: boolean;\n};\n\nconst ACTIVATION_DISTANCE = 6;\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst isPrimaryPointer = (event: PointerEvent): boolean => {\n if (!event.isPrimary) return false;\n if (event.pointerType === 'mouse' && event.button !== 0) return false;\n\n return true;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: PanAxis): number => {\n return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst getStartCoordinate = (pan: PendingPan, axis: PanAxis): number => {\n return axis === 'x' ? pan.startX : pan.startY;\n};\n\nexport const createPanGesture = (target: Element, options: PanGestureOptions = {}): PanGesture => {\n const disposalController = new AbortController();\n const ownerDocument = target.ownerDocument;\n let pending: PendingPan | null = null;\n let active: ActivePan | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(options.disabled, false));\n\n const createDetail = (event: PointerEvent): PanGestureDetail | null => {\n if (!active) return null;\n\n const start = getStartCoordinate(active, active.axis);\n const current = getCoordinate(event, active.axis);\n\n return {\n axis: active.axis,\n current,\n distance: current - start,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n start,\n target,\n };\n };\n\n const removeTrackingListeners = (): void => {\n ownerDocument.removeEventListener('pointermove', onPointerMove, true);\n ownerDocument.removeEventListener('pointerup', onPointerUp, true);\n ownerDocument.removeEventListener('pointercancel', onPointerCancel, true);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const releaseCapture = (pan: ActivePan): void => {\n if (!pan.captured || typeof target.releasePointerCapture !== 'function') return;\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pan.pointerId)) return;\n\n target.releasePointerCapture(pan.pointerId);\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n\n pending = null;\n active = null;\n removeTrackingListeners();\n\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: PanEndReason): boolean => {\n if (!active) return false;\n\n active.event = event;\n const detail = createDetail(event);\n\n clearSession();\n\n if (detail) options.onEnd?.({ ...detail, reason });\n\n return true;\n };\n\n const cancel = (): boolean => {\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n\n clearSession();\n\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n\n disposed = true;\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => {\n return (active ?? pending)?.pointerId === event.pointerId;\n };\n\n const startTracking = (): void => {\n ownerDocument.addEventListener('pointermove', onPointerMove, true);\n ownerDocument.addEventListener('pointerup', onPointerUp, true);\n ownerDocument.addEventListener('pointercancel', onPointerCancel, true);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n\n if (Math.max(primaryDistance, crossDistance) < ACTIVATION_DISTANCE) return false;\n\n if (crossDistance > primaryDistance) {\n clearSession();\n\n return false;\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n\n if (options.pointerCapture !== false && typeof target.setPointerCapture === 'function') {\n target.setPointerCapture(event.pointerId);\n active.captured = true;\n }\n\n const detail = createDetail(event);\n\n if (detail) options.onStart?.(detail);\n\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled()) return false;\n if (!isPrimaryPointer(event)) return false;\n if (options.shouldStart && !options.shouldStart(event)) return false;\n\n pending = {\n axis: read(options.axis, 'x'),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n\n clearSession();\n\n return true;\n }\n\n if (!active && !activate(event)) return true;\n if (!active) return true;\n\n active.event = event;\n const detail = createDetail(event);\n\n if (detail) options.onMove?.(detail);\n\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerDown(event);\n };\n\n const onPointerMove: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerMove(event);\n };\n\n const onPointerUp: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerUp(event);\n };\n\n const onPointerCancel: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n const onLostPointerCapture: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n\n return {\n get active() {\n return active != null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"gesture.js","names":[],"sources":["../src/_pointer-session.ts","../src/drag-gesture.ts","../src/pan-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\n\nexport type PointerAxis = 'x' | 'y';\n\nconst DEFAULT_ACTIVATION_DISTANCE = 6;\n\nexport function resolveActivationDistance(value: number | undefined): number {\n if (value === undefined) return DEFAULT_ACTIVATION_DISTANCE;\n if (!Number.isFinite(value) || value < 0) {\n throw new RangeError(`activationDistance must be a non-negative finite number, got: ${value}`);\n }\n return value;\n}\n\nexport type PointerSessionDetail = Readonly<{\n axis: PointerAxis | undefined;\n currentX: number;\n currentY: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n target: Element;\n}>;\n\ntype PointerSessionOptions = Readonly<{\n activationDistance: number;\n axis?: PointerAxis | (() => PointerAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PointerSessionDetail & Readonly<{ reason: GestureEndReason }>) => void;\n onMove?: (detail: PointerSessionDetail) => void;\n onStart?: (detail: PointerSessionDetail) => void;\n pointerCapture: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\ntype PendingPointer = {\n axis: PointerAxis | undefined;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePointer = PendingPointer & { captured: boolean };\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst resolveAxis = (value: PointerSessionOptions['axis']): PointerAxis | undefined => {\n if (value === undefined) return undefined;\n const axis = typeof value === 'function' ? value() : value;\n if (axis !== 'x' && axis !== 'y') throw new RangeError(`axis must be \"x\" or \"y\", got: ${String(axis)}`);\n return axis;\n};\n\nexport function createPointerSession(target: Element, options: PointerSessionOptions): GestureHandle {\n const { activationDistance, axis, disabled, onEnd, onMove, onStart, pointerCapture, shouldStart, signal } = options;\n const disposalController = new AbortController();\n const fixedAxis = typeof axis === 'function' ? undefined : resolveAxis(axis);\n let trackingDocument: Document | null = null;\n let pending: PendingPointer | null = null;\n let active: ActivePointer | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null =>\n active\n ? {\n axis: active.axis,\n currentX: event.clientX,\n currentY: event.clientY,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n startX: active.startX,\n startY: active.startY,\n target,\n }\n : null;\n\n const removeTrackingListeners = (): void => {\n if (!trackingDocument) return;\n trackingDocument.removeEventListener('pointermove', onPointerMove, true);\n trackingDocument.removeEventListener('pointerup', onPointerUp, true);\n trackingDocument.removeEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.removeEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.removeEventListener('blur', onWindowBlur);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n trackingDocument = null;\n };\n\n const releaseCapture = (pointer: ActivePointer): void => {\n if (!pointer.captured || typeof target.releasePointerCapture !== 'function') return;\n try {\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pointer.pointerId)) return;\n target.releasePointerCapture(pointer.pointerId);\n } catch {\n // Pointer ownership may already have ended or the target may have detached.\n }\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n pending = null;\n active = null;\n removeTrackingListeners();\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: GestureEndReason): boolean => {\n if (!active) return false;\n active.event = event;\n const detail = createDetail(event);\n clearSession();\n if (detail) onEnd?.({ ...detail, reason });\n return true;\n };\n\n const cancel = (): boolean => {\n if (disposed) return false;\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n clearSession();\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n disposed = true;\n signal?.removeEventListener('abort', dispose);\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => (active ?? pending)?.pointerId === event.pointerId;\n\n const startTracking = (): void => {\n trackingDocument = target.ownerDocument;\n trackingDocument.addEventListener('pointermove', onPointerMove, true);\n trackingDocument.addEventListener('pointerup', onPointerUp, true);\n trackingDocument.addEventListener('pointercancel', onPointerCancel, true);\n trackingDocument.addEventListener('visibilitychange', onVisibilityChange);\n trackingDocument.defaultView?.addEventListener('blur', onWindowBlur);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n if (deltaX === 0 && deltaY === 0) return false;\n\n if (pending.axis === undefined) {\n if (Math.hypot(deltaX, deltaY) < activationDistance) return false;\n } else {\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n if (Math.max(primaryDistance, crossDistance) < activationDistance) return false;\n if (crossDistance > primaryDistance) {\n clearSession();\n return false;\n }\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n if (pointerCapture && typeof target.setPointerCapture === 'function') {\n try {\n target.setPointerCapture(event.pointerId);\n active.captured = typeof target.hasPointerCapture !== 'function' || target.hasPointerCapture(event.pointerId);\n } catch {\n active.captured = false;\n }\n }\n\n const detail = createDetail(event);\n if (detail) onStart?.(detail);\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled() || !event.isPrimary || event.button !== 0) return false;\n if (shouldStart && !shouldStart(event)) return false;\n pending = {\n axis: fixedAxis ?? resolveAxis(axis),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n clearSession();\n return true;\n }\n if (!active && !activate(event)) return true;\n if (!active) return true;\n active.event = event;\n const detail = createDetail(event);\n if (detail) onMove?.(detail);\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n if (!active) {\n clearSession();\n return true;\n }\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => handlePointerDown(event as PointerEvent);\n const onPointerMove: EventListener = (event) => handlePointerMove(event as PointerEvent);\n const onPointerUp: EventListener = (event) => handlePointerUp(event as PointerEvent);\n const onPointerCancel: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onLostPointerCapture: EventListener = (event) => handlePointerCancel(event as PointerEvent);\n const onWindowBlur: EventListener = () => cancel();\n const onVisibilityChange: EventListener = () => {\n if (trackingDocument?.visibilityState === 'hidden') cancel();\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n if (signal?.aborted) dispose();\n else signal?.addEventListener('abort', dispose, { once: true });\n\n return {\n get active() {\n return active !== null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n}\n","import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { createPointerSession, type PointerSessionDetail, resolveActivationDistance } from './_pointer-session.js';\n\nexport type DragEndReason = GestureEndReason;\nexport type DragPoint = Readonly<{ x: number; y: number }>;\n\nexport type DragGestureDetail = Readonly<{\n current: DragPoint;\n delta: DragPoint;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: DragPoint;\n target: Element;\n}>;\n\nexport type DragGestureEndDetail = DragGestureDetail & Readonly<{ reason: GestureEndReason }>;\n\nexport type DragGestureOptions = Readonly<{\n activationDistance?: number;\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: DragGestureEndDetail) => void;\n onMove?: (detail: DragGestureDetail) => void;\n onStart?: (detail: DragGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type DragGesture = GestureHandle;\n\nfunction toDragDetail(detail: PointerSessionDetail): DragGestureDetail {\n const start = { x: detail.startX, y: detail.startY };\n const current = { x: detail.currentX, y: detail.currentY };\n return {\n current,\n delta: { x: current.x - start.x, y: current.y - start.y },\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createDragGesture(target: Element, options: DragGestureOptions = {}): DragGesture {\n const { activationDistance, disabled, onEnd, onMove, onStart, pointerCapture = true, shouldStart, signal } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toDragDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toDragDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toDragDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n","import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport {\n createPointerSession,\n type PointerAxis,\n type PointerSessionDetail,\n resolveActivationDistance,\n} from './_pointer-session.js';\n\nexport type PanAxis = PointerAxis;\nexport type PanEndReason = GestureEndReason;\n\nexport type PanGestureDetail = Readonly<{\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n}>;\n\nexport type PanGestureEndDetail = PanGestureDetail & Readonly<{ reason: PanEndReason }>;\n\nexport type PanGestureOptions = Readonly<{\n activationDistance?: number;\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type PanGesture = GestureHandle;\n\nfunction toPanDetail(detail: PointerSessionDetail): PanGestureDetail {\n const axis = detail.axis as PanAxis;\n const start = axis === 'x' ? detail.startX : detail.startY;\n const current = axis === 'x' ? detail.currentX : detail.currentY;\n return {\n axis,\n current,\n distance: current - start,\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createPanGesture(target: Element, options: PanGestureOptions = {}): PanGesture {\n const {\n activationDistance,\n axis,\n disabled,\n onEnd,\n onMove,\n onStart,\n pointerCapture = true,\n shouldStart,\n signal,\n } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n axis: axis ?? 'x',\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toPanDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toPanDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toPanDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":"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"}
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./pan-gesture.cjs");exports.createPanGesture=e.createPanGesture;
1
+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./drag-gesture.cjs"),t=require("./pan-gesture.cjs");exports.createDragGesture=e.createDragGesture,exports.createPanGesture=t.createPanGesture;
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export type { PanAxis, PanEndReason, PanGesture, PanGestureDetail, PanGestureEndDetail, PanGestureOptions, } from './pan-gesture';
2
- export { createPanGesture } from './pan-gesture';
1
+ export { createDragGesture, type DragEndReason, type DragGesture, type DragGestureDetail, type DragGestureEndDetail, type DragGestureOptions, type DragPoint, } from './drag-gesture.js';
2
+ export { createPanGesture, type PanAxis, type PanEndReason, type PanGesture, type PanGestureDetail, type PanGestureEndDetail, type PanGestureOptions, } from './pan-gesture.js';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,OAAO,EACP,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,gBAAgB,EAChB,KAAK,OAAO,EACZ,KAAK,YAAY,EACjB,KAAK,UAAU,EACf,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,GACvB,MAAM,kBAAkB,CAAC"}
package/dist/index.js CHANGED
@@ -1,2 +1,3 @@
1
- import { createPanGesture as e } from "./pan-gesture.js";
2
- export { e as createPanGesture };
1
+ import { createDragGesture as e } from "./drag-gesture.js";
2
+ import { createPanGesture as t } from "./pan-gesture.js";
3
+ export { e as createDragGesture, t as createPanGesture };
@@ -1,2 +1,2 @@
1
- var e=(e,t)=>typeof e==`function`?e():e??t,t=e=>!(!e.isPrimary||e.pointerType===`mouse`&&e.button!==0),n=(e,t)=>t===`x`?e.clientX:e.clientY,r=(e,t)=>t===`x`?e.startX:e.startY,i=(i,a={})=>{let o=new AbortController,s=i.ownerDocument,c=null,l=null,u=!1,d=()=>!!e(a.disabled,!1),f=e=>{if(!l)return null;let t=r(l,l.axis),a=n(e,l.axis);return{axis:l.axis,current:a,distance:a-t,event:e,pointerId:l.pointerId,pointerType:l.pointerType,start:t,target:i}},p=()=>{s.removeEventListener(`pointermove`,D,!0),s.removeEventListener(`pointerup`,O,!0),s.removeEventListener(`pointercancel`,k,!0),i.removeEventListener(`lostpointercapture`,A)},m=e=>{!e.captured||typeof i.releasePointerCapture!=`function`||typeof i.hasPointerCapture==`function`&&!i.hasPointerCapture(e.pointerId)||i.releasePointerCapture(e.pointerId)},h=()=>{let e=l;c=null,l=null,p(),e&&m(e)},g=(e,t)=>{if(!l)return!1;l.event=e;let n=f(e);return h(),n&&a.onEnd?.({...n,reason:t}),!0},_=()=>l?g(l.event,`cancel`):c?(h(),!0):!1,v=()=>{u||(u=!0,o.abort(),h(),i.removeEventListener(`pointerdown`,E))},y=e=>(l??c)?.pointerId===e.pointerId,b=()=>{s.addEventListener(`pointermove`,D,!0),s.addEventListener(`pointerup`,O,!0),s.addEventListener(`pointercancel`,k,!0),i.addEventListener(`lostpointercapture`,A)},x=e=>{if(!c)return!1;let t=e.clientX-c.startX,n=e.clientY-c.startY,r=c.axis===`x`?Math.abs(t):Math.abs(n),o=c.axis===`x`?Math.abs(n):Math.abs(t);if(Math.max(r,o)<6)return!1;if(o>r)return h(),!1;l={...c,captured:!1,event:e},c=null,a.pointerCapture!==!1&&typeof i.setPointerCapture==`function`&&(i.setPointerCapture(e.pointerId),l.captured=!0);let s=f(e);return s&&a.onStart?.(s),l?.pointerId===e.pointerId},S=n=>u||c||l||d()||!t(n)||a.shouldStart&&!a.shouldStart(n)?!1:(c={axis:e(a.axis,`x`),event:n,pointerId:n.pointerId,pointerType:n.pointerType,startX:n.clientX,startY:n.clientY},b(),!0),C=e=>{if(!y(e))return!1;if(d())return l?g(e,`cancel`):(h(),!0);if(!l&&!x(e)||!l)return!0;l.event=e;let t=f(e);return t&&a.onMove?.(t),!0},w=e=>y(e)?l?g(e,d()?`cancel`:`release`):(h(),!0):!1,T=e=>y(e)?l?g(e,`cancel`):(h(),!0):!1,E=e=>{e instanceof PointerEvent&&S(e)},D=e=>{e instanceof PointerEvent&&C(e)},O=e=>{e instanceof PointerEvent&&w(e)},k=e=>{e instanceof PointerEvent&&T(e)},A=e=>{e instanceof PointerEvent&&T(e)};return i.addEventListener(`pointerdown`,E),{get active(){return l!=null},cancel:_,get disposalSignal(){return o.signal},dispose:v,get disposed(){return u},[Symbol.dispose]:v}};exports.createPanGesture=i;
1
+ const e=require("./_pointer-session.cjs");function t(e){let t=e.axis,n=t===`x`?e.startX:e.startY,r=t===`x`?e.currentX:e.currentY;return{axis:t,current:r,distance:r-n,event:e.event,pointerId:e.pointerId,pointerType:e.pointerType,start:n,target:e.target}}function n(n,r={}){let{activationDistance:i,axis:a,disabled:o,onEnd:s,onMove:c,onStart:l,pointerCapture:u=!0,shouldStart:d,signal:f}=r;return e.createPointerSession(n,{activationDistance:e.resolveActivationDistance(i),axis:a??`x`,disabled:o,onEnd:s?e=>s({...t(e),reason:e.reason}):void 0,onMove:c?e=>c(t(e)):void 0,onStart:l?e=>l(t(e)):void 0,pointerCapture:u,shouldStart:d,signal:f})}exports.createPanGesture=n;
2
2
  //# sourceMappingURL=pan-gesture.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"pan-gesture.cjs","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["export type PanAxis = 'x' | 'y';\n\nexport type PanEndReason = 'cancel' | 'release';\n\nexport type PanGestureDetail = {\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n};\n\nexport type PanGestureEndDetail = PanGestureDetail & {\n reason: PanEndReason;\n};\n\nexport type PanGestureOptions = {\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n};\n\nexport type PanGesture = {\n readonly active: boolean;\n [Symbol.dispose](): void;\n cancel(): boolean;\n readonly disposalSignal: AbortSignal;\n dispose(): void;\n readonly disposed: boolean;\n};\n\ntype PendingPan = {\n axis: PanAxis;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePan = PendingPan & {\n captured: boolean;\n};\n\nconst ACTIVATION_DISTANCE = 6;\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst isPrimaryPointer = (event: PointerEvent): boolean => {\n if (!event.isPrimary) return false;\n if (event.pointerType === 'mouse' && event.button !== 0) return false;\n\n return true;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: PanAxis): number => {\n return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst getStartCoordinate = (pan: PendingPan, axis: PanAxis): number => {\n return axis === 'x' ? pan.startX : pan.startY;\n};\n\nexport const createPanGesture = (target: Element, options: PanGestureOptions = {}): PanGesture => {\n const disposalController = new AbortController();\n const ownerDocument = target.ownerDocument;\n let pending: PendingPan | null = null;\n let active: ActivePan | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(options.disabled, false));\n\n const createDetail = (event: PointerEvent): PanGestureDetail | null => {\n if (!active) return null;\n\n const start = getStartCoordinate(active, active.axis);\n const current = getCoordinate(event, active.axis);\n\n return {\n axis: active.axis,\n current,\n distance: current - start,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n start,\n target,\n };\n };\n\n const removeTrackingListeners = (): void => {\n ownerDocument.removeEventListener('pointermove', onPointerMove, true);\n ownerDocument.removeEventListener('pointerup', onPointerUp, true);\n ownerDocument.removeEventListener('pointercancel', onPointerCancel, true);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const releaseCapture = (pan: ActivePan): void => {\n if (!pan.captured || typeof target.releasePointerCapture !== 'function') return;\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pan.pointerId)) return;\n\n target.releasePointerCapture(pan.pointerId);\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n\n pending = null;\n active = null;\n removeTrackingListeners();\n\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: PanEndReason): boolean => {\n if (!active) return false;\n\n active.event = event;\n const detail = createDetail(event);\n\n clearSession();\n\n if (detail) options.onEnd?.({ ...detail, reason });\n\n return true;\n };\n\n const cancel = (): boolean => {\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n\n clearSession();\n\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n\n disposed = true;\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => {\n return (active ?? pending)?.pointerId === event.pointerId;\n };\n\n const startTracking = (): void => {\n ownerDocument.addEventListener('pointermove', onPointerMove, true);\n ownerDocument.addEventListener('pointerup', onPointerUp, true);\n ownerDocument.addEventListener('pointercancel', onPointerCancel, true);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n\n if (Math.max(primaryDistance, crossDistance) < ACTIVATION_DISTANCE) return false;\n\n if (crossDistance > primaryDistance) {\n clearSession();\n\n return false;\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n\n if (options.pointerCapture !== false && typeof target.setPointerCapture === 'function') {\n target.setPointerCapture(event.pointerId);\n active.captured = true;\n }\n\n const detail = createDetail(event);\n\n if (detail) options.onStart?.(detail);\n\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled()) return false;\n if (!isPrimaryPointer(event)) return false;\n if (options.shouldStart && !options.shouldStart(event)) return false;\n\n pending = {\n axis: read(options.axis, 'x'),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n\n clearSession();\n\n return true;\n }\n\n if (!active && !activate(event)) return true;\n if (!active) return true;\n\n active.event = event;\n const detail = createDetail(event);\n\n if (detail) options.onMove?.(detail);\n\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerDown(event);\n };\n\n const onPointerMove: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerMove(event);\n };\n\n const onPointerUp: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerUp(event);\n };\n\n const onPointerCancel: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n const onLostPointerCapture: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n\n return {\n get active() {\n return active != null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"pan-gesture.cjs","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport {\n createPointerSession,\n type PointerAxis,\n type PointerSessionDetail,\n resolveActivationDistance,\n} from './_pointer-session.js';\n\nexport type PanAxis = PointerAxis;\nexport type PanEndReason = GestureEndReason;\n\nexport type PanGestureDetail = Readonly<{\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n}>;\n\nexport type PanGestureEndDetail = PanGestureDetail & Readonly<{ reason: PanEndReason }>;\n\nexport type PanGestureOptions = Readonly<{\n activationDistance?: number;\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type PanGesture = GestureHandle;\n\nfunction toPanDetail(detail: PointerSessionDetail): PanGestureDetail {\n const axis = detail.axis as PanAxis;\n const start = axis === 'x' ? detail.startX : detail.startY;\n const current = axis === 'x' ? detail.currentX : detail.currentY;\n return {\n axis,\n current,\n distance: current - start,\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createPanGesture(target: Element, options: PanGestureOptions = {}): PanGesture {\n const {\n activationDistance,\n axis,\n disabled,\n onEnd,\n onMove,\n onStart,\n pointerCapture = true,\n shouldStart,\n signal,\n } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n axis: axis ?? 'x',\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toPanDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toPanDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toPanDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":"0CAsCA,SAAS,EAAY,EAAgD,CACnE,IAAM,EAAO,EAAO,KACd,EAAQ,IAAS,IAAM,EAAO,OAAS,EAAO,OAC9C,EAAU,IAAS,IAAM,EAAO,SAAW,EAAO,SACxD,MAAO,CACL,OACA,UACA,SAAU,EAAU,EACpB,MAAO,EAAO,MACd,UAAW,EAAO,UAClB,YAAa,EAAO,YACpB,QACA,OAAQ,EAAO,MACjB,CACF,CAEA,SAAgB,EAAiB,EAAiB,EAA6B,CAAC,EAAe,CAC7F,GAAM,CACJ,qBACA,OACA,WACA,QACA,SACA,UACA,iBAAiB,GACjB,cACA,UACE,EAEJ,OAAO,EAAA,qBAAqB,EAAQ,CAClC,mBAAoB,EAAA,0BAA0B,CAAkB,EAChE,KAAM,GAAQ,IACd,WACA,MAAO,EAAS,GAAW,EAAM,CAAE,GAAG,EAAY,CAAM,EAAG,OAAQ,EAAO,MAAO,CAAC,EAAI,IAAA,GACtF,OAAQ,EAAU,GAAW,EAAO,EAAY,CAAM,CAAC,EAAI,IAAA,GAC3D,QAAS,EAAW,GAAW,EAAQ,EAAY,CAAM,CAAC,EAAI,IAAA,GAC9D,iBACA,cACA,QACF,CAAC,CACH"}
@@ -1,6 +1,8 @@
1
- export type PanAxis = 'x' | 'y';
2
- export type PanEndReason = 'cancel' | 'release';
3
- export type PanGestureDetail = {
1
+ import type { GestureEndReason, GestureHandle } from './_gesture.js';
2
+ import { type PointerAxis } from './_pointer-session.js';
3
+ export type PanAxis = PointerAxis;
4
+ export type PanEndReason = GestureEndReason;
5
+ export type PanGestureDetail = Readonly<{
4
6
  axis: PanAxis;
5
7
  current: number;
6
8
  distance: number;
@@ -9,11 +11,12 @@ export type PanGestureDetail = {
9
11
  pointerType: string;
10
12
  start: number;
11
13
  target: Element;
12
- };
13
- export type PanGestureEndDetail = PanGestureDetail & {
14
+ }>;
15
+ export type PanGestureEndDetail = PanGestureDetail & Readonly<{
14
16
  reason: PanEndReason;
15
- };
16
- export type PanGestureOptions = {
17
+ }>;
18
+ export type PanGestureOptions = Readonly<{
19
+ activationDistance?: number;
17
20
  axis?: PanAxis | (() => PanAxis);
18
21
  disabled?: boolean | (() => boolean | undefined);
19
22
  onEnd?: (detail: PanGestureEndDetail) => void;
@@ -21,14 +24,8 @@ export type PanGestureOptions = {
21
24
  onStart?: (detail: PanGestureDetail) => void;
22
25
  pointerCapture?: boolean;
23
26
  shouldStart?: (event: PointerEvent) => boolean;
24
- };
25
- export type PanGesture = {
26
- readonly active: boolean;
27
- [Symbol.dispose](): void;
28
- cancel(): boolean;
29
- readonly disposalSignal: AbortSignal;
30
- dispose(): void;
31
- readonly disposed: boolean;
32
- };
33
- export declare const createPanGesture: (target: Element, options?: PanGestureOptions) => PanGesture;
27
+ signal?: AbortSignal;
28
+ }>;
29
+ export type PanGesture = GestureHandle;
30
+ export declare function createPanGesture(target: Element, options?: PanGestureOptions): PanGesture;
34
31
  //# sourceMappingURL=pan-gesture.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"pan-gesture.d.ts","sourceRoot":"","sources":["../src/pan-gesture.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG;IACnD,MAAM,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;IACzB,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;IACzB,MAAM,IAAI,OAAO,CAAC;IAClB,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC;IACrC,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;CAC5B,CAAC;AAmCF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,OAAO,EAAE,UAAS,iBAAsB,KAAG,UAgOnF,CAAC"}
1
+ {"version":3,"file":"pan-gesture.d.ts","sourceRoot":"","sources":["../src/pan-gesture.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAEL,KAAK,WAAW,EAGjB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,OAAO,GAAG,WAAW,CAAC;AAClC,MAAM,MAAM,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,QAAQ,CAAC;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAExF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC;IAC/C,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAkBvC,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAE,iBAAsB,GAAG,UAAU,CAwB7F"}
@@ -1,90 +1,36 @@
1
+ import { createPointerSession as e, resolveActivationDistance as t } from "./_pointer-session.js";
1
2
  //#region src/pan-gesture.ts
2
- var e = (e, t) => typeof e == "function" ? e() : e ?? t, t = (e) => !(!e.isPrimary || e.pointerType === "mouse" && e.button !== 0), n = (e, t) => t === "x" ? e.clientX : e.clientY, r = (e, t) => t === "x" ? e.startX : e.startY, i = (i, a = {}) => {
3
- let o = new AbortController(), s = i.ownerDocument, c = null, l = null, u = !1, d = () => !!e(a.disabled, !1), f = (e) => {
4
- if (!l) return null;
5
- let t = r(l, l.axis), a = n(e, l.axis);
6
- return {
7
- axis: l.axis,
8
- current: a,
9
- distance: a - t,
10
- event: e,
11
- pointerId: l.pointerId,
12
- pointerType: l.pointerType,
13
- start: t,
14
- target: i
15
- };
16
- }, p = () => {
17
- s.removeEventListener("pointermove", D, !0), s.removeEventListener("pointerup", O, !0), s.removeEventListener("pointercancel", k, !0), i.removeEventListener("lostpointercapture", A);
18
- }, m = (e) => {
19
- !e.captured || typeof i.releasePointerCapture != "function" || typeof i.hasPointerCapture == "function" && !i.hasPointerCapture(e.pointerId) || i.releasePointerCapture(e.pointerId);
20
- }, h = () => {
21
- let e = l;
22
- c = null, l = null, p(), e && m(e);
23
- }, g = (e, t) => {
24
- if (!l) return !1;
25
- l.event = e;
26
- let n = f(e);
27
- return h(), n && a.onEnd?.({
28
- ...n,
29
- reason: t
30
- }), !0;
31
- }, _ = () => l ? g(l.event, "cancel") : c ? (h(), !0) : !1, v = () => {
32
- u || (u = !0, o.abort(), h(), i.removeEventListener("pointerdown", E));
33
- }, y = (e) => (l ?? c)?.pointerId === e.pointerId, b = () => {
34
- s.addEventListener("pointermove", D, !0), s.addEventListener("pointerup", O, !0), s.addEventListener("pointercancel", k, !0), i.addEventListener("lostpointercapture", A);
35
- }, x = (e) => {
36
- if (!c) return !1;
37
- let t = e.clientX - c.startX, n = e.clientY - c.startY, r = c.axis === "x" ? Math.abs(t) : Math.abs(n), o = c.axis === "x" ? Math.abs(n) : Math.abs(t);
38
- if (Math.max(r, o) < 6) return !1;
39
- if (o > r) return h(), !1;
40
- l = {
41
- ...c,
42
- captured: !1,
43
- event: e
44
- }, c = null, a.pointerCapture !== !1 && typeof i.setPointerCapture == "function" && (i.setPointerCapture(e.pointerId), l.captured = !0);
45
- let s = f(e);
46
- return s && a.onStart?.(s), l?.pointerId === e.pointerId;
47
- }, S = (n) => u || c || l || d() || !t(n) || a.shouldStart && !a.shouldStart(n) ? !1 : (c = {
48
- axis: e(a.axis, "x"),
49
- event: n,
50
- pointerId: n.pointerId,
51
- pointerType: n.pointerType,
52
- startX: n.clientX,
53
- startY: n.clientY
54
- }, b(), !0), C = (e) => {
55
- if (!y(e)) return !1;
56
- if (d()) return l ? g(e, "cancel") : (h(), !0);
57
- if (!l && !x(e) || !l) return !0;
58
- l.event = e;
59
- let t = f(e);
60
- return t && a.onMove?.(t), !0;
61
- }, w = (e) => y(e) ? l ? g(e, d() ? "cancel" : "release") : (h(), !0) : !1, T = (e) => y(e) ? l ? g(e, "cancel") : (h(), !0) : !1, E = (e) => {
62
- e instanceof PointerEvent && S(e);
63
- }, D = (e) => {
64
- e instanceof PointerEvent && C(e);
65
- }, O = (e) => {
66
- e instanceof PointerEvent && w(e);
67
- }, k = (e) => {
68
- e instanceof PointerEvent && T(e);
69
- }, A = (e) => {
70
- e instanceof PointerEvent && T(e);
3
+ function n(e) {
4
+ let t = e.axis, n = t === "x" ? e.startX : e.startY, r = t === "x" ? e.currentX : e.currentY;
5
+ return {
6
+ axis: t,
7
+ current: r,
8
+ distance: r - n,
9
+ event: e.event,
10
+ pointerId: e.pointerId,
11
+ pointerType: e.pointerType,
12
+ start: n,
13
+ target: e.target
71
14
  };
72
- return i.addEventListener("pointerdown", E), {
73
- get active() {
74
- return l != null;
75
- },
76
- cancel: _,
77
- get disposalSignal() {
78
- return o.signal;
79
- },
80
- dispose: v,
81
- get disposed() {
82
- return u;
83
- },
84
- [Symbol.dispose]: v
85
- };
86
- };
15
+ }
16
+ function r(r, i = {}) {
17
+ let { activationDistance: a, axis: o, disabled: s, onEnd: c, onMove: l, onStart: u, pointerCapture: d = !0, shouldStart: f, signal: p } = i;
18
+ return e(r, {
19
+ activationDistance: t(a),
20
+ axis: o ?? "x",
21
+ disabled: s,
22
+ onEnd: c ? (e) => c({
23
+ ...n(e),
24
+ reason: e.reason
25
+ }) : void 0,
26
+ onMove: l ? (e) => l(n(e)) : void 0,
27
+ onStart: u ? (e) => u(n(e)) : void 0,
28
+ pointerCapture: d,
29
+ shouldStart: f,
30
+ signal: p
31
+ });
32
+ }
87
33
  //#endregion
88
- export { i as createPanGesture };
34
+ export { r as createPanGesture };
89
35
 
90
36
  //# sourceMappingURL=pan-gesture.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pan-gesture.js","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["export type PanAxis = 'x' | 'y';\n\nexport type PanEndReason = 'cancel' | 'release';\n\nexport type PanGestureDetail = {\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n};\n\nexport type PanGestureEndDetail = PanGestureDetail & {\n reason: PanEndReason;\n};\n\nexport type PanGestureOptions = {\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n};\n\nexport type PanGesture = {\n readonly active: boolean;\n [Symbol.dispose](): void;\n cancel(): boolean;\n readonly disposalSignal: AbortSignal;\n dispose(): void;\n readonly disposed: boolean;\n};\n\ntype PendingPan = {\n axis: PanAxis;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n startX: number;\n startY: number;\n};\n\ntype ActivePan = PendingPan & {\n captured: boolean;\n};\n\nconst ACTIVATION_DISTANCE = 6;\n\nconst read = <T>(value: T | (() => T) | undefined, fallback: T): T =>\n typeof value === 'function' ? (value as () => T)() : (value ?? fallback);\n\nconst isPrimaryPointer = (event: PointerEvent): boolean => {\n if (!event.isPrimary) return false;\n if (event.pointerType === 'mouse' && event.button !== 0) return false;\n\n return true;\n};\n\nconst getCoordinate = (event: PointerEvent, axis: PanAxis): number => {\n return axis === 'x' ? event.clientX : event.clientY;\n};\n\nconst getStartCoordinate = (pan: PendingPan, axis: PanAxis): number => {\n return axis === 'x' ? pan.startX : pan.startY;\n};\n\nexport const createPanGesture = (target: Element, options: PanGestureOptions = {}): PanGesture => {\n const disposalController = new AbortController();\n const ownerDocument = target.ownerDocument;\n let pending: PendingPan | null = null;\n let active: ActivePan | null = null;\n let disposed = false;\n\n const isDisabled = (): boolean => Boolean(read(options.disabled, false));\n\n const createDetail = (event: PointerEvent): PanGestureDetail | null => {\n if (!active) return null;\n\n const start = getStartCoordinate(active, active.axis);\n const current = getCoordinate(event, active.axis);\n\n return {\n axis: active.axis,\n current,\n distance: current - start,\n event,\n pointerId: active.pointerId,\n pointerType: active.pointerType,\n start,\n target,\n };\n };\n\n const removeTrackingListeners = (): void => {\n ownerDocument.removeEventListener('pointermove', onPointerMove, true);\n ownerDocument.removeEventListener('pointerup', onPointerUp, true);\n ownerDocument.removeEventListener('pointercancel', onPointerCancel, true);\n target.removeEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const releaseCapture = (pan: ActivePan): void => {\n if (!pan.captured || typeof target.releasePointerCapture !== 'function') return;\n if (typeof target.hasPointerCapture === 'function' && !target.hasPointerCapture(pan.pointerId)) return;\n\n target.releasePointerCapture(pan.pointerId);\n };\n\n const clearSession = (): void => {\n const previousActive = active;\n\n pending = null;\n active = null;\n removeTrackingListeners();\n\n if (previousActive) releaseCapture(previousActive);\n };\n\n const finish = (event: PointerEvent, reason: PanEndReason): boolean => {\n if (!active) return false;\n\n active.event = event;\n const detail = createDetail(event);\n\n clearSession();\n\n if (detail) options.onEnd?.({ ...detail, reason });\n\n return true;\n };\n\n const cancel = (): boolean => {\n if (active) return finish(active.event, 'cancel');\n if (!pending) return false;\n\n clearSession();\n\n return true;\n };\n\n const dispose = (): void => {\n if (disposed) return;\n\n disposed = true;\n disposalController.abort();\n clearSession();\n target.removeEventListener('pointerdown', onPointerDown);\n };\n\n const matchesPointer = (event: PointerEvent): boolean => {\n return (active ?? pending)?.pointerId === event.pointerId;\n };\n\n const startTracking = (): void => {\n ownerDocument.addEventListener('pointermove', onPointerMove, true);\n ownerDocument.addEventListener('pointerup', onPointerUp, true);\n ownerDocument.addEventListener('pointercancel', onPointerCancel, true);\n target.addEventListener('lostpointercapture', onLostPointerCapture);\n };\n\n const activate = (event: PointerEvent): boolean => {\n if (!pending) return false;\n\n const deltaX = event.clientX - pending.startX;\n const deltaY = event.clientY - pending.startY;\n const primaryDistance = pending.axis === 'x' ? Math.abs(deltaX) : Math.abs(deltaY);\n const crossDistance = pending.axis === 'x' ? Math.abs(deltaY) : Math.abs(deltaX);\n\n if (Math.max(primaryDistance, crossDistance) < ACTIVATION_DISTANCE) return false;\n\n if (crossDistance > primaryDistance) {\n clearSession();\n\n return false;\n }\n\n active = { ...pending, captured: false, event };\n pending = null;\n\n if (options.pointerCapture !== false && typeof target.setPointerCapture === 'function') {\n target.setPointerCapture(event.pointerId);\n active.captured = true;\n }\n\n const detail = createDetail(event);\n\n if (detail) options.onStart?.(detail);\n\n return active?.pointerId === event.pointerId;\n };\n\n const handlePointerDown = (event: PointerEvent): boolean => {\n if (disposed || pending || active || isDisabled()) return false;\n if (!isPrimaryPointer(event)) return false;\n if (options.shouldStart && !options.shouldStart(event)) return false;\n\n pending = {\n axis: read(options.axis, 'x'),\n event,\n pointerId: event.pointerId,\n pointerType: event.pointerType,\n startX: event.clientX,\n startY: event.clientY,\n };\n startTracking();\n\n return true;\n };\n\n const handlePointerMove = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (isDisabled()) {\n if (active) return finish(event, 'cancel');\n\n clearSession();\n\n return true;\n }\n\n if (!active && !activate(event)) return true;\n if (!active) return true;\n\n active.event = event;\n const detail = createDetail(event);\n\n if (detail) options.onMove?.(detail);\n\n return true;\n };\n\n const handlePointerUp = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, isDisabled() ? 'cancel' : 'release');\n };\n\n const handlePointerCancel = (event: PointerEvent): boolean => {\n if (!matchesPointer(event)) return false;\n\n if (!active) {\n clearSession();\n\n return true;\n }\n\n return finish(event, 'cancel');\n };\n\n const onPointerDown: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerDown(event);\n };\n\n const onPointerMove: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerMove(event);\n };\n\n const onPointerUp: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerUp(event);\n };\n\n const onPointerCancel: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n const onLostPointerCapture: EventListener = (event) => {\n if (event instanceof PointerEvent) handlePointerCancel(event);\n };\n\n target.addEventListener('pointerdown', onPointerDown);\n\n return {\n get active() {\n return active != null;\n },\n cancel,\n get disposalSignal() {\n return disposalController.signal;\n },\n dispose,\n get disposed() {\n return disposed;\n },\n [Symbol.dispose]: dispose,\n };\n};\n"],"mappings":";AAmDA,IAEM,KAAW,GAAkC,MACjD,OAAO,KAAU,aAAc,EAAkB,IAAK,KAAS,GAE3D,KAAoB,MAExB,EADI,CAAC,EAAM,aACP,EAAM,gBAAgB,WAAW,EAAM,WAAW,IAKlD,KAAiB,GAAqB,MACnC,MAAS,MAAM,EAAM,UAAU,EAAM,SAGxC,KAAsB,GAAiB,MACpC,MAAS,MAAM,EAAI,SAAS,EAAI,QAG5B,KAAoB,GAAiB,IAA6B,CAAC,MAAkB;CAChG,IAAM,IAAqB,IAAI,gBAAgB,GACzC,IAAgB,EAAO,eACzB,IAA6B,MAC7B,IAA2B,MAC3B,IAAW,IAET,UAA4B,EAAQ,EAAK,EAAQ,UAAU,EAAK,GAEhE,KAAgB,MAAiD;EACrE,IAAI,CAAC,GAAQ,OAAO;EAEpB,IAAM,IAAQ,EAAmB,GAAQ,EAAO,IAAI,GAC9C,IAAU,EAAc,GAAO,EAAO,IAAI;EAEhD,OAAO;GACL,MAAM,EAAO;GACb;GACA,UAAU,IAAU;GACpB;GACA,WAAW,EAAO;GAClB,aAAa,EAAO;GACpB;GACA;EACF;CACF,GAEM,UAAsC;EAI1C,AAHA,EAAc,oBAAoB,eAAe,GAAe,EAAI,GACpE,EAAc,oBAAoB,aAAa,GAAa,EAAI,GAChE,EAAc,oBAAoB,iBAAiB,GAAiB,EAAI,GACxE,EAAO,oBAAoB,sBAAsB,CAAoB;CACvE,GAEM,KAAkB,MAAyB;EAC3C,CAAC,EAAI,YAAY,OAAO,EAAO,yBAA0B,cACzD,OAAO,EAAO,qBAAsB,cAAc,CAAC,EAAO,kBAAkB,EAAI,SAAS,KAE7F,EAAO,sBAAsB,EAAI,SAAS;CAC5C,GAEM,UAA2B;EAC/B,IAAM,IAAiB;EAMvB,AAJA,IAAU,MACV,IAAS,MACT,EAAwB,GAEpB,KAAgB,EAAe,CAAc;CACnD,GAEM,KAAU,GAAqB,MAAkC;EACrE,IAAI,CAAC,GAAQ,OAAO;EAEpB,EAAO,QAAQ;EACf,IAAM,IAAS,EAAa,CAAK;EAMjC,OAJA,EAAa,GAET,KAAQ,EAAQ,QAAQ;GAAE,GAAG;GAAQ;EAAO,CAAC,GAE1C;CACT,GAEM,UACA,IAAe,EAAO,EAAO,OAAO,QAAQ,IAC3C,KAEL,EAAa,GAEN,MAJc,IAOjB,UAAsB;EACtB,MAEJ,IAAW,IACX,EAAmB,MAAM,GACzB,EAAa,GACb,EAAO,oBAAoB,eAAe,CAAa;CACzD,GAEM,KAAkB,OACd,KAAU,EAAA,EAAU,cAAc,EAAM,WAG5C,UAA4B;EAIhC,AAHA,EAAc,iBAAiB,eAAe,GAAe,EAAI,GACjE,EAAc,iBAAiB,aAAa,GAAa,EAAI,GAC7D,EAAc,iBAAiB,iBAAiB,GAAiB,EAAI,GACrE,EAAO,iBAAiB,sBAAsB,CAAoB;CACpE,GAEM,KAAY,MAAiC;EACjD,IAAI,CAAC,GAAS,OAAO;EAErB,IAAM,IAAS,EAAM,UAAU,EAAQ,QACjC,IAAS,EAAM,UAAU,EAAQ,QACjC,IAAkB,EAAQ,SAAS,MAAM,KAAK,IAAI,CAAM,IAAI,KAAK,IAAI,CAAM,GAC3E,IAAgB,EAAQ,SAAS,MAAM,KAAK,IAAI,CAAM,IAAI,KAAK,IAAI,CAAM;EAE/E,IAAI,KAAK,IAAI,GAAiB,CAAa,IAAI,GAAqB,OAAO;EAE3E,IAAI,IAAgB,GAGlB,OAFA,EAAa,GAEN;EAMT,AAHA,IAAS;GAAE,GAAG;GAAS,UAAU;GAAO;EAAM,GAC9C,IAAU,MAEN,EAAQ,mBAAmB,MAAS,OAAO,EAAO,qBAAsB,eAC1E,EAAO,kBAAkB,EAAM,SAAS,GACxC,EAAO,WAAW;EAGpB,IAAM,IAAS,EAAa,CAAK;EAIjC,OAFI,KAAQ,EAAQ,UAAU,CAAM,GAE7B,GAAQ,cAAc,EAAM;CACrC,GAEM,KAAqB,MACrB,KAAY,KAAW,KAAU,EAAW,KAC5C,CAAC,EAAiB,CAAK,KACvB,EAAQ,eAAe,CAAC,EAAQ,YAAY,CAAK,IAAU,MAE/D,IAAU;EACR,MAAM,EAAK,EAAQ,MAAM,GAAG;EAC5B;EACA,WAAW,EAAM;EACjB,aAAa,EAAM;EACnB,QAAQ,EAAM;EACd,QAAQ,EAAM;CAChB,GACA,EAAc,GAEP,KAGH,KAAqB,MAAiC;EAC1D,IAAI,CAAC,EAAe,CAAK,GAAG,OAAO;EAEnC,IAAI,EAAW,GAKb,OAJI,IAAe,EAAO,GAAO,QAAQ,KAEzC,EAAa,GAEN;EAIT,IADI,CAAC,KAAU,CAAC,EAAS,CAAK,KAC1B,CAAC,GAAQ,OAAO;EAEpB,EAAO,QAAQ;EACf,IAAM,IAAS,EAAa,CAAK;EAIjC,OAFI,KAAQ,EAAQ,SAAS,CAAM,GAE5B;CACT,GAEM,KAAmB,MAClB,EAAe,CAAK,IAEpB,IAME,EAAO,GAAO,EAAW,IAAI,WAAW,SAAS,KALtD,EAAa,GAEN,MAL0B,IAW/B,KAAuB,MACtB,EAAe,CAAK,IAEpB,IAME,EAAO,GAAO,QAAQ,KAL3B,EAAa,GAEN,MAL0B,IAW/B,KAAgC,MAAU;EAC9C,AAAI,aAAiB,gBAAc,EAAkB,CAAK;CAC5D,GAEM,KAAgC,MAAU;EAC9C,AAAI,aAAiB,gBAAc,EAAkB,CAAK;CAC5D,GAEM,KAA8B,MAAU;EAC5C,AAAI,aAAiB,gBAAc,EAAgB,CAAK;CAC1D,GAEM,KAAkC,MAAU;EAChD,AAAI,aAAiB,gBAAc,EAAoB,CAAK;CAC9D,GAEM,KAAuC,MAAU;EACrD,AAAI,aAAiB,gBAAc,EAAoB,CAAK;CAC9D;CAIA,OAFA,EAAO,iBAAiB,eAAe,CAAa,GAE7C;EACL,IAAI,SAAS;GACX,OAAO,KAAU;EACnB;EACA;EACA,IAAI,iBAAiB;GACnB,OAAO,EAAmB;EAC5B;EACA;EACA,IAAI,WAAW;GACb,OAAO;EACT;GACC,OAAO,UAAU;CACpB;AACF"}
1
+ {"version":3,"file":"pan-gesture.js","names":[],"sources":["../src/pan-gesture.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport {\n createPointerSession,\n type PointerAxis,\n type PointerSessionDetail,\n resolveActivationDistance,\n} from './_pointer-session.js';\n\nexport type PanAxis = PointerAxis;\nexport type PanEndReason = GestureEndReason;\n\nexport type PanGestureDetail = Readonly<{\n axis: PanAxis;\n current: number;\n distance: number;\n event: PointerEvent;\n pointerId: number;\n pointerType: string;\n start: number;\n target: Element;\n}>;\n\nexport type PanGestureEndDetail = PanGestureDetail & Readonly<{ reason: PanEndReason }>;\n\nexport type PanGestureOptions = Readonly<{\n activationDistance?: number;\n axis?: PanAxis | (() => PanAxis);\n disabled?: boolean | (() => boolean | undefined);\n onEnd?: (detail: PanGestureEndDetail) => void;\n onMove?: (detail: PanGestureDetail) => void;\n onStart?: (detail: PanGestureDetail) => void;\n pointerCapture?: boolean;\n shouldStart?: (event: PointerEvent) => boolean;\n signal?: AbortSignal;\n}>;\n\nexport type PanGesture = GestureHandle;\n\nfunction toPanDetail(detail: PointerSessionDetail): PanGestureDetail {\n const axis = detail.axis as PanAxis;\n const start = axis === 'x' ? detail.startX : detail.startY;\n const current = axis === 'x' ? detail.currentX : detail.currentY;\n return {\n axis,\n current,\n distance: current - start,\n event: detail.event,\n pointerId: detail.pointerId,\n pointerType: detail.pointerType,\n start,\n target: detail.target,\n };\n}\n\nexport function createPanGesture(target: Element, options: PanGestureOptions = {}): PanGesture {\n const {\n activationDistance,\n axis,\n disabled,\n onEnd,\n onMove,\n onStart,\n pointerCapture = true,\n shouldStart,\n signal,\n } = options;\n\n return createPointerSession(target, {\n activationDistance: resolveActivationDistance(activationDistance),\n axis: axis ?? 'x',\n disabled,\n onEnd: onEnd ? (detail) => onEnd({ ...toPanDetail(detail), reason: detail.reason }) : undefined,\n onMove: onMove ? (detail) => onMove(toPanDetail(detail)) : undefined,\n onStart: onStart ? (detail) => onStart(toPanDetail(detail)) : undefined,\n pointerCapture,\n shouldStart,\n signal,\n });\n}\n"],"mappings":";;AAsCA,SAAS,EAAY,GAAgD;CACnE,IAAM,IAAO,EAAO,MACd,IAAQ,MAAS,MAAM,EAAO,SAAS,EAAO,QAC9C,IAAU,MAAS,MAAM,EAAO,WAAW,EAAO;CACxD,OAAO;EACL;EACA;EACA,UAAU,IAAU;EACpB,OAAO,EAAO;EACd,WAAW,EAAO;EAClB,aAAa,EAAO;EACpB;EACA,QAAQ,EAAO;CACjB;AACF;AAEA,SAAgB,EAAiB,GAAiB,IAA6B,CAAC,GAAe;CAC7F,IAAM,EACJ,uBACA,SACA,aACA,UACA,WACA,YACA,oBAAiB,IACjB,gBACA,cACE;CAEJ,OAAO,EAAqB,GAAQ;EAClC,oBAAoB,EAA0B,CAAkB;EAChE,MAAM,KAAQ;EACd;EACA,OAAO,KAAS,MAAW,EAAM;GAAE,GAAG,EAAY,CAAM;GAAG,QAAQ,EAAO;EAAO,CAAC,IAAI,KAAA;EACtF,QAAQ,KAAU,MAAW,EAAO,EAAY,CAAM,CAAC,IAAI,KAAA;EAC3D,SAAS,KAAW,MAAW,EAAQ,EAAY,CAAM,CAAC,IAAI,KAAA;EAC9D;EACA;EACA;CACF,CAAC;AACH"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vielzeug/gesture",
3
- "version": "1.1.0",
4
- "description": "Framework-neutral one-axis pointer pan recognition with lifecycle-owned handles",
3
+ "version": "3.0.0",
4
+ "description": "Framework-neutral pointer drag and one-axis pan recognition with lifecycle-owned handles",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/helmuthdu/vielzeug",
@@ -24,23 +24,28 @@
24
24
  "types": "./dist/index.d.ts"
25
25
  }
26
26
  },
27
+ "sideEffects": false,
27
28
  "publishConfig": {
28
29
  "access": "public",
29
30
  "registry": "https://registry.npmjs.org/"
30
31
  },
31
32
  "scripts": {
32
- "build": "vite build && pnpm run build:bundle && pnpm run build:types",
33
+ "build": "vite build && pnpm --silent run build:bundle && pnpm --silent run build:types && pnpm --silent run test:types && pnpm --silent run verify:exports",
33
34
  "build:bundle": "vite build --config vite.bundle.config.ts",
34
35
  "build:types": "tsc -p tsconfig.declarations.json",
35
36
  "fix": "biome check --write src",
36
37
  "lint": "biome ci src",
37
- "prepublishOnly": "pnpm run build",
38
- "test": "vitest"
38
+ "prepublishOnly": "pnpm --silent run build",
39
+ "test": "vitest",
40
+ "test:e2e": "playwright test",
41
+ "test:types": "tsc -p tsconfig.type-tests.json",
42
+ "verify:exports": "node verify-exports.mjs"
39
43
  },
40
44
  "devDependencies": {
41
- "@types/node": "^26.2.0",
45
+ "@playwright/test": "^1.63.0",
46
+ "@types/node": "^26.4.1",
42
47
  "typescript": "^6.0.3",
43
- "vite": "^8.2.1",
44
- "vitest": "^4.1.10"
48
+ "vite": "^8.2.2",
49
+ "vitest": "^5.0.0"
45
50
  }
46
51
  }