@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es454.js

@@ -1,17 +1,35 @@
-import { complex as f } from "./visualization.es397.js";
-import { mixNumber as i } from "./visualization.es356.js";
-const y = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = f.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = f.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, m = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= m;
-    const s = i(n, m, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= s), typeof o[3 + r] == "number" && (o[3 + r] /= s), p(o);
-  }
-};
+import { calcLength as r } from "./visualization.es452.js";
+function u(n) {
+  return n.translate === 0 && n.scale === 1;
+}
+function e(n) {
+  return u(n.x) && u(n.y);
+}
+function i(n, t) {
+  return n.min === t.min && n.max === t.max;
+}
+function s(n, t) {
+  return i(n.x, t.x) && i(n.y, t.y);
+}
+function o(n, t) {
+  return Math.round(n.min) === Math.round(t.min) && Math.round(n.max) === Math.round(t.max);
+}
+function x(n, t) {
+  return o(n.x, t.x) && o(n.y, t.y);
+}
+function c(n) {
+  return r(n.x) / r(n.y);
+}
+function l(n, t) {
+  return n.translate === t.translate && n.scale === t.scale && n.originPoint === t.originPoint;
+}
 export {
-  y as correctBoxShadow
+  c as aspectRatio,
+  l as axisDeltaEquals,
+  i as axisEquals,
+  o as axisEqualsRounded,
+  s as boxEquals,
+  x as boxEqualsRounded,
+  e as isDeltaZero
 };
 //# sourceMappingURL=visualization.es454.js.map

package/dist/visualization.es454.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es454.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\nimport { mixNumber } from '../../utils/mix/number.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mixNumber(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n//# sourceMappingURL=scale-box-shadow.mjs.map\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mixNumber"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAUH,GAAQC,GAAQ,GAAG;AAElD,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EAC1B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es454.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs"],"sourcesContent":["import { calcLength } from './delta-calc.mjs';\n\nfunction isAxisDeltaZero(delta) {\n    return delta.translate === 0 && delta.scale === 1;\n}\nfunction isDeltaZero(delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);\n}\nfunction axisEquals(a, b) {\n    return a.min === b.min && a.max === b.max;\n}\nfunction boxEquals(a, b) {\n    return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);\n}\nfunction axisEqualsRounded(a, b) {\n    return (Math.round(a.min) === Math.round(b.min) &&\n        Math.round(a.max) === Math.round(b.max));\n}\nfunction boxEqualsRounded(a, b) {\n    return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);\n}\nfunction aspectRatio(box) {\n    return calcLength(box.x) / calcLength(box.y);\n}\nfunction axisDeltaEquals(a, b) {\n    return (a.translate === b.translate &&\n        a.scale === b.scale &&\n        a.originPoint === b.originPoint);\n}\n\nexport { aspectRatio, axisDeltaEquals, axisEquals, axisEqualsRounded, boxEquals, boxEqualsRounded, isDeltaZero };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isAxisDeltaZero","delta","isDeltaZero","axisEquals","a","b","boxEquals","axisEqualsRounded","boxEqualsRounded","aspectRatio","box","calcLength","axisDeltaEquals"],"mappings":";AAEA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,EAAM,cAAc,KAAKA,EAAM,UAAU;AACpD;AACA,SAASC,EAAYD,GAAO;AACxB,SAAOD,EAAgBC,EAAM,CAAC,KAAKD,EAAgBC,EAAM,CAAC;AAC9D;AACA,SAASE,EAAWC,GAAGC,GAAG;AACtB,SAAOD,EAAE,QAAQC,EAAE,OAAOD,EAAE,QAAQC,EAAE;AAC1C;AACA,SAASC,EAAUF,GAAGC,GAAG;AACrB,SAAOF,EAAWC,EAAE,GAAGC,EAAE,CAAC,KAAKF,EAAWC,EAAE,GAAGC,EAAE,CAAC;AACtD;AACA,SAASE,EAAkBH,GAAGC,GAAG;AAC7B,SAAQ,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG,KAC1C,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG;AAC9C;AACA,SAASG,EAAiBJ,GAAGC,GAAG;AAC5B,SAAOE,EAAkBH,EAAE,GAAGC,EAAE,CAAC,KAAKE,EAAkBH,EAAE,GAAGC,EAAE,CAAC;AACpE;AACA,SAASI,EAAYC,GAAK;AACtB,SAAOC,EAAWD,EAAI,CAAC,IAAIC,EAAWD,EAAI,CAAC;AAC/C;AACA,SAASE,EAAgBR,GAAGC,GAAG;AAC3B,SAAQD,EAAE,cAAcC,EAAE,aACtBD,EAAE,UAAUC,EAAE,SACdD,EAAE,gBAAgBC,EAAE;AAC5B;","x_google_ignoreList":[0]}

