@weng-lab/visualization 2.4.0-beta.1 → 2.4.0-beta.3

package/dist/visualization.es46.js

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

package/dist/visualization.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es46.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":"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"}
+{"version":3,"file":"visualization.es46.js","sources":["../../../node_modules/.pnpm/@visx+event@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/event/esm/localPoint.js"],"sourcesContent":["import localPointGeneric from \"./localPointGeneric.js\";\nimport { isElement, isEvent } from \"./typeGuards.js\";\n/** Handles two signatures for backwards compatibility. */\nexport default function localPoint(nodeOrEvent, maybeEvent) {\n  // localPoint(node, event)\n  if (isElement(nodeOrEvent) && maybeEvent) {\n    return localPointGeneric(nodeOrEvent, maybeEvent);\n  }\n  // localPoint(event)\n  if (isEvent(nodeOrEvent)) {\n    const event = nodeOrEvent;\n    const node = event.target;\n    if (node) return localPointGeneric(node, event);\n  }\n  return null;\n}"],"names":["localPoint","nodeOrEvent","maybeEvent","isElement","localPointGeneric","isEvent","event","node"],"mappings":";;AAGe,SAASA,EAAWC,GAAaC,GAAY;AAE1D,MAAIC,EAAUF,CAAW,KAAKC;AAC5B,WAAOE,EAAkBH,GAAaC,CAAU;AAGlD,MAAIG,EAAQJ,CAAW,GAAG;AACxB,UAAMK,IAAQL,GACRM,IAAOD,EAAM;AACnB,QAAIC,EAAM,QAAOH,EAAkBG,GAAMD,CAAK;AAAA,EAChD;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/visualization.es460.js

@@ -1,11 +1,14 @@
-import { animateMotionValue as m } from "./visualization.es331.js";
-import { motionValue as a } from "./visualization.es404.js";
-import { isMotionValue as r } from "./visualization.es184.js";
-function f(o, i, n) {
-  const t = r(o) ? o : a(o);
-  return t.start(m("", t, i, n)), t.animation;
+function X(s, n, e) {
+  let t = "";
+  const o = s.x.translate / n.x, i = s.y.translate / n.y, $ = e?.z || 0;
+  if ((o || i || $) && (t = `translate3d(${o}px, ${i}px, ${$}px) `), (n.x !== 1 || n.y !== 1) && (t += `scale(${1 / n.x}, ${1 / n.y}) `), e) {
+    const { transformPerspective: f, rotate: x, rotateX: c, rotateY: p, skewX: y, skewY: g } = e;
+    f && (t = `perspective(${f}px) ${t}`), x && (t += `rotate(${x}deg) `), c && (t += `rotateX(${c}deg) `), p && (t += `rotateY(${p}deg) `), y && (t += `skewX(${y}deg) `), g && (t += `skewY(${g}deg) `);
+  }
+  const a = s.x.scale * n.x, r = s.y.scale * n.y;
+  return (a !== 1 || r !== 1) && (t += `scale(${a}, ${r})`), t || "none";
 }
 export {
-  f as animateSingleValue
+  X as buildProjectionTransform
 };
 //# sourceMappingURL=visualization.es460.js.map

package/dist/visualization.es460.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es460.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs"],"sourcesContent":["import { animateMotionValue } from '../interfaces/motion-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction animateSingleValue(value, keyframes, options) {\n    const motionValue$1 = isMotionValue(value) ? value : motionValue(value);\n    motionValue$1.start(animateMotionValue(\"\", motionValue$1, keyframes, options));\n    return motionValue$1.animation;\n}\n\nexport { animateSingleValue };\n//# sourceMappingURL=single-value.mjs.map\n"],"names":["animateSingleValue","value","keyframes","options","motionValue$1","isMotionValue","motionValue","animateMotionValue"],"mappings":";;;AAIA,SAASA,EAAmBC,GAAOC,GAAWC,GAAS;AACnD,QAAMC,IAAgBC,EAAcJ,CAAK,IAAIA,IAAQK,EAAYL,CAAK;AACtE,SAAAG,EAAc,MAAMG,EAAmB,IAAIH,GAAeF,GAAWC,CAAO,CAAC,GACtEC,EAAc;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es460.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/transform.mjs"],"sourcesContent":["function buildProjectionTransform(delta, treeScale, latestTransform) {\n    let transform = \"\";\n    /**\n     * The translations we use to calculate are always relative to the viewport coordinate space.\n     * But when we apply scales, we also scale the coordinate space of an element and its children.\n     * For instance if we have a treeScale (the culmination of all parent scales) of 0.5 and we need\n     * to move an element 100 pixels, we actually need to move it 200 in within that scaled space.\n     */\n    const xTranslate = delta.x.translate / treeScale.x;\n    const yTranslate = delta.y.translate / treeScale.y;\n    const zTranslate = latestTransform?.z || 0;\n    if (xTranslate || yTranslate || zTranslate) {\n        transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;\n    }\n    /**\n     * Apply scale correction for the tree transform.\n     * This will apply scale to the screen-orientated axes.\n     */\n    if (treeScale.x !== 1 || treeScale.y !== 1) {\n        transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;\n    }\n    if (latestTransform) {\n        const { transformPerspective, rotate, rotateX, rotateY, skewX, skewY } = latestTransform;\n        if (transformPerspective)\n            transform = `perspective(${transformPerspective}px) ${transform}`;\n        if (rotate)\n            transform += `rotate(${rotate}deg) `;\n        if (rotateX)\n            transform += `rotateX(${rotateX}deg) `;\n        if (rotateY)\n            transform += `rotateY(${rotateY}deg) `;\n        if (skewX)\n            transform += `skewX(${skewX}deg) `;\n        if (skewY)\n            transform += `skewY(${skewY}deg) `;\n    }\n    /**\n     * Apply scale to match the size of the element to the size we want it.\n     * This will apply scale to the element-orientated axes.\n     */\n    const elementScaleX = delta.x.scale * treeScale.x;\n    const elementScaleY = delta.y.scale * treeScale.y;\n    if (elementScaleX !== 1 || elementScaleY !== 1) {\n        transform += `scale(${elementScaleX}, ${elementScaleY})`;\n    }\n    return transform || \"none\";\n}\n\nexport { buildProjectionTransform };\n//# sourceMappingURL=transform.mjs.map\n"],"names":["buildProjectionTransform","delta","treeScale","latestTransform","transform","xTranslate","yTranslate","zTranslate","transformPerspective","rotate","rotateX","rotateY","skewX","skewY","elementScaleX","elementScaleY"],"mappings":"AAAA,SAASA,EAAyBC,GAAOC,GAAWC,GAAiB;AACjE,MAAIC,IAAY;AAOhB,QAAMC,IAAaJ,EAAM,EAAE,YAAYC,EAAU,GAC3CI,IAAaL,EAAM,EAAE,YAAYC,EAAU,GAC3CK,IAAaJ,GAAiB,KAAK;AAWzC,OAVIE,KAAcC,KAAcC,OAC5BH,IAAY,eAAeC,CAAU,OAAOC,CAAU,OAAOC,CAAU,UAMvEL,EAAU,MAAM,KAAKA,EAAU,MAAM,OACrCE,KAAa,SAAS,IAAIF,EAAU,CAAC,KAAK,IAAIA,EAAU,CAAC,OAEzDC,GAAiB;AACjB,UAAM,EAAE,sBAAAK,GAAsB,QAAAC,GAAQ,SAAAC,GAAS,SAAAC,GAAS,OAAAC,GAAO,OAAAC,EAAK,IAAKV;AACzE,IAAIK,MACAJ,IAAY,eAAeI,CAAoB,OAAOJ,CAAS,KAC/DK,MACAL,KAAa,UAAUK,CAAM,UAC7BC,MACAN,KAAa,WAAWM,CAAO,UAC/BC,MACAP,KAAa,WAAWO,CAAO,UAC/BC,MACAR,KAAa,SAASQ,CAAK,UAC3BC,MACAT,KAAa,SAASS,CAAK;AAAA,EACnC;AAKA,QAAMC,IAAgBb,EAAM,EAAE,QAAQC,EAAU,GAC1Ca,IAAgBd,EAAM,EAAE,QAAQC,EAAU;AAChD,UAAIY,MAAkB,KAAKC,MAAkB,OACzCX,KAAa,SAASU,CAAa,KAAKC,CAAa,MAElDX,KAAa;AACxB;","x_google_ignoreList":[0]}

package/dist/visualization.es461.js

@@ -1,5 +1,33 @@
-const t = (e, p) => e.depth - p.depth;
+import { mixNumber as c } from "./visualization.es361.js";
+import { percent as u, px as x } from "./visualization.es412.js";
+import { progress as h } from "./visualization.es362.js";
+import { circOut as L } from "./visualization.es462.js";
+import { noop as B } from "./visualization.es307.js";
+const p = [
+  "borderTopLeftRadius",
+  "borderTopRightRadius",
+  "borderBottomLeftRadius",
+  "borderBottomRightRadius"
+], M = p.length, d = (t) => typeof t == "string" ? parseFloat(t) : t, a = (t) => typeof t == "number" || x.test(t);
+function V(t, o, r, i, R, y) {
+  R ? (t.opacity = c(0, r.opacity ?? 1, C(i)), t.opacityExit = c(o.opacity ?? 1, 0, O(i))) : y && (t.opacity = c(o.opacity ?? 1, r.opacity ?? 1, i));
+  for (let f = 0; f < M; f++) {
+    const s = p[f];
+    let n = m(o, s), e = m(r, s);
+    if (n === void 0 && e === void 0)
+      continue;
+    n || (n = 0), e || (e = 0), n === 0 || e === 0 || a(n) === a(e) ? (t[s] = Math.max(c(d(n), d(e), i), 0), (u.test(e) || u.test(n)) && (t[s] += "%")) : t[s] = e;
+  }
+  (o.rotate || r.rotate) && (t.rotate = c(o.rotate || 0, r.rotate || 0, i));
+}
+function m(t, o) {
+  return t[o] !== void 0 ? t[o] : t.borderRadius;
+}
+const C = /* @__PURE__ */ b(0, 0.5, L), O = /* @__PURE__ */ b(0.5, 0.95, B);
+function b(t, o, r) {
+  return (i) => i < t ? 0 : i > o ? 1 : r(h(t, o, i));
+}
 export {
-  t as compareByDepth
+  V as mixValues
 };
 //# sourceMappingURL=visualization.es461.js.map

package/dist/visualization.es461.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es461.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs"],"sourcesContent":["const compareByDepth = (a, b) => a.depth - b.depth;\n\nexport { compareByDepth };\n//# sourceMappingURL=compare-by-depth.mjs.map\n"],"names":["compareByDepth","a","b"],"mappings":"AAAK,MAACA,IAAiB,CAACC,GAAGC,MAAMD,EAAE,QAAQC,EAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es461.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent, px } from '../../value/types/numbers/units.mjs';\nimport { progress, circOut, noop } from 'motion-utils';\n\nconst borderLabels = [\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomLeftRadius\",\n    \"borderBottomRightRadius\",\n];\nconst numBorders = borderLabels.length;\nconst asNumber = (value) => typeof value === \"string\" ? parseFloat(value) : value;\nconst isPx = (value) => typeof value === \"number\" || px.test(value);\nfunction mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {\n    if (shouldCrossfadeOpacity) {\n        target.opacity = mixNumber(0, lead.opacity ?? 1, easeCrossfadeIn(progress));\n        target.opacityExit = mixNumber(follow.opacity ?? 1, 0, easeCrossfadeOut(progress));\n    }\n    else if (isOnlyMember) {\n        target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress);\n    }\n    /**\n     * Mix border radius\n     */\n    for (let i = 0; i < numBorders; i++) {\n        const borderLabel = borderLabels[i];\n        let followRadius = getRadius(follow, borderLabel);\n        let leadRadius = getRadius(lead, borderLabel);\n        if (followRadius === undefined && leadRadius === undefined)\n            continue;\n        followRadius || (followRadius = 0);\n        leadRadius || (leadRadius = 0);\n        const canMix = followRadius === 0 ||\n            leadRadius === 0 ||\n            isPx(followRadius) === isPx(leadRadius);\n        if (canMix) {\n            target[borderLabel] = Math.max(mixNumber(asNumber(followRadius), asNumber(leadRadius), progress), 0);\n            if (percent.test(leadRadius) || percent.test(followRadius)) {\n                target[borderLabel] += \"%\";\n            }\n        }\n        else {\n            target[borderLabel] = leadRadius;\n        }\n    }\n    /**\n     * Mix rotation\n     */\n    if (follow.rotate || lead.rotate) {\n        target.rotate = mixNumber(follow.rotate || 0, lead.rotate || 0, progress);\n    }\n}\nfunction getRadius(values, radiusName) {\n    return values[radiusName] !== undefined\n        ? values[radiusName]\n        : values.borderRadius;\n}\nconst easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);\nconst easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);\nfunction compress(min, max, easing) {\n    return (p) => {\n        // Could replace ifs with clamp\n        if (p < min)\n            return 0;\n        if (p > max)\n            return 1;\n        return easing(progress(min, max, p));\n    };\n}\n\nexport { mixValues };\n//# sourceMappingURL=mix-values.mjs.map\n"],"names":["borderLabels","numBorders","asNumber","value","isPx","px","mixValues","target","follow","lead","progress","shouldCrossfadeOpacity","isOnlyMember","mixNumber","easeCrossfadeIn","easeCrossfadeOut","i","borderLabel","followRadius","getRadius","leadRadius","percent","values","radiusName","compress","circOut","noop","min","max","easing","p"],"mappings":";;;;;AAIA,MAAMA,IAAe;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACMC,IAAaD,EAAa,QAC1BE,IAAW,CAACC,MAAU,OAAOA,KAAU,WAAW,WAAWA,CAAK,IAAIA,GACtEC,IAAO,CAACD,MAAU,OAAOA,KAAU,YAAYE,EAAG,KAAKF,CAAK;AAClE,SAASG,EAAUC,GAAQC,GAAQC,GAAMC,GAAUC,GAAwBC,GAAc;AACrF,EAAID,KACAJ,EAAO,UAAUM,EAAU,GAAGJ,EAAK,WAAW,GAAGK,EAAgBJ,CAAQ,CAAC,GAC1EH,EAAO,cAAcM,EAAUL,EAAO,WAAW,GAAG,GAAGO,EAAiBL,CAAQ,CAAC,KAE5EE,MACLL,EAAO,UAAUM,EAAUL,EAAO,WAAW,GAAGC,EAAK,WAAW,GAAGC,CAAQ;AAK/E,WAASM,IAAI,GAAGA,IAAIf,GAAYe,KAAK;AACjC,UAAMC,IAAcjB,EAAagB,CAAC;AAClC,QAAIE,IAAeC,EAAUX,GAAQS,CAAW,GAC5CG,IAAaD,EAAUV,GAAMQ,CAAW;AAC5C,QAAIC,MAAiB,UAAaE,MAAe;AAC7C;AACJ,IAAAF,MAAiBA,IAAe,IAChCE,MAAeA,IAAa,IACbF,MAAiB,KAC5BE,MAAe,KACfhB,EAAKc,CAAY,MAAMd,EAAKgB,CAAU,KAEtCb,EAAOU,CAAW,IAAI,KAAK,IAAIJ,EAAUX,EAASgB,CAAY,GAAGhB,EAASkB,CAAU,GAAGV,CAAQ,GAAG,CAAC,IAC/FW,EAAQ,KAAKD,CAAU,KAAKC,EAAQ,KAAKH,CAAY,OACrDX,EAAOU,CAAW,KAAK,QAI3BV,EAAOU,CAAW,IAAIG;AAAA,EAE9B;AAIA,GAAIZ,EAAO,UAAUC,EAAK,YACtBF,EAAO,SAASM,EAAUL,EAAO,UAAU,GAAGC,EAAK,UAAU,GAAGC,CAAQ;AAEhF;AACA,SAASS,EAAUG,GAAQC,GAAY;AACnC,SAAOD,EAAOC,CAAU,MAAM,SACxBD,EAAOC,CAAU,IACjBD,EAAO;AACjB;AACA,MAAMR,IAAgC,gBAAAU,EAAS,GAAG,KAAKC,CAAO,GACxDV,IAAiC,gBAAAS,EAAS,KAAK,MAAME,CAAI;AAC/D,SAASF,EAASG,GAAKC,GAAKC,GAAQ;AAChC,SAAO,CAACC,MAEAA,IAAIH,IACG,IACPG,IAAIF,IACG,IACJC,EAAOnB,EAASiB,GAAKC,GAAKE,CAAC,CAAC;AAE3C;","x_google_ignoreList":[0]}

package/dist/visualization.es462.js

@@ -1,20 +1,9 @@
-import { compareByDepth as t } from "./visualization.es461.js";
-import { addUniqueItem as r, removeItem as e } from "./visualization.es463.js";
-class c {
-  constructor() {
-    this.children = [], this.isDirty = !1;
-  }
-  add(i) {
-    r(this.children, i), this.isDirty = !0;
-  }
-  remove(i) {
-    e(this.children, i), this.isDirty = !0;
-  }
-  forEach(i) {
-    this.isDirty && this.children.sort(t), this.isDirty = !1, this.children.forEach(i);
-  }
-}
+import { mirrorEasing as o } from "./visualization.es486.js";
+import { reverseEasing as t } from "./visualization.es487.js";
+const r = (c) => 1 - Math.sin(Math.acos(c)), s = t(r), a = o(r);
 export {
-  c as FlatTree
+  r as circIn,
+  a as circInOut,
+  s as circOut
 };
 //# sourceMappingURL=visualization.es462.js.map

package/dist/visualization.es462.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es462.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from 'motion-utils';\nimport { compareByDepth } from './compare-by-depth.mjs';\n\nclass FlatTree {\n    constructor() {\n        this.children = [];\n        this.isDirty = false;\n    }\n    add(child) {\n        addUniqueItem(this.children, child);\n        this.isDirty = true;\n    }\n    remove(child) {\n        removeItem(this.children, child);\n        this.isDirty = true;\n    }\n    forEach(callback) {\n        this.isDirty && this.children.sort(compareByDepth);\n        this.isDirty = false;\n        this.children.forEach(callback);\n    }\n}\n\nexport { FlatTree };\n//# sourceMappingURL=flat-tree.mjs.map\n"],"names":["FlatTree","child","addUniqueItem","removeItem","callback","compareByDepth"],"mappings":";;AAGA,MAAMA,EAAS;AAAA,EACX,cAAc;AACV,SAAK,WAAW,CAAA,GAChB,KAAK,UAAU;AAAA,EACnB;AAAA,EACA,IAAIC,GAAO;AACP,IAAAC,EAAc,KAAK,UAAUD,CAAK,GAClC,KAAK,UAAU;AAAA,EACnB;AAAA,EACA,OAAOA,GAAO;AACV,IAAAE,EAAW,KAAK,UAAUF,CAAK,GAC/B,KAAK,UAAU;AAAA,EACnB;AAAA,EACA,QAAQG,GAAU;AACd,SAAK,WAAW,KAAK,SAAS,KAAKC,CAAc,GACjD,KAAK,UAAU,IACf,KAAK,SAAS,QAAQD,CAAQ;AAAA,EAClC;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es462.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/circ.mjs"],"sourcesContent":["import { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst circIn = (p) => 1 - Math.sin(Math.acos(p));\nconst circOut = reverseEasing(circIn);\nconst circInOut = mirrorEasing(circIn);\n\nexport { circIn, circInOut, circOut };\n//# sourceMappingURL=circ.mjs.map\n"],"names":["circIn","p","circOut","reverseEasing","circInOut","mirrorEasing"],"mappings":";;AAGK,MAACA,IAAS,CAACC,MAAM,IAAI,KAAK,IAAI,KAAK,KAAKA,CAAC,CAAC,GACzCC,IAAUC,EAAcH,CAAM,GAC9BI,IAAYC,EAAaL,CAAM;","x_google_ignoreList":[0]}

package/dist/visualization.es463.js

@@ -1,12 +1,11 @@
-function f(e, n) {
-  e.indexOf(n) === -1 && e.push(n);
-}
-function d(e, n) {
-  const i = e.indexOf(n);
-  i > -1 && e.splice(i, 1);
+import { animateMotionValue as m } from "./visualization.es334.js";
+import { motionValue as a } from "./visualization.es407.js";
+import { isMotionValue as r } from "./visualization.es209.js";
+function f(o, i, n) {
+  const t = r(o) ? o : a(o);
+  return t.start(m("", t, i, n)), t.animation;
 }
 export {
-  f as addUniqueItem,
-  d as removeItem
+  f as animateSingleValue
 };
 //# sourceMappingURL=visualization.es463.js.map

package/dist/visualization.es463.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es463.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/array.mjs"],"sourcesContent":["function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n//# sourceMappingURL=array.mjs.map\n"],"names":["addUniqueItem","arr","item","removeItem","index"],"mappings":"AAAA,SAASA,EAAcC,GAAKC,GAAM;AAC9B,EAAID,EAAI,QAAQC,CAAI,MAAM,MACtBD,EAAI,KAAKC,CAAI;AACrB;AACA,SAASC,EAAWF,GAAKC,GAAM;AAC3B,QAAME,IAAQH,EAAI,QAAQC,CAAI;AAC9B,EAAIE,IAAQ,MACRH,EAAI,OAAOG,GAAO,CAAC;AAC3B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es463.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs"],"sourcesContent":["import { animateMotionValue } from '../interfaces/motion-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction animateSingleValue(value, keyframes, options) {\n    const motionValue$1 = isMotionValue(value) ? value : motionValue(value);\n    motionValue$1.start(animateMotionValue(\"\", motionValue$1, keyframes, options));\n    return motionValue$1.animation;\n}\n\nexport { animateSingleValue };\n//# sourceMappingURL=single-value.mjs.map\n"],"names":["animateSingleValue","value","keyframes","options","motionValue$1","isMotionValue","motionValue","animateMotionValue"],"mappings":";;;AAIA,SAASA,EAAmBC,GAAOC,GAAWC,GAAS;AACnD,QAAMC,IAAgBC,EAAcJ,CAAK,IAAIA,IAAQK,EAAYL,CAAK;AACtE,SAAAG,EAAc,MAAMG,EAAmB,IAAIH,GAAeF,GAAWC,CAAO,CAAC,GACtEC,EAAc;AACzB;","x_google_ignoreList":[0]}

package/dist/visualization.es464.js

@@ -1,13 +1,5 @@
-import { time as s } from "./visualization.es294.js";
-import { frame as m, cancelFrame as o } from "./visualization.es332.js";
-function i(c, r) {
-  const n = s.now(), e = ({ timestamp: a }) => {
-    const t = a - n;
-    t >= r && (o(e), c(t - r));
-  };
-  return m.setup(e, !0), () => o(e);
-}
+const t = (e, p) => e.depth - p.depth;
 export {
-  i as delay
+  t as compareByDepth
 };
 //# sourceMappingURL=visualization.es464.js.map

package/dist/visualization.es464.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es464.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/delay.mjs"],"sourcesContent":["import { time } from '../frameloop/sync-time.mjs';\nimport { secondsToMilliseconds } from 'motion-utils';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\n/**\n * Timeout defined in ms\n */\nfunction delay(callback, timeout) {\n    const start = time.now();\n    const checkElapsed = ({ timestamp }) => {\n        const elapsed = timestamp - start;\n        if (elapsed >= timeout) {\n            cancelFrame(checkElapsed);\n            callback(elapsed - timeout);\n        }\n    };\n    frame.setup(checkElapsed, true);\n    return () => cancelFrame(checkElapsed);\n}\nfunction delayInSeconds(callback, timeout) {\n    return delay(callback, secondsToMilliseconds(timeout));\n}\n\nexport { delay, delayInSeconds };\n//# sourceMappingURL=delay.mjs.map\n"],"names":["delay","callback","timeout","start","time","checkElapsed","timestamp","elapsed","cancelFrame","frame"],"mappings":";;AAOA,SAASA,EAAMC,GAAUC,GAAS;AAC9B,QAAMC,IAAQC,EAAK,IAAG,GAChBC,IAAe,CAAC,EAAE,WAAAC,QAAgB;AACpC,UAAMC,IAAUD,IAAYH;AAC5B,IAAII,KAAWL,MACXM,EAAYH,CAAY,GACxBJ,EAASM,IAAUL,CAAO;AAAA,EAElC;AACA,SAAAO,EAAM,MAAMJ,GAAc,EAAI,GACvB,MAAMG,EAAYH,CAAY;AACzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es464.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs"],"sourcesContent":["const compareByDepth = (a, b) => a.depth - b.depth;\n\nexport { compareByDepth };\n//# sourceMappingURL=compare-by-depth.mjs.map\n"],"names":["compareByDepth","a","b"],"mappings":"AAAK,MAACA,IAAiB,CAACC,GAAGC,MAAMD,EAAE,QAAQC,EAAE;","x_google_ignoreList":[0]}