@weng-lab/visualization 1.3.0-beta.1 → 1.3.1

package/dist/visualization.es4.js

@@ -0,0 +1,129 @@
+import { j as e } from "./visualization.es11.js";
+import { useRef as I, useMemo as g, useImperativeHandle as W } from "react";
+import { getTextHeight as B } from "./visualization.es38.js";
+import E from "./visualization.es39.js";
+import { downloadSVGAsPNG as q, downloadAsSVG as J, getAnimationProps as K } from "./visualization.es15.js";
+import Q from "./visualization.es16.js";
+import G from "./visualization.es40.js";
+import F from "./visualization.es17.js";
+import Y from "./visualization.es20.js";
+import U from "./visualization.es23.js";
+import { motion as Z } from "./visualization.es24.js";
+import O from "./visualization.es28.js";
+import T from "./visualization.es27.js";
+const ht = (t) => {
+  const {
+    parentRef: H,
+    width: x,
+    height: y
+  } = Q(), j = I(null), d = g(() => t.distributions.map((i, n) => i.label ?? `Group ${n + 1}`), [t.distributions]), o = t.labelOrientation ?? "horizontal", s = 15, z = t.cutoffLine ?? "none", k = t.horizontal ? o === "vertical" ? s : Math.max(...d.map((i) => B(i, s, "Arial"))) / (o !== "horizontal" ? 1.25 : 1) : o === "horizontal" ? s : Math.max(...d.map((i) => B(i, s, "Arial"))) / (o !== "vertical" ? 1.25 : 1), C = 40, a = t.horizontal ? o !== "vertical" ? k / 1.75 : k : C, S = x - 2 * a, V = y - k - 2 * a, w = x - 2.5 * a, h = y - 130, L = t.distributions.flatMap((i) => i.data.flatMap((n) => n.value)), m = Math.min(...L), b = Math.max(...L), l = t.cutoffValue ?? m, M = g(() => G({
+    range: [0, S],
+    round: !0,
+    domain: d,
+    padding: 0.4
+  }), [S, d]), r = g(() => {
+    const i = 0.07 * (b - Math.max(m, l));
+    return F({
+      range: [V, 0],
+      round: !0,
+      // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis
+      domain: [Math.max(m, l) - i, b + i]
+    });
+  }, [V, m, b, l]), f = g(() => {
+    const i = 0.07 * (b - Math.max(m, l));
+    return F({
+      range: [0, w],
+      round: !0,
+      // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis
+      domain: [Math.max(m, l) - i, b + i]
+    });
+  }, [w, m, b, l]), $ = g(() => G({
+    range: [0, h],
+    round: !0,
+    domain: d,
+    padding: 0.4
+  }), [h, d]), N = t.horizontal ? f : r, R = t.horizontal ? $ : M, D = t.horizontal ? /* @__PURE__ */ e.jsx(Y, { textAnchor: "middle", verticalAnchor: "end", fontSize: s, y: h + C + 20, x: w / 2 + a, children: t.axisLabel }) : /* @__PURE__ */ e.jsx(Y, { textAnchor: "middle", verticalAnchor: "end", angle: -90, fontSize: s, y: V / 2, x: -10, children: t.axisLabel }), X = g(() => {
+    const i = r.ticks();
+    return t.cutoffValue ? Array.from(/* @__PURE__ */ new Set([...i, l])).sort((n, c) => n - c) : i;
+  }, [r, l]);
+  return W(t.ref, () => ({
+    downloadSVG: () => {
+      j.current && J(j.current, t.downloadFileName ?? "violin_plot.svg");
+    },
+    downloadPNG: () => {
+      j.current && q(j.current, t.downloadFileName ?? "violin_plot.png");
+    }
+  })), /* @__PURE__ */ e.jsx("div", { style: {
+    position: "relative",
+    width: "100%",
+    height: "100%"
+  }, ref: H, children: /* @__PURE__ */ e.jsx("svg", { width: x ?? 0, height: y ?? 0, ref: j, children: /* @__PURE__ */ e.jsxs(U, { top: C, left: a, children: [
+    t.distributions.map((i, n) => {
+      const c = t.animation ? Z.g : "g", u = K(t.animation, n, t.animationBuffer ?? 0.03);
+      return /* @__PURE__ */ e.jsx(c, { ...u, children: /* @__PURE__ */ e.jsx(E, { distribution: i, distIndex: n, violinProps: t.violinProps, crossProps: t.crossProps, valueScale: N, labelScale: R, offset: a, labels: d, disableCrossPlot: t.disableCrossPlot ?? !1, disableViolinPlot: t.disableViolinPlot ?? !1, horizontal: t.horizontal ?? !1, pointTooltipBody: t.pointTooltipBody, onViolinClicked: t.onViolinClicked, onPointClicked: t.onPointClicked }, n) }, `node-${n}`);
+    }),
+    t.cutoffValue && (t.horizontal ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("rect", { x: 0, y: 0, width: f(l), height: h, fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
+      /* @__PURE__ */ e.jsx("rect", { x: -k, y: 0, width: k + a, height: h, fill: "white" })
+    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("rect", { x: a, y: r(l), width: x - a, height: r(l), fill: "white", opacity: t.cutoffOpacity ?? 0.8 }),
+      /* @__PURE__ */ e.jsx("rect", { x: a, y: V, width: x - a, height: k + 2 * a, fill: "white" })
+    ] })),
+    t.horizontal ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(O, { scale: f, top: h, left: a, stroke: "black", tickStroke: "black", tickValues: X, tickLabelProps: () => ({
+        fill: "black",
+        fontSize: s,
+        textAnchor: "end",
+        dy: "0.33em"
+      }) }, "axisLeft"),
+      D,
+      /* @__PURE__ */ e.jsx(T, { left: a, scale: $, stroke: "black", tickStroke: "black", tickValues: d, tickLabelProps: () => ({
+        fill: "black",
+        fontSize: s
+      }), tickComponent: ({
+        x: i,
+        y: n,
+        formattedValue: c,
+        ...u
+      }) => {
+        const v = () => {
+          if (!t.onViolinClicked) return;
+          const A = t.distributions.find((P) => P.label === c);
+          t.onViolinClicked(A);
+        };
+        return o !== "horizontal" ? /* @__PURE__ */ e.jsx("text", { ...u, onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", x: i, y: n, dx: o === "vertical" ? 0 : "-0.25em", dy: o === "vertical" ? "0.50em" : o === "leftDiagonal" ? "-0.25em" : "0.25em", transform: o === "vertical" ? `rotate(90, ${i}, ${n})` : o === "leftDiagonal" ? `rotate(-45, ${i}, ${n})` : `rotate(45, ${i}, ${n})`, textAnchor: o === "vertical" ? "middle" : "end", dominantBaseline: "middle", children: c }) : /* @__PURE__ */ e.jsx("text", { ...u, x: i, y: n, textAnchor: "end", dominantBaseline: "middle", dx: "-0.50em", onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
+      } }, "axisBottom")
+    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(T, { left: a, scale: r, stroke: "black", tickStroke: "black", tickLabelProps: () => ({
+        fill: "black",
+        fontSize: s,
+        textAnchor: "end",
+        dy: "0.33em"
+      }) }, "axisLeft"),
+      D,
+      /* @__PURE__ */ e.jsx(O, { left: a, top: V, scale: M, stroke: "black", tickStroke: "black", tickValues: d, tickLabelProps: () => ({
+        fill: "black",
+        fontSize: s,
+        textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle"
+      }), tickComponent: ({
+        x: i,
+        y: n,
+        formattedValue: c,
+        ...u
+      }) => {
+        const v = () => {
+          if (!t.onViolinClicked) return;
+          const A = t.distributions.find((P) => P.label === c);
+          t.onViolinClicked(A);
+        };
+        return o !== "horizontal" ? /* @__PURE__ */ e.jsx("text", { onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", ...u, x: i, y: n, transform: o === "vertical" ? `rotate(-90, ${i}, ${n})` : o === "leftDiagonal" ? `rotate(-45, ${i}, ${n})` : `rotate(45, ${i}, ${n})`, textAnchor: o === "vertical" || o === "leftDiagonal" ? "end" : o === "rightDiagonal" ? "start" : "middle", children: c }) : /* @__PURE__ */ e.jsx("text", { ...u, x: i, y: n, textAnchor: "middle", onClick: v, cursor: t.onViolinClicked ? "pointer" : "text", children: c });
+      } }, "axisBottom")
+    ] }),
+    t.show95thPercentileLine && (t.horizontal ? f.domain()[1] > 1.645 && /* @__PURE__ */ e.jsx("line", { x1: f(1.645), x2: f(1.645), y1: 0, y2: h, stroke: "black", strokeDasharray: "5 7" }) : r.domain()[1] > 1.645 && /* @__PURE__ */ e.jsx("line", { y1: r(1.645), y2: r(1.645), x1: a, x2: x, stroke: "black", strokeDasharray: "5 7" })),
+    t.cutoffValue && z !== "none" && (t.horizontal ? /* @__PURE__ */ e.jsx("line", { x1: f(t.cutoffValue), x2: f(t.cutoffValue), y1: 0, y2: h, stroke: "black", strokeDasharray: z === "dashed" ? "5 7" : "" }) : /* @__PURE__ */ e.jsx("line", { y1: r(t.cutoffValue), y2: r(t.cutoffValue), x1: a, x2: x, stroke: "black", strokeDasharray: z === "dashed" ? "5 7" : "" }))
+  ] }) }) });
+};
+export {
+  ht as default
+};
+//# sourceMappingURL=visualization.es4.js.map

