@weng-lab/visualization 2.4.1 → 2.4.3

package/dist/visualization.es576.js

@@ -1,9 +1,66 @@
-import f from "./visualization.es557.js";
-function a(e) {
-  var o = f(e), r = o.overflow, t = o.overflowX, l = o.overflowY;
-  return /auto|scroll|overlay|hidden/.test(r + l + t);
+import { useContext as u, useRef as l, useInsertionEffect as x, useEffect as j } from "react";
+import { LazyContext as I } from "./visualization.es292.js";
+import { MotionConfigContext as k } from "./visualization.es204.js";
+import { MotionContext as S } from "./visualization.es190.js";
+import { PresenceContext as L } from "./visualization.es191.js";
+import { SwitchLayoutGroupContext as O } from "./visualization.es205.js";
+import { isRefObject as R } from "./visualization.es610.js";
+import { useIsomorphicLayoutEffect as b } from "./visualization.es201.js";
+import { optimizedAppearDataAttribute as H } from "./visualization.es354.js";
+function K(o, f, n, e, s, a) {
+  const { visualElement: y } = u(S), c = u(I), i = u(L), d = u(k), C = d.reducedMotion, M = d.skipAnimations, r = l(null), w = l(!1);
+  e = e || c.renderer, !r.current && e && (r.current = e(o, {
+    visualState: f,
+    parent: y,
+    props: n,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    skipAnimations: M,
+    isSVG: a
+  }), w.current && r.current && (r.current.manuallyAnimateOnMount = !0));
+  const t = r.current, A = u(O);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && z(r.current, n, s, A);
+  const g = l(!1);
+  x(() => {
+    t && g.current && t.update(n, i);
+  });
+  const m = n[H], p = l(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
+  return b(() => {
+    w.current = !0, t && (g.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), p.current && t.animationState && t.animationState.animateChanges());
+  }), j(() => {
+    t && (!p.current && t.animationState && t.animationState.animateChanges(), p.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(m);
+    }), p.current = !1), t.enteringChildren = void 0);
+  }), t;
+}
+function z(o, f, n, e) {
+  const { layoutId: s, layout: a, drag: y, dragConstraints: c, layoutScroll: i, layoutRoot: d, layoutAnchor: C, layoutCrossfade: M } = f;
+  o.projection = new n(o.latestValues, f["data-framer-portal-id"] ? void 0 : h(o.parent)), o.projection.setOptions({
+    layoutId: s,
+    layout: a,
+    alwaysMeasureLayout: !!y || c && R(c),
+    visualElement: o,
+    /**
+     * TODO: Update options in an effect. This could be tricky as it'll be too late
+     * to update by the time layout animations run.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof a == "string" ? a : "both",
+    initialPromotionConfig: e,
+    crossfade: M,
+    layoutScroll: i,
+    layoutRoot: d,
+    layoutAnchor: C
+  });
+}
+function h(o) {
+  if (o)
+    return o.options.allowProjection !== !1 ? o.projection : h(o.parent);
 }
 export {
-  a as default
+  K as useVisualElement
 };
 //# sourceMappingURL=visualization.es576.js.map

package/dist/visualization.es576.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es576.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js"],"sourcesContent":["import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n  // Firefox wants us to check `-x` and `-y` variations as well\n  var _getComputedStyle = getComputedStyle(element),\n      overflow = _getComputedStyle.overflow,\n      overflowX = _getComputedStyle.overflowX,\n      overflowY = _getComputedStyle.overflowY;\n\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}"],"names":["isScrollParent","element","_getComputedStyle","getComputedStyle","overflow","overflowX","overflowY"],"mappings":";AACe,SAASA,EAAeC,GAAS;AAE9C,MAAIC,IAAoBC,EAAiBF,CAAO,GAC5CG,IAAWF,EAAkB,UAC7BG,IAAYH,EAAkB,WAC9BI,IAAYJ,EAAkB;AAElC,SAAO,6BAA6B,KAAKE,IAAWE,IAAYD,CAAS;AAC3E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es576.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs"],"sourcesContent":["\"use client\";\nimport { optimizedAppearDataAttribute } from 'motion-dom';\nimport { useContext, useRef, useInsertionEffect, useEffect } from 'react';\nimport { LazyContext } from '../../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../context/SwitchLayoutGroupContext.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\nfunction useVisualElement(Component, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {\n    const { visualElement: parent } = useContext(MotionContext);\n    const lazyContext = useContext(LazyContext);\n    const presenceContext = useContext(PresenceContext);\n    const motionConfig = useContext(MotionConfigContext);\n    const reducedMotionConfig = motionConfig.reducedMotion;\n    const skipAnimations = motionConfig.skipAnimations;\n    const visualElementRef = useRef(null);\n    /**\n     * Track whether the component has been through React's commit phase.\n     * Used to detect when LazyMotion features load after the component has mounted.\n     */\n    const hasMountedOnce = useRef(false);\n    /**\n     * If we haven't preloaded a renderer, check to see if we have one lazy-loaded\n     */\n    createVisualElement =\n        createVisualElement ||\n            lazyContext.renderer;\n    if (!visualElementRef.current && createVisualElement) {\n        visualElementRef.current = createVisualElement(Component, {\n            visualState,\n            parent,\n            props,\n            presenceContext,\n            blockInitialAnimation: presenceContext\n                ? presenceContext.initial === false\n                : false,\n            reducedMotionConfig,\n            skipAnimations,\n            isSVG,\n        });\n        /**\n         * If the component has already mounted before features loaded (e.g. via\n         * LazyMotion with async feature loading), we need to force the initial\n         * animation to run. Otherwise state changes that occurred before features\n         * loaded will be lost and the element will snap to its final state.\n         */\n        if (hasMountedOnce.current && visualElementRef.current) {\n            visualElementRef.current.manuallyAnimateOnMount = true;\n        }\n    }\n    const visualElement = visualElementRef.current;\n    /**\n     * Load Motion gesture and animation features. These are rendered as renderless\n     * components so each feature can optionally make use of React lifecycle methods.\n     */\n    const initialLayoutGroupConfig = useContext(SwitchLayoutGroupContext);\n    if (visualElement &&\n        !visualElement.projection &&\n        ProjectionNodeConstructor &&\n        (visualElement.type === \"html\" || visualElement.type === \"svg\")) {\n        createProjectionNode(visualElementRef.current, props, ProjectionNodeConstructor, initialLayoutGroupConfig);\n    }\n    const isMounted = useRef(false);\n    useInsertionEffect(() => {\n        /**\n         * Check the component has already mounted before calling\n         * `update` unnecessarily. This ensures we skip the initial update.\n         */\n        if (visualElement && isMounted.current) {\n            visualElement.update(props, presenceContext);\n        }\n    });\n    /**\n     * Cache this value as we want to know whether HandoffAppearAnimations\n     * was present on initial render - it will be deleted after this.\n     */\n    const optimisedAppearId = props[optimizedAppearDataAttribute];\n    const wantsHandoff = useRef(Boolean(optimisedAppearId) &&\n        typeof window !== \"undefined\" &&\n        !window.MotionHandoffIsComplete?.(optimisedAppearId) &&\n        window.MotionHasOptimisedAnimation?.(optimisedAppearId));\n    useIsomorphicLayoutEffect(() => {\n        /**\n         * Track that this component has mounted. This is used to detect when\n         * LazyMotion features load after the component has already committed.\n         */\n        hasMountedOnce.current = true;\n        if (!visualElement)\n            return;\n        isMounted.current = true;\n        window.MotionIsMounted = true;\n        visualElement.updateFeatures();\n        visualElement.scheduleRenderMicrotask();\n        /**\n         * Ideally this function would always run in a useEffect.\n         *\n         * However, if we have optimised appear animations to handoff from,\n         * it needs to happen synchronously to ensure there's no flash of\n         * incorrect styles in the event of a hydration error.\n         *\n         * So if we detect a situtation where optimised appear animations\n         * are running, we use useLayoutEffect to trigger animations.\n         */\n        if (wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n    });\n    useEffect(() => {\n        if (!visualElement)\n            return;\n        if (!wantsHandoff.current && visualElement.animationState) {\n            visualElement.animationState.animateChanges();\n        }\n        if (wantsHandoff.current) {\n            // This ensures all future calls to animateChanges() in this component will run in useEffect\n            queueMicrotask(() => {\n                window.MotionHandoffMarkAsComplete?.(optimisedAppearId);\n            });\n            wantsHandoff.current = false;\n        }\n        /**\n         * Now we've finished triggering animations for this element we\n         * can wipe the enteringChildren set for the next render.\n         */\n        visualElement.enteringChildren = undefined;\n    });\n    return visualElement;\n}\nfunction createProjectionNode(visualElement, props, ProjectionNodeConstructor, initialPromotionConfig) {\n    const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, layoutAnchor, layoutCrossfade, } = props;\n    visualElement.projection = new ProjectionNodeConstructor(visualElement.latestValues, props[\"data-framer-portal-id\"]\n        ? undefined\n        : getClosestProjectingNode(visualElement.parent));\n    visualElement.projection.setOptions({\n        layoutId,\n        layout,\n        alwaysMeasureLayout: Boolean(drag) || (dragConstraints && isRefObject(dragConstraints)),\n        visualElement,\n        /**\n         * TODO: Update options in an effect. This could be tricky as it'll be too late\n         * to update by the time layout animations run.\n         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n         * ensuring it gets called if there's no potential layout animations.\n         *\n         */\n        animationType: typeof layout === \"string\" ? layout : \"both\",\n        initialPromotionConfig,\n        crossfade: layoutCrossfade,\n        layoutScroll,\n        layoutRoot,\n        layoutAnchor,\n    });\n}\nfunction getClosestProjectingNode(visualElement) {\n    if (!visualElement)\n        return undefined;\n    return visualElement.options.allowProjection !== false\n        ? visualElement.projection\n        : getClosestProjectingNode(visualElement.parent);\n}\n\nexport { useVisualElement };\n//# sourceMappingURL=use-visual-element.mjs.map\n"],"names":["useVisualElement","Component","visualState","props","createVisualElement","ProjectionNodeConstructor","isSVG","parent","useContext","MotionContext","lazyContext","LazyContext","presenceContext","PresenceContext","motionConfig","MotionConfigContext","reducedMotionConfig","skipAnimations","visualElementRef","useRef","hasMountedOnce","visualElement","initialLayoutGroupConfig","SwitchLayoutGroupContext","createProjectionNode","isMounted","useInsertionEffect","optimisedAppearId","optimizedAppearDataAttribute","wantsHandoff","useIsomorphicLayoutEffect","useEffect","initialPromotionConfig","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","layoutAnchor","layoutCrossfade","getClosestProjectingNode","isRefObject"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es577.js

@@ -1,11 +1,7 @@
-import t from "./visualization.es578.js";
-import e from "./visualization.es576.js";
-import o from "./visualization.es561.js";
-import { isHTMLElement as m } from "./visualization.es520.js";
-function i(r) {
-  return ["html", "body", "#document"].indexOf(o(r)) >= 0 ? r.ownerDocument.body : m(r) && e(r) ? r : i(t(r));
+function n(l) {
+  return l == null;
 }
 export {
-  i as default
+  n as isNullish
 };
 //# sourceMappingURL=visualization.es577.js.map

package/dist/visualization.es577.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es577.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js"],"sourcesContent":["import getParentNode from \"./getParentNode.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nexport default function getScrollParent(node) {\n  if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n    // $FlowFixMe[incompatible-return]: assume body is always available\n    return node.ownerDocument.body;\n  }\n\n  if (isHTMLElement(node) && isScrollParent(node)) {\n    return node;\n  }\n\n  return getScrollParent(getParentNode(node));\n}"],"names":["getScrollParent","node","getNodeName","isHTMLElement","isScrollParent","getParentNode"],"mappings":";;;;AAIe,SAASA,EAAgBC,GAAM;AAC5C,SAAI,CAAC,QAAQ,QAAQ,WAAW,EAAE,QAAQC,EAAYD,CAAI,CAAC,KAAK,IAEvDA,EAAK,cAAc,OAGxBE,EAAcF,CAAI,KAAKG,EAAeH,CAAI,IACrCA,IAGFD,EAAgBK,EAAcJ,CAAI,CAAC;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es577.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs"],"sourcesContent":["function isNullish(v) {\n    return v == null;\n}\n\nexport { isNullish };\n//# sourceMappingURL=is-nullish.mjs.map\n"],"names":["isNullish","v"],"mappings":"AAAA,SAASA,EAAUC,GAAG;AAClB,SAAOA,KAAK;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es578.js

@@ -1,19 +1,5 @@
-import r from "./visualization.es561.js";
-import t from "./visualization.es556.js";
-import { isShadowRoot as a } from "./visualization.es520.js";
-function u(o) {
-  return r(o) === "html" ? o : (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
-    o.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    o.parentNode || // DOM Element detected
-    (a(o) ? o.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    t(o)
-  );
-}
+const d = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
 export {
-  u as default
+  d as singleColorRegex
 };
 //# sourceMappingURL=visualization.es578.js.map

package/dist/visualization.es578.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es578.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getParentNode.js"],"sourcesContent":["import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport { isShadowRoot } from \"./instanceOf.js\";\nexport default function getParentNode(element) {\n  if (getNodeName(element) === 'html') {\n    return element;\n  }\n\n  return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n    // $FlowFixMe[incompatible-return]\n    // $FlowFixMe[prop-missing]\n    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n    element.parentNode || ( // DOM Element detected\n    isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n    // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n    getDocumentElement(element) // fallback\n\n  );\n}"],"names":["getParentNode","element","getNodeName","isShadowRoot","getDocumentElement"],"mappings":";;;AAGe,SAASA,EAAcC,GAAS;AAC7C,SAAIC,EAAYD,CAAO,MAAM,SACpBA;AAAA;AAAA;AAAA;AAAA,IAMPA,EAAQ;AAAA,IACRA,EAAQ;AAAA,KACRE,EAAaF,CAAO,IAAIA,EAAQ,OAAO;AAAA;AAAA,IAEvCG,EAAmBH,CAAO;AAAA;AAG9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es578.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs"],"sourcesContent":["const singleColorRegex = /^(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))$/iu;\n\nexport { singleColorRegex };\n//# sourceMappingURL=single-color-regex.mjs.map\n"],"names":["singleColorRegex"],"mappings":"AAAK,MAACA,IAAmB;","x_google_ignoreList":[0]}

package/dist/visualization.es579.js

@@ -1,8 +1,22 @@
-import t from "./visualization.es561.js";
-function n(e) {
-  return ["table", "td", "th"].indexOf(t(e)) >= 0;
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
+};
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
 }
 export {
-  n as default
+  v as observeIntersection
 };
 //# sourceMappingURL=visualization.es579.js.map

package/dist/visualization.es579.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es579.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/isTableElement.js"],"sourcesContent":["import getNodeName from \"./getNodeName.js\";\nexport default function isTableElement(element) {\n  return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}"],"names":["isTableElement","element","getNodeName"],"mappings":";AACe,SAASA,EAAeC,GAAS;AAC9C,SAAO,CAAC,SAAS,MAAM,IAAI,EAAE,QAAQC,EAAYD,CAAO,CAAC,KAAK;AAChE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es579.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n//# sourceMappingURL=observers.mjs.map\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"AAKA,MAAMA,IAAoB,oBAAI,QAAO,GAM/BC,IAAY,oBAAI,QAAO,GACvBC,IAAuB,CAACC,MAAU;AACpC,QAAMC,IAAWJ,EAAkB,IAAIG,EAAM,MAAM;AACnD,EAAAC,KAAYA,EAASD,CAAK;AAC9B,GACME,IAA2B,CAACC,MAAY;AAC1C,EAAAA,EAAQ,QAAQJ,CAAoB;AACxC;AACA,SAASK,EAAyB,EAAE,MAAAC,GAAM,GAAGC,KAAW;AACpD,QAAMC,IAAaF,KAAQ;AAI3B,EAAKP,EAAU,IAAIS,CAAU,KACzBT,EAAU,IAAIS,GAAY,EAAE;AAEhC,QAAMC,IAAgBV,EAAU,IAAIS,CAAU,GACxCE,IAAM,KAAK,UAAUH,CAAO;AAKlC,SAAKE,EAAcC,CAAG,MAClBD,EAAcC,CAAG,IAAI,IAAI,qBAAqBP,GAA0B,EAAE,MAAAG,GAAM,GAAGC,GAAS,IAEzFE,EAAcC,CAAG;AAC5B;AACA,SAASC,EAAoBC,GAASL,GAASL,GAAU;AACrD,QAAMW,IAA4BR,EAAyBE,CAAO;AAClE,SAAAT,EAAkB,IAAIc,GAASV,CAAQ,GACvCW,EAA0B,QAAQD,CAAO,GAClC,MAAM;AACT,IAAAd,EAAkB,OAAOc,CAAO,GAChCC,EAA0B,UAAUD,CAAO;AAAA,EAC/C;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es58.js

