@weng-lab/visualization 2.4.0-beta.4 → 2.4.0-beta.6

package/dist/visualization.es345.js

@@ -1,43 +1,47 @@
-import { mix as h } from "./visualization.es307.js";
-import { invariant as x } from "./visualization.es314.js";
-import { clamp as M } from "./visualization.es317.js";
-import { noop as b } from "./visualization.es306.js";
-import { pipe as y } from "./visualization.es315.js";
-import { progress as A } from "./visualization.es361.js";
-import { MotionGlobalConfig as F } from "./visualization.es305.js";
-function R(r, e, f) {
-  const t = [], a = f || F.mix || h, n = r.length - 1;
-  for (let o = 0; o < n; o++) {
-    let i = a(r[o], r[o + 1]);
-    if (e) {
-      const c = Array.isArray(e) ? e[o] || b : e;
-      i = y(c, i);
+import { AsyncMotionValueAnimation as A } from "./visualization.es307.js";
+import { JSAnimation as k } from "./visualization.es309.js";
+import { getValueTransition as D } from "./visualization.es342.js";
+import { makeAnimationInstant as d } from "./visualization.es314.js";
+import { getDefaultTransition as g } from "./visualization.es340.js";
+import { getFinalKeyframe as C } from "./visualization.es310.js";
+import { isTransitionDefined as T } from "./visualization.es344.js";
+import { frame as V } from "./visualization.es346.js";
+import { secondsToMilliseconds as s } from "./visualization.es328.js";
+import { MotionGlobalConfig as y } from "./visualization.es317.js";
+const x = (i, n, a, r = {}, f, p) => (u) => {
+  const o = D(r, i) || {}, c = o.delay || r.delay || 0;
+  let { elapsed: m = 0 } = r;
+  m = m - s(c);
+  const e = {
+    keyframes: Array.isArray(a) ? a : [null, a],
+    ease: "easeOut",
+    velocity: n.getVelocity(),
+    ...o,
+    delay: -m,
+    onUpdate: (t) => {
+      n.set(t), o.onUpdate && o.onUpdate(t);
+    },
+    onComplete: () => {
+      u(), o.onComplete && o.onComplete();
+    },
+    name: i,
+    motionValue: n,
+    element: p ? void 0 : f
+  };
+  T(o) || Object.assign(e, g(i, e)), e.duration && (e.duration = s(e.duration)), e.repeatDelay && (e.repeatDelay = s(e.repeatDelay)), e.from !== void 0 && (e.keyframes[0] = e.from);
+  let l = !1;
+  if ((e.type === !1 || e.duration === 0 && !e.repeatDelay) && (d(e), e.delay === 0 && (l = !0)), (y.instantAnimations || y.skipAnimations || f?.shouldSkipAnimations) && (l = !0, d(e), e.delay = 0), e.allowFlatten = !o.type && !o.ease, l && !p && n.get() !== void 0) {
+    const t = C(e.keyframes, o);
+    if (t !== void 0) {
+      V.update(() => {
+        e.onUpdate(t), e.onComplete();
+      });
+      return;
     }
-    t.push(i);
   }
-  return t;
-}
-function I(r, e, { clamp: f = !0, ease: t, mixer: a } = {}) {
-  const n = r.length;
-  if (x(n === e.length, "Both input and output ranges must be the same length", "range-length"), n === 1)
-    return () => e[0];
-  if (n === 2 && e[0] === e[1])
-    return () => e[1];
-  const o = r[0] === r[1];
-  r[0] > r[n - 1] && (r = [...r].reverse(), e = [...e].reverse());
-  const i = R(e, t, a), c = i.length, l = (s) => {
-    if (o && s < r[0])
-      return e[0];
-    let m = 0;
-    if (c > 1)
-      for (; m < r.length - 2 && !(s < r[m + 1]); m++)
-        ;
-    const g = A(r[m], r[m + 1], s);
-    return i[m](g);
-  };
-  return f ? (s) => l(M(r[0], r[n - 1], s)) : l;
-}
+  return o.isSync ? new k(e) : new A(e);
+};
 export {
-  I as interpolate
+  x as animateMotionValue
 };
 //# sourceMappingURL=visualization.es345.js.map

package/dist/visualization.es345.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es345.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/interpolate.mjs"],"sourcesContent":["import { invariant, clamp, MotionGlobalConfig, noop, pipe, progress } from 'motion-utils';\nimport { mix } from './mix/index.mjs';\n\nfunction createMixers(output, ease, customMixer) {\n    const mixers = [];\n    const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;\n    const numMixers = output.length - 1;\n    for (let i = 0; i < numMixers; i++) {\n        let mixer = mixerFactory(output[i], output[i + 1]);\n        if (ease) {\n            const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease;\n            mixer = pipe(easingFunction, mixer);\n        }\n        mixers.push(mixer);\n    }\n    return mixers;\n}\n/**\n * Create a function that maps from a numerical input array to a generic output array.\n *\n * Accepts:\n *   - Numbers\n *   - Colors (hex, hsl, hsla, rgb, rgba)\n *   - Complex (combinations of one or more numbers or strings)\n *\n * ```jsx\n * const mixColor = interpolate([0, 1], ['#fff', '#000'])\n *\n * mixColor(0.5) // 'rgba(128, 128, 128, 1)'\n * ```\n *\n * TODO Revisit this approach once we've moved to data models for values,\n * probably not needed to pregenerate mixer functions.\n *\n * @public\n */\nfunction interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {}) {\n    const inputLength = input.length;\n    invariant(inputLength === output.length, \"Both input and output ranges must be the same length\", \"range-length\");\n    /**\n     * If we're only provided a single input, we can just make a function\n     * that returns the output.\n     */\n    if (inputLength === 1)\n        return () => output[0];\n    if (inputLength === 2 && output[0] === output[1])\n        return () => output[1];\n    const isZeroDeltaRange = input[0] === input[1];\n    // If input runs highest -> lowest, reverse both arrays\n    if (input[0] > input[inputLength - 1]) {\n        input = [...input].reverse();\n        output = [...output].reverse();\n    }\n    const mixers = createMixers(output, ease, mixer);\n    const numMixers = mixers.length;\n    const interpolator = (v) => {\n        if (isZeroDeltaRange && v < input[0])\n            return output[0];\n        let i = 0;\n        if (numMixers > 1) {\n            for (; i < input.length - 2; i++) {\n                if (v < input[i + 1])\n                    break;\n            }\n        }\n        const progressInRange = progress(input[i], input[i + 1], v);\n        return mixers[i](progressInRange);\n    };\n    return isClamp\n        ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v))\n        : interpolator;\n}\n\nexport { interpolate };\n//# sourceMappingURL=interpolate.mjs.map\n"],"names":["createMixers","output","ease","customMixer","mixers","mixerFactory","MotionGlobalConfig","mix","numMixers","i","mixer","easingFunction","noop","pipe","interpolate","input","isClamp","inputLength","invariant","isZeroDeltaRange","interpolator","v","progressInRange","progress","clamp"],"mappings":";;;;;;;AAGA,SAASA,EAAaC,GAAQC,GAAMC,GAAa;AAC7C,QAAMC,IAAS,CAAA,GACTC,IAAeF,KAAeG,EAAmB,OAAOC,GACxDC,IAAYP,EAAO,SAAS;AAClC,WAASQ,IAAI,GAAGA,IAAID,GAAWC,KAAK;AAChC,QAAIC,IAAQL,EAAaJ,EAAOQ,CAAC,GAAGR,EAAOQ,IAAI,CAAC,CAAC;AACjD,QAAIP,GAAM;AACN,YAAMS,IAAiB,MAAM,QAAQT,CAAI,IAAIA,EAAKO,CAAC,KAAKG,IAAOV;AAC/D,MAAAQ,IAAQG,EAAKF,GAAgBD,CAAK;AAAA,IACtC;AACA,IAAAN,EAAO,KAAKM,CAAK;AAAA,EACrB;AACA,SAAON;AACX;AAoBA,SAASU,EAAYC,GAAOd,GAAQ,EAAE,OAAOe,IAAU,IAAM,MAAAd,GAAM,OAAAQ,EAAK,IAAK,IAAI;AAC7E,QAAMO,IAAcF,EAAM;AAM1B,MALAG,EAAUD,MAAgBhB,EAAO,QAAQ,wDAAwD,cAAc,GAK3GgB,MAAgB;AAChB,WAAO,MAAMhB,EAAO,CAAC;AACzB,MAAIgB,MAAgB,KAAKhB,EAAO,CAAC,MAAMA,EAAO,CAAC;AAC3C,WAAO,MAAMA,EAAO,CAAC;AACzB,QAAMkB,IAAmBJ,EAAM,CAAC,MAAMA,EAAM,CAAC;AAE7C,EAAIA,EAAM,CAAC,IAAIA,EAAME,IAAc,CAAC,MAChCF,IAAQ,CAAC,GAAGA,CAAK,EAAE,QAAO,GAC1Bd,IAAS,CAAC,GAAGA,CAAM,EAAE,QAAO;AAEhC,QAAMG,IAASJ,EAAaC,GAAQC,GAAMQ,CAAK,GACzCF,IAAYJ,EAAO,QACnBgB,IAAe,CAACC,MAAM;AACxB,QAAIF,KAAoBE,IAAIN,EAAM,CAAC;AAC/B,aAAOd,EAAO,CAAC;AACnB,QAAIQ,IAAI;AACR,QAAID,IAAY;AACZ,aAAOC,IAAIM,EAAM,SAAS,KAClB,EAAAM,IAAIN,EAAMN,IAAI,CAAC,IADMA;AACzB;AAIR,UAAMa,IAAkBC,EAASR,EAAMN,CAAC,GAAGM,EAAMN,IAAI,CAAC,GAAGY,CAAC;AAC1D,WAAOjB,EAAOK,CAAC,EAAEa,CAAe;AAAA,EACpC;AACA,SAAON,IACD,CAACK,MAAMD,EAAaI,EAAMT,EAAM,CAAC,GAAGA,EAAME,IAAc,CAAC,GAAGI,CAAC,CAAC,IAC9DD;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es345.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { secondsToMilliseconds, MotionGlobalConfig } from 'motion-utils';\nimport { AsyncMotionValueAnimation } from '../AsyncMotionValueAnimation.mjs';\nimport { JSAnimation } from '../JSAnimation.mjs';\nimport { getValueTransition } from '../utils/get-value-transition.mjs';\nimport { makeAnimationInstant } from '../utils/make-animation-instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { getFinalKeyframe } from '../keyframes/get-final.mjs';\nimport { isTransitionDefined } from '../utils/is-transition-defined.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {\n    const valueTransition = getValueTransition(transition, name) || {};\n    /**\n     * Most transition values are currently completely overwritten by value-specific\n     * transitions. In the future it'd be nicer to blend these transitions. But for now\n     * delay actually does inherit from the root transition if not value-specific.\n     */\n    const delay = valueTransition.delay || transition.delay || 0;\n    /**\n     * Elapsed isn't a public transition option but can be passed through from\n     * optimized appear effects in milliseconds.\n     */\n    let { elapsed = 0 } = transition;\n    elapsed = elapsed - secondsToMilliseconds(delay);\n    const options = {\n        keyframes: Array.isArray(target) ? target : [null, target],\n        ease: \"easeOut\",\n        velocity: value.getVelocity(),\n        ...valueTransition,\n        delay: -elapsed,\n        onUpdate: (v) => {\n            value.set(v);\n            valueTransition.onUpdate && valueTransition.onUpdate(v);\n        },\n        onComplete: () => {\n            onComplete();\n            valueTransition.onComplete && valueTransition.onComplete();\n        },\n        name,\n        motionValue: value,\n        element: isHandoff ? undefined : element,\n    };\n    /**\n     * If there's no transition defined for this value, we can generate\n     * unique transition settings for this value.\n     */\n    if (!isTransitionDefined(valueTransition)) {\n        Object.assign(options, getDefaultTransition(name, options));\n    }\n    /**\n     * Both WAAPI and our internal animation functions use durations\n     * as defined by milliseconds, while our external API defines them\n     * as seconds.\n     */\n    options.duration && (options.duration = secondsToMilliseconds(options.duration));\n    options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));\n    /**\n     * Support deprecated way to set initial value. Prefer keyframe syntax.\n     */\n    if (options.from !== undefined) {\n        options.keyframes[0] = options.from;\n    }\n    let shouldSkip = false;\n    if (options.type === false ||\n        (options.duration === 0 && !options.repeatDelay)) {\n        makeAnimationInstant(options);\n        if (options.delay === 0) {\n            shouldSkip = true;\n        }\n    }\n    if (MotionGlobalConfig.instantAnimations ||\n        MotionGlobalConfig.skipAnimations ||\n        element?.shouldSkipAnimations) {\n        shouldSkip = true;\n        makeAnimationInstant(options);\n        options.delay = 0;\n    }\n    /**\n     * If the transition type or easing has been explicitly set by the user\n     * then we don't want to allow flattening the animation.\n     */\n    options.allowFlatten = !valueTransition.type && !valueTransition.ease;\n    /**\n     * If we can or must skip creating the animation, and apply only\n     * the final keyframe, do so. We also check once keyframes are resolved but\n     * this early check prevents the need to create an animation at all.\n     */\n    if (shouldSkip && !isHandoff && value.get() !== undefined) {\n        const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);\n        if (finalKeyframe !== undefined) {\n            frame.update(() => {\n                options.onUpdate(finalKeyframe);\n                options.onComplete();\n            });\n            return;\n        }\n    }\n    return valueTransition.isSync\n        ? new JSAnimation(options)\n        : new AsyncMotionValueAnimation(options);\n};\n\nexport { animateMotionValue };\n//# sourceMappingURL=motion-value.mjs.map\n"],"names":["animateMotionValue","name","value","target","transition","element","isHandoff","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","options","v","isTransitionDefined","getDefaultTransition","shouldSkip","makeAnimationInstant","MotionGlobalConfig","finalKeyframe","getFinalKeyframe","frame","JSAnimation","AsyncMotionValueAnimation"],"mappings":";;;;;;;;;;AAUK,MAACA,IAAqB,CAACC,GAAMC,GAAOC,GAAQC,IAAa,CAAA,GAAIC,GAASC,MAAc,CAACC,MAAe;AACrG,QAAMC,IAAkBC,EAAmBL,GAAYH,CAAI,KAAK,CAAA,GAM1DS,IAAQF,EAAgB,SAASJ,EAAW,SAAS;AAK3D,MAAI,EAAE,SAAAO,IAAU,EAAC,IAAKP;AACtB,EAAAO,IAAUA,IAAUC,EAAsBF,CAAK;AAC/C,QAAMG,IAAU;AAAA,IACZ,WAAW,MAAM,QAAQV,CAAM,IAAIA,IAAS,CAAC,MAAMA,CAAM;AAAA,IACzD,MAAM;AAAA,IACN,UAAUD,EAAM,YAAW;AAAA,IAC3B,GAAGM;AAAA,IACH,OAAO,CAACG;AAAA,IACR,UAAU,CAACG,MAAM;AACb,MAAAZ,EAAM,IAAIY,CAAC,GACXN,EAAgB,YAAYA,EAAgB,SAASM,CAAC;AAAA,IAC1D;AAAA,IACA,YAAY,MAAM;AACd,MAAAP,EAAU,GACVC,EAAgB,cAAcA,EAAgB,WAAU;AAAA,IAC5D;AAAA,IACA,MAAAP;AAAA,IACA,aAAaC;AAAA,IACb,SAASI,IAAY,SAAYD;AAAA,EACzC;AAKI,EAAKU,EAAoBP,CAAe,KACpC,OAAO,OAAOK,GAASG,EAAqBf,GAAMY,CAAO,CAAC,GAO9DA,EAAQ,aAAaA,EAAQ,WAAWD,EAAsBC,EAAQ,QAAQ,IAC9EA,EAAQ,gBAAgBA,EAAQ,cAAcD,EAAsBC,EAAQ,WAAW,IAInFA,EAAQ,SAAS,WACjBA,EAAQ,UAAU,CAAC,IAAIA,EAAQ;AAEnC,MAAII,IAAa;AAyBjB,OAxBIJ,EAAQ,SAAS,MAChBA,EAAQ,aAAa,KAAK,CAACA,EAAQ,iBACpCK,EAAqBL,CAAO,GACxBA,EAAQ,UAAU,MAClBI,IAAa,OAGjBE,EAAmB,qBACnBA,EAAmB,kBACnBd,GAAS,0BACTY,IAAa,IACbC,EAAqBL,CAAO,GAC5BA,EAAQ,QAAQ,IAMpBA,EAAQ,eAAe,CAACL,EAAgB,QAAQ,CAACA,EAAgB,MAM7DS,KAAc,CAACX,KAAaJ,EAAM,IAAG,MAAO,QAAW;AACvD,UAAMkB,IAAgBC,EAAiBR,EAAQ,WAAWL,CAAe;AACzE,QAAIY,MAAkB,QAAW;AAC7B,MAAAE,EAAM,OAAO,MAAM;AACf,QAAAT,EAAQ,SAASO,CAAa,GAC9BP,EAAQ,WAAU;AAAA,MACtB,CAAC;AACD;AAAA,IACJ;AAAA,EACJ;AACA,SAAOL,EAAgB,SACjB,IAAIe,EAAYV,CAAO,IACvB,IAAIW,EAA0BX,CAAO;AAC/C;","x_google_ignoreList":[0]}

