@weng-lab/visualization 1.3.0 → 1.3.1

package/dist/visualization.es388.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es388.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/frameloop/batcher.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { stepsOrder } from './order.mjs';\nimport { createRenderStep } from './render-step.mjs';\n\nconst maxElapsed = 40;\nfunction createRenderBatcher(scheduleNextBatch, allowKeepAlive) {\n    let runNextFrame = false;\n    let useDefaultElapsed = true;\n    const state = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    const flagRunNextFrame = () => (runNextFrame = true);\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);\n        return acc;\n    }, {});\n    const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender, } = steps;\n    const processBatch = () => {\n        const timestamp = MotionGlobalConfig.useManualTiming\n            ? state.timestamp\n            : performance.now();\n        runNextFrame = false;\n        if (!MotionGlobalConfig.useManualTiming) {\n            state.delta = useDefaultElapsed\n                ? 1000 / 60\n                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);\n        }\n        state.timestamp = timestamp;\n        state.isProcessing = true;\n        // Unrolled render loop for better per-frame performance\n        setup.process(state);\n        read.process(state);\n        resolveKeyframes.process(state);\n        preUpdate.process(state);\n        update.process(state);\n        preRender.process(state);\n        render.process(state);\n        postRender.process(state);\n        state.isProcessing = false;\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false;\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const wake = () => {\n        runNextFrame = true;\n        useDefaultElapsed = true;\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key];\n        acc[key] = (process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame)\n                wake();\n            return step.schedule(process, keepAlive, immediate);\n        };\n        return acc;\n    }, {});\n    const cancel = (process) => {\n        for (let i = 0; i < stepsOrder.length; i++) {\n            steps[stepsOrder[i]].cancel(process);\n        }\n    };\n    return { schedule, cancel, state, steps };\n}\n\nexport { createRenderBatcher };\n"],"names":["maxElapsed","createRenderBatcher","scheduleNextBatch","allowKeepAlive","runNextFrame","useDefaultElapsed","state","flagRunNextFrame","steps","stepsOrder","acc","key","createRenderStep","setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender","processBatch","timestamp","MotionGlobalConfig","wake","step","process","keepAlive","immediate","i"],"mappings":";;;AAIA,MAAMA,IAAa;AACnB,SAASC,EAAoBC,GAAmBC,GAAgB;AAC5D,MAAIC,IAAe,IACfC,IAAoB;AACxB,QAAMC,IAAQ;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EACtB,GACUC,IAAmB,MAAOH,IAAe,IACzCI,IAAQC,EAAW,OAAO,CAACC,GAAKC,OAClCD,EAAIC,CAAG,IAAIC,EAAiBL,CAAkD,GACvEG,IACR,CAAA,CAAE,GACC,EAAE,OAAAG,GAAO,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,GAAQ,YAAAC,EAAU,IAAMZ,GACvFa,IAAe,MAAM;AACvB,UAAMC,IAAYC,EAAmB,kBAC/BjB,EAAM,YACN,YAAY,IAAG;AACrB,IAAAF,IAAe,IACVmB,EAAmB,oBACpBjB,EAAM,QAAQD,IACR,MAAO,KACP,KAAK,IAAI,KAAK,IAAIiB,IAAYhB,EAAM,WAAWN,CAAU,GAAG,CAAC,IAEvEM,EAAM,YAAYgB,GAClBhB,EAAM,eAAe,IAErBO,EAAM,QAAQP,CAAK,GACnBQ,EAAK,QAAQR,CAAK,GAClBS,EAAiB,QAAQT,CAAK,GAC9BU,EAAU,QAAQV,CAAK,GACvBW,EAAO,QAAQX,CAAK,GACpBY,EAAU,QAAQZ,CAAK,GACvBa,EAAO,QAAQb,CAAK,GACpBc,EAAW,QAAQd,CAAK,GACxBA,EAAM,eAAe,IACjBF,KAAgBD,MAChBE,IAAoB,IACpBH,EAAkBmB,CAAY;AAAA,EAEtC,GACMG,IAAO,MAAM;AACf,IAAApB,IAAe,IACfC,IAAoB,IACfC,EAAM,gBACPJ,EAAkBmB,CAAY;AAAA,EAEtC;AAeA,SAAO,EAAE,UAdQZ,EAAW,OAAO,CAACC,GAAKC,MAAQ;AAC7C,UAAMc,IAAOjB,EAAMG,CAAG;AACtB,WAAAD,EAAIC,CAAG,IAAI,CAACe,GAASC,IAAY,IAAOC,IAAY,QAC3CxB,KACDoB,EAAI,GACDC,EAAK,SAASC,GAASC,GAAWC,CAAS,IAE/ClB;AAAA,EACX,GAAG,CAAA,CAAE,GAMc,QALJ,CAACgB,MAAY;AACxB,aAASG,IAAI,GAAGA,IAAIpB,EAAW,QAAQoB;AACnC,MAAArB,EAAMC,EAAWoB,CAAC,CAAC,EAAE,OAAOH,CAAO;AAAA,EAE3C,GAC2B,OAAApB,GAAO,OAAAE,EAAK;AAC3C;","x_google_ignoreList":[0]}

package/dist/visualization.es389.js