package/dist/visualization.es4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es4.js","sources":["../src/components/ViolinPlot/violinPlot.tsx"],"sourcesContent":["import { Distribution, ViolinPlotProps } from \"./types\";\nimport { useParentSize } from '@visx/responsive';\nimport { Group } from \"@visx/group\";\nimport { scaleBand, scaleLinear } from \"@visx/scale\";\nimport { AxisLeft, AxisBottom } from '@visx/axis';\nimport { useImperativeHandle, useMemo, useRef } from \"react\";\nimport { Text } from '@visx/text';\nimport { getTextHeight } from \"./helpers\";\nimport SingleViolin from \"./singleViolin\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst ViolinPlot = <T extends object>(\n    props: ViolinPlotProps<T>,\n) => {\n    const { parentRef, width: parentWidth, height: parentHeight } = useParentSize();\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    //Array of labels fo xDomain\n    const labels = useMemo(() => {\n        return props.distributions.map((x, i) => x.label ?? `Group ${i + 1}`);\n    }, [props.distributions]);\n\n    const labelOrientation = props.labelOrientation ?? \"horizontal\"\n    const fontSize = 15;\n\n    const cutoffLine = props.cutoffLine ?? \"none\"\n\n    //If the label orientation is anything but horizontal, find the max height of the elements, otherwise set to fontsize\n    const maxLabelHeight = props.horizontal ? ((labelOrientation === \"vertical\" ? fontSize : Math.max(\n        ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n    ) / (labelOrientation !== \"horizontal\" ? 1.25 : 1))) :\n        (labelOrientation === \"horizontal\" ? fontSize : Math.max(\n            ...labels.map(label => getTextHeight(label, fontSize, \"Arial\"))\n        ) / (labelOrientation !== \"vertical\" ? 1.25 : 1));\n\n    const baseOffset = 40;\n    const offset = props.horizontal ? labelOrientation !== \"vertical\" ? maxLabelHeight / 1.75 : maxLabelHeight : baseOffset;\n\n    // bounds\n    const vertXMax = parentWidth - 2 * offset;\n    const vertYMax = parentHeight - maxLabelHeight - 2 * offset;\n    const horizonXMax = parentWidth - 2.5 * offset;\n    const horizonYMax = parentHeight - 130;\n\n    //all values from data spread out based on count\n    const allValues: number[] = props.distributions.flatMap(x =>\n        x.data.flatMap(d => d.value)\n    );\n\n    const minYValue = Math.min(...allValues);\n    const maxYValue = Math.max(...allValues);\n\n    const cutoffValue = props.cutoffValue ?? minYValue\n\n    // scales\n    const vertXScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, vertXMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [vertXMax, labels]);\n\n    const vertYScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [vertYMax, 0],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [vertYMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonXScale = useMemo(() => {\n        const padding = .07 * (maxYValue - (Math.max(minYValue, cutoffValue)))\n        return scaleLinear<number>({\n            range: [0, horizonXMax],\n            round: true,\n            // Make the bottom most tick 7% of the domain less so that there is room between the lowest plot and the bottom axis\n            domain: [(Math.max(minYValue, cutoffValue)) - padding, maxYValue + padding],\n        });\n    }, [horizonXMax, minYValue, maxYValue, cutoffValue]);\n\n    const horizonYScale = useMemo(() => {\n        return scaleBand<string>({\n            range: [0, horizonYMax],\n            round: true,\n            domain: labels,\n            padding: 0.4,\n        });\n    }, [horizonYMax, labels]);\n\n\n    const valueScale = props.horizontal ? horizonXScale : vertYScale;\n    const labelScale = props.horizontal ? horizonYScale : vertXScale;\n\n    const axisLabel = props.horizontal ? (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            fontSize={fontSize}\n            y={horizonYMax + baseOffset + 20}\n            x={horizonXMax / 2 + offset}\n        >\n            {props.axisLabel}\n        </Text>\n    ) : (\n        <Text\n            textAnchor=\"middle\"\n            verticalAnchor=\"end\"\n            angle={-90}\n            fontSize={fontSize}\n            y={vertYMax / 2}\n            x={-10}\n        >\n            {props.axisLabel}\n        </Text>\n    );\n\n    const tickValues = useMemo(() => {\n        const baseTicks = vertYScale.ticks();\n        if (props.cutoffValue) return Array.from(new Set([...baseTicks, cutoffValue])).sort((a, b) => a - b);\n        return baseTicks;\n    }, [vertYScale, cutoffValue]);\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"violin_plot.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"violin_plot.png\");\n        },\n    }));\n\n    return (\n        <div style={{ position: \"relative\", width: \"100%\", height: \"100%\" }} ref={parentRef}>\n            <svg width={parentWidth ?? 0} height={parentHeight?? 0} ref={svgRef}>\n                <Group top={baseOffset} left={offset}>\n                    {props.distributions.map((x: Distribution<T>, i) => {\n                        const Wrapper = props.animation ? motion.g : \"g\";\n                        const animProps = getAnimationProps(props.animation, i, props.animationBuffer ?? .03);\n                        \n                        return (\n                            <Wrapper key={`node-${i}`} {...animProps}>\n                                <SingleViolin\n                                    key={i}\n                                    distribution={x}\n                                    distIndex={i}\n                                    violinProps={props.violinProps}\n                                    crossProps={props.crossProps}\n                                    valueScale={valueScale}\n                                    labelScale={labelScale}\n                                    offset={offset}\n                                    labels={labels}\n                                    disableCrossPlot={props.disableCrossPlot ?? false}\n                                    disableViolinPlot={props.disableViolinPlot ?? false}\n                                    horizontal={props.horizontal ?? false}\n                                    pointTooltipBody={props.pointTooltipBody}\n                                    onViolinClicked={props.onViolinClicked}\n                                    onPointClicked={props.onPointClicked}\n                                />\n                            </Wrapper>\n                        )\n                    })}\n                    {/* opacity box to cutoff the rest of the plot */}\n                    {props.cutoffValue && (\n                        props.horizontal ? (\n                            <>\n                                <rect\n                                    x={0}\n                                    y={0}\n                                    width={horizonXScale(cutoffValue)}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={-maxLabelHeight}\n                                    y={0}\n                                    width={maxLabelHeight + offset}\n                                    height={horizonYMax}\n                                    fill=\"white\"\n                                />\n                            </>\n                        ) : (\n                            <>\n                                <rect\n                                    x={offset}\n                                    y={vertYScale(cutoffValue)}\n                                    width={parentWidth - offset}\n                                    height={vertYScale(cutoffValue)}\n                                    fill=\"white\"\n                                    opacity={props.cutoffOpacity ?? .8}\n                                />\n                                <rect\n                                    x={offset}\n                                    y={vertYMax}\n                                    width={parentWidth - offset}\n                                    height={maxLabelHeight + 2 * offset}\n                                    fill=\"white\"\n                                />\n                            </>\n                        )\n                    )}\n                    {props.horizontal ? (\n                        <>\n                            <AxisBottom\n                                key={\"axisLeft\"}\n                                scale={horizonXScale}\n                                top={horizonYMax}\n                                left={offset}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={tickValues}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisLeft\n                                key={\"axisBottom\"}\n                                left={offset}\n                                scale={horizonYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                {...tickProps}\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                x={x}\n                                                y={y}\n                                                dx={labelOrientation === \"vertical\" ? 0 : \"-0.25em\"}\n                                                dy={labelOrientation === \"vertical\" ? \"0.50em\" : labelOrientation === \"leftDiagonal\" ? \"-0.25em\" : \"0.25em\"}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" ? \"middle\" : \"end\"}\n                                                dominantBaseline=\"middle\"\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"end\" dominantBaseline=\"middle\" dx=\"-0.50em\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    ) : (\n                        <>\n                            <AxisLeft\n                                key={\"axisLeft\"}\n                                left={offset}\n                                scale={vertYScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: 'end',\n                                    dy: '0.33em',\n                                })}\n                            />\n                            {axisLabel}\n                            <AxisBottom\n                                key={\"axisBottom\"}\n                                left={offset}\n                                top={vertYMax}\n                                scale={vertXScale}\n                                stroke=\"black\"\n                                tickStroke=\"black\"\n                                tickValues={labels}\n                                tickLabelProps={() => ({\n                                    fill: 'black',\n                                    fontSize: fontSize,\n                                    textAnchor: labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\",\n                                })}\n                                tickComponent={({ x, y, formattedValue, ...tickProps }) => {\n                                    const handleClick = () => {\n                                        if (!props.onViolinClicked) return;\n\n                                        const distribution = props.distributions.find(d => d.label === formattedValue)!;\n                                        props.onViolinClicked(distribution);\n                                    };\n\n                                    if (labelOrientation !== \"horizontal\") {\n                                        return (\n                                            <text\n                                                onClick={handleClick}\n                                                cursor={props.onViolinClicked ? \"pointer\" : \"text\"}\n                                                {...tickProps}\n                                                x={x}\n                                                y={y}\n                                                transform={\n                                                    labelOrientation === \"vertical\" ? `rotate(-90, ${x}, ${y})` :\n                                                        labelOrientation === \"leftDiagonal\" ? `rotate(-45, ${x}, ${y})` :\n                                                            `rotate(45, ${x}, ${y})`\n                                                }\n                                                textAnchor={labelOrientation === \"vertical\" || labelOrientation === \"leftDiagonal\" ? \"end\" : labelOrientation === \"rightDiagonal\" ? \"start\" : \"middle\"}\n                                            >\n                                                {formattedValue}\n                                            </text>\n                                        );\n                                    }\n                                    return (\n                                        <text {...tickProps} x={x} y={y} textAnchor=\"middle\" onClick={handleClick} cursor={props.onViolinClicked ? \"pointer\" : \"text\"}>\n                                            {formattedValue}\n                                        </text>\n                                    );\n                                }}\n                            />\n                        </>\n                    )\n                    }\n                    {props.show95thPercentileLine && (\n                        props.horizontal ? (\n                            horizonXScale.domain()[1] > 1.645 && (\n                                <line\n                                    x1={horizonXScale(1.645)}\n                                    x2={horizonXScale(1.645)}\n                                    y1={0}\n                                    y2={horizonYMax}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        ) : (\n                            vertYScale.domain()[1] > 1.645 && (\n                                <line\n                                    y1={vertYScale(1.645)}\n                                    y2={vertYScale(1.645)}\n                                    x1={offset}\n                                    x2={parentWidth}\n                                    stroke=\"black\"\n                                    strokeDasharray=\"5 7\"\n                                />\n                            )\n                        )\n                    )}\n                    {/* cutoff dotted line */}\n                    {props.cutoffValue && cutoffLine !== \"none\" && (\n                        props.horizontal ? (\n                            <line\n                                x1={horizonXScale(props.cutoffValue)}\n                                x2={horizonXScale(props.cutoffValue)}\n                                y1={0}\n                                y2={horizonYMax}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        ) : (\n                            <line\n                                y1={vertYScale(props.cutoffValue)}\n                                y2={vertYScale(props.cutoffValue)}\n                                x1={offset}\n                                x2={parentWidth}\n                                stroke=\"black\"\n                                strokeDasharray={cutoffLine === \"dashed\" ? \"5 7\" : \"\"}\n                            />\n                        )\n                    )}\n                </Group>\n            </svg>\n        </div>\n    );\n}\n\nexport default ViolinPlot"],"names":["ViolinPlot","props","parentRef","width","parentWidth","height","parentHeight","useParentSize","svgRef","useRef","labels","useMemo","distributions","map","x","i","label","labelOrientation","fontSize","cutoffLine","maxLabelHeight","horizontal","Math","max","getTextHeight","baseOffset","offset","vertXMax","vertYMax","horizonXMax","horizonYMax","allValues","flatMap","data","d","value","minYValue","min","maxYValue","cutoffValue","vertXScale","scaleBand","range","round","domain","padding","vertYScale","scaleLinear","horizonXScale","horizonYScale","valueScale","labelScale","axisLabel","jsx","Text","tickValues","baseTicks","ticks","Array","from","Set","sort","a","b","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","position","jsxs","Group","Wrapper","animation","motion","g","animProps","getAnimationProps","animationBuffer","SingleViolin","violinProps","crossProps","disableCrossPlot","disableViolinPlot","pointTooltipBody","onViolinClicked","onPointClicked","Fragment","cutoffOpacity","AxisBottom","fill","textAnchor","dy","AxisLeft","y","formattedValue","tickProps","handleClick","distribution","find","show95thPercentileLine"],"mappings":"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"}