package/dist/visualization.es346.js

@@ -1,9 +1,10 @@
-import { fillOffset as e } from "./visualization.es359.js";
-function n(t) {
-  const f = [0];
-  return e(f, t.length - 1), f;
-}
+import { createRenderBatcher as e } from "./visualization.es382.js";
+import { noop as r } from "./visualization.es318.js";
+const { schedule: m, cancel: n, state: o, steps: c } = /* @__PURE__ */ e(typeof requestAnimationFrame < "u" ? requestAnimationFrame : r, !0);
 export {
-  n as defaultOffset
+  n as cancelFrame,
+  m as frame,
+  o as frameData,
+  c as frameSteps
 };
 //# sourceMappingURL=visualization.es346.js.map

package/dist/visualization.es346.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es346.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs"],"sourcesContent":["import { fillOffset } from './fill.mjs';\n\nfunction defaultOffset(arr) {\n    const offset = [0];\n    fillOffset(offset, arr.length - 1);\n    return offset;\n}\n\nexport { defaultOffset };\n//# sourceMappingURL=default.mjs.map\n"],"names":["defaultOffset","arr","offset","fillOffset"],"mappings":";AAEA,SAASA,EAAcC,GAAK;AACxB,QAAMC,IAAS,CAAC,CAAC;AACjB,SAAAC,EAAWD,GAAQD,EAAI,SAAS,CAAC,GAC1BC;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es346.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/frame.mjs"],"sourcesContent":["import { noop } from 'motion-utils';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, frameSteps };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frame","cancelFrame","frameData","frameSteps","createRenderBatcher","noop"],"mappings":";;AAGK,MAAC,EAAE,UAAUA,GAAO,QAAQC,GAAa,OAAOC,GAAW,OAAOC,EAAU,IAAsB,gBAAAC,EAAoB,OAAO,wBAA0B,MAAc,wBAAwBC,GAAM,EAAI;","x_google_ignoreList":[0]}

