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

package/dist/visualization.es354.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es354.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs"],"sourcesContent":["import { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { findDimensionValueType } from '../../value/types/dimensions.mjs';\nimport { getVariableValue } from '../utils/css-variables-conversion.mjs';\nimport { isCSSVariableToken, containsCSSVariable } from '../utils/is-css-variable.mjs';\nimport { KeyframeResolver } from './KeyframesResolver.mjs';\nimport { isNone } from './utils/is-none.mjs';\nimport { makeNoneKeyframesAnimatable } from './utils/make-none-animatable.mjs';\nimport { positionalValues, isNumOrPxType } from './utils/unit-conversion.mjs';\n\nclass DOMKeyframesResolver extends KeyframeResolver {\n    constructor(unresolvedKeyframes, onComplete, name, motionValue, element) {\n        super(unresolvedKeyframes, onComplete, name, motionValue, element, true);\n    }\n    readKeyframes() {\n        const { unresolvedKeyframes, element, name } = this;\n        if (!element || !element.current)\n            return;\n        super.readKeyframes();\n        /**\n         * If any keyframe is a CSS variable, we need to find its value by sampling the element\n         */\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            let keyframe = unresolvedKeyframes[i];\n            if (typeof keyframe === \"string\") {\n                keyframe = keyframe.trim();\n                if (isCSSVariableToken(keyframe)) {\n                    const resolved = getVariableValue(keyframe, element.current);\n                    if (resolved !== undefined) {\n                        unresolvedKeyframes[i] = resolved;\n                    }\n                    if (i === unresolvedKeyframes.length - 1) {\n                        this.finalKeyframe = keyframe;\n                    }\n                }\n            }\n        }\n        /**\n         * Resolve \"none\" values. We do this potentially twice - once before and once after measuring keyframes.\n         * This could be seen as inefficient but it's a trade-off to avoid measurements in more situations, which\n         * have a far bigger performance impact.\n         */\n        this.resolveNoneKeyframes();\n        /**\n         * Check to see if unit type has changed. If so schedule jobs that will\n         * temporarily set styles to the destination keyframes.\n         * Skip if we have more than two keyframes or this isn't a positional value.\n         * TODO: We can throw if there are multiple keyframes and the value type changes.\n         */\n        if (!positionalKeys.has(name) || unresolvedKeyframes.length !== 2) {\n            return;\n        }\n        const [origin, target] = unresolvedKeyframes;\n        const originType = findDimensionValueType(origin);\n        const targetType = findDimensionValueType(target);\n        /**\n         * If one keyframe contains embedded CSS variables (e.g. in calc()) and the other\n         * doesn't, we need to measure to convert to pixels. This handles GitHub issue #3410.\n         */\n        const originHasVar = containsCSSVariable(origin);\n        const targetHasVar = containsCSSVariable(target);\n        if (originHasVar !== targetHasVar && positionalValues[name]) {\n            this.needsMeasurement = true;\n            return;\n        }\n        /**\n         * Either we don't recognise these value types or we can animate between them.\n         */\n        if (originType === targetType)\n            return;\n        /**\n         * If both values are numbers or pixels, we can animate between them by\n         * converting them to numbers.\n         */\n        if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {\n            for (let i = 0; i < unresolvedKeyframes.length; i++) {\n                const value = unresolvedKeyframes[i];\n                if (typeof value === \"string\") {\n                    unresolvedKeyframes[i] = parseFloat(value);\n                }\n            }\n        }\n        else if (positionalValues[name]) {\n            /**\n             * Else, the only way to resolve this is by measuring the element.\n             */\n            this.needsMeasurement = true;\n        }\n    }\n    resolveNoneKeyframes() {\n        const { unresolvedKeyframes, name } = this;\n        const noneKeyframeIndexes = [];\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            if (unresolvedKeyframes[i] === null ||\n                isNone(unresolvedKeyframes[i])) {\n                noneKeyframeIndexes.push(i);\n            }\n        }\n        if (noneKeyframeIndexes.length) {\n            makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name);\n        }\n    }\n    measureInitialState() {\n        const { element, unresolvedKeyframes, name } = this;\n        if (!element || !element.current)\n            return;\n        if (name === \"height\") {\n            this.suspendedScrollY = window.pageYOffset;\n        }\n        this.measuredOrigin = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        unresolvedKeyframes[0] = this.measuredOrigin;\n        // Set final key frame to measure after next render\n        const measureKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];\n        if (measureKeyframe !== undefined) {\n            element.getValue(name, measureKeyframe).jump(measureKeyframe, false);\n        }\n    }\n    measureEndState() {\n        const { element, name, unresolvedKeyframes } = this;\n        if (!element || !element.current)\n            return;\n        const value = element.getValue(name);\n        value && value.jump(this.measuredOrigin, false);\n        const finalKeyframeIndex = unresolvedKeyframes.length - 1;\n        const finalKeyframe = unresolvedKeyframes[finalKeyframeIndex];\n        unresolvedKeyframes[finalKeyframeIndex] = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        if (finalKeyframe !== null && this.finalKeyframe === undefined) {\n            this.finalKeyframe = finalKeyframe;\n        }\n        // If we removed transform values, reapply them before the next render\n        if (this.removedTransforms?.length) {\n            this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {\n                element\n                    .getValue(unsetTransformName)\n                    .set(unsetTransformValue);\n            });\n        }\n        this.resolveNoneKeyframes();\n    }\n}\n\nexport { DOMKeyframesResolver };\n//# sourceMappingURL=DOMKeyframesResolver.mjs.map\n"],"names":["DOMKeyframesResolver","KeyframeResolver","unresolvedKeyframes","onComplete","name","motionValue","element","i","keyframe","isCSSVariableToken","resolved","getVariableValue","positionalKeys","origin","target","originType","findDimensionValueType","targetType","originHasVar","containsCSSVariable","targetHasVar","positionalValues","isNumOrPxType","value","noneKeyframeIndexes","isNone","makeNoneKeyframesAnimatable","measureKeyframe","finalKeyframeIndex","finalKeyframe","unsetTransformName","unsetTransformValue"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es354.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]}

package/dist/visualization.es355.js

@@ -1,10 +1,7 @@
-import { auto as o } from "./visualization.es416.js";
-import { number as r } from "./visualization.es411.js";
-import { px as m, percent as t, degrees as i, vw as n, vh as p } from "./visualization.es412.js";
-import { testValueType as s } from "./visualization.es417.js";
-const f = [r, m, t, i, n, p, o], l = (e) => f.find(s(e));
+function o(n) {
+  return typeof n == "function" && "applyToOptions" in n;
+}
 export {
-  f as dimensionValueTypes,
-  l as findDimensionValueType
+  o as isGenerator
 };
 //# sourceMappingURL=visualization.es355.js.map

package/dist/visualization.es355.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es355.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/dimensions.mjs"],"sourcesContent":["import { auto } from './auto.mjs';\nimport { number } from './numbers/index.mjs';\nimport { px, percent, degrees, vw, vh } from './numbers/units.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of value types commonly used for dimensions\n */\nconst dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nconst findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));\n\nexport { dimensionValueTypes, findDimensionValueType };\n//# sourceMappingURL=dimensions.mjs.map\n"],"names":["dimensionValueTypes","number","px","percent","degrees","vw","vh","auto","findDimensionValueType","v","testValueType"],"mappings":";;;;AAQK,MAACA,IAAsB,CAACC,GAAQC,GAAIC,GAASC,GAASC,GAAIC,GAAIC,CAAI,GAIjEC,IAAyB,CAACC,MAAMT,EAAoB,KAAKU,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es355.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]}

package/dist/visualization.es356.js

@@ -1,8 +1,69 @@
-import { isZeroValueString as n } from "./visualization.es443.js";
-function t(r) {
-  return typeof r == "number" ? r === 0 : r !== null ? r === "none" || r === "0" || n(r) : !0;
+import { positionalKeys as c } from "./visualization.es341.js";
+import { findDimensionValueType as d } from "./visualization.es357.js";
+import { getVariableValue as g } from "./visualization.es328.js";
+import { isCSSVariableToken as K, containsCSSVariable as h } from "./visualization.es329.js";
+import { KeyframeResolver as v } from "./visualization.es302.js";
+import { isNone as V } from "./visualization.es358.js";
+import { makeNoneKeyframesAnimatable as S } from "./visualization.es359.js";
+import { positionalValues as m, isNumOrPxType as p } from "./visualization.es360.js";
+class M extends v {
+  constructor(e, n, r, t, o) {
+    super(e, n, r, t, o, !0);
+  }
+  readKeyframes() {
+    const { unresolvedKeyframes: e, element: n, name: r } = this;
+    if (!n || !n.current)
+      return;
+    super.readKeyframes();
+    for (let s = 0; s < e.length; s++) {
+      let i = e[s];
+      if (typeof i == "string" && (i = i.trim(), K(i))) {
+        const u = g(i, n.current);
+        u !== void 0 && (e[s] = u), s === e.length - 1 && (this.finalKeyframe = i);
+      }
+    }
+    if (this.resolveNoneKeyframes(), !c.has(r) || e.length !== 2)
+      return;
+    const [t, o] = e, a = d(t), f = d(o), l = h(t), y = h(o);
+    if (l !== y && m[r]) {
+      this.needsMeasurement = !0;
+      return;
+    }
+    if (a !== f)
+      if (p(a) && p(f))
+        for (let s = 0; s < e.length; s++) {
+          const i = e[s];
+          typeof i == "string" && (e[s] = parseFloat(i));
+        }
+      else m[r] && (this.needsMeasurement = !0);
+  }
+  resolveNoneKeyframes() {
+    const { unresolvedKeyframes: e, name: n } = this, r = [];
+    for (let t = 0; t < e.length; t++)
+      (e[t] === null || V(e[t])) && r.push(t);
+    r.length && S(e, r, n);
+  }
+  measureInitialState() {
+    const { element: e, unresolvedKeyframes: n, name: r } = this;
+    if (!e || !e.current)
+      return;
+    r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = m[r](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    const t = n[n.length - 1];
+    t !== void 0 && e.getValue(r, t).jump(t, !1);
+  }
+  measureEndState() {
+    const { element: e, name: n, unresolvedKeyframes: r } = this;
+    if (!e || !e.current)
+      return;
+    const t = e.getValue(n);
+    t && t.jump(this.measuredOrigin, !1);
+    const o = r.length - 1, a = r[o];
+    r[o] = m[n](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), this.removedTransforms?.length && this.removedTransforms.forEach(([f, l]) => {
+      e.getValue(f).set(l);
+    }), this.resolveNoneKeyframes();
+  }
 }
 export {
-  t as isNone
+  M as DOMKeyframesResolver
 };
 //# sourceMappingURL=visualization.es356.js.map

package/dist/visualization.es356.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es356.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs"],"sourcesContent":["import { isZeroValueString } from 'motion-utils';\n\nfunction isNone(value) {\n    if (typeof value === \"number\") {\n        return value === 0;\n    }\n    else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value);\n    }\n    else {\n        return true;\n    }\n}\n\nexport { isNone };\n//# sourceMappingURL=is-none.mjs.map\n"],"names":["isNone","value","isZeroValueString"],"mappings":";AAEA,SAASA,EAAOC,GAAO;AACnB,SAAI,OAAOA,KAAU,WACVA,MAAU,IAEZA,MAAU,OACRA,MAAU,UAAUA,MAAU,OAAOC,EAAkBD,CAAK,IAG5D;AAEf;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es356.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs"],"sourcesContent":["import { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { findDimensionValueType } from '../../value/types/dimensions.mjs';\nimport { getVariableValue } from '../utils/css-variables-conversion.mjs';\nimport { isCSSVariableToken, containsCSSVariable } from '../utils/is-css-variable.mjs';\nimport { KeyframeResolver } from './KeyframesResolver.mjs';\nimport { isNone } from './utils/is-none.mjs';\nimport { makeNoneKeyframesAnimatable } from './utils/make-none-animatable.mjs';\nimport { positionalValues, isNumOrPxType } from './utils/unit-conversion.mjs';\n\nclass DOMKeyframesResolver extends KeyframeResolver {\n    constructor(unresolvedKeyframes, onComplete, name, motionValue, element) {\n        super(unresolvedKeyframes, onComplete, name, motionValue, element, true);\n    }\n    readKeyframes() {\n        const { unresolvedKeyframes, element, name } = this;\n        if (!element || !element.current)\n            return;\n        super.readKeyframes();\n        /**\n         * If any keyframe is a CSS variable, we need to find its value by sampling the element\n         */\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            let keyframe = unresolvedKeyframes[i];\n            if (typeof keyframe === \"string\") {\n                keyframe = keyframe.trim();\n                if (isCSSVariableToken(keyframe)) {\n                    const resolved = getVariableValue(keyframe, element.current);\n                    if (resolved !== undefined) {\n                        unresolvedKeyframes[i] = resolved;\n                    }\n                    if (i === unresolvedKeyframes.length - 1) {\n                        this.finalKeyframe = keyframe;\n                    }\n                }\n            }\n        }\n        /**\n         * Resolve \"none\" values. We do this potentially twice - once before and once after measuring keyframes.\n         * This could be seen as inefficient but it's a trade-off to avoid measurements in more situations, which\n         * have a far bigger performance impact.\n         */\n        this.resolveNoneKeyframes();\n        /**\n         * Check to see if unit type has changed. If so schedule jobs that will\n         * temporarily set styles to the destination keyframes.\n         * Skip if we have more than two keyframes or this isn't a positional value.\n         * TODO: We can throw if there are multiple keyframes and the value type changes.\n         */\n        if (!positionalKeys.has(name) || unresolvedKeyframes.length !== 2) {\n            return;\n        }\n        const [origin, target] = unresolvedKeyframes;\n        const originType = findDimensionValueType(origin);\n        const targetType = findDimensionValueType(target);\n        /**\n         * If one keyframe contains embedded CSS variables (e.g. in calc()) and the other\n         * doesn't, we need to measure to convert to pixels. This handles GitHub issue #3410.\n         */\n        const originHasVar = containsCSSVariable(origin);\n        const targetHasVar = containsCSSVariable(target);\n        if (originHasVar !== targetHasVar && positionalValues[name]) {\n            this.needsMeasurement = true;\n            return;\n        }\n        /**\n         * Either we don't recognise these value types or we can animate between them.\n         */\n        if (originType === targetType)\n            return;\n        /**\n         * If both values are numbers or pixels, we can animate between them by\n         * converting them to numbers.\n         */\n        if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {\n            for (let i = 0; i < unresolvedKeyframes.length; i++) {\n                const value = unresolvedKeyframes[i];\n                if (typeof value === \"string\") {\n                    unresolvedKeyframes[i] = parseFloat(value);\n                }\n            }\n        }\n        else if (positionalValues[name]) {\n            /**\n             * Else, the only way to resolve this is by measuring the element.\n             */\n            this.needsMeasurement = true;\n        }\n    }\n    resolveNoneKeyframes() {\n        const { unresolvedKeyframes, name } = this;\n        const noneKeyframeIndexes = [];\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            if (unresolvedKeyframes[i] === null ||\n                isNone(unresolvedKeyframes[i])) {\n                noneKeyframeIndexes.push(i);\n            }\n        }\n        if (noneKeyframeIndexes.length) {\n            makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name);\n        }\n    }\n    measureInitialState() {\n        const { element, unresolvedKeyframes, name } = this;\n        if (!element || !element.current)\n            return;\n        if (name === \"height\") {\n            this.suspendedScrollY = window.pageYOffset;\n        }\n        this.measuredOrigin = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        unresolvedKeyframes[0] = this.measuredOrigin;\n        // Set final key frame to measure after next render\n        const measureKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];\n        if (measureKeyframe !== undefined) {\n            element.getValue(name, measureKeyframe).jump(measureKeyframe, false);\n        }\n    }\n    measureEndState() {\n        const { element, name, unresolvedKeyframes } = this;\n        if (!element || !element.current)\n            return;\n        const value = element.getValue(name);\n        value && value.jump(this.measuredOrigin, false);\n        const finalKeyframeIndex = unresolvedKeyframes.length - 1;\n        const finalKeyframe = unresolvedKeyframes[finalKeyframeIndex];\n        unresolvedKeyframes[finalKeyframeIndex] = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        if (finalKeyframe !== null && this.finalKeyframe === undefined) {\n            this.finalKeyframe = finalKeyframe;\n        }\n        // If we removed transform values, reapply them before the next render\n        if (this.removedTransforms?.length) {\n            this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {\n                element\n                    .getValue(unsetTransformName)\n                    .set(unsetTransformValue);\n            });\n        }\n        this.resolveNoneKeyframes();\n    }\n}\n\nexport { DOMKeyframesResolver };\n//# sourceMappingURL=DOMKeyframesResolver.mjs.map\n"],"names":["DOMKeyframesResolver","KeyframeResolver","unresolvedKeyframes","onComplete","name","motionValue","element","i","keyframe","isCSSVariableToken","resolved","getVariableValue","positionalKeys","origin","target","originType","findDimensionValueType","targetType","originHasVar","containsCSSVariable","targetHasVar","positionalValues","isNumOrPxType","value","noneKeyframeIndexes","isNone","makeNoneKeyframesAnimatable","measureKeyframe","finalKeyframeIndex","finalKeyframe","unsetTransformName","unsetTransformValue"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es357.js

@@ -1,17 +1,10 @@
-import { analyseComplexValue as l } from "./visualization.es402.js";
-import { getAnimatableNone as m } from "./visualization.es424.js";
-const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function g(e, i, o) {
-  let n = 0, a;
-  for (; n < e.length && !a; ) {
-    const t = e[n];
-    typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
-  }
-  if (a && o)
-    for (const t of i)
-      e[t] = m(o, a);
-}
+import { auto as o } from "./visualization.es418.js";
+import { number as r } from "./visualization.es413.js";
+import { px as m, percent as t, degrees as i, vw as n, vh as p } from "./visualization.es414.js";
+import { testValueType as s } from "./visualization.es419.js";
+const f = [r, m, t, i, n, p, o], l = (e) => f.find(s(e));
 export {
-  g as makeNoneKeyframesAnimatable
+  f as dimensionValueTypes,
+  l as findDimensionValueType
 };
 //# sourceMappingURL=visualization.es357.js.map

package/dist/visualization.es357.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es357.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs"],"sourcesContent":["import { analyseComplexValue } from '../../../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../../../value/types/utils/animatable-none.mjs';\n\n/**\n * If we encounter keyframes like \"none\" or \"0\" and we also have keyframes like\n * \"#fff\" or \"200px 200px\" we want to find a keyframe to serve as a template for\n * the \"none\" keyframes. In this case \"#fff\" or \"200px 200px\" - then these get turned into\n * zero equivalents, i.e. \"#fff0\" or \"0px 0px\".\n */\nconst invalidTemplates = new Set([\"auto\", \"none\", \"0\"]);\nfunction makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {\n    let i = 0;\n    let animatableTemplate = undefined;\n    while (i < unresolvedKeyframes.length && !animatableTemplate) {\n        const keyframe = unresolvedKeyframes[i];\n        if (typeof keyframe === \"string\" &&\n            !invalidTemplates.has(keyframe) &&\n            analyseComplexValue(keyframe).values.length) {\n            animatableTemplate = unresolvedKeyframes[i];\n        }\n        i++;\n    }\n    if (animatableTemplate && name) {\n        for (const noneIndex of noneKeyframeIndexes) {\n            unresolvedKeyframes[noneIndex] = getAnimatableNone(name, animatableTemplate);\n        }\n    }\n}\n\nexport { makeNoneKeyframesAnimatable };\n//# sourceMappingURL=make-none-animatable.mjs.map\n"],"names":["invalidTemplates","makeNoneKeyframesAnimatable","unresolvedKeyframes","noneKeyframeIndexes","name","i","animatableTemplate","keyframe","analyseComplexValue","noneIndex","getAnimatableNone"],"mappings":";;AASA,MAAMA,IAAmB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,GAAG,CAAC;AACtD,SAASC,EAA4BC,GAAqBC,GAAqBC,GAAM;AACjF,MAAIC,IAAI,GACJC;AACJ,SAAOD,IAAIH,EAAoB,UAAU,CAACI,KAAoB;AAC1D,UAAMC,IAAWL,EAAoBG,CAAC;AACtC,IAAI,OAAOE,KAAa,YACpB,CAACP,EAAiB,IAAIO,CAAQ,KAC9BC,EAAoBD,CAAQ,EAAE,OAAO,WACrCD,IAAqBJ,EAAoBG,CAAC,IAE9CA;AAAA,EACJ;AACA,MAAIC,KAAsBF;AACtB,eAAWK,KAAaN;AACpB,MAAAD,EAAoBO,CAAS,IAAIC,EAAkBN,GAAME,CAAkB;AAGvF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es357.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/dimensions.mjs"],"sourcesContent":["import { auto } from './auto.mjs';\nimport { number } from './numbers/index.mjs';\nimport { px, percent, degrees, vw, vh } from './numbers/units.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of value types commonly used for dimensions\n */\nconst dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nconst findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));\n\nexport { dimensionValueTypes, findDimensionValueType };\n//# sourceMappingURL=dimensions.mjs.map\n"],"names":["dimensionValueTypes","number","px","percent","degrees","vw","vh","auto","findDimensionValueType","v","testValueType"],"mappings":";;;;AAQK,MAACA,IAAsB,CAACC,GAAQC,GAAIC,GAASC,GAASC,GAAIC,GAAIC,CAAI,GAIjEC,IAAyB,CAACC,MAAMT,EAAoB,KAAKU,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es358.js

@@ -1,38 +1,8 @@
-import { parseValueFromTransform as n } from "./visualization.es385.js";
-import { transformPropOrder as m } from "./visualization.es330.js";
-import { number as i } from "./visualization.es411.js";
-import { px as l } from "./visualization.es412.js";
-const h = (r) => r === i || r === l, p = /* @__PURE__ */ new Set(["x", "y", "z"]), f = m.filter((r) => !p.has(r));
-function F(r) {
-  const o = [];
-  return f.forEach((t) => {
-    const a = r.getValue(t);
-    a !== void 0 && (o.push([t, a.get()]), a.set(t.startsWith("scale") ? 1 : 0));
-  }), o;
+import { isZeroValueString as n } from "./visualization.es445.js";
+function t(r) {
+  return typeof r == "number" ? r === 0 : r !== null ? r === "none" || r === "0" || n(r) : !0;
 }
-const s = {
-  // Dimensions
-  width: ({ x: r }, { paddingLeft: o = "0", paddingRight: t = "0", boxSizing: a }) => {
-    const e = r.max - r.min;
-    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
-  },
-  height: ({ y: r }, { paddingTop: o = "0", paddingBottom: t = "0", boxSizing: a }) => {
-    const e = r.max - r.min;
-    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
-  },
-  top: (r, { top: o }) => parseFloat(o),
-  left: (r, { left: o }) => parseFloat(o),
-  bottom: ({ y: r }, { top: o }) => parseFloat(o) + (r.max - r.min),
-  right: ({ x: r }, { left: o }) => parseFloat(o) + (r.max - r.min),
-  // Transform
-  x: (r, { transform: o }) => n(o, "x"),
-  y: (r, { transform: o }) => n(o, "y")
-};
-s.translateX = s.x;
-s.translateY = s.y;
 export {
-  h as isNumOrPxType,
-  s as positionalValues,
-  F as removeNonTranslationalTransform
+  t as isNone
 };
 //# sourceMappingURL=visualization.es358.js.map

package/dist/visualization.es358.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es358.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs"],"sourcesContent":["import { parseValueFromTransform } from '../../../render/dom/parse-transform.mjs';\nimport { transformPropOrder } from '../../../render/utils/keys-transform.mjs';\nimport { number } from '../../../value/types/numbers/index.mjs';\nimport { px } from '../../../value/types/numbers/units.mjs';\n\nconst isNumOrPxType = (v) => v === number || v === px;\nconst transformKeys = new Set([\"x\", \"y\", \"z\"]);\nconst nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));\nfunction removeNonTranslationalTransform(visualElement) {\n    const removedTransforms = [];\n    nonTranslationalTransformKeys.forEach((key) => {\n        const value = visualElement.getValue(key);\n        if (value !== undefined) {\n            removedTransforms.push([key, value.get()]);\n            value.set(key.startsWith(\"scale\") ? 1 : 0);\n        }\n    });\n    return removedTransforms;\n}\nconst positionalValues = {\n    // Dimensions\n    width: ({ x }, { paddingLeft = \"0\", paddingRight = \"0\", boxSizing }) => {\n        const width = x.max - x.min;\n        return boxSizing === \"border-box\"\n            ? width\n            : width - parseFloat(paddingLeft) - parseFloat(paddingRight);\n    },\n    height: ({ y }, { paddingTop = \"0\", paddingBottom = \"0\", boxSizing }) => {\n        const height = y.max - y.min;\n        return boxSizing === \"border-box\"\n            ? height\n            : height - parseFloat(paddingTop) - parseFloat(paddingBottom);\n    },\n    top: (_bbox, { top }) => parseFloat(top),\n    left: (_bbox, { left }) => parseFloat(left),\n    bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),\n    right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),\n    // Transform\n    x: (_bbox, { transform }) => parseValueFromTransform(transform, \"x\"),\n    y: (_bbox, { transform }) => parseValueFromTransform(transform, \"y\"),\n};\n// Alias translate longform names\npositionalValues.translateX = positionalValues.x;\npositionalValues.translateY = positionalValues.y;\n\nexport { isNumOrPxType, positionalValues, removeNonTranslationalTransform };\n//# sourceMappingURL=unit-conversion.mjs.map\n"],"names":["isNumOrPxType","v","number","px","transformKeys","nonTranslationalTransformKeys","transformPropOrder","key","removeNonTranslationalTransform","visualElement","removedTransforms","value","positionalValues","x","paddingLeft","paddingRight","boxSizing","width","y","paddingTop","paddingBottom","height","_bbox","top","left","transform","parseValueFromTransform"],"mappings":";;;;AAKK,MAACA,IAAgB,CAACC,MAAMA,MAAMC,KAAUD,MAAME,GAC7CC,IAAgB,oBAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,GACvCC,IAAgCC,EAAmB,OAAO,CAACC,MAAQ,CAACH,EAAc,IAAIG,CAAG,CAAC;AAChG,SAASC,EAAgCC,GAAe;AACpD,QAAMC,IAAoB,CAAA;AAC1B,SAAAL,EAA8B,QAAQ,CAACE,MAAQ;AAC3C,UAAMI,IAAQF,EAAc,SAASF,CAAG;AACxC,IAAII,MAAU,WACVD,EAAkB,KAAK,CAACH,GAAKI,EAAM,IAAG,CAAE,CAAC,GACzCA,EAAM,IAAIJ,EAAI,WAAW,OAAO,IAAI,IAAI,CAAC;AAAA,EAEjD,CAAC,GACMG;AACX;AACK,MAACE,IAAmB;AAAA;AAAA,EAErB,OAAO,CAAC,EAAE,GAAAC,EAAC,GAAI,EAAE,aAAAC,IAAc,KAAK,cAAAC,IAAe,KAAK,WAAAC,QAAgB;AACpE,UAAMC,IAAQJ,EAAE,MAAMA,EAAE;AACxB,WAAOG,MAAc,eACfC,IACAA,IAAQ,WAAWH,CAAW,IAAI,WAAWC,CAAY;AAAA,EACnE;AAAA,EACA,QAAQ,CAAC,EAAE,GAAAG,EAAC,GAAI,EAAE,YAAAC,IAAa,KAAK,eAAAC,IAAgB,KAAK,WAAAJ,QAAgB;AACrE,UAAMK,IAASH,EAAE,MAAMA,EAAE;AACzB,WAAOF,MAAc,eACfK,IACAA,IAAS,WAAWF,CAAU,IAAI,WAAWC,CAAa;AAAA,EACpE;AAAA,EACA,KAAK,CAACE,GAAO,EAAE,KAAAC,EAAG,MAAO,WAAWA,CAAG;AAAA,EACvC,MAAM,CAACD,GAAO,EAAE,MAAAE,EAAI,MAAO,WAAWA,CAAI;AAAA,EAC1C,QAAQ,CAAC,EAAE,GAAAN,EAAC,GAAI,EAAE,KAAAK,EAAG,MAAO,WAAWA,CAAG,KAAKL,EAAE,MAAMA,EAAE;AAAA,EACzD,OAAO,CAAC,EAAE,GAAAL,EAAC,GAAI,EAAE,MAAAW,EAAI,MAAO,WAAWA,CAAI,KAAKX,EAAE,MAAMA,EAAE;AAAA;AAAA,EAE1D,GAAG,CAACS,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AAAA,EACnE,GAAG,CAACH,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AACvE;AAEAb,EAAiB,aAAaA,EAAiB;AAC/CA,EAAiB,aAAaA,EAAiB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es358.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs"],"sourcesContent":["import { isZeroValueString } from 'motion-utils';\n\nfunction isNone(value) {\n    if (typeof value === \"number\") {\n        return value === 0;\n    }\n    else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value);\n    }\n    else {\n        return true;\n    }\n}\n\nexport { isNone };\n//# sourceMappingURL=is-none.mjs.map\n"],"names":["isNone","value","isZeroValueString"],"mappings":";AAEA,SAASA,EAAOC,GAAO;AACnB,SAAI,OAAOA,KAAU,WACVA,MAAU,IAEZA,MAAU,OACRA,MAAU,UAAUA,MAAU,OAAOC,EAAkBD,CAAK,IAG5D;AAEf;","x_google_ignoreList":[0]}

package/dist/visualization.es359.js

@@ -1,8 +1,17 @@
-function t(i) {
-  for (let l = 1; l < i.length; l++)
-    i[l] ?? (i[l] = i[l - 1]);
+import { analyseComplexValue as l } from "./visualization.es404.js";
+import { getAnimatableNone as m } from "./visualization.es426.js";
+const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function g(e, i, o) {
+  let n = 0, a;
+  for (; n < e.length && !a; ) {
+    const t = e[n];
+    typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
+  }
+  if (a && o)
+    for (const t of i)
+      e[t] = m(o, a);
 }
 export {
-  t as fillWildcards
+  g as makeNoneKeyframesAnimatable
 };
 //# sourceMappingURL=visualization.es359.js.map

package/dist/visualization.es359.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es359.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs"],"sourcesContent":["function fillWildcards(keyframes) {\n    for (let i = 1; i < keyframes.length; i++) {\n        keyframes[i] ?? (keyframes[i] = keyframes[i - 1]);\n    }\n}\n\nexport { fillWildcards };\n//# sourceMappingURL=fill-wildcards.mjs.map\n"],"names":["fillWildcards","keyframes","i"],"mappings":"AAAA,SAASA,EAAcC,GAAW;AAC9B,WAASC,IAAI,GAAGA,IAAID,EAAU,QAAQC;AAClC,IAAAD,EAAUC,CAAC,MAAMD,EAAUC,CAAC,IAAID,EAAUC,IAAI,CAAC;AAEvD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es359.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs"],"sourcesContent":["import { analyseComplexValue } from '../../../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../../../value/types/utils/animatable-none.mjs';\n\n/**\n * If we encounter keyframes like \"none\" or \"0\" and we also have keyframes like\n * \"#fff\" or \"200px 200px\" we want to find a keyframe to serve as a template for\n * the \"none\" keyframes. In this case \"#fff\" or \"200px 200px\" - then these get turned into\n * zero equivalents, i.e. \"#fff0\" or \"0px 0px\".\n */\nconst invalidTemplates = new Set([\"auto\", \"none\", \"0\"]);\nfunction makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {\n    let i = 0;\n    let animatableTemplate = undefined;\n    while (i < unresolvedKeyframes.length && !animatableTemplate) {\n        const keyframe = unresolvedKeyframes[i];\n        if (typeof keyframe === \"string\" &&\n            !invalidTemplates.has(keyframe) &&\n            analyseComplexValue(keyframe).values.length) {\n            animatableTemplate = unresolvedKeyframes[i];\n        }\n        i++;\n    }\n    if (animatableTemplate && name) {\n        for (const noneIndex of noneKeyframeIndexes) {\n            unresolvedKeyframes[noneIndex] = getAnimatableNone(name, animatableTemplate);\n        }\n    }\n}\n\nexport { makeNoneKeyframesAnimatable };\n//# sourceMappingURL=make-none-animatable.mjs.map\n"],"names":["invalidTemplates","makeNoneKeyframesAnimatable","unresolvedKeyframes","noneKeyframeIndexes","name","i","animatableTemplate","keyframe","analyseComplexValue","noneIndex","getAnimatableNone"],"mappings":";;AASA,MAAMA,IAAmB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,GAAG,CAAC;AACtD,SAASC,EAA4BC,GAAqBC,GAAqBC,GAAM;AACjF,MAAIC,IAAI,GACJC;AACJ,SAAOD,IAAIH,EAAoB,UAAU,CAACI,KAAoB;AAC1D,UAAMC,IAAWL,EAAoBG,CAAC;AACtC,IAAI,OAAOE,KAAa,YACpB,CAACP,EAAiB,IAAIO,CAAQ,KAC9BC,EAAoBD,CAAQ,EAAE,OAAO,WACrCD,IAAqBJ,EAAoBG,CAAC,IAE9CA;AAAA,EACJ;AACA,MAAIC,KAAsBF;AACtB,eAAWK,KAAaN;AACpB,MAAAD,EAAoBO,CAAS,IAAIC,EAAkBN,GAAME,CAAkB;AAGvF;","x_google_ignoreList":[0]}

package/dist/visualization.es36.js

@@ -1,38 +1,55 @@
-import l from "./visualization.es128.js";
-import f from "./visualization.es137.js";
-import n from "./visualization.es142.js";
-import { jsx as m } from "react/jsx-runtime";
-const c = {
-  dx: "-0.25em",
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "end"
-};
-function k(e) {
-  let {
-    axisClassName: i,
-    labelOffset: o = 36,
-    tickLength: s = 8,
-    tickLabelProps: t,
-    ...r
-  } = e;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import Y from "./visualization.es95.js";
+import { truncateTextToWidth as j, getLabelPlacement as A } from "./visualization.es96.js";
+import D, { useCallback as R } from "react";
+import E from "./visualization.es24.js";
+import F from "./visualization.es21.js";
+import $ from "./visualization.es22.js";
+const Z = (t) => {
+  function i(e) {
+    return e.children && e.children.length > 0 ? e.children.reduce((d, X) => d + i(X), 0) : e.data.value ?? 0;
+  }
+  const c = t.node.children !== void 0 && t.node.children.length > 0, r = c ? t.node.data.displayValue ?? i(t.node) : t.node.data.value ?? 0, k = t.fontSize, n = t.node.data.style?.color || t.node.parent?.data.style?.color || "black", h = t.node.data.style?.labelColor || n, x = t.node.data.style?.strokeColor || n, u = t.node.data.style?.strokeWidth === 0 ? 0 : t.node.data.style?.strokeWidth || t.strokeWidth, v = t.isHovered ? u + 2 : u, l = t.node.x1 - t.node.x0, a = t.node.y1 - t.node.y0, b = t.node.data.label, C = j(b, l - 8, k, "sans-serif"), f = a > 55 && l > 50 && r > 0, g = a > 20, {
+    textX: T,
+    textY: S,
+    textAnchor: W,
+    valueAnchor: B,
+    baseline: L,
+    valueY: M,
+    valueX: w
+  } = A(t.node, t.labelPlacement, f, c), {
+    tooltipData: s,
+    tooltipLeft: N,
+    tooltipTop: z,
+    tooltipOpen: V,
+    showTooltip: y,
+    hideTooltip: H
+  } = E(), O = R((e) => {
+    if (!t.tooltipBody) return;
+    const d = t.tooltipBody(t.node.data);
+    y({
+      tooltipLeft: e.clientX + 10,
+      tooltipTop: e.clientY + 10,
+      tooltipData: d
+    });
+  }, [t.tooltipBody, t.node.data, y]), P = () => {
+    t.onNodeClicked && t.onNodeClicked(t.node.data);
   };
-  return /* @__PURE__ */ m(f, {
-    axisClassName: l("visx-axis-left", i),
-    labelOffset: o,
-    orientation: n.left,
-    tickLabelProps: a,
-    tickLength: s,
-    ...r
-  });
-}
+  return /* @__PURE__ */ m(D.Fragment, { children: [
+    /* @__PURE__ */ m("g", { onMouseEnter: () => t.onHover(!0), onMouseLeave: () => {
+      t.onHover(!1), H?.();
+    }, onMouseMove: O, onClick: P, style: {
+      cursor: "pointer",
+      transition: "stroke-width 0.2s"
+    }, children: [
+      /* @__PURE__ */ o("rect", { x: t.node.x0, y: t.node.y0, width: l, height: a, fill: n, fillOpacity: t.opacity, stroke: x, strokeWidth: v, rx: t.borderRadius }),
+      g && /* @__PURE__ */ o("text", { x: T, y: S, textAnchor: W, dominantBaseline: L, fill: h, fontSize: t.fontSize, fontWeight: 500, children: C }),
+      f && /* @__PURE__ */ o(Y, { cx: w, cy: M, color: h, value: r, align: B })
+    ] }),
+    t.tooltipBody && V && s && /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o($, { left: (N ?? 0) + 10, top: z, children: s }) })
+  ] }, `frag-${t.node.data.label}`);
+};
 export {
-  k as default,
-  c as leftTickLabelProps
+  Z as default
 };
 //# sourceMappingURL=visualization.es36.js.map

package/dist/visualization.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es36.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisLeft.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const leftTickLabelProps = {\n  dx: '-0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'end'\n};\nexport default function AxisLeft(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...leftTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-left', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.left,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["leftTickLabelProps","AxisLeft","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,kBAAkBR,CAAa;AAAA,IACjD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es36.js","sources":["../src/components/TreeMap/SingleNode.tsx"],"sourcesContent":["import { SingleNodeProps, TreemapNode } from \"./types\";\nimport ValueOval from \"./ValueOval\";\nimport { getLabelPlacement, truncateTextToWidth } from \"./helpers\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Portal, TooltipWithBounds, useTooltip } from \"@visx/tooltip\";\nimport React from \"react\";\nimport { HierarchyRectangularNode } from \"@visx/hierarchy\";\n\nconst SingleNode = <T,>(\n    props: SingleNodeProps<T>\n) => {\n    function getNodeValue(node: HierarchyRectangularNode<TreemapNode<T>>): number {\n        // If the node has children, sum their values\n        if (node.children && node.children.length > 0) {\n            return node.children.reduce((sum: number, child) => {\n                return sum + getNodeValue(child);\n            }, 0);\n        }\n\n        // Otherwise use the leaf's data value\n        return node.data.value ?? 0;\n    }\n\n    const hasChildren = props.node.children !== undefined && props.node.children.length > 0;\n    \n    const value = hasChildren ? props.node.data.displayValue ?? getNodeValue(props.node) : props.node.data.value ?? 0\n\n    const fontSize = props.fontSize\n    const nodeColor = props.node.data.style?.color ||  props.node.parent?.data.style?.color || \"black\"\n    const labelColor = props.node.data.style?.labelColor || nodeColor;\n    const nodeStrokeColor = props.node.data.style?.strokeColor || nodeColor;\n    const nodeStroke = props.node.data.style?.strokeWidth === 0 ? 0 : props.node.data.style?.strokeWidth || props.strokeWidth;\n    const stroke = props.isHovered ? nodeStroke + 2 : nodeStroke;\n\n    const width = props.node.x1 - props.node.x0;\n    const height = props.node.y1 - props.node.y0;\n\n    const fullLabel = props.node.data.label;\n    const truncatedLabel = truncateTextToWidth(fullLabel, width - 8, fontSize, \"sans-serif\");\n    const showValue = height > 55 && width > 50 && value > 0;\n    const showText = height > 20;\n\n    const { textX, textY, textAnchor, valueAnchor, baseline, valueY, valueX } = getLabelPlacement(\n        props.node,\n        props.labelPlacement,\n        showValue,\n        hasChildren\n    );\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<ReactNode>();\n\n    const handleMouseMove = useCallback(\n        (event: React.MouseEvent<SVGElement>) => {\n            if (!props.tooltipBody) return;\n\n            const tooltipContent = props.tooltipBody(props.node.data);\n\n            showTooltip({\n                tooltipLeft: event.clientX + 10,\n                tooltipTop: event.clientY + 10,\n                tooltipData: tooltipContent,\n            });\n        },\n        [props.tooltipBody, props.node.data, showTooltip]\n    );\n\n    const handleNodeClick = () => {\n        if (!props.onNodeClicked) return;\n        props.onNodeClicked(props.node.data);\n    };\n\n    return (\n        <React.Fragment key={`frag-${props.node.data.label}`}>\n            <g\n                onMouseEnter={() => props.onHover(true)}\n                onMouseLeave={() => {\n                    props.onHover(false);\n                    hideTooltip?.();\n                }}\n                onMouseMove={handleMouseMove}\n                onClick={handleNodeClick}\n                style={{ cursor: \"pointer\", transition: \"stroke-width 0.2s\" }}\n            >\n                <rect\n                    x={props.node.x0}\n                    y={props.node.y0}\n                    width={width}\n                    height={height}\n                    fill={nodeColor}\n                    fillOpacity={props.opacity}\n                    stroke={nodeStrokeColor}\n                    strokeWidth={stroke}\n                    rx={props.borderRadius}\n                />\n                {showText && (\n                    <text\n                        x={textX}\n                        y={textY}\n                        textAnchor={textAnchor}\n                        dominantBaseline={baseline}\n                        fill={labelColor}\n                        fontSize={props.fontSize}\n                        fontWeight={500}\n                    >\n                        {truncatedLabel}\n                    </text>\n                )}\n                {showValue && (\n                    <ValueOval\n                        cx={valueX}\n                        cy={valueY}\n                        color={labelColor}\n                        value={value}\n                        align={valueAnchor}\n                    />\n                )}\n            </g>\n            {props.tooltipBody && tooltipOpen && tooltipData && (\n                <Portal>\n                    <TooltipWithBounds left={(tooltipLeft ?? 0) + 10} top={tooltipTop}>\n                        {tooltipData}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default SingleNode;"],"names":["SingleNode","props","getNodeValue","node","children","length","reduce","sum","child","data","value","hasChildren","undefined","displayValue","fontSize","nodeColor","style","color","parent","labelColor","nodeStrokeColor","strokeColor","nodeStroke","strokeWidth","stroke","isHovered","width","x1","x0","height","y1","y0","fullLabel","label","truncatedLabel","truncateTextToWidth","showValue","showText","textX","textY","textAnchor","valueAnchor","baseline","valueY","valueX","getLabelPlacement","labelPlacement","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","handleMouseMove","useCallback","event","tooltipBody","tooltipContent","clientX","clientY","handleNodeClick","onNodeClicked","jsxs","React","onHover","cursor","transition","jsx","opacity","borderRadius","ValueOval","Portal","TooltipWithBounds"],"mappings":"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"}

package/dist/visualization.es360.js

@@ -1,13 +1,38 @@
-import { mixNumber as e } from "./visualization.es361.js";
-import { progress as f } from "./visualization.es362.js";
-function l(o, t) {
-  const s = o[o.length - 1];
-  for (let r = 1; r <= t; r++) {
-    const m = f(0, t, r);
-    o.push(e(s, 1, m));
-  }
+import { parseValueFromTransform as n } from "./visualization.es387.js";
+import { transformPropOrder as m } from "./visualization.es332.js";
+import { number as i } from "./visualization.es413.js";
+import { px as l } from "./visualization.es414.js";
+const h = (r) => r === i || r === l, p = /* @__PURE__ */ new Set(["x", "y", "z"]), f = m.filter((r) => !p.has(r));
+function F(r) {
+  const o = [];
+  return f.forEach((t) => {
+    const a = r.getValue(t);
+    a !== void 0 && (o.push([t, a.get()]), a.set(t.startsWith("scale") ? 1 : 0));
+  }), o;
 }
+const s = {
+  // Dimensions
+  width: ({ x: r }, { paddingLeft: o = "0", paddingRight: t = "0", boxSizing: a }) => {
+    const e = r.max - r.min;
+    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
+  },
+  height: ({ y: r }, { paddingTop: o = "0", paddingBottom: t = "0", boxSizing: a }) => {
+    const e = r.max - r.min;
+    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
+  },
+  top: (r, { top: o }) => parseFloat(o),
+  left: (r, { left: o }) => parseFloat(o),
+  bottom: ({ y: r }, { top: o }) => parseFloat(o) + (r.max - r.min),
+  right: ({ x: r }, { left: o }) => parseFloat(o) + (r.max - r.min),
+  // Transform
+  x: (r, { transform: o }) => n(o, "x"),
+  y: (r, { transform: o }) => n(o, "y")
+};
+s.translateX = s.x;
+s.translateY = s.y;
 export {
-  l as fillOffset
+  h as isNumOrPxType,
+  s as positionalValues,
+  F as removeNonTranslationalTransform
 };
 //# sourceMappingURL=visualization.es360.js.map

package/dist/visualization.es360.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es360.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs"],"sourcesContent":["import { progress } from 'motion-utils';\nimport { mixNumber } from '../../../utils/mix/number.mjs';\n\nfunction fillOffset(offset, remaining) {\n    const min = offset[offset.length - 1];\n    for (let i = 1; i <= remaining; i++) {\n        const offsetProgress = progress(0, remaining, i);\n        offset.push(mixNumber(min, 1, offsetProgress));\n    }\n}\n\nexport { fillOffset };\n//# sourceMappingURL=fill.mjs.map\n"],"names":["fillOffset","offset","remaining","min","i","offsetProgress","progress","mixNumber"],"mappings":";;AAGA,SAASA,EAAWC,GAAQC,GAAW;AACnC,QAAMC,IAAMF,EAAOA,EAAO,SAAS,CAAC;AACpC,WAASG,IAAI,GAAGA,KAAKF,GAAWE,KAAK;AACjC,UAAMC,IAAiBC,EAAS,GAAGJ,GAAWE,CAAC;AAC/C,IAAAH,EAAO,KAAKM,EAAUJ,GAAK,GAAGE,CAAc,CAAC;AAAA,EACjD;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es360.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs"],"sourcesContent":["import { parseValueFromTransform } from '../../../render/dom/parse-transform.mjs';\nimport { transformPropOrder } from '../../../render/utils/keys-transform.mjs';\nimport { number } from '../../../value/types/numbers/index.mjs';\nimport { px } from '../../../value/types/numbers/units.mjs';\n\nconst isNumOrPxType = (v) => v === number || v === px;\nconst transformKeys = new Set([\"x\", \"y\", \"z\"]);\nconst nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));\nfunction removeNonTranslationalTransform(visualElement) {\n    const removedTransforms = [];\n    nonTranslationalTransformKeys.forEach((key) => {\n        const value = visualElement.getValue(key);\n        if (value !== undefined) {\n            removedTransforms.push([key, value.get()]);\n            value.set(key.startsWith(\"scale\") ? 1 : 0);\n        }\n    });\n    return removedTransforms;\n}\nconst positionalValues = {\n    // Dimensions\n    width: ({ x }, { paddingLeft = \"0\", paddingRight = \"0\", boxSizing }) => {\n        const width = x.max - x.min;\n        return boxSizing === \"border-box\"\n            ? width\n            : width - parseFloat(paddingLeft) - parseFloat(paddingRight);\n    },\n    height: ({ y }, { paddingTop = \"0\", paddingBottom = \"0\", boxSizing }) => {\n        const height = y.max - y.min;\n        return boxSizing === \"border-box\"\n            ? height\n            : height - parseFloat(paddingTop) - parseFloat(paddingBottom);\n    },\n    top: (_bbox, { top }) => parseFloat(top),\n    left: (_bbox, { left }) => parseFloat(left),\n    bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),\n    right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),\n    // Transform\n    x: (_bbox, { transform }) => parseValueFromTransform(transform, \"x\"),\n    y: (_bbox, { transform }) => parseValueFromTransform(transform, \"y\"),\n};\n// Alias translate longform names\npositionalValues.translateX = positionalValues.x;\npositionalValues.translateY = positionalValues.y;\n\nexport { isNumOrPxType, positionalValues, removeNonTranslationalTransform };\n//# sourceMappingURL=unit-conversion.mjs.map\n"],"names":["isNumOrPxType","v","number","px","transformKeys","nonTranslationalTransformKeys","transformPropOrder","key","removeNonTranslationalTransform","visualElement","removedTransforms","value","positionalValues","x","paddingLeft","paddingRight","boxSizing","width","y","paddingTop","paddingBottom","height","_bbox","top","left","transform","parseValueFromTransform"],"mappings":";;;;AAKK,MAACA,IAAgB,CAACC,MAAMA,MAAMC,KAAUD,MAAME,GAC7CC,IAAgB,oBAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,GACvCC,IAAgCC,EAAmB,OAAO,CAACC,MAAQ,CAACH,EAAc,IAAIG,CAAG,CAAC;AAChG,SAASC,EAAgCC,GAAe;AACpD,QAAMC,IAAoB,CAAA;AAC1B,SAAAL,EAA8B,QAAQ,CAACE,MAAQ;AAC3C,UAAMI,IAAQF,EAAc,SAASF,CAAG;AACxC,IAAII,MAAU,WACVD,EAAkB,KAAK,CAACH,GAAKI,EAAM,IAAG,CAAE,CAAC,GACzCA,EAAM,IAAIJ,EAAI,WAAW,OAAO,IAAI,IAAI,CAAC;AAAA,EAEjD,CAAC,GACMG;AACX;AACK,MAACE,IAAmB;AAAA;AAAA,EAErB,OAAO,CAAC,EAAE,GAAAC,EAAC,GAAI,EAAE,aAAAC,IAAc,KAAK,cAAAC,IAAe,KAAK,WAAAC,QAAgB;AACpE,UAAMC,IAAQJ,EAAE,MAAMA,EAAE;AACxB,WAAOG,MAAc,eACfC,IACAA,IAAQ,WAAWH,CAAW,IAAI,WAAWC,CAAY;AAAA,EACnE;AAAA,EACA,QAAQ,CAAC,EAAE,GAAAG,EAAC,GAAI,EAAE,YAAAC,IAAa,KAAK,eAAAC,IAAgB,KAAK,WAAAJ,QAAgB;AACrE,UAAMK,IAASH,EAAE,MAAMA,EAAE;AACzB,WAAOF,MAAc,eACfK,IACAA,IAAS,WAAWF,CAAU,IAAI,WAAWC,CAAa;AAAA,EACpE;AAAA,EACA,KAAK,CAACE,GAAO,EAAE,KAAAC,EAAG,MAAO,WAAWA,CAAG;AAAA,EACvC,MAAM,CAACD,GAAO,EAAE,MAAAE,EAAI,MAAO,WAAWA,CAAI;AAAA,EAC1C,QAAQ,CAAC,EAAE,GAAAN,EAAC,GAAI,EAAE,KAAAK,EAAG,MAAO,WAAWA,CAAG,KAAKL,EAAE,MAAMA,EAAE;AAAA,EACzD,OAAO,CAAC,EAAE,GAAAL,EAAC,GAAI,EAAE,MAAAW,EAAI,MAAO,WAAWA,CAAI,KAAKX,EAAE,MAAMA,EAAE;AAAA;AAAA,EAE1D,GAAG,CAACS,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AAAA,EACnE,GAAG,CAACH,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AACvE;AAEAb,EAAiB,aAAaA,EAAiB;AAC/CA,EAAiB,aAAaA,EAAiB;","x_google_ignoreList":[0]}

package/dist/visualization.es361.js

@@ -1,5 +1,8 @@
-const n = (e, r, t) => e + (r - e) * t;
+function t(i) {
+  for (let l = 1; l < i.length; l++)
+    i[l] ?? (i[l] = i[l - 1]);
+}
 export {
-  n as mixNumber
+  t as fillWildcards
 };
 //# sourceMappingURL=visualization.es361.js.map

package/dist/visualization.es361.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es361.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/number.mjs"],"sourcesContent":["/*\n  Value in range from progress\n\n  Given a lower limit and an upper limit, we return the value within\n  that range as expressed by progress (usually a number from 0 to 1)\n\n  So progress = 0.5 would change\n\n  from -------- to\n\n  to\n\n  from ---- to\n\n  E.g. from = 10, to = 20, progress = 0.5 => 15\n\n  @param [number]: Lower limit of range\n  @param [number]: Upper limit of range\n  @param [number]: The progress between lower and upper limits expressed 0-1\n  @return [number]: Value as calculated from progress within range (not limited within range)\n*/\nconst mixNumber = (from, to, progress) => {\n    return from + (to - from) * progress;\n};\n\nexport { mixNumber };\n//# sourceMappingURL=number.mjs.map\n"],"names":["mixNumber","from","to","progress"],"mappings":"AAqBK,MAACA,IAAY,CAACC,GAAMC,GAAIC,MAClBF,KAAQC,IAAKD,KAAQE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es361.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs"],"sourcesContent":["function fillWildcards(keyframes) {\n    for (let i = 1; i < keyframes.length; i++) {\n        keyframes[i] ?? (keyframes[i] = keyframes[i - 1]);\n    }\n}\n\nexport { fillWildcards };\n//# sourceMappingURL=fill-wildcards.mjs.map\n"],"names":["fillWildcards","keyframes","i"],"mappings":"AAAA,SAASA,EAAcC,GAAW;AAC9B,WAASC,IAAI,GAAGA,IAAID,EAAU,QAAQC;AAClC,IAAAD,EAAUC,CAAC,MAAMD,EAAUC,CAAC,IAAID,EAAUC,IAAI,CAAC;AAEvD;","x_google_ignoreList":[0]}

package/dist/visualization.es362.js

@@ -1,8 +1,13 @@
-const n = /* @__NO_SIDE_EFFECTS__ */ (e, o, t) => {
-  const r = o - e;
-  return r === 0 ? 1 : (t - e) / r;
-};
+import { mixNumber as e } from "./visualization.es363.js";
+import { progress as f } from "./visualization.es364.js";
+function l(o, t) {
+  const s = o[o.length - 1];
+  for (let r = 1; r <= t; r++) {
+    const m = f(0, t, r);
+    o.push(e(s, 1, m));
+  }
+}
 export {
-  n as progress
+  l as fillOffset
 };
 //# sourceMappingURL=visualization.es362.js.map

package/dist/visualization.es362.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es362.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/progress.mjs"],"sourcesContent":["/*\n  Progress within given range\n\n  Given a lower limit and an upper limit, we return the progress\n  (expressed as a number 0-1) represented by the given value, and\n  limit that progress to within 0-1.\n\n  @param [number]: Lower limit\n  @param [number]: Upper limit\n  @param [number]: Value to find progress within given range\n  @return [number]: Progress of value within range as expressed 0-1\n*/\n/*#__NO_SIDE_EFFECTS__*/\nconst progress = (from, to, value) => {\n    const toFromDifference = to - from;\n    return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;\n};\n\nexport { progress };\n//# sourceMappingURL=progress.mjs.map\n"],"names":["progress","from","to","value","toFromDifference"],"mappings":"AAaK,MAACA,+BAAW,CAACC,GAAMC,GAAIC,MAAU;AAClC,QAAMC,IAAmBF,IAAKD;AAC9B,SAAOG,MAAqB,IAAI,KAAKD,IAAQF,KAAQG;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es362.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs"],"sourcesContent":["import { progress } from 'motion-utils';\nimport { mixNumber } from '../../../utils/mix/number.mjs';\n\nfunction fillOffset(offset, remaining) {\n    const min = offset[offset.length - 1];\n    for (let i = 1; i <= remaining; i++) {\n        const offsetProgress = progress(0, remaining, i);\n        offset.push(mixNumber(min, 1, offsetProgress));\n    }\n}\n\nexport { fillOffset };\n//# sourceMappingURL=fill.mjs.map\n"],"names":["fillOffset","offset","remaining","min","i","offsetProgress","progress","mixNumber"],"mappings":";;AAGA,SAASA,EAAWC,GAAQC,GAAW;AACnC,QAAMC,IAAMF,EAAOA,EAAO,SAAS,CAAC;AACpC,WAASG,IAAI,GAAGA,KAAKF,GAAWE,KAAK;AACjC,UAAMC,IAAiBC,EAAS,GAAGJ,GAAWE,CAAC;AAC/C,IAAAH,EAAO,KAAKM,EAAUJ,GAAK,GAAGE,CAAc,CAAC;AAAA,EACjD;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es363.js

@@ -1,5 +1,5 @@
-const $ = ([c, e, i, r]) => `cubic-bezier(${c}, ${e}, ${i}, ${r})`;
+const n = (e, r, t) => e + (r - e) * t;
 export {
-  $ as cubicBezierAsString
+  n as mixNumber
 };
 //# sourceMappingURL=visualization.es363.js.map

package/dist/visualization.es363.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es363.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs"],"sourcesContent":["const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;\n\nexport { cubicBezierAsString };\n//# sourceMappingURL=cubic-bezier.mjs.map\n"],"names":["cubicBezierAsString","a","b","c","d"],"mappings":"AAAK,MAACA,IAAsB,CAAC,CAACC,GAAGC,GAAGC,GAAGC,CAAC,MAAM,gBAAgBH,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es363.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/number.mjs"],"sourcesContent":["/*\n  Value in range from progress\n\n  Given a lower limit and an upper limit, we return the value within\n  that range as expressed by progress (usually a number from 0 to 1)\n\n  So progress = 0.5 would change\n\n  from -------- to\n\n  to\n\n  from ---- to\n\n  E.g. from = 10, to = 20, progress = 0.5 => 15\n\n  @param [number]: Lower limit of range\n  @param [number]: Upper limit of range\n  @param [number]: The progress between lower and upper limits expressed 0-1\n  @return [number]: Value as calculated from progress within range (not limited within range)\n*/\nconst mixNumber = (from, to, progress) => {\n    return from + (to - from) * progress;\n};\n\nexport { mixNumber };\n//# sourceMappingURL=number.mjs.map\n"],"names":["mixNumber","from","to","progress"],"mappings":"AAqBK,MAACA,IAAY,CAACC,GAAMC,GAAIC,MAClBF,KAAQC,IAAKD,KAAQE;","x_google_ignoreList":[0]}

package/dist/visualization.es364.js

@@ -1,13 +1,8 @@
-import { supportsLinearEasing as o } from "./visualization.es365.js";
-import { generateLinearEasing as f } from "./visualization.es351.js";
-import { cubicBezierAsString as n } from "./visualization.es363.js";
-import { supportedWaapiEasing as i } from "./visualization.es366.js";
-import { isBezierDefinition as p } from "./visualization.es367.js";
-function m(r, e) {
-  if (r)
-    return typeof r == "function" ? o() ? f(r, e) : "ease-out" : p(r) ? n(r) : Array.isArray(r) ? r.map((t) => m(t, e) || i.easeOut) : i[r];
-}
+const n = /* @__NO_SIDE_EFFECTS__ */ (e, o, t) => {
+  const r = o - e;
+  return r === 0 ? 1 : (t - e) / r;
+};
 export {
-  m as mapEasingToNativeEasing
+  n as progress
 };
 //# sourceMappingURL=visualization.es364.js.map