@@ -1,38 +1,65 @@
-import l from "./visualization.es131.js";
-import n from "./visualization.es130.js";
-import f from "./visualization.es136.js";
-import { jsx as m } from "react/jsx-runtime";
-const c = {
-  dx: "0.25em",
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "start"
-};
-function g(i) {
-  let {
-    axisClassName: o,
-    labelOffset: r = 36,
-    tickLength: e = 8,
-    tickLabelProps: t,
-    ...s
-  } = i;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
-  };
-  return /* @__PURE__ */ m(n, {
-    axisClassName: l("visx-axis-right", o),
-    labelOffset: r,
-    orientation: f.right,
-    tickLabelProps: a,
-    tickLength: e,
-    ...s
-  });
+import m from "./visualization.es210.js";
+import c from "./visualization.es211.js";
+import s from "./visualization.es212.js";
+import u from "./visualization.es213.js";
+import l from "./visualization.es214.js";
+import _ from "./visualization.es215.js";
+import y from "./visualization.es216.js";
+import v from "./visualization.es217.js";
+import g from "./visualization.es218.js";
+import A from "./visualization.es219.js";
+import w from "./visualization.es220.js";
+import B from "./visualization.es221.js";
+import b from "./visualization.es222.js";
+function d(e, o) {
+  e instanceof Map ? (e = [void 0, e], o === void 0 && (o = j)) : o === void 0 && (o = C);
+  for (var f = new i(e), r, h = [f], a, t, n, p; r = h.pop(); )
+    if ((t = o(r.data)) && (p = (t = Array.from(t)).length))
+      for (r.children = t, n = p - 1; n >= 0; --n)
+        h.push(a = t[n] = new i(t[n])), a.parent = r, a.depth = r.depth + 1;
+  return f.eachBefore(D);
+}
+function k() {
+  return d(this).eachBefore(x);
+}
+function C(e) {
+  return e.children;
+}
+function j(e) {
+  return Array.isArray(e) ? e[1] : null;
 }