@@ -0,0 +1,22 @@
+const e = [
+  "setup",
+  // Compute
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
+export {
+  e as stepsOrder
+};
+//# sourceMappingURL=visualization.es389.js.map

package/dist/visualization.es389.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es389.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/frameloop/order.mjs"],"sourcesContent":["const stepsOrder = [\n    \"setup\", // Compute\n    \"read\", // Read\n    \"resolveKeyframes\", // Write/Read/Write/Read\n    \"preUpdate\", // Compute\n    \"update\", // Compute\n    \"preRender\", // Compute\n    \"render\", // Write\n    \"postRender\", // Compute\n];\n\nexport { stepsOrder };\n"],"names":["stepsOrder"],"mappings":"AAAK,MAACA,IAAa;AAAA,EACf;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es39.js

@@ -0,0 +1,116 @@
+import { j as s } from "./visualization.es11.js";
+import le, { useMemo as S, useCallback as oe } from "react";
+import ce from "./visualization.es69.js";
+import { calculateBoxStats as se, scottRule as ne, silvermanRule as re, kernelDensityEstimator as me, gaussian as he, seededRandom as pe } from "./visualization.es38.js";
+import ue from "./visualization.es70.js";
+import fe from "./visualization.es55.js";
+import ie from "./visualization.es71.js";
+import de from "./visualization.es17.js";
+import xe from "./visualization.es72.js";
+import { line as ve } from "./visualization.es73.js";
+import ye from "./visualization.es26.js";
+import ge from "./visualization.es29.js";
+const Le = ({
+  distribution: t,
+  distIndex: $,
+  violinProps: l,
+  crossProps: C,
+  valueScale: h,
+  labelScale: j,
+  offset: O,
+  labels: Q,
+  disableCrossPlot: z,
+  disableViolinPlot: H,
+  horizontal: o,
+  pointTooltipBody: y,
+  onViolinClicked: b,
+  onPointClicked: A
+}) => {
+  const {
+    tooltipData: a,
+    tooltipLeft: X,
+    tooltipTop: N,
+    tooltipOpen: V,
+    showTooltip: Y,
+    hideTooltip: _
+  } = fe(), u = t.data.flatMap((e) => e.value), {
+    min: D,
+    max: w,
+    firstQuartile: T,
+    thirdQuartile: F,
+    median: E,
+    outliers: q
+  } = se(u, C?.outliers ?? "all"), P = t.data.filter((e) => q.includes(e.value)).map((e) => ({
+    ...e,
+    outlier: !0
+  })), ee = t.data.filter((e) => !q.includes(e.value)), G = S(() => {
+    const e = (w - D) / Math.max(100, u.length), r = ie(D, w, e), m = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? ne(u) : re(u);
+    return [...me(he(m), r)(u)].sort((i, c) => i.value - c.value);
+  }, [u, w, D, l]), R = Math.min(j.bandwidth(), 50), te = C?.medianWidth ?? R * 0.25, W = S(() => ({
+    label: t.label,
+    sampleSize: t.data.length,
+    median: E.toFixed(2),
+    firstQuartile: T.toFixed(2),
+    thirdQuartile: F.toFixed(2)
+  }), [t.label, t.data.length, E, T, F]), M = oe((e, r, m) => {
+    Y({
+      tooltipData: m && y ? {
+        point: m
+      } : r,
+      tooltipLeft: e.pageX,
+      tooltipTop: e.pageY
+    });
+  }, [y, Y]), J = () => {
+    !b || !a || a && b(t);
+  }, L = (e) => {
+    !A || !a || a && A(e);
+  }, n = o ? (j(Q[$]) ?? 0) + R / 2 : (j(Q[$]) ?? 0) + O + j.bandwidth() / 2, K = de().domain([0, xe(G, (e) => Math.abs(e.count)) || 1]).range([0, R / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
+  let g = [...U.map((e) => ({
+    x: n + K(e.count),
+    y: h(e.value)
+  })), ...U.slice().reverse().map((e) => ({
+    x: n - K(e.count),
+    y: h(e.value)
+  }))];
+  if (g.length > 2) {
+    const e = g.slice(1);
+    e.push(g[0]), e.push(g[1]), g = e;
+  }
+  const Z = ve().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve(ye)(g) ?? null;
+  return /* @__PURE__ */ s.jsxs(le.Fragment, {
+    //display plots if enough data provided
+    children: [
+      /* @__PURE__ */ s.jsxs("g", { onMouseLeave: _, transform: o ? `translate(${O}, 0)` : "translate(0, 0)", children: [
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsx("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === W ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, W), onClick: J }) }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !z && /* @__PURE__ */ s.jsx(ce, { crossProps: C, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: T, thirdQuartile: F, valueScale: h, medianWidth: te, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: W, horizontal: o }),
+        P.map((e, r) => {
+          const m = h(e.value), k = h(e.value), f = o ? k : n, i = o ? n : m, c = {
+            outlier: !0,
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, p = y ? a?.point === e : a?.label === c.label && a?.value === c.value, d = e.radius ?? 4;
+          return /* @__PURE__ */ s.jsx("circle", { cx: f, cy: i, r: p ? d + 1 : d, stroke: p ? "#000000" : "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (x) => M(x, c, e), onClick: () => L(e) }, `outlier-${r}`);
+        }),
+        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && ee.map((e, r) => {
+          const m = h(e.value), k = h(e.value), f = l?.jitter ?? 0, i = `${t.label}-${e}-${r}`, c = f > 0 ? (pe(i) - 0.5) * 2 * f : 0, p = o ? k : n + c, d = o ? n + c : m, x = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, B = y ? a?.point === e : a?.label === x.label && a?.value === x.value, I = e.radius ?? 2, v = B ? I + 1 : I;
+          return /* @__PURE__ */ s.jsx("path", { d: `M ${p},${d} m -${v},0 a ${v},${v} 0 1,0 ${2 * v},0 a ${v},${v} 0 1,0 -${2 * v},0`, stroke: B ? "black" : "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (ae) => M(ae, x, e), onClick: () => L(e) }, `${$}-point-${r}`);
+        }),
+        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, r) => {
+          const m = h(e.value), k = h(e.value), f = o ? k : n, i = o ? n : m, c = e.radius ?? 2, p = {
+            label: t.label,
+            value: e.value.toFixed(2)
+          }, d = y ? a?.point === e : a?.label === p.label && a?.value === p.value;
+          return /* @__PURE__ */ s.jsx("circle", { cx: f, cy: i, r: d ? c + 1 : c, stroke: d ? "black" : "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (x) => M(x, p, e), onClick: () => L(e) }, `thresh-${r}`);
+        })
+      ] }, `group-${$}`),
+      V && a && /* @__PURE__ */ s.jsx(ge, { children: /* @__PURE__ */ s.jsx(ue, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: y }, `${X}-${N}`) })
+    ]
+  }, `frag-${$}`);
+};
+export {
+  Le as default
+};
+//# sourceMappingURL=visualization.es39.js.map

package/dist/visualization.es39.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es39.js","sources":["../src/components/ViolinPlot/singleViolin.tsx"],"sourcesContent":["import { scaleLinear } from '@visx/scale';\nimport { max as d3max } from '@visx/vendor/d3-array';\nimport { curveBasis } from '@visx/curve';\nimport { line } from '@visx/shape';\nimport { range } from '@visx/vendor/d3-array';\nimport React, { useCallback, useMemo } from \"react\";\nimport CrossPlot from \"./crossPlot\";\nimport { calculateBoxStats, scottRule, silvermanRule, kernelDensityEstimator, gaussian, seededRandom } from \"./helpers\";\nimport { ViolinPoint, SingleViolinProps, TooltipData } from \"./types\";\nimport ViolinTooltip from \"./violinTooltip\";\nimport { Portal, useTooltip } from \"@visx/tooltip\";\n\nconst SingleViolin = <T,>({\n    distribution,\n    distIndex,\n    violinProps,\n    crossProps,\n    valueScale,\n    labelScale,\n    offset,\n    labels,\n    disableCrossPlot,\n    disableViolinPlot,\n    horizontal,\n    pointTooltipBody,\n    onViolinClicked,\n    onPointClicked\n}: SingleViolinProps<T>) => {\n\n    const {\n        tooltipData,\n        tooltipLeft,\n        tooltipTop,\n        tooltipOpen,\n        showTooltip,\n        hideTooltip,\n    } = useTooltip<TooltipData<T>>();\n\n    const data = distribution.data.flatMap(d => d.value)\n\n    //get all the stats for the box plot\n    const { min, max, firstQuartile, thirdQuartile, median, outliers } = calculateBoxStats(data, crossProps?.outliers ?? \"all\");\n\n    const outlierPoints: ViolinPoint<T>[] = distribution.data\n        .filter(d => outliers.includes(d.value))\n        .map(d => ({\n            ...d,\n            outlier: true\n        }));\n    const pointsNoOutliers: ViolinPoint<T>[] = distribution.data.filter(d => !outliers.includes(d.value))\n\n    const violinData = useMemo(() => {\n        const step = (max - min) / Math.max(100, data.length);\n        const ticks = range(min, max, step);\n\n        //bandwidth / binwidth for smoothing, based on user input\n        const bandwidth = typeof violinProps?.bandwidth === \"number\"\n            ? violinProps.bandwidth\n            : typeof violinProps?.bandwidth === \"function\"\n                ? violinProps.bandwidth(data)\n                : violinProps?.bandwidth === \"scott\"\n                    ? scottRule(data)\n                    : silvermanRule(data);\n\n        const kde = kernelDensityEstimator(gaussian(bandwidth), ticks);\n\n        const densityData = kde(data);\n\n        return [...densityData].sort((a, b) => a.value - b.value)\n    }, [data, max, min, violinProps])\n\n    const violinWidth = Math.min(labelScale.bandwidth(), 50);\n    const boxWidth = crossProps?.medianWidth ?? violinWidth * .25;\n\n    const violinTooltip: TooltipData<T> = useMemo(() => ({\n        label: distribution.label,\n        sampleSize: distribution.data.length,\n        median: median.toFixed(2),\n        firstQuartile: firstQuartile.toFixed(2),\n        thirdQuartile: thirdQuartile.toFixed(2)\n    }), [distribution.label, distribution.data.length, median, firstQuartile, thirdQuartile]);\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGPathElement>, data: TooltipData<T>, point?: ViolinPoint<T>) => {\n        showTooltip({\n            tooltipData: point && pointTooltipBody ? { point: point } : data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [pointTooltipBody, showTooltip]);\n\n    const handleViolinClick = () => {\n        if (!onViolinClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onViolinClicked(distribution);\n        }\n    };\n\n    const handlePointClick = (point: ViolinPoint<T>) => {\n        if (!onPointClicked || !tooltipData) return;\n\n        if (tooltipData) {\n            onPointClicked(point);\n        }\n    };\n\n    //center of each Violin\n    const violinCenter = horizontal ? (labelScale(labels[distIndex]) ?? 0) + violinWidth / 2 : (labelScale(labels[distIndex]) ?? 0) + offset + labelScale.bandwidth() / 2;\n    const widthScale = scaleLinear()\n        .domain([0, d3max(violinData, d => Math.abs(d.count)) || 1])\n        .range([0, violinWidth / 2]);\n\n    //filter out nan values if any\n    const filteredData = violinData.filter(d => d && d.count != null && d.value != null);\n\n    //mirror the data so that both sides are drawn\n    let points = [\n        ...filteredData.map(d => ({\n            x: violinCenter + (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        })),\n        ...filteredData.slice().reverse().map(d => ({\n            x: violinCenter - (widthScale(d.count) as number),\n            y: valueScale(d.value),\n        }))\n    ];\n\n    // close the path at the second point instead of the first since points 0,1 are closer together\n    if (points.length > 2) {\n        const modifiedPoints = points.slice(1);\n        modifiedPoints.push(points[0]);\n        modifiedPoints.push(points[1]);\n        points = modifiedPoints;\n    }\n\n    const violinPath = line<{ x: number; y: number }>()\n        .x(d => horizontal ? d.y : d.x)\n        .y(d => horizontal ? d.x : d.y)\n        .curve(curveBasis)(points) ?? null;\n\n    return (\n        <React.Fragment key={`frag-${distIndex}`}>\n            {\n                //display plots if enough data provided\n                <g\n                    key={`group-${distIndex}`}\n                    onMouseLeave={hideTooltip}\n                    transform={horizontal ? `translate(${offset}, 0)` : `translate(0, 0)`}\n                >\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableViolinPlot && violinPath && (\n                        <>\n                            <path\n                                d={violinPath}\n                                fill={distribution.violinColor ?? 'none'}\n                                fillOpacity={distribution.opacity ?? 0.3}\n                                stroke={distribution.violinColor ?? 'black'}\n                                strokeOpacity={distribution.opacity ?? 1}\n                                strokeWidth={\n                                    tooltipData === violinTooltip\n                                        ? (violinProps?.stroke ?? 1) + 1\n                                        : violinProps?.stroke ?? 1\n                                }\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, violinTooltip)}\n                                onClick={handleViolinClick}\n                            />\n                        </>\n                    )\n                    }\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && !disableCrossPlot &&\n                        <CrossPlot\n                            crossProps={crossProps}\n                            left={horizontal ? 0 : violinCenter}\n                            top={horizontal ? violinCenter : 0}\n                            median={median}\n                            firstQuartile={firstQuartile}\n                            thirdQuartile={thirdQuartile}\n                            valueScale={valueScale}\n                            medianWidth={boxWidth}\n                            tooltipData={tooltipData ?? {}}\n                            handleMouseMove={handleMouseMove}\n                            handleCrossClick={handleViolinClick}\n                            disableViolinPlot={disableViolinPlot}\n                            tooltip={violinTooltip}\n                            horizontal={horizontal}\n                        />\n                    }\n                    {/* Outliers */}\n                    {outlierPoints.map((outlier, index) => {\n                        const vertcy = valueScale(outlier.value);\n                        const horizoncx = valueScale(outlier.value)\n                        const cx = horizontal ? horizoncx : violinCenter\n                        const cy = horizontal ? violinCenter : vertcy\n\n                        const pointTooltip = {\n                            outlier: true,\n                            label: distribution.label,\n                            value: outlier.value.toFixed(2),\n                        };\n\n                        const isHighlighted = pointTooltipBody\n                            ? tooltipData?.point === outlier :\n                            tooltipData?.label === pointTooltip.label &&\n                            tooltipData?.value === pointTooltip.value;\n\n                        const radius = outlier.radius ?? 4\n\n                        return (\n                            <circle\n                                key={`outlier-${index}`}\n                                cx={cx}\n                                cy={cy}\n                                r={isHighlighted ? radius + 1 : radius}\n                                stroke={isHighlighted ? \"#000000\" : \"none\"}\n                                fill={outlier.color ?? distribution.violinColor ?? \"#000000\"}\n                                opacity={outlier.opacity ?? distribution.opacity ?? 1}\n                                pointerEvents=\"all\"\n                                onMouseMove={(e) => handleMouseMove(e, pointTooltip, outlier)}\n                                onClick={() => handlePointClick(outlier)}\n                            />\n                        )\n                    })}\n                    {/* show all poionts for each distribution */}\n                    {distribution.data.length >= (violinProps?.pointDisplayThreshold ?? 3) && violinProps?.showAllPoints &&\n                        pointsNoOutliers.map((point: ViolinPoint<T>, index: number) => {\n\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n\n                            const jitterAmount = violinProps?.jitter ?? 0;\n                            const seed = `${distribution.label}-${point}-${index}`;\n                            const jitterX = jitterAmount > 0\n                                ? (seededRandom(seed) - 0.5) * 2 * jitterAmount\n                                : 0;\n\n                            const cx = horizontal ? horizoncx : violinCenter + jitterX;\n                            const cy = horizontal ? violinCenter + jitterX : vertcy\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            const r = point.radius ?? 2\n                            const radius = isHighlighted ? r + 1 : r;\n\n                            return (\n                                <path\n                                    key={`${distIndex}-point-${index}`}\n                                    d={`M ${cx},${cy} m -${radius},0 a ${radius},${radius} 0 1,0 ${2 * radius},0 a ${radius},${radius} 0 1,0 -${2 * radius},0`}\n                                    stroke={isHighlighted ? \"black\" : \"none\"}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })\n                    }\n                    {/* display points if data points are less than threshold (3) */}\n                    {distribution.data.length < (violinProps?.pointDisplayThreshold ?? 3) &&\n                        distribution.data.map((point: ViolinPoint<T>, index: number) => {\n                            const vertcy = valueScale(point.value);\n                            const horizoncx = valueScale(point.value)\n                            const cx = horizontal ? horizoncx : violinCenter\n                            const cy = horizontal ? violinCenter : vertcy\n                            const radius = point.radius ?? 2;\n\n                            const pointTooltip = {\n                                label: distribution.label,\n                                value: point.value.toFixed(2),\n                            };\n\n                            const isHighlighted = pointTooltipBody\n                                ? tooltipData?.point === point :\n                                tooltipData?.label === pointTooltip.label &&\n                                tooltipData?.value === pointTooltip.value;\n\n                            return (\n                                <circle\n                                    key={`thresh-${index}`}\n                                    cx={cx}\n                                    cy={cy}\n                                    r={isHighlighted ? radius + 1 : radius}\n                                    stroke={isHighlighted ? \"black\" : \"none\"}\n                                    fill={point.color ?? distribution.violinColor ?? \"black\"}\n                                    opacity={point.opacity ?? distribution.opacity ?? 1}\n                                    pointerEvents=\"all\"\n                                    onMouseMove={(e) => handleMouseMove(e, pointTooltip, point)}\n                                    onClick={() => handlePointClick(point)}\n                                />\n                            );\n                        })}\n\n                </g>\n            }\n            {tooltipOpen && tooltipData && (\n                <Portal>\n                    <ViolinTooltip\n                        left={tooltipLeft ?? 0}\n                        top={tooltipTop ?? 0}\n                        data={tooltipData}\n                        open={tooltipOpen}\n                        key={`${tooltipLeft}-${tooltipTop}`}\n                        pointTooltipBody={pointTooltipBody}\n                    />\n                </Portal>\n            )}\n        </React.Fragment>\n    )\n}\n\nexport default SingleViolin;"],"names":["SingleViolin","distribution","distIndex","violinProps","crossProps","valueScale","labelScale","offset","labels","disableCrossPlot","disableViolinPlot","horizontal","pointTooltipBody","onViolinClicked","onPointClicked","tooltipData","tooltipLeft","tooltipTop","tooltipOpen","showTooltip","hideTooltip","useTooltip","data","flatMap","d","value","min","max","firstQuartile","thirdQuartile","median","outliers","calculateBoxStats","outlierPoints","filter","includes","map","outlier","pointsNoOutliers","violinData","useMemo","step","Math","length","ticks","range","bandwidth","scottRule","silvermanRule","kernelDensityEstimator","gaussian","sort","a","b","violinWidth","boxWidth","medianWidth","violinTooltip","label","sampleSize","toFixed","handleMouseMove","useCallback","event","point","pageX","pageY","handleViolinClick","handlePointClick","violinCenter","widthScale","scaleLinear","domain","d3max","abs","count","filteredData","points","x","y","slice","reverse","modifiedPoints","push","violinPath","line","curve","curveBasis","jsxs","React","pointDisplayThreshold","jsx","Fragment","violinColor","opacity","stroke","e","CrossPlot","index","vertcy","horizoncx","cx","cy","pointTooltip","isHighlighted","radius","color","showAllPoints","jitterAmount","jitter","seed","jitterX","seededRandom","r","Portal","ViolinTooltip"],"mappings":"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"}

package/dist/visualization.es390.js

@@ -0,0 +1,42 @@
+function c(d, p) {
+  let t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, n = !1;
+  const a = /* @__PURE__ */ new WeakSet();
+  let i = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  };
+  function u(e) {
+    a.has(e) && (f.schedule(e), d()), e(i);
+  }
+  const f = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, l = !1, m = !1) => {
+      const o = m && r ? t : s;
+      return l && a.add(e), o.has(e) || o.add(e), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      s.delete(e), a.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (i = e, r) {
+        n = !0;
+        return;
+      }
+      r = !0, [t, s] = [s, t], t.forEach(u), t.clear(), r = !1, n && (n = !1, f.process(e));
+    }
+  };
+  return f;
+}
+export {
+  c as createRenderStep
+};
+//# sourceMappingURL=visualization.es390.js.map

package/dist/visualization.es390.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es390.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/frameloop/render-step.mjs"],"sourcesContent":["import { statsBuffer } from '../stats/buffer.mjs';\n\nfunction createRenderStep(runNextFrame, stepName) {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Set();\n    let nextFrame = new Set();\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    let latestFrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    let numCalls = 0;\n    function triggerCallback(callback) {\n        if (toKeepAlive.has(callback)) {\n            step.schedule(callback);\n            runNextFrame();\n        }\n        numCalls++;\n        callback(latestFrameData);\n    }\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const queue = addToCurrentFrame ? thisFrame : nextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            if (!queue.has(callback))\n                queue.add(callback);\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.delete(callback);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            latestFrameData = frameData;\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [thisFrame, nextFrame] = [nextFrame, thisFrame];\n            // Execute this frame\n            thisFrame.forEach(triggerCallback);\n            /**\n             * If we're recording stats then\n             */\n            if (stepName && statsBuffer.value) {\n                statsBuffer.value.frameloop[stepName].push(numCalls);\n            }\n            numCalls = 0;\n            // Clear the frame so no callbacks remain. This is to avoid\n            // memory leaks should this render step not run for a while.\n            thisFrame.clear();\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n"],"names":["createRenderStep","runNextFrame","stepName","thisFrame","nextFrame","isProcessing","flushNextFrame","toKeepAlive","latestFrameData","triggerCallback","callback","step","keepAlive","immediate","queue","frameData"],"mappings":"AAEA,SAASA,EAAiBC,GAAcC,GAAU;AAK9C,MAAIC,IAAY,oBAAI,IAAG,GACnBC,IAAY,oBAAI,IAAG,GAKnBC,IAAe,IACfC,IAAiB;AAIrB,QAAMC,IAAc,oBAAI,QAAO;AAC/B,MAAIC,IAAkB;AAAA,IAClB,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EACtB;AAEI,WAASC,EAAgBC,GAAU;AAC/B,IAAIH,EAAY,IAAIG,CAAQ,MACxBC,EAAK,SAASD,CAAQ,GACtBT,EAAY,IAGhBS,EAASF,CAAe;AAAA,EAC5B;AACA,QAAMG,IAAO;AAAA;AAAA;AAAA;AAAA,IAIT,UAAU,CAACD,GAAUE,IAAY,IAAOC,IAAY,OAAU;AAE1D,YAAMC,IADoBD,KAAaR,IACLF,IAAYC;AAC9C,aAAIQ,KACAL,EAAY,IAAIG,CAAQ,GACvBI,EAAM,IAAIJ,CAAQ,KACnBI,EAAM,IAAIJ,CAAQ,GACfA;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAIA,QAAQ,CAACA,MAAa;AAClB,MAAAN,EAAU,OAAOM,CAAQ,GACzBH,EAAY,OAAOG,CAAQ;AAAA,IAC/B;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS,CAACK,MAAc;AAOpB,UANAP,IAAkBO,GAMdV,GAAc;AACd,QAAAC,IAAiB;AACjB;AAAA,MACJ;AACA,MAAAD,IAAe,IACf,CAACF,GAAWC,CAAS,IAAI,CAACA,GAAWD,CAAS,GAE9CA,EAAU,QAAQM,CAAe,GAUjCN,EAAU,MAAK,GACfE,IAAe,IACXC,MACAA,IAAiB,IACjBK,EAAK,QAAQI,CAAS;AAAA,IAE9B;AAAA,EACR;AACI,SAAOJ;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es391.js

@@ -0,0 +1,12 @@
+const e = {
+  x: !1,
+  y: !1
+};
+function i() {
+  return e.x || e.y;
+}
+export {
+  i as isDragActive,
+  e as isDragging
+};
+//# sourceMappingURL=visualization.es391.js.map

package/dist/visualization.es391.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es391.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs"],"sourcesContent":["const isDragging = {\n    x: false,\n    y: false,\n};\nfunction isDragActive() {\n    return isDragging.x || isDragging.y;\n}\n\nexport { isDragActive, isDragging };\n"],"names":["isDragging","isDragActive"],"mappings":"AAAK,MAACA,IAAa;AAAA,EACf,GAAG;AAAA,EACH,GAAG;AACP;AACA,SAASC,IAAe;AACpB,SAAOD,EAAW,KAAKA,EAAW;AACtC;","x_google_ignoreList":[0]}

package/dist/visualization.es392.js

@@ -0,0 +1,12 @@
+import { isDragging as e } from "./visualization.es391.js";
+function l(r) {
+  return r === "x" || r === "y" ? e[r] ? null : (e[r] = !0, () => {
+    e[r] = !1;
+  }) : e.x || e.y ? null : (e.x = e.y = !0, () => {
+    e.x = e.y = !1;
+  });
+}
+export {
+  l as setDragLock
+};
+//# sourceMappingURL=visualization.es392.js.map

package/dist/visualization.es392.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es392.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs"],"sourcesContent":["import { isDragging } from './is-active.mjs';\n\nfunction setDragLock(axis) {\n    if (axis === \"x\" || axis === \"y\") {\n        if (isDragging[axis]) {\n            return null;\n        }\n        else {\n            isDragging[axis] = true;\n            return () => {\n                isDragging[axis] = false;\n            };\n        }\n    }\n    else {\n        if (isDragging.x || isDragging.y) {\n            return null;\n        }\n        else {\n            isDragging.x = isDragging.y = true;\n            return () => {\n                isDragging.x = isDragging.y = false;\n            };\n        }\n    }\n}\n\nexport { setDragLock };\n"],"names":["setDragLock","axis","isDragging"],"mappings":";AAEA,SAASA,EAAYC,GAAM;AACvB,SAAIA,MAAS,OAAOA,MAAS,MACrBC,EAAWD,CAAI,IACR,QAGPC,EAAWD,CAAI,IAAI,IACZ,MAAM;AACT,IAAAC,EAAWD,CAAI,IAAI;AAAA,EACvB,KAIAC,EAAW,KAAKA,EAAW,IACpB,QAGPA,EAAW,IAAIA,EAAW,IAAI,IACvB,MAAM;AACT,IAAAA,EAAW,IAAIA,EAAW,IAAI;AAAA,EAClC;AAGZ;","x_google_ignoreList":[0]}

package/dist/visualization.es393.js

@@ -0,0 +1,25 @@
+import { isDragActive as d } from "./visualization.es391.js";
+import { setupGesture as m } from "./visualization.es394.js";
+function c(n) {
+  return !(n.pointerType === "touch" || d());
+}
+function h(n, p, u = {}) {
+  const [f, r, a] = m(n, u), v = (e) => {
+    if (!c(e))
+      return;
+    const { target: t } = e, o = p(t, e);
+    if (typeof o != "function" || !t)
+      return;
+    const i = (s) => {
+      c(s) && (o(s), t.removeEventListener("pointerleave", i));
+    };
+    t.addEventListener("pointerleave", i, r);
+  };
+  return f.forEach((e) => {
+    e.addEventListener("pointerenter", v, r);
+  }), a;
+}
+export {
+  h as hover
+};
+//# sourceMappingURL=visualization.es393.js.map

package/dist/visualization.es393.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es393.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/hover.mjs"],"sourcesContent":["import { isDragActive } from './drag/state/is-active.mjs';\nimport { setupGesture } from './utils/setup.mjs';\n\nfunction isValidHover(event) {\n    return !(event.pointerType === \"touch\" || isDragActive());\n}\n/**\n * Create a hover gesture. hover() is different to .addEventListener(\"pointerenter\")\n * in that it has an easier syntax, filters out polyfilled touch events, interoperates\n * with drag gestures, and automatically removes the \"pointerennd\" event listener when the hover ends.\n *\n * @public\n */\nfunction hover(elementOrSelector, onHoverStart, options = {}) {\n    const [elements, eventOptions, cancel] = setupGesture(elementOrSelector, options);\n    const onPointerEnter = (enterEvent) => {\n        if (!isValidHover(enterEvent))\n            return;\n        const { target } = enterEvent;\n        const onHoverEnd = onHoverStart(target, enterEvent);\n        if (typeof onHoverEnd !== \"function\" || !target)\n            return;\n        const onPointerLeave = (leaveEvent) => {\n            if (!isValidHover(leaveEvent))\n                return;\n            onHoverEnd(leaveEvent);\n            target.removeEventListener(\"pointerleave\", onPointerLeave);\n        };\n        target.addEventListener(\"pointerleave\", onPointerLeave, eventOptions);\n    };\n    elements.forEach((element) => {\n        element.addEventListener(\"pointerenter\", onPointerEnter, eventOptions);\n    });\n    return cancel;\n}\n\nexport { hover };\n"],"names":["isValidHover","event","isDragActive","hover","elementOrSelector","onHoverStart","options","elements","eventOptions","cancel","setupGesture","onPointerEnter","enterEvent","target","onHoverEnd","onPointerLeave","leaveEvent","element"],"mappings":";;AAGA,SAASA,EAAaC,GAAO;AACzB,SAAO,EAAEA,EAAM,gBAAgB,WAAWC,EAAY;AAC1D;AAQA,SAASC,EAAMC,GAAmBC,GAAcC,IAAU,CAAA,GAAI;AAC1D,QAAM,CAACC,GAAUC,GAAcC,CAAM,IAAIC,EAAaN,GAAmBE,CAAO,GAC1EK,IAAiB,CAACC,MAAe;AACnC,QAAI,CAACZ,EAAaY,CAAU;AACxB;AACJ,UAAM,EAAE,QAAAC,EAAM,IAAKD,GACbE,IAAaT,EAAaQ,GAAQD,CAAU;AAClD,QAAI,OAAOE,KAAe,cAAc,CAACD;AACrC;AACJ,UAAME,IAAiB,CAACC,MAAe;AACnC,MAAKhB,EAAagB,CAAU,MAE5BF,EAAWE,CAAU,GACrBH,EAAO,oBAAoB,gBAAgBE,CAAc;AAAA,IAC7D;AACA,IAAAF,EAAO,iBAAiB,gBAAgBE,GAAgBP,CAAY;AAAA,EACxE;AACA,SAAAD,EAAS,QAAQ,CAACU,MAAY;AAC1B,IAAAA,EAAQ,iBAAiB,gBAAgBN,GAAgBH,CAAY;AAAA,EACzE,CAAC,GACMC;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es394.js

@@ -0,0 +1,13 @@
+import { resolveElements as s } from "./visualization.es414.js";
+function a(t, n) {
+  const o = s(t), e = new AbortController(), r = {
+    passive: !0,
+    ...n,
+    signal: e.signal
+  };
+  return [o, r, () => e.abort()];
+}
+export {
+  a as setupGesture
+};
+//# sourceMappingURL=visualization.es394.js.map

package/dist/visualization.es394.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es394.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/utils/setup.mjs"],"sourcesContent":["import { resolveElements } from '../../utils/resolve-elements.mjs';\n\nfunction setupGesture(elementOrSelector, options) {\n    const elements = resolveElements(elementOrSelector);\n    const gestureAbortController = new AbortController();\n    const eventOptions = {\n        passive: true,\n        ...options,\n        signal: gestureAbortController.signal,\n    };\n    const cancel = () => gestureAbortController.abort();\n    return [elements, eventOptions, cancel];\n}\n\nexport { setupGesture };\n"],"names":["setupGesture","elementOrSelector","options","elements","resolveElements","gestureAbortController","eventOptions"],"mappings":";AAEA,SAASA,EAAaC,GAAmBC,GAAS;AAC9C,QAAMC,IAAWC,EAAgBH,CAAiB,GAC5CI,IAAyB,IAAI,gBAAe,GAC5CC,IAAe;AAAA,IACjB,SAAS;AAAA,IACT,GAAGJ;AAAA,IACH,QAAQG,EAAuB;AAAA,EACvC;AAEI,SAAO,CAACF,GAAUG,GADH,MAAMD,EAAuB,MAAK,CACX;AAC1C;","x_google_ignoreList":[0]}

package/dist/visualization.es395.js

@@ -0,0 +1,34 @@
+import { isHTMLElement as b } from "./visualization.es396.js";
+import { isDragActive as E } from "./visualization.es391.js";
+import { isNodeOrChild as v } from "./visualization.es397.js";
+import { isPrimaryPointer as L } from "./visualization.es134.js";
+import { setupGesture as T } from "./visualization.es394.js";
+import { isElementKeyboardAccessible as g } from "./visualization.es398.js";
+import { enableKeyboardPress as h } from "./visualization.es399.js";
+import { isPressing as d } from "./visualization.es400.js";
+function f(i) {
+  return L(i) && !E();
+}
+function H(i, p, s = {}) {
+  const [l, o, u] = T(i, s), w = (e) => {
+    const n = e.currentTarget;
+    if (!f(e))
+      return;
+    d.add(n);
+    const t = p(n, e), a = (r, P) => {
+      window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", m), d.has(n) && d.delete(n), f(r) && typeof t == "function" && t(r, { success: P });
+    }, c = (r) => {
+      a(r, n === window || n === document || s.useGlobalTarget || v(n, r.target));
+    }, m = (r) => {
+      a(r, !1);
+    };
+    window.addEventListener("pointerup", c, o), window.addEventListener("pointercancel", m, o);
+  };
+  return l.forEach((e) => {
+    (s.useGlobalTarget ? window : e).addEventListener("pointerdown", w, o), b(e) && (e.addEventListener("focus", (t) => h(t, o)), !g(e) && !e.hasAttribute("tabindex") && (e.tabIndex = 0));
+  }), u;
+}
+export {
+  H as press
+};
+//# sourceMappingURL=visualization.es395.js.map

package/dist/visualization.es395.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es395.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/press/index.mjs"],"sourcesContent":["import { isHTMLElement } from '../../utils/is-html-element.mjs';\nimport { isDragActive } from '../drag/state/is-active.mjs';\nimport { isNodeOrChild } from '../utils/is-node-or-child.mjs';\nimport { isPrimaryPointer } from '../utils/is-primary-pointer.mjs';\nimport { setupGesture } from '../utils/setup.mjs';\nimport { isElementKeyboardAccessible } from './utils/is-keyboard-accessible.mjs';\nimport { enableKeyboardPress } from './utils/keyboard.mjs';\nimport { isPressing } from './utils/state.mjs';\n\n/**\n * Filter out events that are not primary pointer events, or are triggering\n * while a Motion gesture is active.\n */\nfunction isValidPressEvent(event) {\n    return isPrimaryPointer(event) && !isDragActive();\n}\n/**\n * Create a press gesture.\n *\n * Press is different to `\"pointerdown\"`, `\"pointerup\"` in that it\n * automatically filters out secondary pointer events like right\n * click and multitouch.\n *\n * It also adds accessibility support for keyboards, where\n * an element with a press gesture will receive focus and\n *  trigger on Enter `\"keydown\"` and `\"keyup\"` events.\n *\n * This is different to a browser's `\"click\"` event, which does\n * respond to keyboards but only for the `\"click\"` itself, rather\n * than the press start and end/cancel. The element also needs\n * to be focusable for this to work, whereas a press gesture will\n * make an element focusable by default.\n *\n * @public\n */\nfunction press(targetOrSelector, onPressStart, options = {}) {\n    const [targets, eventOptions, cancelEvents] = setupGesture(targetOrSelector, options);\n    const startPress = (startEvent) => {\n        const target = startEvent.currentTarget;\n        if (!isValidPressEvent(startEvent))\n            return;\n        isPressing.add(target);\n        const onPressEnd = onPressStart(target, startEvent);\n        const onPointerEnd = (endEvent, success) => {\n            window.removeEventListener(\"pointerup\", onPointerUp);\n            window.removeEventListener(\"pointercancel\", onPointerCancel);\n            if (isPressing.has(target)) {\n                isPressing.delete(target);\n            }\n            if (!isValidPressEvent(endEvent)) {\n                return;\n            }\n            if (typeof onPressEnd === \"function\") {\n                onPressEnd(endEvent, { success });\n            }\n        };\n        const onPointerUp = (upEvent) => {\n            onPointerEnd(upEvent, target === window ||\n                target === document ||\n                options.useGlobalTarget ||\n                isNodeOrChild(target, upEvent.target));\n        };\n        const onPointerCancel = (cancelEvent) => {\n            onPointerEnd(cancelEvent, false);\n        };\n        window.addEventListener(\"pointerup\", onPointerUp, eventOptions);\n        window.addEventListener(\"pointercancel\", onPointerCancel, eventOptions);\n    };\n    targets.forEach((target) => {\n        const pointerDownTarget = options.useGlobalTarget ? window : target;\n        pointerDownTarget.addEventListener(\"pointerdown\", startPress, eventOptions);\n        if (isHTMLElement(target)) {\n            target.addEventListener(\"focus\", (event) => enableKeyboardPress(event, eventOptions));\n            if (!isElementKeyboardAccessible(target) &&\n                !target.hasAttribute(\"tabindex\")) {\n                target.tabIndex = 0;\n            }\n        }\n    });\n    return cancelEvents;\n}\n\nexport { press };\n"],"names":["isValidPressEvent","event","isPrimaryPointer","isDragActive","press","targetOrSelector","onPressStart","options","targets","eventOptions","cancelEvents","setupGesture","startPress","startEvent","target","isPressing","onPressEnd","onPointerEnd","endEvent","success","onPointerUp","onPointerCancel","upEvent","isNodeOrChild","cancelEvent","isHTMLElement","enableKeyboardPress","isElementKeyboardAccessible"],"mappings":";;;;;;;;AAaA,SAASA,EAAkBC,GAAO;AAC9B,SAAOC,EAAiBD,CAAK,KAAK,CAACE,EAAY;AACnD;AAoBA,SAASC,EAAMC,GAAkBC,GAAcC,IAAU,CAAA,GAAI;AACzD,QAAM,CAACC,GAASC,GAAcC,CAAY,IAAIC,EAAaN,GAAkBE,CAAO,GAC9EK,IAAa,CAACC,MAAe;AAC/B,UAAMC,IAASD,EAAW;AAC1B,QAAI,CAACb,EAAkBa,CAAU;AAC7B;AACJ,IAAAE,EAAW,IAAID,CAAM;AACrB,UAAME,IAAaV,EAAaQ,GAAQD,CAAU,GAC5CI,IAAe,CAACC,GAAUC,MAAY;AAMxC,MALA,OAAO,oBAAoB,aAAaC,CAAW,GACnD,OAAO,oBAAoB,iBAAiBC,CAAe,GACvDN,EAAW,IAAID,CAAM,KACrBC,EAAW,OAAOD,CAAM,GAEvBd,EAAkBkB,CAAQ,KAG3B,OAAOF,KAAe,cACtBA,EAAWE,GAAU,EAAE,SAAAC,GAAS;AAAA,IAExC,GACMC,IAAc,CAACE,MAAY;AAC7B,MAAAL,EAAaK,GAASR,MAAW,UAC7BA,MAAW,YACXP,EAAQ,mBACRgB,EAAcT,GAAQQ,EAAQ,MAAM,CAAC;AAAA,IAC7C,GACMD,IAAkB,CAACG,MAAgB;AACrC,MAAAP,EAAaO,GAAa,EAAK;AAAA,IACnC;AACA,WAAO,iBAAiB,aAAaJ,GAAaX,CAAY,GAC9D,OAAO,iBAAiB,iBAAiBY,GAAiBZ,CAAY;AAAA,EAC1E;AACA,SAAAD,EAAQ,QAAQ,CAACM,MAAW;AAExB,KAD0BP,EAAQ,kBAAkB,SAASO,GAC3C,iBAAiB,eAAeF,GAAYH,CAAY,GACtEgB,EAAcX,CAAM,MACpBA,EAAO,iBAAiB,SAAS,CAACb,MAAUyB,EAAoBzB,GAAOQ,CAAY,CAAC,GAChF,CAACkB,EAA4Bb,CAAM,KACnC,CAACA,EAAO,aAAa,UAAU,MAC/BA,EAAO,WAAW;AAAA,EAG9B,CAAC,GACMJ;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es396.js

@@ -0,0 +1,8 @@
+import { isObject as i } from "./visualization.es301.js";
+function r(t) {
+  return i(t) && "offsetHeight" in t;
+}
+export {
+  r as isHTMLElement
+};
+//# sourceMappingURL=visualization.es396.js.map

package/dist/visualization.es396.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es396.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/utils/is-html-element.mjs"],"sourcesContent":["import { isObject } from 'motion-utils';\n\n/**\n * Checks if an element is an HTML element in a way\n * that works across iframes\n */\nfunction isHTMLElement(element) {\n    return isObject(element) && \"offsetHeight\" in element;\n}\n\nexport { isHTMLElement };\n"],"names":["isHTMLElement","element","isObject"],"mappings":";AAMA,SAASA,EAAcC,GAAS;AAC5B,SAAOC,EAASD,CAAO,KAAK,kBAAkBA;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es397.js

@@ -0,0 +1,5 @@
+const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+export {
+  t as isNodeOrChild
+};
+//# sourceMappingURL=visualization.es397.js.map

package/dist/visualization.es397.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es397.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"AAOK,MAACA,IAAgB,CAACC,GAAQC,MACtBA,IAGID,MAAWC,IACT,KAGAF,EAAcC,GAAQC,EAAM,aAAa,IANzC;","x_google_ignoreList":[0]}

package/dist/visualization.es398.js

@@ -0,0 +1,14 @@
+const t = /* @__PURE__ */ new Set([
+  "BUTTON",
+  "INPUT",
+  "SELECT",
+  "TEXTAREA",
+  "A"
+]);
+function n(e) {
+  return t.has(e.tagName) || e.tabIndex !== -1;
+}
+export {
+  n as isElementKeyboardAccessible
+};
+//# sourceMappingURL=visualization.es398.js.map

package/dist/visualization.es398.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs"],"sourcesContent":["const focusableElements = new Set([\n    \"BUTTON\",\n    \"INPUT\",\n    \"SELECT\",\n    \"TEXTAREA\",\n    \"A\",\n]);\nfunction isElementKeyboardAccessible(element) {\n    return (focusableElements.has(element.tagName) ||\n        element.tabIndex !== -1);\n}\n\nexport { isElementKeyboardAccessible };\n"],"names":["focusableElements","isElementKeyboardAccessible","element"],"mappings":"AAAA,MAAMA,IAAoB,oBAAI,IAAI;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AACD,SAASC,EAA4BC,GAAS;AAC1C,SAAQF,EAAkB,IAAIE,EAAQ,OAAO,KACzCA,EAAQ,aAAa;AAC7B;","x_google_ignoreList":[0]}

package/dist/visualization.es399.js

@@ -0,0 +1,28 @@
+import { isPressing as u } from "./visualization.es400.js";
+function d(r) {
+  return (n) => {
+    n.key === "Enter" && r(n);
+  };
+}
+function t(r, n) {
+  r.dispatchEvent(new PointerEvent("pointer" + n, { isPrimary: !0, bubbles: !0 }));
+}
+const c = (r, n) => {
+  const e = r.currentTarget;
+  if (!e)
+    return;
+  const i = d(() => {
+    if (u.has(e))
+      return;
+    t(e, "down");
+    const s = d(() => {
+      t(e, "up");
+    }), o = () => t(e, "cancel");
+    e.addEventListener("keyup", s, n), e.addEventListener("blur", o, n);
+  });
+  e.addEventListener("keydown", i, n), e.addEventListener("blur", () => e.removeEventListener("keydown", i), n);
+};
+export {
+  c as enableKeyboardPress
+};
+//# sourceMappingURL=visualization.es399.js.map

package/dist/visualization.es399.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.23.23/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs"],"sourcesContent":["import { isPressing } from './state.mjs';\n\n/**\n * Filter out events that are not \"Enter\" keys.\n */\nfunction filterEvents(callback) {\n    return (event) => {\n        if (event.key !== \"Enter\")\n            return;\n        callback(event);\n    };\n}\nfunction firePointerEvent(target, type) {\n    target.dispatchEvent(new PointerEvent(\"pointer\" + type, { isPrimary: true, bubbles: true }));\n}\nconst enableKeyboardPress = (focusEvent, eventOptions) => {\n    const element = focusEvent.currentTarget;\n    if (!element)\n        return;\n    const handleKeydown = filterEvents(() => {\n        if (isPressing.has(element))\n            return;\n        firePointerEvent(element, \"down\");\n        const handleKeyup = filterEvents(() => {\n            firePointerEvent(element, \"up\");\n        });\n        const handleBlur = () => firePointerEvent(element, \"cancel\");\n        element.addEventListener(\"keyup\", handleKeyup, eventOptions);\n        element.addEventListener(\"blur\", handleBlur, eventOptions);\n    });\n    element.addEventListener(\"keydown\", handleKeydown, eventOptions);\n    /**\n     * Add an event listener that fires on blur to remove the keydown events.\n     */\n    element.addEventListener(\"blur\", () => element.removeEventListener(\"keydown\", handleKeydown), eventOptions);\n};\n\nexport { enableKeyboardPress };\n"],"names":["filterEvents","callback","event","firePointerEvent","target","type","enableKeyboardPress","focusEvent","eventOptions","element","handleKeydown","isPressing","handleKeyup","handleBlur"],"mappings":";AAKA,SAASA,EAAaC,GAAU;AAC5B,SAAO,CAACC,MAAU;AACd,IAAIA,EAAM,QAAQ,WAElBD,EAASC,CAAK;AAAA,EAClB;AACJ;AACA,SAASC,EAAiBC,GAAQC,GAAM;AACpC,EAAAD,EAAO,cAAc,IAAI,aAAa,YAAYC,GAAM,EAAE,WAAW,IAAM,SAAS,GAAI,CAAE,CAAC;AAC/F;AACK,MAACC,IAAsB,CAACC,GAAYC,MAAiB;AACtD,QAAMC,IAAUF,EAAW;AAC3B,MAAI,CAACE;AACD;AACJ,QAAMC,IAAgBV,EAAa,MAAM;AACrC,QAAIW,EAAW,IAAIF,CAAO;AACtB;AACJ,IAAAN,EAAiBM,GAAS,MAAM;AAChC,UAAMG,IAAcZ,EAAa,MAAM;AACnC,MAAAG,EAAiBM,GAAS,IAAI;AAAA,IAClC,CAAC,GACKI,IAAa,MAAMV,EAAiBM,GAAS,QAAQ;AAC3D,IAAAA,EAAQ,iBAAiB,SAASG,GAAaJ,CAAY,GAC3DC,EAAQ,iBAAiB,QAAQI,GAAYL,CAAY;AAAA,EAC7D,CAAC;AACD,EAAAC,EAAQ,iBAAiB,WAAWC,GAAeF,CAAY,GAI/DC,EAAQ,iBAAiB,QAAQ,MAAMA,EAAQ,oBAAoB,WAAWC,CAAa,GAAGF,CAAY;AAC9G;","x_google_ignoreList":[0]}