@vielzeug/gesture 26.11.4 → 26.11.6
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/dist/_pointer-session.cjs +1 -1
- package/dist/_pointer-session.cjs.map +1 -1
- package/dist/_pointer-session.d.ts +4 -0
- package/dist/_pointer-session.d.ts.map +1 -1
- package/dist/_pointer-session.js +75 -49
- package/dist/_pointer-session.js.map +1 -1
- package/dist/drag-gesture.cjs +1 -1
- package/dist/drag-gesture.cjs.map +1 -1
- package/dist/drag-gesture.d.ts +2 -0
- package/dist/drag-gesture.d.ts.map +1 -1
- package/dist/drag-gesture.js +6 -3
- package/dist/drag-gesture.js.map +1 -1
- package/dist/errors.js +1 -2
- 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 +89 -61
- package/dist/gesture.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +3 -3
- package/dist/long-press.js +1 -2
- package/dist/pan-gesture.cjs +1 -1
- package/dist/pan-gesture.cjs.map +1 -1
- package/dist/pan-gesture.d.ts +2 -0
- package/dist/pan-gesture.d.ts.map +1 -1
- package/dist/pan-gesture.js +3 -3
- package/dist/pan-gesture.js.map +1 -1
- package/package.json +8 -8
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("./errors.cjs");var t=6;function resolveActivationDistance(n){if(n===void 0)return t;if(!Number.isFinite(n)||n<0)throw new e.GestureConfigError(`activationDistance must be a non-negative finite number, got: ${n}`);return n}var read=(e,t)=>typeof e==`function`?e():e??t,resolveAxis=t=>{if(t===void 0)return;let n=typeof t==`function`?t():t;if(n!==`x`&&n!==`y`)throw new e.GestureConfigError(`axis must be "x" or "y", got: ${String(n)}`);return n};function createPointerSession(e,t){let{activationDistance:
|
|
1
|
+
const e=require("./errors.cjs");var t=6;function resolveActivationDistance(n){if(n===void 0)return t;if(!Number.isFinite(n)||n<0)throw new e.GestureConfigError(`activationDistance must be a non-negative finite number, got: ${n}`);return n}var n=90,read=(e,t)=>typeof e==`function`?e():e??t,resolveAxis=t=>{if(t===void 0)return;let n=typeof t==`function`?t():t;if(n!==`x`&&n!==`y`)throw new e.GestureConfigError(`axis must be "x" or "y", got: ${String(n)}`);return n};function createPointerSession(e,t){let{activationDistance:r,axis:i,disabled:a,onEnd:o,onMove:s,onStart:c,pointerCapture:l,shouldStart:u,signal:d}=t,f=new AbortController,p=typeof i==`function`?void 0:resolveAxis(i),m=null,h=null,g=null,_=!1,v=[],isDisabled=()=>!!read(a,!1),recordSample=(e,t)=>{let r=performance.now();for(v.push({t:r,x:e,y:t});v.length>2&&r-v[0].t>n;)v.shift()},readVelocity=()=>{let e=v[v.length-1];if(!e||performance.now()-e.t>n)return{velocityX:0,velocityY:0};let t=v[0],r=e.t-t.t;return r<=0?{velocityX:0,velocityY:0}:{velocityX:(e.x-t.x)/r*1e3,velocityY:(e.y-t.y)/r*1e3}},createDetail=t=>{if(!g)return null;let{velocityX:n,velocityY:r}=readVelocity();return{axis:g.axis,currentX:t.clientX,currentY:t.clientY,event:t,pointerId:g.pointerId,pointerType:g.pointerType,startX:g.startX,startY:g.startY,target:e,velocityX:n,velocityY:r}},removeTrackingListeners=()=>{m&&=(m.removeEventListener(`pointermove`,onPointerMove,!0),m.removeEventListener(`pointerup`,onPointerUp,!0),m.removeEventListener(`pointercancel`,onPointerCancel,!0),m.removeEventListener(`visibilitychange`,onVisibilityChange),m.defaultView?.removeEventListener(`blur`,onWindowBlur),e.removeEventListener(`lostpointercapture`,onLostPointerCapture),null)},releaseCapture=t=>{if(t.captured&&typeof e.releasePointerCapture==`function`)try{if(typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId))return;e.releasePointerCapture(t.pointerId)}catch{}},clearSession=()=>{let e=g;h=null,g=null,v=[],removeTrackingListeners(),e&&releaseCapture(e)},finish=(e,t)=>{if(!g)return!1;g.event=e;let n=createDetail(e);return clearSession(),n&&o?.({...n,reason:t}),!0},cancel=()=>_?!1:g?finish(g.event,`cancel`):h?(clearSession(),!0):!1,dispose=()=>{_||(_=!0,d?.removeEventListener(`abort`,dispose),f.abort(),clearSession(),e.removeEventListener(`pointerdown`,onPointerDown))},matchesPointer=e=>(g??h)?.pointerId===e.pointerId,startTracking=()=>{m=e.ownerDocument,m.addEventListener(`pointermove`,onPointerMove,!0),m.addEventListener(`pointerup`,onPointerUp,!0),m.addEventListener(`pointercancel`,onPointerCancel,!0),m.addEventListener(`visibilitychange`,onVisibilityChange),m.defaultView?.addEventListener(`blur`,onWindowBlur),e.addEventListener(`lostpointercapture`,onLostPointerCapture)},activate=t=>{if(!h)return!1;let n=t.clientX-h.startX,i=t.clientY-h.startY;if(n===0&&i===0)return!1;if(h.axis===void 0){if(Math.hypot(n,i)<r)return!1}else{let e=h.axis===`x`?Math.abs(n):Math.abs(i),t=h.axis===`x`?Math.abs(i):Math.abs(n);if(Math.max(e,t)<r)return!1;if(t>e)return clearSession(),!1}if(g={...h,captured:!1,event:t},h=null,l&&typeof e.setPointerCapture==`function`)try{e.setPointerCapture(t.pointerId),g.captured=typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t.pointerId)}catch{g.captured=!1}let a=createDetail(t);return a&&c?.(a),g?.pointerId===t.pointerId},handlePointerDown=e=>_||h||g||isDisabled()||!e.isPrimary||e.button!==0||u&&!u(e)?!1:(h={axis:p??resolveAxis(i),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},startTracking(),!0),handlePointerMove=e=>{if(!matchesPointer(e))return!1;if(isDisabled())return g?finish(e,`cancel`):(clearSession(),!0);if(!g&&!activate(e)||!g)return!0;g.event=e,recordSample(e.clientX,e.clientY);let t=createDetail(e);return t&&s?.(t),!0},handlePointerUp=e=>matchesPointer(e)?g?finish(e,isDisabled()?`cancel`:`release`):(clearSession(),!0):!1,handlePointerCancel=e=>matchesPointer(e)?g?finish(e,`cancel`):(clearSession(),!0):!1,onPointerDown=e=>handlePointerDown(e),onPointerMove=e=>handlePointerMove(e),onPointerUp=e=>handlePointerUp(e),onPointerCancel=e=>handlePointerCancel(e),onLostPointerCapture=t=>{t.composedPath()[0]===e&&handlePointerCancel(t)},onWindowBlur=()=>cancel(),onVisibilityChange=()=>{m?.visibilityState===`hidden`&&cancel()};return e.addEventListener(`pointerdown`,onPointerDown),d?.aborted?dispose():d?.addEventListener(`abort`,dispose,{once:!0}),{get active(){return g!==null},cancel,get disposalSignal(){return f.signal},dispose,get disposed(){return _},[Symbol.dispose]:dispose}}exports.createPointerSession=createPointerSession,exports.resolveActivationDistance=resolveActivationDistance;
|
|
2
2
|
//# sourceMappingURL=_pointer-session.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_pointer-session.cjs","names":["GestureConfigError","require_errors","DEFAULT_ACTIVATION_DISTANCE","value","fallback","axis","options","disposalController","fixedAxis","trackingDocument","pending","active","disposed","disabled","event","target","pointer","previousActive","detail","onEnd","signal","deltaX","deltaY","activationDistance","primaryDistance","crossDistance","pointerCapture","onStart","shouldStart","onMove"],"sources":["../src/_pointer-session.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { GestureConfigError } from './errors.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 GestureConfigError(`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 GestureConfigError(`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) => {\n // Transferring implicit touch capture from a child also bubbles capture loss here.\n if (event.composedPath()[0] === target) handlePointerCancel(event as PointerEvent);\n };\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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"}
|
|
1
|
+
{"version":3,"file":"_pointer-session.cjs","names":["GestureConfigError","require_errors","DEFAULT_ACTIVATION_DISTANCE","value","VELOCITY_WINDOW_MS","fallback","axis","options","disposalController","fixedAxis","trackingDocument","pending","active","disposed","samples","disabled","t","last","first","dt","event","target","pointer","previousActive","detail","onEnd","signal","deltaX","deltaY","activationDistance","primaryDistance","crossDistance","pointerCapture","onStart","shouldStart","onMove"],"sources":["../src/_pointer-session.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { GestureConfigError } from './errors.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 GestureConfigError(`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 /** Horizontal pointer velocity in px/s, estimated over the trailing sample window. */\n velocityX: number;\n /** Vertical pointer velocity in px/s, estimated over the trailing sample window. */\n velocityY: number;\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\ntype VelocitySample = { t: number; x: number; y: number };\n\n/**\n * Trailing window over which pointer velocity is estimated. A fling is a burst\n * of movement, so velocity is the slope across only the most recent samples;\n * a pause before release prunes the window to a single sample and reads as 0.\n */\nconst VELOCITY_WINDOW_MS = 90;\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 GestureConfigError(`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 let samples: VelocitySample[] = [];\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const recordSample = (x: number, y: number): void => {\n const t = performance.now();\n samples.push({ t, x, y });\n while (samples.length > 2 && t - samples[0].t > VELOCITY_WINDOW_MS) samples.shift();\n };\n\n // Velocity is the slope across the trailing window (recordSample keeps every\n // sample within VELOCITY_WINDOW_MS of the newest). A pause since the last\n // movement means the pointer is static at release, so the release reads a\n // clean 0 px/s rather than a stale fling.\n const readVelocity = (): { velocityX: number; velocityY: number } => {\n const last = samples[samples.length - 1];\n if (!last || performance.now() - last.t > VELOCITY_WINDOW_MS) return { velocityX: 0, velocityY: 0 };\n const first = samples[0];\n const dt = last.t - first.t;\n if (dt <= 0) return { velocityX: 0, velocityY: 0 };\n return {\n velocityX: ((last.x - first.x) / dt) * 1000,\n velocityY: ((last.y - first.y) / dt) * 1000,\n };\n };\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null => {\n if (!active) return null;\n const { velocityX, velocityY } = readVelocity();\n return {\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 velocityX,\n velocityY,\n };\n };\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 samples = [];\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 recordSample(event.clientX, event.clientY);\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) => {\n // Transferring implicit touch capture from a child also bubbles capture loss here.\n if (event.composedPath()[0] === target) handlePointerCancel(event as PointerEvent);\n };\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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"}
|
|
@@ -11,6 +11,10 @@ export type PointerSessionDetail = Readonly<{
|
|
|
11
11
|
startX: number;
|
|
12
12
|
startY: number;
|
|
13
13
|
target: Element;
|
|
14
|
+
/** Horizontal pointer velocity in px/s, estimated over the trailing sample window. */
|
|
15
|
+
velocityX: number;
|
|
16
|
+
/** Vertical pointer velocity in px/s, estimated over the trailing sample window. */
|
|
17
|
+
velocityY: number;
|
|
14
18
|
}>;
|
|
15
19
|
type PointerSessionOptions = Readonly<{
|
|
16
20
|
activationDistance: number;
|
|
@@ -1 +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;AAGrE,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;
|
|
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;AAGrE,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;IAChB,sFAAsF;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,SAAS,EAAE,MAAM,CAAC;CACnB,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;AAgCH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,qBAAqB,GAAG,aAAa,CA0OnG"}
|
package/dist/_pointer-session.js
CHANGED
|
@@ -1,74 +1,101 @@
|
|
|
1
1
|
import { GestureConfigError as e } from "./errors.js";
|
|
2
|
-
|
|
2
|
+
// src/_pointer-session.ts
|
|
3
3
|
var t = 6;
|
|
4
4
|
function resolveActivationDistance(n) {
|
|
5
5
|
if (n === void 0) return t;
|
|
6
6
|
if (!Number.isFinite(n) || n < 0) throw new e(`activationDistance must be a non-negative finite number, got: ${n}`);
|
|
7
7
|
return n;
|
|
8
8
|
}
|
|
9
|
-
var read = (e, t) => typeof e == "function" ? e() : e ?? t, resolveAxis = (t) => {
|
|
9
|
+
var n = 90, read = (e, t) => typeof e == "function" ? e() : e ?? t, resolveAxis = (t) => {
|
|
10
10
|
if (t === void 0) return;
|
|
11
11
|
let n = typeof t == "function" ? t() : t;
|
|
12
12
|
if (n !== "x" && n !== "y") throw new e(`axis must be "x" or "y", got: ${String(n)}`);
|
|
13
13
|
return n;
|
|
14
14
|
};
|
|
15
15
|
function createPointerSession(e, t) {
|
|
16
|
-
let { activationDistance:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
16
|
+
let { activationDistance: r, axis: i, disabled: a, onEnd: o, onMove: s, onStart: c, pointerCapture: l, shouldStart: u, signal: d } = t, f = new AbortController(), p = typeof i == "function" ? void 0 : resolveAxis(i), m = null, h = null, g = null, _ = !1, v = [], isDisabled = () => !!read(a, !1), recordSample = (e, t) => {
|
|
17
|
+
let r = performance.now();
|
|
18
|
+
for (v.push({
|
|
19
|
+
t: r,
|
|
20
|
+
x: e,
|
|
21
|
+
y: t
|
|
22
|
+
}); v.length > 2 && r - v[0].t > n;) v.shift();
|
|
23
|
+
}, readVelocity = () => {
|
|
24
|
+
let e = v[v.length - 1];
|
|
25
|
+
if (!e || performance.now() - e.t > n) return {
|
|
26
|
+
velocityX: 0,
|
|
27
|
+
velocityY: 0
|
|
28
|
+
};
|
|
29
|
+
let t = v[0], r = e.t - t.t;
|
|
30
|
+
return r <= 0 ? {
|
|
31
|
+
velocityX: 0,
|
|
32
|
+
velocityY: 0
|
|
33
|
+
} : {
|
|
34
|
+
velocityX: (e.x - t.x) / r * 1e3,
|
|
35
|
+
velocityY: (e.y - t.y) / r * 1e3
|
|
36
|
+
};
|
|
37
|
+
}, createDetail = (t) => {
|
|
38
|
+
if (!g) return null;
|
|
39
|
+
let { velocityX: n, velocityY: r } = readVelocity();
|
|
40
|
+
return {
|
|
41
|
+
axis: g.axis,
|
|
42
|
+
currentX: t.clientX,
|
|
43
|
+
currentY: t.clientY,
|
|
44
|
+
event: t,
|
|
45
|
+
pointerId: g.pointerId,
|
|
46
|
+
pointerType: g.pointerType,
|
|
47
|
+
startX: g.startX,
|
|
48
|
+
startY: g.startY,
|
|
49
|
+
target: e,
|
|
50
|
+
velocityX: n,
|
|
51
|
+
velocityY: r
|
|
52
|
+
};
|
|
53
|
+
}, removeTrackingListeners = () => {
|
|
54
|
+
m &&= (m.removeEventListener("pointermove", onPointerMove, !0), m.removeEventListener("pointerup", onPointerUp, !0), m.removeEventListener("pointercancel", onPointerCancel, !0), m.removeEventListener("visibilitychange", onVisibilityChange), m.defaultView?.removeEventListener("blur", onWindowBlur), e.removeEventListener("lostpointercapture", onLostPointerCapture), null);
|
|
28
55
|
}, releaseCapture = (t) => {
|
|
29
56
|
if (t.captured && typeof e.releasePointerCapture == "function") try {
|
|
30
57
|
if (typeof e.hasPointerCapture == "function" && !e.hasPointerCapture(t.pointerId)) return;
|
|
31
58
|
e.releasePointerCapture(t.pointerId);
|
|
32
59
|
} catch {}
|
|
33
60
|
}, clearSession = () => {
|
|
34
|
-
let e =
|
|
35
|
-
|
|
61
|
+
let e = g;
|
|
62
|
+
h = null, g = null, v = [], removeTrackingListeners(), e && releaseCapture(e);
|
|
36
63
|
}, finish = (e, t) => {
|
|
37
|
-
if (!
|
|
38
|
-
|
|
64
|
+
if (!g) return !1;
|
|
65
|
+
g.event = e;
|
|
39
66
|
let n = createDetail(e);
|
|
40
|
-
return clearSession(), n &&
|
|
67
|
+
return clearSession(), n && o?.({
|
|
41
68
|
...n,
|
|
42
69
|
reason: t
|
|
43
70
|
}), !0;
|
|
44
|
-
}, cancel = () =>
|
|
45
|
-
|
|
46
|
-
}, matchesPointer = (e) => (
|
|
47
|
-
|
|
71
|
+
}, cancel = () => _ ? !1 : g ? finish(g.event, "cancel") : h ? (clearSession(), !0) : !1, dispose = () => {
|
|
72
|
+
_ || (_ = !0, d?.removeEventListener("abort", dispose), f.abort(), clearSession(), e.removeEventListener("pointerdown", onPointerDown));
|
|
73
|
+
}, matchesPointer = (e) => (g ?? h)?.pointerId === e.pointerId, startTracking = () => {
|
|
74
|
+
m = e.ownerDocument, m.addEventListener("pointermove", onPointerMove, !0), m.addEventListener("pointerup", onPointerUp, !0), m.addEventListener("pointercancel", onPointerCancel, !0), m.addEventListener("visibilitychange", onVisibilityChange), m.defaultView?.addEventListener("blur", onWindowBlur), e.addEventListener("lostpointercapture", onLostPointerCapture);
|
|
48
75
|
}, activate = (t) => {
|
|
49
|
-
if (!
|
|
50
|
-
let
|
|
51
|
-
if (
|
|
52
|
-
if (
|
|
53
|
-
if (Math.hypot(
|
|
76
|
+
if (!h) return !1;
|
|
77
|
+
let n = t.clientX - h.startX, i = t.clientY - h.startY;
|
|
78
|
+
if (n === 0 && i === 0) return !1;
|
|
79
|
+
if (h.axis === void 0) {
|
|
80
|
+
if (Math.hypot(n, i) < r) return !1;
|
|
54
81
|
} else {
|
|
55
|
-
let e =
|
|
56
|
-
if (Math.max(e, t) <
|
|
82
|
+
let e = h.axis === "x" ? Math.abs(n) : Math.abs(i), t = h.axis === "x" ? Math.abs(i) : Math.abs(n);
|
|
83
|
+
if (Math.max(e, t) < r) return !1;
|
|
57
84
|
if (t > e) return clearSession(), !1;
|
|
58
85
|
}
|
|
59
|
-
if (
|
|
60
|
-
...
|
|
86
|
+
if (g = {
|
|
87
|
+
...h,
|
|
61
88
|
captured: !1,
|
|
62
89
|
event: t
|
|
63
|
-
},
|
|
64
|
-
e.setPointerCapture(t.pointerId),
|
|
90
|
+
}, h = null, l && typeof e.setPointerCapture == "function") try {
|
|
91
|
+
e.setPointerCapture(t.pointerId), g.captured = typeof e.hasPointerCapture != "function" || e.hasPointerCapture(t.pointerId);
|
|
65
92
|
} catch {
|
|
66
|
-
|
|
93
|
+
g.captured = !1;
|
|
67
94
|
}
|
|
68
95
|
let a = createDetail(t);
|
|
69
|
-
return a &&
|
|
70
|
-
}, handlePointerDown = (e) =>
|
|
71
|
-
axis:
|
|
96
|
+
return a && c?.(a), g?.pointerId === t.pointerId;
|
|
97
|
+
}, handlePointerDown = (e) => _ || h || g || isDisabled() || !e.isPrimary || e.button !== 0 || u && !u(e) ? !1 : (h = {
|
|
98
|
+
axis: p ?? resolveAxis(i),
|
|
72
99
|
event: e,
|
|
73
100
|
pointerId: e.pointerId,
|
|
74
101
|
pointerType: e.pointerType,
|
|
@@ -76,32 +103,31 @@ function createPointerSession(e, t) {
|
|
|
76
103
|
startY: e.clientY
|
|
77
104
|
}, startTracking(), !0), handlePointerMove = (e) => {
|
|
78
105
|
if (!matchesPointer(e)) return !1;
|
|
79
|
-
if (isDisabled()) return
|
|
80
|
-
if (!
|
|
81
|
-
|
|
106
|
+
if (isDisabled()) return g ? finish(e, "cancel") : (clearSession(), !0);
|
|
107
|
+
if (!g && !activate(e) || !g) return !0;
|
|
108
|
+
g.event = e, recordSample(e.clientX, e.clientY);
|
|
82
109
|
let t = createDetail(e);
|
|
83
|
-
return t &&
|
|
84
|
-
}, handlePointerUp = (e) => matchesPointer(e) ?
|
|
110
|
+
return t && s?.(t), !0;
|
|
111
|
+
}, handlePointerUp = (e) => matchesPointer(e) ? g ? finish(e, isDisabled() ? "cancel" : "release") : (clearSession(), !0) : !1, handlePointerCancel = (e) => matchesPointer(e) ? g ? finish(e, "cancel") : (clearSession(), !0) : !1, onPointerDown = (e) => handlePointerDown(e), onPointerMove = (e) => handlePointerMove(e), onPointerUp = (e) => handlePointerUp(e), onPointerCancel = (e) => handlePointerCancel(e), onLostPointerCapture = (t) => {
|
|
85
112
|
t.composedPath()[0] === e && handlePointerCancel(t);
|
|
86
113
|
}, onWindowBlur = () => cancel(), onVisibilityChange = () => {
|
|
87
|
-
|
|
114
|
+
m?.visibilityState === "hidden" && cancel();
|
|
88
115
|
};
|
|
89
|
-
return e.addEventListener("pointerdown", onPointerDown),
|
|
116
|
+
return e.addEventListener("pointerdown", onPointerDown), d?.aborted ? dispose() : d?.addEventListener("abort", dispose, { once: !0 }), {
|
|
90
117
|
get active() {
|
|
91
|
-
return
|
|
118
|
+
return g !== null;
|
|
92
119
|
},
|
|
93
120
|
cancel,
|
|
94
121
|
get disposalSignal() {
|
|
95
|
-
return
|
|
122
|
+
return f.signal;
|
|
96
123
|
},
|
|
97
124
|
dispose,
|
|
98
125
|
get disposed() {
|
|
99
|
-
return
|
|
126
|
+
return _;
|
|
100
127
|
},
|
|
101
128
|
[Symbol.dispose]: dispose
|
|
102
129
|
};
|
|
103
130
|
}
|
|
104
|
-
//#endregion
|
|
105
131
|
export { createPointerSession, resolveActivationDistance };
|
|
106
132
|
|
|
107
133
|
//# sourceMappingURL=_pointer-session.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_pointer-session.js","names":["DEFAULT_ACTIVATION_DISTANCE","value","GestureConfigError","fallback","axis","options","disposalController","fixedAxis","trackingDocument","pending","active","disposed","disabled","event","target","pointer","previousActive","detail","onEnd","signal","deltaX","deltaY","activationDistance","primaryDistance","crossDistance","pointerCapture","onStart","shouldStart","onMove"],"sources":["../src/_pointer-session.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { GestureConfigError } from './errors.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 GestureConfigError(`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 GestureConfigError(`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) => {\n // Transferring implicit touch capture from a child also bubbles capture loss here.\n if (event.composedPath()[0] === target) handlePointerCancel(event as PointerEvent);\n };\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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"}
|
|
1
|
+
{"version":3,"file":"_pointer-session.js","names":["DEFAULT_ACTIVATION_DISTANCE","value","GestureConfigError","VELOCITY_WINDOW_MS","fallback","axis","options","disposalController","fixedAxis","trackingDocument","pending","active","disposed","samples","disabled","t","last","first","dt","event","target","pointer","previousActive","detail","onEnd","signal","deltaX","deltaY","activationDistance","primaryDistance","crossDistance","pointerCapture","onStart","shouldStart","onMove"],"sources":["../src/_pointer-session.ts"],"sourcesContent":["import type { GestureEndReason, GestureHandle } from './_gesture.js';\nimport { GestureConfigError } from './errors.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 GestureConfigError(`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 /** Horizontal pointer velocity in px/s, estimated over the trailing sample window. */\n velocityX: number;\n /** Vertical pointer velocity in px/s, estimated over the trailing sample window. */\n velocityY: number;\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\ntype VelocitySample = { t: number; x: number; y: number };\n\n/**\n * Trailing window over which pointer velocity is estimated. A fling is a burst\n * of movement, so velocity is the slope across only the most recent samples;\n * a pause before release prunes the window to a single sample and reads as 0.\n */\nconst VELOCITY_WINDOW_MS = 90;\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 GestureConfigError(`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 let samples: VelocitySample[] = [];\n\n const isDisabled = (): boolean => Boolean(read(disabled, false));\n\n const recordSample = (x: number, y: number): void => {\n const t = performance.now();\n samples.push({ t, x, y });\n while (samples.length > 2 && t - samples[0].t > VELOCITY_WINDOW_MS) samples.shift();\n };\n\n // Velocity is the slope across the trailing window (recordSample keeps every\n // sample within VELOCITY_WINDOW_MS of the newest). A pause since the last\n // movement means the pointer is static at release, so the release reads a\n // clean 0 px/s rather than a stale fling.\n const readVelocity = (): { velocityX: number; velocityY: number } => {\n const last = samples[samples.length - 1];\n if (!last || performance.now() - last.t > VELOCITY_WINDOW_MS) return { velocityX: 0, velocityY: 0 };\n const first = samples[0];\n const dt = last.t - first.t;\n if (dt <= 0) return { velocityX: 0, velocityY: 0 };\n return {\n velocityX: ((last.x - first.x) / dt) * 1000,\n velocityY: ((last.y - first.y) / dt) * 1000,\n };\n };\n\n const createDetail = (event: PointerEvent): PointerSessionDetail | null => {\n if (!active) return null;\n const { velocityX, velocityY } = readVelocity();\n return {\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 velocityX,\n velocityY,\n };\n };\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 samples = [];\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 recordSample(event.clientX, event.clientY);\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) => {\n // Transferring implicit touch capture from a child also bubbles capture loss here.\n if (event.composedPath()[0] === target) handlePointerCancel(event as PointerEvent);\n };\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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"}
|
package/dist/drag-gesture.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const e=require("./_pointer-session.cjs");function toDragDetail(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 createDragGesture(t,n={}){let{activationDistance:r,disabled:i,onEnd:a,onMove:o,onStart:s,pointerCapture:c=!0,shouldStart:l,signal:u}=n;return e.createPointerSession(t,{activationDistance:e.resolveActivationDistance(r),disabled:i,onEnd:a?e=>a({...toDragDetail(e),reason:e.reason}):void 0,onMove:o?e=>o(toDragDetail(e)):void 0,onStart:s?e=>s(toDragDetail(e)):void 0,pointerCapture:c,shouldStart:l,signal:u})}exports.createDragGesture=createDragGesture;
|
|
1
|
+
const e=require("./_pointer-session.cjs");function toDragDetail(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,velocity:{x:e.velocityX,y:e.velocityY}}}function createDragGesture(t,n={}){let{activationDistance:r,disabled:i,onEnd:a,onMove:o,onStart:s,pointerCapture:c=!0,shouldStart:l,signal:u}=n;return e.createPointerSession(t,{activationDistance:e.resolveActivationDistance(r),disabled:i,onEnd:a?e=>a({...toDragDetail(e),reason:e.reason}):void 0,onMove:o?e=>o(toDragDetail(e)):void 0,onStart:s?e=>s(toDragDetail(e)):void 0,pointerCapture:c,shouldStart:l,signal:u})}exports.createDragGesture=createDragGesture;
|
|
2
2
|
//# sourceMappingURL=drag-gesture.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-gesture.cjs","names":["createPointerSession","resolveActivationDistance","require__pointer_session","start","detail","current","options","target","activationDistance","onEnd","onMove","onStart"],"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":"A,
|
|
1
|
+
{"version":3,"file":"drag-gesture.cjs","names":["createPointerSession","resolveActivationDistance","require__pointer_session","start","detail","current","options","target","activationDistance","onEnd","onMove","onStart"],"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 /** Pointer velocity in px/s on each axis, estimated over the trailing sample window. */\n velocity: DragPoint;\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 velocity: { x: detail.velocityX, y: detail.velocityY },\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":"A,0CAiCA,SAAS,aAAa,EAAiD,CACrE,IAAMG,EAAQ,CAAE,EAAGC,EAAO,OAAQ,EAAGA,EAAO,MAAO,EAC7CC,EAAU,CAAE,EAAGD,EAAO,SAAU,EAAGA,EAAO,QAAS,EACzD,MAAO,CACL,UACA,MAAO,CAAE,EAAGC,EAAQ,EAAIF,EAAM,EAAG,EAAGE,EAAQ,EAAIF,EAAM,CAAE,EACxD,MAAOC,EAAO,MACd,UAAWA,EAAO,UAClB,YAAaA,EAAO,YACpB,QACA,OAAQA,EAAO,OACf,SAAU,CAAE,EAAGA,EAAO,UAAW,EAAGA,EAAO,SAAU,CACvD,CACF,CAEA,SAAgB,kBAAkB,EAAiB,EAA8B,CAAC,EAAgB,CAChG,GAAM,CAAE,qBAAoB,WAAU,QAAO,SAAQ,UAAS,iBAAiB,GAAM,cAAa,UAAWE,EAE7G,OAAON,EAAAA,qBAAqBO,EAAQ,CAClC,mBAAoBN,EAAAA,0BAA0BO,CAAkB,EAChE,WACA,MAAOC,EAAS,GAAWA,EAAM,CAAE,GAAG,aAAaL,CAAM,EAAG,OAAQA,EAAO,MAAO,CAAC,EAAI,IAAA,GACvF,OAAQM,EAAU,GAAWA,EAAO,aAAaN,CAAM,CAAC,EAAI,IAAA,GAC5D,QAASO,EAAW,GAAWA,EAAQ,aAAaP,CAAM,CAAC,EAAI,IAAA,GAC/D,iBACA,cACA,QACF,CAAC,CACH,C"}
|
package/dist/drag-gesture.d.ts
CHANGED
|
@@ -12,6 +12,8 @@ export type DragGestureDetail = Readonly<{
|
|
|
12
12
|
pointerType: string;
|
|
13
13
|
start: DragPoint;
|
|
14
14
|
target: Element;
|
|
15
|
+
/** Pointer velocity in px/s on each axis, estimated over the trailing sample window. */
|
|
16
|
+
velocity: DragPoint;
|
|
15
17
|
}>;
|
|
16
18
|
export type DragGestureEndDetail = DragGestureDetail & Readonly<{
|
|
17
19
|
reason: GestureEndReason;
|
|
@@ -1 +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;
|
|
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;IAChB,wFAAwF;IACxF,QAAQ,EAAE,SAAS,CAAC;CACrB,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;AAiBxC,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,GAAE,kBAAuB,GAAG,WAAW,CAahG"}
|
package/dist/drag-gesture.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createPointerSession as e, resolveActivationDistance as t } from "./_pointer-session.js";
|
|
2
|
-
|
|
2
|
+
// src/drag-gesture.ts
|
|
3
3
|
function toDragDetail(e) {
|
|
4
4
|
let t = {
|
|
5
5
|
x: e.startX,
|
|
@@ -18,7 +18,11 @@ function toDragDetail(e) {
|
|
|
18
18
|
pointerId: e.pointerId,
|
|
19
19
|
pointerType: e.pointerType,
|
|
20
20
|
start: t,
|
|
21
|
-
target: e.target
|
|
21
|
+
target: e.target,
|
|
22
|
+
velocity: {
|
|
23
|
+
x: e.velocityX,
|
|
24
|
+
y: e.velocityY
|
|
25
|
+
}
|
|
22
26
|
};
|
|
23
27
|
}
|
|
24
28
|
function createDragGesture(n, r = {}) {
|
|
@@ -37,7 +41,6 @@ function createDragGesture(n, r = {}) {
|
|
|
37
41
|
signal: d
|
|
38
42
|
});
|
|
39
43
|
}
|
|
40
|
-
//#endregion
|
|
41
44
|
export { createDragGesture };
|
|
42
45
|
|
|
43
46
|
//# sourceMappingURL=drag-gesture.js.map
|
package/dist/drag-gesture.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drag-gesture.js","names":["start","detail","current","options","createPointerSession","target","resolveActivationDistance","activationDistance","onEnd","onMove","onStart"],"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":";;
|
|
1
|
+
{"version":3,"file":"drag-gesture.js","names":["start","detail","current","options","createPointerSession","target","resolveActivationDistance","activationDistance","onEnd","onMove","onStart"],"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 /** Pointer velocity in px/s on each axis, estimated over the trailing sample window. */\n velocity: DragPoint;\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 velocity: { x: detail.velocityX, y: detail.velocityY },\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":";;AAiCA,SAAS,aAAa,GAAiD;CACrE,IAAMA,IAAQ;EAAE,GAAGC,EAAO;EAAQ,GAAGA,EAAO;CAAO,GAC7CC,IAAU;EAAE,GAAGD,EAAO;EAAU,GAAGA,EAAO;CAAS;CACzD,OAAO;EACL;EACA,OAAO;GAAE,GAAGC,EAAQ,IAAIF,EAAM;GAAG,GAAGE,EAAQ,IAAIF,EAAM;EAAE;EACxD,OAAOC,EAAO;EACd,WAAWA,EAAO;EAClB,aAAaA,EAAO;EACpB;EACA,QAAQA,EAAO;EACf,UAAU;GAAE,GAAGA,EAAO;GAAW,GAAGA,EAAO;EAAU;CACvD;AACF;AAEA,SAAgB,kBAAkB,GAAiB,IAA8B,CAAC,GAAgB;CAChG,IAAM,EAAE,uBAAoB,aAAU,UAAO,WAAQ,YAAS,oBAAiB,IAAM,gBAAa,cAAWE;CAE7G,OAAOC,EAAqBC,GAAQ;EAClC,oBAAoBC,EAA0BC,CAAkB;EAChE;EACA,OAAOC,KAAS,MAAWA,EAAM;GAAE,GAAG,aAAaP,CAAM;GAAG,QAAQA,EAAO;EAAO,CAAC,IAAI,KAAA;EACvF,QAAQQ,KAAU,MAAWA,EAAO,aAAaR,CAAM,CAAC,IAAI,KAAA;EAC5D,SAASS,KAAW,MAAWA,EAAQ,aAAaT,CAAM,CAAC,IAAI,KAAA;EAC/D;EACA;EACA;CACF,CAAC;AACH"}
|
package/dist/errors.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
// src/errors.ts
|
|
2
2
|
var GestureError = class extends Error {
|
|
3
3
|
constructor(e, t) {
|
|
4
4
|
super(e, t), this.name = new.target.name, Object.setPrototypeOf(this, new.target.prototype);
|
|
5
5
|
}
|
|
6
6
|
}, GestureConfigError = class extends GestureError {};
|
|
7
|
-
//#endregion
|
|
8
7
|
export { GestureConfigError, GestureError };
|
|
9
8
|
|
|
10
9
|
//# sourceMappingURL=errors.js.map
|
package/dist/gesture.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var GestureError=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},GestureConfigError=class extends GestureError{},e=6;function resolveActivationDistance(t){if(t===void 0)return e;if(!Number.isFinite(t)||t<0)throw new GestureConfigError(`activationDistance must be a non-negative finite number, got: ${t}`);return t}var read=(e,t)=>typeof e==`function`?e():e??t,resolveAxis=e=>{if(e===void 0)return;let t=typeof e==`function`?e():e;if(t!==`x`&&t!==`y`)throw new GestureConfigError(`axis must be "x" or "y", got: ${String(t)}`);return t};function createPointerSession(e,
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var GestureError=class extends Error{constructor(e,t){super(e,t),this.name=new.target.name,Object.setPrototypeOf(this,new.target.prototype)}},GestureConfigError=class extends GestureError{},e=6;function resolveActivationDistance(t){if(t===void 0)return e;if(!Number.isFinite(t)||t<0)throw new GestureConfigError(`activationDistance must be a non-negative finite number, got: ${t}`);return t}var t=90,read=(e,t)=>typeof e==`function`?e():e??t,resolveAxis=e=>{if(e===void 0)return;let t=typeof e==`function`?e():e;if(t!==`x`&&t!==`y`)throw new GestureConfigError(`axis must be "x" or "y", got: ${String(t)}`);return t};function createPointerSession(e,n){let{activationDistance:r,axis:i,disabled:a,onEnd:o,onMove:s,onStart:c,pointerCapture:l,shouldStart:u,signal:d}=n,f=new AbortController,p=typeof i==`function`?void 0:resolveAxis(i),m=null,h=null,g=null,_=!1,v=[],isDisabled=()=>!!read(a,!1),recordSample=(e,n)=>{let r=performance.now();for(v.push({t:r,x:e,y:n});v.length>2&&r-v[0].t>t;)v.shift()},readVelocity=()=>{let e=v[v.length-1];if(!e||performance.now()-e.t>t)return{velocityX:0,velocityY:0};let n=v[0],r=e.t-n.t;return r<=0?{velocityX:0,velocityY:0}:{velocityX:(e.x-n.x)/r*1e3,velocityY:(e.y-n.y)/r*1e3}},createDetail=t=>{if(!g)return null;let{velocityX:n,velocityY:r}=readVelocity();return{axis:g.axis,currentX:t.clientX,currentY:t.clientY,event:t,pointerId:g.pointerId,pointerType:g.pointerType,startX:g.startX,startY:g.startY,target:e,velocityX:n,velocityY:r}},removeTrackingListeners=()=>{m&&=(m.removeEventListener(`pointermove`,onPointerMove,!0),m.removeEventListener(`pointerup`,onPointerUp,!0),m.removeEventListener(`pointercancel`,onPointerCancel,!0),m.removeEventListener(`visibilitychange`,onVisibilityChange),m.defaultView?.removeEventListener(`blur`,onWindowBlur),e.removeEventListener(`lostpointercapture`,onLostPointerCapture),null)},releaseCapture=t=>{if(t.captured&&typeof e.releasePointerCapture==`function`)try{if(typeof e.hasPointerCapture==`function`&&!e.hasPointerCapture(t.pointerId))return;e.releasePointerCapture(t.pointerId)}catch{}},clearSession=()=>{let e=g;h=null,g=null,v=[],removeTrackingListeners(),e&&releaseCapture(e)},finish=(e,t)=>{if(!g)return!1;g.event=e;let n=createDetail(e);return clearSession(),n&&o?.({...n,reason:t}),!0},cancel=()=>_?!1:g?finish(g.event,`cancel`):h?(clearSession(),!0):!1,dispose=()=>{_||(_=!0,d?.removeEventListener(`abort`,dispose),f.abort(),clearSession(),e.removeEventListener(`pointerdown`,onPointerDown))},matchesPointer=e=>(g??h)?.pointerId===e.pointerId,startTracking=()=>{m=e.ownerDocument,m.addEventListener(`pointermove`,onPointerMove,!0),m.addEventListener(`pointerup`,onPointerUp,!0),m.addEventListener(`pointercancel`,onPointerCancel,!0),m.addEventListener(`visibilitychange`,onVisibilityChange),m.defaultView?.addEventListener(`blur`,onWindowBlur),e.addEventListener(`lostpointercapture`,onLostPointerCapture)},activate=t=>{if(!h)return!1;let n=t.clientX-h.startX,i=t.clientY-h.startY;if(n===0&&i===0)return!1;if(h.axis===void 0){if(Math.hypot(n,i)<r)return!1}else{let e=h.axis===`x`?Math.abs(n):Math.abs(i),t=h.axis===`x`?Math.abs(i):Math.abs(n);if(Math.max(e,t)<r)return!1;if(t>e)return clearSession(),!1}if(g={...h,captured:!1,event:t},h=null,l&&typeof e.setPointerCapture==`function`)try{e.setPointerCapture(t.pointerId),g.captured=typeof e.hasPointerCapture!=`function`||e.hasPointerCapture(t.pointerId)}catch{g.captured=!1}let a=createDetail(t);return a&&c?.(a),g?.pointerId===t.pointerId},handlePointerDown=e=>_||h||g||isDisabled()||!e.isPrimary||e.button!==0||u&&!u(e)?!1:(h={axis:p??resolveAxis(i),event:e,pointerId:e.pointerId,pointerType:e.pointerType,startX:e.clientX,startY:e.clientY},startTracking(),!0),handlePointerMove=e=>{if(!matchesPointer(e))return!1;if(isDisabled())return g?finish(e,`cancel`):(clearSession(),!0);if(!g&&!activate(e)||!g)return!0;g.event=e,recordSample(e.clientX,e.clientY);let t=createDetail(e);return t&&s?.(t),!0},handlePointerUp=e=>matchesPointer(e)?g?finish(e,isDisabled()?`cancel`:`release`):(clearSession(),!0):!1,handlePointerCancel=e=>matchesPointer(e)?g?finish(e,`cancel`):(clearSession(),!0):!1,onPointerDown=e=>handlePointerDown(e),onPointerMove=e=>handlePointerMove(e),onPointerUp=e=>handlePointerUp(e),onPointerCancel=e=>handlePointerCancel(e),onLostPointerCapture=t=>{t.composedPath()[0]===e&&handlePointerCancel(t)},onWindowBlur=()=>cancel(),onVisibilityChange=()=>{m?.visibilityState===`hidden`&&cancel()};return e.addEventListener(`pointerdown`,onPointerDown),d?.aborted?dispose():d?.addEventListener(`abort`,dispose,{once:!0}),{get active(){return g!==null},cancel,get disposalSignal(){return f.signal},dispose,get disposed(){return _},[Symbol.dispose]:dispose}}function toDragDetail(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,velocity:{x:e.velocityX,y:e.velocityY}}}function createDragGesture(e,t={}){let{activationDistance:n,disabled:r,onEnd:i,onMove:a,onStart:o,pointerCapture:s=!0,shouldStart:c,signal:l}=t;return createPointerSession(e,{activationDistance:resolveActivationDistance(n),disabled:r,onEnd:i?e=>i({...toDragDetail(e),reason:e.reason}):void 0,onMove:a?e=>a(toDragDetail(e)):void 0,onStart:o?e=>o(toDragDetail(e)):void 0,pointerCapture:s,shouldStart:c,signal:l})}var n=500,r=8;function resolveDurationMs(e){if(e===void 0)return n;if(!Number.isFinite(e)||e<=0)throw new GestureConfigError(`durationMs must be a positive finite number, got: ${e}`);return e}function resolveSlopPx(e){if(e===void 0)return r;if(!Number.isFinite(e)||e<0)throw new GestureConfigError(`slopPx must be a non-negative finite number, got: ${e}`);return e}function createLongPress(e,t={}){let{disabled:n,durationMs:r,onLongPress:i,shouldStart:a,signal:o,slopPx:s}=t,c=resolveDurationMs(r),l=resolveSlopPx(s),u=new AbortController,d=null,f=null,p=null,m=!1,h=!1,isDisabled=()=>!!(typeof n==`function`?n():n),removeTracking=()=>{d&&=(d.removeEventListener(`pointermove`,onPointerMove,!0),d.removeEventListener(`pointerup`,onPointerUp,!0),d.removeEventListener(`pointercancel`,onPointerCancel,!0),d.removeEventListener(`visibilitychange`,onVisibilityChange),d.defaultView?.removeEventListener(`blur`,onWindowBlur),null)},clearHold=()=>{p&&clearTimeout(p),p=null,f=null,removeTracking()},fire=()=>{let t=f;p=null,f=null,removeTracking(),t&&(m=!0,i?.({event:t.event,pointerId:t.pointerId,pointerType:t.pointerType,target:e}))},cancel=()=>h||!f&&!p?!1:(clearHold(),!0),dispose=()=>{h||(h=!0,o?.removeEventListener(`abort`,dispose),u.abort(),clearHold(),e.removeEventListener(`pointerdown`,onPointerDown),e.removeEventListener(`click`,onClickCapture,!0))},matchesPointer=e=>f?.pointerId===e.pointerId,onVisibilityChange=()=>{d?.visibilityState===`hidden`&&cancel()},onWindowBlur=()=>{cancel()},onClickCapture=e=>{m&&(m=!1,e.preventDefault(),e.stopPropagation())},handlePointerDown=t=>{h||f||isDisabled()||!t.isPrimary||t.button!==0||(!a||a(t))&&(m=!1,f={event:t,pointerId:t.pointerId,pointerType:t.pointerType,startX:t.clientX,startY:t.clientY},d=e.ownerDocument,d.addEventListener(`pointermove`,onPointerMove,!0),d.addEventListener(`pointerup`,onPointerUp,!0),d.addEventListener(`pointercancel`,onPointerCancel,!0),d.addEventListener(`visibilitychange`,onVisibilityChange),d.defaultView?.addEventListener(`blur`,onWindowBlur),p=setTimeout(fire,c))},handlePointerMove=e=>{f&&matchesPointer(e)&&Math.hypot(e.clientX-f.startX,e.clientY-f.startY)>l&&clearHold()},handlePointerUp=e=>{matchesPointer(e)&&clearHold()},handlePointerCancel=e=>{matchesPointer(e)&&clearHold()},onPointerDown=e=>handlePointerDown(e),onPointerMove=e=>handlePointerMove(e),onPointerUp=e=>handlePointerUp(e),onPointerCancel=e=>handlePointerCancel(e);return e.addEventListener(`pointerdown`,onPointerDown),e.addEventListener(`click`,onClickCapture,!0),o?.aborted?dispose():o?.addEventListener(`abort`,dispose,{once:!0}),{get active(){return f!==null||p!==null},cancel,get disposalSignal(){return u.signal},dispose,get disposed(){return h},[Symbol.dispose]:dispose}}function toPanDetail(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,velocity:t===`x`?e.velocityX:e.velocityY}}function createPanGesture(e,t={}){let{activationDistance:n,axis:r,disabled:i,onEnd:a,onMove:o,onStart:s,pointerCapture:c=!0,shouldStart:l,signal:u}=t;return createPointerSession(e,{activationDistance:resolveActivationDistance(n),axis:r??`x`,disabled:i,onEnd:a?e=>a({...toPanDetail(e),reason:e.reason}):void 0,onMove:o?e=>o(toPanDetail(e)):void 0,onStart:s?e=>s(toPanDetail(e)):void 0,pointerCapture:c,shouldStart:l,signal:u})}exports.GestureConfigError=GestureConfigError,exports.GestureError=GestureError,exports.createDragGesture=createDragGesture,exports.createLongPress=createLongPress,exports.createPanGesture=createPanGesture;
|
|
2
2
|
//# sourceMappingURL=gesture.cjs.map
|