package/dist/visualization.es347.js

@@ -1,7 +1,23 @@
-function o(e, t) {
-  return e.map((n) => n * t);
+import { resolveVariant as c } from "./visualization.es306.js";
+import { animateTarget as p } from "./visualization.es348.js";
+import { animateVariant as e } from "./visualization.es349.js";
+function n(a, r, t = {}) {
+  a.notify("AnimationStart", r);
+  let m;
+  if (Array.isArray(r)) {
+    const o = r.map((y) => e(a, y, t));
+    m = Promise.all(o);
+  } else if (typeof r == "string")
+    m = e(a, r, t);
+  else {
+    const o = typeof r == "function" ? c(a, r, t.custom) : r;
+    m = Promise.all(p(a, o, t));
+  }
+  return m.then(() => {
+    a.notify("AnimationComplete", r);
+  });
 }
 export {
-  o as convertOffsetToTimes
+  n as animateVisualElement
 };
 //# sourceMappingURL=visualization.es347.js.map

package/dist/visualization.es347.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es347.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs"],"sourcesContent":["function convertOffsetToTimes(offset, duration) {\n    return offset.map((o) => o * duration);\n}\n\nexport { convertOffsetToTimes };\n//# sourceMappingURL=time.mjs.map\n"],"names":["convertOffsetToTimes","offset","duration","o"],"mappings":"AAAA,SAASA,EAAqBC,GAAQC,GAAU;AAC5C,SAAOD,EAAO,IAAI,CAACE,MAAMA,IAAID,CAAQ;AACzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es347.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\nimport { animateVariant } from './visual-element-variant.mjs';\n\nfunction animateVisualElement(visualElement, definition, options = {}) {\n    visualElement.notify(\"AnimationStart\", definition);\n    let animation;\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) => animateVariant(visualElement, variant, options));\n        animation = Promise.all(animations);\n    }\n    else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options);\n    }\n    else {\n        const resolvedDefinition = typeof definition === \"function\"\n            ? resolveVariant(visualElement, definition, options.custom)\n            : definition;\n        animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));\n    }\n    return animation.then(() => {\n        visualElement.notify(\"AnimationComplete\", definition);\n    });\n}\n\nexport { animateVisualElement };\n//# sourceMappingURL=visual-element.mjs.map\n"],"names":["animateVisualElement","visualElement","definition","options","animation","animations","variant","animateVariant","resolvedDefinition","resolveVariant","animateTarget"],"mappings":";;;AAIA,SAASA,EAAqBC,GAAeC,GAAYC,IAAU,CAAA,GAAI;AACnE,EAAAF,EAAc,OAAO,kBAAkBC,CAAU;AACjD,MAAIE;AACJ,MAAI,MAAM,QAAQF,CAAU,GAAG;AAC3B,UAAMG,IAAaH,EAAW,IAAI,CAACI,MAAYC,EAAeN,GAAeK,GAASH,CAAO,CAAC;AAC9F,IAAAC,IAAY,QAAQ,IAAIC,CAAU;AAAA,EACtC,WACS,OAAOH,KAAe;AAC3B,IAAAE,IAAYG,EAAeN,GAAeC,GAAYC,CAAO;AAAA,OAE5D;AACD,UAAMK,IAAqB,OAAON,KAAe,aAC3CO,EAAeR,GAAeC,GAAYC,EAAQ,MAAM,IACxDD;AACN,IAAAE,IAAY,QAAQ,IAAIM,EAAcT,GAAeO,GAAoBL,CAAO,CAAC;AAAA,EACrF;AACA,SAAOC,EAAU,KAAK,MAAM;AACxB,IAAAH,EAAc,OAAO,qBAAqBC,CAAU;AAAA,EACxD,CAAC;AACL;","x_google_ignoreList":[0]}

package/dist/visualization.es348.js

@@ -1,5 +1,57 @@
-const n = (r) => Array.isArray(r) && typeof r[0] != "number";
+import { getValueTransition as S } from "./visualization.es342.js";
+import { resolveTransition as H } from "./visualization.es343.js";
+import { positionalKeys as B } from "./visualization.es350.js";
+import { setTarget as I } from "./visualization.es351.js";
+import { addValueToWillChange as P } from "./visualization.es352.js";
+import { getOptimisedAppearId as R } from "./visualization.es353.js";
+import { animateMotionValue as k } from "./visualization.es345.js";
+import { frame as d } from "./visualization.es346.js";
+function x({ protectedKeys: t, needsAnimating: r }, a) {
+  const s = t.hasOwnProperty(a) && r[a] !== !0;
+  return r[a] = !1, s;
+}
+function z(t, r, { delay: a = 0, transitionOverride: s, type: m } = {}) {
+  let { transition: n, transitionEnd: c, ...p } = r;
+  const l = t.getDefaultTransition();
+  n = n ? H(n, l) : l;
+  const V = n?.reduceMotion;
+  s && (n = s);
+  const f = [], T = m && t.animationState && t.animationState.getState()[m];
+  for (const o in p) {
+    const i = t.getValue(o, t.latestValues[o] ?? null), e = p[o];
+    if (e === void 0 || T && x(T, o))
+      continue;
+    const u = {
+      delay: a,
+      ...S(n || {}, o)
+    }, g = i.get();
+    if (g !== void 0 && !i.isAnimating() && !Array.isArray(e) && e === g && !u.velocity) {
+      d.update(() => i.set(e));
+      continue;
+    }
+    let h = !1;
+    if (window.MotionHandoffAnimation) {
+      const y = R(t);
+      if (y) {
+        const A = window.MotionHandoffAnimation(y, o, d);
+        A !== null && (u.startTime = A, h = !0);
+      }
+    }
+    P(t, o);
+    const w = V ?? t.shouldReduceMotion;
+    i.start(k(o, i, e, w && B.has(o) ? { type: !1 } : u, t, h));
+    const M = i.animation;
+    M && f.push(M);
+  }
+  if (c) {
+    const o = () => d.update(() => {
+      c && I(t, c);
+    });
+    f.length ? Promise.all(f).then(o) : o();
+  }
+  return f;
+}
 export {
-  n as isEasingArray
+  z as animateTarget
 };
 //# sourceMappingURL=visualization.es348.js.map

package/dist/visualization.es348.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es348.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs"],"sourcesContent":["const isEasingArray = (ease) => {\n    return Array.isArray(ease) && typeof ease[0] !== \"number\";\n};\n\nexport { isEasingArray };\n//# sourceMappingURL=is-easing-array.mjs.map\n"],"names":["isEasingArray","ease"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MACZ,MAAM,QAAQA,CAAI,KAAK,OAAOA,EAAK,CAAC,KAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es348.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs"],"sourcesContent":["import { getValueTransition } from '../utils/get-value-transition.mjs';\nimport { resolveTransition } from '../utils/resolve-transition.mjs';\nimport { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { addValueToWillChange } from '../../value/will-change/add-will-change.mjs';\nimport { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction animateTarget(visualElement, targetAndTransition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition, transitionEnd, ...target } = targetAndTransition;\n    const defaultTransition = visualElement.getDefaultTransition();\n    transition = transition\n        ? resolveTransition(transition, defaultTransition)\n        : defaultTransition;\n    const reduceMotion = transition?.reduceMotion;\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);\n        const valueTarget = target[key];\n        if (valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            ...getValueTransition(transition || {}, key),\n        };\n        /**\n         * If the value is already at the defined target, skip the animation.\n         * We still re-assert the value via frame.update to take precedence\n         * over any stale transitionEnd callbacks from previous animations.\n         */\n        const currentValue = value.get();\n        if (currentValue !== undefined &&\n            !value.isAnimating() &&\n            !Array.isArray(valueTarget) &&\n            valueTarget === currentValue &&\n            !valueTransition.velocity) {\n            frame.update(() => value.set(valueTarget));\n            continue;\n        }\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        let isHandoff = false;\n        if (window.MotionHandoffAnimation) {\n            const appearId = getOptimisedAppearId(visualElement);\n            if (appearId) {\n                const startTime = window.MotionHandoffAnimation(appearId, key, frame);\n                if (startTime !== null) {\n                    valueTransition.startTime = startTime;\n                    isHandoff = true;\n                }\n            }\n        }\n        addValueToWillChange(visualElement, key);\n        const shouldReduceMotion = reduceMotion ?? visualElement.shouldReduceMotion;\n        value.start(animateMotionValue(key, value, valueTarget, shouldReduceMotion && positionalKeys.has(key)\n            ? { type: false }\n            : valueTransition, visualElement, isHandoff));\n        const animation = value.animation;\n        if (animation) {\n            animations.push(animation);\n        }\n    }\n    if (transitionEnd) {\n        const applyTransitionEnd = () => frame.update(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n        if (animations.length) {\n            Promise.all(animations).then(applyTransitionEnd);\n        }\n        else {\n            applyTransitionEnd();\n        }\n    }\n    return animations;\n}\n\nexport { animateTarget };\n//# sourceMappingURL=visual-element-target.mjs.map\n"],"names":["shouldBlockAnimation","protectedKeys","needsAnimating","key","shouldBlock","animateTarget","visualElement","targetAndTransition","delay","transitionOverride","type","transition","transitionEnd","target","defaultTransition","resolveTransition","reduceMotion","animations","animationTypeState","value","valueTarget","valueTransition","getValueTransition","currentValue","frame","isHandoff","appearId","getOptimisedAppearId","startTime","addValueToWillChange","shouldReduceMotion","animateMotionValue","positionalKeys","animation","applyTransitionEnd","setTarget"],"mappings":";;;;;;;;AAeA,SAASA,EAAqB,EAAE,eAAAC,GAAe,gBAAAC,EAAc,GAAIC,GAAK;AAClE,QAAMC,IAAcH,EAAc,eAAeE,CAAG,KAAKD,EAAeC,CAAG,MAAM;AACjF,SAAAD,EAAeC,CAAG,IAAI,IACfC;AACX;AACA,SAASC,EAAcC,GAAeC,GAAqB,EAAE,OAAAC,IAAQ,GAAG,oBAAAC,GAAoB,MAAAC,EAAI,IAAK,IAAI;AACrG,MAAI,EAAE,YAAAC,GAAY,eAAAC,GAAe,GAAGC,EAAM,IAAKN;AAC/C,QAAMO,IAAoBR,EAAc,qBAAoB;AAC5D,EAAAK,IAAaA,IACPI,EAAkBJ,GAAYG,CAAiB,IAC/CA;AACN,QAAME,IAAeL,GAAY;AACjC,EAAIF,MACAE,IAAaF;AACjB,QAAMQ,IAAa,CAAA,GACbC,IAAqBR,KACvBJ,EAAc,kBACdA,EAAc,eAAe,SAAQ,EAAGI,CAAI;AAChD,aAAWP,KAAOU,GAAQ;AACtB,UAAMM,IAAQb,EAAc,SAASH,GAAKG,EAAc,aAAaH,CAAG,KAAK,IAAI,GAC3EiB,IAAcP,EAAOV,CAAG;AAC9B,QAAIiB,MAAgB,UACfF,KACGlB,EAAqBkB,GAAoBf,CAAG;AAChD;AAEJ,UAAMkB,IAAkB;AAAA,MACpB,OAAAb;AAAA,MACA,GAAGc,EAAmBX,KAAc,CAAA,GAAIR,CAAG;AAAA,IACvD,GAMcoB,IAAeJ,EAAM,IAAG;AAC9B,QAAII,MAAiB,UACjB,CAACJ,EAAM,YAAW,KAClB,CAAC,MAAM,QAAQC,CAAW,KAC1BA,MAAgBG,KAChB,CAACF,EAAgB,UAAU;AAC3B,MAAAG,EAAM,OAAO,MAAML,EAAM,IAAIC,CAAW,CAAC;AACzC;AAAA,IACJ;AAKA,QAAIK,IAAY;AAChB,QAAI,OAAO,wBAAwB;AAC/B,YAAMC,IAAWC,EAAqBrB,CAAa;AACnD,UAAIoB,GAAU;AACV,cAAME,IAAY,OAAO,uBAAuBF,GAAUvB,GAAKqB,CAAK;AACpE,QAAII,MAAc,SACdP,EAAgB,YAAYO,GAC5BH,IAAY;AAAA,MAEpB;AAAA,IACJ;AACA,IAAAI,EAAqBvB,GAAeH,CAAG;AACvC,UAAM2B,IAAqBd,KAAgBV,EAAc;AACzD,IAAAa,EAAM,MAAMY,EAAmB5B,GAAKgB,GAAOC,GAAaU,KAAsBE,EAAe,IAAI7B,CAAG,IAC9F,EAAE,MAAM,GAAK,IACbkB,GAAiBf,GAAemB,CAAS,CAAC;AAChD,UAAMQ,IAAYd,EAAM;AACxB,IAAIc,KACAhB,EAAW,KAAKgB,CAAS;AAAA,EAEjC;AACA,MAAIrB,GAAe;AACf,UAAMsB,IAAqB,MAAMV,EAAM,OAAO,MAAM;AAChD,MAAAZ,KAAiBuB,EAAU7B,GAAeM,CAAa;AAAA,IAC3D,CAAC;AACD,IAAIK,EAAW,SACX,QAAQ,IAAIA,CAAU,EAAE,KAAKiB,CAAkB,IAG/CA,EAAkB;AAAA,EAE1B;AACA,SAAOjB;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es349.js

@@ -1,33 +1,30 @@
-import { invariant as e } from "./visualization.es314.js";
-import { noop as c } from "./visualization.es306.js";
-import { anticipate as u } from "./visualization.es482.js";
-import { backOut as s, backInOut as m, backIn as p } from "./visualization.es483.js";
-import { circOut as l, circInOut as b, circIn as f } from "./visualization.es461.js";
-import { cubicBezier as g } from "./visualization.es484.js";
-import { easeOut as I, easeInOut as y, easeIn as O } from "./visualization.es98.js";
-import { isBezierDefinition as k } from "./visualization.es366.js";
-const t = {
-  linear: c,
-  easeIn: O,
-  easeInOut: y,
-  easeOut: I,
-  circIn: f,
-  circInOut: b,
-  circOut: l,
-  backIn: p,
-  backInOut: m,
-  backOut: s,
-  anticipate: u
-}, v = (r) => typeof r == "string", L = (r) => {
-  if (k(r)) {
-    e(r.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
-    const [i, n, o, a] = r;
-    return g(i, n, o, a);
-  } else if (v(r))
-    return e(t[r] !== void 0, `Invalid easing type '${r}'`, "invalid-easing-type"), t[r];
-  return r;
-};
+import { resolveVariant as h } from "./visualization.es306.js";
+import { calcChildStagger as l } from "./visualization.es336.js";
+import { animateTarget as g } from "./visualization.es348.js";
+function C(r, i, t = {}) {
+  const n = h(r, i, t.type === "exit" ? r.presenceContext?.custom : void 0);
+  let { transition: o = r.getDefaultTransition() || {} } = n || {};
+  t.transitionOverride && (o = t.transitionOverride);
+  const a = n ? () => Promise.all(g(r, n, t)) : () => Promise.resolve(), s = r.variantChildren && r.variantChildren.size ? (e = 0) => {
+    const { delayChildren: f = 0, staggerChildren: d, staggerDirection: m } = o;
+    return y(r, i, e, f, d, m, t);
+  } : () => Promise.resolve(), { when: c } = o;
+  if (c) {
+    const [e, f] = c === "beforeChildren" ? [a, s] : [s, a];
+    return e().then(() => f());
+  } else
+    return Promise.all([a(), s(t.delay)]);
+}
+function y(r, i, t = 0, n = 0, o = 0, a = 1, s) {
+  const c = [];
+  for (const e of r.variantChildren)
+    e.notify("AnimationStart", i), c.push(C(e, i, {
+      ...s,
+      delay: t + (typeof n == "function" ? 0 : n) + l(r.variantChildren, e, n, o, a)
+    }).then(() => e.notify("AnimationComplete", i)));
+  return Promise.all(c);
+}
 export {
-  L as easingDefinitionToFunction
+  C as animateVariant
 };
 //# sourceMappingURL=visualization.es349.js.map

package/dist/visualization.es349.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es349.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs"],"sourcesContent":["import { invariant } from '../../errors.mjs';\nimport { noop } from '../../noop.mjs';\nimport { anticipate } from '../anticipate.mjs';\nimport { backOut, backInOut, backIn } from '../back.mjs';\nimport { circOut, circInOut, circIn } from '../circ.mjs';\nimport { cubicBezier } from '../cubic-bezier.mjs';\nimport { easeOut, easeInOut, easeIn } from '../ease.mjs';\nimport { isBezierDefinition } from './is-bezier-definition.mjs';\n\nconst easingLookup = {\n    linear: noop,\n    easeIn,\n    easeInOut,\n    easeOut,\n    circIn,\n    circInOut,\n    circOut,\n    backIn,\n    backInOut,\n    backOut,\n    anticipate,\n};\nconst isValidEasing = (easing) => {\n    return typeof easing === \"string\";\n};\nconst easingDefinitionToFunction = (definition) => {\n    if (isBezierDefinition(definition)) {\n        // If cubic bezier definition, create bezier curve\n        invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`, \"cubic-bezier-length\");\n        const [x1, y1, x2, y2] = definition;\n        return cubicBezier(x1, y1, x2, y2);\n    }\n    else if (isValidEasing(definition)) {\n        // Else lookup from table\n        invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`, \"invalid-easing-type\");\n        return easingLookup[definition];\n    }\n    return definition;\n};\n\nexport { easingDefinitionToFunction };\n//# sourceMappingURL=map.mjs.map\n"],"names":["easingLookup","noop","easeIn","easeInOut","easeOut","circIn","circInOut","circOut","backIn","backInOut","backOut","anticipate","isValidEasing","easing","easingDefinitionToFunction","definition","isBezierDefinition","invariant","x1","y1","x2","y2","cubicBezier"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,QAAQC;AAAA,EACR,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACJ,GACMC,IAAgB,CAACC,MACZ,OAAOA,KAAW,UAEvBC,IAA6B,CAACC,MAAe;AAC/C,MAAIC,EAAmBD,CAAU,GAAG;AAEhC,IAAAE,EAAUF,EAAW,WAAW,GAAG,2DAA2D,qBAAqB;AACnH,UAAM,CAACG,GAAIC,GAAIC,GAAIC,CAAE,IAAIN;AACzB,WAAOO,EAAYJ,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EACrC,WACST,EAAcG,CAAU;AAE7B,WAAAE,EAAUjB,EAAae,CAAU,MAAM,QAAW,wBAAwBA,CAAU,KAAK,qBAAqB,GACvGf,EAAae,CAAU;AAElC,SAAOA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es349.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { calcChildStagger } from '../utils/calc-child-stagger.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.type === \"exit\"\n        ? visualElement.presenceContext?.custom\n        : undefined);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, forwardDelay, delayChildren, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delay = 0, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    for (const child of visualElement.variantChildren) {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delay +\n                (typeof delayChildren === \"function\" ? 0 : delayChildren) +\n                calcChildStagger(visualElement.variantChildren, child, delayChildren, staggerChildren, staggerDirection),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    }\n    return Promise.all(animations);\n}\n\nexport { animateVariant };\n//# sourceMappingURL=visual-element-variant.mjs.map\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","delay","animations","child","calcChildStagger"],"mappings":";;;AAIA,SAASA,EAAeC,GAAeC,GAASC,IAAU,CAAA,GAAI;AAC1D,QAAMC,IAAWC,EAAeJ,GAAeC,GAASC,EAAQ,SAAS,SACnEF,EAAc,iBAAiB,SAC/B,MAAS;AACf,MAAI,EAAE,YAAAK,IAAaL,EAAc,qBAAoB,KAAM,CAAA,EAAE,IAAKG,KAAY,CAAA;AAC9E,EAAID,EAAQ,uBACRG,IAAaH,EAAQ;AAMzB,QAAMI,IAAeH,IACf,MAAM,QAAQ,IAAII,EAAcP,GAAeG,GAAUD,CAAO,CAAC,IACjE,MAAM,QAAQ,QAAO,GAKrBM,IAAqBR,EAAc,mBAAmBA,EAAc,gBAAgB,OACpF,CAACS,IAAe,MAAM;AACpB,UAAM,EAAE,eAAAC,IAAgB,GAAG,iBAAAC,GAAiB,kBAAAC,EAAgB,IAAMP;AAClE,WAAOQ,EAAgBb,GAAeC,GAASQ,GAAcC,GAAeC,GAAiBC,GAAkBV,CAAO;AAAA,EAC1H,IACE,MAAM,QAAQ,QAAO,GAKrB,EAAE,MAAAY,EAAI,IAAKT;AACjB,MAAIS,GAAM;AACN,UAAM,CAACC,GAAOC,CAAI,IAAIF,MAAS,mBACzB,CAACR,GAAcE,CAAkB,IACjC,CAACA,GAAoBF,CAAY;AACvC,WAAOS,EAAK,EAAG,KAAK,MAAMC,EAAI,CAAE;AAAA,EACpC;AAEI,WAAO,QAAQ,IAAI,CAACV,EAAY,GAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC;AAE9E;AACA,SAASW,EAAgBb,GAAeC,GAASgB,IAAQ,GAAGP,IAAgB,GAAGC,IAAkB,GAAGC,IAAmB,GAAGV,GAAS;AAC/H,QAAMgB,IAAa,CAAA;AACnB,aAAWC,KAASnB,EAAc;AAC9B,IAAAmB,EAAM,OAAO,kBAAkBlB,CAAO,GACtCiB,EAAW,KAAKnB,EAAeoB,GAAOlB,GAAS;AAAA,MAC3C,GAAGC;AAAA,MACH,OAAOe,KACF,OAAOP,KAAkB,aAAa,IAAIA,KAC3CU,EAAiBpB,EAAc,iBAAiBmB,GAAOT,GAAeC,GAAiBC,CAAgB;AAAA,IACvH,CAAS,EAAE,KAAK,MAAMO,EAAM,OAAO,qBAAqBlB,CAAO,CAAC,CAAC;AAE7D,SAAO,QAAQ,IAAIiB,CAAU;AACjC;","x_google_ignoreList":[0]}

package/dist/visualization.es35.js

@@ -1,7 +1,58 @@
-function n(a, t) {
-  return [(t = +t) * Math.cos(a -= Math.PI / 2), t * Math.sin(a)];
+import { jsx as l, jsxs as $, Fragment as T } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { useRef as v } from "react";
+import { getTextHeight as H } from "./visualization.es2.js";
+const G = (g) => {
+  const t = _(33), {
+    label: p,
+    getlollipopRadius: s,
+    height: e,
+    width: n,
+    legendValues: x,
+    spaceForCategory: W,
+    axisCenter: R,
+    loading: u
+  } = g, C = v(null), r = H(p, 12, "Times");
+  let a, c, d, f, i, h, o;
+  if (t[0] !== R || t[1] !== s || t[2] !== e || t[3] !== p || t[4] !== r || t[5] !== x || t[6] !== u || t[7] !== W || t[8] !== n) {
+    let k;
+    t[16] !== s ? (k = (y) => s(y) * 2 + 12, t[16] = s, t[17] = k) : k = t[17];
+    const S = x.map(k), F = S.reduce(I, 0) + 30 * (x.length - 1), j = r + 20 + F, w = u ? 0.3 : 1;
+    t[18] !== w ? (o = {
+      marginBottom: 10,
+      opacity: w
+    }, t[18] = w, t[19] = o) : o = t[19], a = e + 4, c = n + r + 4, d = "legend", f = `translate(${W / 1.2 + R - n / 2}, 0)`;
+    const z = n + r;
+    t[20] !== e || t[21] !== z ? (i = /* @__PURE__ */ l("rect", { height: e, width: z, stroke: "black", fill: "none", transform: "translate(2, 2)" }), t[20] = e, t[21] = z, t[22] = i) : i = t[22], h = u ? /* @__PURE__ */ l("text", { x: (n + r) / 2, y: e / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 12, fill: "black", children: "Loading..." }) : /* @__PURE__ */ $(T, { children: [
+      /* @__PURE__ */ l("g", { transform: `translate(${n / 2 - j / 2 + 2}, ${e / 2 + 2})`, children: /* @__PURE__ */ l("text", { ref: C, x: 0, y: 3, textAnchor: "start", fill: "black", fontSize: 12, children: p }) }),
+      /* @__PURE__ */ $("g", { transform: `translate(${n / 2 - j / 2 + r + 10 + 2}, ${e / 2 + 2})`, children: [
+        /* @__PURE__ */ l("line", { x1: 0, y1: -e / 2, x2: 0, y2: e / 2, stroke: "black", strokeWidth: 1 }),
+        /* @__PURE__ */ l("g", { transform: `translate(${10 + r / 2}, 0)`, children: x.map((y, A) => {
+          const B = s(y), L = S.slice(0, A).reduce(V, 0) + A * 30;
+          return /* @__PURE__ */ $("g", { transform: `translate(${L}, 0)`, children: [
+            /* @__PURE__ */ l("circle", { r: B, cx: 0, cy: 0, fill: "black" }),
+            /* @__PURE__ */ l("text", { x: B + 12, y: 3, textAnchor: "start", fill: "black", fontSize: 10, children: y })
+          ] }, `legend${A}`);
+        }) })
+      ] })
+    ] }), t[0] = R, t[1] = s, t[2] = e, t[3] = p, t[4] = r, t[5] = x, t[6] = u, t[7] = W, t[8] = n, t[9] = a, t[10] = c, t[11] = d, t[12] = f, t[13] = i, t[14] = h, t[15] = o;
+  } else
+    a = t[9], c = t[10], d = t[11], f = t[12], i = t[13], h = t[14], o = t[15];
+  let m;
+  t[23] !== a || t[24] !== c || t[25] !== d || t[26] !== f || t[27] !== i || t[28] !== h ? (m = /* @__PURE__ */ $("svg", { height: a, width: c, id: d, transform: f, children: [
+    i,
+    h
+  ] }), t[23] = a, t[24] = c, t[25] = d, t[26] = f, t[27] = i, t[28] = h, t[29] = m) : m = t[29];
+  let b;
+  return t[30] !== o || t[31] !== m ? (b = /* @__PURE__ */ l("div", { style: o, children: m }), t[30] = o, t[31] = m, t[32] = b) : b = t[32], b;
+};
+function I(g, t) {
+  return g + t;
+}
+function V(g, t) {
+  return g + t;
 }
 export {
-  n as default
+  G as default
 };
 //# sourceMappingURL=visualization.es35.js.map

package/dist/visualization.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es35.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/pointRadial.js"],"sourcesContent":["export default function(x, y) {\n  return [(y = +y) * Math.cos(x -= Math.PI / 2), y * Math.sin(x)];\n}\n"],"names":["pointRadial","x","y"],"mappings":"AAAe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,SAAO,EAAEA,IAAI,CAACA,KAAK,KAAK,IAAID,KAAK,KAAK,KAAK,CAAC,GAAGC,IAAI,KAAK,IAAID,CAAC,CAAC;AAChE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es35.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":";;;;AAIA,MAAMA,IAAwCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,QAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAV,GAW3CW,IAAiBC,EAAuB,IAAI,GAE5CC,IAAmBC,EAAcX,GAAO,IAAI,OAAO;AAAC,MAAAY,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,MAAApB,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAG,KAAAH,SAAAI,KAAAJ,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAM,KAAAN,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAO,KAAAP,SAAAK,GAAA;AAAA,QAAAgB;AAAA,IAAArB,UAAAG,KAEhBkB,IAAAC,CAAAA,MAAKnB,EAAkBmB,CAAC,IAAI,IAAI,IAAEtB,QAAAG,GAAAH,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAtE,UAAAuB,IAAmBjB,EAAYkB,IAAKH,CAAkC,GACtEI,IACIF,EAAUG,OAAQC,GAAqB,CAAC,IAPhC,MAO2CrB,EAAYsB,SAAU,IAI7EC,IAAmBjB,IAAa,KAAiBa,GAGJK,IAAArB,IAAA,MAAA;AAAiB,IAAAT,UAAA8B,KAA9CV,IAAA;AAAA,MAAAW,cAAgB;AAAA,MAAEC,SAAWF;AAAAA,IAAAA,GAAmB9B,QAAA8B,GAAA9B,QAAAoB,KAAAA,IAAApB,EAAA,EAAA,GAC3Cc,IAAAV,IAAS,GAAUW,IAAAV,IAAQO,IAAa,GAAMI,IAAA,UAAoBC,IAAA,aAAaV,IAAmB,MAAMC,IAAaH,IAAQ,CAAC;AAC1G,UAAA4B,IAAA5B,IAAQO;AAAU,IAAAZ,EAAA,EAAA,MAAAI,KAAAJ,UAAAiC,KAA/Cf,IAAA,gBAAAgB,EAAA,QAAA,EAAc9B,QAAAA,GAAe,OAAA6B,GAA2B,QAAA,SAAa,MAAA,QAAkB,WAAA,kBAAA,CAAiB,GAAIjC,QAAAI,GAAAJ,QAAAiC,GAAAjC,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA,GAC3GmB,IAAAV,gCAEU,IAACJ,IAAQO,KAAc,GACvB,GAAAR,IAAS,GACD,YAAA,UACM,kBAAA,UACP,UAAA,IACL,MAAA,SACR,UAAA,aAAA,CAED,IAVH,gBAAA+B,EAAAC,GAAA,EAaO,UAAA;AAAA,MAAA,gBAAAF,EAAA,KAAA,EAAc,WAAA,aAAc7B,IAAQ,IAAIwB,IAAa,IAAK,CAAC,KAAMzB,IAAS,IAAK,CAAC,KAC5E,UAAA,gBAAA8B,YACSxB,KAAAA,GACF,MACA,GAAA,GACQ,YAAA,SACN,MAAA,SACK,UAAA,IAETR,UAAAA,EAAAA,CACL,GACJ;AAAA,MACA,gBAAAiC,EAAA,KAAA,EAAc,WAAA,aAAc9B,IAAQ,IAAIwB,IAAa,IAAIjB,IAjC1D,KAiCqF,CAAC,KAAMR,IAAS,IAAK,CAAC,KACtG,UAAA;AAAA,QAAA,gBAAA8B,EAAA,QAAA,EACQ,IAAA,GACA,IAAA,CAAC9B,IAAS,GACV,IAAA,GACA,IAAAA,IAAS,GACN,QAAA,SACM,aAAA;QAEjB,gBAAA8B,EAAA,KAAA,EAAc,WAAA,aA1CnB,KA0C6CtB,IAAa,CAAC,QACjDN,UAAAA,EAAYkB,IAAK,CAAAa,GAAAC,MAAA;AACd,gBAAAC,IAAgBpC,EAAkBkC,CAAK,GACvCG,IACIjB,EAAUkB,MAAO,GAAGH,CAAG,EAACZ,OAAQgB,GAAqB,CAAC,IACtDJ,IAxDxB;AAwDkC,iBAGV,gBAAAH,EAAA,KAAA,EAAmC,WAAA,aAAaK,CAAO,QACnD,UAAA;AAAA,YAAA,gBAAAN,EAAA,UAAA,EAAWK,GAAAA,GAAa,IAAA,GAAO,IAAA,GAAQ,MAAA,QAAA,CAAO;AAAA,YAC9C,gBAAAL,EAAA,QAAA,EACO,GAAAK,IAAU,IACV,GAAA,GACQ,YAAA,SACN,MAAA,SACK,UAAA,IAETF,UAAAA,EAAAA,CACL;AAAA,UAAA,EAAA,YAVaC,CAAG,EAWpB;AAAA,QAAI,CAEX,EAAA,CACL;AAAA,MAAA,EAAA,CACJ;AAAA,IAAA,GAAI,GAEXtC,OAAAQ,GAAAR,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAY,GAAAZ,OAAAM,GAAAN,OAAAS,GAAAT,OAAAO,GAAAP,OAAAK,GAAAL,OAAAc,GAAAd,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAAkB,GAAAlB,QAAAmB,GAAAnB,QAAAoB;AAAAA,EAAA;AAAAN,IAAAA,IAAAd,EAAA,CAAA,GAAAe,IAAAf,EAAA,EAAA,GAAAgB,IAAAhB,EAAA,EAAA,GAAAiB,IAAAjB,EAAA,EAAA,GAAAkB,IAAAlB,EAAA,EAAA,GAAAmB,IAAAnB,EAAA,EAAA,GAAAoB,IAAApB,EAAA,EAAA;AAAA,MAAAqB;AAAA,EAAArB,UAAAc,KAAAd,EAAA,EAAA,MAAAe,KAAAf,EAAA,EAAA,MAAAgB,KAAAhB,EAAA,EAAA,MAAAiB,KAAAjB,UAAAkB,KAAAlB,EAAA,EAAA,MAAAmB,KA7DLE,IAAA,gBAAAc,EAAA,SAAa,QAAArB,GAAmB,OAAAC,GAA2B,IAAAC,GAAoB,WAAAC,GAC3EC,UAAAA;AAAAA,IAAAA;AAAAA,IACCC;AAAAA,EAAAA,GA6DL,GAAMnB,QAAAc,GAAAd,QAAAe,GAAAf,QAAAgB,GAAAhB,QAAAiB,GAAAjB,QAAAkB,GAAAlB,QAAAmB,GAAAnB,QAAAqB,KAAAA,IAAArB,EAAA,EAAA;AAAA,MAAA8B;AAAA,SAAA9B,EAAA,EAAA,MAAAoB,KAAApB,UAAAqB,KAhEVS,IAAA,gBAAAI,EAAA,OAAA,EAAY,OAAAd,GACRC,UAAAA,GAgEJ,GAAMrB,QAAAoB,GAAApB,QAAAqB,GAAArB,QAAA8B,KAAAA,IAAA9B,EAAA,EAAA,GAjEN8B;AAiEM;AAzFgC,SAAAH,EAAAgB,GAAAC,GAAA;AAAA,SAiBRD,IAAMC;AAAC;AAjBC,SAAAF,EAAAG,GAAAC,GAAA;AAAA,SAiEsCH,IAAMC;AAAC;"}

package/dist/visualization.es350.js

@@ -1,11 +1,14 @@
-const i = (r, a, o = 10) => {
-  let n = "";
-  const e = Math.max(Math.round(a / o), 2);
-  for (let t = 0; t < e; t++)
-    n += Math.round(r(t / (e - 1)) * 1e4) / 1e4 + ", ";
-  return `linear(${n.substring(0, n.length - 2)})`;
-};
+import { transformPropOrder as t } from "./visualization.es341.js";
+const r = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  ...t
+]);
 export {
-  i as generateLinearEasing
+  r as positionalKeys
 };
 //# sourceMappingURL=visualization.es350.js.map

package/dist/visualization.es350.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es350.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs"],"sourcesContent":["const generateLinearEasing = (easing, duration, // as milliseconds\nresolution = 10 // as milliseconds\n) => {\n    let points = \"\";\n    const numPoints = Math.max(Math.round(duration / resolution), 2);\n    for (let i = 0; i < numPoints; i++) {\n        points += Math.round(easing(i / (numPoints - 1)) * 10000) / 10000 + \", \";\n    }\n    return `linear(${points.substring(0, points.length - 2)})`;\n};\n\nexport { generateLinearEasing };\n//# sourceMappingURL=linear.mjs.map\n"],"names":["generateLinearEasing","easing","duration","resolution","points","numPoints","i"],"mappings":"AAAK,MAACA,IAAuB,CAACC,GAAQC,GACtCC,IAAa,OACR;AACD,MAAIC,IAAS;AACb,QAAMC,IAAY,KAAK,IAAI,KAAK,MAAMH,IAAWC,CAAU,GAAG,CAAC;AAC/D,WAASG,IAAI,GAAGA,IAAID,GAAWC;AAC3B,IAAAF,KAAU,KAAK,MAAMH,EAAOK,KAAKD,IAAY,EAAE,IAAI,GAAK,IAAI,MAAQ;AAExE,SAAO,UAAUD,EAAO,UAAU,GAAGA,EAAO,SAAS,CAAC,CAAC;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es350.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs"],"sourcesContent":["import { transformPropOrder } from './keys-transform.mjs';\n\nconst positionalKeys = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    ...transformPropOrder,\n]);\n\nexport { positionalKeys };\n//# sourceMappingURL=keys-position.mjs.map\n"],"names":["positionalKeys","transformPropOrder"],"mappings":";AAEK,MAACA,IAAiB,oBAAI,IAAI;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGC;AACP,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es351.js

@@ -1,14 +1,22 @@
-import { calcGeneratorDuration as i, maxGeneratorDuration as m } from "./visualization.es311.js";
-import { millisecondsToSeconds as s } from "./visualization.es316.js";
-function f(n, r = 100, o) {
-  const e = o({ ...n, keyframes: [0, r] }), t = Math.min(i(e), m);
-  return {
-    type: "keyframes",
-    ease: (a) => e.next(t * a).value / r,
-    duration: s(t)
-  };
+import { motionValue as s } from "./visualization.es418.js";
+import { resolveVariant as f } from "./visualization.es306.js";
+import { isKeyframesTarget as l } from "./visualization.es398.js";
+function u(t, o, e) {
+  t.hasValue(o) ? t.getValue(o).set(e) : t.addValue(o, s(e));
+}
+function V(t) {
+  return l(t) ? t[t.length - 1] || 0 : t;
+}
+function p(t, o) {
+  const e = f(t, o);
+  let { transitionEnd: a = {}, transition: c = {}, ...r } = e || {};
+  r = { ...r, ...a };
+  for (const n in r) {
+    const i = V(r[n]);
+    u(t, n, i);
+  }
 }
 export {
-  f as createGeneratorEasing
+  p as setTarget
 };
 //# sourceMappingURL=visualization.es351.js.map

package/dist/visualization.es351.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es351.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs"],"sourcesContent":["import { millisecondsToSeconds } from 'motion-utils';\nimport { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';\n\n/**\n * Create a progress => progress easing function from a generator.\n */\nfunction createGeneratorEasing(options, scale = 100, createGenerator) {\n    const generator = createGenerator({ ...options, keyframes: [0, scale] });\n    const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n    return {\n        type: \"keyframes\",\n        ease: (progress) => {\n            return generator.next(duration * progress).value / scale;\n        },\n        duration: millisecondsToSeconds(duration),\n    };\n}\n\nexport { createGeneratorEasing };\n//# sourceMappingURL=create-generator-easing.mjs.map\n"],"names":["createGeneratorEasing","options","scale","createGenerator","generator","duration","calcGeneratorDuration","maxGeneratorDuration","progress","millisecondsToSeconds"],"mappings":";;AAMA,SAASA,EAAsBC,GAASC,IAAQ,KAAKC,GAAiB;AAClE,QAAMC,IAAYD,EAAgB,EAAE,GAAGF,GAAS,WAAW,CAAC,GAAGC,CAAK,GAAG,GACjEG,IAAW,KAAK,IAAIC,EAAsBF,CAAS,GAAGG,CAAoB;AAChF,SAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM,CAACC,MACIJ,EAAU,KAAKC,IAAWG,CAAQ,EAAE,QAAQN;AAAA,IAEvD,UAAUO,EAAsBJ,CAAQ;AAAA,EAChD;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es351.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/setters.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(visualElement, key, value) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key).set(value);\n    }\n    else {\n        visualElement.addValue(key, motionValue(value));\n    }\n}\nfunction resolveFinalValueInKeyframes(v) {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n}\nfunction setTarget(visualElement, definition) {\n    const resolved = resolveVariant(visualElement, definition);\n    let { transitionEnd = {}, transition = {}, ...target } = resolved || {};\n    target = { ...target, ...transitionEnd };\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(target[key]);\n        setMotionValue(visualElement, key, value);\n    }\n}\n\nexport { setTarget };\n//# sourceMappingURL=setters.mjs.map\n"],"names":["setMotionValue","visualElement","key","value","motionValue","resolveFinalValueInKeyframes","v","isKeyframesTarget","setTarget","definition","resolved","resolveVariant","transitionEnd","transition","target"],"mappings":";;;AAQA,SAASA,EAAeC,GAAeC,GAAKC,GAAO;AAC/C,EAAIF,EAAc,SAASC,CAAG,IAC1BD,EAAc,SAASC,CAAG,EAAE,IAAIC,CAAK,IAGrCF,EAAc,SAASC,GAAKE,EAAYD,CAAK,CAAC;AAEtD;AACA,SAASE,EAA6BC,GAAG;AAErC,SAAOC,EAAkBD,CAAC,IAAIA,EAAEA,EAAE,SAAS,CAAC,KAAK,IAAIA;AACzD;AACA,SAASE,EAAUP,GAAeQ,GAAY;AAC1C,QAAMC,IAAWC,EAAeV,GAAeQ,CAAU;AACzD,MAAI,EAAE,eAAAG,IAAgB,CAAA,GAAI,YAAAC,IAAa,CAAA,GAAI,GAAGC,EAAM,IAAKJ,KAAY,CAAA;AACrE,EAAAI,IAAS,EAAE,GAAGA,GAAQ,GAAGF,EAAa;AACtC,aAAWV,KAAOY,GAAQ;AACtB,UAAMX,IAAQE,EAA6BS,EAAOZ,CAAG,CAAC;AACtD,IAAAF,EAAeC,GAAeC,GAAKC,CAAK;AAAA,EAC5C;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es352.js

@@ -1,7 +1,15 @@
-function o(n) {
-  return typeof n == "function" && "applyToOptions" in n;
+import { isWillChangeMotionValue as o } from "./visualization.es438.js";
+import { MotionGlobalConfig as i } from "./visualization.es317.js";
+function C(a, n) {
+  const l = a.getValue("willChange");
+  if (o(l))
+    return l.add(n);
+  if (!l && i.WillChange) {
+    const e = new i.WillChange("auto");
+    a.addValue("willChange", e), e.add(n);
+  }
 }
 export {
-  o as isGenerator
+  C as addValueToWillChange
 };
 //# sourceMappingURL=visualization.es352.js.map

package/dist/visualization.es352.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es352.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs"],"sourcesContent":["function isGenerator(type) {\n    return typeof type === \"function\" && \"applyToOptions\" in type;\n}\n\nexport { isGenerator };\n//# sourceMappingURL=is-generator.mjs.map\n"],"names":["isGenerator","type"],"mappings":"AAAA,SAASA,EAAYC,GAAM;AACvB,SAAO,OAAOA,KAAS,cAAc,oBAAoBA;AAC7D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es352.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { isWillChangeMotionValue } from './is.mjs';\n\nfunction addValueToWillChange(visualElement, key) {\n    const willChange = visualElement.getValue(\"willChange\");\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key);\n    }\n    else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\");\n        visualElement.addValue(\"willChange\", newWillChange);\n        newWillChange.add(key);\n    }\n}\n\nexport { addValueToWillChange };\n//# sourceMappingURL=add-will-change.mjs.map\n"],"names":["addValueToWillChange","visualElement","key","willChange","isWillChangeMotionValue","MotionGlobalConfig","newWillChange"],"mappings":";;AAGA,SAASA,EAAqBC,GAAeC,GAAK;AAC9C,QAAMC,IAAaF,EAAc,SAAS,YAAY;AAKtD,MAAIG,EAAwBD,CAAU;AAClC,WAAOA,EAAW,IAAID,CAAG;AAExB,MAAI,CAACC,KAAcE,EAAmB,YAAY;AACnD,UAAMC,IAAgB,IAAID,EAAmB,WAAW,MAAM;AAC9D,IAAAJ,EAAc,SAAS,cAAcK,CAAa,GAClDA,EAAc,IAAIJ,CAAG;AAAA,EACzB;AACJ;","x_google_ignoreList":[0]}