@weng-lab/visualization 2.4.0-beta.7 → 2.4.0-beta.8

package/dist/visualization.es551.js

@@ -1,996 +1,285 @@
-import { V as a, c as et } from "./visualization.es608.js";
-function st(s, t) {
-  if (typeof s != "object" || s === null) return s;
-  var e = s[Symbol.toPrimitive];
-  if (e !== void 0) {
-    var i = e.call(s, t);
-    if (typeof i != "object") return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(s);
-}
-function it(s) {
-  var t = st(s, "string");
-  return typeof t == "symbol" ? t : String(t);
-}
-function f(s, t, e) {
-  return t = it(t), t in s ? Object.defineProperty(s, t, {
-    value: e,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : s[t] = e, s;
-}
-function P(s, t) {
-  var e = Object.keys(s);
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(s);
-    t && (i = i.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(s, n).enumerable;
-    })), e.push.apply(e, i);
-  }
-  return e;
-}
-function u(s) {
-  for (var t = 1; t < arguments.length; t++) {
-    var e = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? P(Object(e), !0).forEach(function(i) {
-      f(s, i, e[i]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(e)) : P(Object(e)).forEach(function(i) {
-      Object.defineProperty(s, i, Object.getOwnPropertyDescriptor(e, i));
+import { addPointerEvent as k } from "./visualization.es178.js";
+import { extractEventInfo as B } from "./visualization.es179.js";
+import { getContextWindow as j } from "./visualization.es552.js";
+import { isRefObject as P } from "./visualization.es608.js";
+import { PanSession as T } from "./visualization.es553.js";
+import { applyConstraints as b, calcRelativeConstraints as I, resolveDragElastic as w, calcViewportConstraints as R, defaultElastic as O, rebaseAxisConstraints as W, calcOrigin as z } from "./visualization.es609.js";
+import { createBox as F } from "./visualization.es436.js";
+import { frame as C } from "./visualization.es337.js";
+import { eachAxis as p } from "./visualization.es459.js";
+import { invariant as U } from "./visualization.es317.js";
+import { measurePageBox as _ } from "./visualization.es431.js";
+import { convertBoxToBoundingBox as K, convertBoundingBoxToBox as N } from "./visualization.es452.js";
+import { addValueToWillChange as L } from "./visualization.es343.js";
+import { animateMotionValue as $ } from "./visualization.es336.js";
+import { addDomEvent as q } from "./visualization.es180.js";
+import { setDragLock as G } from "./visualization.es378.js";
+import { resize as V } from "./visualization.es390.js";
+import { percent as H } from "./visualization.es414.js";
+import { calcLength as J } from "./visualization.es456.js";
+import { mixNumber as M } from "./visualization.es363.js";
+import { isElementTextInput as Q } from "./visualization.es384.js";
+const X = /* @__PURE__ */ new WeakMap();
+class At {
+  constructor(t) {
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = F(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
+  }
+  start(t, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
+    const { presenceContext: i } = this.visualElement;
+    if (i && i.isPresent === !1)
+      return;
+    const e = (r) => {
+      n && this.snapToCursor(B(r).point), this.stopAnimation();
+    }, o = (r, l) => {
+      const { drag: g, dragPropagation: d, onDragStart: v } = this.getProps();
+      if (g && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = G(g), !this.openDragLock))
+        return;
+      this.latestPointerEvent = r, this.latestPanInfo = l, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), p((f) => {
+        let D = this.getAxisMotionValue(f).get() || 0;
+        if (H.test(D)) {
+          const { projection: y } = this.visualElement;
+          if (y && y.layout) {
+            const x = y.layout.layoutBox[f];
+            x && (D = J(x) * (parseFloat(D) / 100));
+          }
+        }
+        this.originPoint[f] = D;
+      }), v && C.update(() => v(r, l), !1, !0), L(this.visualElement, "transform");
+      const { animationState: E } = this.visualElement;
+      E && E.setActive("whileDrag", !0);
+    }, a = (r, l) => {
+      this.latestPointerEvent = r, this.latestPanInfo = l;
+      const { dragPropagation: g, dragDirectionLock: d, onDirectionLock: v, onDrag: E } = this.getProps();
+      if (!g && !this.openDragLock)
+        return;
+      const { offset: f } = l;
+      if (d && this.currentDirection === null) {
+        this.currentDirection = Z(f), this.currentDirection !== null && v && v(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", l.point, f), this.updateAxis("y", l.point, f), this.visualElement.render(), E && C.update(() => E(r, l), !1, !0);
+    }, u = (r, l) => {
+      this.latestPointerEvent = r, this.latestPanInfo = l, this.stop(r, l), this.latestPointerEvent = null, this.latestPanInfo = null;
+    }, c = () => {
+      const { dragSnapToOrigin: r } = this.getProps();
+      (r || this.constraints) && this.startAnimation({ x: 0, y: 0 });
+    }, { dragSnapToOrigin: h } = this.getProps();
+    this.panSession = new T(t, {
+      onSessionStart: e,
+      onStart: o,
+      onMove: a,
+      onSessionEnd: u,
+      resumeAnimation: c
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      dragSnapToOrigin: h,
+      distanceThreshold: s,
+      contextWindow: j(this.visualElement),
+      element: this.visualElement.current
     });
   }
-  return s;
-}
-const j = {
-  pointer: {
-    start: "down",
-    change: "move",
-    end: "up"
-  },
-  mouse: {
-    start: "down",
-    change: "move",
-    end: "up"
-  },
-  touch: {
-    start: "start",
-    change: "move",
-    end: "end"
-  },
-  gesture: {
-    start: "start",
-    change: "change",
-    end: "end"
-  }
-};
-function M(s) {
-  return s ? s[0].toUpperCase() + s.slice(1) : "";
-}
-const nt = ["enter", "leave"];
-function rt(s = !1, t) {
-  return s && !nt.includes(t);
-}
-function jt(s, t = "", e = !1) {
-  const i = j[s], n = i && i[t] || t;
-  return "on" + M(s) + M(n) + (rt(e, n) ? "Capture" : "");
-}
-const ot = ["gotpointercapture", "lostpointercapture"];
-function Ht(s) {
-  let t = s.substring(2).toLowerCase();
-  const e = !!~t.indexOf("passive");
-  e && (t = t.replace("passive", ""));
-  const i = ot.includes(t) ? "capturecapture" : "capture", n = !!~t.indexOf(i);
-  return n && (t = t.replace("capture", "")), {
-    device: t,
-    capture: n,
-    passive: e
-  };
-}
-function Xt(s, t = "") {
-  const e = j[s], i = e && e[t] || t;
-  return s + i;
-}
-function C(s) {
-  return "touches" in s;
-}
-function H(s) {
-  return C(s) ? "touch" : "pointerType" in s ? s.pointerType : "mouse";
-}
-function at(s) {
-  return Array.from(s.touches).filter((t) => {
-    var e, i;
-    return t.target === s.currentTarget || ((e = s.currentTarget) === null || e === void 0 || (i = e.contains) === null || i === void 0 ? void 0 : i.call(e, t.target));
-  });
-}
-function ct(s) {
-  return s.type === "touchend" || s.type === "touchcancel" ? s.changedTouches : s.targetTouches;
-}
-function X(s) {
-  return C(s) ? ct(s)[0] : s;
-}
-function x(s, t) {
-  try {
-    const e = t.clientX - s.clientX, i = t.clientY - s.clientY, n = (t.clientX + s.clientX) / 2, r = (t.clientY + s.clientY) / 2, o = Math.hypot(e, i);
-    return {
-      angle: -(Math.atan2(e, i) * 180) / Math.PI,
-      distance: o,
-      origin: [n, r]
-    };
-  } catch {
-  }
-  return null;
-}
-function Wt(s) {
-  return at(s).map((t) => t.identifier);
-}
-function L(s, t) {
-  const [e, i] = Array.from(s.touches).filter((n) => t.includes(n.identifier));
-  return x(e, i);
-}
-function k(s) {
-  const t = X(s);
-  return C(s) ? t.identifier : t.pointerId;
-}
-function _(s) {
-  const t = X(s);
-  return [t.clientX, t.clientY];
-}
-const N = 40, V = 800;
-function W(s) {
-  let {
-    deltaX: t,
-    deltaY: e,
-    deltaMode: i
-  } = s;
-  return i === 1 ? (t *= N, e *= N) : i === 2 && (t *= V, e *= V), [t, e];
-}
-function ut(s) {
-  var t, e;
-  const {
-    scrollX: i,
-    scrollY: n,
-    scrollLeft: r,
-    scrollTop: o
-  } = s.currentTarget;
-  return [(t = i ?? r) !== null && t !== void 0 ? t : 0, (e = n ?? o) !== null && e !== void 0 ? e : 0];
-}
-function ht(s) {
-  const t = {};
-  if ("buttons" in s && (t.buttons = s.buttons), "shiftKey" in s) {
-    const {
-      shiftKey: e,
-      altKey: i,
-      metaKey: n,
-      ctrlKey: r
-    } = s;
-    Object.assign(t, {
-      shiftKey: e,
-      altKey: i,
-      metaKey: n,
-      ctrlKey: r
+  /**
+   * @internal
+   */
+  stop(t, n) {
+    const s = t || this.latestPointerEvent, i = n || this.latestPanInfo, e = this.isDragging;
+    if (this.cancel(), !e || !i || !s)
+      return;
+    const { velocity: o } = i;
+    this.startAnimation(o);
+    const { onDragEnd: a } = this.getProps();
+    a && C.postRender(() => a(s, i));
+  }
+  /**
+   * @internal
+   */
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: n } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.endPanSession();
+    const { dragPropagation: s } = this.getProps();
+    !s && this.openDragLock && (this.openDragLock(), this.openDragLock = null), n && n.setActive("whileDrag", !1);
+  }
+  /**
+   * Clean up the pan session without modifying other drag state.
+   * This is used during unmount to ensure event listeners are removed
+   * without affecting projection animations or drag locks.
+   * @internal
+   */
+  endPanSession() {
+    this.panSession && this.panSession.end(), this.panSession = void 0;
+  }
+  updateAxis(t, n, s) {
+    const { drag: i } = this.getProps();
+    if (!s || !A(t, i, this.currentDirection))
+      return;
+    const e = this.getAxisMotionValue(t);
+    let o = this.originPoint[t] + s[t];
+    this.constraints && this.constraints[t] && (o = b(o, this.constraints[t], this.elastic[t])), e.set(o);
+  }
+  resolveConstraints() {
+    const { dragConstraints: t, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
+    t && P(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = I(s.layoutBox, t) : this.constraints = !1, this.elastic = w(n), i !== this.constraints && !P(t) && s && this.constraints && !this.hasMutatedConstraints && p((e) => {
+      this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = W(s.layoutBox[e], this.constraints[e]));
     });
   }
-  return t;
-}
-function I(s, ...t) {
-  return typeof s == "function" ? s(...t) : s;
-}
-function lt() {
-}
-function zt(...s) {
-  return s.length === 0 ? lt : s.length === 1 ? s[0] : function() {
-    let t;
-    for (const e of s)
-      t = e.apply(this, arguments) || t;
-    return t;
-  };
-}
-function K(s, t) {
-  return Object.assign({}, t, s || {});
-}
-const ft = 32;
-class z {
-  constructor(t, e, i) {
-    this.ctrl = t, this.args = e, this.key = i, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
-  }
-  get state() {
-    return this.ctrl.state[this.key];
-  }
-  set state(t) {
-    this.ctrl.state[this.key] = t;
-  }
-  get shared() {
-    return this.ctrl.state.shared;
-  }
-  get eventStore() {
-    return this.ctrl.gestureEventStores[this.key];
-  }
-  get timeoutStore() {
-    return this.ctrl.gestureTimeoutStores[this.key];
-  }
-  get config() {
-    return this.ctrl.config[this.key];
-  }
-  get sharedConfig() {
-    return this.ctrl.config.shared;
-  }
-  get handler() {
-    return this.ctrl.handlers[this.key];
-  }
-  reset() {
-    const {
-      state: t,
-      shared: e,
-      ingKey: i,
-      args: n
-    } = this;
-    e[i] = t._active = t.active = t._blocked = t._force = !1, t._step = [!1, !1], t.intentional = !1, t._movement = [0, 0], t._distance = [0, 0], t._direction = [0, 0], t._delta = [0, 0], t._bounds = [[-1 / 0, 1 / 0], [-1 / 0, 1 / 0]], t.args = n, t.axis = void 0, t.memo = void 0, t.elapsedTime = t.timeDelta = 0, t.direction = [0, 0], t.distance = [0, 0], t.overflow = [0, 0], t._movementBound = [!1, !1], t.velocity = [0, 0], t.movement = [0, 0], t.delta = [0, 0], t.timeStamp = 0;
-  }
-  start(t) {
-    const e = this.state, i = this.config;
-    e._active || (this.reset(), this.computeInitial(), e._active = !0, e.target = t.target, e.currentTarget = t.currentTarget, e.lastOffset = i.from ? I(i.from, e) : e.offset, e.offset = e.lastOffset, e.startTime = e.timeStamp = t.timeStamp);
-  }
-  computeValues(t) {
-    const e = this.state;
-    e._values = t, e.values = this.config.transform(t);
-  }
-  computeInitial() {
-    const t = this.state;
-    t._initial = t._values, t.initial = t.values;
-  }
-  compute(t) {
-    const {
-      state: e,
-      config: i,
-      shared: n
-    } = this;
-    e.args = this.args;
-    let r = 0;
-    if (t && (e.event = t, i.preventDefault && t.cancelable && e.event.preventDefault(), e.type = t.type, n.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, n.locked = !!document.pointerLockElement, Object.assign(n, ht(t)), n.down = n.pressed = n.buttons % 2 === 1 || n.touches > 0, r = t.timeStamp - e.timeStamp, e.timeStamp = t.timeStamp, e.elapsedTime = e.timeStamp - e.startTime), e._active) {
-      const m = e._delta.map(Math.abs);
-      a.addTo(e._distance, m);
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
+    if (!t || !P(t))
+      return !1;
+    const s = t.current;
+    U(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
+    const { projection: i } = this.visualElement;
+    if (!i || !i.layout)
+      return !1;
+    const e = _(s, i.root, this.visualElement.getTransformPagePoint());
+    let o = R(i.layout.layoutBox, e);
+    if (n) {
+      const a = n(K(o));
+      this.hasMutatedConstraints = !!a, a && (o = N(a));
     }
-    this.axisIntent && this.axisIntent(t);
-    const [o, h] = e._movement, [p, v] = i.threshold, {
-      _step: c,
-      values: y
-    } = e;
-    if (i.hasCustomTransform ? (c[0] === !1 && (c[0] = Math.abs(o) >= p && y[0]), c[1] === !1 && (c[1] = Math.abs(h) >= v && y[1])) : (c[0] === !1 && (c[0] = Math.abs(o) >= p && Math.sign(o) * p), c[1] === !1 && (c[1] = Math.abs(h) >= v && Math.sign(h) * v)), e.intentional = c[0] !== !1 || c[1] !== !1, !e.intentional) return;
-    const d = [0, 0];
-    if (i.hasCustomTransform) {
-      const [m, tt] = y;
-      d[0] = c[0] !== !1 ? m - c[0] : 0, d[1] = c[1] !== !1 ? tt - c[1] : 0;
-    } else
-      d[0] = c[0] !== !1 ? o - c[0] : 0, d[1] = c[1] !== !1 ? h - c[1] : 0;
-    this.restrictToAxis && !e._blocked && this.restrictToAxis(d);
-    const w = e.offset, T = e._active && !e._blocked || e.active;
-    T && (e.first = e._active && !e.active, e.last = !e._active && e.active, e.active = n[this.ingKey] = e._active, t && (e.first && ("bounds" in i && (e._bounds = I(i.bounds, e)), this.setup && this.setup()), e.movement = d, this.computeOffset()));
-    const [D, A] = e.offset, [[S, F], [J, Q]] = e._bounds;
-    e.overflow = [D < S ? -1 : D > F ? 1 : 0, A < J ? -1 : A > Q ? 1 : 0], e._movementBound[0] = e.overflow[0] ? e._movementBound[0] === !1 ? e._movement[0] : e._movementBound[0] : !1, e._movementBound[1] = e.overflow[1] ? e._movementBound[1] === !1 ? e._movement[1] : e._movementBound[1] : !1;
-    const Z = e._active ? i.rubberband || [0, 0] : [0, 0];
-    if (e.offset = et(e._bounds, e.offset, Z), e.delta = a.sub(e.offset, w), this.computeMovement(), T && (!e.last || r > ft)) {
-      e.delta = a.sub(e.offset, w);
-      const m = e.delta.map(Math.abs);
-      a.addTo(e.distance, m), e.direction = e.delta.map(Math.sign), e._direction = e._delta.map(Math.sign), !e.first && r > 0 && (e.velocity = [m[0] / r, m[1] / r], e.timeDelta = r);
-    }
-  }
-  emit() {
-    const t = this.state, e = this.shared, i = this.config;
-    if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !i.triggerAllEvents) return;
-    const n = this.handler(u(u(u({}, e), t), {}, {
-      [this.aliasKey]: t.values
-    }));
-    n !== void 0 && (t.memo = n);
-  }
-  clean() {
-    this.eventStore.clean(), this.timeoutStore.clean();
-  }
-}
-function dt([s, t], e) {
-  const i = Math.abs(s), n = Math.abs(t);
-  if (i > n && i > e)
-    return "x";
-  if (n > i && n > e)
-    return "y";
-}
-class b extends z {
-  constructor(...t) {
-    super(...t), f(this, "aliasKey", "xy");
-  }
-  reset() {
-    super.reset(), this.state.axis = void 0;
-  }
-  init() {
-    this.state.offset = [0, 0], this.state.lastOffset = [0, 0];
-  }
-  computeOffset() {
-    this.state.offset = a.add(this.state.lastOffset, this.state.movement);
-  }
-  computeMovement() {
-    this.state.movement = a.sub(this.state.offset, this.state.lastOffset);
+    return o;
   }
-  axisIntent(t) {
-    const e = this.state, i = this.config;
-    if (!e.axis && t) {
-      const n = typeof i.axisThreshold == "object" ? i.axisThreshold[H(t)] : i.axisThreshold;
-      e.axis = dt(e._movement, n);
-    }
-    e._blocked = (i.lockDirection || !!i.axis) && !e.axis || !!i.axis && i.axis !== e.axis;
-  }
-  restrictToAxis(t) {
-    if (this.config.axis || this.config.lockDirection)
-      switch (this.state.axis) {
-        case "x":
-          t[1] = 0;
-          break;
-        case "y":
-          t[0] = 0;
-          break;
-      }
-  }
-}
-const R = (s) => s, U = 0.15, O = {
-  enabled(s = !0) {
-    return s;
-  },
-  eventOptions(s, t, e) {
-    return u(u({}, e.shared.eventOptions), s);
-  },
-  preventDefault(s = !1) {
-    return s;
-  },
-  triggerAllEvents(s = !1) {
-    return s;
-  },
-  rubberband(s = 0) {
-    switch (s) {
-      case !0:
-        return [U, U];
-      case !1:
-        return [0, 0];
-      default:
-        return a.toVector(s);
-    }
-  },
-  from(s) {
-    if (typeof s == "function") return s;
-    if (s != null) return a.toVector(s);
-  },
-  transform(s, t, e) {
-    const i = s || e.shared.transform;
-    if (this.hasCustomTransform = !!i, process.env.NODE_ENV === "development") {
-      const n = i || R;
-      return (r) => {
-        const o = n(r);
-        return (!isFinite(o[0]) || !isFinite(o[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${o[0]},${[1]}]`), o;
-      };
-    }
-    return i || R;
-  },
-  threshold(s) {
-    return a.toVector(s, 0);
-  }
-};
-process.env.NODE_ENV === "development" && Object.assign(O, {
-  domTarget(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
-    return NaN;
-  },
-  lockDirection(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");
-    return NaN;
-  },
-  initial(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");
-    return NaN;
-  }
-});
-const pt = 0, g = u(u({}, O), {}, {
-  axis(s, t, {
-    axis: e
-  }) {
-    if (this.lockDirection = e === "lock", !this.lockDirection) return e;
-  },
-  axisThreshold(s = pt) {
-    return s;
-  },
-  bounds(s = {}) {
-    if (typeof s == "function")
-      return (r) => g.bounds(s(r));
-    if ("current" in s)
-      return () => s.current;
-    if (typeof HTMLElement == "function" && s instanceof HTMLElement)
-      return s;
-    const {
-      left: t = -1 / 0,
-      right: e = 1 / 0,
-      top: i = -1 / 0,
-      bottom: n = 1 / 0
-    } = s;
-    return [[t, e], [i, n]];
-  }
-}), B = {
-  ArrowRight: (s, t = 1) => [s * t, 0],
-  ArrowLeft: (s, t = 1) => [-1 * s * t, 0],
-  ArrowUp: (s, t = 1) => [0, -1 * s * t],
-  ArrowDown: (s, t = 1) => [0, s * t]
-};
-class mt extends b {
-  constructor(...t) {
-    super(...t), f(this, "ingKey", "dragging");
-  }
-  reset() {
-    super.reset();
-    const t = this.state;
-    t._pointerId = void 0, t._pointerActive = !1, t._keyboardActive = !1, t._preventScroll = !1, t._delayed = !1, t.swipe = [0, 0], t.tap = !1, t.canceled = !1, t.cancel = this.cancel.bind(this);
-  }
-  setup() {
-    const t = this.state;
-    if (t._bounds instanceof HTMLElement) {
-      const e = t._bounds.getBoundingClientRect(), i = t.currentTarget.getBoundingClientRect(), n = {
-        left: e.left - i.left + t.offset[0],
-        right: e.right - i.right + t.offset[0],
-        top: e.top - i.top + t.offset[1],
-        bottom: e.bottom - i.bottom + t.offset[1]
+  startAnimation(t) {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: e, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), u = this.constraints || {}, c = p((h) => {
+      if (!A(h, n, this.currentDirection))
+        return;
+      let r = u && u[h] || {};
+      (o === !0 || o === h) && (r = { min: 0, max: 0 });
+      const l = i ? 200 : 1e6, g = i ? 40 : 1e7, d = {
+        type: "inertia",
+        velocity: s ? t[h] : 0,
+        bounceStiffness: l,
+        bounceDamping: g,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...e,
+        ...r
       };
-      t._bounds = g.bounds(n);
-    }
-  }
-  cancel() {
-    const t = this.state;
-    t.canceled || (t.canceled = !0, t._active = !1, setTimeout(() => {
-      this.compute(), this.emit();
-    }, 0));
-  }
-  setActive() {
-    this.state._active = this.state._pointerActive || this.state._keyboardActive;
-  }
-  clean() {
-    this.pointerClean(), this.state._pointerActive = !1, this.state._keyboardActive = !1, super.clean();
-  }
-  pointerDown(t) {
-    const e = this.config, i = this.state;
-    if (t.buttons != null && (Array.isArray(e.pointerButtons) ? !e.pointerButtons.includes(t.buttons) : e.pointerButtons !== -1 && e.pointerButtons !== t.buttons)) return;
-    const n = this.ctrl.setEventIds(t);
-    e.pointerCapture && t.target.setPointerCapture(t.pointerId), !(n && n.size > 1 && i._pointerActive) && (this.start(t), this.setupPointer(t), i._pointerId = k(t), i._pointerActive = !0, this.computeValues(_(t)), this.computeInitial(), e.preventScrollAxis && H(t) !== "mouse" ? (i._active = !1, this.setupScrollPrevention(t)) : e.delay > 0 ? (this.setupDelayTrigger(t), e.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
-  }
-  startPointerDrag(t) {
-    const e = this.state;
-    e._active = !0, e._preventScroll = !0, e._delayed = !1, this.compute(t), this.emit();
-  }
-  pointerMove(t) {
-    const e = this.state, i = this.config;
-    if (!e._pointerActive) return;
-    const n = k(t);
-    if (e._pointerId !== void 0 && n !== e._pointerId) return;
-    const r = _(t);
-    if (document.pointerLockElement === t.target ? e._delta = [t.movementX, t.movementY] : (e._delta = a.sub(r, e._values), this.computeValues(r)), a.addTo(e._movement, e._delta), this.compute(t), e._delayed && e.intentional) {
-      this.timeoutStore.remove("dragDelay"), e.active = !1, this.startPointerDrag(t);
-      return;
-    }
-    if (i.preventScrollAxis && !e._preventScroll)
-      if (e.axis)
-        if (e.axis === i.preventScrollAxis || i.preventScrollAxis === "xy") {
-          e._active = !1, this.clean();
-          return;
-        } else {
-          this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(t);
-          return;
-        }
-      else
+      return this.startAxisValueAnimation(h, d);
+    });
+    return Promise.all(c).then(a);
+  }
+  startAxisValueAnimation(t, n) {
+    const s = this.getAxisMotionValue(t);
+    return L(this.visualElement, t), s.start($(t, s, 0, n, this.visualElement, !1));
+  }
+  stopAnimation() {
+    p((t) => this.getAxisMotionValue(t).stop());
+  }
+  /**
+   * Drag works differently depending on which props are provided.
+   *
+   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+   * - Otherwise, we apply the delta to the x/y motion values.
+   */
+  getAxisMotionValue(t) {
+    const n = `_drag${t.toUpperCase()}`, s = this.visualElement.getProps(), i = s[n];
+    return i || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    p((n) => {
+      const { drag: s } = this.getProps();
+      if (!A(n, s, this.currentDirection))
         return;
-    this.emit();
-  }
-  pointerUp(t) {
-    this.ctrl.setEventIds(t);
-    try {
-      this.config.pointerCapture && t.target.hasPointerCapture(t.pointerId) && t.target.releasePointerCapture(t.pointerId);
-    } catch {
-      process.env.NODE_ENV === "development" && console.warn("[@use-gesture]: If you see this message, it's likely that you're using an outdated version of `@react-three/fiber`. \n\nPlease upgrade to the latest version.");
-    }
-    const e = this.state, i = this.config;
-    if (!e._active || !e._pointerActive) return;
-    const n = k(t);
-    if (e._pointerId !== void 0 && n !== e._pointerId) return;
-    this.state._pointerActive = !1, this.setActive(), this.compute(t);
-    const [r, o] = e._distance;
-    if (e.tap = r <= i.tapsThreshold && o <= i.tapsThreshold, e.tap && i.filterTaps)
-      e._force = !0;
-    else {
-      const [h, p] = e._delta, [v, c] = e._movement, [y, d] = i.swipe.velocity, [w, T] = i.swipe.distance, D = i.swipe.duration;
-      if (e.elapsedTime < D) {
-        const A = Math.abs(h / e.timeDelta), S = Math.abs(p / e.timeDelta);
-        A > y && Math.abs(v) > w && (e.swipe[0] = Math.sign(h)), S > d && Math.abs(c) > T && (e.swipe[1] = Math.sign(p));
+      const { projection: i } = this.visualElement, e = this.getAxisMotionValue(n);
+      if (i && i.layout) {
+        const { min: o, max: a } = i.layout.layoutBox[n], u = e.get() || 0;
+        e.set(t[n] - M(o, a, 0.5) + u);
       }
-    }
-    this.emit();
-  }
-  pointerClick(t) {
-    !this.state.tap && t.detail > 0 && (t.preventDefault(), t.stopPropagation());
+    });
   }
-  setupPointer(t) {
-    const e = this.config, i = e.device;
-    if (process.env.NODE_ENV === "development")
-      try {
-        if (i === "pointer" && e.preventScrollDelay === void 0) {
-          const n = "uv" in t ? t.sourceEvent.currentTarget : t.currentTarget;
-          window.getComputedStyle(n).touchAction === "auto" && console.warn("[@use-gesture]: The drag target has its `touch-action` style property set to `auto`. It is recommended to add `touch-action: 'none'` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.", n);
-        }
-      } catch {
+  /**
+   * When the viewport resizes we want to check if the measured constraints
+   * have changed and, if so, reposition the element within those new constraints
+   * relative to where it was before the resize.
+   */
+  scalePositionWithinConstraints() {
+    if (!this.visualElement.current)
+      return;
+    const { drag: t, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
+    if (!P(n) || !s || !this.constraints)
+      return;
+    this.stopAnimation();
+    const i = { x: 0, y: 0 };
+    p((o) => {
+      const a = this.getAxisMotionValue(o);
+      if (a && this.constraints !== !1) {
+        const u = a.get();
+        i[o] = z({ min: u, max: u }, this.constraints[o]);
       }
-    e.pointerLock && t.currentTarget.requestPointerLock(), e.pointerCapture || (this.eventStore.add(this.sharedConfig.window, i, "change", this.pointerMove.bind(this)), this.eventStore.add(this.sharedConfig.window, i, "end", this.pointerUp.bind(this)), this.eventStore.add(this.sharedConfig.window, i, "cancel", this.pointerUp.bind(this)));
-  }
-  pointerClean() {
-    this.config.pointerLock && document.pointerLockElement === this.state.currentTarget && document.exitPointerLock();
-  }
-  preventScroll(t) {
-    this.state._preventScroll && t.cancelable && t.preventDefault();
-  }
-  setupScrollPrevention(t) {
-    this.state._preventScroll = !1, gt(t);
-    const e = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
-      passive: !1
     });
-    this.eventStore.add(this.sharedConfig.window, "touch", "end", e), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", e), this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, t);
-  }
-  setupDelayTrigger(t) {
-    this.state._delayed = !0, this.timeoutStore.add("dragDelay", () => {
-      this.state._step = [0, 0], this.startPointerDrag(t);
-    }, this.config.delay);
-  }
-  keyDown(t) {
-    const e = B[t.key];
-    if (e) {
-      const i = this.state, n = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
-      this.start(t), i._delta = e(this.config.keyboardDisplacement, n), i._keyboardActive = !0, a.addTo(i._movement, i._delta), this.compute(t), this.emit();
-    }
-  }
-  keyUp(t) {
-    t.key in B && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
+    const { transformTemplate: e } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = e ? e({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.constraints = !1, this.resolveConstraints(), p((o) => {
+      if (!A(o, t, null))
+        return;
+      const a = this.getAxisMotionValue(o), { min: u, max: c } = this.constraints[o];
+      a.set(M(u, c, i[o]));
+    }), this.visualElement.render();
   }
-  bind(t) {
-    const e = this.config.device;
-    t(e, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (t(e, "change", this.pointerMove.bind(this)), t(e, "end", this.pointerUp.bind(this)), t(e, "cancel", this.pointerUp.bind(this)), t("lostPointerCapture", "", this.pointerUp.bind(this))), this.config.keys && (t("key", "down", this.keyDown.bind(this)), t("key", "up", this.keyUp.bind(this))), this.config.filterTaps && t("click", "", this.pointerClick.bind(this), {
-      capture: !0,
-      passive: !1
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    X.set(this.visualElement, this);
+    const t = this.visualElement.current, n = k(t, "pointerdown", (c) => {
+      const { drag: h, dragListener: r = !0 } = this.getProps(), l = c.target, g = l !== t && Q(l);
+      h && r && !g && this.start(c);
     });
+    let s;
+    const i = () => {
+      const { dragConstraints: c } = this.getProps();
+      P(c) && c.current && (this.constraints = this.resolveRefConstraints(), s || (s = Y(t, c.current, () => this.scalePositionWithinConstraints())));
+    }, { projection: e } = this.visualElement, o = e.addEventListener("measure", i);
+    e && !e.layout && (e.root && e.root.updateScroll(), e.updateLayout()), C.read(i);
+    const a = q(window, "resize", () => this.scalePositionWithinConstraints()), u = e.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: h }) => {
+      this.isDragging && h && (p((r) => {
+        const l = this.getAxisMotionValue(r);
+        l && (this.originPoint[r] += c[r].translate, l.set(l.get() + c[r].translate));
+      }), this.visualElement.render());
+    }));
+    return () => {
+      a(), n(), o(), u && u(), s && s();
+    };
   }
-}
-function gt(s) {
-  "persist" in s && typeof s.persist == "function" && s.persist();
-}
-const E = typeof window < "u" && window.document && window.document.createElement;
-function G() {
-  return E && "ontouchstart" in window;
-}
-function _t() {
-  return G() || E && window.navigator.maxTouchPoints > 1;
-}
-function vt() {
-  return E && "onpointerdown" in window;
-}
-function yt() {
-  return E && "exitPointerLock" in window.document;
-}
-function bt() {
-  try {
-    return "constructor" in GestureEvent;
-  } catch {
-    return !1;
-  }
-}
-const l = {
-  isBrowser: E,
-  gesture: bt(),
-  touch: G(),
-  touchscreen: _t(),
-  pointer: vt(),
-  pointerLock: yt()
-}, Et = 250, wt = 180, Tt = 0.5, Dt = 50, At = 250, It = 10, Y = {
-  mouse: 0,
-  touch: 0,
-  pen: 8
-}, $ = u(u({}, g), {}, {
-  device(s, t, {
-    pointer: {
-      touch: e = !1,
-      lock: i = !1,
-      mouse: n = !1
-    } = {}
-  }) {
-    return this.pointerLock = i && l.pointerLock, l.touch && e ? "touch" : this.pointerLock ? "mouse" : l.pointer && !n ? "pointer" : l.touch ? "touch" : "mouse";
-  },
-  preventScrollAxis(s, t, {
-    preventScroll: e
-  }) {
-    if (this.preventScrollDelay = typeof e == "number" ? e : e || e === void 0 && s ? Et : void 0, !(!l.touchscreen || e === !1))
-      return s || (e !== void 0 ? "y" : void 0);
-  },
-  pointerCapture(s, t, {
-    pointer: {
-      capture: e = !0,
-      buttons: i = 1,
-      keys: n = !0
-    } = {}
-  }) {
-    return this.pointerButtons = i, this.keys = n, !this.pointerLock && this.device === "pointer" && e;
-  },
-  threshold(s, t, {
-    filterTaps: e = !1,
-    tapsThreshold: i = 3,
-    axis: n = void 0
-  }) {
-    const r = a.toVector(s, e ? i : n ? 1 : 0);
-    return this.filterTaps = e, this.tapsThreshold = i, r;
-  },
-  swipe({
-    velocity: s = Tt,
-    distance: t = Dt,
-    duration: e = At
-  } = {}) {
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: e = !1, dragElastic: o = O, dragMomentum: a = !0 } = t;
     return {
-      velocity: this.transform(a.toVector(s)),
-      distance: this.transform(a.toVector(t)),
-      duration: e
+      ...t,
+      drag: n,
+      dragDirectionLock: s,
+      dragPropagation: i,
+      dragConstraints: e,
+      dragElastic: o,
+      dragMomentum: a
     };
-  },
-  delay(s = 0) {
-    switch (s) {
-      case !0:
-        return wt;
-      case !1:
-        return 0;
-      default:
-        return s;
-    }
-  },
-  axisThreshold(s) {
-    return s ? u(u({}, Y), s) : Y;
-  },
-  keyboardDisplacement(s = It) {
-    return s;
-  }
-});
-process.env.NODE_ENV === "development" && Object.assign($, {
-  useTouch(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
-    return NaN;
-  },
-  experimental_preventWindowScrollY(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");
-    return NaN;
-  },
-  swipeVelocity(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `swipeVelocity` option has been renamed to `swipe.velocity`. Use it as in `{ swipe: { velocity: 0.5 } }`.");
-    return NaN;
-  },
-  swipeDistance(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");
-    return NaN;
-  },
-  swipeDuration(s) {
-    if (s !== void 0)
-      throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");
-    return NaN;
   }
-});
-function q(s) {
-  const [t, e] = s.overflow, [i, n] = s._delta, [r, o] = s._direction;
-  (t < 0 && i > 0 && r < 0 || t > 0 && i < 0 && r > 0) && (s._movement[0] = s._movementBound[0]), (e < 0 && n > 0 && o < 0 || e > 0 && n < 0 && o > 0) && (s._movement[1] = s._movementBound[1]);
 }
-const St = 30, kt = 100;
-class xt extends z {
-  constructor(...t) {
-    super(...t), f(this, "ingKey", "pinching"), f(this, "aliasKey", "da");
-  }
-  init() {
-    this.state.offset = [1, 0], this.state.lastOffset = [1, 0], this.state._pointerEvents = /* @__PURE__ */ new Map();
-  }
-  reset() {
-    super.reset();
-    const t = this.state;
-    t._touchIds = [], t.canceled = !1, t.cancel = this.cancel.bind(this), t.turns = 0;
-  }
-  computeOffset() {
-    const {
-      type: t,
-      movement: e,
-      lastOffset: i
-    } = this.state;
-    t === "wheel" ? this.state.offset = a.add(e, i) : this.state.offset = [(1 + e[0]) * i[0], e[1] + i[1]];
-  }
-  computeMovement() {
-    const {
-      offset: t,
-      lastOffset: e
-    } = this.state;
-    this.state.movement = [t[0] / e[0], t[1] - e[1]];
-  }
-  axisIntent() {
-    const t = this.state, [e, i] = t._movement;
-    if (!t.axis) {
-      const n = Math.abs(e) * St - Math.abs(i);
-      n < 0 ? t.axis = "angle" : n > 0 && (t.axis = "scale");
-    }
-  }
-  restrictToAxis(t) {
-    this.config.lockDirection && (this.state.axis === "scale" ? t[1] = 0 : this.state.axis === "angle" && (t[0] = 0));
-  }
-  cancel() {
-    const t = this.state;
-    t.canceled || setTimeout(() => {
-      t.canceled = !0, t._active = !1, this.compute(), this.emit();
-    }, 0);
-  }
-  touchStart(t) {
-    this.ctrl.setEventIds(t);
-    const e = this.state, i = this.ctrl.touchIds;
-    if (e._active && e._touchIds.every((r) => i.has(r)) || i.size < 2) return;
-    this.start(t), e._touchIds = Array.from(i).slice(0, 2);
-    const n = L(t, e._touchIds);
-    n && this.pinchStart(t, n);
-  }
-  pointerStart(t) {
-    if (t.buttons != null && t.buttons % 2 !== 1) return;
-    this.ctrl.setEventIds(t), t.target.setPointerCapture(t.pointerId);
-    const e = this.state, i = e._pointerEvents, n = this.ctrl.pointerIds;
-    if (e._active && Array.from(i.keys()).every((o) => n.has(o)) || (i.size < 2 && i.set(t.pointerId, t), e._pointerEvents.size < 2)) return;
-    this.start(t);
-    const r = x(...Array.from(i.values()));
-    r && this.pinchStart(t, r);
-  }
-  pinchStart(t, e) {
-    const i = this.state;
-    i.origin = e.origin, this.computeValues([e.distance, e.angle]), this.computeInitial(), this.compute(t), this.emit();
-  }
-  touchMove(t) {
-    if (!this.state._active) return;
-    const e = L(t, this.state._touchIds);
-    e && this.pinchMove(t, e);
-  }
-  pointerMove(t) {
-    const e = this.state._pointerEvents;
-    if (e.has(t.pointerId) && e.set(t.pointerId, t), !this.state._active) return;
-    const i = x(...Array.from(e.values()));
-    i && this.pinchMove(t, i);
-  }
-  pinchMove(t, e) {
-    const i = this.state, n = i._values[1], r = e.angle - n;
-    let o = 0;
-    Math.abs(r) > 270 && (o += Math.sign(r)), this.computeValues([e.distance, e.angle - 360 * o]), i.origin = e.origin, i.turns = o, i._movement = [i._values[0] / i._initial[0] - 1, i._values[1] - i._initial[1]], this.compute(t), this.emit();
-  }
-  touchEnd(t) {
-    this.ctrl.setEventIds(t), this.state._active && this.state._touchIds.some((e) => !this.ctrl.touchIds.has(e)) && (this.state._active = !1, this.compute(t), this.emit());
-  }
-  pointerEnd(t) {
-    const e = this.state;
-    this.ctrl.setEventIds(t);
-    try {
-      t.target.releasePointerCapture(t.pointerId);
-    } catch {
-    }
-    e._pointerEvents.has(t.pointerId) && e._pointerEvents.delete(t.pointerId), e._active && e._pointerEvents.size < 2 && (e._active = !1, this.compute(t), this.emit());
-  }
-  gestureStart(t) {
-    t.cancelable && t.preventDefault();
-    const e = this.state;
-    e._active || (this.start(t), this.computeValues([t.scale, t.rotation]), e.origin = [t.clientX, t.clientY], this.compute(t), this.emit());
-  }
-  gestureMove(t) {
-    if (t.cancelable && t.preventDefault(), !this.state._active) return;
-    const e = this.state;
-    this.computeValues([t.scale, t.rotation]), e.origin = [t.clientX, t.clientY];
-    const i = e._movement;
-    e._movement = [t.scale - 1, t.rotation], e._delta = a.sub(e._movement, i), this.compute(t), this.emit();
-  }
-  gestureEnd(t) {
-    this.state._active && (this.state._active = !1, this.compute(t), this.emit());
-  }
-  wheel(t) {
-    const e = this.config.modifierKey;
-    e && (Array.isArray(e) ? !e.find((i) => t[i]) : !t[e]) || (this.state._active ? this.wheelChange(t) : this.wheelStart(t), this.timeoutStore.add("wheelEnd", this.wheelEnd.bind(this)));
-  }
-  wheelStart(t) {
-    this.start(t), this.wheelChange(t);
-  }
-  wheelChange(t) {
-    "uv" in t || (t.cancelable && t.preventDefault(), process.env.NODE_ENV === "development" && !t.defaultPrevented && console.warn("[@use-gesture]: To properly support zoom on trackpads, try using the `target` option.\n\nThis message will only appear in development mode."));
-    const i = this.state;
-    i._delta = [-W(t)[1] / kt * i.offset[0], 0], a.addTo(i._movement, i._delta), q(i), this.state.origin = [t.clientX, t.clientY], this.compute(t), this.emit();
-  }
-  wheelEnd() {
-    this.state._active && (this.state._active = !1, this.compute(), this.emit());
-  }
-  bind(t) {
-    const e = this.config.device;
-    e && (t(e, "start", this[e + "Start"].bind(this)), t(e, "change", this[e + "Move"].bind(this)), t(e, "end", this[e + "End"].bind(this)), t(e, "cancel", this[e + "End"].bind(this)), t("lostPointerCapture", "", this[e + "End"].bind(this))), this.config.pinchOnWheel && t("wheel", "", this.wheel.bind(this), {
-      passive: !1
-    });
-  }
-}
-const Ct = u(u({}, O), {}, {
-  device(s, t, {
-    shared: e,
-    pointer: {
-      touch: i = !1
-    } = {}
-  }) {
-    if (e.target && !l.touch && l.gesture) return "gesture";
-    if (l.touch && i) return "touch";
-    if (l.touchscreen) {
-      if (l.pointer) return "pointer";
-      if (l.touch) return "touch";
+function S(m) {
+  let t = !0;
+  return () => {
+    if (t) {
+      t = !1;
+      return;
     }
-  },
-  bounds(s, t, {
-    scaleBounds: e = {},
-    angleBounds: i = {}
-  }) {
-    const n = (o) => {
-      const h = K(I(e, o), {
-        min: -1 / 0,
-        max: 1 / 0
-      });
-      return [h.min, h.max];
-    }, r = (o) => {
-      const h = K(I(i, o), {
-        min: -1 / 0,
-        max: 1 / 0
-      });
-      return [h.min, h.max];
-    };
-    return typeof e != "function" && typeof i != "function" ? [n(), r()] : (o) => [n(o), r(o)];
-  },
-  threshold(s, t, e) {
-    return this.lockDirection = e.axis === "lock", a.toVector(s, this.lockDirection ? [0.1, 3] : 0);
-  },
-  modifierKey(s) {
-    return s === void 0 ? "ctrlKey" : s;
-  },
-  pinchOnWheel(s = !0) {
-    return s;
-  }
-});
-class Ot extends b {
-  constructor(...t) {
-    super(...t), f(this, "ingKey", "moving");
-  }
-  move(t) {
-    this.config.mouseOnly && t.pointerType !== "mouse" || (this.state._active ? this.moveChange(t) : this.moveStart(t), this.timeoutStore.add("moveEnd", this.moveEnd.bind(this)));
-  }
-  moveStart(t) {
-    this.start(t), this.computeValues(_(t)), this.compute(t), this.computeInitial(), this.emit();
-  }
-  moveChange(t) {
-    if (!this.state._active) return;
-    const e = _(t), i = this.state;
-    i._delta = a.sub(e, i._values), a.addTo(i._movement, i._delta), this.computeValues(e), this.compute(t), this.emit();
-  }
-  moveEnd(t) {
-    this.state._active && (this.state._active = !1, this.compute(t), this.emit());
-  }
-  bind(t) {
-    t("pointer", "change", this.move.bind(this)), t("pointer", "leave", this.moveEnd.bind(this));
-  }
-}
-const Pt = u(u({}, g), {}, {
-  mouseOnly: (s = !0) => s
-});
-class Mt extends b {
-  constructor(...t) {
-    super(...t), f(this, "ingKey", "scrolling");
-  }
-  scroll(t) {
-    this.state._active || this.start(t), this.scrollChange(t), this.timeoutStore.add("scrollEnd", this.scrollEnd.bind(this));
-  }
-  scrollChange(t) {
-    t.cancelable && t.preventDefault();
-    const e = this.state, i = ut(t);
-    e._delta = a.sub(i, e._values), a.addTo(e._movement, e._delta), this.computeValues(i), this.compute(t), this.emit();
-  }
-  scrollEnd() {
-    this.state._active && (this.state._active = !1, this.compute(), this.emit());
-  }
-  bind(t) {
-    t("scroll", "", this.scroll.bind(this));
-  }
+    m();
+  };
 }
-const Lt = g;
-class Nt extends b {
-  constructor(...t) {
-    super(...t), f(this, "ingKey", "wheeling");
-  }
-  wheel(t) {
-    this.state._active || this.start(t), this.wheelChange(t), this.timeoutStore.add("wheelEnd", this.wheelEnd.bind(this));
-  }
-  wheelChange(t) {
-    const e = this.state;
-    e._delta = W(t), a.addTo(e._movement, e._delta), q(e), this.compute(t), this.emit();
-  }
-  wheelEnd() {
-    this.state._active && (this.state._active = !1, this.compute(), this.emit());
-  }
-  bind(t) {
-    t("wheel", "", this.wheel.bind(this));
-  }
+function Y(m, t, n) {
+  const s = V(m, S(n)), i = V(t, S(n));
+  return () => {
+    s(), i();
+  };
 }
-const Vt = g;
-class Kt extends b {
-  constructor(...t) {
-    super(...t), f(this, "ingKey", "hovering");
-  }
-  enter(t) {
-    this.config.mouseOnly && t.pointerType !== "mouse" || (this.start(t), this.computeValues(_(t)), this.compute(t), this.emit());
-  }
-  leave(t) {
-    if (this.config.mouseOnly && t.pointerType !== "mouse") return;
-    const e = this.state;
-    if (!e._active) return;
-    e._active = !1;
-    const i = _(t);
-    e._movement = e._delta = a.sub(i, e._values), this.computeValues(i), this.compute(t), e.delta = e.movement, this.emit();
-  }
-  bind(t) {
-    t("pointer", "enter", this.enter.bind(this)), t("pointer", "leave", this.leave.bind(this));
-  }
+function A(m, t, n) {
+  return (t === !0 || t === m) && (n === null || n === m);
 }
-const Rt = u(u({}, g), {}, {
-  mouseOnly: (s = !0) => s
-}), Ut = /* @__PURE__ */ new Map(), Bt = /* @__PURE__ */ new Map();
-function Gt(s) {
-  Ut.set(s.key, s.engine), Bt.set(s.key, s.resolver);
+function Z(m, t = 10) {
+  let n = null;
+  return Math.abs(m.y) > t ? n = "y" : Math.abs(m.x) > t && (n = "x"), n;
 }
-const $t = {
-  key: "drag",
-  engine: mt,
-  resolver: $
-}, qt = {
-  key: "hover",
-  engine: Kt,
-  resolver: Rt
-}, Ft = {
-  key: "move",
-  engine: Ot,
-  resolver: Pt
-}, Jt = {
-  key: "pinch",
-  engine: xt,
-  resolver: Ct
-}, Qt = {
-  key: "scroll",
-  engine: Mt,
-  resolver: Lt
-}, Zt = {
-  key: "wheel",
-  engine: Nt,
-  resolver: Vt
-};
 export {
-  Bt as C,
-  Ut as E,
-  l as S,
-  u as _,
-  f as a,
-  Wt as b,
-  zt as c,
-  jt as d,
-  $t as e,
-  Jt as f,
-  qt as h,
-  C as i,
-  Ft as m,
-  Ht as p,
-  Gt as r,
-  Qt as s,
-  Xt as t,
-  Zt as w
+  At as VisualElementDragControls,
+  X as elementDragControls
 };
 //# sourceMappingURL=visualization.es551.js.map