@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 +22 -8
- package/dist/_gesture.d.ts +10 -0
- package/dist/_gesture.d.ts.map +1 -0
- package/dist/_pointer-session.cjs +2 -0
- package/dist/_pointer-session.cjs.map +1 -0
- package/dist/_pointer-session.d.ts +30 -0
- package/dist/_pointer-session.d.ts.map +1 -0
- package/dist/_pointer-session.js +102 -0
- package/dist/_pointer-session.js.map +1 -0
- package/dist/drag-gesture.cjs +2 -0
- package/dist/drag-gesture.cjs.map +1 -0
- package/dist/drag-gesture.d.ts +31 -0
- package/dist/drag-gesture.d.ts.map +1 -0
- package/dist/drag-gesture.js +43 -0
- package/dist/drag-gesture.js.map +1 -0
- package/dist/gesture.cjs +1 -1
- package/dist/gesture.cjs.map +1 -1
- package/dist/gesture.iife.js +1 -1
- package/dist/gesture.iife.js.map +1 -1
- package/dist/gesture.js +1 -1
- package/dist/gesture.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -2
- package/dist/pan-gesture.cjs +1 -1
- package/dist/pan-gesture.cjs.map +1 -1
- package/dist/pan-gesture.d.ts +14 -17
- package/dist/pan-gesture.d.ts.map +1 -1
- package/dist/pan-gesture.js +31 -85
- package/dist/pan-gesture.js.map +1 -1
- package/package.json +13 -8
package/README.md
CHANGED
|
@@ -1,19 +1,25 @@
|
|
|
1
1
|
# @vielzeug/gesture
|
|
2
2
|
|
|
3
|
-
Framework-neutral one-axis
|
|
3
|
+
> Framework-neutral two-dimensional pointer drag and one-axis pan recognition with lifecycle-owned handles
|
|
4
4
|
|
|
5
|
-
##
|
|
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
|
-
|
|
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
|
-
|
|
34
|
-
|
|
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
|
-
[
|
|
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":"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"}
|
|
@@ -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,
|
|
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
|
package/dist/gesture.cjs.map
CHANGED
|
@@ -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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"}
|
package/dist/gesture.iife.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var Gesture=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=6,
|
|
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
|
package/dist/gesture.iife.js.map
CHANGED
|
@@ -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":"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"}
|
|
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":"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"}
|
package/dist/gesture.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
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
|
package/dist/gesture.js.map
CHANGED
|
@@ -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.
|
|
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
|
|
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
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
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 {
|
|
2
|
-
|
|
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 };
|
package/dist/pan-gesture.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
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
|
package/dist/pan-gesture.cjs.map
CHANGED
|
@@ -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"}
|
package/dist/pan-gesture.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export type
|
|
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
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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,
|
|
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"}
|
package/dist/pan-gesture.js
CHANGED
|
@@ -1,90 +1,36 @@
|
|
|
1
|
+
import { createPointerSession as e, resolveActivationDistance as t } from "./_pointer-session.js";
|
|
1
2
|
//#region src/pan-gesture.ts
|
|
2
|
-
|
|
3
|
-
let
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
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 {
|
|
34
|
+
export { r as createPanGesture };
|
|
89
35
|
|
|
90
36
|
//# sourceMappingURL=pan-gesture.js.map
|
package/dist/pan-gesture.js.map
CHANGED
|
@@ -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":"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"}
|
|
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": "
|
|
4
|
-
"description": "Framework-neutral one-axis
|
|
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
|
-
"@
|
|
45
|
+
"@playwright/test": "^1.63.0",
|
|
46
|
+
"@types/node": "^26.4.1",
|
|
42
47
|
"typescript": "^6.0.3",
|
|
43
|
-
"vite": "^8.2.
|
|
44
|
-
"vitest": "^
|
|
48
|
+
"vite": "^8.2.2",
|
|
49
|
+
"vitest": "^5.0.0"
|
|
45
50
|
}
|
|
46
51
|
}
|