package/dist/visualization.es455.js

@@ -1,14 +1,7 @@
-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";
+function n(e) {
+  return [e("x"), e("y")];
 }
 export {
-  X as buildProjectionTransform
+  n as eachAxis
 };
 //# sourceMappingURL=visualization.es455.js.map

package/dist/visualization.es455.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es455.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]}
+{"version":3,"file":"visualization.es455.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs"],"sourcesContent":["function eachAxis(callback) {\n    return [callback(\"x\"), callback(\"y\")];\n}\n\nexport { eachAxis };\n//# sourceMappingURL=each-axis.mjs.map\n"],"names":["eachAxis","callback"],"mappings":"AAAA,SAASA,EAASC,GAAU;AACxB,SAAO,CAACA,EAAS,GAAG,GAAGA,EAAS,GAAG,CAAC;AACxC;","x_google_ignoreList":[0]}

package/dist/visualization.es456.js

@@ -1,33 +1,22 @@
-import { mixNumber as c } from "./visualization.es356.js";
-import { percent as u, px as x } from "./visualization.es407.js";
-import { progress as h } from "./visualization.es357.js";
-import { circOut as L } from "./visualization.es457.js";
-import { noop as B } from "./visualization.es302.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));
+import { px as c } from "./visualization.es410.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
 }
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
+};
 export {
-  V as mixValues
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };
 //# sourceMappingURL=visualization.es456.js.map

package/dist/visualization.es456.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es456.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]}
+{"version":3,"file":"visualization.es456.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n//# sourceMappingURL=scale-border-radius.mjs.map\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACrB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es457.js

@@ -1,9 +1,17 @@
-import { mirrorEasing as o } from "./visualization.es481.js";
-import { reverseEasing as t } from "./visualization.es482.js";
-const r = (c) => 1 - Math.sin(Math.acos(c)), s = t(r), a = o(r);
+import { complex as f } from "./visualization.es400.js";
+import { mixNumber as i } from "./visualization.es359.js";
+const y = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = f.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = f.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, m = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= m;
+    const s = i(n, m, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= s), typeof o[3 + r] == "number" && (o[3 + r] /= s), p(o);
+  }
+};
 export {
-  r as circIn,
-  a as circInOut,
-  s as circOut
+  y as correctBoxShadow
 };
 //# sourceMappingURL=visualization.es457.js.map

package/dist/visualization.es457.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es457.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]}
+{"version":3,"file":"visualization.es457.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\nimport { mixNumber } from '../../utils/mix/number.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mixNumber(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n//# sourceMappingURL=scale-box-shadow.mjs.map\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mixNumber"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAUH,GAAQC,GAAQ,GAAG;AAElD,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EAC1B;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es458.js

@@ -1,11 +1,14 @@
-import { animateMotionValue as m } from "./visualization.es329.js";
-import { motionValue as a } from "./visualization.es402.js";
-import { isMotionValue as r } from "./visualization.es178.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.es458.js.map

package/dist/visualization.es458.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es458.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.es458.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.es459.js

@@ -1,5 +1,33 @@
-const t = (e, p) => e.depth - p.depth;
+import { mixNumber as c } from "./visualization.es359.js";
+import { percent as u, px as x } from "./visualization.es410.js";
+import { progress as h } from "./visualization.es360.js";
+import { circOut as L } from "./visualization.es460.js";
+import { noop as B } from "./visualization.es305.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.es459.js.map

package/dist/visualization.es459.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es459.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.es459.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.es46.js

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

package/dist/visualization.es46.js.map

@@ -0,0 +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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"}

package/dist/visualization.es460.js

@@ -1,20 +1,9 @@
-import { compareByDepth as t } from "./visualization.es459.js";
-import { addUniqueItem as r, removeItem as e } from "./visualization.es461.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.es484.js";
+import { reverseEasing as t } from "./visualization.es485.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.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/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.es460.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.es461.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.es332.js";
+import { motionValue as a } from "./visualization.es405.js";
+import { isMotionValue as r } from "./visualization.es175.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.es461.js.map

package/dist/visualization.es461.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es461.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.es461.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.es462.js

@@ -1,13 +1,5 @@
-import { time as s } from "./visualization.es292.js";
-import { frame as m, cancelFrame as o } from "./visualization.es330.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.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/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.es462.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]}