@bbl-digital/snorre 4.2.94 → 4.2.96

package/dist/snorre.es1027.js

@@ -1,12 +1,8 @@
-import { makeUseVisualState as t } from "./snorre.es725.js";
-import { scrapeMotionValuesFromProps as e } from "./snorre.es1034.js";
-import { createHtmlRenderState as o } from "./snorre.es1129.js";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
-};
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
+}
 export {
-  i as htmlMotionConfig
+  y as renderHTML
 };

package/dist/snorre.es1028.js

@@ -1,43 +1,12 @@
-import { frame as n } from "./snorre.es674.js";
-import { makeUseVisualState as u } from "./snorre.es725.js";
-import { transformProps as d } from "./snorre.es656.js";
-import { buildSVGAttrs as l } from "./snorre.es1035.js";
-import { createSvgRenderState as g } from "./snorre.es1130.js";
-import { isSVGTag as c } from "./snorre.es1037.js";
-import { updateSVGDimensions as S } from "./snorre.es1038.js";
-import { renderSVG as V } from "./snorre.es1039.js";
-import { scrapeMotionValuesFromProps as h } from "./snorre.es1040.js";
-const p = ["x", "y", "width", "height", "cx", "cy", "r"], R = {
-  useVisualState: u({
-    scrapeMotionValuesFromProps: h,
-    createRenderState: g,
-    onUpdate: ({ props: t, prevProps: e, current: o, renderState: i, latestValues: a }) => {
-      if (!o)
-        return;
-      let m = !!t.drag;
-      if (!m) {
-        for (const r in a)
-          if (d.has(r)) {
-            m = !0;
-            break;
-          }
-      }
-      if (!m)
-        return;
-      let f = !e;
-      if (e)
-        for (let r = 0; r < p.length; r++) {
-          const s = p[r];
-          t[s] !== e[s] && (f = !0);
-        }
-      f && n.read(() => {
-        S(o, i), n.render(() => {
-          l(i, a, c(o.tagName), t.transformTemplate), V(o, i);
-        });
-      });
-    }
-  })
-};
+import { isForcedMotionValue as u } from "./snorre.es1129.js";
+import { isMotionValue as s } from "./snorre.es606.js";
+function c(n, l, e) {
+  var i;
+  const { style: t } = n, r = {};
+  for (const o in t)
+    (s(t[o]) || l.style && s(l.style[o]) || u(o, n) || ((i = e == null ? void 0 : e.getValue(o)) === null || i === void 0 ? void 0 : i.liveStyle) !== void 0) && (r[o] = t[o]);
+  return r;
+}
 export {
-  R as svgMotionConfig
+  c as scrapeMotionValuesFromProps
 };

package/dist/snorre.es1029.js

@@ -1,13 +1,26 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./snorre.es1125.js";
-import { translateAxis as n } from "./snorre.es1053.js";
-function x(o, t) {
-  return s(f(o.getBoundingClientRect(), t));
-}
-function c(o, t, i) {
-  const r = x(o, i), { scroll: e } = t;
-  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+import { buildHTMLStyles as b } from "./snorre.es1025.js";
+import { buildSVGPath as p } from "./snorre.es1130.js";
+import { calcSVGTransformOrigin as v } from "./snorre.es1131.js";
+function S(f, {
+  attrX: o,
+  attrY: s,
+  attrScale: m,
+  originX: i,
+  originY: e,
+  pathLength: u,
+  pathSpacing: l = 1,
+  pathOffset: t = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...y
+}, x, c) {
+  if (b(f, y, c), x) {
+    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
+    return;
+  }
+  f.attrs = f.style, f.style = {};
+  const { attrs: n, style: r, dimensions: d } = f;
+  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && p(n, u, l, t, !1);
 }
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  S as buildSVGAttrs
 };

package/dist/snorre.es1030.js