package/dist/visualization.es40.js

@@ -0,0 +1,11 @@
+import r from "./visualization.es105.js";
+import e from "./visualization.es106.js";
+var n = r("domain", "range", "reverse", "align", "padding", "round");
+function t(a) {
+  return n(e(), a);
+}
+export {
+  t as default,
+  n as updateBandScale
+};
+//# sourceMappingURL=visualization.es40.js.map

package/dist/visualization.es40.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es40.js","sources":["../../../node_modules/.pnpm/@visx+scale@3.12.0/node_modules/@visx/scale/esm/scales/band.js"],"sourcesContent":["import { scaleBand } from '@visx/vendor/d3-scale';\nimport scaleOperator from '../operators/scaleOperator';\nexport var updateBandScale = scaleOperator('domain', 'range', 'reverse', 'align', 'padding', 'round');\nexport default function createBandScale(config) {\n  return updateBandScale(scaleBand(), config);\n}"],"names":["updateBandScale","scaleOperator","createBandScale","config","scaleBand"],"mappings":";;AAEU,IAACA,IAAkBC,EAAc,UAAU,SAAS,WAAW,SAAS,WAAW,OAAO;AACrF,SAASC,EAAgBC,GAAQ;AAC9C,SAAOH,EAAgBI,EAAS,GAAID,CAAM;AAC5C;","x_google_ignoreList":[0]}

