@weng-lab/visualization 2.5.0 → 2.5.1-beta.0

package/dist/visualization.es319.js

@@ -1,31 +1,144 @@
-import { interpolate as c } from "./visualization.es354.js";
-import { defaultOffset as p } from "./visualization.es355.js";
-import { convertOffsetToTimes as u } from "./visualization.es356.js";
-import { isEasingArray as l } from "./visualization.es357.js";
-import { easingDefinitionToFunction as m } from "./visualization.es358.js";
-import { easeInOut as g } from "./visualization.es94.js";
-function T(n, t) {
-  return n.map(() => t || g).splice(0, n.length - 1);
+import { animateVisualElement as N } from "./visualization.es361.js";
+import { calcChildStagger as Q } from "./visualization.es350.js";
+import { getVariantContext as U } from "./visualization.es469.js";
+import { isAnimationControls as W } from "./visualization.es175.js";
+import { isKeyframesTarget as k } from "./visualization.es412.js";
+import { isVariantLabel as X } from "./visualization.es470.js";
+import { resolveVariant as T } from "./visualization.es320.js";
+import { shallowCompare as H } from "./visualization.es471.js";
+import { variantPriorityOrder as L } from "./visualization.es472.js";
+const Y = [...L].reverse(), Z = L.length;
+function _(e) {
+  return (f) => Promise.all(f.map(({ animation: c, options: p }) => N(e, c, p)));
 }
-function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
-  const e = l(r) ? r.map(m) : m(r), i = {
-    done: !1,
-    value: t[0]
-  }, s = u(
-    // Only use the provided offsets if they're the correct length
-    // TODO Maybe we should warn here if there's a length mismatch
-    o && o.length === t.length ? o : p(t),
-    n
-  ), a = c(s, t, {
-    ease: Array.isArray(e) ? e : T(t, e)
-  });
+function fe(e) {
+  let f = _(e), c = B(), p = !0, V = !1;
+  const z = (s) => (n, y) => {
+    const l = T(e, y, s === "exit" ? e.presenceContext?.custom : void 0);
+    if (l) {
+      const { transition: m, transitionEnd: d, ...C } = l;
+      n = { ...n, ...C, ...d };
+    }
+    return n;
+  };
+  function j(s) {
+    f = s(e);
+  }
+  function K(s) {
+    const { props: n } = e, y = U(e.parent) || {}, l = [], m = /* @__PURE__ */ new Set();
+    let d = {}, C = 1 / 0;
+    for (let u = 0; u < Z; u++) {
+      const t = Y[u], i = c[t], o = n[t] !== void 0 ? n[t] : y[t], S = X(o), w = t === s ? i.isActive : null;
+      w === !1 && (C = u);
+      let P = o === y[t] && o !== n[t] && S;
+      if (P && (p || V) && e.manuallyAnimateOnMount && (P = !1), i.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
+      !i.isActive && w === null || // If we didn't and don't have any defined prop for this animation type
+      !o && !i.prevProp || // Or if the prop doesn't define an animation
+      W(o) || typeof o == "boolean")
+        continue;
+      if (t === "exit" && i.isActive && w !== !0) {
+        i.prevResolvedValues && (d = {
+          ...d,
+          ...i.prevResolvedValues
+        });
+        continue;
+      }
+      const I = $(i.prevProp, o);
+      let R = I || // If we're making this variant active, we want to always make it active
+      t === s && i.isActive && !P && S || // If we removed a higher-priority variant (i is in reverse order)
+      u > C && S, x = !1;
+      const O = Array.isArray(o) ? o : [o];
+      let v = O.reduce(z(t), {});
+      w === !1 && (v = {});
+      const { prevResolvedValues: D = {} } = i, G = {
+        ...D,
+        ...v
+      }, F = (r) => {
+        R = !0, m.has(r) && (x = !0, m.delete(r)), i.needsAnimating[r] = !0;
+        const a = e.getValue(r);
+        a && (a.liveStyle = !1);
+      };
+      for (const r in G) {
+        const a = v[r], A = D[r];
+        if (d.hasOwnProperty(r))
+          continue;
+        let g = !1;
+        k(a) && k(A) ? g = !H(a, A) : g = a !== A, g ? a != null ? F(r) : m.add(r) : a !== void 0 && m.has(r) ? F(r) : i.protectedKeys[r] = !0;
+      }
+      i.prevProp = o, i.prevResolvedValues = v, i.isActive && (d = { ...d, ...v }), (p || V) && e.blockInitialAnimation && (R = !1);
+      const M = P && I;
+      R && (!M || x) && l.push(...O.map((r) => {
+        const a = { type: t };
+        if (typeof r == "string" && (p || V) && !M && e.manuallyAnimateOnMount && e.parent) {
+          const { parent: A } = e, g = T(A, r);
+          if (A.enteringChildren && g) {
+            const { delayChildren: J } = g.transition || {};
+            a.delay = Q(A.enteringChildren, e, J);
+          }
+        }
+        return {
+          animation: r,
+          options: a
+        };
+      }));
+    }
+    if (m.size) {
+      const u = {};
+      if (typeof n.initial != "boolean") {
+        const t = T(e, Array.isArray(n.initial) ? n.initial[0] : n.initial);
+        t && t.transition && (u.transition = t.transition);
+      }
+      m.forEach((t) => {
+        const i = e.getBaseTarget(t), o = e.getValue(t);
+        o && (o.liveStyle = !0), u[t] = i ?? null;
+      }), l.push({ animation: u });
+    }
+    let b = !!l.length;
+    return p && (n.initial === !1 || n.initial === n.animate) && !e.manuallyAnimateOnMount && (b = !1), p = !1, V = !1, b ? f(l) : Promise.resolve();
+  }
+  function q(s, n) {
+    if (c[s].isActive === n)
+      return Promise.resolve();
+    e.variantChildren?.forEach((l) => l.animationState?.setActive(s, n)), c[s].isActive = n;
+    const y = K(s);
+    for (const l in c)
+      c[l].protectedKeys = {};
+    return y;
+  }
+  return {
+    animateChanges: K,
+    setActive: q,
+    setAnimateFunction: j,
+    getState: () => c,
+    reset: () => {
+      c = B(), V = !0;
+    }
+  };
+}
+function $(e, f) {
+  return typeof f == "string" ? f !== e : Array.isArray(f) ? !H(f, e) : !1;
+}
+function h(e = !1) {
+  return {
+    isActive: e,
+    protectedKeys: {},
+    needsAnimating: {},
+    prevResolvedValues: {}
+  };
+}
+function B() {
   return {
-    calculatedDuration: n,
-    next: (f) => (i.value = a(f), i.done = f >= n, i)
+    animate: h(!0),
+    whileInView: h(),
+    whileHover: h(),
+    whileTap: h(),
+    whileDrag: h(),
+    whileFocus: h(),
+    exit: h()
   };
 }
 export {
-  T as defaultEasing,
-  y as keyframes
+  $ as checkVariantsDidChange,
+  fe as createAnimationState
 };
 //# sourceMappingURL=visualization.es319.js.map

package/dist/visualization.es319.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es319.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs"],"sourcesContent":["import { easeInOut, isEasingArray, easingDefinitionToFunction } from 'motion-utils';\nimport { interpolate } from '../../utils/interpolate.mjs';\nimport { defaultOffset } from '../keyframes/offsets/default.mjs';\nimport { convertOffsetToTimes } from '../keyframes/offsets/time.mjs';\n\nfunction defaultEasing(values, easing) {\n    return values.map(() => easing || easeInOut).splice(0, values.length - 1);\n}\nfunction keyframes({ duration = 300, keyframes: keyframeValues, times, ease = \"easeInOut\", }) {\n    /**\n     * Easing functions can be externally defined as strings. Here we convert them\n     * into actual functions.\n     */\n    const easingFunctions = isEasingArray(ease)\n        ? ease.map(easingDefinitionToFunction)\n        : easingDefinitionToFunction(ease);\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = {\n        done: false,\n        value: keyframeValues[0],\n    };\n    /**\n     * Create a times array based on the provided 0-1 offsets\n     */\n    const absoluteTimes = convertOffsetToTimes(\n    // Only use the provided offsets if they're the correct length\n    // TODO Maybe we should warn here if there's a length mismatch\n    times && times.length === keyframeValues.length\n        ? times\n        : defaultOffset(keyframeValues), duration);\n    const mapTimeToKeyframe = interpolate(absoluteTimes, keyframeValues, {\n        ease: Array.isArray(easingFunctions)\n            ? easingFunctions\n            : defaultEasing(keyframeValues, easingFunctions),\n    });\n    return {\n        calculatedDuration: duration,\n        next: (t) => {\n            state.value = mapTimeToKeyframe(t);\n            state.done = t >= duration;\n            return state;\n        },\n    };\n}\n\nexport { defaultEasing, keyframes };\n//# sourceMappingURL=keyframes.mjs.map\n"],"names":["defaultEasing","values","easing","easeInOut","keyframes","duration","keyframeValues","times","ease","easingFunctions","isEasingArray","easingDefinitionToFunction","state","absoluteTimes","convertOffsetToTimes","defaultOffset","mapTimeToKeyframe","interpolate","t"],"mappings":";;;;;;AAKA,SAASA,EAAcC,GAAQC,GAAQ;AACnC,SAAOD,EAAO,IAAI,MAAMC,KAAUC,CAAS,EAAE,OAAO,GAAGF,EAAO,SAAS,CAAC;AAC5E;AACA,SAASG,EAAU,EAAE,UAAAC,IAAW,KAAK,WAAWC,GAAgB,OAAAC,GAAO,MAAAC,IAAO,eAAgB;AAK1F,QAAMC,IAAkBC,EAAcF,CAAI,IACpCA,EAAK,IAAIG,CAA0B,IACnCA,EAA2BH,CAAI,GAK/BI,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAON,EAAe,CAAC;AAAA,EAC/B,GAIUO,IAAgBC;AAAA;AAAA;AAAA,IAGtBP,KAASA,EAAM,WAAWD,EAAe,SACnCC,IACAQ,EAAcT,CAAc;AAAA,IAAGD;AAAA,EAAQ,GACvCW,IAAoBC,EAAYJ,GAAeP,GAAgB;AAAA,IACjE,MAAM,MAAM,QAAQG,CAAe,IAC7BA,IACAT,EAAcM,GAAgBG,CAAe;AAAA,EAC3D,CAAK;AACD,SAAO;AAAA,IACH,oBAAoBJ;AAAA,IACpB,MAAM,CAACa,OACHN,EAAM,QAAQI,EAAkBE,CAAC,GACjCN,EAAM,OAAOM,KAAKb,GACXO;AAAA,EAEnB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es319.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/animation-state.mjs"],"sourcesContent":["import { animateVisualElement } from '../../animation/interfaces/visual-element.mjs';\nimport { calcChildStagger } from '../../animation/utils/calc-child-stagger.mjs';\nimport { getVariantContext } from './get-variant-context.mjs';\nimport { isAnimationControls } from './is-animation-controls.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\nimport { isVariantLabel } from './is-variant-label.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { shallowCompare } from './shallow-compare.mjs';\nimport { variantPriorityOrder } from './variant-props.mjs';\n\nconst reversePriorityOrder = [...variantPriorityOrder].reverse();\nconst numAnimationTypes = variantPriorityOrder.length;\nfunction createAnimateFunction(visualElement) {\n    return (animations) => {\n        return Promise.all(animations.map(({ animation, options }) => animateVisualElement(visualElement, animation, options)));\n    };\n}\nfunction createAnimationState(visualElement) {\n    let animate = createAnimateFunction(visualElement);\n    let state = createState();\n    let isInitialRender = true;\n    /**\n     * Track whether the animation state has been reset (e.g. via StrictMode\n     * double-invocation or Suspense unmount/remount). On the first\n     * animateChanges() call after a reset we need to behave like the initial\n     * render for variant-inheritance checks, even though isInitialRender is\n     * already false.\n     */\n    let wasReset = false;\n    /**\n     * This function will be used to reduce the animation definitions for\n     * each active animation type into an object of resolved values for it.\n     */\n    const buildResolvedTypeValues = (type) => (acc, definition) => {\n        const resolved = resolveVariant(visualElement, definition, type === \"exit\"\n            ? visualElement.presenceContext?.custom\n            : undefined);\n        if (resolved) {\n            const { transition, transitionEnd, ...target } = resolved;\n            acc = { ...acc, ...target, ...transitionEnd };\n        }\n        return acc;\n    };\n    /**\n     * This just allows us to inject mocked animation functions\n     * @internal\n     */\n    function setAnimateFunction(makeAnimator) {\n        animate = makeAnimator(visualElement);\n    }\n    /**\n     * When we receive new props, we need to:\n     * 1. Create a list of protected keys for each type. This is a directory of\n     *    value keys that are currently being \"handled\" by types of a higher priority\n     *    so that whenever an animation is played of a given type, these values are\n     *    protected from being animated.\n     * 2. Determine if an animation type needs animating.\n     * 3. Determine if any values have been removed from a type and figure out\n     *    what to animate those to.\n     */\n    function animateChanges(changedActiveType) {\n        const { props } = visualElement;\n        const context = getVariantContext(visualElement.parent) || {};\n        /**\n         * A list of animations that we'll build into as we iterate through the animation\n         * types. This will get executed at the end of the function.\n         */\n        const animations = [];\n        /**\n         * Keep track of which values have been removed. Then, as we hit lower priority\n         * animation types, we can check if they contain removed values and animate to that.\n         */\n        const removedKeys = new Set();\n        /**\n         * A dictionary of all encountered keys. This is an object to let us build into and\n         * copy it without iteration. Each time we hit an animation type we set its protected\n         * keys - the keys its not allowed to animate - to the latest version of this object.\n         */\n        let encounteredKeys = {};\n        /**\n         * If a variant has been removed at a given index, and this component is controlling\n         * variant animations, we want to ensure lower-priority variants are forced to animate.\n         */\n        let removedVariantIndex = Infinity;\n        /**\n         * Iterate through all animation types in reverse priority order. For each, we want to\n         * detect which values it's handling and whether or not they've changed (and therefore\n         * need to be animated). If any values have been removed, we want to detect those in\n         * lower priority props and flag for animation.\n         */\n        for (let i = 0; i < numAnimationTypes; i++) {\n            const type = reversePriorityOrder[i];\n            const typeState = state[type];\n            const prop = props[type] !== undefined\n                ? props[type]\n                : context[type];\n            const propIsVariant = isVariantLabel(prop);\n            /**\n             * If this type has *just* changed isActive status, set activeDelta\n             * to that status. Otherwise set to null.\n             */\n            const activeDelta = type === changedActiveType ? typeState.isActive : null;\n            if (activeDelta === false)\n                removedVariantIndex = i;\n            /**\n             * If this prop is an inherited variant, rather than been set directly on the\n             * component itself, we want to make sure we allow the parent to trigger animations.\n             *\n             * TODO: Can probably change this to a !isControllingVariants check\n             */\n            let isInherited = prop === context[type] &&\n                prop !== props[type] &&\n                propIsVariant;\n            if (isInherited &&\n                (isInitialRender || wasReset) &&\n                visualElement.manuallyAnimateOnMount) {\n                isInherited = false;\n            }\n            /**\n             * Set all encountered keys so far as the protected keys for this type. This will\n             * be any key that has been animated or otherwise handled by active, higher-priortiy types.\n             */\n            typeState.protectedKeys = { ...encounteredKeys };\n            // Check if we can skip analysing this prop early\n            if (\n            // If it isn't active and hasn't *just* been set as inactive\n            (!typeState.isActive && activeDelta === null) ||\n                // If we didn't and don't have any defined prop for this animation type\n                (!prop && !typeState.prevProp) ||\n                // Or if the prop doesn't define an animation\n                isAnimationControls(prop) ||\n                typeof prop === \"boolean\") {\n                continue;\n            }\n            /**\n             * If exit is already active and wasn't just activated, skip\n             * re-processing to prevent interrupting running exit animations.\n             * Re-resolving exit with a changed custom value can start new\n             * value animations that stop the originals, leaving the exit\n             * animation promise unresolved and the component stuck in the DOM.\n             */\n            if (type === \"exit\" && typeState.isActive && activeDelta !== true) {\n                if (typeState.prevResolvedValues) {\n                    encounteredKeys = {\n                        ...encounteredKeys,\n                        ...typeState.prevResolvedValues,\n                    };\n                }\n                continue;\n            }\n            /**\n             * As we go look through the values defined on this type, if we detect\n             * a changed value or a value that was removed in a higher priority, we set\n             * this to true and add this prop to the animation list.\n             */\n            const variantDidChange = checkVariantsDidChange(typeState.prevProp, prop);\n            let shouldAnimateType = variantDidChange ||\n                // If we're making this variant active, we want to always make it active\n                (type === changedActiveType &&\n                    typeState.isActive &&\n                    !isInherited &&\n                    propIsVariant) ||\n                // If we removed a higher-priority variant (i is in reverse order)\n                (i > removedVariantIndex && propIsVariant);\n            let handledRemovedValues = false;\n            /**\n             * As animations can be set as variant lists, variants or target objects, we\n             * coerce everything to an array if it isn't one already\n             */\n            const definitionList = Array.isArray(prop) ? prop : [prop];\n            /**\n             * Build an object of all the resolved values. We'll use this in the subsequent\n             * animateChanges calls to determine whether a value has changed.\n             */\n            let resolvedValues = definitionList.reduce(buildResolvedTypeValues(type), {});\n            if (activeDelta === false)\n                resolvedValues = {};\n            /**\n             * Now we need to loop through all the keys in the prev prop and this prop,\n             * and decide:\n             * 1. If the value has changed, and needs animating\n             * 2. If it has been removed, and needs adding to the removedKeys set\n             * 3. If it has been removed in a higher priority type and needs animating\n             * 4. If it hasn't been removed in a higher priority but hasn't changed, and\n             *    needs adding to the type's protectedKeys list.\n             */\n            const { prevResolvedValues = {} } = typeState;\n            const allKeys = {\n                ...prevResolvedValues,\n                ...resolvedValues,\n            };\n            const markToAnimate = (key) => {\n                shouldAnimateType = true;\n                if (removedKeys.has(key)) {\n                    handledRemovedValues = true;\n                    removedKeys.delete(key);\n                }\n                typeState.needsAnimating[key] = true;\n                const motionValue = visualElement.getValue(key);\n                if (motionValue)\n                    motionValue.liveStyle = false;\n            };\n            for (const key in allKeys) {\n                const next = resolvedValues[key];\n                const prev = prevResolvedValues[key];\n                // If we've already handled this we can just skip ahead\n                if (encounteredKeys.hasOwnProperty(key))\n                    continue;\n                /**\n                 * If the value has changed, we probably want to animate it.\n                 */\n                let valueHasChanged = false;\n                if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {\n                    valueHasChanged = !shallowCompare(next, prev);\n                }\n                else {\n                    valueHasChanged = next !== prev;\n                }\n                if (valueHasChanged) {\n                    if (next !== undefined && next !== null) {\n                        // If next is defined and doesn't equal prev, it needs animating\n                        markToAnimate(key);\n                    }\n                    else {\n                        // If it's undefined, it's been removed.\n                        removedKeys.add(key);\n                    }\n                }\n                else if (next !== undefined && removedKeys.has(key)) {\n                    /**\n                     * If next hasn't changed and it isn't undefined, we want to check if it's\n                     * been removed by a higher priority\n                     */\n                    markToAnimate(key);\n                }\n                else {\n                    /**\n                     * If it hasn't changed, we add it to the list of protected values\n                     * to ensure it doesn't get animated.\n                     */\n                    typeState.protectedKeys[key] = true;\n                }\n            }\n            /**\n             * Update the typeState so next time animateChanges is called we can compare the\n             * latest prop and resolvedValues to these.\n             */\n            typeState.prevProp = prop;\n            typeState.prevResolvedValues = resolvedValues;\n            if (typeState.isActive) {\n                encounteredKeys = { ...encounteredKeys, ...resolvedValues };\n            }\n            if ((isInitialRender || wasReset) &&\n                visualElement.blockInitialAnimation) {\n                shouldAnimateType = false;\n            }\n            /**\n             * If this is an inherited prop we want to skip this animation\n             * unless the inherited variants haven't changed on this render.\n             */\n            const willAnimateViaParent = isInherited && variantDidChange;\n            const needsAnimating = !willAnimateViaParent || handledRemovedValues;\n            if (shouldAnimateType && needsAnimating) {\n                animations.push(...definitionList.map((animation) => {\n                    const options = { type };\n                    /**\n                     * If we're performing the initial animation, but we're not\n                     * rendering at the same time as the variant-controlling parent,\n                     * we want to use the parent's transition to calculate the stagger.\n                     */\n                    if (typeof animation === \"string\" &&\n                        (isInitialRender || wasReset) &&\n                        !willAnimateViaParent &&\n                        visualElement.manuallyAnimateOnMount &&\n                        visualElement.parent) {\n                        const { parent } = visualElement;\n                        const parentVariant = resolveVariant(parent, animation);\n                        if (parent.enteringChildren && parentVariant) {\n                            const { delayChildren } = parentVariant.transition || {};\n                            options.delay = calcChildStagger(parent.enteringChildren, visualElement, delayChildren);\n                        }\n                    }\n                    return {\n                        animation: animation,\n                        options,\n                    };\n                }));\n            }\n        }\n        /**\n         * If there are some removed value that haven't been dealt with,\n         * we need to create a new animation that falls back either to the value\n         * defined in the style prop, or the last read value.\n         */\n        if (removedKeys.size) {\n            const fallbackAnimation = {};\n            /**\n             * If the initial prop contains a transition we can use that, otherwise\n             * allow the animation function to use the visual element's default.\n             */\n            if (typeof props.initial !== \"boolean\") {\n                const initialTransition = resolveVariant(visualElement, Array.isArray(props.initial)\n                    ? props.initial[0]\n                    : props.initial);\n                if (initialTransition && initialTransition.transition) {\n                    fallbackAnimation.transition = initialTransition.transition;\n                }\n            }\n            removedKeys.forEach((key) => {\n                const fallbackTarget = visualElement.getBaseTarget(key);\n                const motionValue = visualElement.getValue(key);\n                if (motionValue)\n                    motionValue.liveStyle = true;\n                // @ts-expect-error - @mattgperry to figure if we should do something here\n                fallbackAnimation[key] = fallbackTarget ?? null;\n            });\n            animations.push({ animation: fallbackAnimation });\n        }\n        let shouldAnimate = Boolean(animations.length);\n        if (isInitialRender &&\n            (props.initial === false || props.initial === props.animate) &&\n            !visualElement.manuallyAnimateOnMount) {\n            shouldAnimate = false;\n        }\n        isInitialRender = false;\n        wasReset = false;\n        return shouldAnimate ? animate(animations) : Promise.resolve();\n    }\n    /**\n     * Change whether a certain animation type is active.\n     */\n    function setActive(type, isActive) {\n        // If the active state hasn't changed, we can safely do nothing here\n        if (state[type].isActive === isActive)\n            return Promise.resolve();\n        // Propagate active change to children\n        visualElement.variantChildren?.forEach((child) => child.animationState?.setActive(type, isActive));\n        state[type].isActive = isActive;\n        const animations = animateChanges(type);\n        for (const key in state) {\n            state[key].protectedKeys = {};\n        }\n        return animations;\n    }\n    return {\n        animateChanges,\n        setActive,\n        setAnimateFunction,\n        getState: () => state,\n        reset: () => {\n            state = createState();\n            wasReset = true;\n        },\n    };\n}\nfunction checkVariantsDidChange(prev, next) {\n    if (typeof next === \"string\") {\n        return next !== prev;\n    }\n    else if (Array.isArray(next)) {\n        return !shallowCompare(next, prev);\n    }\n    return false;\n}\nfunction createTypeState(isActive = false) {\n    return {\n        isActive,\n        protectedKeys: {},\n        needsAnimating: {},\n        prevResolvedValues: {},\n    };\n}\nfunction createState() {\n    return {\n        animate: createTypeState(true),\n        whileInView: createTypeState(),\n        whileHover: createTypeState(),\n        whileTap: createTypeState(),\n        whileDrag: createTypeState(),\n        whileFocus: createTypeState(),\n        exit: createTypeState(),\n    };\n}\n\nexport { checkVariantsDidChange, createAnimationState };\n//# sourceMappingURL=animation-state.mjs.map\n"],"names":["reversePriorityOrder","variantPriorityOrder","numAnimationTypes","createAnimateFunction","visualElement","animations","animation","options","animateVisualElement","createAnimationState","animate","state","createState","isInitialRender","wasReset","buildResolvedTypeValues","type","acc","definition","resolved","resolveVariant","transition","transitionEnd","target","setAnimateFunction","makeAnimator","animateChanges","changedActiveType","props","context","getVariantContext","removedKeys","encounteredKeys","removedVariantIndex","i","typeState","prop","propIsVariant","isVariantLabel","activeDelta","isInherited","isAnimationControls","variantDidChange","checkVariantsDidChange","shouldAnimateType","handledRemovedValues","definitionList","resolvedValues","prevResolvedValues","allKeys","markToAnimate","key","motionValue","next","prev","valueHasChanged","isKeyframesTarget","shallowCompare","willAnimateViaParent","parent","parentVariant","delayChildren","calcChildStagger","fallbackAnimation","initialTransition","fallbackTarget","shouldAnimate","setActive","isActive","child","createTypeState"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es32.js

@@ -1,37 +1,114 @@
-import l from "./visualization.es144.js";
-import m from "./visualization.es143.js";
-import n from "./visualization.es149.js";
-import { jsx as f } from "react/jsx-runtime";
-const c = {
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "middle"
-};
-function L(o) {
-  let {
-    axisClassName: i,
-    labelOffset: e = 8,
-    tickLength: s = 8,
-    tickLabelProps: t,
-    ...r
-  } = o;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
-  };
-  return /* @__PURE__ */ f(m, {
-    axisClassName: l("visx-axis-bottom", i),
-    labelOffset: e,
-    orientation: n.bottom,
-    tickLabelProps: a,
-    tickLength: s,
-    ...r
-  });
-}
+import { jsx as l, jsxs as X, Fragment as re } from "react/jsx-runtime";
+import { c as be } from "react/compiler-runtime";
+import { memo as he } from "react";
+import { getAnimationProps as ge } from "./visualization.es23.js";
+import ye from "./visualization.es51.js";
+import { motion as xe } from "./visualization.es28.js";
+import ne from "./visualization.es26.js";
+import se from "./visualization.es101.js";
+import ve from "./visualization.es65.js";
+import ke from "./visualization.es90.js";
+import { defaultStyles as Se } from "./visualization.es54.js";
+import Le from "./visualization.es102.js";
+import ce from "./visualization.es27.js";
+const Te = "Roboto,Helvetica,Arial,sans-serif", Ve = (pe) => {
+  const e = be(70), {
+    index: Y,
+    bar: o,
+    onBarClicked: n,
+    TooltipContents: v,
+    cutoffNegativeValues: ee,
+    negativeCutoff: oe,
+    xScale: k,
+    yScale: W,
+    barSize: te,
+    barSpacing: le,
+    gapBetweenTextAndBar: ie,
+    getLollipopRadius: y,
+    animation: S,
+    animationEnabled: fe,
+    animationBuffer: me
+  } = pe;
+  let L;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {}, e[0] = L) : L = e[0];
+  const {
+    tooltipOpen: j,
+    tooltipLeft: D,
+    tooltipTop: F,
+    tooltipData: x,
+    hideTooltip: H,
+    showTooltip: R
+  } = ye(L);
+  let T;
+  e[1] !== R ? (T = (P, ue) => {
+    R({
+      tooltipData: ue,
+      tooltipLeft: P.pageX,
+      tooltipTop: P.pageY
+    });
+  }, e[1] = R, e[2] = T) : T = e[2];
+  const _ = T;
+  let V;
+  e[3] !== o || e[4] !== n ? (V = () => {
+    n?.(o);
+  }, e[3] = o, e[4] = n, e[5] = V) : V = e[5];
+  const $ = V;
+  let B;
+  e[6] !== H ? (B = () => {
+    H();
+  }, e[6] = H, e[7] = B) : B = e[7];
+  const E = B, M = o.id === x?.id, C = ee ? Math.max(o.value, oe) : o.value;
+  let z;
+  e[8] !== o.id || e[9] !== W ? (z = W(o.id), e[8] = o.id, e[9] = W, e[10] = z) : z = e[10];
+  const ae = z, de = o.id.split("-")[0] === "spacer" ? le : te, t = C > 0 ? k(0) : k(C), i = ae ?? 0, a = Math.abs(k(C) - k(0)), r = o.id.split("-")[0] === "spacer" ? le : te, G = -ie, I = (ae ?? 0) + de / 2, N = t + a + ie + (o.lollipopValue && o.value >= 0 ? y(o.lollipopValue) : 0), O = i + r / 2, q = S && fe ? xe.g : "g", J = me ?? 0.03;
+  let A;
+  e[11] !== S || e[12] !== Y || e[13] !== J ? (A = ge(S, Y, J), e[11] = S, e[12] = Y, e[13] = J, e[14] = A) : A = e[14];
+  const K = A;
+  let s;
+  e[15] !== n ? (s = n && {
+    cursor: "pointer"
+  }, e[15] = n, e[16] = s) : s = e[16];
+  let c;
+  e[17] !== o || e[18] !== _ ? (c = (P) => _(P, o), e[17] = o, e[18] = _, e[19] = c) : c = e[19];
+  let p;
+  e[20] !== o.category || e[21] !== G || e[22] !== I ? (p = /* @__PURE__ */ l(ne, { x: G, y: I, dy: ".35em", textAnchor: "end", fill: "black", fontSize: 12, children: o.category }), e[20] = o.category, e[21] = G, e[22] = I, e[23] = p) : p = e[23];
+  const Q = o.color || "black", U = ee && C === oe ? 0.4 : 1, Z = M ? "black" : o.stroke || "none";
+  let f;
+  e[24] !== r || e[25] !== a || e[26] !== t || e[27] !== i || e[28] !== Q || e[29] !== U || e[30] !== Z ? (f = /* @__PURE__ */ l(Le, { x: t, y: i, width: a, height: r, fill: Q, opacity: U, rx: 3, stroke: Z }), e[24] = r, e[25] = a, e[26] = t, e[27] = i, e[28] = Q, e[29] = U, e[30] = Z, e[31] = f) : f = e[31];
+  let m;
+  e[32] !== o.color || e[33] !== o.lollipopValue || e[34] !== o.value || e[35] !== r || e[36] !== a || e[37] !== t || e[38] !== i || e[39] !== y || e[40] !== M ? (m = o.lollipopValue && /* @__PURE__ */ X(re, { children: [
+    /* @__PURE__ */ l(se, { r: y(o.lollipopValue) * 1.5, cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: o.color, stroke: M ? "black" : "none" }),
+    /* @__PURE__ */ l(se, { r: y(o.lollipopValue), cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: "black" })
+  ] }), e[32] = o.color, e[33] = o.lollipopValue, e[34] = o.value, e[35] = r, e[36] = a, e[37] = t, e[38] = i, e[39] = y, e[40] = M, e[41] = m) : m = e[41];
+  let d;
+  e[42] !== o.label || e[43] !== N || e[44] !== O ? (d = /* @__PURE__ */ l(ne, { x: N, y: O, dy: ".35em", textAnchor: "start", fill: "black", fontSize: 12, children: o.label }), e[42] = o.label, e[43] = N, e[44] = O, e[45] = d) : d = e[45];
+  let u;
+  e[46] !== f || e[47] !== m || e[48] !== d ? (u = /* @__PURE__ */ X(ce, { children: [
+    f,
+    m,
+    d
+  ] }), e[46] = f, e[47] = m, e[48] = d, e[49] = u) : u = e[49];
+  let b;
+  e[50] !== q || e[51] !== K || e[52] !== u ? (b = /* @__PURE__ */ l(q, { ...K, children: u }), e[50] = q, e[51] = K, e[52] = u, e[53] = b) : b = e[53];
+  let h;
+  e[54] !== $ || e[55] !== E || e[56] !== p || e[57] !== b || e[58] !== s || e[59] !== c ? (h = /* @__PURE__ */ X(ce, { onClick: $, style: s, onMouseMove: c, onMouseLeave: E, fontFamily: Te, children: [
+    p,
+    b
+  ] }), e[54] = $, e[55] = E, e[56] = p, e[57] = b, e[58] = s, e[59] = c, e[60] = h) : h = e[60];
+  let g;
+  e[61] !== v || e[62] !== x || e[63] !== D || e[64] !== j || e[65] !== F ? (g = v && j && /* @__PURE__ */ l(ve, { children: /* @__PURE__ */ l(ke, { top: F, left: D, style: {
+    ...Se,
+    backgroundColor: "#283238",
+    color: "white",
+    zIndex: 1e3
+  }, children: x && /* @__PURE__ */ l(v, { ...x }) }) }), e[61] = v, e[62] = x, e[63] = D, e[64] = j, e[65] = F, e[66] = g) : g = e[66];
+  let w;
+  return e[67] !== h || e[68] !== g ? (w = /* @__PURE__ */ X(re, { children: [
+    h,
+    g
+  ] }), e[67] = h, e[68] = g, e[69] = w) : w = e[69], w;
+}, He = he(Ve);
 export {
-  c as bottomTickLabelProps,
-  L as default
+  He as default
 };
 //# sourceMappingURL=visualization.es32.js.map

