@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es306.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es306.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/JSAnimation.mjs"],"sourcesContent":["import { invariant, pipe, clamp, millisecondsToSeconds, secondsToMilliseconds } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { activeAnimations } from '../stats/animation-count.mjs';\nimport { mix } from '../utils/mix/index.mjs';\nimport { frameloopDriver } from './drivers/frame.mjs';\nimport { inertia } from './generators/inertia.mjs';\nimport { keyframes } from './generators/keyframes.mjs';\nimport { calcGeneratorDuration } from './generators/utils/calc-duration.mjs';\nimport { getGeneratorVelocity } from './generators/utils/velocity.mjs';\nimport { getFinalKeyframe } from './keyframes/get-final.mjs';\nimport { replaceTransitionType } from './utils/replace-transition-type.mjs';\nimport { WithPromise } from './utils/WithPromise.mjs';\n\nconst percentToProgress = (percent) => percent / 100;\nclass JSAnimation extends WithPromise {\n    constructor(options) {\n        super();\n        this.state = \"idle\";\n        this.startTime = null;\n        this.isStopped = false;\n        /**\n         * The current time of the animation.\n         */\n        this.currentTime = 0;\n        /**\n         * The time at which the animation was paused.\n         */\n        this.holdTime = null;\n        /**\n         * Playback speed as a factor. 0 would be stopped, -1 reverse and 2 double speed.\n         */\n        this.playbackSpeed = 1;\n        /**\n         * Reusable state object for the delay phase to avoid\n         * allocating a new object every frame.\n         */\n        this.delayState = {\n            done: false,\n            value: undefined,\n        };\n        /**\n         * This method is bound to the instance to fix a pattern where\n         * animation.stop is returned as a reference from a useEffect.\n         */\n        this.stop = () => {\n            const { motionValue } = this.options;\n            if (motionValue && motionValue.updatedAt !== time.now()) {\n                this.tick(time.now());\n            }\n            this.isStopped = true;\n            if (this.state === \"idle\")\n                return;\n            this.teardown();\n            this.options.onStop?.();\n        };\n        activeAnimations.mainThread++;\n        this.options = options;\n        this.initAnimation();\n        this.play();\n        if (options.autoplay === false)\n            this.pause();\n    }\n    initAnimation() {\n        const { options } = this;\n        replaceTransitionType(options);\n        const { type = keyframes, repeat = 0, repeatDelay = 0, repeatType, velocity = 0, } = options;\n        let { keyframes: keyframes$1 } = options;\n        const generatorFactory = type || keyframes;\n        if (process.env.NODE_ENV !== \"production\" &&\n            generatorFactory !== keyframes) {\n            invariant(keyframes$1.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${keyframes$1}`, \"spring-two-frames\");\n        }\n        if (generatorFactory !== keyframes &&\n            typeof keyframes$1[0] !== \"number\") {\n            this.mixKeyframes = pipe(percentToProgress, mix(keyframes$1[0], keyframes$1[1]));\n            keyframes$1 = [0, 100];\n        }\n        const generator = generatorFactory({ ...options, keyframes: keyframes$1 });\n        /**\n         * If we have a mirror repeat type we need to create a second generator that outputs the\n         * mirrored (not reversed) animation and later ping pong between the two generators.\n         */\n        if (repeatType === \"mirror\") {\n            this.mirroredGenerator = generatorFactory({\n                ...options,\n                keyframes: [...keyframes$1].reverse(),\n                velocity: -velocity,\n            });\n        }\n        /**\n         * If duration is undefined and we have repeat options,\n         * we need to calculate a duration from the generator.\n         *\n         * We set it to the generator itself to cache the duration.\n         * Any timeline resolver will need to have already precalculated\n         * the duration by this step.\n         */\n        if (generator.calculatedDuration === null) {\n            generator.calculatedDuration = calcGeneratorDuration(generator);\n        }\n        const { calculatedDuration } = generator;\n        this.calculatedDuration = calculatedDuration;\n        this.resolvedDuration = calculatedDuration + repeatDelay;\n        this.totalDuration = this.resolvedDuration * (repeat + 1) - repeatDelay;\n        this.generator = generator;\n    }\n    updateTime(timestamp) {\n        const animationTime = Math.round(timestamp - this.startTime) * this.playbackSpeed;\n        // Update currentTime\n        if (this.holdTime !== null) {\n            this.currentTime = this.holdTime;\n        }\n        else {\n            // Rounding the time because floating point arithmetic is not always accurate, e.g. 3000.367 - 1000.367 =\n            // 2000.0000000000002. This is a problem when we are comparing the currentTime with the duration, for\n            // example.\n            this.currentTime = animationTime;\n        }\n    }\n    tick(timestamp, sample = false) {\n        const { generator, totalDuration, mixKeyframes, mirroredGenerator, resolvedDuration, calculatedDuration, } = this;\n        if (this.startTime === null)\n            return generator.next(0);\n        const { delay = 0, keyframes, repeat, repeatType, repeatDelay, type, onUpdate, finalKeyframe, } = this.options;\n        /**\n         * requestAnimationFrame timestamps can come through as lower than\n         * the startTime as set by performance.now(). Here we prevent this,\n         * though in the future it could be possible to make setting startTime\n         * a pending operation that gets resolved here.\n         */\n        if (this.speed > 0) {\n            this.startTime = Math.min(this.startTime, timestamp);\n        }\n        else if (this.speed < 0) {\n            this.startTime = Math.min(timestamp - totalDuration / this.speed, this.startTime);\n        }\n        if (sample) {\n            this.currentTime = timestamp;\n        }\n        else {\n            this.updateTime(timestamp);\n        }\n        // Rebase on delay\n        const timeWithoutDelay = this.currentTime - delay * (this.playbackSpeed >= 0 ? 1 : -1);\n        const isInDelayPhase = this.playbackSpeed >= 0\n            ? timeWithoutDelay < 0\n            : timeWithoutDelay > totalDuration;\n        this.currentTime = Math.max(timeWithoutDelay, 0);\n        // If this animation has finished, set the current time  to the total duration.\n        if (this.state === \"finished\" && this.holdTime === null) {\n            this.currentTime = totalDuration;\n        }\n        let elapsed = this.currentTime;\n        let frameGenerator = generator;\n        if (repeat) {\n            /**\n             * Get the current progress (0-1) of the animation. If t is >\n             * than duration we'll get values like 2.5 (midway through the\n             * third iteration)\n             */\n            const progress = Math.min(this.currentTime, totalDuration) / resolvedDuration;\n            /**\n             * Get the current iteration (0 indexed). For instance the floor of\n             * 2.5 is 2.\n             */\n            let currentIteration = Math.floor(progress);\n            /**\n             * Get the current progress of the iteration by taking the remainder\n             * so 2.5 is 0.5 through iteration 2\n             */\n            let iterationProgress = progress % 1.0;\n            /**\n             * If iteration progress is 1 we count that as the end\n             * of the previous iteration.\n             */\n            if (!iterationProgress && progress >= 1) {\n                iterationProgress = 1;\n            }\n            iterationProgress === 1 && currentIteration--;\n            currentIteration = Math.min(currentIteration, repeat + 1);\n            /**\n             * Reverse progress if we're not running in \"normal\" direction\n             */\n            const isOddIteration = Boolean(currentIteration % 2);\n            if (isOddIteration) {\n                if (repeatType === \"reverse\") {\n                    iterationProgress = 1 - iterationProgress;\n                    if (repeatDelay) {\n                        iterationProgress -= repeatDelay / resolvedDuration;\n                    }\n                }\n                else if (repeatType === \"mirror\") {\n                    frameGenerator = mirroredGenerator;\n                }\n            }\n            elapsed = clamp(0, 1, iterationProgress) * resolvedDuration;\n        }\n        /**\n         * If we're in negative time, set state as the initial keyframe.\n         * This prevents delay: x, duration: 0 animations from finishing\n         * instantly.\n         */\n        let state;\n        if (isInDelayPhase) {\n            this.delayState.value = keyframes[0];\n            state = this.delayState;\n        }\n        else {\n            state = frameGenerator.next(elapsed);\n        }\n        if (mixKeyframes && !isInDelayPhase) {\n            state.value = mixKeyframes(state.value);\n        }\n        let { done } = state;\n        if (!isInDelayPhase && calculatedDuration !== null) {\n            done =\n                this.playbackSpeed >= 0\n                    ? this.currentTime >= totalDuration\n                    : this.currentTime <= 0;\n        }\n        const isAnimationFinished = this.holdTime === null &&\n            (this.state === \"finished\" || (this.state === \"running\" && done));\n        // TODO: The exception for inertia could be cleaner here\n        if (isAnimationFinished && type !== inertia) {\n            state.value = getFinalKeyframe(keyframes, this.options, finalKeyframe, this.speed);\n        }\n        if (onUpdate) {\n            onUpdate(state.value);\n        }\n        if (isAnimationFinished) {\n            this.finish();\n        }\n        return state;\n    }\n    /**\n     * Allows the returned animation to be awaited or promise-chained. Currently\n     * resolves when the animation finishes at all but in a future update could/should\n     * reject if its cancels.\n     */\n    then(resolve, reject) {\n        return this.finished.then(resolve, reject);\n    }\n    get duration() {\n        return millisecondsToSeconds(this.calculatedDuration);\n    }\n    get iterationDuration() {\n        const { delay = 0 } = this.options || {};\n        return this.duration + millisecondsToSeconds(delay);\n    }\n    get time() {\n        return millisecondsToSeconds(this.currentTime);\n    }\n    set time(newTime) {\n        newTime = secondsToMilliseconds(newTime);\n        this.currentTime = newTime;\n        if (this.startTime === null ||\n            this.holdTime !== null ||\n            this.playbackSpeed === 0) {\n            this.holdTime = newTime;\n        }\n        else if (this.driver) {\n            this.startTime = this.driver.now() - newTime / this.playbackSpeed;\n        }\n        if (this.driver) {\n            this.driver.start(false);\n        }\n        else {\n            this.startTime = 0;\n            this.state = \"paused\";\n            this.holdTime = newTime;\n            this.tick(newTime);\n        }\n    }\n    /**\n     * Returns the generator's velocity at the current time in units/second.\n     * Uses the analytical derivative when available (springs), avoiding\n     * the MotionValue's frame-dependent velocity estimation.\n     */\n    getGeneratorVelocity() {\n        const t = this.currentTime;\n        if (t <= 0)\n            return this.options.velocity || 0;\n        if (this.generator.velocity) {\n            return this.generator.velocity(t);\n        }\n        // Fallback: finite difference\n        const current = this.generator.next(t).value;\n        return getGeneratorVelocity((s) => this.generator.next(s).value, t, current);\n    }\n    get speed() {\n        return this.playbackSpeed;\n    }\n    set speed(newSpeed) {\n        const hasChanged = this.playbackSpeed !== newSpeed;\n        if (hasChanged && this.driver) {\n            this.updateTime(time.now());\n        }\n        this.playbackSpeed = newSpeed;\n        if (hasChanged && this.driver) {\n            this.time = millisecondsToSeconds(this.currentTime);\n        }\n    }\n    play() {\n        if (this.isStopped)\n            return;\n        const { driver = frameloopDriver, startTime } = this.options;\n        if (!this.driver) {\n            this.driver = driver((timestamp) => this.tick(timestamp));\n        }\n        this.options.onPlay?.();\n        const now = this.driver.now();\n        if (this.state === \"finished\") {\n            this.updateFinished();\n            this.startTime = now;\n        }\n        else if (this.holdTime !== null) {\n            this.startTime = now - this.holdTime;\n        }\n        else if (!this.startTime) {\n            this.startTime = startTime ?? now;\n        }\n        if (this.state === \"finished\" && this.speed < 0) {\n            this.startTime += this.calculatedDuration;\n        }\n        this.holdTime = null;\n        /**\n         * Set playState to running only after we've used it in\n         * the previous logic.\n         */\n        this.state = \"running\";\n        this.driver.start();\n    }\n    pause() {\n        this.state = \"paused\";\n        this.updateTime(time.now());\n        this.holdTime = this.currentTime;\n    }\n    complete() {\n        if (this.state !== \"running\") {\n            this.play();\n        }\n        this.state = \"finished\";\n        this.holdTime = null;\n    }\n    finish() {\n        this.notifyFinished();\n        this.teardown();\n        this.state = \"finished\";\n        this.options.onComplete?.();\n    }\n    cancel() {\n        this.holdTime = null;\n        this.startTime = 0;\n        this.tick(0);\n        this.teardown();\n        this.options.onCancel?.();\n    }\n    teardown() {\n        this.state = \"idle\";\n        this.stopDriver();\n        this.startTime = this.holdTime = null;\n        activeAnimations.mainThread--;\n    }\n    stopDriver() {\n        if (!this.driver)\n            return;\n        this.driver.stop();\n        this.driver = undefined;\n    }\n    sample(sampleTime) {\n        this.startTime = 0;\n        return this.tick(sampleTime, true);\n    }\n    attachTimeline(timeline) {\n        if (this.options.allowFlatten) {\n            this.options.type = \"keyframes\";\n            this.options.ease = \"linear\";\n            this.initAnimation();\n        }\n        this.driver?.stop();\n        return timeline.observe(this);\n    }\n}\n// Legacy function support\nfunction animateValue(options) {\n    return new JSAnimation(options);\n}\n\nexport { JSAnimation, animateValue };\n//# sourceMappingURL=JSAnimation.mjs.map\n"],"names":["percentToProgress","percent","JSAnimation","WithPromise","options","motionValue","time","replaceTransitionType","type","keyframes","repeat","repeatDelay","repeatType","velocity","keyframes$1","generatorFactory","invariant","pipe","mix","generator","calcGeneratorDuration","calculatedDuration","timestamp","animationTime","sample","totalDuration","mixKeyframes","mirroredGenerator","resolvedDuration","delay","onUpdate","finalKeyframe","timeWithoutDelay","isInDelayPhase","elapsed","frameGenerator","progress","currentIteration","iterationProgress","clamp","state","done","isAnimationFinished","inertia","getFinalKeyframe","resolve","reject","millisecondsToSeconds","newTime","secondsToMilliseconds","current","getGeneratorVelocity","newSpeed","hasChanged","driver","frameloopDriver","startTime","now","sampleTime","timeline"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es306.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/warn-once.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nconst warned = new Set();\nfunction hasWarned(message) {\n    return warned.has(message);\n}\nfunction warnOnce(condition, message, errorCode) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(formatErrorMessage(message, errorCode));\n    warned.add(message);\n}\n\nexport { hasWarned, warnOnce };\n//# sourceMappingURL=warn-once.mjs.map\n"],"names":["warned","warnOnce","condition","message","errorCode","formatErrorMessage"],"mappings":";AAEA,MAAMA,IAAS,oBAAI,IAAG;AAItB,SAASC,EAASC,GAAWC,GAASC,GAAW;AAC7C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKE,EAAmBF,GAASC,CAAS,CAAC,GACnDJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}

package/dist/visualization.es307.js

@@ -1,9 +1,25 @@
-const i = (e) => e !== null;
-function c(e, { repeat: n, repeatType: l = "loop" }, o, r = 1) {
-  const t = e.filter(i), s = r < 0 || n && l !== "loop" && n % 2 === 1 ? 0 : t.length - 1;
-  return !s || o === void 0 ? t[s] : o;
+import { lowercaseSVGElements as r } from "./visualization.es576.js";
+function s(e) {
+  return (
+    /**
+     * If it's not a string, it's a custom React component. Currently we only support
+     * HTML custom React components.
+     */
+    typeof e != "string" || /**
+     * If it contains a dash, the element is a custom HTML webcomponent.
+     */
+    e.includes("-") ? !1 : (
+      /**
+       * If it's in our list of lowercase SVG tags, it's an SVG component
+       */
+      !!(r.indexOf(e) > -1 || /**
+       * If it contains a capital letter, it's an SVG component
+       */
+      /[A-Z]/u.test(e))
+    )
+  );
 }
 export {
-  c as getFinalKeyframe
+  s as isSVGComponent
 };
 //# sourceMappingURL=visualization.es307.js.map

package/dist/visualization.es307.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es307.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/get-final.mjs"],"sourcesContent":["const isNotNull = (value) => value !== null;\nfunction getFinalKeyframe(keyframes, { repeat, repeatType = \"loop\" }, finalKeyframe, speed = 1) {\n    const resolvedKeyframes = keyframes.filter(isNotNull);\n    const useFirstKeyframe = speed < 0 || (repeat && repeatType !== \"loop\" && repeat % 2 === 1);\n    const index = useFirstKeyframe ? 0 : resolvedKeyframes.length - 1;\n    return !index || finalKeyframe === undefined\n        ? resolvedKeyframes[index]\n        : finalKeyframe;\n}\n\nexport { getFinalKeyframe };\n//# sourceMappingURL=get-final.mjs.map\n"],"names":["isNotNull","value","getFinalKeyframe","keyframes","repeat","repeatType","finalKeyframe","speed","resolvedKeyframes","index"],"mappings":"AAAA,MAAMA,IAAY,CAACC,MAAUA,MAAU;AACvC,SAASC,EAAiBC,GAAW,EAAE,QAAAC,GAAQ,YAAAC,IAAa,UAAUC,GAAeC,IAAQ,GAAG;AAC5F,QAAMC,IAAoBL,EAAU,OAAOH,CAAS,GAE9CS,IADmBF,IAAQ,KAAMH,KAAUC,MAAe,UAAUD,IAAS,MAAM,IACxD,IAAII,EAAkB,SAAS;AAChE,SAAO,CAACC,KAASH,MAAkB,SAC7BE,EAAkBC,CAAK,IACvBH;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es307.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs"],"sourcesContent":["import { lowercaseSVGElements } from '../../svg/lowercase-elements.mjs';\n\nfunction isSVGComponent(Component) {\n    if (\n    /**\n     * If it's not a string, it's a custom React component. Currently we only support\n     * HTML custom React components.\n     */\n    typeof Component !== \"string\" ||\n        /**\n         * If it contains a dash, the element is a custom HTML webcomponent.\n         */\n        Component.includes(\"-\")) {\n        return false;\n    }\n    else if (\n    /**\n     * If it's in our list of lowercase SVG tags, it's an SVG component\n     */\n    lowercaseSVGElements.indexOf(Component) > -1 ||\n        /**\n         * If it contains a capital letter, it's an SVG component\n         */\n        /[A-Z]/u.test(Component)) {\n        return true;\n    }\n    return false;\n}\n\nexport { isSVGComponent };\n//# sourceMappingURL=is-svg-component.mjs.map\n"],"names":["isSVGComponent","Component","lowercaseSVGElements"],"mappings":";AAEA,SAASA,EAAeC,GAAW;AAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAOA,KAAc;AAAA;AAAA;AAAA,IAIjBA,EAAU,SAAS,GAAG,IACf;AAAA;AAAA;AAAA;AAAA,MAMX,GAAAC,EAAqB,QAAQD,CAAS,IAAI;AAAA;AAAA;AAAA,MAItC,SAAS,KAAKA,CAAS;AAAA;AAAA;AAI/B;","x_google_ignoreList":[0]}

package/dist/visualization.es308.js

@@ -1,75 +1,41 @@
-import { fillWildcards as y } from "./visualization.es367.js";
-import { removeNonTranslationalTransform as p } from "./visualization.es366.js";
-import { frame as c } from "./visualization.es343.js";
-const l = /* @__PURE__ */ new Set();
-let f = !1, d = !1, m = !1;
-function u() {
-  if (d) {
-    const a = Array.from(l).filter((e) => e.needsMeasurement), s = new Set(a.map((e) => e.element)), r = /* @__PURE__ */ new Map();
-    s.forEach((e) => {
-      const t = p(e);
-      t.length && (r.set(e, t), e.render());
-    }), a.forEach((e) => e.measureInitialState()), s.forEach((e) => {
-      e.render();
-      const t = r.get(e);
-      t && t.forEach(([n, i]) => {
-        e.getValue(n)?.set(i);
-      });
-    }), a.forEach((e) => e.measureEndState()), a.forEach((e) => {
-      e.suspendedScrollY !== void 0 && window.scrollTo(0, e.suspendedScrollY);
-    });
-  }
-  d = !1, f = !1, l.forEach((a) => a.complete(m)), l.clear();
-}
-function h() {
-  l.forEach((a) => {
-    a.readKeyframes(), a.needsMeasurement && (d = !0);
-  });
-}
-function S() {
-  m = !0, h(), u(), m = !1;
-}
-class g {
-  constructor(s, r, e, t, n, i = !1) {
-    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...s], this.onComplete = r, this.name = e, this.motionValue = t, this.element = n, this.isAsync = i;
-  }
-  scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (l.add(this), f || (f = !0, c.read(h), c.resolveKeyframes(u))) : (this.readKeyframes(), this.complete());
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: s, name: r, element: e, motionValue: t } = this;
-    if (s[0] === null) {
-      const n = t?.get(), i = s[s.length - 1];
-      if (n !== void 0)
-        s[0] = n;
-      else if (e && r) {
-        const o = e.readValue(r, i);
-        o != null && (s[0] = o);
-      }
-      s[0] === void 0 && (s[0] = i), t && n === void 0 && t.set(s[0]);
+import { transformProps as s } from "./visualization.es354.js";
+import { getDefaultValueType as a } from "./visualization.es442.js";
+import { createBox as m } from "./visualization.es458.js";
+import { DOMVisualElement as i } from "./visualization.es452.js";
+import { camelToDash as u } from "./visualization.es368.js";
+import { buildSVGAttrs as n } from "./visualization.es459.js";
+import { camelCaseAttributes as p } from "./visualization.es460.js";
+import { isSVGTag as l } from "./visualization.es461.js";
+import { renderSVG as f } from "./visualization.es462.js";
+import { scrapeMotionValuesFromProps as V } from "./visualization.es463.js";
+class A extends i {
+  constructor() {
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = m;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (s.has(r)) {
+      const e = a(r);
+      return e && e.default || 0;
     }
-    y(s);
-  }
-  setFinalKeyframe() {
-  }
-  measureInitialState() {
-  }
-  renderEndStyles() {
+    return r = p.has(r) ? r : u(r), t.getAttribute(r);
   }
-  measureEndState() {
+  scrapeMotionValuesFromProps(t, r, e) {
+    return V(t, r, e);
   }
-  complete(s = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, s), l.delete(this);
+  build(t, r, e) {
+    n(t, r, this.isSVGTag, e.transformTemplate, e.style);
   }
-  cancel() {
-    this.state === "scheduled" && (l.delete(this), this.state = "pending");
+  renderInstance(t, r, e, o) {
+    f(t, r, e, o);
   }
-  resume() {
-    this.state === "pending" && this.scheduleResolve();
+  mount(t) {
+    this.isSVGTag = l(t.tagName), super.mount(t);
   }
 }
 export {
-  g as KeyframeResolver,
-  S as flushKeyframeResolvers
+  A as SVGVisualElement
 };
 //# sourceMappingURL=visualization.es308.js.map

package/dist/visualization.es308.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es308.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs"],"sourcesContent":["import { fillWildcards } from './utils/fill-wildcards.mjs';\nimport { removeNonTranslationalTransform } from './utils/unit-conversion.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst toResolve = new Set();\nlet isScheduled = false;\nlet anyNeedsMeasurement = false;\nlet isForced = false;\nfunction measureAllKeyframes() {\n    if (anyNeedsMeasurement) {\n        const resolversToMeasure = Array.from(toResolve).filter((resolver) => resolver.needsMeasurement);\n        const elementsToMeasure = new Set(resolversToMeasure.map((resolver) => resolver.element));\n        const transformsToRestore = new Map();\n        /**\n         * Write pass\n         * If we're measuring elements we want to remove bounding box-changing transforms.\n         */\n        elementsToMeasure.forEach((element) => {\n            const removedTransforms = removeNonTranslationalTransform(element);\n            if (!removedTransforms.length)\n                return;\n            transformsToRestore.set(element, removedTransforms);\n            element.render();\n        });\n        // Read\n        resolversToMeasure.forEach((resolver) => resolver.measureInitialState());\n        // Write\n        elementsToMeasure.forEach((element) => {\n            element.render();\n            const restore = transformsToRestore.get(element);\n            if (restore) {\n                restore.forEach(([key, value]) => {\n                    element.getValue(key)?.set(value);\n                });\n            }\n        });\n        // Read\n        resolversToMeasure.forEach((resolver) => resolver.measureEndState());\n        // Write\n        resolversToMeasure.forEach((resolver) => {\n            if (resolver.suspendedScrollY !== undefined) {\n                window.scrollTo(0, resolver.suspendedScrollY);\n            }\n        });\n    }\n    anyNeedsMeasurement = false;\n    isScheduled = false;\n    toResolve.forEach((resolver) => resolver.complete(isForced));\n    toResolve.clear();\n}\nfunction readAllKeyframes() {\n    toResolve.forEach((resolver) => {\n        resolver.readKeyframes();\n        if (resolver.needsMeasurement) {\n            anyNeedsMeasurement = true;\n        }\n    });\n}\nfunction flushKeyframeResolvers() {\n    isForced = true;\n    readAllKeyframes();\n    measureAllKeyframes();\n    isForced = false;\n}\nclass KeyframeResolver {\n    constructor(unresolvedKeyframes, onComplete, name, motionValue, element, isAsync = false) {\n        this.state = \"pending\";\n        /**\n         * Track whether this resolver is async. If it is, it'll be added to the\n         * resolver queue and flushed in the next frame. Resolvers that aren't going\n         * to trigger read/write thrashing don't need to be async.\n         */\n        this.isAsync = false;\n        /**\n         * Track whether this resolver needs to perform a measurement\n         * to resolve its keyframes.\n         */\n        this.needsMeasurement = false;\n        this.unresolvedKeyframes = [...unresolvedKeyframes];\n        this.onComplete = onComplete;\n        this.name = name;\n        this.motionValue = motionValue;\n        this.element = element;\n        this.isAsync = isAsync;\n    }\n    scheduleResolve() {\n        this.state = \"scheduled\";\n        if (this.isAsync) {\n            toResolve.add(this);\n            if (!isScheduled) {\n                isScheduled = true;\n                frame.read(readAllKeyframes);\n                frame.resolveKeyframes(measureAllKeyframes);\n            }\n        }\n        else {\n            this.readKeyframes();\n            this.complete();\n        }\n    }\n    readKeyframes() {\n        const { unresolvedKeyframes, name, element, motionValue } = this;\n        // If initial keyframe is null we need to read it from the DOM\n        if (unresolvedKeyframes[0] === null) {\n            const currentValue = motionValue?.get();\n            // TODO: This doesn't work if the final keyframe is a wildcard\n            const finalKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];\n            if (currentValue !== undefined) {\n                unresolvedKeyframes[0] = currentValue;\n            }\n            else if (element && name) {\n                const valueAsRead = element.readValue(name, finalKeyframe);\n                if (valueAsRead !== undefined && valueAsRead !== null) {\n                    unresolvedKeyframes[0] = valueAsRead;\n                }\n            }\n            if (unresolvedKeyframes[0] === undefined) {\n                unresolvedKeyframes[0] = finalKeyframe;\n            }\n            if (motionValue && currentValue === undefined) {\n                motionValue.set(unresolvedKeyframes[0]);\n            }\n        }\n        fillWildcards(unresolvedKeyframes);\n    }\n    setFinalKeyframe() { }\n    measureInitialState() { }\n    renderEndStyles() { }\n    measureEndState() { }\n    complete(isForcedComplete = false) {\n        this.state = \"complete\";\n        this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, isForcedComplete);\n        toResolve.delete(this);\n    }\n    cancel() {\n        if (this.state === \"scheduled\") {\n            toResolve.delete(this);\n            this.state = \"pending\";\n        }\n    }\n    resume() {\n        if (this.state === \"pending\")\n            this.scheduleResolve();\n    }\n}\n\nexport { KeyframeResolver, flushKeyframeResolvers };\n//# sourceMappingURL=KeyframesResolver.mjs.map\n"],"names":["toResolve","isScheduled","anyNeedsMeasurement","isForced","measureAllKeyframes","resolversToMeasure","resolver","elementsToMeasure","transformsToRestore","element","removedTransforms","removeNonTranslationalTransform","restore","key","value","readAllKeyframes","flushKeyframeResolvers","KeyframeResolver","unresolvedKeyframes","onComplete","name","motionValue","isAsync","frame","currentValue","finalKeyframe","valueAsRead","fillWildcards","isForcedComplete"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es308.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { transformProps } from '../utils/keys-transform.mjs';\nimport { getDefaultValueType } from '../../value/types/maps/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"svg\";\n        this.isSVGTag = false;\n        this.measureInstanceViewportBox = createBox;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n    build(renderState, latestValues, props) {\n        buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate, props.style);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n//# sourceMappingURL=SVGVisualElement.mjs.map\n"],"names":["SVGVisualElement","DOMVisualElement","createBox","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","prevProps","visualElement","scrapeMotionValuesFromProps","renderState","latestValues","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":";;;;;;;;;;AAWA,MAAMA,UAAyBC,EAAiB;AAAA,EAC5C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,OACZ,KAAK,WAAW,IAChB,KAAK,6BAA6BC;AAAA,EACtC;AAAA,EACA,uBAAuBC,GAAOC,GAAK;AAC/B,WAAOD,EAAMC,CAAG;AAAA,EACpB;AAAA,EACA,sBAAsBC,GAAUD,GAAK;AACjC,QAAIE,EAAe,IAAIF,CAAG,GAAG;AACzB,YAAMG,IAAcC,EAAoBJ,CAAG;AAC3C,aAAOG,KAAcA,EAAY,WAAW;AAAA,IAChD;AACA,WAAAH,IAAOK,EAAoB,IAAIL,CAAG,IAAuBA,IAAnBM,EAAYN,CAAG,GAC9CC,EAAS,aAAaD,CAAG;AAAA,EACpC;AAAA,EACA,4BAA4BD,GAAOQ,GAAWC,GAAe;AACzD,WAAOC,EAA4BV,GAAOQ,GAAWC,CAAa;AAAA,EACtE;AAAA,EACA,MAAME,GAAaC,GAAcZ,GAAO;AACpC,IAAAa,EAAcF,GAAaC,GAAc,KAAK,UAAUZ,EAAM,mBAAmBA,EAAM,KAAK;AAAA,EAChG;AAAA,EACA,eAAeE,GAAUS,GAAaG,GAAWC,GAAY;AACzD,IAAAC,EAAUd,GAAUS,GAAaG,GAAWC,CAAU;AAAA,EAC1D;AAAA,EACA,MAAMb,GAAU;AACZ,SAAK,WAAWe,EAASf,EAAS,OAAO,GACzC,MAAM,MAAMA,CAAQ;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es309.js

@@ -1,39 +1,38 @@
-import { time as p } from "./visualization.es305.js";
-import { setStyle as c } from "./visualization.es328.js";
-import { JSAnimation as f } from "./visualization.es306.js";
-import { NativeAnimation as u } from "./visualization.es327.js";
-import { replaceTransitionType as d } from "./visualization.es322.js";
-import { replaceStringEasing as h } from "./visualization.es332.js";
-import { clamp as T } from "./visualization.es326.js";
-const o = 10;
-class N extends u {
-  constructor(t) {
-    h(t), d(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
+import { isCSSVariableName as s } from "./visualization.es351.js";
+import { transformProps as n } from "./visualization.es354.js";
+import { defaultTransformValue as a, readTransformValue as i } from "./visualization.es409.js";
+import { measureViewportBox as u } from "./visualization.es453.js";
+import { DOMVisualElement as p } from "./visualization.es452.js";
+import { buildHTMLStyles as l } from "./visualization.es454.js";
+import { renderHTML as f } from "./visualization.es455.js";
+import { scrapeMotionValuesFromProps as c } from "./visualization.es456.js";
+function d(m) {
+  return window.getComputedStyle(m);
+}
+class x extends p {
+  constructor() {
+    super(...arguments), this.type = "html", this.renderInstance = f;
   }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
-   *
-   * Rather than read committed styles back out of the DOM, we can
-   * create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to calculate velocity for any subsequent animation.
-   */
-  updateMotionValue(t) {
-    const { motionValue: e, onUpdate: y, onComplete: A, element: m, ...l } = this.options;
-    if (!e)
-      return;
-    if (t !== void 0) {
-      e.set(t);
-      return;
+  readValueFromInstance(e, r) {
+    if (n.has(r))
+      return this.projection?.isProjecting ? a(r) : i(e, r);
+    {
+      const t = d(e), o = (s(r) ? t.getPropertyValue(r) : t[r]) || 0;
+      return typeof o == "string" ? o.trim() : o;
     }
-    const i = new f({
-      ...l,
-      autoplay: !1
-    }), a = Math.max(o, p.now() - this.startTime), n = T(0, o, a - o), r = i.sample(a).value, { name: s } = this.options;
-    m && s && c(m, s, r), e.setWithVelocity(i.sample(Math.max(0, a - n)).value, r, n), i.stop();
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: r }) {
+    return u(e, r);
+  }
+  build(e, r, t) {
+    l(e, r, t.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, r, t) {
+    return c(e, r, t);
   }
 }
 export {
-  N as NativeAnimationExtended
+  x as HTMLVisualElement,
+  d as getComputedStyle
 };
 //# sourceMappingURL=visualization.es309.js.map

package/dist/visualization.es309.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es309.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { setStyle } from '../render/dom/style-set.mjs';\nimport { JSAnimation } from './JSAnimation.mjs';\nimport { NativeAnimation } from './NativeAnimation.mjs';\nimport { replaceTransitionType } from './utils/replace-transition-type.mjs';\nimport { replaceStringEasing } from './waapi/utils/unsupported-easing.mjs';\n\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\nclass NativeAnimationExtended extends NativeAnimation {\n    constructor(options) {\n        /**\n         * The base NativeAnimation function only supports a subset\n         * of Motion easings, and WAAPI also only supports some\n         * easing functions via string/cubic-bezier definitions.\n         *\n         * This function replaces those unsupported easing functions\n         * with a JS easing function. This will later get compiled\n         * to a linear() easing function.\n         */\n        replaceStringEasing(options);\n        /**\n         * Ensure we replace the transition type with a generator function\n         * before passing to WAAPI.\n         *\n         * TODO: Does this have a better home? It could be shared with\n         * JSAnimation.\n         */\n        replaceTransitionType(options);\n        super(options);\n        /**\n         * Only set startTime when the animation should autoplay.\n         * Setting startTime on a paused WAAPI animation unpauses it\n         * (per the WAAPI spec), which breaks autoplay: false.\n         */\n        if (options.startTime !== undefined && options.autoplay !== false) {\n            this.startTime = options.startTime;\n        }\n        this.options = options;\n    }\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * Rather than read committed styles back out of the DOM, we can\n     * create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to calculate velocity for any subsequent animation.\n     */\n    updateMotionValue(value) {\n        const { motionValue, onUpdate, onComplete, element, ...options } = this.options;\n        if (!motionValue)\n            return;\n        if (value !== undefined) {\n            motionValue.set(value);\n            return;\n        }\n        const sampleAnimation = new JSAnimation({\n            ...options,\n            autoplay: false,\n        });\n        /**\n         * Use wall-clock elapsed time for sampling.\n         * Under CPU load, WAAPI's currentTime may not reflect actual\n         * elapsed time, causing incorrect sampling and visual jumps.\n         */\n        const sampleTime = Math.max(sampleDelta, time.now() - this.startTime);\n        const delta = clamp(0, sampleDelta, sampleTime - sampleDelta);\n        const current = sampleAnimation.sample(sampleTime).value;\n        /**\n         * Write the estimated value to inline style so it persists\n         * after cancel(), covering the async gap before the next\n         * animation starts.\n         */\n        const { name } = this.options;\n        if (element && name)\n            setStyle(element, name, current);\n        motionValue.setWithVelocity(sampleAnimation.sample(Math.max(0, sampleTime - delta)).value, current, delta);\n        sampleAnimation.stop();\n    }\n}\n\nexport { NativeAnimationExtended };\n//# sourceMappingURL=NativeAnimationExtended.mjs.map\n"],"names":["sampleDelta","NativeAnimationExtended","NativeAnimation","options","replaceStringEasing","replaceTransitionType","value","motionValue","onUpdate","onComplete","element","sampleAnimation","JSAnimation","sampleTime","time","delta","clamp","current","name","setStyle"],"mappings":";;;;;;;AAaA,MAAMA,IAAc;AACpB,MAAMC,UAAgCC,EAAgB;AAAA,EAClD,YAAYC,GAAS;AAUjB,IAAAC,EAAoBD,CAAO,GAQ3BE,EAAsBF,CAAO,GAC7B,MAAMA,CAAO,GAMTA,EAAQ,cAAc,UAAaA,EAAQ,aAAa,OACxD,KAAK,YAAYA,EAAQ,YAE7B,KAAK,UAAUA;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,kBAAkBG,GAAO;AACrB,UAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,GAAGP,EAAO,IAAK,KAAK;AACxE,QAAI,CAACI;AACD;AACJ,QAAID,MAAU,QAAW;AACrB,MAAAC,EAAY,IAAID,CAAK;AACrB;AAAA,IACJ;AACA,UAAMK,IAAkB,IAAIC,EAAY;AAAA,MACpC,GAAGT;AAAA,MACH,UAAU;AAAA,IACtB,CAAS,GAMKU,IAAa,KAAK,IAAIb,GAAac,EAAK,IAAG,IAAK,KAAK,SAAS,GAC9DC,IAAQC,EAAM,GAAGhB,GAAaa,IAAab,CAAW,GACtDiB,IAAUN,EAAgB,OAAOE,CAAU,EAAE,OAM7C,EAAE,MAAAK,MAAS,KAAK;AACtB,IAAIR,KAAWQ,KACXC,EAAST,GAASQ,GAAMD,CAAO,GACnCV,EAAY,gBAAgBI,EAAgB,OAAO,KAAK,IAAI,GAAGE,IAAaE,CAAK,CAAC,EAAE,OAAOE,GAASF,CAAK,GACzGJ,EAAgB,KAAI;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es309.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { transformProps } from '../utils/keys-transform.mjs';\nimport { defaultTransformValue, readTransformValue } from '../dom/parse-transform.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"html\";\n        this.renderInstance = renderHTML;\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            return this.projection?.isProjecting\n                ? defaultTransformValue(key)\n                : readTransformValue(instance, key);\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, props) {\n        buildHTMLStyles(renderState, latestValues, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n//# sourceMappingURL=HTMLVisualElement.mjs.map\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","renderHTML","instance","key","transformProps","defaultTransformValue","readTransformValue","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","props","buildHTMLStyles","prevProps","visualElement","scrapeMotionValuesFromProps"],"mappings":";;;;;;;;AASA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,QACZ,KAAK,iBAAiBC;AAAA,EAC1B;AAAA,EACA,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG;AACtB,aAAO,KAAK,YAAY,eAClBE,EAAsBF,CAAG,IACzBG,EAAmBJ,GAAUC,CAAG;AAErC;AACD,YAAMI,IAAgBV,EAAiBK,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACtD;AAAA,EACJ;AAAA,EACA,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EAC1D;AAAA,EACA,MAAME,GAAaC,GAAcC,GAAO;AACpC,IAAAC,EAAgBH,GAAaC,GAAcC,EAAM,iBAAiB;AAAA,EACtE;AAAA,EACA,4BAA4BA,GAAOE,GAAWC,GAAe;AACzD,WAAOC,EAA4BJ,GAAOE,GAAWC,CAAa;AAAA,EACtE;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es31.js

@@ -1,47 +1,151 @@
-import { forwardRef as m } from "react";
-import u from "./visualization.es144.js";
-import { jsx as c } from "react/jsx-runtime";
-const x = {
-  position: "absolute",
-  backgroundColor: "white",
-  color: "#666666",
-  padding: "0.3rem 0.5rem",
-  borderRadius: "3px",
-  fontSize: "14px",
-  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
-  lineHeight: "1em",
-  pointerEvents: "none"
-}, y = /* @__PURE__ */ m((s, r) => {
-  let {
-    className: i,
-    top: o,
-    left: e,
-    offsetLeft: t = 10,
-    offsetTop: l = 10,
-    style: p = x,
-    children: n,
-    unstyled: a = !1,
-    applyPositionStyle: f = !1,
-    ...d
-  } = s;
-  return /* @__PURE__ */ c("div", {
-    ref: r,
-    className: u("visx-tooltip", i),
+import p from "./visualization.es102.js";
+import w from "./visualization.es103.js";
+import { easeOut as S } from "./visualization.es104.js";
+function P(t, n = "scatterPlot.png", e = window.devicePixelRatio || 2) {
+  if (!t) return;
+  const i = t.getBoundingClientRect(), o = Math.ceil(Math.max(i.width, i.height));
+  w.toPng(t, {
+    width: o * e,
+    height: o * e,
     style: {
-      top: o == null || l == null ? o : o + l,
-      left: e == null || t == null ? e : e + t,
-      ...f && {
-        position: "absolute"
-      },
-      ...!a && p
-    },
-    ...d,
-    children: n
+      transform: `scale(${e})`,
+      transformOrigin: "top left",
+      width: `${o}px`,
+      height: `${o}px`,
+      overflow: "visible"
+    }
+  }).then((a) => {
+    p(a, n, "image/png");
+  }).catch((a) => {
+    console.error("Download failed:", a);
+  });
+}
+function O(t, n = "scatterPlot.svg") {
+  t && w.toSvg(t).then((e) => {
+    p(e, n, "image/svg+xml");
+  }).catch((e) => {
+    console.error("SVG download failed:", e);
   });
-});
-y.displayName = "Tooltip";
+}
+function x(t, n) {
+  const e = URL.createObjectURL(t), i = document.createElement("a");
+  i.href = e, i.download = n, i.click(), URL.revokeObjectURL(e);
+}
+function b(t, n = "chart.svg") {
+  const i = new XMLSerializer().serializeToString(t);
+  x(new Blob([i], {
+    type: "image/svg+xml;charset=utf-8"
+  }), n);
+}
+const d = 16384, M = d * d;
+function z(t, n = "chart.png", e = window.devicePixelRatio || 2, i) {
+  const a = new XMLSerializer().serializeToString(t), v = new Blob([a], {
+    type: "image/svg+xml;charset=utf-8"
+  }), u = URL.createObjectURL(v), c = new Image();
+  c.onload = () => {
+    const s = document.createElement("canvas"), m = t.clientWidth || 800, g = t.clientHeight || 600, l = Math.min(e, d / m, d / g, Math.sqrt(M / (m * g)));
+    s.width = Math.max(1, Math.round(m * l)), s.height = Math.max(1, Math.round(g * l));
+    const r = s.getContext("2d");
+    r && (r.setTransform(l, 0, 0, l, 0, 0), r.imageSmoothingEnabled = !0, r.imageSmoothingQuality = "high", r.drawImage(c, 0, 0), URL.revokeObjectURL(u), s.toBlob(
+      (f) => {
+        f && x(f, n);
+      },
+      "image/png",
+      1
+      // max quality
+    ));
+  }, c.onerror = () => i?.(!1), c.src = u;
+}
+let h = null;
+function T(t, n, e) {
+  h || (h = document.createElement("canvas"));
+  const i = h.getContext("2d");
+  return i ? (i.font = `${n}px ${e}`, i.measureText(t).width) : 0;
+}
+const y = 1, U = (t, n, e = 0.03) => {
+  if (!t) return {};
+  const i = Math.min(n * e, y), o = {
+    transition: {
+      duration: 0.4,
+      delay: i,
+      ease: S
+    }
+  };
+  switch (t) {
+    case "fade":
+      return {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        ...o
+      };
+    case "scale":
+      return {
+        initial: {
+          opacity: 0,
+          scale: 0.8
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        ...o
+      };
+    case "slideUp":
+      return {
+        initial: {
+          opacity: 0,
+          y: 20
+        },
+        animate: {
+          opacity: 1,
+          y: 0
+        },
+        ...o
+      };
+    case "slideRight":
+      return {
+        initial: {
+          opacity: 0,
+          x: -20
+        },
+        animate: {
+          opacity: 1,
+          x: 0
+        },
+        ...o
+      };
+    case "pop":
+      return {
+        initial: {
+          scale: 0
+        },
+        animate: {
+          scale: 1
+        },
+        transition: {
+          type: "spring",
+          stiffness: 150,
+          damping: 12,
+          delay: i
+        }
+      };
+    default:
+      return {};
+  }
+};
 export {
-  y as default,
-  x as defaultStyles
+  d as MAX_CANVAS_EXPORT_DIMENSION,
+  M as MAX_CANVAS_EXPORT_PIXELS,
+  b as downloadAsSVG,
+  x as downloadBlob,
+  P as downloadDivAsPNG,
+  O as downloadDivAsSVG,
+  z as downloadSVGAsPNG,
+  U as getAnimationProps,
+  T as measureTextWidth
 };
 //# sourceMappingURL=visualization.es31.js.map

package/dist/visualization.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es31.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '0.3rem 0.5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nconst Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {\n  let {\n    className,\n    top,\n    left,\n    offsetLeft = 10,\n    offsetTop = 10,\n    style = defaultStyles,\n    children,\n    unstyled = false,\n    applyPositionStyle = false,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: {\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft,\n      ...(applyPositionStyle && {\n        position: 'absolute'\n      }),\n      ...(!unstyled && style)\n    },\n    ...restProps,\n    children: children\n  });\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["defaultStyles","Tooltip","forwardRef","_ref","ref","className","top","left","offsetLeft","offsetTop","style","children","unstyled","applyPositionStyle","restProps","_jsx","cx"],"mappings":";;;AAGY,MAACA,IAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACMC,IAAuB,gBAAAC,EAAW,CAACC,GAAMC,MAAQ;AACrD,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQV;AAAA,IACR,UAAAW;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,GAAGC;AAAA,EACP,IAAMX;AACJ,SAAoBY,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKX;AAAA,IACL,WAAWY,EAAG,gBAAgBX,CAAS;AAAA,IACvC,OAAO;AAAA,MACL,KAAKC,KAAO,QAAQG,KAAa,OAAOH,IAAMA,IAAMG;AAAA,MACpD,MAAMF,KAAQ,QAAQC,KAAc,OAAOD,IAAOA,IAAOC;AAAA,MACzD,GAAIK,KAAsB;AAAA,QACxB,UAAU;AAAA,MAClB;AAAA,MACM,GAAI,CAACD,KAAYF;AAAA,IACvB;AAAA,IACI,GAAGI;AAAA,IACH,UAAUH;AAAA,EACd,CAAG;AACH,CAAC;AACDV,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es31.js","sources":["../src/utility.ts"],"sourcesContent":["import downloadjs from 'downloadjs';\nimport domtoimage from 'dom-to-image';\nimport { easeOut, Transition } from \"framer-motion\";\n\nexport type AnimationType = \"fade\" | \"scale\" | \"slideUp\" | \"slideRight\" | \"pop\";\n\nexport interface DownloadPlotHandle {\n  // May return a Promise: callers driving a loading indicator (e.g. DownloadModal) await it to\n  // keep the indicator up for as long as the export actually takes.\n  downloadSVG: () => void | Promise<void>;\n  downloadPNG: () => void | Promise<void>;\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsPNG(\n    target: HTMLElement | null,\n    filename = \"scatterPlot.png\",\n    scale = window.devicePixelRatio || 2\n) {\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const size = Math.ceil(Math.max(rect.width, rect.height));\n\n    domtoimage\n        .toPng(target, {\n            width: size * scale,\n            height: size * scale,\n            style: {\n                transform: `scale(${scale})`,\n                transformOrigin: \"top left\",\n                width: `${size}px`,\n                height: `${size}px`,\n                overflow: \"visible\",\n            },\n        })\n        .then((dataUrl) => {\n            downloadjs(dataUrl, filename, \"image/png\");\n        })\n        .catch((error) => {\n            console.error(\"Download failed:\", error);\n        });\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsSVG(\n    target: HTMLElement | null,\n    filename: string = 'scatterPlot.svg'\n) {\n    if (!target) return;\n\n    domtoimage\n        .toSvg(target)\n        .then((dataUrl) => {\n            // Convert the returned SVG data URL into a downloadable file\n            downloadjs(dataUrl, filename, 'image/svg+xml');\n        })\n        .catch((error) => {\n            console.error('SVG download failed:', error);\n        });\n}\n\n/**\n * Triggers a browser download of an already-built blob via a throwaway <a download> click.\n */\nexport function downloadBlob(blob: Blob, fileName: string) {\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = fileName;\n    link.click();\n    URL.revokeObjectURL(url);\n}\n\n/**\n * Downloads an SVG element as an .svg file\n */\nexport function downloadAsSVG(svgElement: SVGSVGElement, fileName = \"chart.svg\") {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n    downloadBlob(new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" }), fileName);\n}\n\n// Browsers silently produce a blank canvas (rather than throwing) once a canvas's pixel\n// dimensions or total area get too large - the exact threshold varies by browser, so this stays\n// comfortably under the tightest known limits rather than the most permissive one.\nexport const MAX_CANVAS_EXPORT_DIMENSION = 16384;\nexport const MAX_CANVAS_EXPORT_PIXELS = MAX_CANVAS_EXPORT_DIMENSION * MAX_CANVAS_EXPORT_DIMENSION;\n\n/**\n * Converts an SVG element to PNG and downloads it. svgElement must be attached to the document\n * (clientWidth/clientHeight are read from its layout box) for the whole duration of the export -\n * if the caller only needs it attached for this call (e.g. an off-screen node built just for\n * export), pass onComplete to know when it's safe to detach/remove it. onComplete receives\n * whether the download actually succeeded, so callers can surface a failure if they care to -\n * it's called the same way (once, eventually) on every path either way.\n */\nexport function downloadSVGAsPNG(svgElement: SVGSVGElement, fileName = \"chart.png\", scale = window.devicePixelRatio || 2, onComplete?: (success: boolean) => void) {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n    const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(svgBlob);\n\n    const img = new Image();\n    img.onload = () => {\n        const canvas = document.createElement(\"canvas\");\n        const width = svgElement.clientWidth || 800;\n        const height = svgElement.clientHeight || 600;\n        // A very large source (e.g. a full-content export of a big scrollable heatmap) can\n        // otherwise ask for a canvas past what the browser will actually allocate - clamp the\n        // scale down (never up) so the output always fits within a safe pixel budget.\n        const clampedScale = Math.min(\n            scale,\n            MAX_CANVAS_EXPORT_DIMENSION / width,\n            MAX_CANVAS_EXPORT_DIMENSION / height,\n            Math.sqrt(MAX_CANVAS_EXPORT_PIXELS / (width * height))\n        );\n        canvas.width = Math.max(1, Math.round(width * clampedScale));\n        canvas.height = Math.max(1, Math.round(height * clampedScale));\n\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n            onComplete?.(false);\n            return;\n        }\n\n        // Ensure sharp scaling\n        ctx.setTransform(clampedScale, 0, 0, clampedScale, 0, 0);\n        ctx.imageSmoothingEnabled = true;\n        ctx.imageSmoothingQuality = \"high\";\n\n        ctx.drawImage(img, 0, 0);\n        URL.revokeObjectURL(url);\n\n        canvas.toBlob((blob) => {\n            if (blob) downloadBlob(blob, fileName);\n            onComplete?.(!!blob);\n        }, \"image/png\",\n            1, // max quality\n        );\n    };\n    img.onerror = () => onComplete?.(false);\n\n    img.src = url;\n}\n\nlet measureTextCanvas: HTMLCanvasElement | null = null;\n\n/**\n * Measures the rendered width of a string without touching the DOM (no layout/reflow).\n */\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string): number {\n    if (!measureTextCanvas) {\n        measureTextCanvas = document.createElement(\"canvas\");\n    }\n    const ctx = measureTextCanvas.getContext(\"2d\");\n    if (!ctx) return 0;\n\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n// Maximum stagger delay (in seconds) regardless of how many bars are being animated\nconst MAX_ANIMATION_DELAY = 1;\n\nexport const getAnimationProps = (type: AnimationType | undefined, index: number, buffer = .03) => {\n    if (!type) return {};\n\n    const delay = Math.min(index * buffer, MAX_ANIMATION_DELAY);\n\n    // Reusable transition object, typed properly\n    const common: { transition: Transition } = {\n        transition: { duration: 0.4, delay, ease: easeOut },\n    };\n\n    switch (type) {\n        case \"fade\":\n            return { initial: { opacity: 0 }, animate: { opacity: 1 }, ...common };\n        case \"scale\":\n            return { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, ...common };\n        case \"slideUp\":\n            return { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, ...common };\n        case \"slideRight\":\n            return { initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, ...common };\n        case \"pop\":\n            const spring: Transition = {\n                type: \"spring\" as const,\n                stiffness: 150,\n                damping: 12,\n                delay,\n            };\n            return {\n                initial: { scale: 0 },\n                animate: { scale: 1 },\n                transition: spring,\n            };\n        default:\n            return {};\n    }\n};\n\n"],"names":["downloadDivAsPNG","target","filename","scale","window","devicePixelRatio","rect","getBoundingClientRect","size","Math","ceil","max","width","height","domtoimage","toPng","style","transform","transformOrigin","overflow","then","dataUrl","downloadjs","catch","error","console","downloadDivAsSVG","toSvg","downloadBlob","blob","fileName","url","URL","createObjectURL","link","document","createElement","href","download","click","revokeObjectURL","downloadAsSVG","svgElement","svgString","XMLSerializer","serializeToString","Blob","type","MAX_CANVAS_EXPORT_DIMENSION","MAX_CANVAS_EXPORT_PIXELS","downloadSVGAsPNG","onComplete","svgBlob","img","Image","onload","canvas","clientWidth","clientHeight","clampedScale","min","sqrt","round","ctx","getContext","setTransform","imageSmoothingEnabled","imageSmoothingQuality","drawImage","toBlob","onerror","src","measureTextCanvas","measureTextWidth","text","fontSize","fontFamily","font","measureText","MAX_ANIMATION_DELAY","getAnimationProps","index","buffer","delay","common","transition","duration","ease","easeOut","initial","opacity","animate","y","x","stiffness","damping","spring"],"mappings":"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"}