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

package/dist/visualization.es483.js

@@ -1,61 +1,29 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useContext as u, Component as l } from "react";
-import { usePresence as c } from "./visualization.es198.js";
-import { LayoutGroupContext as f } from "./visualization.es199.js";
-import { SwitchLayoutGroupContext as d } from "./visualization.es201.js";
-import { frame as h } from "./visualization.es337.js";
-import { microtask as y } from "./visualization.es376.js";
-import { globalProjectionState as g } from "./visualization.es472.js";
-let i = !1;
-class v extends l {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: t, layoutGroup: o, switchLayoutGroup: e, layoutId: s } = this.props, { projection: n } = t;
-    n && (o.group && o.group.add(n), e && e.register && s && e.register(n), i && n.root.didUpdate(), n.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), n.setOptions({
-      ...n.options,
-      layoutDependency: this.props.layoutDependency,
-      onExitComplete: () => this.safeToRemove()
-    })), g.hasEverUpdated = !0;
+import { Feature as i } from "./visualization.es297.js";
+import { pipe as s } from "./visualization.es320.js";
+import { addDomEvent as e } from "./visualization.es182.js";
+class a extends i {
+  constructor() {
+    super(...arguments), this.isActive = !1;
   }
-  getSnapshotBeforeUpdate(t) {
-    const { layoutDependency: o, visualElement: e, drag: s, isPresent: n } = this.props, { projection: r } = e;
-    return r && (r.isPresent = n, t.layoutDependency !== o && r.setOptions({
-      ...r.options,
-      layoutDependency: o
-    }), i = !0, s || t.layoutDependency !== o || o === void 0 || t.isPresent !== n ? r.willUpdate() : this.safeToRemove(), t.isPresent !== n && (n ? r.promote() : r.relegate() || h.postRender(() => {
-      const p = r.getStack();
-      (!p || !p.members.length) && this.safeToRemove();
-    }))), null;
+  onFocus() {
+    let t = !1;
+    try {
+      t = this.node.current.matches(":focus-visible");
+    } catch {
+      t = !0;
+    }
+    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
   }
-  componentDidUpdate() {
-    const { visualElement: t, layoutAnchor: o } = this.props, { projection: e } = t;
-    e && (e.options.layoutAnchor = o, e.root.didUpdate(), y.postRender(() => {
-      !e.currentAnimation && e.isLead() && this.safeToRemove();
-    }));
+  onBlur() {
+    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
   }
-  componentWillUnmount() {
-    const { visualElement: t, layoutGroup: o, switchLayoutGroup: e } = this.props, { projection: s } = t;
-    i = !0, s && (s.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(s), e && e.deregister && e.deregister(s));
+  mount() {
+    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
   }
-  safeToRemove() {
-    const { safeToRemove: t } = this.props;
-    t && t();
+  unmount() {
   }
-  render() {
-    return null;
-  }
-}
-function E(a) {
-  const [t, o] = c(), e = u(f);
-  return m(v, { ...a, layoutGroup: e, switchLayoutGroup: u(d), isPresent: t, safeToRemove: o });
 }
 export {
-  E as MeasureLayout
+  a as FocusGesture
 };
 //# sourceMappingURL=visualization.es483.js.map

package/dist/visualization.es483.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es483.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/layout/MeasureLayout.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { globalProjectionState, frame, microtask } from 'motion-dom';\nimport { useContext, Component } from 'react';\nimport { usePresence } from '../../../components/AnimatePresence/use-presence.mjs';\nimport { LayoutGroupContext } from '../../../context/LayoutGroupContext.mjs';\nimport { SwitchLayoutGroupContext } from '../../../context/SwitchLayoutGroupContext.mjs';\n\n/**\n * Track whether we've taken any snapshots yet. If not,\n * we can safely skip notification of didUpdate.\n *\n * Difficult to capture in a test but to prevent flickering\n * we must set this to true either on update or unmount.\n * Running `next-env/layout-id` in Safari will show this behaviour if broken.\n */\nlet hasTakenAnySnapshot = false;\nclass MeasureLayoutWithContext extends Component {\n    /**\n     * This only mounts projection nodes for components that\n     * need measuring, we might want to do it for all components\n     * in order to incorporate transforms\n     */\n    componentDidMount() {\n        const { visualElement, layoutGroup, switchLayoutGroup, layoutId } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            if (layoutGroup.group)\n                layoutGroup.group.add(projection);\n            if (switchLayoutGroup && switchLayoutGroup.register && layoutId) {\n                switchLayoutGroup.register(projection);\n            }\n            if (hasTakenAnySnapshot) {\n                projection.root.didUpdate();\n            }\n            projection.addEventListener(\"animationComplete\", () => {\n                this.safeToRemove();\n            });\n            projection.setOptions({\n                ...projection.options,\n                layoutDependency: this.props.layoutDependency,\n                onExitComplete: () => this.safeToRemove(),\n            });\n        }\n        globalProjectionState.hasEverUpdated = true;\n    }\n    getSnapshotBeforeUpdate(prevProps) {\n        const { layoutDependency, visualElement, drag, isPresent } = this.props;\n        const { projection } = visualElement;\n        if (!projection)\n            return null;\n        /**\n         * TODO: We use this data in relegate to determine whether to\n         * promote a previous element. There's no guarantee its presence data\n         * will have updated by this point - if a bug like this arises it will\n         * have to be that we markForRelegation and then find a new lead some other way,\n         * perhaps in didUpdate\n         */\n        projection.isPresent = isPresent;\n        if (prevProps.layoutDependency !== layoutDependency) {\n            projection.setOptions({\n                ...projection.options,\n                layoutDependency,\n            });\n        }\n        hasTakenAnySnapshot = true;\n        if (drag ||\n            prevProps.layoutDependency !== layoutDependency ||\n            layoutDependency === undefined ||\n            prevProps.isPresent !== isPresent) {\n            projection.willUpdate();\n        }\n        else {\n            this.safeToRemove();\n        }\n        if (prevProps.isPresent !== isPresent) {\n            if (isPresent) {\n                projection.promote();\n            }\n            else if (!projection.relegate()) {\n                /**\n                 * If there's another stack member taking over from this one,\n                 * it's in charge of the exit animation and therefore should\n                 * be in charge of the safe to remove. Otherwise we call it here.\n                 */\n                frame.postRender(() => {\n                    const stack = projection.getStack();\n                    if (!stack || !stack.members.length) {\n                        this.safeToRemove();\n                    }\n                });\n            }\n        }\n        return null;\n    }\n    componentDidUpdate() {\n        const { visualElement, layoutAnchor } = this.props;\n        const { projection } = visualElement;\n        if (projection) {\n            projection.options.layoutAnchor = layoutAnchor;\n            projection.root.didUpdate();\n            microtask.postRender(() => {\n                if (!projection.currentAnimation && projection.isLead()) {\n                    this.safeToRemove();\n                }\n            });\n        }\n    }\n    componentWillUnmount() {\n        const { visualElement, layoutGroup, switchLayoutGroup: promoteContext, } = this.props;\n        const { projection } = visualElement;\n        hasTakenAnySnapshot = true;\n        if (projection) {\n            projection.scheduleCheckAfterUnmount();\n            if (layoutGroup && layoutGroup.group)\n                layoutGroup.group.remove(projection);\n            if (promoteContext && promoteContext.deregister)\n                promoteContext.deregister(projection);\n        }\n    }\n    safeToRemove() {\n        const { safeToRemove } = this.props;\n        safeToRemove && safeToRemove();\n    }\n    render() {\n        return null;\n    }\n}\nfunction MeasureLayout(props) {\n    const [isPresent, safeToRemove] = usePresence();\n    const layoutGroup = useContext(LayoutGroupContext);\n    return (jsx(MeasureLayoutWithContext, { ...props, layoutGroup: layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent: isPresent, safeToRemove: safeToRemove }));\n}\n\nexport { MeasureLayout };\n//# sourceMappingURL=MeasureLayout.mjs.map\n"],"names":["hasTakenAnySnapshot","MeasureLayoutWithContext","Component","visualElement","layoutGroup","switchLayoutGroup","layoutId","projection","globalProjectionState","prevProps","layoutDependency","drag","isPresent","frame","stack","layoutAnchor","microtask","promoteContext","safeToRemove","MeasureLayout","props","usePresence","useContext","LayoutGroupContext","jsx","SwitchLayoutGroupContext"],"mappings":";;;;;;;;AAgBA,IAAIA,IAAsB;AAC1B,MAAMC,UAAiCC,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM7C,oBAAoB;AAChB,UAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAQ,IAAK,KAAK,OACnE,EAAE,YAAAC,EAAU,IAAKJ;AACvB,IAAII,MACIH,EAAY,SACZA,EAAY,MAAM,IAAIG,CAAU,GAChCF,KAAqBA,EAAkB,YAAYC,KACnDD,EAAkB,SAASE,CAAU,GAErCP,KACAO,EAAW,KAAK,UAAS,GAE7BA,EAAW,iBAAiB,qBAAqB,MAAM;AACnD,WAAK,aAAY;AAAA,IACrB,CAAC,GACDA,EAAW,WAAW;AAAA,MAClB,GAAGA,EAAW;AAAA,MACd,kBAAkB,KAAK,MAAM;AAAA,MAC7B,gBAAgB,MAAM,KAAK,aAAY;AAAA,IACvD,CAAa,IAELC,EAAsB,iBAAiB;AAAA,EAC3C;AAAA,EACA,wBAAwBC,GAAW;AAC/B,UAAM,EAAE,kBAAAC,GAAkB,eAAAP,GAAe,MAAAQ,GAAM,WAAAC,EAAS,IAAK,KAAK,OAC5D,EAAE,YAAAL,EAAU,IAAKJ;AACvB,WAAKI,MASLA,EAAW,YAAYK,GACnBH,EAAU,qBAAqBC,KAC/BH,EAAW,WAAW;AAAA,MAClB,GAAGA,EAAW;AAAA,MACd,kBAAAG;AAAA,IAChB,CAAa,GAELV,IAAsB,IAClBW,KACAF,EAAU,qBAAqBC,KAC/BA,MAAqB,UACrBD,EAAU,cAAcG,IACxBL,EAAW,WAAU,IAGrB,KAAK,aAAY,GAEjBE,EAAU,cAAcG,MACpBA,IACAL,EAAW,QAAO,IAEZA,EAAW,cAMjBM,EAAM,WAAW,MAAM;AACnB,YAAMC,IAAQP,EAAW,SAAQ;AACjC,OAAI,CAACO,KAAS,CAACA,EAAM,QAAQ,WACzB,KAAK,aAAY;AAAA,IAEzB,CAAC,KAGF;AAAA,EACX;AAAA,EACA,qBAAqB;AACjB,UAAM,EAAE,eAAAX,GAAe,cAAAY,EAAY,IAAK,KAAK,OACvC,EAAE,YAAAR,EAAU,IAAKJ;AACvB,IAAII,MACAA,EAAW,QAAQ,eAAeQ,GAClCR,EAAW,KAAK,UAAS,GACzBS,EAAU,WAAW,MAAM;AACvB,MAAI,CAACT,EAAW,oBAAoBA,EAAW,OAAM,KACjD,KAAK,aAAY;AAAA,IAEzB,CAAC;AAAA,EAET;AAAA,EACA,uBAAuB;AACnB,UAAM,EAAE,eAAAJ,GAAe,aAAAC,GAAa,mBAAmBa,EAAc,IAAM,KAAK,OAC1E,EAAE,YAAAV,EAAU,IAAKJ;AACvB,IAAAH,IAAsB,IAClBO,MACAA,EAAW,0BAAyB,GAChCH,KAAeA,EAAY,SAC3BA,EAAY,MAAM,OAAOG,CAAU,GACnCU,KAAkBA,EAAe,cACjCA,EAAe,WAAWV,CAAU;AAAA,EAEhD;AAAA,EACA,eAAe;AACX,UAAM,EAAE,cAAAW,MAAiB,KAAK;AAC9B,IAAAA,KAAgBA,EAAY;AAAA,EAChC;AAAA,EACA,SAAS;AACL,WAAO;AAAA,EACX;AACJ;AACA,SAASC,EAAcC,GAAO;AAC1B,QAAM,CAACR,GAAWM,CAAY,IAAIG,EAAW,GACvCjB,IAAckB,EAAWC,CAAkB;AACjD,SAAQC,EAAIvB,GAA0B,EAAE,GAAGmB,GAAO,aAAahB,GAAa,mBAAmBkB,EAAWG,CAAwB,GAAG,WAAWb,GAAW,cAAcM,EAAY,CAAE;AAC3L;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es483.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/gestures/focus.mjs"],"sourcesContent":["import { Feature, addDomEvent } from 'motion-dom';\nimport { pipe } from 'motion-utils';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n//# sourceMappingURL=focus.mjs.map\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAGA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC/D,QACU;AACN,MAAAA,IAAiB;AAAA,IACrB;AACA,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAO,CAAE,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAM,CAAE,CAAC;AAAA,EAClJ;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es484.js

@@ -1,7 +1,30 @@
-function n(o, t) {
-  return t ? `${o}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : o;
+import { extractEventInfo as m } from "./visualization.es181.js";
+import { Feature as u } from "./visualization.es297.js";
+import { press as c } from "./visualization.es383.js";
+import { frame as f } from "./visualization.es339.js";
+function s(t, e, n) {
+  const { props: r } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
+    return;
+  t.animationState && r.whileTap && t.animationState.setActive("whileTap", n === "Start");
+  const o = "onTap" + (n === "End" ? "" : n), a = r[o];
+  a && f.postRender(() => a(e, m(e)));
+}
+class g extends u {
+  mount() {
+    const { current: e } = this.node;
+    if (!e)
+      return;
+    const { globalTapTarget: n, propagate: r } = this.node.props;
+    this.unmount = c(e, (o, a) => (s(this.node, a, "Start"), (i, { success: p }) => s(this.node, i, p ? "End" : "Cancel")), {
+      useGlobalTarget: n,
+      stopPropagation: r?.tap === !1
+    });
+  }
+  unmount() {
+  }
 }
 export {
-  n as formatErrorMessage
+  g as PressGesture
 };
 //# sourceMappingURL=visualization.es484.js.map

package/dist/visualization.es484.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es484.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/format-error-message.mjs"],"sourcesContent":["function formatErrorMessage(message, errorCode) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message;\n}\n\nexport { formatErrorMessage };\n//# sourceMappingURL=format-error-message.mjs.map\n"],"names":["formatErrorMessage","message","errorCode"],"mappings":"AAAA,SAASA,EAAmBC,GAASC,GAAW;AAC5C,SAAOA,IACD,GAAGD,CAAO,0FAA0FC,CAAS,KAC7GD;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es484.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/gestures/press.mjs"],"sourcesContent":["import { Feature, press, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handlePressEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.current instanceof HTMLButtonElement && node.current.disabled) {\n        return;\n    }\n    if (node.animationState && props.whileTap) {\n        node.animationState.setActive(\"whileTap\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onTap\" + (lifecycle === \"End\" ? \"\" : lifecycle));\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass PressGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        const { globalTapTarget, propagate } = this.node.props;\n        this.unmount = press(current, (_element, startEvent) => {\n            handlePressEvent(this.node, startEvent, \"Start\");\n            return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? \"End\" : \"Cancel\");\n        }, {\n            useGlobalTarget: globalTapTarget,\n            stopPropagation: propagate?.tap === false,\n        });\n    }\n    unmount() { }\n}\n\nexport { PressGesture };\n//# sourceMappingURL=press.mjs.map\n"],"names":["handlePressEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","PressGesture","Feature","current","globalTapTarget","propagate","press","_element","startEvent","endEvent","success"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,MAAIA,EAAK,mBAAmB,qBAAqBA,EAAK,QAAQ;AAC1D;AAEJ,EAAIA,EAAK,kBAAkBG,EAAM,YAC7BH,EAAK,eAAe,UAAU,YAAYE,MAAc,OAAO;AAEnE,QAAME,IAAa,WAAWF,MAAc,QAAQ,KAAKA,IACnDG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,QAAI,CAACA;AACD;AACJ,UAAM,EAAE,iBAAAC,GAAiB,WAAAC,EAAS,IAAK,KAAK,KAAK;AACjD,SAAK,UAAUC,EAAMH,GAAS,CAACI,GAAUC,OACrChB,EAAiB,KAAK,MAAMgB,GAAY,OAAO,GACxC,CAACC,GAAU,EAAE,SAAAC,EAAO,MAAOlB,EAAiB,KAAK,MAAMiB,GAAUC,IAAU,QAAQ,QAAQ,IACnG;AAAA,MACC,iBAAiBN;AAAA,MACjB,iBAAiBC,GAAW,QAAQ;AAAA,IAChD,CAAS;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es485.js

@@ -1,6 +1,46 @@
-import { backIn as o } from "./visualization.es486.js";
-const c = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
+import { observeIntersection as f } from "./visualization.es550.js";
+import { Feature as m } from "./visualization.es297.js";
+const w = {
+  some: 0,
+  all: 1
+};
+class b extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.stopObserver?.();
+    const { viewport: s = {} } = this.node.getProps(), { root: e, margin: r, amount: n = "some", once: h } = s, p = {
+      root: e ? e.current : void 0,
+      rootMargin: r,
+      threshold: typeof n == "number" ? n : w[n]
+    }, c = (i) => {
+      const { isIntersecting: t } = i;
+      if (this.isInView === t || (this.isInView = t, h && !t && this.hasEnteredView))
+        return;
+      t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
+      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), a = t ? d : u;
+      a && a(i);
+    };
+    this.stopObserver = f(this.node.current, p, c);
+  }
+  mount() {
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: s, prevProps: e } = this.node;
+    ["amount", "margin", "root"].some(l(s, e)) && this.startObserver();
+  }
+  unmount() {
+    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
+  }
+}
+function l({ viewport: o = {} }, { viewport: s = {} } = {}) {
+  return (e) => o[e] !== s[e];
+}
 export {
-  c as anticipate
+  b as InViewFeature
 };
 //# sourceMappingURL=visualization.es485.js.map

package/dist/visualization.es485.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es485.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs"],"sourcesContent":["import { backIn } from './back.mjs';\n\nconst anticipate = (p) => p >= 1\n    ? 1\n    : (p *= 2) < 1\n        ? 0.5 * backIn(p)\n        : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));\n\nexport { anticipate };\n//# sourceMappingURL=anticipate.mjs.map\n"],"names":["anticipate","p","backIn"],"mappings":";AAEK,MAACA,IAAa,CAACC,MAAMA,KAAK,IACzB,KACCA,KAAK,KAAK,IACP,MAAMC,EAAOD,CAAC,IACd,OAAO,IAAI,KAAK,IAAI,GAAG,OAAOA,IAAI,EAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es485.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/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.stopObserver?.();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        this.stopObserver = observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() {\n        this.stopObserver?.();\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,gBAAgB;AACZ,SAAK,eAAY;AACjB,UAAM,EAAE,UAAAC,IAAW,CAAA,EAAE,IAAK,KAAK,KAAK,SAAQ,GACtC,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAI,IAAKJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAc,IAAKD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,SAAQ,GACzDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IAC9B;AACA,SAAK,eAAeK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC5F;AAAA,EACA,QAAQ;AACJ,SAAK,cAAa;AAAA,EACtB;AAAA,EACA,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,EAAS,IAAK,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAE1B;AAAA,EACA,UAAU;AACN,SAAK,eAAY,GACjB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AACJ;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAE,GAAI,EAAE,UAAUgB,IAAe,GAAE,IAAK,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}

package/dist/visualization.es486.js

@@ -1,10 +1,7 @@
-import { cubicBezier as r } from "./visualization.es487.js";
-import { mirrorEasing as o } from "./visualization.es488.js";
-import { reverseEasing as t } from "./visualization.es489.js";
-const c = /* @__PURE__ */ r(0.33, 1.53, 0.69, 0.99), i = /* @__PURE__ */ t(c), s = /* @__PURE__ */ o(i);
+function n(o, t) {
+  return t ? `${o}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}` : o;
+}
 export {
-  i as backIn,
-  s as backInOut,
-  c as backOut
+  n as formatErrorMessage
 };
 //# sourceMappingURL=visualization.es486.js.map

package/dist/visualization.es486.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es486.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/back.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\nimport { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);\nconst backIn = /*@__PURE__*/ reverseEasing(backOut);\nconst backInOut = /*@__PURE__*/ mirrorEasing(backIn);\n\nexport { backIn, backInOut, backOut };\n//# sourceMappingURL=back.mjs.map\n"],"names":["backOut","cubicBezier","backIn","reverseEasing","backInOut","mirrorEasing"],"mappings":";;;AAIK,MAACA,IAAwB,gBAAAC,EAAY,MAAM,MAAM,MAAM,IAAI,GAC1DC,IAAuB,gBAAAC,EAAcH,CAAO,GAC5CI,IAA0B,gBAAAC,EAAaH,CAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es486.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/format-error-message.mjs"],"sourcesContent":["function formatErrorMessage(message, errorCode) {\n    return errorCode\n        ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}`\n        : message;\n}\n\nexport { formatErrorMessage };\n//# sourceMappingURL=format-error-message.mjs.map\n"],"names":["formatErrorMessage","message","errorCode"],"mappings":"AAAA,SAASA,EAAmBC,GAASC,GAAW;AAC5C,SAAOA,IACD,GAAGD,CAAO,0FAA0FC,CAAS,KAC7GD;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es487.js

@@ -1,19 +1,6 @@
-import { noop as b } from "./visualization.es309.js";
-const s = (n, i, r) => (((1 - 3 * r + 3 * i) * n + (3 * r - 6 * i)) * n + 3 * i) * n, f = 1e-7, l = 12;
-function a(n, i, r, c, o) {
-  let e, t, u = 0;
-  do
-    t = i + (r - i) / 2, e = s(t, c, o) - n, e > 0 ? r = t : i = t;
-  while (Math.abs(e) > f && ++u < l);
-  return t;
-}
-function d(n, i, r, c) {
-  if (n === i && r === c)
-    return b;
-  const o = (e) => a(e, 0, 1, n, r);
-  return (e) => e === 0 || e === 1 ? e : s(o(e), i, c);
-}
+import { backIn as o } from "./visualization.es488.js";
+const c = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
 export {
-  d as cubicBezier
+  c as anticipate
 };
 //# sourceMappingURL=visualization.es487.js.map

package/dist/visualization.es487.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es487.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs"],"sourcesContent":["import { noop } from '../noop.mjs';\n\n/*\n  Bezier function generator\n  This has been modified from Gaëtan Renaudeau's BezierEasing\n  https://github.com/gre/bezier-easing/blob/master/src/index.js\n  https://github.com/gre/bezier-easing/blob/master/LICENSE\n  \n  I've removed the newtonRaphsonIterate algo because in benchmarking it\n  wasn't noticeably faster than binarySubdivision, indeed removing it\n  usually improved times, depending on the curve.\n  I also removed the lookup table, as for the added bundle size and loop we're\n  only cutting ~4 or so subdivision iterations. I bumped the max iterations up\n  to 12 to compensate and this still tended to be faster for no perceivable\n  loss in accuracy.\n  Usage\n    const easeOut = cubicBezier(.17,.67,.83,.67);\n    const x = easeOut(0.5); // returns 0.627...\n*/\n// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\nconst calcBezier = (t, a1, a2) => (((1.0 - 3.0 * a2 + 3.0 * a1) * t + (3.0 * a2 - 6.0 * a1)) * t + 3.0 * a1) *\n    t;\nconst subdivisionPrecision = 0.0000001;\nconst subdivisionMaxIterations = 12;\nfunction binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {\n    let currentX;\n    let currentT;\n    let i = 0;\n    do {\n        currentT = lowerBound + (upperBound - lowerBound) / 2.0;\n        currentX = calcBezier(currentT, mX1, mX2) - x;\n        if (currentX > 0.0) {\n            upperBound = currentT;\n        }\n        else {\n            lowerBound = currentT;\n        }\n    } while (Math.abs(currentX) > subdivisionPrecision &&\n        ++i < subdivisionMaxIterations);\n    return currentT;\n}\nfunction cubicBezier(mX1, mY1, mX2, mY2) {\n    // If this is a linear gradient, return linear easing\n    if (mX1 === mY1 && mX2 === mY2)\n        return noop;\n    const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);\n    // If animation is at start/end, return t without easing\n    return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);\n}\n\nexport { cubicBezier };\n//# sourceMappingURL=cubic-bezier.mjs.map\n"],"names":["calcBezier","t","a1","a2","subdivisionPrecision","subdivisionMaxIterations","binarySubdivide","x","lowerBound","upperBound","mX1","mX2","currentX","currentT","i","cubicBezier","mY1","mY2","noop","getTForX","aX"],"mappings":";AAoBA,MAAMA,IAAa,CAACC,GAAGC,GAAIC,SAAU,IAAM,IAAMA,IAAK,IAAMD,KAAMD,KAAK,IAAME,IAAK,IAAMD,MAAOD,IAAI,IAAMC,KACrGD,GACEG,IAAuB,MACvBC,IAA2B;AACjC,SAASC,EAAgBC,GAAGC,GAAYC,GAAYC,GAAKC,GAAK;AAC1D,MAAIC,GACAC,GACAC,IAAI;AACR;AACI,IAAAD,IAAWL,KAAcC,IAAaD,KAAc,GACpDI,IAAWZ,EAAWa,GAAUH,GAAKC,CAAG,IAAIJ,GACxCK,IAAW,IACXH,IAAaI,IAGbL,IAAaK;AAAA,SAEZ,KAAK,IAAID,CAAQ,IAAIR,KAC1B,EAAEU,IAAIT;AACV,SAAOQ;AACX;AACA,SAASE,EAAYL,GAAKM,GAAKL,GAAKM,GAAK;AAErC,MAAIP,MAAQM,KAAOL,MAAQM;AACvB,WAAOC;AACX,QAAMC,IAAW,CAACC,MAAOd,EAAgBc,GAAI,GAAG,GAAGV,GAAKC,CAAG;AAE3D,SAAO,CAACV,MAAMA,MAAM,KAAKA,MAAM,IAAIA,IAAID,EAAWmB,EAASlB,CAAC,GAAGe,GAAKC,CAAG;AAC3E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es487.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs"],"sourcesContent":["import { backIn } from './back.mjs';\n\nconst anticipate = (p) => p >= 1\n    ? 1\n    : (p *= 2) < 1\n        ? 0.5 * backIn(p)\n        : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));\n\nexport { anticipate };\n//# sourceMappingURL=anticipate.mjs.map\n"],"names":["anticipate","p","backIn"],"mappings":";AAEK,MAACA,IAAa,CAACC,MAAMA,KAAK,IACzB,KACCA,KAAK,KAAK,IACP,MAAMC,EAAOD,CAAC,IACd,OAAO,IAAI,KAAK,IAAI,GAAG,OAAOA,IAAI,EAAE;","x_google_ignoreList":[0]}

package/dist/visualization.es488.js

@@ -1,5 +1,10 @@
-const t = (o) => (r) => r <= 0.5 ? o(2 * r) / 2 : (2 - o(2 * (1 - r))) / 2;
+import { cubicBezier as r } from "./visualization.es489.js";
+import { mirrorEasing as o } from "./visualization.es490.js";
+import { reverseEasing as t } from "./visualization.es491.js";
+const c = /* @__PURE__ */ r(0.33, 1.53, 0.69, 0.99), i = /* @__PURE__ */ t(c), s = /* @__PURE__ */ o(i);
 export {
-  t as mirrorEasing
+  i as backIn,
+  s as backInOut,
+  c as backOut
 };
 //# sourceMappingURL=visualization.es488.js.map

package/dist/visualization.es488.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es488.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs"],"sourcesContent":["// Accepts an easing function and returns a new one that outputs mirrored values for\n// the second half of the animation. Turns easeIn into easeInOut.\nconst mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;\n\nexport { mirrorEasing };\n//# sourceMappingURL=mirror.mjs.map\n"],"names":["mirrorEasing","easing","p"],"mappings":"AAEK,MAACA,IAAe,CAACC,MAAW,CAACC,MAAMA,KAAK,MAAMD,EAAO,IAAIC,CAAC,IAAI,KAAK,IAAID,EAAO,KAAK,IAAIC,EAAE,KAAK;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es488.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/back.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\nimport { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);\nconst backIn = /*@__PURE__*/ reverseEasing(backOut);\nconst backInOut = /*@__PURE__*/ mirrorEasing(backIn);\n\nexport { backIn, backInOut, backOut };\n//# sourceMappingURL=back.mjs.map\n"],"names":["backOut","cubicBezier","backIn","reverseEasing","backInOut","mirrorEasing"],"mappings":";;;AAIK,MAACA,IAAwB,gBAAAC,EAAY,MAAM,MAAM,MAAM,IAAI,GAC1DC,IAAuB,gBAAAC,EAAcH,CAAO,GAC5CI,IAA0B,gBAAAC,EAAaH,CAAM;","x_google_ignoreList":[0]}

package/dist/visualization.es489.js

@@ -1,5 +1,19 @@
-const s = (e) => (r) => 1 - e(1 - r);
+import { noop as b } from "./visualization.es311.js";
+const s = (n, i, r) => (((1 - 3 * r + 3 * i) * n + (3 * r - 6 * i)) * n + 3 * i) * n, f = 1e-7, l = 12;
+function a(n, i, r, c, o) {
+  let e, t, u = 0;
+  do
+    t = i + (r - i) / 2, e = s(t, c, o) - n, e > 0 ? r = t : i = t;
+  while (Math.abs(e) > f && ++u < l);
+  return t;
+}
+function d(n, i, r, c) {
+  if (n === i && r === c)
+    return b;
+  const o = (e) => a(e, 0, 1, n, r);
+  return (e) => e === 0 || e === 1 ? e : s(o(e), i, c);
+}
 export {
-  s as reverseEasing
+  d as cubicBezier
 };
 //# sourceMappingURL=visualization.es489.js.map

package/dist/visualization.es489.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es489.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs"],"sourcesContent":["// Accepts an easing function and returns a new one that outputs reversed values.\n// Turns easeIn into easeOut.\nconst reverseEasing = (easing) => (p) => 1 - easing(1 - p);\n\nexport { reverseEasing };\n//# sourceMappingURL=reverse.mjs.map\n"],"names":["reverseEasing","easing","p"],"mappings":"AAEK,MAACA,IAAgB,CAACC,MAAW,CAACC,MAAM,IAAID,EAAO,IAAIC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es489.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs"],"sourcesContent":["import { noop } from '../noop.mjs';\n\n/*\n  Bezier function generator\n  This has been modified from Gaëtan Renaudeau's BezierEasing\n  https://github.com/gre/bezier-easing/blob/master/src/index.js\n  https://github.com/gre/bezier-easing/blob/master/LICENSE\n  \n  I've removed the newtonRaphsonIterate algo because in benchmarking it\n  wasn't noticeably faster than binarySubdivision, indeed removing it\n  usually improved times, depending on the curve.\n  I also removed the lookup table, as for the added bundle size and loop we're\n  only cutting ~4 or so subdivision iterations. I bumped the max iterations up\n  to 12 to compensate and this still tended to be faster for no perceivable\n  loss in accuracy.\n  Usage\n    const easeOut = cubicBezier(.17,.67,.83,.67);\n    const x = easeOut(0.5); // returns 0.627...\n*/\n// Returns x(t) given t, x1, and x2, or y(t) given t, y1, and y2.\nconst calcBezier = (t, a1, a2) => (((1.0 - 3.0 * a2 + 3.0 * a1) * t + (3.0 * a2 - 6.0 * a1)) * t + 3.0 * a1) *\n    t;\nconst subdivisionPrecision = 0.0000001;\nconst subdivisionMaxIterations = 12;\nfunction binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {\n    let currentX;\n    let currentT;\n    let i = 0;\n    do {\n        currentT = lowerBound + (upperBound - lowerBound) / 2.0;\n        currentX = calcBezier(currentT, mX1, mX2) - x;\n        if (currentX > 0.0) {\n            upperBound = currentT;\n        }\n        else {\n            lowerBound = currentT;\n        }\n    } while (Math.abs(currentX) > subdivisionPrecision &&\n        ++i < subdivisionMaxIterations);\n    return currentT;\n}\nfunction cubicBezier(mX1, mY1, mX2, mY2) {\n    // If this is a linear gradient, return linear easing\n    if (mX1 === mY1 && mX2 === mY2)\n        return noop;\n    const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);\n    // If animation is at start/end, return t without easing\n    return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);\n}\n\nexport { cubicBezier };\n//# sourceMappingURL=cubic-bezier.mjs.map\n"],"names":["calcBezier","t","a1","a2","subdivisionPrecision","subdivisionMaxIterations","binarySubdivide","x","lowerBound","upperBound","mX1","mX2","currentX","currentT","i","cubicBezier","mY1","mY2","noop","getTForX","aX"],"mappings":";AAoBA,MAAMA,IAAa,CAACC,GAAGC,GAAIC,SAAU,IAAM,IAAMA,IAAK,IAAMD,KAAMD,KAAK,IAAME,IAAK,IAAMD,MAAOD,IAAI,IAAMC,KACrGD,GACEG,IAAuB,MACvBC,IAA2B;AACjC,SAASC,EAAgBC,GAAGC,GAAYC,GAAYC,GAAKC,GAAK;AAC1D,MAAIC,GACAC,GACAC,IAAI;AACR;AACI,IAAAD,IAAWL,KAAcC,IAAaD,KAAc,GACpDI,IAAWZ,EAAWa,GAAUH,GAAKC,CAAG,IAAIJ,GACxCK,IAAW,IACXH,IAAaI,IAGbL,IAAaK;AAAA,SAEZ,KAAK,IAAID,CAAQ,IAAIR,KAC1B,EAAEU,IAAIT;AACV,SAAOQ;AACX;AACA,SAASE,EAAYL,GAAKM,GAAKL,GAAKM,GAAK;AAErC,MAAIP,MAAQM,KAAOL,MAAQM;AACvB,WAAOC;AACX,QAAMC,IAAW,CAACC,MAAOd,EAAgBc,GAAI,GAAG,GAAGV,GAAKC,CAAG;AAE3D,SAAO,CAACV,MAAMA,MAAM,KAAKA,MAAM,IAAIA,IAAID,EAAWmB,EAASlB,CAAC,GAAGe,GAAKC,CAAG;AAC3E;","x_google_ignoreList":[0]}

package/dist/visualization.es49.js

@@ -1,178 +1,63 @@
-import { jsxs as n, Fragment as ri, jsx as i } from "react/jsx-runtime";
-import { useId as oi, useCallback as ai, useState as ni, useRef as si } from "react";
-import di from "./visualization.es97.js";
-import ci from "./visualization.es100.js";
-import hi from "./visualization.es101.js";
-import { TICK_FONT_FAMILY as C, AXIS_TITLE_FONT_SIZE as M, yAxisTickLabelProps as mi } from "./visualization.es46.js";
-import { MINI_MAP_HEIGHT as pi, LEGEND_GAP as b } from "./visualization.es47.js";
-import { useHeatmapCanvasGrid as fi } from "./visualization.es102.js";
-import { useScrollToSelection as gi } from "./visualization.es103.js";
-import xi from "./visualization.es56.js";
-import vi from "./visualization.es12.js";
-import ui from "./visualization.es52.js";
-const R = 10, Si = ({
-  legendSvgRef: $,
-  layout: I,
-  data: L,
-  showMiniMap: p,
-  showLegend: f,
-  xLabel: P,
-  yLabel: S,
-  tooltipBody: g,
-  onClick: H,
-  selectedCells: _,
-  scrollToSelection: A,
-  xAxisTickFormat: E,
-  yAxisTickFormat: N,
-  xAxisTickLabelProps: V
-}) => {
-  const {
-    numRows: F,
-    marg: G,
-    xMax: d,
-    yMax: c,
-    viewportWidth: e,
-    viewportHeight: t,
-    yTitleWidth: l,
-    yTickLabelWidth: o,
-    xTitleHeight: s,
-    xTickLabelHeight: a,
-    binWidth: O,
-    xTickLeftOverhangMax: x,
-    legendWidth: h,
-    xScale: W,
-    yScale: j,
-    xTickValues: X,
-    yTickValues: B,
-    stableColors: z,
-    minValue: D,
-    maxValue: Y,
-    canvasCellParams: m
-  } = I, {
-    canvasRef: K,
-    mainPaneRef: v,
-    canvasTooltipRef: Z,
-    setMainPaneNode: q,
-    handleGridScroll: J,
-    axisScrollPos: r,
-    visibleXTickValues: Q,
-    visibleYTickValues: U,
-    canvasHandlers: ii
-  } = fi({
-    canvasCellParams: m,
-    viewportWidth: e,
-    viewportHeight: t,
-    xTickValues: X,
-    yTickValues: B,
-    isScrollable: !0,
-    onClick: H
-  });
-  gi({
-    mainPaneRef: v,
-    selectedCells: _,
-    scrollToSelection: A,
-    isScrollable: !0,
-    binWidth: O,
-    viewportWidth: e
-  });
-  const u = oi(), w = Math.max(0, x - r.left), y = ai((ti, li) => {
-    v.current?.scrollTo({
-      left: ti,
-      top: li
-    });
-  }, []), [ei, T] = ni(!1), k = si(null);
-  return /* @__PURE__ */ n(ri, { children: [
-    /* @__PURE__ */ n("div", { style: {
-      display: "flex",
-      flexDirection: "column"
-    }, children: [
-      p && /* @__PURE__ */ i("div", { ref: k, style: {
-        marginLeft: l + o,
-        position: "relative",
-        width: e
-      }, children: /* @__PURE__ */ i(ci, { canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, width: e, height: pi, onNavigate: y, onCanvasClick: () => T(!0) }) }),
-      /* @__PURE__ */ n("div", { style: {
-        display: "grid",
-        gridTemplateColumns: f ? `${l}px ${o}px ${e}px ${b + h}px` : `${l}px ${o}px ${e}px`,
-        gridTemplateRows: `${G.top}px ${t}px ${a}px ${s}px`
-      }, children: [
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 1,
-          gridRow: 2,
-          width: l,
-          height: t,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: S ?? "" }) }) }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 2,
-          gridRow: 2,
-          width: o,
-          height: t,
-          overflow: "hidden"
-        }, children: /* @__PURE__ */ i("svg", { width: o, height: t, children: /* @__PURE__ */ i("g", { transform: `translate(${o},${-r.top})`, children: /* @__PURE__ */ i(xi, { scale: j, numTicks: F, tickValues: U, tickFormat: N, tickLabelProps: mi }) }) }) }),
-        /* @__PURE__ */ i("div", { ref: q, onScroll: J, style: {
-          gridColumn: 3,
-          gridRow: 2,
-          width: e,
-          height: t,
-          overflow: "auto",
-          overscrollBehavior: "contain",
-          position: "relative"
-        }, children: /* @__PURE__ */ i("div", { style: {
-          width: d,
-          height: c,
-          position: "relative"
-        }, children: /* @__PURE__ */ i("canvas", { ref: K, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
-          width: e,
-          height: t,
-          position: "sticky",
-          top: 0,
-          left: 0,
-          display: "block",
-          cursor: "default"
-        }, ...ii }) }) }),
-        g && /* @__PURE__ */ i(vi, { ref: Z, children: g }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 3,
-          gridRow: 3,
-          width: e,
-          height: a,
-          overflow: "visible"
-        }, children: /* @__PURE__ */ n("svg", { width: e, height: a, style: {
-          overflow: "visible"
-        }, children: [
-          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ n("clipPath", { id: u, children: [
-            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: a }),
-            x > 0 && /* @__PURE__ */ i("rect", { x: -w, y: R, width: w, height: Math.max(0, a - R) })
-          ] }) }),
-          /* @__PURE__ */ i("g", { clipPath: `url(#${u})`, children: /* @__PURE__ */ i("g", { transform: `translate(${-r.left},0)`, children: /* @__PURE__ */ i(ui, { top: 0, scale: W, numTicks: L.length, tickFormat: E, tickValues: Q, tickLabelProps: V }) }) })
-        ] }) }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 3,
-          gridRow: 4,
-          width: e,
-          height: s,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: /* @__PURE__ */ i("svg", { width: e, height: s, children: /* @__PURE__ */ i("text", { x: e / 2, y: s / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: M, fontFamily: C, children: P ?? "" }) }) }),
-        f && /* @__PURE__ */ i("div", { style: {
-          gridColumn: 4,
-          gridRow: 2,
-          width: h,
-          marginLeft: b,
-          height: t
-        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: $, style: {
-          overflow: "visible"
-        }, children: /* @__PURE__ */ i(di, { colors: z, minValue: D, maxValue: Y, height: t }) }) })
-      ] })
-    ] }),
-    p && ei && /* @__PURE__ */ i(hi, { onClose: () => T(!1), containerRef: k, canvasCellParams: m, xMax: d, yMax: c, viewportWidth: e, viewportHeight: t, scrollLeft: r.left, scrollTop: r.top, onNavigate: y })
-  ] });
+import { useState as y } from "react";
+import C from "./visualization.es114.js";
+function d(r, e) {
+  return j(r) || k(r, e) || x(r, e) || E();
+}
+function j(r) {
+  if (Array.isArray(r)) return r;
+}
+function k(r, e) {
+  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(r)))) {
+    var t = [], n = !0, u = !1, a = void 0;
+    try {
+      for (var o = r[Symbol.iterator](), i; !(n = (i = o.next()).done) && (t.push(i.value), !(e && t.length === e)); n = !0)
+        ;
+    } catch (s) {
+      u = !0, a = s;
+    } finally {
+      try {
+        !n && o.return != null && o.return();
+      } finally {
+        if (u) throw a;
+      }
+    }
+    return t;
+  }
+}
+function x(r, e) {
+  if (r) {
+    if (typeof r == "string") return p(r, e);
+    var t = Object.prototype.toString.call(r).slice(8, -1);
+    if (t === "Object" && r.constructor && (t = r.constructor.name), t === "Map" || t === "Set") return Array.from(t);
+    if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return p(r, e);
+  }
+}
+function p(r, e) {
+  (e == null || e > r.length) && (e = r.length);
+  for (var t = 0, n = new Array(e); t < e; t++) n[t] = r[t];
+  return n;
+}
+function E() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+var H = function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.type, n = e.quality, u = y(null), a = d(u, 2), o = a[0], i = a[1], s = y(null), l = d(s, 2), v = l[0], g = l[1], S = function(h) {
+    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (!h)
+      throw new Error("You should provide correct html node.");
+    return C(h, b).then(function(f) {
+      var c = document.createElement("canvas"), _ = c.getContext("2d"), A = 0, w = 0, I = f.width, T = f.height;
+      c.width = I, c.height = T, _.drawImage(f, w, A);
+      var m = c.toDataURL(t, n);
+      return i(m), m;
+    }).catch(g);
+  };
+  return [o, S, {
+    error: v
+  }];
 };
 export {
-  Si as default
+  H as useScreenshot
 };
 //# sourceMappingURL=visualization.es49.js.map