@weng-lab/visualization 2.4.1 → 2.4.2

package/dist/visualization.es318.js

@@ -1,17 +1,28 @@
-import { inertia as p } from "./visualization.es314.js";
-import { keyframes as r } from "./visualization.es315.js";
-import { spring as t } from "./visualization.es349.js";
-const o = {
-  decay: p,
-  inertia: p,
-  tween: r,
-  keyframes: r,
-  spring: t
-};
-function m(e) {
-  typeof e.type == "string" && (e.type = o[e.type]);
+class t {
+  constructor() {
+    this.updateFinished();
+  }
+  get finished() {
+    return this._finished;
+  }
+  updateFinished() {
+    this._finished = new Promise((i) => {
+      this.resolve = i;
+    });
+  }
+  notifyFinished() {
+    this.resolve();
+  }
+  /**
+   * Allows the animation to be awaited.
+   *
+   * @deprecated Use `finished` instead.
+   */
+  then(i, e) {
+    return this.finished.then(i, e);
+  }
 }
 export {
-  m as replaceTransitionType
+  t as WithPromise
 };
 //# sourceMappingURL=visualization.es318.js.map

package/dist/visualization.es318.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es318.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs"],"sourcesContent":["import { inertia } from '../generators/inertia.mjs';\nimport { keyframes } from '../generators/keyframes.mjs';\nimport { spring } from '../generators/spring.mjs';\n\nconst transitionTypeMap = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\nfunction replaceTransitionType(transition) {\n    if (typeof transition.type === \"string\") {\n        transition.type = transitionTypeMap[transition.type];\n    }\n}\n\nexport { replaceTransitionType };\n//# sourceMappingURL=replace-transition-type.mjs.map\n"],"names":["transitionTypeMap","inertia","keyframes","spring","replaceTransitionType","transition"],"mappings":";;;AAIA,MAAMA,IAAoB;AAAA,EACtB,OAAOC;AAAA,EACP,SAAAA;AAAA,EACA,OAAOC;AAAA,EACP,WAAWA;AAAA,EACX,QAAAC;AACJ;AACA,SAASC,EAAsBC,GAAY;AACvC,EAAI,OAAOA,EAAW,QAAS,aAC3BA,EAAW,OAAOL,EAAkBK,EAAW,IAAI;AAE3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es318.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs"],"sourcesContent":["class WithPromise {\n    constructor() {\n        this.updateFinished();\n    }\n    get finished() {\n        return this._finished;\n    }\n    updateFinished() {\n        this._finished = new Promise((resolve) => {\n            this.resolve = resolve;\n        });\n    }\n    notifyFinished() {\n        this.resolve();\n    }\n    /**\n     * Allows the animation to be awaited.\n     *\n     * @deprecated Use `finished` instead.\n     */\n    then(onResolve, onReject) {\n        return this.finished.then(onResolve, onReject);\n    }\n}\n\nexport { WithPromise };\n//# sourceMappingURL=WithPromise.mjs.map\n"],"names":["WithPromise","resolve","onResolve","onReject"],"mappings":"AAAA,MAAMA,EAAY;AAAA,EACd,cAAc;AACV,SAAK,eAAc;AAAA,EACvB;AAAA,EACA,IAAI,WAAW;AACX,WAAO,KAAK;AAAA,EAChB;AAAA,EACA,iBAAiB;AACb,SAAK,YAAY,IAAI,QAAQ,CAACC,MAAY;AACtC,WAAK,UAAUA;AAAA,IACnB,CAAC;AAAA,EACL;AAAA,EACA,iBAAiB;AACb,SAAK,QAAO;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,KAAKC,GAAWC,GAAU;AACtB,WAAO,KAAK,SAAS,KAAKD,GAAWC,CAAQ;AAAA,EACjD;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es319.js

@@ -1,15 +1,34 @@
-import { formatErrorMessage as n } from "./visualization.es486.js";
-let i = () => {
-}, t = () => {
-};
-typeof process < "u" && process.env?.NODE_ENV !== "production" && (i = (e, o, r) => {
-  !e && typeof console < "u" && console.warn(n(o, r));
-}, t = (e, o, r) => {
-  if (!e)
-    throw new Error(n(o, r));
-});
+import { acceleratedValues as i } from "./visualization.es382.js";
+import { hasBrowserOnlyColors as c } from "./visualization.es383.js";
+import { memo as f } from "./visualization.es384.js";
+const u = /* @__PURE__ */ new Set([
+  "color",
+  "backgroundColor",
+  "outlineColor",
+  "fill",
+  "stroke",
+  "borderColor",
+  "borderTopColor",
+  "borderRightColor",
+  "borderBottomColor",
+  "borderLeftColor"
+]), b = /* @__PURE__ */ f(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function h(e) {
+  const { motionValue: r, name: o, repeatDelay: t, repeatType: n, damping: a, type: s, keyframes: l } = e;
+  if (!(r?.owner?.current instanceof HTMLElement))
+    return !1;
+  const { onUpdate: p, transformTemplate: m } = r.owner.getProps();
+  return b() && o && /**
+   * Force WAAPI for color properties with browser-only color formats
+   * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.
+   */
+  (i.has(o) || u.has(o) && c(l)) && (o !== "transform" || !m) && /**
+   * If we're outputting values to onUpdate then we can't use WAAPI as there's
+   * no way to read the value from WAAPI every frame.
+   */
+  !p && !t && n !== "mirror" && a !== 0 && s !== "inertia";
+}
 export {
-  t as invariant,
-  i as warning
+  h as supportsBrowserAnimation
 };
 //# sourceMappingURL=visualization.es319.js.map

package/dist/visualization.es319.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es319.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/errors.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nlet warning = () => { };\nlet invariant = () => { };\nif (typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\") {\n    warning = (check, message, errorCode) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(formatErrorMessage(message, errorCode));\n        }\n    };\n    invariant = (check, message, errorCode) => {\n        if (!check) {\n            throw new Error(formatErrorMessage(message, errorCode));\n        }\n    };\n}\n\nexport { invariant, warning };\n//# sourceMappingURL=errors.mjs.map\n"],"names":["warning","invariant","check","message","errorCode","formatErrorMessage"],"mappings":";AAEG,IAACA,IAAU,MAAM;AAAE,GAClBC,IAAY,MAAM;AAAE;AACpB,OAAO,UAAY,OACnB,QAAQ,KAAK,aAAa,iBAC1BD,IAAU,CAACE,GAAOC,GAASC,MAAc;AACrC,EAAI,CAACF,KAAS,OAAO,UAAY,OAC7B,QAAQ,KAAKG,EAAmBF,GAASC,CAAS,CAAC;AAE3D,GACAH,IAAY,CAACC,GAAOC,GAASC,MAAc;AACvC,MAAI,CAACF;AACD,UAAM,IAAI,MAAMG,EAAmBF,GAASC,CAAS,CAAC;AAE9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es319.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { acceleratedValues } from '../utils/accelerated-values.mjs';\nimport { hasBrowserOnlyColors } from '../utils/is-browser-color.mjs';\n\nconst colorProperties = new Set([\n    \"color\",\n    \"backgroundColor\",\n    \"outlineColor\",\n    \"fill\",\n    \"stroke\",\n    \"borderColor\",\n    \"borderTopColor\",\n    \"borderRightColor\",\n    \"borderBottomColor\",\n    \"borderLeftColor\",\n]);\nconst supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\nfunction supportsBrowserAnimation(options) {\n    const { motionValue, name, repeatDelay, repeatType, damping, type, keyframes, } = options;\n    const subject = motionValue?.owner?.current;\n    /**\n     * We use this check instead of isHTMLElement() because we explicitly\n     * **don't** want elements in different timing contexts (i.e. popups)\n     * to be accelerated, as it's not possible to sync these animations\n     * properly with those driven from the main window frameloop.\n     */\n    if (!(subject instanceof HTMLElement)) {\n        return false;\n    }\n    const { onUpdate, transformTemplate } = motionValue.owner.getProps();\n    return (supportsWaapi() &&\n        name &&\n        /**\n         * Force WAAPI for color properties with browser-only color formats\n         * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.\n         */\n        (acceleratedValues.has(name) ||\n            (colorProperties.has(name) &&\n                hasBrowserOnlyColors(keyframes))) &&\n        (name !== \"transform\" || !transformTemplate) &&\n        /**\n         * If we're outputting values to onUpdate then we can't use WAAPI as there's\n         * no way to read the value from WAAPI every frame.\n         */\n        !onUpdate &&\n        !repeatDelay &&\n        repeatType !== \"mirror\" &&\n        damping !== 0 &&\n        type !== \"inertia\");\n}\n\nexport { supportsBrowserAnimation };\n//# sourceMappingURL=waapi.mjs.map\n"],"names":["colorProperties","supportsWaapi","memo","supportsBrowserAnimation","options","motionValue","name","repeatDelay","repeatType","damping","type","keyframes","onUpdate","transformTemplate","acceleratedValues","hasBrowserOnlyColors"],"mappings":";;;AAIA,MAAMA,IAAkB,oBAAI,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GACKC,IAA8B,gBAAAC,EAAK,MAAM,OAAO,eAAe,KAAK,QAAQ,WAAW,SAAS,CAAC;AACvG,SAASC,EAAyBC,GAAS;AACvC,QAAM,EAAE,aAAAC,GAAa,MAAAC,GAAM,aAAAC,GAAa,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAS,IAAMP;AAQlF,MAAI,EAPYC,GAAa,OAAO,mBAOX;AACrB,WAAO;AAEX,QAAM,EAAE,UAAAO,GAAU,mBAAAC,EAAiB,IAAKR,EAAY,MAAM,SAAQ;AAClE,SAAQJ,EAAa,KACjBK;AAAA;AAAA;AAAA;AAAA,GAKCQ,EAAkB,IAAIR,CAAI,KACtBN,EAAgB,IAAIM,CAAI,KACrBS,EAAqBJ,CAAS,OACrCL,MAAS,eAAe,CAACO;AAAA;AAAA;AAAA;AAAA,EAK1B,CAACD,KACD,CAACL,KACDC,MAAe,YACfC,MAAY,KACZC,MAAS;AACjB;","x_google_ignoreList":[0]}

