@floegence/floe-webapp-core 0.86.10 → 0.86.12

package/dist/remote-input.js

@@ -1,15 +1,15 @@
-function I(a) {
-  const { surface: M } = a, k = M.ownerDocument, c = k.defaultView;
-  if (!c) throw new Error("Remote input requires an attached document");
-  const t = k.createElement("textarea");
-  t.className = "floe-remote-input", t.setAttribute("aria-label", a.label), t.setAttribute("autocorrect", "off"), t.autocomplete = "off", t.autocapitalize = "off", t.spellcheck = !1, t.wrap = "off", t.disabled = !0, t.tabIndex = -1, k.body.append(t);
-  let l = null, y = 0, u = !1, V = !1, o = null, p = !1, s = null;
-  const h = /* @__PURE__ */ new Set(), w = /* @__PURE__ */ new Set();
-  let C = null;
-  const E = [];
-  function n(e, i, r) {
-    const g = r;
-    e.addEventListener(i, g), E.push(() => e.removeEventListener(i, g));
+function W(n) {
+  const { surface: E } = n, K = E.ownerDocument, u = K.defaultView;
+  if (!u) throw new Error("Remote input requires an attached document");
+  const t = K.createElement("textarea");
+  t.className = "floe-remote-input", t.setAttribute("aria-label", n.label), t.setAttribute("autocorrect", "off"), t.autocomplete = "off", t.autocapitalize = "off", t.spellcheck = !1, t.wrap = "off", t.disabled = !0, t.tabIndex = -1, K.body.append(t);
+  let l = null, g = 0, c = !1, S = !1, o = null, m = !1, s = null, h = "physical";
+  const w = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Set();
+  let T = null;
+  const z = [];
+  function a(e, i, r) {
+    const k = r;
+    e.addEventListener(i, k), z.push(() => e.removeEventListener(i, k));
   }
   const b = (e) => e.code || e.key, x = (e, i) => ({
     key: e.key,
@@ -22,71 +22,83 @@ function I(a) {
     altKey: e.altKey,
     metaKey: e.metaKey
   });
-  function K(e) {
-    V !== e && (V = e, a.onKeyboardVisibilityChange?.(e));
-  }
-  function f() {
-    const e = M.getBoundingClientRect(), i = c.visualViewport, r = Math.max(e.left, i?.offsetLeft ?? 0), g = Math.max(e.top, i?.offsetTop ?? 0), D = Math.min(e.right, (i?.offsetLeft ?? 0) + (i?.width ?? c.innerWidth)), F = Math.min(e.bottom, (i?.offsetTop ?? 0) + (i?.height ?? c.innerHeight)), L = Math.max(1, Math.min(320, D - r - 8));
-    t.style.maxWidth = `${L}px`;
-    const S = t.getBoundingClientRect(), P = C?.x ?? r + 12, R = C?.y ?? g + 12;
-    t.style.left = `${Math.max(r, Math.min(P, D - S.width - 4))}px`, t.style.top = `${Math.max(g, Math.min(R, F - S.height - 4))}px`;
+  function C(e) {
+    S !== e && (S = e, n.onKeyboardVisibilityChange?.(e));
   }
   function d() {
+    const e = E.getBoundingClientRect(), i = u.visualViewport, r = Math.max(e.left, i?.offsetLeft ?? 0), k = Math.max(e.top, i?.offsetTop ?? 0), B = Math.min(e.right, (i?.offsetLeft ?? 0) + (i?.width ?? u.innerWidth)), P = Math.min(e.bottom, (i?.offsetTop ?? 0) + (i?.height ?? u.innerHeight)), R = Math.max(1, Math.min(320, B - r - 8));
+    t.style.maxWidth = `${R}px`;
+    const D = t.getBoundingClientRect(), $ = T?.x ?? r + 12, N = T?.y ?? k + 12;
+    t.style.left = `${Math.max(r, Math.min($, B - D.width - 4))}px`, t.style.top = `${Math.max(k, Math.min(N, P - D.height - 4))}px`;
+  }
+  function p() {
     t.value = "", delete t.dataset.composing, s = null;
   }
-  function B() {
-    const e = l, i = h.size > 0;
-    h.clear(), e !== null && i && a.release(e);
+  function A() {
+    const e = l, i = f.size > 0;
+    f.clear(), w.clear(), e !== null && i && n.release(e);
   }
-  function m() {
-    y++, o && (o.cancelled = !0), p = !0, d(), B(), o && k.activeElement === t && t.blur();
+  function y() {
+    g++, o && (o.cancelled = !0), m = !0, p(), A(), o && K.activeElement === t && t.blur();
   }
-  function T(e) {
-    !e || l === null || u || a.commitText(e, l);
+  function V(e) {
+    !e || l === null || c || (h === "text" && f.size && (f.clear(), n.release(l)), n.commitText(e, l));
+  }
+  function L(e) {
+    if (l !== null) {
+      if (h === "text")
+        for (const [i, r] of w)
+          f.has(i) || (f.add(i), n.sendKey(r, l));
+      f.add(e.code || e.key), n.sendKey(e, l);
+    }
   }
-  function z(e) {
+  function F(e) {
     if (l === null) return;
     const i = { key: e, code: e, pressed: !0, repeat: !1, shiftKey: !1, ctrlKey: !1, altKey: !1, metaKey: !1, location: 0 }, r = l;
-    a.sendKey(i, r), l === r && a.sendKey({ ...i, pressed: !1 }, r);
+    n.sendKey(i, r), l === r && n.sendKey({ ...i, pressed: !1 }, r);
   }
-  function A(e) {
-    if (l === null || u) {
-      d();
+  function I(e) {
+    if (l === null || c) {
+      p();
       return;
     }
-    if (o?.cancelled || o && o.epoch !== y) {
-      d();
+    if (o?.cancelled || o && o.epoch !== g) {
+      p();
       return;
     }
     if (e.isComposing) {
-      o ??= { epoch: y, committed: !1, cancelled: !1 }, t.dataset.composing = "true", f();
+      o ??= { epoch: g, committed: !1, cancelled: !1 }, t.dataset.composing = "true", d();
       return;
     }
     if (o) {
-      !o.committed && t.value && (o.committed = !0, T(t.value)), d();
+      !o.committed && t.value && (o.committed = !0, V(t.value)), p();
       return;
     }
-    if (p || e.inputType === "insertFromComposition") {
-      p = !1, d();
+    if (m || e.inputType === "insertFromComposition") {
+      m = !1, p();
       return;
     }
     const i = t.value;
-    if (s && i === s.key && !s.altKey && i.length === 1) {
+    if (h === "physical" && s && i === s.key && !s.altKey && i.length === 1) {
       const r = s;
-      h.add(r.code || r.key), a.sendKey(r, l);
-    } else T(i);
-    d();
+      f.add(r.code || r.key), n.sendKey(r, l);
+    } else V(i);
+    p();
   }
-  return n(t, "keydown", (e) => {
-    if (!(l === null || u)) {
+  return a(t, "keydown", (e) => {
+    if (!(l === null || c)) {
       if (e.stopPropagation(), o?.cancelled && !e.isComposing && e.key !== "Process" && e.keyCode !== 229 && (o = null), e.isComposing || o || e.key === "Process" || e.keyCode === 229) {
-        w.add(b(e)), s = null;
+        M.add(b(e)), s = null;
         return;
       }
-      if (w.delete(b(e)), p = !1, a.clipboard?.(e, l)) {
+      if (M.delete(b(e)), m = !1, n.clipboard?.(e, l)) {
         s = null;
         return;
       }
+      if (h === "text" && /^(Shift|Control|Alt|Meta)(Left|Right)$/.test(e.code)) {
+        w.set(b(e), x(e, !0));
+        return;
+      }
       if (e.key === "Dead" || e.key === "Unidentified") {
         s = null;
         return;
@@ -95,51 +107,54 @@ function I(a) {
         s = x(e, !0);
         return;
       }
-      e.preventDefault(), h.add(b(e)), a.sendKey(x(e, !0), l);
+      e.preventDefault(), L(x(e, !0));
     }
-  }), n(t, "keyup", (e) => {
-    e.stopPropagation(), s = null, !w.delete(b(e)) && l !== null && h.delete(b(e)) && a.sendKey(x(e, !1), l);
-  }), n(t, "beforeinput", (e) => {
-    if (l === null || u) {
+  }), a(t, "keyup", (e) => {
+    e.stopPropagation(), s = null, w.delete(b(e)), !M.delete(b(e)) && l !== null && f.delete(b(e)) && n.sendKey(x(e, !1), l);
+  }), a(t, "beforeinput", (e) => {
+    if (l === null || c) {
       e.preventDefault();
       return;
     }
     if (e.isComposing || o || e.inputType === "insertCompositionText" || e.inputType === "deleteCompositionText" || e.inputType === "insertFromComposition") return;
-    p = !1;
+    m = !1;
     const r = { deleteContentBackward: "Backspace", deleteContentForward: "Delete", insertLineBreak: "Enter", insertParagraph: "Enter" }[e.inputType];
-    r && (e.preventDefault(), d(), z(r));
-  }), n(t, "input", A), n(t, "compositionstart", () => {
-    o = { epoch: y, committed: !1, cancelled: l === null }, p = !1, s = null, t.dataset.composing = "true", f();
-  }), n(t, "compositionend", (e) => {
+    r && (e.preventDefault(), p(), F(r));
+  }), a(t, "input", I), a(t, "compositionstart", () => {
+    o = { epoch: g, committed: !1, cancelled: l === null }, m = !1, s = null, t.dataset.composing = "true", d();
+  }), a(t, "compositionend", (e) => {
     const i = o;
-    o = null, p = !0, d(), i && !i.cancelled && !i.committed && i.epoch === y && T(e.data);
-  }), n(t, "blur", () => {
-    m(), K(!1);
-  }), n(c, "blur", m), n(c, "pagehide", m), n(c, "resize", f), c.visualViewport && (n(c.visualViewport, "resize", f), n(c.visualViewport, "scroll", f)), f(), {
+    o = null, m = !0, p(), i && !i.cancelled && !i.committed && i.epoch === g && V(e.data);
+  }), a(t, "blur", () => {
+    y(), C(!1);
+  }), a(u, "blur", y), a(u, "pagehide", y), a(u, "resize", d), u.visualViewport && (a(u.visualViewport, "resize", d), a(u.visualViewport, "scroll", d)), d(), {
     element: t,
     bindTarget(e) {
-      u || Object.is(l, e) || (m(), l = e, t.disabled = e === null);
+      c || Object.is(l, e) || (y(), l = e, t.disabled = e === null);
+    },
+    setTextInputMode(e) {
+      c || e === h || (y(), h = e);
     },
     setAnchor(e, i) {
-      !Number.isFinite(e) || !Number.isFinite(i) || (C = { x: e, y: i }, f());
+      !Number.isFinite(e) || !Number.isFinite(i) || (T = { x: e, y: i }, d());
     },
     focus() {
-      l === null || u || (t.focus({ preventScroll: !0 }), f());
+      l === null || c || (t.focus({ preventScroll: !0 }), d());
     },
     setKeyboardVisible(e) {
-      e && l !== null && !u ? (t.focus({ preventScroll: !0 }), K(!0), f()) : (t.blur(), K(!1));
+      e && l !== null && !c ? (t.focus({ preventScroll: !0 }), C(!0), d()) : (t.blur(), C(!1));
     },
-    release: B,
-    reset: m,
+    release: A,
+    reset: y,
     dispose() {
-      if (!u) {
-        m(), u = !0, l = null;
-        for (const e of E) e();
-        t.remove(), K(!1);
+      if (!c) {
+        y(), c = !0, l = null;
+        for (const e of z) e();
+        t.remove(), C(!1);
       }
     }
   };
 }
 export {
-  I as createRemoteInput
+  W as createRemoteInput
 };

package/dist/remote-pointer.js

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

package/package.json

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