@floegence/floe-webapp-core 0.52.11 → 0.52.12

package/dist/components/ui/SurfaceFloatingPanel.d.ts

@@ -15,6 +15,10 @@ export interface SurfaceFloatingPanelProps extends Omit<SurfaceFloatingLayerProp
     snapThreshold?: number;
     /** Client/CSS viewport pixel gap between the panel and its safe boundary. Defaults to 8px. */
     snapInset?: number;
+    /** Show a quiet marker at the predicted landing edge during dragging. */
+    snapPreview?: boolean;
+    /** Gentle motion varies from 210–360ms with travel distance. Default: standard (180ms). */
+    snapMotion?: 'standard' | 'gentle';
     /** Called with client/CSS viewport coordinates after a committed position change. */
     onPositionChange?: (position: SurfaceFloatingPanelPosition) => void;
 }

package/dist/components/ui/SurfaceFloatingPanel.js

@@ -1,18 +1,21 @@
-import { memo as X, createComponent as K, mergeProps as L, template as j, use as q } from "solid-js/web";
-import { splitProps as N, createSignal as b, createMemo as Y, onMount as O, onCleanup as U } from "solid-js";
-import { SurfaceFloatingLayer as V } from "./SurfaceFloatingLayer.js";
-import { readSurfaceSafeArea as z, resolveFloatingBoundary as J } from "./surfaceFloatingBoundary.js";
-import { startPointerSession as Q } from "./pointerSession.js";
-import { resolveSurfaceFloatingPanelBounds as Z, resolveSurfaceFloatingPanelPosition as ee, resolveSurfaceFloatingPanelInset as te, insetSurfaceFloatingPanelGeometry as ne, resolveSurfaceFloatingPanelSnap as oe, resolveSurfaceFloatingPanelSnapThreshold as re } from "./surfaceFloatingPanelGeometry.js";
-import { resolveSurfacePortalHost as ae, resolveSurfacePortalScale as ie } from "./dialogSurfaceScope.js";
-var se = /* @__PURE__ */ j("<span hidden>");
-function he($) {
-  const [a, E] = N($, ["children", "owner", "boundary", "style", "snapToEdge", "boundaryInsets", "snapThreshold", "snapInset", "onPositionChange"]);
-  let P, r, f, h = !1, p, c = null;
-  const B = z(), [G, R] = b(!1), [A, F] = b({
+import { createComponent as D, memo as H, mergeProps as Z, template as ee, use as te } from "solid-js/web";
+import { splitProps as ne, createSignal as f, createMemo as b, onMount as oe, onCleanup as G, Show as re } from "solid-js";
+import { SurfaceFloatingLayer as R } from "./SurfaceFloatingLayer.js";
+import { readSurfaceSafeArea as ae, resolveFloatingBoundary as ie } from "./surfaceFloatingBoundary.js";
+import { startPointerSession as se } from "./pointerSession.js";
+import { resolveSurfaceFloatingPanelBounds as le, resolveSurfaceFloatingPanelPosition as ce, resolveSurfaceFloatingPanelSnap as de, resolveSurfaceFloatingPanelSnapThreshold as pe, resolveSurfaceFloatingPanelInset as ue, insetSurfaceFloatingPanelGeometry as he } from "./surfaceFloatingPanelGeometry.js";
+import { resolveSurfacePortalHost as ge, resolveSurfacePortalScale as fe } from "./dialogSurfaceScope.js";
+var me = /* @__PURE__ */ ee("<span hidden>");
+function Se(_) {
+  const [a, k] = ne(_, ["children", "owner", "boundary", "style", "snapToEdge", "boundaryInsets", "snapThreshold", "snapInset", "snapPreview", "snapMotion", "onPositionChange"]);
+  let S, u, h, m = !1, p;
+  const q = ae(), [F, X] = f(!1), [z, C] = f(!1), [K, Y] = f({
+    x: 0,
+    y: 0
+  }), [O, j] = f(!1), [T, $] = f({
     x: 1,
     y: 1
-  }), [u, W] = b({
+  }), [i, N] = f({
     left: 0,
     top: 0,
     width: 0,
@@ -21,83 +24,120 @@ function he($) {
     panelHeight: 0,
     scaleX: 1,
     scaleY: 1
-  }), x = () => a.owner ?? P, v = () => te(a.snapInset), S = Y(() => Z(u(), v())), k = () => x()?.ownerDocument.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? 0 : 180, T = () => {
-    if (!r) return;
-    const e = ae({
-      owner: x()
-    }), t = J(e, a.boundary, B), n = ie(e), i = r.getBoundingClientRect(), o = {
-      ...ne({
+  }), P = () => a.owner ?? S, E = () => ue(a.snapInset), A = b(() => le(i(), E())), U = (e) => P()?.ownerDocument.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? 0 : a.snapMotion === "gentle" ? Math.round(Math.min(360, Math.max(210, 180 + Math.sqrt(e) * 12))) : 180, I = () => {
+    if (!u) return;
+    const e = ge({
+      owner: P()
+    }), t = ie(e, a.boundary, q), n = fe(e), r = u.getBoundingClientRect(), o = {
+      ...he({
         left: t?.left ?? 0,
         top: t?.top ?? 0,
         width: t?.width ?? 0,
         height: t?.height ?? 0,
-        panelWidth: i.width,
-        panelHeight: i.height
+        panelWidth: r.width,
+        panelHeight: r.height
       }, a.boundaryInsets),
       scaleX: n.x,
       scaleY: n.y
     };
-    W((m) => Object.keys(o).every((s) => o[s] === m[s]) ? m : o);
-  }, l = Y(() => ee(S(), A())), y = (e, t) => {
-    const n = S(), i = (g, o) => o.room > 0 ? Math.max(0, Math.min(1, g / o.room)) : 0;
-    F({
-      x: i(e - n.x.min, n.x),
-      y: i(t - n.y.min, n.y)
+    p && (o.width !== i().width || o.height !== i().height || o.scaleX !== i().scaleX || o.scaleY !== i().scaleY) && w(), N((d) => Object.keys(o).every((x) => o[x] === d[x]) ? d : o);
+  }, c = b(() => ce(A(), T())), M = (e, t) => {
+    const n = A(), r = (s, o) => o.room > 0 ? Math.max(0, Math.min(1, s / o.room)) : 0;
+    $({
+      x: r(e - n.x.min, n.x),
+      y: r(t - n.y.min, n.y)
     });
-  }, d = (e = l()) => {
+  }, y = (e = c()) => {
     a.onPositionChange?.(e);
-  }, M = () => {
-    p !== void 0 && (clearTimeout(p), p = void 0), r && c !== null && (r.style.transition = c, c = null);
-  }, C = () => {
-    const e = p !== void 0 ? r?.getBoundingClientRect() : void 0;
-    M(), T(), e && y(e.left, e.top);
-  }, H = () => {
-    const e = oe(l(), S(), re(a.snapThreshold));
+  }, w = () => {
+    const e = p;
+    p = void 0, e?.cancel(), C(!1);
+  }, L = () => {
+    const e = p !== void 0 ? u?.getBoundingClientRect() : void 0;
+    w(), I(), e && M(e.left, e.top);
+  }, W = b(() => de(c(), A(), pe(a.snapThreshold), K())), V = b(() => {
+    const e = W();
+    if (!a.snapPreview || !a.snapToEdge || !F() || !e) return null;
+    const t = i(), n = e.edge === "left" || e.edge === "right";
+    return {
+      edge: e.edge,
+      x: e.position.x + (n ? e.edge === "left" ? -7 : t.panelWidth + 5 : (t.panelWidth - 28) / 2),
+      y: e.position.y + (n ? (t.panelHeight - 28) / 2 : e.edge === "top" ? -7 : t.panelHeight + 5),
+      width: (n ? 2 : 28) / t.scaleX,
+      height: (n ? 28 : 2) / t.scaleY
+    };
+  }), J = () => {
+    const e = W();
     if (!e) {
-      d(l());
+      y(c());
       return;
     }
-    const t = l();
+    const t = c();
     if (t.x === e.position.x && t.y === e.position.y) {
-      d(t);
+      y(t);
       return;
     }
-    M();
-    const n = k();
-    r && (c = r.style.transition, r.style.transition = n ? `left ${n}ms ease-out, top ${n}ms ease-out` : "none"), y(e.position.x, e.position.y), d(e.position), p = setTimeout(() => {
-      r && c !== null && (r.style.transition = c), c = null, p = void 0;
-    }, n);
-  }, _ = {
+    w();
+    const n = U(Math.hypot(t.x - e.position.x, t.y - e.position.y)), r = a.snapMotion === "gentle" ? "cubic-bezier(.22,.7,.18,1)" : "ease-out";
+    if (M(e.position.x, e.position.y), y(e.position), !n || !u?.animate) return;
+    const s = i(), o = u.animate([{
+      translate: `${(t.x - e.position.x) / s.scaleX}px ${(t.y - e.position.y) / s.scaleY}px`
+    }, {
+      translate: "0px 0px"
+    }], {
+      duration: n,
+      easing: r
+    });
+    p = o, C(!0), o.finished.then(() => {
+      p === o && (p = void 0, C(!1));
+    }).catch(() => {
+    });
+  }, Q = {
     style: {
       "touch-action": "none",
       "user-select": "none"
     },
     onPointerDown: (e) => {
-      if (e.button !== 0 || f) return;
-      e.stopPropagation(), C();
-      const t = A(), n = l(), i = e.clientX, g = e.clientY;
-      h = !1;
-      let o = !1;
-      const m = (s, w) => {
-        const D = s - i, I = w - g;
-        o ||= Math.hypot(D, I) >= 4, o && y(n.x + D, n.y + I);
+      if (e.button !== 0 || h) return;
+      e.stopPropagation(), L();
+      const t = T(), n = c(), r = e.clientX, s = e.clientY;
+      m = !1, Y({
+        x: 0,
+        y: 0
+      });
+      let o = {
+        x: r,
+        y: s
+      }, d = !1;
+      const x = (l, g) => {
+        const v = l - r, B = g - s;
+        d ||= Math.hypot(v, B) >= 4, d && (m = !0, X(!0), (l !== o.x || g !== o.y) && Y({
+          x: l - o.x,
+          y: g - o.y
+        }), o = {
+          x: l,
+          y: g
+        }, M(n.x + v, n.y + B));
       };
-      f = Q({
+      h = se({
         pointerEvent: e,
         captureEl: e.currentTarget,
-        onMove: (s) => {
-          s.preventDefault(), m(s.clientX, s.clientY);
+        continueOnCaptureLoss: !0,
+        interruptionPosition: "last-held",
+        onMove: (l) => {
+          l.preventDefault(), x(l.clientX, l.clientY);
         },
         onEnd: ({
-          commit: s,
-          snapshot: w
+          commit: l,
+          reason: g,
+          snapshot: v
         }) => {
-          s ? (m(w.latestClientX, w.latestClientY), o && a.snapToEdge ? H() : o && d(l())) : F(t), h = o, f = void 0;
+          l || g === "pointer_cancel" ? (x(v.latestClientX, v.latestClientY), d && a.snapToEdge ? J() : d && y(c())) : $(t), m = d, X(!1), h = void 0;
         }
       });
     },
     "oncapture:click": (e) => {
-      h && e.detail !== 0 && (e.preventDefault(), e.stopImmediatePropagation()), h = !1;
+      m && e.detail !== 0 && (e.preventDefault(), e.stopImmediatePropagation()), m = !1;
     },
     onKeyDown: (e) => {
       const t = {
@@ -107,50 +147,99 @@ function he($) {
         ArrowDown: [0, 1]
       }[e.key];
       if (!t) return;
-      e.preventDefault(), e.stopPropagation(), C();
-      const n = l(), i = e.shiftKey ? 40 : 10;
-      y(n.x + t[0] * i, n.y + t[1] * i), d(l());
+      e.preventDefault(), e.stopPropagation(), L();
+      const n = c(), r = e.shiftKey ? 40 : 10;
+      M(n.x + t[0] * r, n.y + t[1] * r), y(c());
     }
   };
-  return O(() => {
-    R(!0);
-    let e = 0;
-    const t = () => {
-      T(), e = requestAnimationFrame(t);
+  return oe(() => {
+    j(!0);
+    const e = (o) => {
+      o.key !== "Escape" || !h || (o.preventDefault(), o.stopImmediatePropagation(), h.stop());
+    };
+    document.addEventListener("keydown", e, !0);
+    const t = window.matchMedia?.("(prefers-reduced-motion: reduce)"), n = () => {
+      t?.matches && w();
     };
-    t(), U(() => {
-      cancelAnimationFrame(e), M(), f?.stop();
+    t?.addEventListener?.("change", n), G(() => {
+      document.removeEventListener("keydown", e, !0), t?.removeEventListener?.("change", n);
+    });
+    let r = 0;
+    const s = () => {
+      I(), r = requestAnimationFrame(s);
+    };
+    s(), G(() => {
+      cancelAnimationFrame(r), w(), h?.stop();
     });
   }), [(() => {
-    var e = se(), t = P;
-    return typeof t == "function" ? q(t, e) : P = e, e;
-  })(), X(() => X(() => !!G())() && K(V, L(E, {
+    var e = me(), t = S;
+    return typeof t == "function" ? te(t, e) : S = e, e;
+  })(), D(re, {
+    get when() {
+      return V();
+    },
+    children: (e) => D(R, {
+      get owner() {
+        return P();
+      },
+      get boundary() {
+        return a.boundary;
+      },
+      get position() {
+        return e();
+      },
+      clamp: !1,
+      "aria-hidden": "true",
+      get "data-floe-panel-snap-preview"() {
+        return e().edge;
+      },
+      get style() {
+        return {
+          width: `${e().width}px`,
+          height: `${e().height}px`,
+          "border-radius": "2px",
+          "pointer-events": "none",
+          border: "1px solid currentColor",
+          "box-sizing": "border-box",
+          color: "var(--muted-foreground, CanvasText)",
+          opacity: 0.55
+        };
+      },
+      children: null
+    })
+  }), H(() => H(() => !!O())() && D(R, Z(k, {
+    get "data-floe-panel-dragging"() {
+      return F() ? "true" : void 0;
+    },
+    get "data-floe-panel-settling"() {
+      return z() ? "true" : void 0;
+    },
     get owner() {
-      return x();
+      return P();
     },
     get boundary() {
       return a.boundary;
     },
     get position() {
-      return l();
+      return c();
     },
     clamp: !1,
     layerRef: (e) => {
-      r = e;
+      u = e;
     },
     get style() {
       return {
         ...a.style,
-        "max-width": `${Math.max(0, u().width - v() * 2) / Math.max(0.01, u().scaleX)}px`,
-        "max-height": `${Math.max(0, u().height - v() * 2) / Math.max(0.01, u().scaleY)}px`,
-        visibility: u().width <= 16 || u().height <= 16 ? "hidden" : void 0
+        "max-width": `${Math.max(0, i().width - E() * 2) / Math.max(0.01, i().scaleX)}px`,
+        "max-height": `${Math.max(0, i().height - E() * 2) / Math.max(0.01, i().scaleY)}px`,
+        visibility: i().width <= 16 || i().height <= 16 ? "hidden" : void 0
       };
     },
     get children() {
-      return a.children(_);
+      return a.children(Q);
     }
   })))];
 }
 export {
-  he as SurfaceFloatingPanel
+  Se as SurfaceFloatingPanel
 };

package/dist/components/ui/dialogSurfaceScope.js

@@ -1,65 +1,65 @@
-const g = "data-floe-dialog-surface-host", b = g, E = "data-floe-surface-portal-layer", P = "data-floe-surface-floating-layer", x = "data-floe-dialog-surface-boundary", T = 1600;
-let u = null, r = null;
-function w(t) {
+const E = "data-floe-dialog-surface-host", H = E, b = "data-floe-surface-portal-layer", I = "data-floe-surface-floating-layer", B = "data-floe-dialog-surface-boundary", v = 1600;
+let l = null, i = null;
+function A(t) {
   return typeof Element < "u" && t instanceof Element ? t : typeof Node < "u" && t instanceof Node ? t.parentElement : null;
 }
-function R(t) {
+function L(t) {
   const e = t?.activeElement;
   return e instanceof Element ? e : null;
 }
-function c(t) {
+function a(t) {
   const e = typeof document < "u" ? document : null;
-  u = {
-    target: w(t),
-    activeElement: R(e),
+  l = {
+    target: A(t),
+    activeElement: L(e),
     recordedAt: Date.now()
   };
 }
-function a(t) {
-  c(t.target);
+function p(t) {
+  a(t.target);
 }
-function s(t) {
-  c(t.target);
+function y(t) {
+  a(t.target);
 }
-function h(t) {
-  c(t.target);
+function T(t) {
+  a(t.target);
 }
-function p() {
-  S();
+function R() {
+  _();
 }
-function S() {
-  typeof document > "u" || r !== document && (r && (r.removeEventListener("pointerdown", a, !0), r.removeEventListener("focusin", s, !0), r.removeEventListener("contextmenu", h, !0)), document.addEventListener("pointerdown", a, !0), document.addEventListener("focusin", s, !0), document.addEventListener("contextmenu", h, !0), r = document);
+function _() {
+  typeof document > "u" || i !== document && (i && (i.removeEventListener("pointerdown", p, !0), i.removeEventListener("focusin", y, !0), i.removeEventListener("contextmenu", T, !0)), document.addEventListener("pointerdown", p, !0), document.addEventListener("focusin", y, !0), document.addEventListener("contextmenu", T, !0), i = document);
 }
-function A() {
-  return !u || Date.now() - u.recordedAt > T ? null : u;
+function x() {
+  return !l || Date.now() - l.recordedAt > v ? null : l;
 }
-function l(t) {
-  const e = t?.closest(`[${g}="true"]`);
+function f(t) {
+  const e = t?.closest(`[${E}="true"]`);
   return typeof HTMLElement > "u" ? null : e instanceof HTMLElement ? e : null;
 }
-function v(t) {
+function C(t) {
   if (!t) return null;
-  const e = t.closest(`[${E}="true"]`);
+  const e = t.closest(`[${b}="true"]`);
   return typeof HTMLElement > "u" ? null : e instanceof HTMLElement ? e : null;
 }
-function C(t = {}) {
-  p();
-  const e = A(), n = t.owner ? l(t.owner) : l(e?.target ?? null) ?? l(e?.activeElement ?? null);
+function O(t = {}) {
+  R();
+  const e = x(), n = t.owner ? f(t.owner) : f(e?.target ?? null) ?? f(e?.activeElement ?? null);
   return n ? {
     host: n,
     boundaryHost: n,
-    mountHost: v(n) ?? n,
+    mountHost: C(n) ?? n,
     mode: "surface"
   } : { host: null, boundaryHost: null, mountHost: null, mode: "global" };
 }
-function i(t) {
+function c(t) {
   return t.mode === "surface" && !!t.boundaryHost?.isConnected;
 }
-function f(t) {
-  if (i(t))
+function s(t) {
+  if (c(t))
     return t.mountHost ?? t.boundaryHost ?? void 0;
 }
-function y() {
+function S() {
   return typeof window > "u" ? {
     left: 0,
     top: 0,
@@ -76,9 +76,9 @@ function y() {
     height: window.innerHeight
   };
 }
-function F(t) {
-  if (!i(t) || !t.boundaryHost)
-    return y();
+function M(t) {
+  if (!c(t) || !t.boundaryHost)
+    return S();
   const e = t.boundaryHost.getBoundingClientRect();
   return {
     left: e.left,
@@ -89,10 +89,10 @@ function F(t) {
     height: e.height
   };
 }
-function L(t) {
-  const e = f(t);
+function P(t) {
+  const e = s(t);
   if (!e)
-    return y();
+    return S();
   const n = e.getBoundingClientRect();
   return {
     left: n.left,
@@ -103,28 +103,31 @@ function L(t) {
     height: n.height
   };
 }
-function _(t) {
-  const e = f(t);
+function F(t) {
+  const e = s(t);
   if (!e) return { x: 1, y: 1 };
-  const n = e.getBoundingClientRect();
+  const n = e.getBoundingClientRect(), o = getComputedStyle(e), r = (u) => Number.parseFloat(u) || 0, h = (u) => {
+    const d = r(o[u]);
+    return d ? o.boxSizing === "border-box" ? d : d + (u === "width" ? r(o.paddingLeft) + r(o.paddingRight) + r(o.borderLeftWidth) + r(o.borderRightWidth) : r(o.paddingTop) + r(o.paddingBottom) + r(o.borderTopWidth) + r(o.borderBottomWidth)) : u === "width" ? e.offsetWidth : e.offsetHeight;
+  }, m = h("width"), g = h("height");
   return {
-    x: e.offsetWidth > 0 && n.width > 0 ? n.width / e.offsetWidth : 1,
-    y: e.offsetHeight > 0 && n.height > 0 ? n.height / e.offsetHeight : 1
+    x: m > 0 && n.width > 0 ? n.width / m : 1,
+    y: g > 0 && n.height > 0 ? n.height / g : 1
   };
 }
-function m(t, e) {
-  if (!i(e))
+function w(t, e) {
+  if (!c(e))
     return t;
-  const n = f(e), o = L(e), d = _(e);
+  const n = s(e), o = P(e), r = F(e);
   return {
-    x: (t.x - o.left) / d.x - n.clientLeft + n.scrollLeft,
-    y: (t.y - o.top) / d.y - n.clientTop + n.scrollTop
+    x: (t.x - o.left) / r.x - n.clientLeft + n.scrollLeft,
+    y: (t.y - o.top) / r.y - n.clientTop + n.scrollTop
   };
 }
-function H(t, e) {
-  if (!i(e))
+function D(t, e) {
+  if (!c(e))
     return t;
-  const n = m({ x: t.left, y: t.top }, e), o = m({ x: t.right, y: t.bottom }, e);
+  const n = w({ x: t.left, y: t.top }, e), o = w({ x: t.right, y: t.bottom }, e);
   return {
     left: n.x,
     top: n.y,
@@ -134,26 +137,26 @@ function H(t, e) {
     height: o.y - n.y
   };
 }
-function I() {
-  u = null;
+function N() {
+  l = null;
 }
-typeof document < "u" && p();
+typeof document < "u" && R();
 export {
-  x as DIALOG_SURFACE_BOUNDARY_ATTR,
-  g as DIALOG_SURFACE_HOST_ATTR,
-  P as SURFACE_FLOATING_LAYER_ATTR,
-  b as SURFACE_PORTAL_HOST_ATTR,
-  E as SURFACE_PORTAL_LAYER_ATTR,
-  I as __resetSurfacePortalScopeForTests,
-  p as ensureDialogSurfaceInteractionTracking,
-  S as ensureSurfacePortalInteractionTracking,
-  i as isSurfacePortalMode,
-  m as projectSurfacePortalPosition,
-  H as projectSurfacePortalRect,
-  A as readFreshInteractionSnapshot,
-  F as resolveSurfacePortalBoundaryRect,
-  C as resolveSurfacePortalHost,
-  f as resolveSurfacePortalMount,
-  L as resolveSurfacePortalMountRect,
-  _ as resolveSurfacePortalScale
+  B as DIALOG_SURFACE_BOUNDARY_ATTR,
+  E as DIALOG_SURFACE_HOST_ATTR,
+  I as SURFACE_FLOATING_LAYER_ATTR,
+  H as SURFACE_PORTAL_HOST_ATTR,
+  b as SURFACE_PORTAL_LAYER_ATTR,
+  N as __resetSurfacePortalScopeForTests,
+  R as ensureDialogSurfaceInteractionTracking,
+  _ as ensureSurfacePortalInteractionTracking,
+  c as isSurfacePortalMode,
+  w as projectSurfacePortalPosition,
+  D as projectSurfacePortalRect,
+  x as readFreshInteractionSnapshot,
+  M as resolveSurfacePortalBoundaryRect,
+  O as resolveSurfacePortalHost,
+  s as resolveSurfacePortalMount,
+  P as resolveSurfacePortalMountRect,
+  F as resolveSurfacePortalScale
 };

package/dist/components/ui/pointerSession.d.ts

@@ -19,6 +19,10 @@ export interface StartPointerSessionOptions {
     ownerDocument?: Document;
     buttonMask?: number;
     capturePointer?: boolean;
+    /** Keep document ownership when capture is lost before release. */
+    continueOnCaptureLoss?: boolean;
+    /** Floating launchers settle at the last held point after an interrupted release. */
+    interruptionPosition?: 'event' | 'last-held';
     onMove?: (event: PointerEvent, snapshot: PointerSessionSnapshot) => void;
     onEnd: (event: PointerSessionEndEvent) => void;
 }

package/dist/components/ui/pointerSession.js

@@ -1,25 +1,25 @@
-function C(e) {
+function L(e) {
   if (e.ownerDocument) return e.ownerDocument;
   if (e.captureEl?.ownerDocument) return e.captureEl.ownerDocument;
   const n = e.pointerEvent.target;
   return n && typeof n == "object" && "ownerDocument" in n && n.ownerDocument instanceof Document ? n.ownerDocument : document;
 }
-function c(e, n) {
+function o(e, n) {
   return typeof e.buttons == "number" ? e.buttons : n;
 }
-function L(e, n) {
+function h(e, n) {
   return !e || e.pointerId === n;
 }
 function b(e) {
-  const n = C(e), l = n.defaultView ?? window, a = e.buttonMask ?? 1, h = c(e.pointerEvent, a), t = {
+  const n = L(e), l = n.defaultView ?? window, a = e.buttonMask ?? 1, P = o(e.pointerEvent, a), t = {
     pointerId: e.pointerEvent.pointerId,
     latestClientX: e.pointerEvent.clientX,
     latestClientY: e.pointerEvent.clientY,
-    latestButtons: h,
+    latestButtons: P,
     active: !0,
     captureActive: !1
-  }, o = (r) => {
-    !t.active || r.pointerId !== t.pointerId || (t.latestClientX = r.clientX, t.latestClientY = r.clientY, t.latestButtons = c(r, t.latestButtons));
+  }, c = (r) => {
+    !t.active || r.pointerId !== t.pointerId || (t.latestClientX = r.clientX, t.latestClientY = r.clientY, t.latestButtons = o(r, t.latestButtons));
   }, s = () => {
     if (t.active && !(!e.captureEl || typeof e.captureEl.setPointerCapture != "function"))
       try {
@@ -37,12 +37,12 @@ function b(e) {
     } finally {
       t.captureActive = !1;
     }
-  }, P = () => {
+  }, C = () => {
     n.removeEventListener("pointermove", p, !0), n.removeEventListener("pointerup", d, !0), n.removeEventListener("pointercancel", f, !0), n.removeEventListener("visibilitychange", E), l.removeEventListener("blur", v), e.captureEl?.removeEventListener("lostpointercapture", m);
   }, i = (r = {}) => {
     if (!t.active) return;
     const u = r.event;
-    L(u, t.pointerId) && (u && o(u), t.active = !1, P(), w(), e.onEnd({
+    h(u, t.pointerId) && (u && c(u), t.active = !1, C(), w(), e.onEnd({
       reason: r.reason ?? "manual_stop",
       commit: r.commit ?? !1,
       snapshot: t,
@@ -51,21 +51,29 @@ function b(e) {
   };
   function p(r) {
     if (!(!t.active || r.pointerId !== t.pointerId)) {
-      if (o(r), a > 0 && (c(r, t.latestButtons) & a) !== a) {
-        i({ reason: "buttons_released", commit: !0, event: r });
+      if (a > 0 && (o(r, t.latestButtons) & a) !== a) {
+        t.latestButtons = o(r, 0), i({
+          reason: "buttons_released",
+          commit: !0,
+          ...e.interruptionPosition === "last-held" ? {} : { event: r }
+        });
         return;
       }
-      e.onMove?.(r, t);
+      c(r), e.onMove?.(r, t);
     }
   }
   function d(r) {
     i({ reason: "pointer_up", commit: !0, event: r });
   }
   function f(r) {
-    i({ reason: "pointer_cancel", commit: !1, event: r });
+    h(r, t.pointerId) && i({
+      reason: "pointer_cancel",
+      commit: !1,
+      ...e.interruptionPosition === "last-held" ? {} : { event: r }
+    });
   }
   function m() {
-    i({ reason: "lost_pointer_capture", commit: !0 });
+    t.captureActive = !1, !e.continueOnCaptureLoss && i({ reason: "lost_pointer_capture", commit: !0 });
   }
   function v() {
     i({ reason: "window_blur", commit: !0 });
@@ -75,7 +83,7 @@ function b(e) {
   }
   return n.addEventListener("pointermove", p, !0), n.addEventListener("pointerup", d, !0), n.addEventListener("pointercancel", f, !0), n.addEventListener("visibilitychange", E), l.addEventListener("blur", v), e.captureEl?.addEventListener("lostpointercapture", m), e.capturePointer !== !1 && s(), {
     snapshot: () => t,
-    updatePointer: o,
+    updatePointer: c,
     capturePointer: s,
     stop: i
   };