@weng-lab/visualization 2.4.2 → 2.4.3

package/dist/visualization.es466.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es466.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { hasTransform } from '../utils/has-transform.mjs';\n\n/**\n * Scales a point based on a factor and an originPoint\n */\nfunction scalePoint(point, scale, originPoint) {\n    const distanceFromOrigin = point - originPoint;\n    const scaled = scale * distanceFromOrigin;\n    return originPoint + scaled;\n}\n/**\n * Applies a translate/scale delta to a point\n */\nfunction applyPointDelta(point, translate, scale, originPoint, boxScale) {\n    if (boxScale !== undefined) {\n        point = scalePoint(point, boxScale, originPoint);\n    }\n    return scalePoint(point, scale, originPoint) + translate;\n}\n/**\n * Applies a translate/scale delta to an axis\n */\nfunction applyAxisDelta(axis, translate = 0, scale = 1, originPoint, boxScale) {\n    axis.min = applyPointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = applyPointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Applies a translate/scale delta to a box\n */\nfunction applyBoxDelta(box, { x, y }) {\n    applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);\n    applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);\n}\nconst TREE_SCALE_SNAP_MIN = 0.999999999999;\nconst TREE_SCALE_SNAP_MAX = 1.0000000000001;\n/**\n * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms\n * in a tree upon our box before then calculating how to project it into our desired viewport-relative box\n *\n * This is the final nested loop within updateLayoutDelta for future refactoring\n */\nfunction applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {\n    const treeLength = treePath.length;\n    if (!treeLength)\n        return;\n    // Reset the treeScale\n    treeScale.x = treeScale.y = 1;\n    let node;\n    let delta;\n    for (let i = 0; i < treeLength; i++) {\n        node = treePath[i];\n        delta = node.projectionDelta;\n        /**\n         * TODO: Prefer to remove this, but currently we have motion components with\n         * display: contents in Framer.\n         */\n        const { visualElement } = node.options;\n        if (visualElement &&\n            visualElement.props.style &&\n            visualElement.props.style.display === \"contents\") {\n            continue;\n        }\n        if (isSharedTransition &&\n            node.options.layoutScroll &&\n            node.scroll &&\n            node !== node.root) {\n            translateAxis(box.x, -node.scroll.offset.x);\n            translateAxis(box.y, -node.scroll.offset.y);\n        }\n        if (delta) {\n            // Incoporate each ancestor's scale into a cumulative treeScale for this component\n            treeScale.x *= delta.x.scale;\n            treeScale.y *= delta.y.scale;\n            // Apply each ancestor's calculated delta into this component's recorded layout box\n            applyBoxDelta(box, delta);\n        }\n        if (isSharedTransition && hasTransform(node.latestValues)) {\n            transformBox(box, node.latestValues, node.layout?.layoutBox);\n        }\n    }\n    /**\n     * Snap tree scale back to 1 if it's within a non-perceivable threshold.\n     * This will help reduce useless scales getting rendered.\n     */\n    if (treeScale.x < TREE_SCALE_SNAP_MAX &&\n        treeScale.x > TREE_SCALE_SNAP_MIN) {\n        treeScale.x = 1.0;\n    }\n    if (treeScale.y < TREE_SCALE_SNAP_MAX &&\n        treeScale.y > TREE_SCALE_SNAP_MIN) {\n        treeScale.y = 1.0;\n    }\n}\nfunction translateAxis(axis, distance) {\n    axis.min += distance;\n    axis.max += distance;\n}\n/**\n * Apply a transform to an axis from the latest resolved motion values.\n * This function basically acts as a bridge between a flat motion value map\n * and applyAxisDelta\n */\nfunction transformAxis(axis, axisTranslate, axisScale, boxScale, axisOrigin = 0.5) {\n    const originPoint = mixNumber(axis.min, axis.max, axisOrigin);\n    // Apply the axis delta to the final axis\n    applyAxisDelta(axis, axisTranslate, axisScale, originPoint, boxScale);\n}\nfunction resolveAxisTranslate(value, axis) {\n    if (typeof value === \"string\") {\n        return (parseFloat(value) / 100) * (axis.max - axis.min);\n    }\n    return value;\n}\n/**\n * Apply a transform to a box from the latest resolved motion values.\n */\nfunction transformBox(box, transform, sourceBox) {\n    const resolveBox = sourceBox ?? box;\n    transformAxis(box.x, resolveAxisTranslate(transform.x, resolveBox.x), transform.scaleX, transform.scale, transform.originX);\n    transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);\n}\n\nexport { applyAxisDelta, applyBoxDelta, applyPointDelta, applyTreeDeltas, scalePoint, transformAxis, transformBox, translateAxis };\n//# sourceMappingURL=delta-apply.mjs.map\n"],"names":["scalePoint","point","scale","originPoint","distanceFromOrigin","scaled","applyPointDelta","translate","boxScale","applyAxisDelta","axis","applyBoxDelta","box","x","y","TREE_SCALE_SNAP_MIN","TREE_SCALE_SNAP_MAX","applyTreeDeltas","treeScale","treePath","isSharedTransition","treeLength","node","delta","i","visualElement","translateAxis","hasTransform","transformBox","distance","transformAxis","axisTranslate","axisScale","axisOrigin","mixNumber","resolveAxisTranslate","value","transform","sourceBox","resolveBox"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es466.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { scalePoint } from './delta-apply.mjs';\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nfunction removePointDelta(point, translate, scale, originPoint, boxScale) {\n    point -= translate;\n    point = scalePoint(point, 1 / scale, originPoint);\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint);\n    }\n    return point;\n}\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nfunction removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate);\n        const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);\n        translate = relativeProgress - sourceAxis.min;\n    }\n    if (typeof translate !== \"number\")\n        return;\n    let originPoint = mixNumber(originAxis.min, originAxis.max, origin);\n    if (axis === originAxis)\n        originPoint -= translate;\n    axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {\n    removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeBoxTransforms(box, transforms, originBox, sourceBox) {\n    removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);\n    removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);\n}\n\nexport { removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta };\n//# sourceMappingURL=delta-remove.mjs.map\n"],"names":["removePointDelta","point","translate","scale","originPoint","boxScale","scalePoint","removeAxisDelta","axis","origin","originAxis","sourceAxis","percent","mixNumber","removeAxisTransforms","transforms","key","scaleKey","originKey","xKeys","yKeys","removeBoxTransforms","box","originBox","sourceBox"],"mappings":";;;AAOA,SAASA,EAAiBC,GAAOC,GAAWC,GAAOC,GAAaC,GAAU;AACtE,SAAAJ,KAASC,GACTD,IAAQK,EAAWL,GAAO,IAAIE,GAAOC,CAAW,GAC5CC,MAAa,WACbJ,IAAQK,EAAWL,GAAO,IAAII,GAAUD,CAAW,IAEhDH;AACX;AAIA,SAASM,EAAgBC,GAAMN,IAAY,GAAGC,IAAQ,GAAGM,IAAS,KAAKJ,GAAUK,IAAaF,GAAMG,IAAaH,GAAM;AAMnH,MALII,EAAQ,KAAKV,CAAS,MACtBA,IAAY,WAAWA,CAAS,GAEhCA,IADyBW,EAAUF,EAAW,KAAKA,EAAW,KAAKT,IAAY,GAAG,IACnDS,EAAW,MAE1C,OAAOT,KAAc;AACrB;AACJ,MAAIE,IAAcS,EAAUH,EAAW,KAAKA,EAAW,KAAKD,CAAM;AAClE,EAAID,MAASE,MACTN,KAAeF,IACnBM,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ,GAC7EG,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ;AACjF;AAKA,SAASS,EAAqBN,GAAMO,GAAY,CAACC,GAAKC,GAAUC,CAAS,GAAGT,GAAQE,GAAY;AAC5F,EAAAJ,EAAgBC,GAAMO,EAAWC,CAAG,GAAGD,EAAWE,CAAQ,GAAGF,EAAWG,CAAS,GAAGH,EAAW,OAAON,GAAQE,CAAU;AAC5H;AAIA,MAAMQ,IAAQ,CAAC,KAAK,UAAU,SAAS,GACjCC,IAAQ,CAAC,KAAK,UAAU,SAAS;AAKvC,SAASC,EAAoBC,GAAKP,GAAYQ,GAAWC,GAAW;AAChE,EAAAV,EAAqBQ,EAAI,GAAGP,GAAYI,GAAOI,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS,GACvHV,EAAqBQ,EAAI,GAAGP,GAAYK,GAAOG,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS;AAC3H;","x_google_ignoreList":[0]}

package/dist/visualization.es467.js

@@ -1,21 +1,35 @@
-function t(n) {
-  return n === void 0 || n === 1;
+import { calcLength as r } from "./visualization.es465.js";
+function u(n) {
+  return n.translate === 0 && n.scale === 1;
 }
-function e({ scale: n, scaleX: o, scaleY: i }) {
-  return !t(n) || !t(o) || !t(i);
+function e(n) {
+  return u(n.x) && u(n.y);
 }
-function c(n) {
-  return e(n) || f(n) || n.z || n.rotate || n.rotateX || n.rotateY || n.skewX || n.skewY;
+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 f(n) {
-  return r(n.x) || r(n.y);
+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 r(n) {
-  return n && n !== "0%";
+function l(n, t) {
+  return n.translate === t.translate && n.scale === t.scale && n.originPoint === t.originPoint;
 }
 export {
-  f as has2DTranslate,
-  e as hasScale,
-  c as hasTransform
+  c as aspectRatio,
+  l as axisDeltaEquals,
+  i as axisEquals,
+  o as axisEqualsRounded,
+  s as boxEquals,
+  x as boxEqualsRounded,
+  e as isDeltaZero
 };
 //# sourceMappingURL=visualization.es467.js.map

package/dist/visualization.es467.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es467.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs"],"sourcesContent":["function isIdentityScale(scale) {\n    return scale === undefined || scale === 1;\n}\nfunction hasScale({ scale, scaleX, scaleY }) {\n    return (!isIdentityScale(scale) ||\n        !isIdentityScale(scaleX) ||\n        !isIdentityScale(scaleY));\n}\nfunction hasTransform(values) {\n    return (hasScale(values) ||\n        has2DTranslate(values) ||\n        values.z ||\n        values.rotate ||\n        values.rotateX ||\n        values.rotateY ||\n        values.skewX ||\n        values.skewY);\n}\nfunction has2DTranslate(values) {\n    return is2DTranslate(values.x) || is2DTranslate(values.y);\n}\nfunction is2DTranslate(value) {\n    return value && value !== \"0%\";\n}\n\nexport { has2DTranslate, hasScale, hasTransform };\n//# sourceMappingURL=has-transform.mjs.map\n"],"names":["isIdentityScale","scale","hasScale","scaleX","scaleY","hasTransform","values","has2DTranslate","is2DTranslate","value"],"mappings":"AAAA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,MAAU,UAAaA,MAAU;AAC5C;AACA,SAASC,EAAS,EAAE,OAAAD,GAAO,QAAAE,GAAQ,QAAAC,EAAM,GAAI;AACzC,SAAQ,CAACJ,EAAgBC,CAAK,KAC1B,CAACD,EAAgBG,CAAM,KACvB,CAACH,EAAgBI,CAAM;AAC/B;AACA,SAASC,EAAaC,GAAQ;AAC1B,SAAQJ,EAASI,CAAM,KACnBC,EAAeD,CAAM,KACrBA,EAAO,KACPA,EAAO,UACPA,EAAO,WACPA,EAAO,WACPA,EAAO,SACPA,EAAO;AACf;AACA,SAASC,EAAeD,GAAQ;AAC5B,SAAOE,EAAcF,EAAO,CAAC,KAAKE,EAAcF,EAAO,CAAC;AAC5D;AACA,SAASE,EAAcC,GAAO;AAC1B,SAAOA,KAASA,MAAU;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es467.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.es468.js

@@ -1,39 +1,7 @@
-import { mixNumber as m } from "./visualization.es375.js";
-const y = 1e-4, u = 1 - y, E = 1 + y, R = 0.01, P = 0 - R, S = 0 + R;
-function x(n) {
-  return n.max - n.min;
-}
-function I(n, c, i) {
-  return Math.abs(n - c) <= i;
-}
-function A(n, c, i, o = 0.5) {
-  n.origin = o, n.originPoint = m(c.min, c.max, n.origin), n.scale = x(i) / x(c), n.translate = m(i.min, i.max, n.origin) - n.originPoint, (n.scale >= u && n.scale <= E || isNaN(n.scale)) && (n.scale = 1), (n.translate >= P && n.translate <= S || isNaN(n.translate)) && (n.translate = 0);
-}
-function T(n, c, i, o) {
-  A(n.x, c.x, i.x, o ? o.originX : void 0), A(n.y, c.y, i.y, o ? o.originY : void 0);
-}
-function f(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = s + c.min, n.max = n.min + x(c);
-}
-function _(n, c, i, o) {
-  f(n.x, c.x, i.x, o?.x), f(n.y, c.y, i.y, o?.y);
-}
-function N(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = c.min - s, n.max = n.min + x(c);
-}
-function C(n, c, i, o) {
-  N(n.x, c.x, i.x, o?.x), N(n.y, c.y, i.y, o?.y);
+function n(e) {
+  return [e("x"), e("y")];
 }
 export {
-  A as calcAxisDelta,
-  T as calcBoxDelta,
-  x as calcLength,
-  f as calcRelativeAxis,
-  N as calcRelativeAxisPosition,
-  _ as calcRelativeBox,
-  C as calcRelativePosition,
-  I as isNear
+  n as eachAxis
 };
 //# sourceMappingURL=visualization.es468.js.map

package/dist/visualization.es468.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es468.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\n\nconst SCALE_PRECISION = 0.0001;\nconst SCALE_MIN = 1 - SCALE_PRECISION;\nconst SCALE_MAX = 1 + SCALE_PRECISION;\nconst TRANSLATE_PRECISION = 0.01;\nconst TRANSLATE_MIN = 0 - TRANSLATE_PRECISION;\nconst TRANSLATE_MAX = 0 + TRANSLATE_PRECISION;\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target, maxDistance) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mixNumber(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    delta.translate =\n        mixNumber(target.min, target.max, delta.origin) - delta.originPoint;\n    if ((delta.scale >= SCALE_MIN && delta.scale <= SCALE_MAX) ||\n        isNaN(delta.scale)) {\n        delta.scale = 1.0;\n    }\n    if ((delta.translate >= TRANSLATE_MIN &&\n        delta.translate <= TRANSLATE_MAX) ||\n        isNaN(delta.translate)) {\n        delta.translate = 0.0;\n    }\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = anchorPoint + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent, anchor) {\n    calcRelativeAxis(target.x, relative.x, parent.x, anchor?.x);\n    calcRelativeAxis(target.y, relative.y, parent.y, anchor?.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = layout.min - anchorPoint;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent, anchor) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x, anchor?.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y, anchor?.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n//# sourceMappingURL=delta-calc.mjs.map\n"],"names":["SCALE_PRECISION","SCALE_MIN","SCALE_MAX","TRANSLATE_PRECISION","TRANSLATE_MIN","TRANSLATE_MAX","calcLength","axis","isNear","value","target","maxDistance","calcAxisDelta","delta","source","origin","mixNumber","calcBoxDelta","calcRelativeAxis","relative","parent","anchor","anchorPoint","calcRelativeBox","calcRelativeAxisPosition","layout","calcRelativePosition"],"mappings":";AAEA,MAAMA,IAAkB,MAClBC,IAAY,IAAID,GAChBE,IAAY,IAAIF,GAChBG,IAAsB,MACtBC,IAAgB,IAAID,GACpBE,IAAgB,IAAIF;AAC1B,SAASG,EAAWC,GAAM;AACtB,SAAOA,EAAK,MAAMA,EAAK;AAC3B;AACA,SAASC,EAAOC,GAAOC,GAAQC,GAAa;AACxC,SAAO,KAAK,IAAIF,IAAQC,CAAM,KAAKC;AACvC;AACA,SAASC,EAAcC,GAAOC,GAAQJ,GAAQK,IAAS,KAAK;AACxD,EAAAF,EAAM,SAASE,GACfF,EAAM,cAAcG,EAAUF,EAAO,KAAKA,EAAO,KAAKD,EAAM,MAAM,GAClEA,EAAM,QAAQP,EAAWI,CAAM,IAAIJ,EAAWQ,CAAM,GACpDD,EAAM,YACFG,EAAUN,EAAO,KAAKA,EAAO,KAAKG,EAAM,MAAM,IAAIA,EAAM,cACvDA,EAAM,SAASZ,KAAaY,EAAM,SAASX,KAC5C,MAAMW,EAAM,KAAK,OACjBA,EAAM,QAAQ,KAEbA,EAAM,aAAaT,KACpBS,EAAM,aAAaR,KACnB,MAAMQ,EAAM,SAAS,OACrBA,EAAM,YAAY;AAE1B;AACA,SAASI,EAAaJ,GAAOC,GAAQJ,GAAQK,GAAQ;AACjD,EAAAH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS,GAC9EH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS;AAClF;AACA,SAASG,EAAiBR,GAAQS,GAAUC,GAAQC,IAAS,GAAG;AAC5D,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMY,IAAcH,EAAS,KACpCT,EAAO,MAAMA,EAAO,MAAMJ,EAAWa,CAAQ;AACjD;AACA,SAASI,EAAgBb,GAAQS,GAAUC,GAAQC,GAAQ;AACvD,EAAAH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC,GAC1DH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC;AAC9D;AACA,SAASG,EAAyBd,GAAQe,GAAQL,GAAQC,IAAS,GAAG;AAClE,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMe,EAAO,MAAMH,GAC1BZ,EAAO,MAAMA,EAAO,MAAMJ,EAAWmB,CAAM;AAC/C;AACA,SAASC,EAAqBhB,GAAQe,GAAQL,GAAQC,GAAQ;AAC1D,EAAAG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC,GAChEG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC;AACpE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es468.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.es469.js

@@ -1,26 +1,22 @@
-import { mixNumber as v } from "./visualization.es375.js";
-import { percent as p } from "./visualization.es426.js";
-import { scalePoint as r } from "./visualization.es466.js";
-function c(e, m, f, n, d) {
-  return e -= m, e = r(e, 1 / f, n), d !== void 0 && (e = r(e, 1 / d, n)), e;
-}
-function D(e, m = 0, f = 1, n = 0.5, d, u = e, y = e) {
-  if (p.test(m) && (m = parseFloat(m), m = v(y.min, y.max, m / 100) - y.min), typeof m != "number")
-    return;
-  let i = v(u.min, u.max, n);
-  e === u && (i -= m), e.min = c(e.min, m, f, i, d), e.max = c(e.max, m, f, i, d);
-}
-function P(e, m, [f, n, d], u, y) {
-  D(e, m[f], m[n], m[d], m.scale, u, y);
-}
-const K = ["x", "scaleX", "originX"], T = ["y", "scaleY", "originY"];
-function N(e, m, f, n) {
-  P(e.x, m, K, f ? f.x : void 0, n ? n.x : void 0), P(e.y, m, T, f ? f.y : void 0, n ? n.y : void 0);
+import { px as c } from "./visualization.es423.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 {
-  D as removeAxisDelta,
-  P as removeAxisTransforms,
-  N as removeBoxTransforms,
-  c as removePointDelta
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };
 //# sourceMappingURL=visualization.es469.js.map

package/dist/visualization.es469.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es469.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { scalePoint } from './delta-apply.mjs';\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nfunction removePointDelta(point, translate, scale, originPoint, boxScale) {\n    point -= translate;\n    point = scalePoint(point, 1 / scale, originPoint);\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint);\n    }\n    return point;\n}\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nfunction removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate);\n        const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);\n        translate = relativeProgress - sourceAxis.min;\n    }\n    if (typeof translate !== \"number\")\n        return;\n    let originPoint = mixNumber(originAxis.min, originAxis.max, origin);\n    if (axis === originAxis)\n        originPoint -= translate;\n    axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {\n    removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeBoxTransforms(box, transforms, originBox, sourceBox) {\n    removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);\n    removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);\n}\n\nexport { removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta };\n//# sourceMappingURL=delta-remove.mjs.map\n"],"names":["removePointDelta","point","translate","scale","originPoint","boxScale","scalePoint","removeAxisDelta","axis","origin","originAxis","sourceAxis","percent","mixNumber","removeAxisTransforms","transforms","key","scaleKey","originKey","xKeys","yKeys","removeBoxTransforms","box","originBox","sourceBox"],"mappings":";;;AAOA,SAASA,EAAiBC,GAAOC,GAAWC,GAAOC,GAAaC,GAAU;AACtE,SAAAJ,KAASC,GACTD,IAAQK,EAAWL,GAAO,IAAIE,GAAOC,CAAW,GAC5CC,MAAa,WACbJ,IAAQK,EAAWL,GAAO,IAAII,GAAUD,CAAW,IAEhDH;AACX;AAIA,SAASM,EAAgBC,GAAMN,IAAY,GAAGC,IAAQ,GAAGM,IAAS,KAAKJ,GAAUK,IAAaF,GAAMG,IAAaH,GAAM;AAMnH,MALII,EAAQ,KAAKV,CAAS,MACtBA,IAAY,WAAWA,CAAS,GAEhCA,IADyBW,EAAUF,EAAW,KAAKA,EAAW,KAAKT,IAAY,GAAG,IACnDS,EAAW,MAE1C,OAAOT,KAAc;AACrB;AACJ,MAAIE,IAAcS,EAAUH,EAAW,KAAKA,EAAW,KAAKD,CAAM;AAClE,EAAID,MAASE,MACTN,KAAeF,IACnBM,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ,GAC7EG,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ;AACjF;AAKA,SAASS,EAAqBN,GAAMO,GAAY,CAACC,GAAKC,GAAUC,CAAS,GAAGT,GAAQE,GAAY;AAC5F,EAAAJ,EAAgBC,GAAMO,EAAWC,CAAG,GAAGD,EAAWE,CAAQ,GAAGF,EAAWG,CAAS,GAAGH,EAAW,OAAON,GAAQE,CAAU;AAC5H;AAIA,MAAMQ,IAAQ,CAAC,KAAK,UAAU,SAAS,GACjCC,IAAQ,CAAC,KAAK,UAAU,SAAS;AAKvC,SAASC,EAAoBC,GAAKP,GAAYQ,GAAWC,GAAW;AAChE,EAAAV,EAAqBQ,EAAI,GAAGP,GAAYI,GAAOI,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS,GACvHV,EAAqBQ,EAAI,GAAGP,GAAYK,GAAOG,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS;AAC3H;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es469.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.es47.js

@@ -1,47 +1,55 @@
-import { forwardRef as m } from "react";
-import u from "./visualization.es132.js";
-import { jsx as c } from "react/jsx-runtime";
-const x = {
-  position: "absolute",
-  backgroundColor: "white",
-  color: "#666666",
-  padding: "0.3rem 0.5rem",
-  borderRadius: "3px",
-  fontSize: "14px",
-  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
-  lineHeight: "1em",
-  pointerEvents: "none"
-}, y = /* @__PURE__ */ m((s, r) => {
-  let {
-    className: i,
-    top: o,
-    left: e,
-    offsetLeft: t = 10,
-    offsetTop: l = 10,
-    style: p = x,
-    children: n,
-    unstyled: a = !1,
-    applyPositionStyle: f = !1,
-    ...d
-  } = s;
-  return /* @__PURE__ */ c("div", {
-    ref: r,
-    className: u("visx-tooltip", i),
-    style: {
-      top: o == null || l == null ? o : o + l,
-      left: e == null || t == null ? e : e + t,
-      ...f && {
-        position: "absolute"
-      },
-      ...!a && p
-    },
-    ...d,
-    children: n
-  });
-});
-y.displayName = "Tooltip";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import Y from "./visualization.es110.js";
+import { truncateTextToWidth as j, getLabelPlacement as A } from "./visualization.es111.js";
+import D, { useCallback as R } from "react";
+import E from "./visualization.es21.js";
+import F from "./visualization.es65.js";
+import $ from "./visualization.es66.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(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 {
-  y as default,
-  x as defaultStyles
+  Z as default
 };
 //# sourceMappingURL=visualization.es47.js.map

package/dist/visualization.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es47.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '0.3rem 0.5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nconst Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {\n  let {\n    className,\n    top,\n    left,\n    offsetLeft = 10,\n    offsetTop = 10,\n    style = defaultStyles,\n    children,\n    unstyled = false,\n    applyPositionStyle = false,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: {\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft,\n      ...(applyPositionStyle && {\n        position: 'absolute'\n      }),\n      ...(!unstyled && style)\n    },\n    ...restProps,\n    children: children\n  });\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["defaultStyles","Tooltip","forwardRef","_ref","ref","className","top","left","offsetLeft","offsetTop","style","children","unstyled","applyPositionStyle","restProps","_jsx","cx"],"mappings":";;;AAGY,MAACA,IAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACMC,IAAuB,gBAAAC,EAAW,CAACC,GAAMC,MAAQ;AACrD,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQV;AAAA,IACR,UAAAW;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,GAAGC;AAAA,EACP,IAAMX;AACJ,SAAoBY,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKX;AAAA,IACL,WAAWY,EAAG,gBAAgBX,CAAS;AAAA,IACvC,OAAO;AAAA,MACL,KAAKC,KAAO,QAAQG,KAAa,OAAOH,IAAMA,IAAMG;AAAA,MACpD,MAAMF,KAAQ,QAAQC,KAAc,OAAOD,IAAOA,IAAOC;AAAA,MACzD,GAAIK,KAAsB;AAAA,QACxB,UAAU;AAAA,MAClB;AAAA,MACM,GAAI,CAACD,KAAYF;AAAA,IACvB;AAAA,IACI,GAAGI;AAAA,IACH,UAAUH;AAAA,EACd,CAAG;AACH,CAAC;AACDV,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es47.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.es470.js

@@ -1,35 +1,17 @@
-import { calcLength as r } from "./visualization.es468.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;
-}
+import { complex as f } from "./visualization.es413.js";
+import { mixNumber as i } from "./visualization.es372.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 {
-  c as aspectRatio,
-  l as axisDeltaEquals,
-  i as axisEquals,
-  o as axisEqualsRounded,
-  s as boxEquals,
-  x as boxEqualsRounded,
-  e as isDeltaZero
+  y as correctBoxShadow
 };
 //# sourceMappingURL=visualization.es470.js.map

package/dist/visualization.es470.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es470.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]}
+{"version":3,"file":"visualization.es470.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.es471.js

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

package/dist/visualization.es471.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es471.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]}
+{"version":3,"file":"visualization.es471.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.es472.js

@@ -1,22 +1,33 @@
-import { px as c } from "./visualization.es426.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}%`;
+import { mixNumber as c } from "./visualization.es372.js";
+import { percent as u, px as x } from "./visualization.es423.js";
+import { progress as h } from "./visualization.es373.js";
+import { circOut as L } from "./visualization.es473.js";
+import { noop as B } from "./visualization.es318.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 {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  V as mixValues
 };
 //# sourceMappingURL=visualization.es472.js.map

package/dist/visualization.es472.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es472.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]}
+{"version":3,"file":"visualization.es472.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]}