package/dist/visualization.es32.js

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

package/dist/visualization.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es32.js","sources":["../../../node_modules/.pnpm/@visx+group@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/group/esm/Group.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Group(_ref) {\n  let {\n    top = 0,\n    left = 0,\n    transform,\n    className,\n    children,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"g\", {\n    ref: innerRef,\n    className: cx('visx-group', className),\n    transform: transform || `translate(${left}, ${top})`,\n    ...restProps,\n    children: children\n  });\n}"],"names":["Group","_ref","top","left","transform","className","children","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAMC,GAAM;AAClC,MAAI;AAAA,IACF,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP;AACJ,SAAoBQ,gBAAAA,EAAK,KAAK;AAAA,IAC5B,KAAKF;AAAA,IACL,WAAWG,EAAG,cAAcL,CAAS;AAAA,IACrC,WAAWD,KAAa,aAAaD,CAAI,KAAKD,CAAG;AAAA,IACjD,GAAGM;AAAA,IACH,UAAUF;AAAA,EACd,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es32.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\" : (outlier.stroke ?? \"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\" : (point.stroke ?? \"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\" : (point.stroke ?? \"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.es320.js

@@ -1,5 +1,5 @@
-const o = (c, e) => (n) => e(c(n)), t = (...c) => c.reduce(o);
+const o = {};
 export {
-  t as pipe
+  o as MotionGlobalConfig
 };
 //# sourceMappingURL=visualization.es320.js.map

package/dist/visualization.es320.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es320.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/pipe.mjs"],"sourcesContent":["/**\n * Pipe\n * Compose other transformers to run linearily\n * pipe(min(20), max(40))\n * @param  {...functions} transformers\n * @return {function}\n */\nconst combineFunctions = (a, b) => (v) => b(a(v));\nconst pipe = (...transformers) => transformers.reduce(combineFunctions);\n\nexport { pipe };\n//# sourceMappingURL=pipe.mjs.map\n"],"names":["combineFunctions","a","b","v","pipe","transformers"],"mappings":"AAOA,MAAMA,IAAmB,CAACC,GAAGC,MAAM,CAACC,MAAMD,EAAED,EAAEE,CAAC,CAAC,GAC1CC,IAAO,IAAIC,MAAiBA,EAAa,OAAOL,CAAgB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es320.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/global-config.mjs"],"sourcesContent":["const MotionGlobalConfig = {};\n\nexport { MotionGlobalConfig };\n//# sourceMappingURL=global-config.mjs.map\n"],"names":["MotionGlobalConfig"],"mappings":"AAAK,MAACA,IAAqB,CAAA;","x_google_ignoreList":[0]}

package/dist/visualization.es321.js

@@ -1,6 +1,5 @@
-const s = /* @__NO_SIDE_EFFECTS__ */ (o) => o * 1e3, c = /* @__NO_SIDE_EFFECTS__ */ (o) => o / 1e3;
+const n = /* @__NO_SIDE_EFFECTS__ */ (o) => o;
 export {
-  c as millisecondsToSeconds,
-  s as secondsToMilliseconds
+  n as noop
 };
 //# sourceMappingURL=visualization.es321.js.map

package/dist/visualization.es321.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es321.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/time-conversion.mjs"],"sourcesContent":["/**\n * Converts seconds to milliseconds\n *\n * @param seconds - Time in seconds.\n * @return milliseconds - Converted time in milliseconds.\n */\n/*#__NO_SIDE_EFFECTS__*/\nconst secondsToMilliseconds = (seconds) => seconds * 1000;\n/*#__NO_SIDE_EFFECTS__*/\nconst millisecondsToSeconds = (milliseconds) => milliseconds / 1000;\n\nexport { millisecondsToSeconds, secondsToMilliseconds };\n//# sourceMappingURL=time-conversion.mjs.map\n"],"names":["secondsToMilliseconds","seconds","millisecondsToSeconds","milliseconds"],"mappings":"AAOK,MAACA,+BAAwB,CAACC,MAAYA,IAAU,KAE/CC,+BAAwB,CAACC,MAAiBA,IAAe;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es321.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/noop.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nconst noop = (any) => any;\n\nexport { noop };\n//# sourceMappingURL=noop.mjs.map\n"],"names":["noop","any"],"mappings":"AACK,MAACA,+BAAO,CAACC,MAAQA;","x_google_ignoreList":[0]}

package/dist/visualization.es322.js

@@ -1,5 +1,9 @@
-const n = (t, e, r) => r > e ? e : r < t ? t : r;
+import { getMixer as m } from "./visualization.es408.js";
+import { mixNumber as t } from "./visualization.es375.js";
+function o(e, r, i) {
+  return typeof e == "number" && typeof r == "number" && typeof i == "number" ? t(e, r, i) : m(e)(e, r);
+}
 export {
-  n as clamp
+  o as mix
 };
 //# sourceMappingURL=visualization.es322.js.map

package/dist/visualization.es322.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es322.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/clamp.mjs"],"sourcesContent":["const clamp = (min, max, v) => {\n    if (v > max)\n        return max;\n    if (v < min)\n        return min;\n    return v;\n};\n\nexport { clamp };\n//# sourceMappingURL=clamp.mjs.map\n"],"names":["clamp","min","max","v"],"mappings":"AAAK,MAACA,IAAQ,CAACC,GAAKC,GAAKC,MACjBA,IAAID,IACGA,IACPC,IAAIF,IACGA,IACJE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es322.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/index.mjs"],"sourcesContent":["import { getMixer } from './complex.mjs';\nimport { mixNumber } from './number.mjs';\n\nfunction mix(from, to, p) {\n    if (typeof from === \"number\" &&\n        typeof to === \"number\" &&\n        typeof p === \"number\") {\n        return mixNumber(from, to, p);\n    }\n    const mixer = getMixer(from);\n    return mixer(from, to);\n}\n\nexport { mix };\n//# sourceMappingURL=index.mjs.map\n"],"names":["mix","from","to","p","mixNumber","getMixer"],"mappings":";;AAGA,SAASA,EAAIC,GAAMC,GAAIC,GAAG;AACtB,SAAI,OAAOF,KAAS,YAChB,OAAOC,KAAO,YACd,OAAOC,KAAM,WACNC,EAAUH,GAAMC,GAAIC,CAAC,IAElBE,EAASJ,CAAI,EACdA,GAAMC,CAAE;AACzB;","x_google_ignoreList":[0]}

package/dist/visualization.es323.js

@@ -1,107 +1,18 @@
-import { setStyle as u } from "./visualization.es324.js";
-import { supportsScrollTimeline as p } from "./visualization.es325.js";
-import { getFinalKeyframe as f } from "./visualization.es303.js";
-import { WithPromise as d } from "./visualization.es308.js";
-import { startWaapiAnimation as c } from "./visualization.es326.js";
-import { applyGeneratorOptions as T } from "./visualization.es327.js";
-import { invariant as y } from "./visualization.es319.js";
-import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "./visualization.es321.js";
-import { noop as g } from "./visualization.es311.js";
-class v extends d {
-  constructor(i) {
-    if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !i)
-      return;
-    const { element: t, name: e, keyframes: n, pseudoElement: s, allowFlatten: r = !1, finalKeyframe: l, onComplete: h } = i;
-    this.isPseudoElement = !!s, this.allowFlatten = r, this.options = i, y(typeof i.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const o = T(i);
-    this.animation = c(t, e, n, o, s), o.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
-      if (this.finishedTime = this.time, !s) {
-        const m = f(n, this.options, l, this.speed);
-        this.updateMotionValue && this.updateMotionValue(m), u(t, e, m), this.animation.cancel();
-      }
-      h?.(), this.notifyFinished();
-    };
-  }
-  play() {
-    this.isStopped || (this.manualStartTime = null, this.animation.play(), this.state === "finished" && this.updateFinished());
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    this.animation.finish?.();
-  }
-  cancel() {
-    try {
-      this.animation.cancel();
-    } catch {
-    }
-  }
-  stop() {
-    if (this.isStopped)
-      return;
-    this.isStopped = !0;
-    const { state: i } = this;
-    i === "idle" || i === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), this.isPseudoElement || this.cancel());
-  }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
-   *
-   * In this method, we commit styles back to the DOM before cancelling
-   * the animation.
-   *
-   * This is designed to be overridden by NativeAnimationExtended, which
-   * will create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to also correctly calculate velocity for any subsequent animation
-   * while deferring the commit until the next animation frame.
-   */
-  commitStyles() {
-    const i = this.options?.element;
-    !this.isPseudoElement && i?.isConnected && this.animation.commitStyles?.();
-  }
-  get duration() {
-    const i = this.animation.effect?.getComputedTiming?.().duration || 0;
-    return a(Number(i));
-  }
-  get iterationDuration() {
-    const { delay: i = 0 } = this.options || {};
-    return this.duration + a(i);
-  }
-  get time() {
-    return a(Number(this.animation.currentTime) || 0);
-  }
-  set time(i) {
-    const t = this.finishedTime !== null;
-    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = S(i), t && this.animation.pause();
-  }
-  /**
-   * The playback speed of the animation.
-   * 1 = normal speed, 2 = double speed, 0.5 = half speed.
-   */
-  get speed() {
-    return this.animation.playbackRate;
-  }
-  set speed(i) {
-    i < 0 && (this.finishedTime = null), this.animation.playbackRate = i;
-  }
-  get state() {
-    return this.finishedTime !== null ? "finished" : this.animation.playState;
-  }
-  get startTime() {
-    return this.manualStartTime ?? Number(this.animation.startTime);
-  }
-  set startTime(i) {
-    this.manualStartTime = this.animation.startTime = i;
-  }
-  /**
-   * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
-   */
-  attachTimeline({ timeline: i, rangeStart: t, rangeEnd: e, observe: n }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, i && p() ? (this.animation.timeline = i, t && (this.animation.rangeStart = t), e && (this.animation.rangeEnd = e), g) : n(this);
-  }
-}
+import { time as o } from "./visualization.es311.js";
+import { frameData as e, cancelFrame as a, frame as s } from "./visualization.es349.js";
+const n = (m) => {
+  const t = ({ timestamp: r }) => m(r);
+  return {
+    start: (r = !0) => s.update(t, r),
+    stop: () => a(t),
+    /**
+     * If we're processing this frame we can use the
+     * framelocked timestamp to keep things in sync.
+     */
+    now: () => e.isProcessing ? e.timestamp : o.now()
+  };
+};
 export {
-  v as NativeAnimation
+  n as frameloopDriver
 };
 //# sourceMappingURL=visualization.es323.js.map