package/dist/visualization.es400.js

@@ -0,0 +1,5 @@
+const e = /* @__PURE__ */ new WeakSet();
+export {
+  e as isPressing
+};
+//# sourceMappingURL=visualization.es400.js.map

package/dist/visualization.es400.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es400.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs"],"sourcesContent":["const isPressing = new WeakSet();\n\nexport { isPressing };\n"],"names":["isPressing"],"mappings":"AAAK,MAACA,IAAa,oBAAI,QAAO;","x_google_ignoreList":[0]}

package/dist/visualization.es401.js

@@ -0,0 +1,66 @@
+const e = (t) => t * 180 / Math.PI, c = (t) => {
+  const a = e(Math.atan2(t[1], t[0]));
+  return l(a);
+}, f = {
+  x: 4,
+  y: 5,
+  translateX: 4,
+  translateY: 5,
+  scaleX: 0,
+  scaleY: 3,
+  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
+  rotate: c,
+  rotateZ: c,
+  skewX: (t) => e(Math.atan(t[1])),
+  skewY: (t) => e(Math.atan(t[2])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
+}, l = (t) => (t = t % 360, t < 0 && (t += 360), t), h = c, M = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), i = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), x = {
+  x: 12,
+  y: 13,
+  z: 14,
+  translateX: 12,
+  translateY: 13,
+  translateZ: 14,
+  scaleX: M,
+  scaleY: i,
+  scale: (t) => (M(t) + i(t)) / 2,
+  rotateX: (t) => l(e(Math.atan2(t[6], t[5]))),
+  rotateY: (t) => l(e(Math.atan2(-t[2], t[0]))),
+  rotateZ: h,
+  rotate: h,
+  skewX: (t) => e(Math.atan(t[4])),
+  skewY: (t) => e(Math.atan(t[1])),
+  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
+};
+function m(t) {
+  return t.includes("scale") ? 1 : 0;
+}
+function b(t, a) {
+  if (!t || t === "none")
+    return m(a);
+  const s = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
+  let n, r;
+  if (s)
+    n = x, r = s;
+  else {
+    const d = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+    n = f, r = d;
+  }
+  if (!r)
+    return m(a);
+  const o = n[a], u = r[1].split(",").map(p);
+  return typeof o == "function" ? o(u) : u[o];
+}
+const X = (t, a) => {
+  const { transform: s = "none" } = getComputedStyle(t);
+  return b(s, a);
+};
+function p(t) {
+  return parseFloat(t.trim());
+}
+export {
+  m as defaultTransformValue,
+  b as parseValueFromTransform,
+  X as readTransformValue
+};
+//# sourceMappingURL=visualization.es401.js.map

