@floegence/floe-webapp-core 0.81.5 → 0.81.6

package/dist/remote-pointer.js

@@ -1,8 +1,8 @@
-function F(a) {
-  const { surface: l } = a, I = l.ownerDocument, s = I.defaultView;
-  if (!s) throw new Error("Remote pointer requires an attached document");
-  let o = null, f = null, u = null, p = null, k = 0, z = !1, L = 0, M = 0, C = !1, H = !1, D = 0, b = !1;
-  const g = /* @__PURE__ */ new Set(), O = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Map(), K = [], w = (e) => !H && a.isTargetValid(e), E = (e, t) => Math.hypot(e.clientX - t.clientX, e.clientY - t.clientY), v = (e) => ({
+function R(d) {
+  const { surface: l } = d, I = l.ownerDocument, c = I.defaultView;
+  if (!c) throw new Error("Remote pointer requires an attached document");
+  let o = null, f = null, u = null, p = null, y = 0, z = !1, L = 0, O = 0, H = !1, K = !1, b = 0, D = !1;
+  const m = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), g = /* @__PURE__ */ new Map(), P = [], k = (e) => !K && d.isTargetValid(e), x = (e, t) => Math.hypot(e.clientX - t.clientX, e.clientY - t.clientY), h = (e) => ({
     clientX: e.clientX,
     clientY: e.clientY,
     shiftKey: e.shiftKey,
@@ -11,200 +11,203 @@ function F(a) {
     metaKey: e.metaKey,
     pointerType: "pointerType" in e ? String(e.pointerType) : "mouse"
   });
-  function d(e, t, n, i = !1) {
-    const c = n;
-    e.addEventListener(t, c, { capture: i, passive: !1 }), K.push(() => e.removeEventListener(t, c, i));
+  function a(e, t, n, i = !1) {
+    const s = n;
+    e.addEventListener(t, s, { capture: i, passive: !1 }), P.push(() => e.removeEventListener(t, s, i));
   }
-  function Y(e, t) {
-    const n = w(t) && a.sendPointer(e, t) !== !1;
+  function _(e, t) {
+    const n = k(t) && d.sendPointer(e, t) !== !1;
     if (n && e.kind === "move")
-      for (const i of h.values()) i.target === t && (i.command = { ...i.command, ...v(e) });
+      for (const i of g.values()) i.target === t && (i.command = { ...i.command, ...h(e) });
     return n;
   }
-  function P() {
-    s.clearTimeout(M), M = 0, C && (C = !1, a.onHoldChange?.(null));
+  function X() {
+    c.clearTimeout(O), O = 0, H && (H = !1, d.onHoldChange?.(null));
   }
-  function _(e) {
-    O.delete(e), l.hasPointerCapture?.(e) && l.releasePointerCapture(e);
+  function A(e) {
+    E.delete(e), l.hasPointerCapture?.(e) && l.releasePointerCapture(e);
   }
-  function q(e) {
-    l.setPointerCapture?.(e), O.add(e);
+  function N(e) {
+    l.setPointerCapture?.(e), E.add(e);
   }
-  function y() {
-    L++, z = !1, k && s.cancelAnimationFrame(k), k = 0;
+  function v() {
+    L++, z = !1, y && c.cancelAnimationFrame(y), y = 0;
     const e = f;
-    f = null, e && !Y(e.command, e.target) && r();
+    f = null, e && !_(e.command, e.target) && r();
   }
-  function x(e, t) {
-    if (f && (f.target !== t || f.command.kind !== e.kind) && y(), !!w(t)) {
+  function C(e, t) {
+    if (f && (f.target !== t || f.command.kind !== e.kind) && v(), !!k(t)) {
       if (e.kind === "scroll" && f?.command.kind === "scroll" && (e = { ...e, dx: f.command.dx + e.dx, dy: f.command.dy + e.dy }), f = { target: t, command: e }, e.kind === "move") {
         if (!z) {
           z = !0;
           const n = L;
-          s.queueMicrotask(() => {
-            n === L && y();
+          c.queueMicrotask(() => {
+            n === L && v();
           });
         }
         return;
       }
-      if (!k) {
-        const n = D, i = s.requestAnimationFrame(() => {
-          n === D && k === i && y();
+      if (!y) {
+        const n = b, i = c.requestAnimationFrame(() => {
+          n === b && y === i && v();
         });
-        k = i;
+        y = i;
       }
     }
   }
-  function T(e, t, n, i, c = 1) {
-    const m = h.get(i);
-    if (!e && !m) return;
-    e || h.delete(i);
-    const U = { ...t, kind: e ? "down" : "up", button: i, clicks: c };
-    Y(U, n) && e && h.set(i, { target: n, command: U });
+  function T(e, t, n, i, s = 1) {
+    const w = g.get(i);
+    if (!e && !w) return;
+    e || g.delete(i);
+    const M = { ...t, kind: e ? "down" : "up", button: i, clicks: s };
+    _(M, n) && e && g.set(i, { target: n, command: M });
   }
-  function X(e, t) {
-    const n = D;
-    return a.onActivate?.(e, t), n === D && w(t);
+  function Y(e, t) {
+    const n = b;
+    return d.onActivate?.(e, t), n === b && k(t);
   }
-  function A(e, t, n, i = 1) {
-    X(e, t) && (T(!0, e, t, n, i), T(!1, e, t, n, i));
+  function B(e, t, n, i = 1) {
+    Y(e, t) && (T(!0, e, t, n, i), T(!1, e, t, n, i));
   }
   function r() {
-    D++, L++, z = !1, P(), k && s.cancelAnimationFrame(k), k = 0;
+    b++, L++, z = !1, X(), y && c.cancelAnimationFrame(y), y = 0;
     const e = /* @__PURE__ */ new Set();
-    o && e.add(o.target), f && e.add(f.target), u !== null && e.add(u), f = null, o = null, u = null, p = null, b = g.size > 0;
-    for (const [t, n] of h)
+    o && e.add(o.target), f && e.add(f.target), u !== null && e.add(u), f = null, o = null, u = null, p = null, D = m.size > 0;
+    for (const [t, n] of g)
       e.add(n.target), T(!1, n.command, n.target, t);
-    for (const t of e) a.release(t);
-    for (const t of [...O]) _(t);
+    for (const t of e) d.release(t);
+    for (const t of [...E]) A(t);
   }
   function S(e) {
-    g.delete(e), _(e), g.size || (b = !1);
+    m.delete(e), A(e), m.size || (D = !1);
   }
-  function B(e) {
+  function U(e) {
     const t = o;
     if (!t || t.id !== e.pointerId) return;
-    if (!w(t.target)) {
+    if (!k(t.target)) {
       r();
       return;
     }
-    const n = v(e);
-    if ((t.mode === "pending" || t.mode === "hold") && E(t.origin, n) > 8) {
+    const n = h(e);
+    if ((t.mode === "pending" || t.mode === "hold") && x(t.origin, n) > 8) {
       const i = t.mode === "hold";
-      if (P(), p = null, t.mode = i ? "drag" : "scroll", i && X(t.origin, t.target) && T(!0, t.origin, t.target, 0), o !== t) return;
+      if (X(), p = null, t.mode = i ? "drag" : "scroll", i && Y(t.origin, t.target) && T(!0, t.origin, t.target, 0), o !== t) return;
     }
     if (t.mode === "scroll") {
-      const i = t.last, c = i.clientX - n.clientX, m = i.clientY - n.clientY;
-      (c || m) && x({ ...t.origin, kind: "scroll", dx: c, dy: m }, t.target), t.last = n;
-    } else t.mode === "drag" && (x({ ...n, kind: "move" }, t.target), t.last = n);
+      const i = t.last, s = i.clientX - n.clientX, w = i.clientY - n.clientY;
+      (s || w) && C({ ...t.origin, kind: "scroll", dx: s, dy: w }, t.target), t.last = n;
+    } else t.mode === "drag" && (C({ ...n, kind: "move" }, t.target), t.last = n);
   }
-  d(l, "pointerdown", (e) => {
-    const t = a.resolveTarget(e);
-    if (t === null || !w(t)) return;
-    const n = v(e);
+  a(l, "pointerdown", (e) => {
+    const t = d.resolveTarget(e);
+    if (t === null || !k(t)) return;
+    const n = h(e);
     if (e.pointerType === "touch") {
-      if (g.add(e.pointerId), g.size > 1 || b) {
+      if (m.add(e.pointerId), m.size > 1 || D) {
         r();
         return;
       }
-      (o || h.size) && r(), y(), u !== null && (a.release(u), u = null), b = !1, o = { id: e.pointerId, target: t, origin: n, last: n, mode: "pending" };
+      (o || g.size) && r(), v(), u !== null && (d.release(u), u = null), D = !1, o = { id: e.pointerId, target: t, origin: n, last: n, mode: "pending" };
       const i = o;
-      M = s.setTimeout(() => {
-        if (M = 0, o === i) {
-          if (!w(t)) {
+      O = c.setTimeout(() => {
+        if (O = 0, o === i) {
+          if (!k(t)) {
             r();
             return;
           }
-          i.mode = "hold", C = !0, a.onHoldChange?.({ ...n, target: t });
+          i.mode = "hold", H = !0, d.onHoldChange?.({ ...n, target: t });
         }
       }, 450);
     } else {
-      if (g.size) {
+      if (m.size) {
         r();
         return;
       }
-      o && (o.id !== e.pointerId || o.target !== t) && r(), y(), u !== null && (a.release(u), u = null), o = { id: e.pointerId, target: t, origin: n, last: n, mode: "direct" };
-      const i = e.button === 0 && p?.target === t && s.performance.now() - p.time <= 350 && E(p.position, n) <= 16;
-      X(n, t) && T(!0, n, t, e.button, Math.max(1, e.detail, i ? 2 : 1));
+      o && (o.id !== e.pointerId || o.target !== t) && r(), v(), u !== null && (d.release(u), u = null), o = { id: e.pointerId, target: t, origin: n, last: n, mode: "direct" };
+      const i = e.button === 0 && p?.target === t && c.performance.now() - p.time <= 350 && x(p.position, n) <= 16;
+      Y(n, t) && T(!0, n, t, e.button, Math.max(1, e.detail, i ? 2 : 1));
     }
-    q(e.pointerId), e.pointerType === "touch" && e.preventDefault();
-  }), d(l, "pointermove", (e) => {
-    if (e.pointerType === "touch") {
-      B(e);
-      return;
-    }
-    if (b || g.size) return;
-    const t = o?.target ?? a.resolveTarget(e);
-    if (t === null || !w(t)) {
+    N(e.pointerId), e.pointerType === "touch" && e.preventDefault();
+  });
+  const q = "onpointerrawupdate" in c;
+  function F(e, t) {
+    if (D || m.size) return;
+    const n = o?.target ?? d.resolveTarget(e);
+    if (n === null || !k(n)) {
       o && r();
       return;
     }
-    const n = v(e);
+    const i = h(e);
     if (o) {
-      o.last = n;
-      for (const [i, c] of [[0, 1], [1, 4], [2, 2], [3, 8], [4, 16]]) {
-        const m = !!(e.buttons & c);
-        m !== h.has(i) && (y(), T(m, n, t, i));
+      t && (o.last = i);
+      for (const [s, w] of [[0, 1], [1, 4], [2, 2], [3, 8], [4, 16]]) {
+        const M = !!(e.buttons & w);
+        M !== g.has(s) && (v(), T(M, i, n, s));
       }
     }
-    x({ ...n, kind: "move" }, t);
-  }), d(l, "pointerup", (e) => {
+    t && C({ ...i, kind: "move" }, n);
+  }
+  q && a(l, "pointerrawupdate", (e) => {
+    e.pointerType !== "touch" && F(e, !0);
+  }), a(l, "pointermove", (e) => {
+    e.pointerType === "touch" ? U(e) : F(e, !q);
+  }), a(l, "pointerup", (e) => {
     const t = o;
-    if (t?.id === e.pointerId && !b)
-      if (!w(t.target)) r();
+    if (t?.id === e.pointerId && !D)
+      if (!k(t.target)) r();
       else if (e.pointerType === "touch") {
-        B(e), P();
-        const n = v(e);
+        U(e), X();
+        const n = h(e);
         if (t.mode === "pending") {
-          const i = s.performance.now(), c = p?.target === t.target && i - p.time <= 350 && E(p.position, n) <= 16;
-          A(n, t.target, 0, c ? 2 : 1), p = c ? null : { target: t.target, position: n, time: i };
-        } else t.mode === "hold" ? (p = null, A(n, t.target, 2)) : (y(), t.mode === "drag" && T(!1, n, t.target, 0));
-        a.release(t.target), o = null;
+          const i = c.performance.now(), s = p?.target === t.target && i - p.time <= 350 && x(p.position, n) <= 16;
+          B(n, t.target, 0, s ? 2 : 1), p = s ? null : { target: t.target, position: n, time: i };
+        } else t.mode === "hold" ? (p = null, B(n, t.target, 2)) : (v(), t.mode === "drag" && T(!1, n, t.target, 0));
+        d.release(t.target), o = null;
       } else {
-        f?.command.kind === "move" && (f.command = { ...v(e), kind: "move" }), y();
-        const n = h.get(e.button)?.command;
-        for (const i of [...h.keys()]) T(!1, v(e), t.target, i, n && "clicks" in n ? n.clicks : 1);
-        p = e.button === 0 && n && "clicks" in n && n.clicks === 1 && E(t.origin, v(e)) <= 8 ? { target: t.target, position: v(e), time: s.performance.now() } : null, h.size || (o = null);
+        f?.command.kind === "move" && (f.command = { ...h(e), kind: "move" }), v();
+        const n = g.get(e.button)?.command;
+        for (const i of [...g.keys()]) T(!1, h(e), t.target, i, n && "clicks" in n ? n.clicks : 1);
+        p = e.button === 0 && n && "clicks" in n && n.clicks === 1 && x(t.origin, h(e)) <= 8 ? { target: t.target, position: h(e), time: c.performance.now() } : null, g.size || (o = null);
       }
     (!o || o.id !== e.pointerId) && S(e.pointerId);
-  }), d(l, "pointercancel", (e) => {
+  }), a(l, "pointercancel", (e) => {
     r(), S(e.pointerId);
-  }), d(l, "lostpointercapture", (e) => {
-    O.has(e.pointerId) && (r(), S(e.pointerId));
-  }), d(I, "pointerup", (e) => {
+  }), a(l, "lostpointercapture", (e) => {
+    E.has(e.pointerId) && (r(), S(e.pointerId));
+  }), a(I, "pointerup", (e) => {
     o?.id !== e.pointerId && S(e.pointerId);
-  }), d(I, "pointercancel", (e) => S(e.pointerId)), d(I, "pointerdown", (e) => {
-    o && (e.pointerType === "touch" && e.pointerId !== o.id ? (g.add(e.pointerId), r()) : l.contains(e.target) || r());
-  }, !0), d(l, "wheel", (e) => {
-    const t = a.resolveTarget(e);
-    if (t === null || !w(t) || (e.preventDefault(), o || g.size)) return;
-    p = null, u !== null && u !== t && (y(), a.release(u)), u = t;
-    const n = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? l.clientWidth || s.innerWidth : 1, i = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? l.clientHeight || s.innerHeight : 1, c = e.deltaX * n, m = e.deltaY * i;
-    Number.isFinite(c) && Number.isFinite(m) && (c || m) && x({ ...v(e), kind: "scroll", dx: c, dy: m }, t);
+  }), a(I, "pointercancel", (e) => S(e.pointerId)), a(I, "pointerdown", (e) => {
+    o && (e.pointerType === "touch" && e.pointerId !== o.id ? (m.add(e.pointerId), r()) : l.contains(e.target) || r());
+  }, !0), a(l, "wheel", (e) => {
+    const t = d.resolveTarget(e);
+    if (t === null || !k(t) || (e.preventDefault(), o || m.size)) return;
+    p = null, u !== null && u !== t && (v(), d.release(u)), u = t;
+    const n = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? l.clientWidth || c.innerWidth : 1, i = e.deltaMode === 1 ? 16 : e.deltaMode === 2 ? l.clientHeight || c.innerHeight : 1, s = e.deltaX * n, w = e.deltaY * i;
+    Number.isFinite(s) && Number.isFinite(w) && (s || w) && C({ ...h(e), kind: "scroll", dx: s, dy: w }, t);
   });
   for (const e of ["mousedown", "mouseup", "click", "dblclick", "contextmenu", "dragstart", "selectstart"])
-    d(l, e, (t) => {
-      a.resolveTarget(t) !== null && t.preventDefault();
+    a(l, e, (t) => {
+      d.resolveTarget(t) !== null && t.preventDefault();
     });
-  for (const e of ["blur", "pagehide", "resize", "orientationchange"]) d(s, e, r);
-  if (d(I, "visibilitychange", () => {
+  for (const e of ["blur", "pagehide", "resize", "orientationchange"]) a(c, e, r);
+  if (a(I, "visibilitychange", () => {
     I.hidden && r();
-  }), d(s, "scroll", r, !0), s.visualViewport && (d(s.visualViewport, "resize", r), d(s.visualViewport, "scroll", r)), typeof ResizeObserver < "u") {
+  }), a(c, "scroll", r, !0), c.visualViewport && (a(c.visualViewport, "resize", r), a(c.visualViewport, "scroll", r)), typeof ResizeObserver < "u") {
     let e = `${l.clientWidth}:${l.clientHeight}`;
     const t = new ResizeObserver(() => {
       const n = `${l.clientWidth}:${l.clientHeight}`;
       n !== e && (e = n, r());
     });
-    t.observe(l), K.push(() => t.disconnect());
+    t.observe(l), P.push(() => t.disconnect());
   }
-  return { flush: y, reset: r, dispose() {
-    if (!H) {
-      r(), H = !0;
-      for (const e of K) e();
-      g.clear();
+  return { flush: v, reset: r, dispose() {
+    if (!K) {
+      r(), K = !0;
+      for (const e of P) e();
+      m.clear();
     }
   } };
 }
 export {
-  F as createRemotePointer
+  R as createRemotePointer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.81.5",
+  "version": "0.81.6",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",