package/dist/visualization.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es32.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/AxisBottom.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 bottomTickLabelProps = {\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'middle'\n};\nexport default function AxisBottom(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 8,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...bottomTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-bottom', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.bottom,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["bottomTickLabelProps","AxisBottom","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAWC,GAAM;AACvC,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,oBAAoBR,CAAa;AAAA,IACnD,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.es32.js","sources":["../src/components/BarPlot/singleBar.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Group } from '@visx/group';\nimport { Text } from '@visx/text';\nimport { BarData, SingleBarProps } from \"./types\";\nimport { defaultStyles as defaultTooltipStyles, useTooltip, TooltipWithBounds, Portal } from '@visx/tooltip';\nimport { Bar, Circle } from \"@visx/shape\";\nimport { getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\nconst SingleBar = <T,>({\n    index,\n    bar,\n    onBarClicked,\n    TooltipContents,\n    cutoffNegativeValues,\n    negativeCutoff,\n    xScale,\n    yScale,\n    barSize,\n    barSpacing,\n    gapBetweenTextAndBar,\n    getLollipopRadius,\n    animation,\n    animationEnabled,\n    animationBuffer,\n}: SingleBarProps<T>) => {\n    const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = useTooltip<BarData<T>>({});\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>, data: BarData<T>) => {\n        showTooltip({\n            tooltipData: data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [showTooltip]);\n\n    const handleClick = useCallback(() => {\n        onBarClicked?.(bar);\n    }, [onBarClicked, bar]);\n\n    const handleMouseLeave = useCallback(() => {\n        hideTooltip();\n    }, [hideTooltip]);\n\n    const hovered = bar.id === tooltipData?.id;\n\n    const pointValue = cutoffNegativeValues ? Math.max(bar.value, negativeCutoff) : bar.value;\n\n    // Shared values\n    const bandPos = yScale(bar.id);\n    const bandSize = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize;\n\n    // Bar geometry\n    const barX = (pointValue > 0 ? xScale(0) : xScale(pointValue))\n\n    const barY = (bandPos ?? 0)\n\n    const barWidth = Math.abs(xScale(pointValue) - xScale(0))\n\n    const barHeight = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize\n\n    // Label positions\n    const categoryLabelX = -gapBetweenTextAndBar\n\n    const categoryLabelY = (bandPos ?? 0) + bandSize / 2\n\n    const valueLabelX = barX + barWidth + gapBetweenTextAndBar + (bar.lollipopValue && bar.value >= 0 ? getLollipopRadius(bar.lollipopValue) : 0)\n\n    const valueLabelY = barY + barHeight / 2\n\n    const Wrapper = animation && animationEnabled ? motion.g : \"g\";\n    const animProps = getAnimationProps(animation, index, animationBuffer ?? .03);\n\n    return (\n        <>\n            <Group\n                onClick={handleClick}\n                style={onBarClicked && { cursor: 'pointer' }}\n                onMouseMove={(event) => handleMouseMove(event, bar)}\n                onMouseLeave={handleMouseLeave}\n                fontFamily={fontFamily}\n            >\n                {/* Category label */}\n                <Text\n                    x={categoryLabelX}\n                    y={categoryLabelY}\n                    dy={\".35em\"}\n                    textAnchor={\"end\"}\n                    fill=\"black\"\n                    fontSize={12}\n                >\n                    {bar.category}\n                </Text>\n                <Wrapper {...animProps}>\n                    <Group>\n                        <Bar\n                            x={barX}\n                            y={barY}\n                            width={barWidth}\n                            height={barHeight}\n                            fill={bar.color || \"black\"}\n                            opacity={cutoffNegativeValues && pointValue === negativeCutoff ? 0.4 : 1}\n                            rx={3}\n                            stroke={hovered ? \"black\" : (bar.stroke || \"none\")}\n                        />\n                        {bar.lollipopValue && (\n                            <>\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue) * 1.5}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill={bar.color}\n                                    stroke={hovered ? \"black\" : \"none\"}\n                                />\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue)}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill='black'\n                                />\n                            </>\n                        )}\n                        {/* Value label */}\n                        <Text\n                            x={valueLabelX}\n                            y={valueLabelY}\n                            dy={\".35em\"}\n                            textAnchor={\"start\"}\n                            fill=\"black\"\n                            fontSize={12}\n                        >\n                            {bar.label}\n                        </Text>\n                    </Group>\n                </Wrapper>\n            </Group>\n            {/* Maybe should provide a default tooltip */}\n            {TooltipContents && tooltipOpen && (\n                <Portal>\n                    <TooltipWithBounds\n                        top={tooltipTop}\n                        left={tooltipLeft}\n                        style={{ ...defaultTooltipStyles, backgroundColor: '#283238', color: 'white', zIndex: 1000 }}\n                    >\n                        {tooltipData && (\n                            <TooltipContents {...tooltipData as BarData<T>} />\n                        )}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </>\n    )\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(SingleBar) as typeof SingleBar;"],"names":["fontFamily","SingleBar","t0","$","_c","index","bar","onBarClicked","TooltipContents","cutoffNegativeValues","negativeCutoff","xScale","yScale","barSize","barSpacing","gapBetweenTextAndBar","getLollipopRadius","animation","animationEnabled","animationBuffer","t1","Symbol","for","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","t2","event","data","pageX","pageY","handleMouseMove","t3","handleClick","t4","handleMouseLeave","hovered","id","pointValue","Math","max","value","t5","bandPos","bandSize","split","barX","barY","barWidth","abs","barHeight","categoryLabelX","categoryLabelY","valueLabelX","lollipopValue","valueLabelY","Wrapper","motion","g","t6","t7","getAnimationProps","animProps","t8","cursor","t9","event_0","t10","category","Text","t11","color","t12","t13","stroke","t14","Bar","t15","jsxs","Fragment","jsx","Circle","t16","label","t17","Group","t18","t19","t20","Portal","TooltipWithBounds","defaultTooltipStyles","backgroundColor","zIndex","t21","SingleBar$1","memo"],"mappings":"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"}

package/dist/visualization.es320.js

@@ -1,14 +1,9 @@
-const a = 2e4;
-function o(n) {
-  let t = 0;
-  const r = 50;
-  let e = n.next(t);
-  for (; !e.done && t < 2e4; )
-    t += r, e = n.next(t);
-  return t >= 2e4 ? 1 / 0 : t;
+import { resolveVariantFromProps as t } from "./visualization.es176.js";
+function s(r, n, o) {
+  const e = r.getProps();
+  return t(e, n, o !== void 0 ? o : e.custom, r);
 }
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  s as resolveVariant
 };
 //# sourceMappingURL=visualization.es320.js.map

package/dist/visualization.es320.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es320.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs"],"sourcesContent":["/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxGeneratorDuration = 20000;\nfunction calcGeneratorDuration(generator) {\n    let duration = 0;\n    const timeStep = 50;\n    let state = generator.next(duration);\n    while (!state.done && duration < maxGeneratorDuration) {\n        duration += timeStep;\n        state = generator.next(duration);\n    }\n    return duration >= maxGeneratorDuration ? Infinity : duration;\n}\n\nexport { calcGeneratorDuration, maxGeneratorDuration };\n//# sourceMappingURL=calc-duration.mjs.map\n"],"names":["maxGeneratorDuration","calcGeneratorDuration","generator","duration","timeStep","state"],"mappings":"AAIK,MAACA,IAAuB;AAC7B,SAASC,EAAsBC,GAAW;AACtC,MAAIC,IAAW;AACf,QAAMC,IAAW;AACjB,MAAIC,IAAQH,EAAU,KAAKC,CAAQ;AACnC,SAAO,CAACE,EAAM,QAAQF,IAAW;AAC7B,IAAAA,KAAYC,GACZC,IAAQH,EAAU,KAAKC,CAAQ;AAEnC,SAAOA,KAAY,MAAuB,QAAWA;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es320.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs"],"sourcesContent":["import { resolveVariantFromProps } from './resolve-variants.mjs';\n\nfunction resolveVariant(visualElement, definition, custom) {\n    const props = visualElement.getProps();\n    return resolveVariantFromProps(props, definition, custom !== undefined ? custom : props.custom, visualElement);\n}\n\nexport { resolveVariant };\n//# sourceMappingURL=resolve-dynamic-variants.mjs.map\n"],"names":["resolveVariant","visualElement","definition","custom","props","resolveVariantFromProps"],"mappings":";AAEA,SAASA,EAAeC,GAAeC,GAAYC,GAAQ;AACvD,QAAMC,IAAQH,EAAc,SAAQ;AACpC,SAAOI,EAAwBD,GAAOF,GAAYC,MAAW,SAAYA,IAASC,EAAM,QAAQH,CAAa;AACjH;","x_google_ignoreList":[0]}

package/dist/visualization.es321.js

@@ -1,10 +1,113 @@
-import { velocityPerSecond as n } from "./visualization.es417.js";
-const c = 5;
-function a(t, e, r) {
-  const o = Math.max(e - c, 0);
-  return n(r - t(o), e - o);
+import { time as v } from "./visualization.es322.js";
+import { JSAnimation as A } from "./visualization.es323.js";
+import { getFinalKeyframe as y } from "./visualization.es324.js";
+import { KeyframeResolver as g, flushKeyframeResolvers as R } from "./visualization.es325.js";
+import { NativeAnimationExtended as T } from "./visualization.es326.js";
+import { canAnimate as _ } from "./visualization.es327.js";
+import { makeAnimationInstant as w } from "./visualization.es328.js";
+import { WithPromise as K } from "./visualization.es329.js";
+import { supportsBrowserAnimation as D } from "./visualization.es330.js";
+import { MotionGlobalConfig as E } from "./visualization.es331.js";
+import { noop as k } from "./visualization.es332.js";
+const x = 40;
+class H extends K {
+  constructor({ autoplay: t = !0, delay: s = 0, type: e = "keyframes", repeat: h = 0, repeatDelay: l = 0, repeatType: f = "loop", keyframes: d, name: o, motionValue: r, element: a, ...m }) {
+    super(), this.stop = () => {
+      this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
+    }, this.createdAt = v.now();
+    const u = {
+      autoplay: t,
+      delay: s,
+      type: e,
+      repeat: h,
+      repeatDelay: l,
+      repeatType: f,
+      name: o,
+      motionValue: r,
+      element: a,
+      ...m
+    }, n = a?.KeyframeResolver || g;
+    this.keyframeResolver = new n(d, (c, p, i) => this.onKeyframesResolved(c, p, u, !i), o, r, a), this.keyframeResolver?.scheduleResolve();
+  }
+  onKeyframesResolved(t, s, e, h) {
+    this.keyframeResolver = void 0;
+    const { name: l, type: f, velocity: d, delay: o, isHandoff: r, onUpdate: a } = e;
+    this.resolvedAt = v.now();
+    let m = !0;
+    _(t, l, f, d) || (m = !1, (E.instantAnimations || !o) && a?.(y(t, e, s)), t[0] = t[t.length - 1], w(e), e.repeat = 0);
+    const n = {
+      startTime: h ? this.resolvedAt ? this.resolvedAt - this.createdAt > x ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      finalKeyframe: s,
+      ...e,
+      keyframes: t
+    }, c = m && !r && D(n), p = n.motionValue?.owner?.current;
+    let i;
+    if (c)
+      try {
+        i = new T({
+          ...n,
+          element: p
+        });
+      } catch {
+        i = new A(n);
+      }
+    else
+      i = new A(n);
+    i.finished.then(() => {
+      this.notifyFinished();
+    }).catch(k), this.pendingTimeline && (this.stopTimeline = i.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = i;
+  }
+  get finished() {
+    return this._animation ? this.animation.finished : this._finished;
+  }
+  then(t, s) {
+    return this.finished.finally(t).then(() => {
+    });
+  }
+  get animation() {
+    return this._animation || (this.keyframeResolver?.resume(), R()), this._animation;
+  }
+  get duration() {
+    return this.animation.duration;
+  }
+  get iterationDuration() {
+    return this.animation.iterationDuration;
+  }
+  get time() {
+    return this.animation.time;
+  }
+  set time(t) {
+    this.animation.time = t;
+  }
+  get speed() {
+    return this.animation.speed;
+  }
+  get state() {
+    return this.animation.state;
+  }
+  set speed(t) {
+    this.animation.speed = t;
+  }
+  get startTime() {
+    return this.animation.startTime;
+  }
+  attachTimeline(t) {
+    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
+  }
+  play() {
+    this.animation.play();
+  }
+  pause() {
+    this.animation.pause();
+  }
+  complete() {
+    this.animation.complete();
+  }
+  cancel() {
+    this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
+  }
 }
 export {
-  a as getGeneratorVelocity
+  H as AsyncMotionValueAnimation
 };
 //# sourceMappingURL=visualization.es321.js.map

package/dist/visualization.es321.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es321.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from 'motion-utils';\n\nconst velocitySampleDuration = 5; // ms\nfunction getGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { getGeneratorVelocity };\n//# sourceMappingURL=velocity.mjs.map\n"],"names":["velocitySampleDuration","getGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":";AAEA,MAAMA,IAAyB;AAC/B,SAASC,EAAqBC,GAAcC,GAAGC,GAAS;AACpD,QAAMC,IAAQ,KAAK,IAAIF,IAAIH,GAAwB,CAAC;AACpD,SAAOM,EAAkBF,IAAUF,EAAaG,CAAK,GAAGF,IAAIE,CAAK;AACrE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es321.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs"],"sourcesContent":["import { MotionGlobalConfig, noop } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { JSAnimation } from './JSAnimation.mjs';\nimport { getFinalKeyframe } from './keyframes/get-final.mjs';\nimport { KeyframeResolver, flushKeyframeResolvers } from './keyframes/KeyframesResolver.mjs';\nimport { NativeAnimationExtended } from './NativeAnimationExtended.mjs';\nimport { canAnimate } from './utils/can-animate.mjs';\nimport { makeAnimationInstant } from './utils/make-animation-instant.mjs';\nimport { WithPromise } from './utils/WithPromise.mjs';\nimport { supportsBrowserAnimation } from './waapi/supports/waapi.mjs';\n\n/**\n * Maximum time allowed between an animation being created and it being\n * resolved for us to use the latter as the start time.\n *\n * This is to ensure that while we prefer to \"start\" an animation as soon\n * as it's triggered, we also want to avoid a visual jump if there's a big delay\n * between these two moments.\n */\nconst MAX_RESOLVE_DELAY = 40;\nclass AsyncMotionValueAnimation extends WithPromise {\n    constructor({ autoplay = true, delay = 0, type = \"keyframes\", repeat = 0, repeatDelay = 0, repeatType = \"loop\", keyframes, name, motionValue, element, ...options }) {\n        super();\n        /**\n         * Bound to support return animation.stop pattern\n         */\n        this.stop = () => {\n            if (this._animation) {\n                this._animation.stop();\n                this.stopTimeline?.();\n            }\n            this.keyframeResolver?.cancel();\n        };\n        this.createdAt = time.now();\n        const optionsWithDefaults = {\n            autoplay,\n            delay,\n            type,\n            repeat,\n            repeatDelay,\n            repeatType,\n            name,\n            motionValue,\n            element,\n            ...options,\n        };\n        const KeyframeResolver$1 = element?.KeyframeResolver || KeyframeResolver;\n        this.keyframeResolver = new KeyframeResolver$1(keyframes, (resolvedKeyframes, finalKeyframe, forced) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe, optionsWithDefaults, !forced), name, motionValue, element);\n        this.keyframeResolver?.scheduleResolve();\n    }\n    onKeyframesResolved(keyframes, finalKeyframe, options, sync) {\n        this.keyframeResolver = undefined;\n        const { name, type, velocity, delay, isHandoff, onUpdate } = options;\n        this.resolvedAt = time.now();\n        /**\n         * If we can't animate this value with the resolved keyframes\n         * then we should complete it immediately.\n         */\n        let canAnimateValue = true;\n        if (!canAnimate(keyframes, name, type, velocity)) {\n            canAnimateValue = false;\n            if (MotionGlobalConfig.instantAnimations || !delay) {\n                onUpdate?.(getFinalKeyframe(keyframes, options, finalKeyframe));\n            }\n            keyframes[0] = keyframes[keyframes.length - 1];\n            makeAnimationInstant(options);\n            options.repeat = 0;\n        }\n        /**\n         * Resolve startTime for the animation.\n         *\n         * This method uses the createdAt and resolvedAt to calculate the\n         * animation startTime. *Ideally*, we would use the createdAt time as t=0\n         * as the following frame would then be the first frame of the animation in\n         * progress, which would feel snappier.\n         *\n         * However, if there's a delay (main thread work) between the creation of\n         * the animation and the first committed frame, we prefer to use resolvedAt\n         * to avoid a sudden jump into the animation.\n         */\n        const startTime = sync\n            ? !this.resolvedAt\n                ? this.createdAt\n                : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY\n                    ? this.resolvedAt\n                    : this.createdAt\n            : undefined;\n        const resolvedOptions = {\n            startTime,\n            finalKeyframe,\n            ...options,\n            keyframes,\n        };\n        /**\n         * Animate via WAAPI if possible. If this is a handoff animation, the optimised animation will be running via\n         * WAAPI. Therefore, this animation must be JS to ensure it runs \"under\" the\n         * optimised animation.\n         *\n         * Also skip WAAPI when keyframes aren't animatable, as the resolved\n         * values may not be valid CSS and would trigger browser warnings.\n         */\n        const useWaapi = canAnimateValue &&\n            !isHandoff &&\n            supportsBrowserAnimation(resolvedOptions);\n        const element = resolvedOptions.motionValue?.owner?.current;\n        let animation;\n        if (useWaapi) {\n            try {\n                animation = new NativeAnimationExtended({\n                    ...resolvedOptions,\n                    element,\n                });\n            }\n            catch {\n                animation = new JSAnimation(resolvedOptions);\n            }\n        }\n        else {\n            animation = new JSAnimation(resolvedOptions);\n        }\n        animation.finished.then(() => {\n            this.notifyFinished();\n        }).catch(noop);\n        if (this.pendingTimeline) {\n            this.stopTimeline = animation.attachTimeline(this.pendingTimeline);\n            this.pendingTimeline = undefined;\n        }\n        this._animation = animation;\n    }\n    get finished() {\n        if (!this._animation) {\n            return this._finished;\n        }\n        else {\n            return this.animation.finished;\n        }\n    }\n    then(onResolve, _onReject) {\n        return this.finished.finally(onResolve).then(() => { });\n    }\n    get animation() {\n        if (!this._animation) {\n            this.keyframeResolver?.resume();\n            flushKeyframeResolvers();\n        }\n        return this._animation;\n    }\n    get duration() {\n        return this.animation.duration;\n    }\n    get iterationDuration() {\n        return this.animation.iterationDuration;\n    }\n    get time() {\n        return this.animation.time;\n    }\n    set time(newTime) {\n        this.animation.time = newTime;\n    }\n    get speed() {\n        return this.animation.speed;\n    }\n    get state() {\n        return this.animation.state;\n    }\n    set speed(newSpeed) {\n        this.animation.speed = newSpeed;\n    }\n    get startTime() {\n        return this.animation.startTime;\n    }\n    attachTimeline(timeline) {\n        if (this._animation) {\n            this.stopTimeline = this.animation.attachTimeline(timeline);\n        }\n        else {\n            this.pendingTimeline = timeline;\n        }\n        return () => this.stop();\n    }\n    play() {\n        this.animation.play();\n    }\n    pause() {\n        this.animation.pause();\n    }\n    complete() {\n        this.animation.complete();\n    }\n    cancel() {\n        if (this._animation) {\n            this.animation.cancel();\n        }\n        this.keyframeResolver?.cancel();\n    }\n}\n\nexport { AsyncMotionValueAnimation };\n//# sourceMappingURL=AsyncMotionValueAnimation.mjs.map\n"],"names":["MAX_RESOLVE_DELAY","AsyncMotionValueAnimation","WithPromise","autoplay","delay","type","repeat","repeatDelay","repeatType","keyframes","name","motionValue","element","options","time","optionsWithDefaults","KeyframeResolver$1","KeyframeResolver","resolvedKeyframes","finalKeyframe","forced","sync","velocity","isHandoff","onUpdate","canAnimateValue","canAnimate","MotionGlobalConfig","getFinalKeyframe","makeAnimationInstant","resolvedOptions","useWaapi","supportsBrowserAnimation","animation","NativeAnimationExtended","JSAnimation","noop","onResolve","_onReject","flushKeyframeResolvers","newTime","newSpeed","timeline"],"mappings":"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","x_google_ignoreList":[0]}