@@ -1,27 +1,28 @@
-import { VisualElement as r } from "./snorre.es658.js";
-import { DOMKeyframesResolver as o } from "./snorre.es617.js";
-import { isMotionValue as s } from "./snorre.es606.js";
-class a extends r {
-  constructor() {
-    super(...arguments), this.KeyframeResolver = o;
-  }
-  sortInstanceNodePosition(e, t) {
-    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(e, t) {
-    return e.style ? e.style[t] : void 0;
-  }
-  removeValueFromRenderState(e, { vars: t, style: i }) {
-    delete t[e], delete i[e];
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    s(e) && (this.childSubscription = e.on("change", (t) => {
-      this.current && (this.current.textContent = `${t}`);
-    }));
-  }
-}
+const e = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
 export {
-  a as DOMVisualElement
+  e as camelCaseAttributes
 };

package/dist/snorre.es1031.js

@@ -1,29 +1,4 @@
-import { isCSSVariableName as p } from "./snorre.es652.js";
-import { getValueAsType as u } from "./snorre.es654.js";
-import { numberValueTypes as c } from "./snorre.es655.js";
-import { buildTransform as g } from "./snorre.es653.js";
-import { transformProps as y } from "./snorre.es656.js";
-function S(f, i, e) {
-  const { style: o, vars: l, transformOrigin: t } = f;
-  let m = !1, a = !1;
-  for (const r in i) {
-    const n = i[r];
-    if (y.has(r)) {
-      m = !0;
-      continue;
-    } else if (p(r)) {
-      l[r] = n;
-      continue;
-    } else {
-      const s = u(n, c[r]);
-      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
-    }
-  }
-  if (i.transform || (m || e ? o.transform = g(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
-    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
-    o.transformOrigin = `${r} ${n} ${s}`;
-  }
-}
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  S as buildHTMLStyles
+  s as isSVGTag
 };

package/dist/snorre.es1032.js

@@ -1,64 +1,15 @@
-const e = (t) => t * 180 / Math.PI, c = (t) => {
-  const a = e(Math.atan2(t[1], t[0]));
-  return l(a);
-}, f = {
-  x: 4,
-  y: 5,
-  translateX: 4,
-  translateY: 5,
-  scaleX: 0,
-  scaleY: 3,
-  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: c,
-  rotateZ: c,
-  skewX: (t) => e(Math.atan(t[1])),
-  skewY: (t) => e(Math.atan(t[2])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, l = (t) => (t = t % 360, t < 0 && (t += 360), t), h = c, M = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), i = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), x = {
-  x: 12,
-  y: 13,
-  z: 14,
-  translateX: 12,
-  translateY: 13,
-  translateZ: 14,
-  scaleX: M,
-  scaleY: i,
-  scale: (t) => (M(t) + i(t)) / 2,
-  rotateX: (t) => l(e(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => l(e(Math.atan2(-t[2], t[0]))),
-  rotateZ: h,
-  rotate: h,
-  skewX: (t) => e(Math.atan(t[4])),
-  skewY: (t) => e(Math.atan(t[1])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
-};
-function m(t) {
-  return t.includes("scale") ? 1 : 0;
-}
-function b(t, a) {
-  if (!t || t === "none")
-    return m(a);
-  const s = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
-  let n, r;
-  if (s)
-    n = x, r = s;
-  else {
-    const d = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    n = f, r = d;
+function e(i, o) {
+  try {
+    o.dimensions = typeof i.getBBox == "function" ? i.getBBox() : i.getBoundingClientRect();
+  } catch {
+    o.dimensions = {
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    };
   }
-  if (!r)
-    return m(a);
-  const o = n[a], u = r[1].split(",").map(p);
-  return typeof o == "function" ? o(u) : u[o];
-}
-const X = (t, a) => {
-  const { transform: s = "none" } = getComputedStyle(t);
-  return b(s, a);
-};
-function p(t) {
-  return parseFloat(t.trim());
 }
 export {
-  b as parseValueFromTransform,
-  X as readTransformValue
+  e as updateSVGDimensions
 };

package/dist/snorre.es1033.js

@@ -1,8 +1,11 @@
-function y(t, { style: o, vars: e }, r, s) {
-  Object.assign(t.style, o, s && s.getProjectionStyles(r));
-  for (const n in e)
-    t.style.setProperty(n, e[n]);
+import { camelToDash as i } from "./snorre.es689.js";
+import { renderHTML as m } from "./snorre.es1027.js";
+import { camelCaseAttributes as e } from "./snorre.es1030.js";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
 }
 export {
-  y as renderHTML
+  c as renderSVG
 };

package/dist/snorre.es1034.js

@@ -1,12 +1,15 @@
-import { isForcedMotionValue as u } from "./snorre.es1131.js";
-import { isMotionValue as s } from "./snorre.es606.js";
-function c(n, l, e) {
-  var i;
-  const { style: t } = n, r = {};
-  for (const o in t)
-    (s(t[o]) || l.style && s(l.style[o]) || u(o, n) || ((i = e == null ? void 0 : e.getValue(o)) === null || i === void 0 ? void 0 : i.liveStyle) !== void 0) && (r[o] = t[o]);
-  return r;
+import { isMotionValue as n } from "./snorre.es606.js";
+import { transformPropOrder as i } from "./snorre.es656.js";
+import { scrapeMotionValuesFromProps as m } from "./snorre.es1028.js";
+function l(r, t, s) {
+  const e = m(r, t, s);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const a = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[a] = r[o];
+    }
+  return e;
 }
 export {
-  c as scrapeMotionValuesFromProps
+  l as scrapeMotionValuesFromProps
 };

package/dist/snorre.es1035.js

@@ -1,26 +1,30 @@
-import { buildHTMLStyles as b } from "./snorre.es1031.js";
-import { buildSVGPath as p } from "./snorre.es1132.js";
-import { calcSVGTransformOrigin as v } from "./snorre.es1133.js";
-function S(f, {
-  attrX: o,
-  attrY: s,
-  attrScale: m,
-  originX: i,
-  originY: e,
-  pathLength: u,
-  pathSpacing: l = 1,
-  pathOffset: t = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...y
-}, x, c) {
-  if (b(f, y, c), x) {
-    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
-    return;
-  }
-  f.attrs = f.style, f.style = {};
-  const { attrs: n, style: r, dimensions: d } = f;
-  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && p(n, u, l, t, !1);
-}
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
 export {
-  S as buildSVGAttrs
+  e as lowercaseSVGElements
 };

package/dist/snorre.es1036.js

@@ -1,28 +1,256 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+import { invariant as L } from "./snorre.es624.js";
+import { setDragLock as M } from "./snorre.es1132.js";
+import { animateMotionValue as S } from "./snorre.es864.js";
+import { addDomEvent as B } from "./snorre.es728.js";
+import { addPointerEvent as k } from "./snorre.es727.js";
+import { extractEventInfo as j } from "./snorre.es729.js";
+import { convertBoxToBoundingBox as T, convertBoundingBoxToBox as w } from "./snorre.es1128.js";
+import { calcLength as b } from "./snorre.es723.js";
+import { createBox as R } from "./snorre.es660.js";
+import { eachAxis as u } from "./snorre.es1058.js";
+import { measurePageBox as W } from "./snorre.es1023.js";
+import { getContextWindow as _ } from "./snorre.es1037.js";
+import { isRefObject as D } from "./snorre.es866.js";
+import { mixNumber as V } from "./snorre.es714.js";
+import { percent as O } from "./snorre.es683.js";
+import { addValueToWillChange as x } from "./snorre.es862.js";
+import { PanSession as U } from "./snorre.es1038.js";
+import { applyConstraints as z, calcRelativeConstraints as I, resolveDragElastic as F, calcViewportConstraints as K, defaultElastic as N, rebaseAxisConstraints as $, calcOrigin as q } from "./snorre.es1133.js";
+import { frame as C } from "./snorre.es674.js";
+const G = /* @__PURE__ */ new WeakMap();
+class ft {
+  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 = R(), this.visualElement = t;
+  }
+  start(t, { snapToCursor: s = !1 } = {}) {
+    const { presenceContext: i } = this.visualElement;
+    if (i && i.isPresent === !1)
+      return;
+    const n = (o) => {
+      const { dragSnapToOrigin: a } = this.getProps();
+      a ? this.pauseAnimation() : this.stopAnimation(), s && this.snapToCursor(j(o).point);
+    }, r = (o, a) => {
+      const { drag: f, dragPropagation: d, onDragStart: g } = this.getProps();
+      if (f && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = M(f), !this.openDragLock))
+        return;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), u((m) => {
+        let E = this.getAxisMotionValue(m).get() || 0;
+        if (O.test(E)) {
+          const { projection: A } = this.visualElement;
+          if (A && A.layout) {
+            const y = A.layout.layoutBox[m];
+            y && (E = b(y) * (parseFloat(E) / 100));
+          }
+        }
+        this.originPoint[m] = E;
+      }), g && C.postRender(() => g(o, a)), x(this.visualElement, "transform");
+      const { animationState: v } = this.visualElement;
+      v && v.setActive("whileDrag", !0);
+    }, e = (o, a) => {
+      const { dragPropagation: f, dragDirectionLock: d, onDirectionLock: g, onDrag: v } = this.getProps();
+      if (!f && !this.openDragLock)
+        return;
+      const { offset: m } = a;
+      if (d && this.currentDirection === null) {
+        this.currentDirection = H(m), this.currentDirection !== null && g && g(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", a.point, m), this.updateAxis("y", a.point, m), this.visualElement.render(), v && v(o, a);
+    }, l = (o, a) => this.stop(o, a), c = () => u((o) => {
+      var a;
+      return this.getAnimationState(o) === "paused" && ((a = this.getAxisMotionValue(o).animation) === null || a === void 0 ? void 0 : a.play());
+    }), { dragSnapToOrigin: h } = this.getProps();
+    this.panSession = new U(t, {
+      onSessionStart: n,
+      onStart: r,
+      onMove: e,
+      onSessionEnd: l,
+      resumeAnimation: c
+    }, {
+      transformPagePoint: this.visualElement.getTransformPagePoint(),
+      dragSnapToOrigin: h,
+      contextWindow: _(this.visualElement)
+    });
+  }
+  stop(t, s) {
+    const i = this.isDragging;
+    if (this.cancel(), !i)
+      return;
+    const { velocity: n } = s;
+    this.startAnimation(n);
+    const { onDragEnd: r } = this.getProps();
+    r && C.postRender(() => r(t, s));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: s } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: i } = this.getProps();
+    !i && this.openDragLock && (this.openDragLock(), this.openDragLock = null), s && s.setActive("whileDrag", !1);
+  }
+  updateAxis(t, s, i) {
+    const { drag: n } = this.getProps();
+    if (!i || !P(t, n, this.currentDirection))
+      return;
+    const r = this.getAxisMotionValue(t);
+    let e = this.originPoint[t] + i[t];
+    this.constraints && this.constraints[t] && (e = z(e, this.constraints[t], this.elastic[t])), r.set(e);
+  }
+  resolveConstraints() {
+    var t;
+    const { dragConstraints: s, dragElastic: i } = this.getProps(), n = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : (t = this.visualElement.projection) === null || t === void 0 ? void 0 : t.layout, r = this.constraints;
+    s && D(s) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : s && n ? this.constraints = I(n.layoutBox, s) : this.constraints = !1, this.elastic = F(i), r !== this.constraints && n && this.constraints && !this.hasMutatedConstraints && u((e) => {
+      this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = $(n.layoutBox[e], this.constraints[e]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: s } = this.getProps();
+    if (!t || !D(t))
+      return !1;
+    const i = t.current;
+    L(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: n } = this.visualElement;
+    if (!n || !n.layout)
+      return !1;
+    const r = W(i, n.root, this.visualElement.getTransformPagePoint());
+    let e = K(n.layout.layoutBox, r);
+    if (s) {
+      const l = s(T(e));
+      this.hasMutatedConstraints = !!l, l && (e = w(l));
+    }
+    return e;
+  }
+  startAnimation(t) {
+    const { drag: s, dragMomentum: i, dragElastic: n, dragTransition: r, dragSnapToOrigin: e, onDragTransitionEnd: l } = this.getProps(), c = this.constraints || {}, h = u((o) => {
+      if (!P(o, s, this.currentDirection))
+        return;
+      let a = c && c[o] || {};
+      e && (a = { min: 0, max: 0 });
+      const f = n ? 200 : 1e6, d = n ? 40 : 1e7, g = {
+        type: "inertia",
+        velocity: i ? t[o] : 0,
+        bounceStiffness: f,
+        bounceDamping: d,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...r,
+        ...a
+      };
+      return this.startAxisValueAnimation(o, g);
+    });
+    return Promise.all(h).then(l);
+  }
+  startAxisValueAnimation(t, s) {
+    const i = this.getAxisMotionValue(t);
+    return x(this.visualElement, t), i.start(S(t, i, 0, s, this.visualElement, !1));
+  }
+  stopAnimation() {
+    u((t) => this.getAxisMotionValue(t).stop());
+  }
+  pauseAnimation() {
+    u((t) => {
+      var s;
+      return (s = this.getAxisMotionValue(t).animation) === null || s === void 0 ? void 0 : s.pause();
+    });
+  }
+  getAnimationState(t) {
+    var s;
+    return (s = this.getAxisMotionValue(t).animation) === null || s === void 0 ? void 0 : s.state;
+  }
+  /**
+   * 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 s = `_drag${t.toUpperCase()}`, i = this.visualElement.getProps(), n = i[s];
+    return n || this.visualElement.getValue(t, (i.initial ? i.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    u((s) => {
+      const { drag: i } = this.getProps();
+      if (!P(s, i, this.currentDirection))
+        return;
+      const { projection: n } = this.visualElement, r = this.getAxisMotionValue(s);
+      if (n && n.layout) {
+        const { min: e, max: l } = n.layout.layoutBox[s];
+        r.set(t[s] - V(e, l, 0.5));
+      }
+    });
+  }
+  /**
+   * 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: s } = this.getProps(), { projection: i } = this.visualElement;
+    if (!D(s) || !i || !this.constraints)
+      return;
+    this.stopAnimation();
+    const n = { x: 0, y: 0 };
+    u((e) => {
+      const l = this.getAxisMotionValue(e);
+      if (l && this.constraints !== !1) {
+        const c = l.get();
+        n[e] = q({ min: c, max: c }, this.constraints[e]);
+      }
+    });
+    const { transformTemplate: r } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = r ? r({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.resolveConstraints(), u((e) => {
+      if (!P(e, t, null))
+        return;
+      const l = this.getAxisMotionValue(e), { min: c, max: h } = this.constraints[e];
+      l.set(V(c, h, n[e]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    G.set(this.visualElement, this);
+    const t = this.visualElement.current, s = k(t, "pointerdown", (c) => {
+      const { drag: h, dragListener: o = !0 } = this.getProps();
+      h && o && this.start(c);
+    }), i = () => {
+      const { dragConstraints: c } = this.getProps();
+      D(c) && c.current && (this.constraints = this.resolveRefConstraints());
+    }, { projection: n } = this.visualElement, r = n.addEventListener("measure", i);
+    n && !n.layout && (n.root && n.root.updateScroll(), n.updateLayout()), C.read(i);
+    const e = B(window, "resize", () => this.scalePositionWithinConstraints()), l = n.addEventListener("didUpdate", ({ delta: c, hasLayoutChanged: h }) => {
+      this.isDragging && h && (u((o) => {
+        const a = this.getAxisMotionValue(o);
+        a && (this.originPoint[o] += c[o].translate, a.set(a.get() + c[o].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      e(), s(), r(), l && l();
+    };
+  }
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: s = !1, dragDirectionLock: i = !1, dragPropagation: n = !1, dragConstraints: r = !1, dragElastic: e = N, dragMomentum: l = !0 } = t;
+    return {
+      ...t,
+      drag: s,
+      dragDirectionLock: i,
+      dragPropagation: n,
+      dragConstraints: r,
+      dragElastic: e,
+      dragMomentum: l
+    };
+  }
+}
+function P(p, t, s) {
+  return (t === !0 || t === p) && (s === null || s === p);
+}
+function H(p, t = 10) {
+  let s = null;
+  return Math.abs(p.y) > t ? s = "y" : Math.abs(p.x) > t && (s = "x"), s;
+}
 export {
-  e as camelCaseAttributes
+  ft as VisualElementDragControls,
+  G as elementDragControls
 };