From cd6a2382be860864fb0161d734e1b46d7f26be24 Mon Sep 17 00:00:00 2001 From: Yehonatan Daniv Date: Mon, 13 Jan 2025 14:54:31 +0200 Subject: [PATCH] Added movementX/Y to redispatched event (#9) * Added movementX/Y to redispatched event * 0.4.1 * Updated build and docs --- dist/index.cjs | 27 ++++++++++++++++++++++++++- docs/reference/index.html | 4 ++-- package.json | 2 +- src/Pointer.js | 4 +++- 4 files changed, 32 insertions(+), 5 deletions(-) diff --git a/dist/index.cjs b/dist/index.cjs index ae3e4dd..e06d27f 100644 --- a/dist/index.cjs +++ b/dist/index.cjs @@ -373,7 +373,7 @@ class Pointer { this.previousProgress = { ...this.progress }; this.currentProgress = null; - this._measure = (event) => { + const _measure = (event) => { Object.assign(this.previousProgress, this.currentProgress || this.progress); this.progress.x = this.config.root ? event.offsetX : event.x; @@ -382,6 +382,31 @@ class Pointer { this.progress.vy = event.movementY; this._nextTick = trigger(); }; + + const dpr = window.devicePixelRatio; + + if (this.config.root) { + this._measure = (e) => { + if (e.target !== this.config.root) { + const event = new PointerEvent('pointermove', { + bubbles: true, + cancelable: true, + clientX: e.x * dpr, + clientY: e.y * dpr, + movementX: e.movementX, + movementY: e.movementY, + }); + + e.stopPropagation(); + + this.config.root.dispatchEvent(event); + } else { + _measure(e); + } + }; + } else { + this._measure = _measure; + } } /** diff --git a/docs/reference/index.html b/docs/reference/index.html index 24c94ec..bdfa8b2 100644 --- a/docs/reference/index.html +++ b/docs/reference/index.html @@ -2,7 +2,7 @@ - kuliso 0.3.0 | Documentation + kuliso 0.4.1 | Documentation @@ -15,7 +15,7 @@

kuliso

-
0.3.0
+
0.4.1