package/dist/visualization.es323.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es323.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs"],"sourcesContent":["import { invariant, millisecondsToSeconds, secondsToMilliseconds, noop } from 'motion-utils';\nimport { setStyle } from '../render/dom/style-set.mjs';\nimport { supportsScrollTimeline } from '../utils/supports/scroll-timeline.mjs';\nimport { getFinalKeyframe } from './keyframes/get-final.mjs';\nimport { WithPromise } from './utils/WithPromise.mjs';\nimport { startWaapiAnimation } from './waapi/start-waapi-animation.mjs';\nimport { applyGeneratorOptions } from './waapi/utils/apply-generator.mjs';\n\n/**\n * NativeAnimation implements AnimationPlaybackControls for the browser's Web Animations API.\n */\nclass NativeAnimation extends WithPromise {\n    constructor(options) {\n        super();\n        this.finishedTime = null;\n        this.isStopped = false;\n        /**\n         * Tracks a manually-set start time that takes precedence over WAAPI's\n         * dynamic startTime. This is cleared when play() or time setter is called,\n         * allowing WAAPI to take over timing.\n         */\n        this.manualStartTime = null;\n        if (!options)\n            return;\n        const { element, name, keyframes, pseudoElement, allowFlatten = false, finalKeyframe, onComplete, } = options;\n        this.isPseudoElement = Boolean(pseudoElement);\n        this.allowFlatten = allowFlatten;\n        this.options = options;\n        invariant(typeof options.type !== \"string\", `Mini animate() doesn't support \"type\" as a string.`, \"mini-spring\");\n        const transition = applyGeneratorOptions(options);\n        this.animation = startWaapiAnimation(element, name, keyframes, transition, pseudoElement);\n        if (transition.autoplay === false) {\n            this.animation.pause();\n        }\n        this.animation.onfinish = () => {\n            this.finishedTime = this.time;\n            if (!pseudoElement) {\n                const keyframe = getFinalKeyframe(keyframes, this.options, finalKeyframe, this.speed);\n                if (this.updateMotionValue) {\n                    this.updateMotionValue(keyframe);\n                }\n                /**\n                 * If we can, we want to commit the final style as set by the user,\n                 * rather than the computed keyframe value supplied by the animation.\n                 * We always do this, even when a motion value is present, to prevent\n                 * a visual flash in Firefox where the WAAPI animation's fill is removed\n                 * during cancel() before the scheduled render can apply the correct value.\n                 */\n                setStyle(element, name, keyframe);\n                this.animation.cancel();\n            }\n            onComplete?.();\n            this.notifyFinished();\n        };\n    }\n    play() {\n        if (this.isStopped)\n            return;\n        this.manualStartTime = null;\n        this.animation.play();\n        if (this.state === \"finished\") {\n            this.updateFinished();\n        }\n    }\n    pause() {\n        this.animation.pause();\n    }\n    complete() {\n        this.animation.finish?.();\n    }\n    cancel() {\n        try {\n            this.animation.cancel();\n        }\n        catch (e) { }\n    }\n    stop() {\n        if (this.isStopped)\n            return;\n        this.isStopped = true;\n        const { state } = this;\n        if (state === \"idle\" || state === \"finished\") {\n            return;\n        }\n        if (this.updateMotionValue) {\n            this.updateMotionValue();\n        }\n        else {\n            this.commitStyles();\n        }\n        if (!this.isPseudoElement)\n            this.cancel();\n    }\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * In this method, we commit styles back to the DOM before cancelling\n     * the animation.\n     *\n     * This is designed to be overridden by NativeAnimationExtended, which\n     * will create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to also correctly calculate velocity for any subsequent animation\n     * while deferring the commit until the next animation frame.\n     */\n    commitStyles() {\n        const element = this.options?.element;\n        if (!this.isPseudoElement && element?.isConnected) {\n            this.animation.commitStyles?.();\n        }\n    }\n    get duration() {\n        const duration = this.animation.effect?.getComputedTiming?.().duration || 0;\n        return millisecondsToSeconds(Number(duration));\n    }\n    get iterationDuration() {\n        const { delay = 0 } = this.options || {};\n        return this.duration + millisecondsToSeconds(delay);\n    }\n    get time() {\n        return millisecondsToSeconds(Number(this.animation.currentTime) || 0);\n    }\n    set time(newTime) {\n        const wasFinished = this.finishedTime !== null;\n        this.manualStartTime = null;\n        this.finishedTime = null;\n        this.animation.currentTime = secondsToMilliseconds(newTime);\n        if (wasFinished) {\n            this.animation.pause();\n        }\n    }\n    /**\n     * The playback speed of the animation.\n     * 1 = normal speed, 2 = double speed, 0.5 = half speed.\n     */\n    get speed() {\n        return this.animation.playbackRate;\n    }\n    set speed(newSpeed) {\n        // Allow backwards playback after finishing\n        if (newSpeed < 0)\n            this.finishedTime = null;\n        this.animation.playbackRate = newSpeed;\n    }\n    get state() {\n        return this.finishedTime !== null\n            ? \"finished\"\n            : this.animation.playState;\n    }\n    get startTime() {\n        return this.manualStartTime ?? Number(this.animation.startTime);\n    }\n    set startTime(newStartTime) {\n        this.manualStartTime = this.animation.startTime = newStartTime;\n    }\n    /**\n     * Attaches a timeline to the animation, for instance the `ScrollTimeline`.\n     */\n    attachTimeline({ timeline, rangeStart, rangeEnd, observe, }) {\n        if (this.allowFlatten) {\n            this.animation.effect?.updateTiming({ easing: \"linear\" });\n        }\n        this.animation.onfinish = null;\n        if (timeline && supportsScrollTimeline()) {\n            this.animation.timeline = timeline;\n            if (rangeStart)\n                this.animation.rangeStart = rangeStart;\n            if (rangeEnd)\n                this.animation.rangeEnd = rangeEnd;\n            return noop;\n        }\n        else {\n            return observe(this);\n        }\n    }\n}\n\nexport { NativeAnimation };\n//# sourceMappingURL=NativeAnimation.mjs.map\n"],"names":["NativeAnimation","WithPromise","options","element","name","keyframes","pseudoElement","allowFlatten","finalKeyframe","onComplete","invariant","transition","applyGeneratorOptions","startWaapiAnimation","keyframe","getFinalKeyframe","setStyle","state","duration","millisecondsToSeconds","delay","newTime","wasFinished","secondsToMilliseconds","newSpeed","newStartTime","timeline","rangeStart","rangeEnd","observe","supportsScrollTimeline","noop"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es323.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs"],"sourcesContent":["import { time } from '../../frameloop/sync-time.mjs';\nimport { frameData, cancelFrame, frame } from '../../frameloop/frame.mjs';\n\nconst frameloopDriver = (update) => {\n    const passTimestamp = ({ timestamp }) => update(timestamp);\n    return {\n        start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),\n        stop: () => cancelFrame(passTimestamp),\n        /**\n         * If we're processing this frame we can use the\n         * framelocked timestamp to keep things in sync.\n         */\n        now: () => (frameData.isProcessing ? frameData.timestamp : time.now()),\n    };\n};\n\nexport { frameloopDriver };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frameloopDriver","update","passTimestamp","timestamp","keepAlive","frame","cancelFrame","frameData","time"],"mappings":";;AAGK,MAACA,IAAkB,CAACC,MAAW;AAChC,QAAMC,IAAgB,CAAC,EAAE,WAAAC,EAAS,MAAOF,EAAOE,CAAS;AACzD,SAAO;AAAA,IACH,OAAO,CAACC,IAAY,OAASC,EAAM,OAAOH,GAAeE,CAAS;AAAA,IAClE,MAAM,MAAME,EAAYJ,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,KAAK,MAAOK,EAAU,eAAeA,EAAU,YAAYC,EAAK;EACxE;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es324.js

@@ -1,8 +1,38 @@
-import { isCSSVar as s } from "./visualization.es390.js";
-function i(r, t, o) {
-  s(t) ? r.style.setProperty(t, o) : r.style[t] = o;
+import { spring as L } from "./visualization.es359.js";
+import { getGeneratorVelocity as R } from "./visualization.es327.js";
+function $({ keyframes: v, velocity: B = 0, power: M = 0.8, timeConstant: b = 325, bounceDamping: k = 10, bounceStiffness: F = 500, modifyTarget: l, min: t, max: a, restDelta: f = 0.5, restSpeed: O }) {
+  const s = v[0], n = {
+    done: !1,
+    value: s
+  }, C = (e) => t !== void 0 && e < t || a !== void 0 && e > a, D = (e) => t === void 0 ? a : a === void 0 || Math.abs(t - e) < Math.abs(a - e) ? t : a;
+  let d = M * B;
+  const i = s + d, u = l === void 0 ? i : l(i);
+  u !== i && (d = u - s);
+  const p = (e) => -d * Math.exp(-e / b), h = (e) => u + p(e), y = (e) => {
+    const o = p(e), G = h(e);
+    n.done = Math.abs(o) <= f, n.value = n.done ? u : G;
+  };
+  let r, c;
+  const g = (e) => {
+    C(n.value) && (r = e, c = L({
+      keyframes: [n.value, D(n.value)],
+      velocity: R(h, e, n.value),
+      // TODO: This should be passing * 1000
+      damping: k,
+      stiffness: F,
+      restDelta: f,
+      restSpeed: O
+    }));
+  };
+  return g(0), {
+    calculatedDuration: null,
+    next: (e) => {
+      let o = !1;
+      return !c && r === void 0 && (o = !0, y(e), g(e)), r !== void 0 && e >= r ? c.next(e - r) : (!o && y(e), n);
+    }
+  };
 }
 export {
-  i as setStyle
+  $ as inertia
 };
 //# sourceMappingURL=visualization.es324.js.map

package/dist/visualization.es324.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es324.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/style-set.mjs"],"sourcesContent":["import { isCSSVar } from './is-css-var.mjs';\n\nfunction setStyle(element, name, value) {\n    isCSSVar(name)\n        ? element.style.setProperty(name, value)\n        : (element.style[name] = value);\n}\n\nexport { setStyle };\n//# sourceMappingURL=style-set.mjs.map\n"],"names":["setStyle","element","name","value","isCSSVar"],"mappings":";AAEA,SAASA,EAASC,GAASC,GAAMC,GAAO;AACpC,EAAAC,EAASF,CAAI,IACPD,EAAQ,MAAM,YAAYC,GAAMC,CAAK,IACpCF,EAAQ,MAAMC,CAAI,IAAIC;AACjC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es324.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs"],"sourcesContent":["import { spring } from './spring.mjs';\nimport { getGeneratorVelocity } from './utils/velocity.mjs';\n\nfunction inertia({ keyframes, velocity = 0.0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed, }) {\n    const origin = keyframes[0];\n    const state = {\n        done: false,\n        value: origin,\n    };\n    const isOutOfBounds = (v) => (min !== undefined && v < min) || (max !== undefined && v > max);\n    const nearestBoundary = (v) => {\n        if (min === undefined)\n            return max;\n        if (max === undefined)\n            return min;\n        return Math.abs(min - v) < Math.abs(max - v) ? min : max;\n    };\n    let amplitude = power * velocity;\n    const ideal = origin + amplitude;\n    const target = modifyTarget === undefined ? ideal : modifyTarget(ideal);\n    /**\n     * If the target has changed we need to re-calculate the amplitude, otherwise\n     * the animation will start from the wrong position.\n     */\n    if (target !== ideal)\n        amplitude = target - origin;\n    const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);\n    const calcLatest = (t) => target + calcDelta(t);\n    const applyFriction = (t) => {\n        const delta = calcDelta(t);\n        const latest = calcLatest(t);\n        state.done = Math.abs(delta) <= restDelta;\n        state.value = state.done ? target : latest;\n    };\n    /**\n     * Ideally this would resolve for t in a stateless way, we could\n     * do that by always precalculating the animation but as we know\n     * this will be done anyway we can assume that spring will\n     * be discovered during that.\n     */\n    let timeReachedBoundary;\n    let spring$1;\n    const checkCatchBoundary = (t) => {\n        if (!isOutOfBounds(state.value))\n            return;\n        timeReachedBoundary = t;\n        spring$1 = spring({\n            keyframes: [state.value, nearestBoundary(state.value)],\n            velocity: getGeneratorVelocity(calcLatest, t, state.value), // TODO: This should be passing * 1000\n            damping: bounceDamping,\n            stiffness: bounceStiffness,\n            restDelta,\n            restSpeed,\n        });\n    };\n    checkCatchBoundary(0);\n    return {\n        calculatedDuration: null,\n        next: (t) => {\n            /**\n             * We need to resolve the friction to figure out if we need a\n             * spring but we don't want to do this twice per frame. So here\n             * we flag if we updated for this frame and later if we did\n             * we can skip doing it again.\n             */\n            let hasUpdatedFrame = false;\n            if (!spring$1 && timeReachedBoundary === undefined) {\n                hasUpdatedFrame = true;\n                applyFriction(t);\n                checkCatchBoundary(t);\n            }\n            /**\n             * If we have a spring and the provided t is beyond the moment the friction\n             * animation crossed the min/max boundary, use the spring.\n             */\n            if (timeReachedBoundary !== undefined && t >= timeReachedBoundary) {\n                return spring$1.next(t - timeReachedBoundary);\n            }\n            else {\n                !hasUpdatedFrame && applyFriction(t);\n                return state;\n            }\n        },\n    };\n}\n\nexport { inertia };\n//# sourceMappingURL=inertia.mjs.map\n"],"names":["inertia","keyframes","velocity","power","timeConstant","bounceDamping","bounceStiffness","modifyTarget","min","max","restDelta","restSpeed","origin","state","isOutOfBounds","v","nearestBoundary","amplitude","ideal","target","calcDelta","t","calcLatest","applyFriction","delta","latest","timeReachedBoundary","spring$1","checkCatchBoundary","spring","getGeneratorVelocity","hasUpdatedFrame"],"mappings":";;AAGA,SAASA,EAAQ,EAAE,WAAAC,GAAW,UAAAC,IAAW,GAAK,OAAAC,IAAQ,KAAK,cAAAC,IAAe,KAAK,eAAAC,IAAgB,IAAI,iBAAAC,IAAkB,KAAK,cAAAC,GAAc,KAAAC,GAAK,KAAAC,GAAK,WAAAC,IAAY,KAAK,WAAAC,KAAc;AAC7K,QAAMC,IAASX,EAAU,CAAC,GACpBY,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAOD;AAAA,EACf,GACUE,IAAgB,CAACC,MAAOP,MAAQ,UAAaO,IAAIP,KAASC,MAAQ,UAAaM,IAAIN,GACnFO,IAAkB,CAACD,MACjBP,MAAQ,SACDC,IACPA,MAAQ,UAEL,KAAK,IAAID,IAAMO,CAAC,IAAI,KAAK,IAAIN,IAAMM,CAAC,IADhCP,IAC0CC;AAEzD,MAAIQ,IAAYd,IAAQD;AACxB,QAAMgB,IAAQN,IAASK,GACjBE,IAASZ,MAAiB,SAAYW,IAAQX,EAAaW,CAAK;AAKtE,EAAIC,MAAWD,MACXD,IAAYE,IAASP;AACzB,QAAMQ,IAAY,CAACC,MAAM,CAACJ,IAAY,KAAK,IAAI,CAACI,IAAIjB,CAAY,GAC1DkB,IAAa,CAACD,MAAMF,IAASC,EAAUC,CAAC,GACxCE,IAAgB,CAACF,MAAM;AACzB,UAAMG,IAAQJ,EAAUC,CAAC,GACnBI,IAASH,EAAWD,CAAC;AAC3B,IAAAR,EAAM,OAAO,KAAK,IAAIW,CAAK,KAAKd,GAChCG,EAAM,QAAQA,EAAM,OAAOM,IAASM;AAAA,EACxC;AAOA,MAAIC,GACAC;AACJ,QAAMC,IAAqB,CAACP,MAAM;AAC9B,IAAKP,EAAcD,EAAM,KAAK,MAE9Ba,IAAsBL,GACtBM,IAAWE,EAAO;AAAA,MACd,WAAW,CAAChB,EAAM,OAAOG,EAAgBH,EAAM,KAAK,CAAC;AAAA,MACrD,UAAUiB,EAAqBR,GAAYD,GAAGR,EAAM,KAAK;AAAA;AAAA,MACzD,SAASR;AAAA,MACT,WAAWC;AAAA,MACX,WAAAI;AAAA,MACA,WAAAC;AAAA,IACZ,CAAS;AAAA,EACL;AACA,SAAAiB,EAAmB,CAAC,GACb;AAAA,IACH,oBAAoB;AAAA,IACpB,MAAM,CAACP,MAAM;AAOT,UAAIU,IAAkB;AAUtB,aATI,CAACJ,KAAYD,MAAwB,WACrCK,IAAkB,IAClBR,EAAcF,CAAC,GACfO,EAAmBP,CAAC,IAMpBK,MAAwB,UAAaL,KAAKK,IACnCC,EAAS,KAAKN,IAAIK,CAAmB,KAG5C,CAACK,KAAmBR,EAAcF,CAAC,GAC5BR;AAAA,IAEf;AAAA,EACR;AACA;","x_google_ignoreList":[0]}