@floegence/floe-webapp-core 0.86.8 → 0.86.11

package/dist/components/graph/routing.js

@@ -1,202 +1,274 @@
-import { AvoidLib as H } from "../../node_modules/.pnpm/libavoid-js@0.5.0-beta.5/node_modules/libavoid-js/dist/index.js";
-import W from "../../node_modules/.pnpm/libavoid-js@0.5.0-beta.5/node_modules/libavoid-js/dist/libavoid.wasm.js";
-let N;
-const B = { NORTH: 1, SOUTH: 2, WEST: 4, EAST: 8 }, v = ["NORTH", "EAST", "SOUTH", "WEST"], m = (t) => t.delete();
-async function F(t) {
-  if (!t.nodes.length) return t;
-  if (!t.edges.length) return C(t);
-  await (N ??= H.load(W).catch((h) => {
-    throw N = void 0, h;
+import { AvoidLib as G } from "../../node_modules/.pnpm/libavoid-js@0.5.0-beta.5/node_modules/libavoid-js/dist/index.js";
+import V from "../../node_modules/.pnpm/libavoid-js@0.5.0-beta.5/node_modules/libavoid-js/dist/libavoid.wasm.js";
+let J;
+const j = { NORTH: 1, SOUTH: 2, WEST: 4, EAST: 8 }, N = ["NORTH", "EAST", "SOUTH", "WEST"], O = (n) => n.delete();
+async function $(n) {
+  if (!n.nodes.length) return n;
+  if (!n.edges.length) return F(n);
+  await (J ??= G.load(V).catch((y) => {
+    throw J = void 0, y;
   }));
-  const e = H.getInstance(), s = new Map(t.nodes.map((h) => [h.id, h])), d = (h) => {
-    const y = [];
-    for (let r = s.get(h).parentId; r; r = s.get(r).parentId)
-      y.push(r);
-    return y;
-  }, i = /* @__PURE__ */ new Map();
-  for (const h of t.edges) {
-    const y = /* @__PURE__ */ new Set([...d(h.source), ...d(h.target)]), r = JSON.stringify([...y].sort()), S = i.get(r) ?? { open: y, edges: [] };
-    S.edges.push(h), i.set(r, S);
+  const s = G.getInstance(), r = new Map(n.nodes.map((y) => [y.id, y])), p = (y) => {
+    const m = [];
+    for (let i = r.get(y).parentId; i; i = r.get(i).parentId)
+      m.push(i);
+    return m;
+  }, x = /* @__PURE__ */ new Map();
+  for (const y of n.edges) {
+    const m = /* @__PURE__ */ new Set([...p(y.source), ...p(y.target)]), i = JSON.stringify([...m].sort()), e = x.get(i) ?? { open: m, edges: [] };
+    e.edges.push(y), x.set(i, e);
   }
-  const f = /* @__PURE__ */ new Map();
-  for (const { open: h, edges: y } of i.values()) {
-    const r = new e.Router(2);
+  const T = /* @__PURE__ */ new Map();
+  for (const { open: y, edges: m } of x.values()) {
+    const i = new s.Router(2);
     try {
-      r.setRoutingParameter(e.RoutingParameter.shapeBufferDistance, 4), r.setRoutingParameter(e.RoutingParameter.idealNudgingDistance, 8), r.setRoutingParameter(e.RoutingParameter.crossingPenalty, 80), r.setRoutingParameter(e.RoutingParameter.fixedSharedPathPenalty, 120), r.setRoutingParameter(e.RoutingParameter.portDirectionPenalty, 0), r.setRoutingOption(e.RoutingOption.nudgeOrthogonalSegmentsConnectedToShapes, !1), r.setRoutingOption(e.RoutingOption.nudgeSharedPathsWithCommonEndPoint, !0);
-      const S = new Map(
-        t.nodes.filter((n) => !h.has(n.id) && d(n.id).every((a) => h.has(a))).map((n) => {
-          const a = new e.Point(n.x, n.y), p = new e.Point(n.x + n.width, n.y + n.height), o = new e.Rectangle(a, p), c = new e.ShapeRef(r, o);
-          return m(a), m(p), m(o), [n.id, c];
+      i.setRoutingParameter(s.RoutingParameter.shapeBufferDistance, 4), i.setRoutingParameter(s.RoutingParameter.idealNudgingDistance, 8), i.setRoutingParameter(s.RoutingParameter.crossingPenalty, 80), i.setRoutingParameter(s.RoutingParameter.fixedSharedPathPenalty, 120), i.setRoutingParameter(s.RoutingParameter.portDirectionPenalty, 0), i.setRoutingOption(s.RoutingOption.nudgeOrthogonalSegmentsConnectedToShapes, !1), i.setRoutingOption(s.RoutingOption.nudgeSharedPathsWithCommonEndPoint, !0);
+      const e = new Map(
+        n.nodes.filter((t) => !y.has(t.id) && p(t.id).every((o) => y.has(o))).map((t) => {
+          const o = new s.Point(t.x, t.y), g = new s.Point(t.x + t.width, t.y + t.height), a = new s.Rectangle(o, g), h = new s.ShapeRef(i, a);
+          return O(o), O(g), O(a), [t.id, h];
         })
-      ), P = /* @__PURE__ */ new Map(), R = /* @__PURE__ */ new Map();
-      y.forEach((n) => {
-        const a = s.get(n.source), p = s.get(n.target), o = D(a, p), c = n.sourcePort ? a.ports.find((u) => u.id === n.sourcePort).side : n.targetPort ? O(p.ports.find((u) => u.id === n.targetPort).side) : o.source, g = n.targetPort ? p.ports.find((u) => u.id === n.targetPort).side : n.sourcePort ? O(a.ports.find((u) => u.id === n.sourcePort).side) : o.target, w = [n.source, n.target].sort().join("\0"), x = R.get(w) ?? 0;
-        R.set(w, x + 1), P.set(n.id, {
-          sourceSide: c,
-          targetSide: g,
-          offset: x % 2 === 0 ? -6 : 6
+      ), c = /* @__PURE__ */ new Map(), S = n.nodes.filter((t) => e.has(t.id)), E = /* @__PURE__ */ new Map();
+      m.forEach((t) => {
+        const o = r.get(t.source), g = r.get(t.target), a = Y(o, g), h = t.sourcePort ? o.ports.find((P) => P.id === t.sourcePort).side : t.targetPort ? B(g.ports.find((P) => P.id === t.targetPort).side) : a.source, u = t.targetPort ? g.ports.find((P) => P.id === t.targetPort).side : t.sourcePort ? B(o.ports.find((P) => P.id === t.sourcePort).side) : a.target, d = [t.source, t.target].sort().join("\0"), f = E.get(d) ?? 0;
+        E.set(d, f + 1);
+        const M = f % 2 === 0 ? -6 : 6, R = t.source === t.target ? void 0 : X(
+          o,
+          g,
+          S,
+          a,
+          M,
+          t.sourcePort ? h : void 0,
+          t.targetPort ? u : void 0
+        );
+        c.set(t.id, {
+          sourceSide: R?.source ?? h,
+          targetSide: R?.target ?? u,
+          offset: M
         });
       });
-      for (const n of t.nodes) {
-        const a = S.get(n.id);
-        if (!a) continue;
-        const p = (o, c, g, w, x) => {
-          const u = new e.ShapeConnectionPin(
-            a,
+      let l = N.length + 2;
+      const A = /* @__PURE__ */ new Map(), C = (t, o) => Math.max(0, Math.min(1, t / o));
+      for (const t of n.nodes) {
+        const o = e.get(t.id);
+        if (!o) continue;
+        const g = (a, h, u, d, f) => {
+          const M = new s.ShapeConnectionPin(
             o,
-            c / n.width,
-            g / n.height,
+            a,
+            C(h, t.width),
+            C(u, t.height),
             !0,
             0,
-            w
+            d
           );
-          u.setExclusive(x), u.setConnectionCost(
-            n.width / 2 + n.height / 2 - Math.abs(c - n.width / 2) - Math.abs(g - n.height / 2)
+          M.setExclusive(f), M.setConnectionCost(
+            t.width / 2 + t.height / 2 - Math.abs(h - t.width / 2) - Math.abs(u - t.height / 2)
           );
         };
-        for (const o of new Set(n.ports?.map((c) => c.side))) {
-          const { x: c, y: g } = A(n, o);
-          p(v.indexOf(o) + 2, c - n.x, g - n.y, B[o], !1);
+        for (const a of new Set(t.ports?.map((h) => h.side))) {
+          const { x: h, y: u } = U(t, a), d = N.indexOf(a) + 2;
+          g(d, h - t.x, u - t.y, j[a], !1), A.set(
+            JSON.stringify([
+              t.id,
+              C(h - t.x, t.width),
+              C(u - t.y, t.height),
+              a
+            ]),
+            d
+          );
         }
       }
-      const l = (n, a, p) => {
-        const o = s.get(n), c = S.get(n);
-        if (c && a)
-          return new e.ConnEnd(
-            c,
-            v.indexOf(o.ports.find((u) => u.id === a).side) + 2
+      const H = (t, o, g, a) => {
+        const h = r.get(t), u = e.get(t);
+        if (u && o)
+          return new s.ConnEnd(
+            u,
+            N.indexOf(h.ports.find((R) => R.id === o).side) + 2
           );
-        const g = a ? A(o, o.ports.find((u) => u.id === a).side) : p, w = new e.Point(g.x, g.y), x = new e.ConnEnd(w);
-        return m(w), x;
-      }, M = y.map((n) => {
-        const a = s.get(n.source), p = s.get(n.target), o = P.get(n.id), c = l(
-          n.source,
-          n.sourcePort,
-          n.source === n.target ? { x: a.x + a.width, y: a.y + a.height / 3 } : k(a, o.sourceSide, p, o.offset)
-        ), g = l(
-          n.target,
-          n.targetPort,
-          n.source === n.target ? {
-            x: p.x + p.width,
-            y: p.y + p.height * 2 / 3
-          } : k(p, o.targetSide, a, o.offset)
-        ), w = new e.ConnRef(r, c, g);
-        if (m(c), m(g), n.source === n.target) {
-          const x = s.get(n.source), u = new e.CheckpointVector();
-          for (const U of [x.y + x.height / 3, x.y + x.height * 2 / 3]) {
-            const E = new e.Point(x.x + x.width + 24, U), b = new e.Checkpoint(E);
-            u.push_back(b), m(E), m(b);
+        if (u) {
+          const R = C(g.x - h.x, h.width), P = C(g.y - h.y, h.height), b = JSON.stringify([t, R, P, a]), D = A.get(b);
+          if (D !== void 0) return new s.ConnEnd(u, D);
+          const k = l++;
+          return A.set(b, k), new s.ShapeConnectionPin(
+            u,
+            k,
+            R,
+            P,
+            !0,
+            0,
+            j[a]
+          ).setExclusive(!1), new s.ConnEnd(u, k);
+        }
+        const d = o ? U(h, h.ports.find((R) => R.id === o).side) : g, f = new s.Point(d.x, d.y), M = new s.ConnEnd(f);
+        return O(f), M;
+      }, v = m.map((t) => {
+        const o = r.get(t.source), g = r.get(t.target), a = c.get(t.id), h = H(
+          t.source,
+          t.sourcePort,
+          t.source === t.target ? { x: o.x + o.width, y: o.y + o.height / 3 } : W(o, a.sourceSide, g, a.offset),
+          t.source === t.target ? "EAST" : a.sourceSide
+        ), u = H(
+          t.target,
+          t.targetPort,
+          t.source === t.target ? {
+            x: g.x + g.width,
+            y: g.y + g.height * 2 / 3
+          } : W(g, a.targetSide, o, a.offset),
+          t.source === t.target ? "EAST" : a.targetSide
+        ), d = new s.ConnRef(i, h, u);
+        if (O(h), O(u), t.source === t.target) {
+          const f = r.get(t.source), M = new s.CheckpointVector();
+          for (const R of [f.y + f.height / 3, f.y + f.height * 2 / 3]) {
+            const P = new s.Point(f.x + f.width + 24, R), b = new s.Checkpoint(P);
+            M.push_back(b), O(P), O(b);
           }
-          w.setRoutingCheckpoints(u), m(u);
+          d.setRoutingCheckpoints(M), O(M);
         }
-        return { edge: n, connection: w };
+        return { edge: t, connection: d };
       });
-      r.processTransaction();
-      for (const { edge: n, connection: a } of M) {
-        const p = a.displayRoute(), o = Array.from({ length: p.size() }, (c, g) => {
-          const w = p.at(g), x = { x: w.x, y: w.y };
-          return m(w), x;
+      i.processTransaction();
+      for (const { edge: t, connection: o } of v) {
+        const g = o.displayRoute(), a = Array.from({ length: g.size() }, (h, u) => {
+          const d = g.at(u), f = { x: d.x, y: d.y };
+          return O(d), f;
         });
-        if (m(p), !a.hasValidRoute() || o.length < 2 || o.some((c) => !Number.isFinite(c.x) || !Number.isFinite(c.y)) || o.some((c, g) => g > 0 && c.x !== o[g - 1].x && c.y !== o[g - 1].y))
-          throw new Error(`Graph edge cannot be routed: ${n.id}`);
-        f.set(n.id, o);
+        if (O(g), !o.hasValidRoute() || a.length < 2 || a.some((h) => !Number.isFinite(h.x) || !Number.isFinite(h.y)) || a.some((h, u) => u > 0 && h.x !== a[u - 1].x && h.y !== a[u - 1].y))
+          throw new Error(`Graph edge cannot be routed: ${t.id}`);
+        T.set(t.id, a);
       }
     } finally {
-      r.delete();
+      i.delete();
     }
   }
-  const T = t.edges.map((h) => ({ ...h, sections: [f.get(h.id)] }));
-  return C({
-    nodes: t.nodes,
-    edges: T,
-    bounds: t.bounds
+  const w = n.edges.map((y) => ({ ...y, sections: [T.get(y.id)] }));
+  return F({
+    nodes: n.nodes,
+    edges: w,
+    bounds: n.bounds
   });
 }
-function C(t) {
-  const e = [
-    ...t.nodes.flatMap((i) => [
-      { x: i.x, y: i.y },
-      { x: i.x + i.width, y: i.y + i.height }
+function F(n) {
+  const s = [
+    ...n.nodes.flatMap((x) => [
+      { x: x.x, y: x.y },
+      { x: x.x + x.width, y: x.y + x.height }
     ]),
-    ...t.edges.flatMap((i) => i.sections.flat())
-  ], s = Math.min(...e.map((i) => i.x)), d = Math.min(...e.map((i) => i.y));
+    ...n.edges.flatMap((x) => x.sections.flat())
+  ], r = Math.min(...s.map((x) => x.x)), p = Math.min(...s.map((x) => x.y));
   return {
-    nodes: t.nodes,
-    edges: t.edges,
+    nodes: n.nodes,
+    edges: n.edges,
     bounds: {
-      x: s,
-      y: d,
-      width: Math.max(...e.map((i) => i.x)) - s,
-      height: Math.max(...e.map((i) => i.y)) - d
+      x: r,
+      y: p,
+      width: Math.max(...s.map((x) => x.x)) - r,
+      height: Math.max(...s.map((x) => x.y)) - p
     }
   };
 }
-function A(t, e) {
+function U(n, s) {
   return {
-    x: e === "WEST" ? t.x : e === "EAST" ? t.x + t.width : t.x + t.width / 2,
-    y: e === "NORTH" ? t.y : e === "SOUTH" ? t.y + t.height : t.y + t.height / 2
+    x: s === "WEST" ? n.x : s === "EAST" ? n.x + n.width : n.x + n.width / 2,
+    y: s === "NORTH" ? n.y : s === "SOUTH" ? n.y + n.height : n.y + n.height / 2
   };
 }
-function O(t) {
+function B(n) {
   return {
     NORTH: "SOUTH",
     EAST: "WEST",
     SOUTH: "NORTH",
     WEST: "EAST"
-  }[t];
+  }[n];
 }
-function D(t, e) {
-  const s = e.x + e.width / 2 - (t.x + t.width / 2), d = e.y + e.height / 2 - (t.y + t.height / 2), i = Math.max(t.x - (e.x + e.width), e.x - (t.x + t.width), 0), f = Math.max(
-    t.y - (e.y + e.height),
-    e.y - (t.y + t.height),
+function X(n, s, r, p, x, T, w) {
+  let y;
+  const m = (i, e, c) => c === "NORTH" ? e.x === i.x && e.y < i.y : c === "SOUTH" ? e.x === i.x && e.y > i.y : c === "WEST" ? e.y === i.y && e.x < i.x : e.y === i.y && e.x > i.x;
+  for (const i of T ? [T] : N)
+    for (const e of w ? [w] : N) {
+      const c = T ? U(n, i) : W(n, i, s, x), S = w ? U(s, e) : W(s, e, n, x), E = c.x === S.x || c.y === S.y ? [[c, S]] : [
+        [c, { x: S.x, y: c.y }, S],
+        [c, { x: c.x, y: S.y }, S]
+      ];
+      for (const l of E) {
+        if (r.includes(n) && !m(c, l[1], i) || r.includes(s) && !m(S, l.at(-2), e) || l.slice(1).some((H, v) => {
+          const t = l[v];
+          return r.some(
+            (o) => Math.max(t.x, H.x) > o.x && Math.min(t.x, H.x) < o.x + o.width && Math.max(t.y, H.y) > o.y && Math.min(t.y, H.y) < o.y + o.height
+          );
+        }))
+          continue;
+        const C = l.slice(1).reduce(
+          (H, v, t) => H + Math.abs(v.x - l[t].x) + Math.abs(v.y - l[t].y),
+          0
+        ) + (l.length - 2) * 32 + (i === p.source ? 0 : 16) + (e === p.target ? 0 : 16);
+        (!y || C < y.score) && (y = { source: i, target: e, score: C });
+      }
+    }
+  return y;
+}
+function Y(n, s) {
+  const r = (e, c) => c.x >= e.x && c.y >= e.y && c.x + c.width <= e.x + e.width && c.y + c.height <= e.y + e.height, p = r(n, s) ? n : r(s, n) ? s : void 0;
+  if (p) {
+    const e = p === n ? s : n, c = {
+      NORTH: e.y - p.y,
+      EAST: p.x + p.width - e.x - e.width,
+      SOUTH: p.y + p.height - e.y - e.height,
+      WEST: e.x - p.x
+    }, S = [...N].sort((E, l) => c[E] - c[l])[0];
+    return { source: S, target: S };
+  }
+  const x = s.x + s.width / 2 - (n.x + n.width / 2), T = s.y + s.height / 2 - (n.y + n.height / 2), w = Math.max(n.x - (s.x + s.width), s.x - (n.x + n.width), 0), y = Math.max(
+    n.y - (s.y + s.height),
+    s.y - (n.y + n.height),
     0
-  ), h = (f === 0 && i > 0 ? !0 : i === 0 && f > 0 ? !1 : i === 0 && f === 0 ? Math.abs(s) >= Math.abs(d) : i <= f) ? s >= 0 ? "EAST" : "WEST" : d >= 0 ? "SOUTH" : "NORTH";
-  return { source: h, target: O(h) };
+  ), i = (y === 0 && w > 0 ? !0 : w === 0 && y > 0 ? !1 : w === 0 && y === 0 ? Math.abs(x) >= Math.abs(T) : w <= y) ? x >= 0 ? "EAST" : "WEST" : T >= 0 ? "SOUTH" : "NORTH";
+  return { source: i, target: B(i) };
 }
-function k(t, e, s, d = 0) {
-  const i = (r) => Math.min(8, r / 4), f = (r, S, P) => Math.max(S + i(P), Math.min(S + P - i(P), r)), T = (r, S, P, R) => {
-    const l = Math.max(r, P), M = Math.min(r + S, P + R);
-    return l < M ? (l + M) / 2 + d : void 0;
-  }, h = s.x + s.width / 2, y = s.y + s.height / 2;
-  switch (e) {
+function W(n, s, r, p = 0) {
+  const x = (i) => Math.min(8, i / 4), T = (i, e, c) => Math.max(e + x(c), Math.min(e + c - x(c), i)), w = (i, e, c, S) => {
+    const E = Math.max(i, c), l = Math.min(i + e, c + S);
+    return E < l ? (E + l) / 2 + p : void 0;
+  }, y = r.x + r.width / 2, m = r.y + r.height / 2;
+  switch (s) {
     case "NORTH":
       return {
-        x: f(
-          T(t.x, t.width, s.x, s.width) ?? h + d,
-          t.x,
-          t.width
+        x: T(
+          w(n.x, n.width, r.x, r.width) ?? y + p,
+          n.x,
+          n.width
         ),
-        y: t.y
+        y: n.y
       };
     case "EAST":
       return {
-        x: t.x + t.width,
-        y: f(
-          T(t.y, t.height, s.y, s.height) ?? y + d,
-          t.y,
-          t.height
+        x: n.x + n.width,
+        y: T(
+          w(n.y, n.height, r.y, r.height) ?? m + p,
+          n.y,
+          n.height
         )
       };
     case "SOUTH":
       return {
-        x: f(
-          T(t.x, t.width, s.x, s.width) ?? h + d,
-          t.x,
-          t.width
+        x: T(
+          w(n.x, n.width, r.x, r.width) ?? y + p,
+          n.x,
+          n.width
         ),
-        y: t.y + t.height
+        y: n.y + n.height
       };
     case "WEST":
       return {
-        x: t.x,
-        y: f(
-          T(t.y, t.height, s.y, s.height) ?? y + d,
-          t.y,
-          t.height
+        x: n.x,
+        y: T(
+          w(n.y, n.height, r.y, r.height) ?? m + p,
+          n.y,
+          n.height
         )
       };
   }
 }
 export {
-  F as routeGraphGeometry
+  $ as routeGraphGeometry
 };

package/dist/remote-input.d.ts

@@ -23,6 +23,8 @@ export interface RemoteInputOptions<T> {
 export interface RemoteInputController<T> {
     readonly element: HTMLTextAreaElement;
     bindTarget(target: T | null): void;
+    /** Physical preserves the host layout; text uses every local confirmed edit. */
+    setTextInputMode(mode: 'physical' | 'text'): void;
     setAnchor(clientX: number, clientY: number): void;
     focus(): void;
     setKeyboardVisible(visible: boolean): void;

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.8",
+  "version": "0.86.11",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",