+function x(e) {
+  e.data.value !== void 0 && (e.value = e.data.value), e.data = e.data.data;
+}
+function D(e) {
+  var o = 0;
+  do
+    e.height = o;
+  while ((e = e.parent) && e.height < ++o);
+}
+function i(e) {
+  this.data = e, this.depth = this.height = 0, this.parent = null;
+}
+i.prototype = d.prototype = {
+  constructor: i,
+  count: m,
+  each: c,
+  eachAfter: u,
+  eachBefore: s,
+  find: l,
+  sum: _,
+  sort: y,
+  path: v,
+  ancestors: g,
+  descendants: A,
+  leaves: w,
+  links: B,
+  copy: k,
+  [Symbol.iterator]: b
+};
 export {
-  g as default,
-  c as rightTickLabelProps
+  i as Node,
+  D as computeHeight,
+  d as default
 };
 //# sourceMappingURL=visualization.es58.js.map

package/dist/visualization.es58.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es58.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisRight.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const rightTickLabelProps = {\n  dx: '0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'start'\n};\nexport default function AxisRight(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...rightTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-right', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.right,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["rightTickLabelProps","AxisRight","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAsB;AAAA,EACjC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAUC,GAAM;AACtC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,mBAAmBR,CAAa;AAAA,IAClD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es58.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@3.1.2/node_modules/d3-hierarchy/src/hierarchy/index.js"],"sourcesContent":["import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_find from \"./find.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\nimport node_iterator from \"./iterator.js\";\n\nexport default function hierarchy(data, children) {\n  if (data instanceof Map) {\n    data = [undefined, data];\n    if (children === undefined) children = mapChildren;\n  } else if (children === undefined) {\n    children = objectChildren;\n  }\n\n  var root = new Node(data),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  while (node = nodes.pop()) {\n    if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {\n      node.children = childs;\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = childs[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction objectChildren(d) {\n  return d.children;\n}\n\nfunction mapChildren(d) {\n  return Array.isArray(d) ? d[1] : null;\n}\n\nfunction copyData(node) {\n  if (node.data.value !== undefined) node.value = node.data.value;\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  find: node_find,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy,\n  [Symbol.iterator]: node_iterator\n};\n"],"names":["hierarchy","data","children","mapChildren","objectChildren","root","Node","node","nodes","child","childs","i","n","computeHeight","node_copy","copyData","d","height","node_count","node_each","node_eachAfter","node_eachBefore","node_find","node_sum","node_sort","node_path","node_ancestors","node_descendants","node_leaves","node_links","node_iterator"],"mappings":";;;;;;;;;;;;;AAce,SAASA,EAAUC,GAAMC,GAAU;AAChD,EAAID,aAAgB,OAClBA,IAAO,CAAC,QAAWA,CAAI,GACnBC,MAAa,WAAWA,IAAWC,MAC9BD,MAAa,WACtBA,IAAWE;AAWb,WARIC,IAAO,IAAIC,EAAKL,CAAI,GACpBM,GACAC,IAAQ,CAACH,CAAI,GACbI,GACAC,GACAC,GACAC,GAEGL,IAAOC,EAAM;AAClB,SAAKE,IAASR,EAASK,EAAK,IAAI,OAAOK,KAAKF,IAAS,MAAM,KAAKA,CAAM,GAAG;AAEvE,WADAH,EAAK,WAAWG,GACXC,IAAIC,IAAI,GAAGD,KAAK,GAAG,EAAEA;AACxB,QAAAH,EAAM,KAAKC,IAAQC,EAAOC,CAAC,IAAI,IAAIL,EAAKI,EAAOC,CAAC,CAAC,CAAC,GAClDF,EAAM,SAASF,GACfE,EAAM,QAAQF,EAAK,QAAQ;AAKjC,SAAOF,EAAK,WAAWQ,CAAa;AACtC;AAEA,SAASC,IAAY;AACnB,SAAOd,EAAU,IAAI,EAAE,WAAWe,CAAQ;AAC5C;AAEA,SAASX,EAAeY,GAAG;AACzB,SAAOA,EAAE;AACX;AAEA,SAASb,EAAYa,GAAG;AACtB,SAAO,MAAM,QAAQA,CAAC,IAAIA,EAAE,CAAC,IAAI;AACnC;AAEA,SAASD,EAASR,GAAM;AACtB,EAAIA,EAAK,KAAK,UAAU,WAAWA,EAAK,QAAQA,EAAK,KAAK,QAC1DA,EAAK,OAAOA,EAAK,KAAK;AACxB;AAEO,SAASM,EAAcN,GAAM;AAClC,MAAIU,IAAS;AACb;AAAG,IAAAV,EAAK,SAASU;AAAA,UACTV,IAAOA,EAAK,WAAYA,EAAK,SAAS,EAAEU;AAClD;AAEO,SAASX,EAAKL,GAAM;AACzB,OAAK,OAAOA,GACZ,KAAK,QACL,KAAK,SAAS,GACd,KAAK,SAAS;AAChB;AAEAK,EAAK,YAAYN,EAAU,YAAY;AAAA,EACrC,aAAaM;AAAA,EACb,OAAOY;AAAA,EACP,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,YAAYC;AAAA,EACZ,MAAMC;AAAA,EACN,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,MAAMf;AAAA,EACN,CAAC,OAAO,QAAQ,GAAGgB;AACrB;","x_google_ignoreList":[0]}