package/dist/visualization.es401.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es401.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs"],"sourcesContent":["const radToDeg = (rad) => (rad * 180) / Math.PI;\nconst rotate = (v) => {\n    const angle = radToDeg(Math.atan2(v[1], v[0]));\n    return rebaseAngle(angle);\n};\nconst matrix2dParsers = {\n    x: 4,\n    y: 5,\n    translateX: 4,\n    translateY: 5,\n    scaleX: 0,\n    scaleY: 3,\n    scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,\n    rotate,\n    rotateZ: rotate,\n    skewX: (v) => radToDeg(Math.atan(v[1])),\n    skewY: (v) => radToDeg(Math.atan(v[2])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2,\n};\nconst rebaseAngle = (angle) => {\n    angle = angle % 360;\n    if (angle < 0)\n        angle += 360;\n    return angle;\n};\nconst rotateZ = rotate;\nconst scaleX = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1]);\nconst scaleY = (v) => Math.sqrt(v[4] * v[4] + v[5] * v[5]);\nconst matrix3dParsers = {\n    x: 12,\n    y: 13,\n    z: 14,\n    translateX: 12,\n    translateY: 13,\n    translateZ: 14,\n    scaleX,\n    scaleY,\n    scale: (v) => (scaleX(v) + scaleY(v)) / 2,\n    rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),\n    rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),\n    rotateZ,\n    rotate: rotateZ,\n    skewX: (v) => radToDeg(Math.atan(v[4])),\n    skewY: (v) => radToDeg(Math.atan(v[1])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2,\n};\nfunction defaultTransformValue(name) {\n    return name.includes(\"scale\") ? 1 : 0;\n}\nfunction parseValueFromTransform(transform, name) {\n    if (!transform || transform === \"none\") {\n        return defaultTransformValue(name);\n    }\n    const matrix3dMatch = transform.match(/^matrix3d\\(([-\\d.e\\s,]+)\\)$/u);\n    let parsers;\n    let match;\n    if (matrix3dMatch) {\n        parsers = matrix3dParsers;\n        match = matrix3dMatch;\n    }\n    else {\n        const matrix2dMatch = transform.match(/^matrix\\(([-\\d.e\\s,]+)\\)$/u);\n        parsers = matrix2dParsers;\n        match = matrix2dMatch;\n    }\n    if (!match) {\n        return defaultTransformValue(name);\n    }\n    const valueParser = parsers[name];\n    const values = match[1].split(\",\").map(convertTransformToNumber);\n    return typeof valueParser === \"function\"\n        ? valueParser(values)\n        : values[valueParser];\n}\nconst readTransformValue = (instance, name) => {\n    const { transform = \"none\" } = getComputedStyle(instance);\n    return parseValueFromTransform(transform, name);\n};\nfunction convertTransformToNumber(value) {\n    return parseFloat(value.trim());\n}\n\nexport { defaultTransformValue, parseValueFromTransform, readTransformValue };\n"],"names":["radToDeg","rad","rotate","v","angle","rebaseAngle","matrix2dParsers","rotateZ","scaleX","scaleY","matrix3dParsers","defaultTransformValue","name","parseValueFromTransform","transform","matrix3dMatch","parsers","match","matrix2dMatch","valueParser","values","convertTransformToNumber","readTransformValue","instance","value"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es402.js

@@ -0,0 +1,5 @@
+const s = (t) => t.startsWith("--");
+export {
+  s as isCSSVar
+};
+//# sourceMappingURL=visualization.es402.js.map

package/dist/visualization.es402.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es402.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs"],"sourcesContent":["const isCSSVar = (name) => name.startsWith(\"--\");\n\nexport { isCSSVar };\n"],"names":["isCSSVar","name"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAASA,EAAK,WAAW,IAAI;","x_google_ignoreList":[0]}

package/dist/visualization.es403.js

@@ -0,0 +1,8 @@
+import { isObject as r } from "./visualization.es301.js";
+function e(n) {
+  return r(n) && "ownerSVGElement" in n;
+}
+export {
+  e as isSVGElement
+};
+//# sourceMappingURL=visualization.es403.js.map

package/dist/visualization.es403.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es403.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs"],"sourcesContent":["import { isObject } from 'motion-utils';\n\n/**\n * Checks if an element is an SVG element in a way\n * that works across iframes\n */\nfunction isSVGElement(element) {\n    return isObject(element) && \"ownerSVGElement\" in element;\n}\n\nexport { isSVGElement };\n"],"names":["isSVGElement","element","isObject"],"mappings":";AAMA,SAASA,EAAaC,GAAS;AAC3B,SAAOC,EAASD,CAAO,KAAK,qBAAqBA;AACrD;","x_google_ignoreList":[0]}

package/dist/visualization.es404.js

@@ -0,0 +1,8 @@
+import { isSVGElement as r } from "./visualization.es403.js";
+function i(t) {
+  return r(t) && t.tagName === "svg";
+}
+export {
+  i as isSVGSVGElement
+};
+//# sourceMappingURL=visualization.es404.js.map

package/dist/visualization.es404.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es404.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs"],"sourcesContent":["import { isSVGElement } from './is-svg-element.mjs';\n\n/**\n * Checks if an element is specifically an SVGSVGElement (the root SVG element)\n * in a way that works across iframes\n */\nfunction isSVGSVGElement(element) {\n    return isSVGElement(element) && element.tagName === \"svg\";\n}\n\nexport { isSVGSVGElement };\n"],"names":["isSVGSVGElement","element","isSVGElement"],"mappings":";AAMA,SAASA,EAAgBC,GAAS;AAC9B,SAAOC,EAAaD,CAAO,KAAKA,EAAQ,YAAY;AACxD;","x_google_ignoreList":[0]}

package/dist/visualization.es405.js

@@ -0,0 +1,52 @@
+import { isCSSVariableToken as d } from "./visualization.es160.js";
+import { color as u } from "./visualization.es412.js";
+import { complex as h, analyseComplexValue as m } from "./visualization.es179.js";
+import { mixColor as a } from "./visualization.es406.js";
+import { mixImmediate as l } from "./visualization.es411.js";
+import { mixNumber as b } from "./visualization.es147.js";
+import { invisibleValues as c, mixVisibility as y } from "./visualization.es413.js";
+import { pipe as v } from "./visualization.es304.js";
+import { warning as g } from "./visualization.es298.js";
+function V(e, t) {
+  return (r) => b(e, t, r);
+}
+function f(e) {
+  return typeof e == "number" ? V : typeof e == "string" ? d(e) ? l : u.test(e) ? a : I : Array.isArray(e) ? p : typeof e == "object" ? u.test(e) ? a : C : l;
+}
+function p(e, t) {
+  const r = [...e], o = r.length, n = e.map((i, s) => f(i)(i, t[s]));
+  return (i) => {
+    for (let s = 0; s < o; s++)
+      r[s] = n[s](i);
+    return r;
+  };
+}
+function C(e, t) {
+  const r = { ...e, ...t }, o = {};
+  for (const n in r)
+    e[n] !== void 0 && t[n] !== void 0 && (o[n] = f(e[n])(e[n], t[n]));
+  return (n) => {
+    for (const i in o)
+      r[i] = o[i](n);
+    return r;
+  };
+}
+function k(e, t) {
+  const r = [], o = { color: 0, var: 0, number: 0 };
+  for (let n = 0; n < t.values.length; n++) {
+    const i = t.types[n], s = e.indexes[i][o[i]], x = e.values[s] ?? 0;
+    r[n] = x, o[i]++;
+  }
+  return r;
+}
+const I = (e, t) => {
+  const r = h.createTransformer(t), o = m(e), n = m(t);
+  return o.indexes.var.length === n.indexes.var.length && o.indexes.color.length === n.indexes.color.length && o.indexes.number.length >= n.indexes.number.length ? c.has(e) && !n.values.length || c.has(t) && !o.values.length ? y(e, t) : v(p(k(o, n), n.values), r) : (g(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), l(e, t));
+};
+export {
+  f as getMixer,
+  p as mixArray,
+  I as mixComplex,
+  C as mixObject
+};
+//# sourceMappingURL=visualization.es405.js.map

package/dist/visualization.es405.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es405.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/utils/mix/complex.mjs"],"sourcesContent":["import { pipe, warning } from 'motion-utils';\nimport { isCSSVariableToken } from '../../animation/utils/is-css-variable.mjs';\nimport { color } from '../../value/types/color/index.mjs';\nimport { complex, analyseComplexValue } from '../../value/types/complex/index.mjs';\nimport { mixColor } from './color.mjs';\nimport { mixImmediate } from './immediate.mjs';\nimport { mixNumber as mixNumber$1 } from './number.mjs';\nimport { invisibleValues, mixVisibility } from './visibility.mjs';\n\nfunction mixNumber(a, b) {\n    return (p) => mixNumber$1(a, b, p);\n}\nfunction getMixer(a) {\n    if (typeof a === \"number\") {\n        return mixNumber;\n    }\n    else if (typeof a === \"string\") {\n        return isCSSVariableToken(a)\n            ? mixImmediate\n            : color.test(a)\n                ? mixColor\n                : mixComplex;\n    }\n    else if (Array.isArray(a)) {\n        return mixArray;\n    }\n    else if (typeof a === \"object\") {\n        return color.test(a) ? mixColor : mixObject;\n    }\n    return mixImmediate;\n}\nfunction mixArray(a, b) {\n    const output = [...a];\n    const numValues = output.length;\n    const blendValue = a.map((v, i) => getMixer(v)(v, b[i]));\n    return (p) => {\n        for (let i = 0; i < numValues; i++) {\n            output[i] = blendValue[i](p);\n        }\n        return output;\n    };\n}\nfunction mixObject(a, b) {\n    const output = { ...a, ...b };\n    const blendValue = {};\n    for (const key in output) {\n        if (a[key] !== undefined && b[key] !== undefined) {\n            blendValue[key] = getMixer(a[key])(a[key], b[key]);\n        }\n    }\n    return (v) => {\n        for (const key in blendValue) {\n            output[key] = blendValue[key](v);\n        }\n        return output;\n    };\n}\nfunction matchOrder(origin, target) {\n    const orderedOrigin = [];\n    const pointers = { color: 0, var: 0, number: 0 };\n    for (let i = 0; i < target.values.length; i++) {\n        const type = target.types[i];\n        const originIndex = origin.indexes[type][pointers[type]];\n        const originValue = origin.values[originIndex] ?? 0;\n        orderedOrigin[i] = originValue;\n        pointers[type]++;\n    }\n    return orderedOrigin;\n}\nconst mixComplex = (origin, target) => {\n    const template = complex.createTransformer(target);\n    const originStats = analyseComplexValue(origin);\n    const targetStats = analyseComplexValue(target);\n    const canInterpolate = originStats.indexes.var.length === targetStats.indexes.var.length &&\n        originStats.indexes.color.length === targetStats.indexes.color.length &&\n        originStats.indexes.number.length >= targetStats.indexes.number.length;\n    if (canInterpolate) {\n        if ((invisibleValues.has(origin) &&\n            !targetStats.values.length) ||\n            (invisibleValues.has(target) &&\n                !originStats.values.length)) {\n            return mixVisibility(origin, target);\n        }\n        return pipe(mixArray(matchOrder(originStats, targetStats), targetStats.values), template);\n    }\n    else {\n        warning(true, `Complex values '${origin}' and '${target}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, \"complex-values-different\");\n        return mixImmediate(origin, target);\n    }\n};\n\nexport { getMixer, mixArray, mixComplex, mixObject };\n"],"names":["mixNumber","a","b","p","mixNumber$1","getMixer","isCSSVariableToken","mixImmediate","color","mixColor","mixComplex","mixArray","mixObject","output","numValues","blendValue","v","i","key","matchOrder","origin","target","orderedOrigin","pointers","type","originIndex","originValue","template","complex","originStats","analyseComplexValue","targetStats","invisibleValues","mixVisibility","pipe","warning"],"mappings":";;;;;;;;;AASA,SAASA,EAAUC,GAAGC,GAAG;AACrB,SAAO,CAACC,MAAMC,EAAYH,GAAGC,GAAGC,CAAC;AACrC;AACA,SAASE,EAASJ,GAAG;AACjB,SAAI,OAAOA,KAAM,WACND,IAEF,OAAOC,KAAM,WACXK,EAAmBL,CAAC,IACrBM,IACAC,EAAM,KAAKP,CAAC,IACRQ,IACAC,IAEL,MAAM,QAAQT,CAAC,IACbU,IAEF,OAAOV,KAAM,WACXO,EAAM,KAAKP,CAAC,IAAIQ,IAAWG,IAE/BL;AACX;AACA,SAASI,EAASV,GAAGC,GAAG;AACpB,QAAMW,IAAS,CAAC,GAAGZ,CAAC,GACda,IAAYD,EAAO,QACnBE,IAAad,EAAE,IAAI,CAACe,GAAGC,MAAMZ,EAASW,CAAC,EAAEA,GAAGd,EAAEe,CAAC,CAAC,CAAC;AACvD,SAAO,CAACd,MAAM;AACV,aAASc,IAAI,GAAGA,IAAIH,GAAWG;AAC3B,MAAAJ,EAAOI,CAAC,IAAIF,EAAWE,CAAC,EAAEd,CAAC;AAE/B,WAAOU;AAAA,EACX;AACJ;AACA,SAASD,EAAUX,GAAGC,GAAG;AACrB,QAAMW,IAAS,EAAE,GAAGZ,GAAG,GAAGC,EAAC,GACrBa,IAAa,CAAA;AACnB,aAAWG,KAAOL;AACd,IAAIZ,EAAEiB,CAAG,MAAM,UAAahB,EAAEgB,CAAG,MAAM,WACnCH,EAAWG,CAAG,IAAIb,EAASJ,EAAEiB,CAAG,CAAC,EAAEjB,EAAEiB,CAAG,GAAGhB,EAAEgB,CAAG,CAAC;AAGzD,SAAO,CAACF,MAAM;AACV,eAAWE,KAAOH;AACd,MAAAF,EAAOK,CAAG,IAAIH,EAAWG,CAAG,EAAEF,CAAC;AAEnC,WAAOH;AAAA,EACX;AACJ;AACA,SAASM,EAAWC,GAAQC,GAAQ;AAChC,QAAMC,IAAgB,CAAA,GAChBC,IAAW,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,EAAC;AAC9C,WAASN,IAAI,GAAGA,IAAII,EAAO,OAAO,QAAQJ,KAAK;AAC3C,UAAMO,IAAOH,EAAO,MAAMJ,CAAC,GACrBQ,IAAcL,EAAO,QAAQI,CAAI,EAAED,EAASC,CAAI,CAAC,GACjDE,IAAcN,EAAO,OAAOK,CAAW,KAAK;AAClD,IAAAH,EAAcL,CAAC,IAAIS,GACnBH,EAASC,CAAI;AAAA,EACjB;AACA,SAAOF;AACX;AACK,MAACZ,IAAa,CAACU,GAAQC,MAAW;AACnC,QAAMM,IAAWC,EAAQ,kBAAkBP,CAAM,GAC3CQ,IAAcC,EAAoBV,CAAM,GACxCW,IAAcD,EAAoBT,CAAM;AAI9C,SAHuBQ,EAAY,QAAQ,IAAI,WAAWE,EAAY,QAAQ,IAAI,UAC9EF,EAAY,QAAQ,MAAM,WAAWE,EAAY,QAAQ,MAAM,UAC/DF,EAAY,QAAQ,OAAO,UAAUE,EAAY,QAAQ,OAAO,SAE3DC,EAAgB,IAAIZ,CAAM,KAC3B,CAACW,EAAY,OAAO,UACnBC,EAAgB,IAAIX,CAAM,KACvB,CAACQ,EAAY,OAAO,SACjBI,EAAcb,GAAQC,CAAM,IAEhCa,EAAKvB,EAASQ,EAAWU,GAAaE,CAAW,GAAGA,EAAY,MAAM,GAAGJ,CAAQ,KAGxFQ,EAAQ,IAAM,mBAAmBf,CAAM,UAAUC,CAAM,4KAA4K,0BAA0B,GACtPd,EAAaa,GAAQC,CAAM;AAE1C;","x_google_ignoreList":[0]}

package/dist/visualization.es406.js

@@ -0,0 +1,30 @@
+import { hex as p } from "./visualization.es407.js";
+import { hsla as l } from "./visualization.es408.js";
+import { hslaToRgba as c } from "./visualization.es409.js";
+import { rgba as s } from "./visualization.es410.js";
+import { mixImmediate as f } from "./visualization.es411.js";
+import { mixNumber as u } from "./visualization.es147.js";
+import { warning as d } from "./visualization.es298.js";
+const m = (r, o, e) => {
+  const t = r * r, n = e * (o * o - t) + t;
+  return n < 0 ? 0 : Math.sqrt(n);
+}, b = [p, s, l], h = (r) => b.find((o) => o.test(r));
+function i(r) {
+  const o = h(r);
+  if (d(!!o, `'${r}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !o)
+    return !1;
+  let e = o.parse(r);
+  return o === l && (e = c(e)), e;
+}
+const G = (r, o) => {
+  const e = i(r), t = i(o);
+  if (!e || !t)
+    return f(r, o);
+  const n = { ...e };
+  return (a) => (n.red = m(e.red, t.red, a), n.green = m(e.green, t.green, a), n.blue = m(e.blue, t.blue, a), n.alpha = u(e.alpha, t.alpha, a), s.transform(n));
+};
+export {
+  G as mixColor,
+  m as mixLinearColor
+};
+//# sourceMappingURL=visualization.es406.js.map

package/dist/visualization.es406.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es406.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/utils/mix/color.mjs"],"sourcesContent":["import { warning } from 'motion-utils';\nimport { hex } from '../../value/types/color/hex.mjs';\nimport { hsla } from '../../value/types/color/hsla.mjs';\nimport { hslaToRgba } from '../../value/types/color/hsla-to-rgba.mjs';\nimport { rgba } from '../../value/types/color/rgba.mjs';\nimport { mixImmediate } from './immediate.mjs';\nimport { mixNumber } from './number.mjs';\n\n// Linear color space blending\n// Explained https://www.youtube.com/watch?v=LKnqECcg6Gw\n// Demonstrated http://codepen.io/osublake/pen/xGVVaN\nconst mixLinearColor = (from, to, v) => {\n    const fromExpo = from * from;\n    const expo = v * (to * to - fromExpo) + fromExpo;\n    return expo < 0 ? 0 : Math.sqrt(expo);\n};\nconst colorTypes = [hex, rgba, hsla];\nconst getColorType = (v) => colorTypes.find((type) => type.test(v));\nfunction asRGBA(color) {\n    const type = getColorType(color);\n    warning(Boolean(type), `'${color}' is not an animatable color. Use the equivalent color code instead.`, \"color-not-animatable\");\n    if (!Boolean(type))\n        return false;\n    let model = type.parse(color);\n    if (type === hsla) {\n        // TODO Remove this cast - needed since Motion's stricter typing\n        model = hslaToRgba(model);\n    }\n    return model;\n}\nconst mixColor = (from, to) => {\n    const fromRGBA = asRGBA(from);\n    const toRGBA = asRGBA(to);\n    if (!fromRGBA || !toRGBA) {\n        return mixImmediate(from, to);\n    }\n    const blended = { ...fromRGBA };\n    return (v) => {\n        blended.red = mixLinearColor(fromRGBA.red, toRGBA.red, v);\n        blended.green = mixLinearColor(fromRGBA.green, toRGBA.green, v);\n        blended.blue = mixLinearColor(fromRGBA.blue, toRGBA.blue, v);\n        blended.alpha = mixNumber(fromRGBA.alpha, toRGBA.alpha, v);\n        return rgba.transform(blended);\n    };\n};\n\nexport { mixColor, mixLinearColor };\n"],"names":["mixLinearColor","from","to","v","fromExpo","expo","colorTypes","hex","rgba","hsla","getColorType","type","asRGBA","color","warning","model","hslaToRgba","mixColor","fromRGBA","toRGBA","mixImmediate","blended","mixNumber"],"mappings":";;;;;;;AAWK,MAACA,IAAiB,CAACC,GAAMC,GAAIC,MAAM;AACpC,QAAMC,IAAWH,IAAOA,GAClBI,IAAOF,KAAKD,IAAKA,IAAKE,KAAYA;AACxC,SAAOC,IAAO,IAAI,IAAI,KAAK,KAAKA,CAAI;AACxC,GACMC,IAAa,CAACC,GAAKC,GAAMC,CAAI,GAC7BC,IAAe,CAACP,MAAMG,EAAW,KAAK,CAACK,MAASA,EAAK,KAAKR,CAAC,CAAC;AAClE,SAASS,EAAOC,GAAO;AACnB,QAAMF,IAAOD,EAAaG,CAAK;AAE/B,MADAC,EAAQ,EAAQH,GAAO,IAAIE,CAAK,wEAAwE,sBAAsB,GAC1H,CAASF;AACT,WAAO;AACX,MAAII,IAAQJ,EAAK,MAAME,CAAK;AAC5B,SAAIF,MAASF,MAETM,IAAQC,EAAWD,CAAK,IAErBA;AACX;AACK,MAACE,IAAW,CAAChB,GAAMC,MAAO;AAC3B,QAAMgB,IAAWN,EAAOX,CAAI,GACtBkB,IAASP,EAAOV,CAAE;AACxB,MAAI,CAACgB,KAAY,CAACC;AACd,WAAOC,EAAanB,GAAMC,CAAE;AAEhC,QAAMmB,IAAU,EAAE,GAAGH,EAAQ;AAC7B,SAAO,CAACf,OACJkB,EAAQ,MAAMrB,EAAekB,EAAS,KAAKC,EAAO,KAAKhB,CAAC,GACxDkB,EAAQ,QAAQrB,EAAekB,EAAS,OAAOC,EAAO,OAAOhB,CAAC,GAC9DkB,EAAQ,OAAOrB,EAAekB,EAAS,MAAMC,EAAO,MAAMhB,CAAC,GAC3DkB,EAAQ,QAAQC,EAAUJ,EAAS,OAAOC,EAAO,OAAOhB,CAAC,GAClDK,EAAK,UAAUa,CAAO;AAErC;","x_google_ignoreList":[0]}

package/dist/visualization.es407.js

@@ -0,0 +1,20 @@
+import { rgba as i } from "./visualization.es410.js";
+import { isColorString as g } from "./visualization.es417.js";
+function a(r) {
+  let t = "", e = "", n = "", s = "";
+  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
+    red: parseInt(t, 16),
+    green: parseInt(e, 16),
+    blue: parseInt(n, 16),
+    alpha: s ? parseInt(s, 16) / 255 : 1
+  };
+}
+const u = {
+  test: /* @__PURE__ */ g("#"),
+  parse: a,
+  transform: i.transform
+};
+export {
+  u as hex
+};
+//# sourceMappingURL=visualization.es407.js.map

package/dist/visualization.es407.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es407.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/value/types/color/hex.mjs"],"sourcesContent":["import { rgba } from './rgba.mjs';\nimport { isColorString } from './utils.mjs';\n\nfunction parseHex(v) {\n    let r = \"\";\n    let g = \"\";\n    let b = \"\";\n    let a = \"\";\n    // If we have 6 characters, ie #FF0000\n    if (v.length > 5) {\n        r = v.substring(1, 3);\n        g = v.substring(3, 5);\n        b = v.substring(5, 7);\n        a = v.substring(7, 9);\n        // Or we have 3 characters, ie #F00\n    }\n    else {\n        r = v.substring(1, 2);\n        g = v.substring(2, 3);\n        b = v.substring(3, 4);\n        a = v.substring(4, 5);\n        r += r;\n        g += g;\n        b += b;\n        a += a;\n    }\n    return {\n        red: parseInt(r, 16),\n        green: parseInt(g, 16),\n        blue: parseInt(b, 16),\n        alpha: a ? parseInt(a, 16) / 255 : 1,\n    };\n}\nconst hex = {\n    test: /*@__PURE__*/ isColorString(\"#\"),\n    parse: parseHex,\n    transform: rgba.transform,\n};\n\nexport { hex };\n"],"names":["parseHex","v","r","g","b","a","hex","isColorString","rgba"],"mappings":";;AAGA,SAASA,EAASC,GAAG;AACjB,MAAIC,IAAI,IACJC,IAAI,IACJC,IAAI,IACJC,IAAI;AAER,SAAIJ,EAAE,SAAS,KACXC,IAAID,EAAE,UAAU,GAAG,CAAC,GACpBE,IAAIF,EAAE,UAAU,GAAG,CAAC,GACpBG,IAAIH,EAAE,UAAU,GAAG,CAAC,GACpBI,IAAIJ,EAAE,UAAU,GAAG,CAAC,MAIpBC,IAAID,EAAE,UAAU,GAAG,CAAC,GACpBE,IAAIF,EAAE,UAAU,GAAG,CAAC,GACpBG,IAAIH,EAAE,UAAU,GAAG,CAAC,GACpBI,IAAIJ,EAAE,UAAU,GAAG,CAAC,GACpBC,KAAKA,GACLC,KAAKA,GACLC,KAAKA,GACLC,KAAKA,IAEF;AAAA,IACH,KAAK,SAASH,GAAG,EAAE;AAAA,IACnB,OAAO,SAASC,GAAG,EAAE;AAAA,IACrB,MAAM,SAASC,GAAG,EAAE;AAAA,IACpB,OAAOC,IAAI,SAASA,GAAG,EAAE,IAAI,MAAM;AAAA,EAC3C;AACA;AACK,MAACC,IAAM;AAAA,EACR,MAAoB,gBAAAC,EAAc,GAAG;AAAA,EACrC,OAAOP;AAAA,EACP,WAAWQ,EAAK;AACpB;","x_google_ignoreList":[0]}

package/dist/visualization.es408.js

@@ -0,0 +1,13 @@
+import { alpha as n } from "./visualization.es418.js";
+import { percent as t } from "./visualization.es419.js";
+import { sanitize as r } from "./visualization.es420.js";
+import { isColorString as i, splitColor as e } from "./visualization.es417.js";
+const u = {
+  test: /* @__PURE__ */ i("hsl", "hue"),
+  parse: /* @__PURE__ */ e("hue", "saturation", "lightness"),
+  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
+};
+export {
+  u as hsla
+};
+//# sourceMappingURL=visualization.es408.js.map

package/dist/visualization.es408.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es408.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs"],"sourcesContent":["import { alpha } from '../numbers/index.mjs';\nimport { percent } from '../numbers/units.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\nimport { isColorString, splitColor } from './utils.mjs';\n\nconst hsla = {\n    test: /*@__PURE__*/ isColorString(\"hsl\", \"hue\"),\n    parse: /*@__PURE__*/ splitColor(\"hue\", \"saturation\", \"lightness\"),\n    transform: ({ hue, saturation, lightness, alpha: alpha$1 = 1 }) => {\n        return (\"hsla(\" +\n            Math.round(hue) +\n            \", \" +\n            percent.transform(sanitize(saturation)) +\n            \", \" +\n            percent.transform(sanitize(lightness)) +\n            \", \" +\n            sanitize(alpha.transform(alpha$1)) +\n            \")\");\n    },\n};\n\nexport { hsla };\n"],"names":["hsla","isColorString","splitColor","hue","saturation","lightness","alpha$1","percent","sanitize","alpha"],"mappings":";;;;AAKK,MAACA,IAAO;AAAA,EACT,MAAoB,gBAAAC,EAAc,OAAO,KAAK;AAAA,EAC9C,OAAqB,gBAAAC,EAAW,OAAO,cAAc,WAAW;AAAA,EAChE,WAAW,CAAC,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAOC,IAAU,QAC/C,UACJ,KAAK,MAAMH,CAAG,IACd,OACAI,EAAQ,UAAUC,EAASJ,CAAU,CAAC,IACtC,OACAG,EAAQ,UAAUC,EAASH,CAAS,CAAC,IACrC,OACAG,EAASC,EAAM,UAAUH,CAAO,CAAC,IACjC;AAEZ;","x_google_ignoreList":[0]}

package/dist/visualization.es409.js

@@ -0,0 +1,23 @@
+function c(e, f, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
+}
+function R({ hue: e, saturation: f, lightness: r, alpha: M }) {
+  e /= 360, f /= 100, r /= 100;
+  let o = 0, u = 0, d = 0;
+  if (!f)
+    o = u = d = r;
+  else {
+    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
+    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
+  }
+  return {
+    red: Math.round(o * 255),
+    green: Math.round(u * 255),
+    blue: Math.round(d * 255),
+    alpha: M
+  };
+}
+export {
+  R as hslaToRgba
+};
+//# sourceMappingURL=visualization.es409.js.map

package/dist/visualization.es409.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es409.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs"],"sourcesContent":["// Adapted from https://gist.github.com/mjackson/5311256\nfunction hueToRgb(p, q, t) {\n    if (t < 0)\n        t += 1;\n    if (t > 1)\n        t -= 1;\n    if (t < 1 / 6)\n        return p + (q - p) * 6 * t;\n    if (t < 1 / 2)\n        return q;\n    if (t < 2 / 3)\n        return p + (q - p) * (2 / 3 - t) * 6;\n    return p;\n}\nfunction hslaToRgba({ hue, saturation, lightness, alpha }) {\n    hue /= 360;\n    saturation /= 100;\n    lightness /= 100;\n    let red = 0;\n    let green = 0;\n    let blue = 0;\n    if (!saturation) {\n        red = green = blue = lightness;\n    }\n    else {\n        const q = lightness < 0.5\n            ? lightness * (1 + saturation)\n            : lightness + saturation - lightness * saturation;\n        const p = 2 * lightness - q;\n        red = hueToRgb(p, q, hue + 1 / 3);\n        green = hueToRgb(p, q, hue);\n        blue = hueToRgb(p, q, hue - 1 / 3);\n    }\n    return {\n        red: Math.round(red * 255),\n        green: Math.round(green * 255),\n        blue: Math.round(blue * 255),\n        alpha,\n    };\n}\n\nexport { hslaToRgba };\n"],"names":["hueToRgb","p","q","t","hslaToRgba","hue","saturation","lightness","alpha","red","green","blue"],"mappings":"AACA,SAASA,EAASC,GAAGC,GAAGC,GAAG;AAKvB,SAJIA,IAAI,MACJA,KAAK,IACLA,IAAI,MACJA,KAAK,IACLA,IAAI,IAAI,IACDF,KAAKC,IAAID,KAAK,IAAIE,IACzBA,IAAI,IAAI,IACDD,IACPC,IAAI,IAAI,IACDF,KAAKC,IAAID,MAAM,IAAI,IAAIE,KAAK,IAChCF;AACX;AACA,SAASG,EAAW,EAAE,KAAAC,GAAK,YAAAC,GAAY,WAAAC,GAAW,OAAAC,EAAK,GAAI;AACvD,EAAAH,KAAO,KACPC,KAAc,KACdC,KAAa;AACb,MAAIE,IAAM,GACNC,IAAQ,GACRC,IAAO;AACX,MAAI,CAACL;AACD,IAAAG,IAAMC,IAAQC,IAAOJ;AAAA,OAEpB;AACD,UAAML,IAAIK,IAAY,MAChBA,KAAa,IAAID,KACjBC,IAAYD,IAAaC,IAAYD,GACrCL,IAAI,IAAIM,IAAYL;AAC1B,IAAAO,IAAMT,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC,GAChCK,IAAQV,EAASC,GAAGC,GAAGG,CAAG,GAC1BM,IAAOX,EAASC,GAAGC,GAAGG,IAAM,IAAI,CAAC;AAAA,EACrC;AACA,SAAO;AAAA,IACH,KAAK,KAAK,MAAMI,IAAM,GAAG;AAAA,IACzB,OAAO,KAAK,MAAMC,IAAQ,GAAG;AAAA,IAC7B,MAAM,KAAK,MAAMC,IAAO,GAAG;AAAA,IAC3B,OAAAH;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es41.js

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