package/dist/visualization.es580.js

@@ -1,10 +1,285 @@
-function n() {
-  var r = navigator.userAgentData;
-  return r != null && r.brands && Array.isArray(r.brands) ? r.brands.map(function(a) {
-    return a.brand + "/" + a.version;
-  }).join(" ") : navigator.userAgent;
+import { addPointerEvent as k } from "./visualization.es182.js";
+import { extractEventInfo as B } from "./visualization.es183.js";
+import { getContextWindow as j } from "./visualization.es581.js";
+import { isRefObject as P } from "./visualization.es610.js";
+import { PanSession as T } from "./visualization.es582.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.es611.js";
+import { createBox as F } from "./visualization.es445.js";
+import { frame as C } from "./visualization.es346.js";
+import { eachAxis as p } from "./visualization.es468.js";
+import { invariant as U } from "./visualization.es326.js";
+import { measurePageBox as _ } from "./visualization.es440.js";
+import { convertBoxToBoundingBox as K, convertBoundingBoxToBox as N } from "./visualization.es461.js";
+import { addValueToWillChange as L } from "./visualization.es352.js";
+import { animateMotionValue as $ } from "./visualization.es345.js";
+import { addDomEvent as q } from "./visualization.es184.js";
+import { setDragLock as G } from "./visualization.es387.js";
+import { resize as V } from "./visualization.es399.js";
+import { percent as H } from "./visualization.es423.js";
+import { calcLength as J } from "./visualization.es465.js";
+import { mixNumber as M } from "./visualization.es372.js";
+import { isElementTextInput as Q } from "./visualization.es393.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
+    });
+  }
+  /**
+   * @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]));
+    });
+  }
+  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));
+    }
+    return o;
+  }
+  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
+      };
+      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;
+      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);
+      }
+    });
+  }
+  /**
+   * 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]);
+      }
+    });
+    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();
+  }
+  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();
+    };
+  }
+  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 {
+      ...t,
+      drag: n,
+      dragDirectionLock: s,
+      dragPropagation: i,
+      dragConstraints: e,
+      dragElastic: o,
+      dragMomentum: a
+    };
+  }
+}
+function S(m) {
+  let t = !0;
+  return () => {
+    if (t) {
+      t = !1;
+      return;
+    }
+    m();
+  };
+}
+function Y(m, t, n) {
+  const s = V(m, S(n)), i = V(t, S(n));
+  return () => {
+    s(), i();
+  };
+}
+function A(m, t, n) {
+  return (t === !0 || t === m) && (n === null || n === m);
+}
+function Z(m, t = 10) {
+  let n = null;
+  return Math.abs(m.y) > t ? n = "y" : Math.abs(m.x) > t && (n = "x"), n;
 }
 export {
-  n as default
+  At as VisualElementDragControls,
+  X as elementDragControls
 };
 //# sourceMappingURL=visualization.es580.js.map