@weng-lab/visualization 2.4.0-beta.8 → 2.4.0

package/dist/visualization.es306.js

@@ -1,28 +1,15 @@
-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);
-  }
-}
+import { formatErrorMessage as n } from "./visualization.es473.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));
+});
 export {
-  t as WithPromise
+  t as invariant,
+  i as warning
 };
 //# sourceMappingURL=visualization.es306.js.map

package/dist/visualization.es306.js.map

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

package/dist/visualization.es307.js

@@ -1,34 +1,5 @@
-import { acceleratedValues as i } from "./visualization.es370.js";
-import { hasBrowserOnlyColors as c } from "./visualization.es371.js";
-import { memo as f } from "./visualization.es372.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";
-}
+const o = (c, e) => (n) => e(c(n)), t = (...c) => c.reduce(o);
 export {
-  h as supportsBrowserAnimation
+  t as pipe
 };
 //# sourceMappingURL=visualization.es307.js.map

package/dist/visualization.es307.js.map

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

package/dist/visualization.es308.js

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

package/dist/visualization.es308.js.map

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

package/dist/visualization.es309.js

@@ -1,5 +1,5 @@
-const n = /* @__NO_SIDE_EFFECTS__ */ (o) => o;
+const n = (t, e, r) => r > e ? e : r < t ? t : r;
 export {
-  n as noop
+  n as clamp
 };
 //# sourceMappingURL=visualization.es309.js.map

package/dist/visualization.es309.js.map

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

package/dist/visualization.es31.js

@@ -1,151 +1,114 @@
-import f from "./visualization.es90.js";
-import p from "./visualization.es91.js";
-import { easeOut as x } from "./visualization.es92.js";
-function S(t, o = "scatterPlot.png", e = window.devicePixelRatio || 2) {
-  if (!t) return;
-  const i = t.getBoundingClientRect(), n = Math.ceil(Math.max(i.width, i.height));
-  p.toPng(t, {
-    width: n * e,
-    height: n * e,
-    style: {
-      transform: `scale(${e})`,
-      transformOrigin: "top left",
-      width: `${n}px`,
-      height: `${n}px`,
-      overflow: "visible"
-    }
-  }).then((a) => {
-    f(a, o, "image/png");
-  }).catch((a) => {
-    console.error("Download failed:", a);
-  });
-}
-function b(t, o = "scatterPlot.svg") {
-  t && p.toSvg(t).then((e) => {
-    f(e, o, "image/svg+xml");
-  }).catch((e) => {
-    console.error("SVG download failed:", e);
-  });
-}
-function z(t, o = "chart.svg") {
-  const i = new XMLSerializer().serializeToString(t), n = new Blob([i], {
-    type: "image/svg+xml;charset=utf-8"
-  }), a = URL.createObjectURL(n), r = document.createElement("a");
-  r.href = a, r.download = o, r.click(), URL.revokeObjectURL(a);
-}
-function A(t, o = "chart.png", e = window.devicePixelRatio || 2, i) {
-  const a = new XMLSerializer().serializeToString(t), r = new Blob([a], {
-    type: "image/svg+xml;charset=utf-8"
-  }), h = URL.createObjectURL(r), s = new Image();
-  s.onload = () => {
-    const l = document.createElement("canvas"), w = t.clientWidth || 800, v = t.clientHeight || 600;
-    l.width = w * e, l.height = v * e;
-    const c = l.getContext("2d");
-    if (!c) {
-      i?.(!1);
-      return;
-    }
-    c.setTransform(e, 0, 0, e, 0, 0), c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(s, 0, 0), URL.revokeObjectURL(h), l.toBlob(
-      (d) => {
-        if (d) {
-          const u = URL.createObjectURL(d), g = document.createElement("a");
-          g.href = u, g.download = o, g.click(), URL.revokeObjectURL(u);
-        }
-        i?.(!!d);
-      },
-      "image/png",
-      1
-      // max quality
-    );
-  }, s.onerror = () => i?.(!1), s.src = h;
-}
-let m = null;
-function O(t, o, e) {
-  m || (m = document.createElement("canvas"));
-  const i = m.getContext("2d");
-  return i ? (i.font = `${o}px ${e}`, i.measureText(t).width) : 0;
-}
-const R = 1, P = (t, o, e = 0.03) => {
-  if (!t) return {};
-  const i = Math.min(o * e, R), n = {
-    transition: {
-      duration: 0.4,
-      delay: i,
-      ease: x
-    }
-  };
-  switch (t) {
-    case "fade":
-      return {
-        initial: {
-          opacity: 0
-        },
-        animate: {
-          opacity: 1
-        },
-        ...n
-      };
-    case "scale":
-      return {
-        initial: {
-          opacity: 0,
-          scale: 0.8
-        },
-        animate: {
-          opacity: 1,
-          scale: 1
-        },
-        ...n
-      };
-    case "slideUp":
-      return {
-        initial: {
-          opacity: 0,
-          y: 20
-        },
-        animate: {
-          opacity: 1,
-          y: 0
-        },
-        ...n
-      };
-    case "slideRight":
-      return {
-        initial: {
-          opacity: 0,
-          x: -20
-        },
-        animate: {
-          opacity: 1,
-          x: 0
-        },
-        ...n
-      };
-    case "pop":
-      return {
-        initial: {
-          scale: 0
-        },
-        animate: {
-          scale: 1
-        },
-        transition: {
-          type: "spring",
-          stiffness: 150,
-          damping: 12,
-          delay: i
-        }
-      };
-    default:
-      return {};
-  }
-};
+import { jsx as l, jsxs as X, Fragment as re } from "react/jsx-runtime";
+import { c as be } from "react/compiler-runtime";
+import { memo as he } from "react";
+import { getAnimationProps as ge } from "./visualization.es22.js";
+import ye from "./visualization.es36.js";
+import { motion as xe } from "./visualization.es27.js";
+import ne from "./visualization.es25.js";
+import se from "./visualization.es99.js";
+import ve from "./visualization.es54.js";
+import ke from "./visualization.es63.js";
+import { defaultStyles as Se } from "./visualization.es53.js";
+import Le from "./visualization.es100.js";
+import ce from "./visualization.es26.js";
+const Te = "Roboto,Helvetica,Arial,sans-serif", Ve = (pe) => {
+  const e = be(70), {
+    index: Y,
+    bar: o,
+    onBarClicked: n,
+    TooltipContents: v,
+    cutoffNegativeValues: ee,
+    negativeCutoff: oe,
+    xScale: k,
+    yScale: W,
+    barSize: te,
+    barSpacing: le,
+    gapBetweenTextAndBar: ie,
+    getLollipopRadius: y,
+    animation: S,
+    animationEnabled: fe,
+    animationBuffer: me
+  } = pe;
+  let L;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {}, e[0] = L) : L = e[0];
+  const {
+    tooltipOpen: j,
+    tooltipLeft: D,
+    tooltipTop: F,
+    tooltipData: x,
+    hideTooltip: H,
+    showTooltip: R
+  } = ye(L);
+  let T;
+  e[1] !== R ? (T = (P, ue) => {
+    R({
+      tooltipData: ue,
+      tooltipLeft: P.pageX,
+      tooltipTop: P.pageY
+    });
+  }, e[1] = R, e[2] = T) : T = e[2];
+  const _ = T;
+  let V;
+  e[3] !== o || e[4] !== n ? (V = () => {
+    n?.(o);
+  }, e[3] = o, e[4] = n, e[5] = V) : V = e[5];
+  const $ = V;
+  let B;
+  e[6] !== H ? (B = () => {
+    H();
+  }, e[6] = H, e[7] = B) : B = e[7];
+  const E = B, M = o.id === x?.id, C = ee ? Math.max(o.value, oe) : o.value;
+  let z;
+  e[8] !== o.id || e[9] !== W ? (z = W(o.id), e[8] = o.id, e[9] = W, e[10] = z) : z = e[10];
+  const ae = z, de = o.id.split("-")[0] === "spacer" ? le : te, t = C > 0 ? k(0) : k(C), i = ae ?? 0, a = Math.abs(k(C) - k(0)), r = o.id.split("-")[0] === "spacer" ? le : te, G = -ie, I = (ae ?? 0) + de / 2, N = t + a + ie + (o.lollipopValue && o.value >= 0 ? y(o.lollipopValue) : 0), O = i + r / 2, q = S && fe ? xe.g : "g", J = me ?? 0.03;
+  let A;
+  e[11] !== S || e[12] !== Y || e[13] !== J ? (A = ge(S, Y, J), e[11] = S, e[12] = Y, e[13] = J, e[14] = A) : A = e[14];
+  const K = A;
+  let s;
+  e[15] !== n ? (s = n && {
+    cursor: "pointer"
+  }, e[15] = n, e[16] = s) : s = e[16];
+  let c;
+  e[17] !== o || e[18] !== _ ? (c = (P) => _(P, o), e[17] = o, e[18] = _, e[19] = c) : c = e[19];
+  let p;
+  e[20] !== o.category || e[21] !== G || e[22] !== I ? (p = /* @__PURE__ */ l(ne, { x: G, y: I, dy: ".35em", textAnchor: "end", fill: "black", fontSize: 12, children: o.category }), e[20] = o.category, e[21] = G, e[22] = I, e[23] = p) : p = e[23];
+  const Q = o.color || "black", U = ee && C === oe ? 0.4 : 1, Z = M ? "black" : o.stroke || "none";
+  let f;
+  e[24] !== r || e[25] !== a || e[26] !== t || e[27] !== i || e[28] !== Q || e[29] !== U || e[30] !== Z ? (f = /* @__PURE__ */ l(Le, { x: t, y: i, width: a, height: r, fill: Q, opacity: U, rx: 3, stroke: Z }), e[24] = r, e[25] = a, e[26] = t, e[27] = i, e[28] = Q, e[29] = U, e[30] = Z, e[31] = f) : f = e[31];
+  let m;
+  e[32] !== o.color || e[33] !== o.lollipopValue || e[34] !== o.value || e[35] !== r || e[36] !== a || e[37] !== t || e[38] !== i || e[39] !== y || e[40] !== M ? (m = o.lollipopValue && /* @__PURE__ */ X(re, { children: [
+    /* @__PURE__ */ l(se, { r: y(o.lollipopValue) * 1.5, cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: o.color, stroke: M ? "black" : "none" }),
+    /* @__PURE__ */ l(se, { r: y(o.lollipopValue), cx: o.value < 0 ? t : t + a, cy: i + r / 2, fill: "black" })
+  ] }), e[32] = o.color, e[33] = o.lollipopValue, e[34] = o.value, e[35] = r, e[36] = a, e[37] = t, e[38] = i, e[39] = y, e[40] = M, e[41] = m) : m = e[41];
+  let d;
+  e[42] !== o.label || e[43] !== N || e[44] !== O ? (d = /* @__PURE__ */ l(ne, { x: N, y: O, dy: ".35em", textAnchor: "start", fill: "black", fontSize: 12, children: o.label }), e[42] = o.label, e[43] = N, e[44] = O, e[45] = d) : d = e[45];
+  let u;
+  e[46] !== f || e[47] !== m || e[48] !== d ? (u = /* @__PURE__ */ X(ce, { children: [
+    f,
+    m,
+    d
+  ] }), e[46] = f, e[47] = m, e[48] = d, e[49] = u) : u = e[49];
+  let b;
+  e[50] !== q || e[51] !== K || e[52] !== u ? (b = /* @__PURE__ */ l(q, { ...K, children: u }), e[50] = q, e[51] = K, e[52] = u, e[53] = b) : b = e[53];
+  let h;
+  e[54] !== $ || e[55] !== E || e[56] !== p || e[57] !== b || e[58] !== s || e[59] !== c ? (h = /* @__PURE__ */ X(ce, { onClick: $, style: s, onMouseMove: c, onMouseLeave: E, fontFamily: Te, children: [
+    p,
+    b
+  ] }), e[54] = $, e[55] = E, e[56] = p, e[57] = b, e[58] = s, e[59] = c, e[60] = h) : h = e[60];
+  let g;
+  e[61] !== v || e[62] !== x || e[63] !== D || e[64] !== j || e[65] !== F ? (g = v && j && /* @__PURE__ */ l(ve, { children: /* @__PURE__ */ l(ke, { top: F, left: D, style: {
+    ...Se,
+    backgroundColor: "#283238",
+    color: "white",
+    zIndex: 1e3
+  }, children: x && /* @__PURE__ */ l(v, { ...x }) }) }), e[61] = v, e[62] = x, e[63] = D, e[64] = j, e[65] = F, e[66] = g) : g = e[66];
+  let w;
+  return e[67] !== h || e[68] !== g ? (w = /* @__PURE__ */ X(re, { children: [
+    h,
+    g
+  ] }), e[67] = h, e[68] = g, e[69] = w) : w = e[69], w;
+}, He = he(Ve);
 export {
-  z as downloadAsSVG,
-  S as downloadDivAsPNG,
-  b as downloadDivAsSVG,
-  A as downloadSVGAsPNG,
-  P as getAnimationProps,
-  O as measureTextWidth
+  He as default
 };
 //# sourceMappingURL=visualization.es31.js.map

package/dist/visualization.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es31.js","sources":["../src/utility.ts"],"sourcesContent":["import downloadjs from 'downloadjs';\nimport domtoimage from 'dom-to-image';\nimport { easeOut, Transition } from \"framer-motion\";\n\nexport type AnimationType = \"fade\" | \"scale\" | \"slideUp\" | \"slideRight\" | \"pop\";\n\nexport interface DownloadPlotHandle {\n  downloadSVG: () => void;\n  downloadPNG: () => void;\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsPNG(\n    target: HTMLElement | null,\n    filename = \"scatterPlot.png\",\n    scale = window.devicePixelRatio || 2\n) {\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const size = Math.ceil(Math.max(rect.width, rect.height));\n\n    domtoimage\n        .toPng(target, {\n            width: size * scale,\n            height: size * scale,\n            style: {\n                transform: `scale(${scale})`,\n                transformOrigin: \"top left\",\n                width: `${size}px`,\n                height: `${size}px`,\n                overflow: \"visible\",\n            },\n        })\n        .then((dataUrl) => {\n            downloadjs(dataUrl, filename, \"image/png\");\n        })\n        .catch((error) => {\n            console.error(\"Download failed:\", error);\n        });\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsSVG(\n    target: HTMLElement | null,\n    filename: string = 'scatterPlot.svg'\n) {\n    if (!target) return;\n\n    domtoimage\n        .toSvg(target)\n        .then((dataUrl) => {\n            // Convert the returned SVG data URL into a downloadable file\n            downloadjs(dataUrl, filename, 'image/svg+xml');\n        })\n        .catch((error) => {\n            console.error('SVG download failed:', error);\n        });\n}\n\n/**\n * Downloads an SVG element as an .svg file\n */\nexport function downloadAsSVG(svgElement: SVGSVGElement, fileName = \"chart.svg\") {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n\n    const blob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(blob);\n\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = fileName;\n    link.click();\n\n    URL.revokeObjectURL(url);\n}\n\n/**\n * Converts an SVG element to PNG and downloads it. svgElement must be attached to the document\n * (clientWidth/clientHeight are read from its layout box) for the whole duration of the export -\n * if the caller only needs it attached for this call (e.g. an off-screen node built just for\n * export), pass onComplete to know when it's safe to detach/remove it. onComplete receives\n * whether the download actually succeeded, so callers can surface a failure if they care to -\n * it's called the same way (once, eventually) on every path either way.\n */\nexport function downloadSVGAsPNG(svgElement: SVGSVGElement, fileName = \"chart.png\", scale = window.devicePixelRatio || 2, onComplete?: (success: boolean) => void) {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n    const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(svgBlob);\n\n    const img = new Image();\n    img.onload = () => {\n        const canvas = document.createElement(\"canvas\");\n        const width = svgElement.clientWidth || 800;\n        const height = svgElement.clientHeight || 600;\n        canvas.width = width * scale;\n        canvas.height = height * scale;\n\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n            onComplete?.(false);\n            return;\n        }\n\n        // Ensure sharp scaling\n        ctx.setTransform(scale, 0, 0, scale, 0, 0);\n        ctx.imageSmoothingEnabled = true;\n        ctx.imageSmoothingQuality = \"high\";\n\n        ctx.drawImage(img, 0, 0);\n        URL.revokeObjectURL(url);\n\n        canvas.toBlob((blob) => {\n            if (blob) {\n                const pngUrl = URL.createObjectURL(blob);\n                const link = document.createElement(\"a\");\n                link.href = pngUrl;\n                link.download = fileName;\n                link.click();\n                URL.revokeObjectURL(pngUrl);\n            }\n            onComplete?.(!!blob);\n        }, \"image/png\",\n            1, // max quality\n        );\n    };\n    img.onerror = () => onComplete?.(false);\n\n    img.src = url;\n}\n\nlet measureTextCanvas: HTMLCanvasElement | null = null;\n\n/**\n * Measures the rendered width of a string without touching the DOM (no layout/reflow).\n */\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string): number {\n    if (!measureTextCanvas) {\n        measureTextCanvas = document.createElement(\"canvas\");\n    }\n    const ctx = measureTextCanvas.getContext(\"2d\");\n    if (!ctx) return 0;\n\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n// Maximum stagger delay (in seconds) regardless of how many bars are being animated\nconst MAX_ANIMATION_DELAY = 1;\n\nexport const getAnimationProps = (type: AnimationType | undefined, index: number, buffer = .03) => {\n    if (!type) return {};\n\n    const delay = Math.min(index * buffer, MAX_ANIMATION_DELAY);\n\n    // Reusable transition object, typed properly\n    const common: { transition: Transition } = {\n        transition: { duration: 0.4, delay, ease: easeOut },\n    };\n\n    switch (type) {\n        case \"fade\":\n            return { initial: { opacity: 0 }, animate: { opacity: 1 }, ...common };\n        case \"scale\":\n            return { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, ...common };\n        case \"slideUp\":\n            return { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, ...common };\n        case \"slideRight\":\n            return { initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, ...common };\n        case \"pop\":\n            const spring: Transition = {\n                type: \"spring\" as const,\n                stiffness: 150,\n                damping: 12,\n                delay,\n            };\n            return {\n                initial: { scale: 0 },\n                animate: { scale: 1 },\n                transition: spring,\n            };\n        default:\n            return {};\n    }\n};\n\n"],"names":["downloadDivAsPNG","target","filename","scale","window","devicePixelRatio","rect","getBoundingClientRect","size","Math","ceil","max","width","height","domtoimage","toPng","style","transform","transformOrigin","overflow","then","dataUrl","downloadjs","catch","error","console","downloadDivAsSVG","toSvg","downloadAsSVG","svgElement","fileName","svgString","XMLSerializer","serializeToString","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","download","click","revokeObjectURL","downloadSVGAsPNG","onComplete","svgBlob","img","Image","onload","canvas","clientWidth","clientHeight","ctx","getContext","setTransform","imageSmoothingEnabled","imageSmoothingQuality","drawImage","toBlob","pngUrl","onerror","src","measureTextCanvas","measureTextWidth","text","fontSize","fontFamily","font","measureText","MAX_ANIMATION_DELAY","getAnimationProps","index","buffer","delay","min","common","transition","duration","ease","easeOut","initial","opacity","animate","y","x","stiffness","damping","spring"],"mappings":"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"}
+{"version":3,"file":"visualization.es31.js","sources":["../src/components/BarPlot/singleBar.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Group } from '@visx/group';\nimport { Text } from '@visx/text';\nimport { BarData, SingleBarProps } from \"./types\";\nimport { defaultStyles as defaultTooltipStyles, useTooltip, TooltipWithBounds, Portal } from '@visx/tooltip';\nimport { Bar, Circle } from \"@visx/shape\";\nimport { getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\nconst SingleBar = <T,>({\n    index,\n    bar,\n    onBarClicked,\n    TooltipContents,\n    cutoffNegativeValues,\n    negativeCutoff,\n    xScale,\n    yScale,\n    barSize,\n    barSpacing,\n    gapBetweenTextAndBar,\n    getLollipopRadius,\n    animation,\n    animationEnabled,\n    animationBuffer,\n}: SingleBarProps<T>) => {\n    const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = useTooltip<BarData<T>>({});\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>, data: BarData<T>) => {\n        showTooltip({\n            tooltipData: data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [showTooltip]);\n\n    const handleClick = useCallback(() => {\n        onBarClicked?.(bar);\n    }, [onBarClicked, bar]);\n\n    const handleMouseLeave = useCallback(() => {\n        hideTooltip();\n    }, [hideTooltip]);\n\n    const hovered = bar.id === tooltipData?.id;\n\n    const pointValue = cutoffNegativeValues ? Math.max(bar.value, negativeCutoff) : bar.value;\n\n    // Shared values\n    const bandPos = yScale(bar.id);\n    const bandSize = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize;\n\n    // Bar geometry\n    const barX = (pointValue > 0 ? xScale(0) : xScale(pointValue))\n\n    const barY = (bandPos ?? 0)\n\n    const barWidth = Math.abs(xScale(pointValue) - xScale(0))\n\n    const barHeight = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize\n\n    // Label positions\n    const categoryLabelX = -gapBetweenTextAndBar\n\n    const categoryLabelY = (bandPos ?? 0) + bandSize / 2\n\n    const valueLabelX = barX + barWidth + gapBetweenTextAndBar + (bar.lollipopValue && bar.value >= 0 ? getLollipopRadius(bar.lollipopValue) : 0)\n\n    const valueLabelY = barY + barHeight / 2\n\n    const Wrapper = animation && animationEnabled ? motion.g : \"g\";\n    const animProps = getAnimationProps(animation, index, animationBuffer ?? .03);\n\n    return (\n        <>\n            <Group\n                onClick={handleClick}\n                style={onBarClicked && { cursor: 'pointer' }}\n                onMouseMove={(event) => handleMouseMove(event, bar)}\n                onMouseLeave={handleMouseLeave}\n                fontFamily={fontFamily}\n            >\n                {/* Category label */}\n                <Text\n                    x={categoryLabelX}\n                    y={categoryLabelY}\n                    dy={\".35em\"}\n                    textAnchor={\"end\"}\n                    fill=\"black\"\n                    fontSize={12}\n                >\n                    {bar.category}\n                </Text>\n                <Wrapper {...animProps}>\n                    <Group>\n                        <Bar\n                            x={barX}\n                            y={barY}\n                            width={barWidth}\n                            height={barHeight}\n                            fill={bar.color || \"black\"}\n                            opacity={cutoffNegativeValues && pointValue === negativeCutoff ? 0.4 : 1}\n                            rx={3}\n                            stroke={hovered ? \"black\" : (bar.stroke || \"none\")}\n                        />\n                        {bar.lollipopValue && (\n                            <>\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue) * 1.5}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill={bar.color}\n                                    stroke={hovered ? \"black\" : \"none\"}\n                                />\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue)}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill='black'\n                                />\n                            </>\n                        )}\n                        {/* Value label */}\n                        <Text\n                            x={valueLabelX}\n                            y={valueLabelY}\n                            dy={\".35em\"}\n                            textAnchor={\"start\"}\n                            fill=\"black\"\n                            fontSize={12}\n                        >\n                            {bar.label}\n                        </Text>\n                    </Group>\n                </Wrapper>\n            </Group>\n            {/* Maybe should provide a default tooltip */}\n            {TooltipContents && tooltipOpen && (\n                <Portal>\n                    <TooltipWithBounds\n                        top={tooltipTop}\n                        left={tooltipLeft}\n                        style={{ ...defaultTooltipStyles, backgroundColor: '#283238', color: 'white', zIndex: 1000 }}\n                    >\n                        {tooltipData && (\n                            <TooltipContents {...tooltipData as BarData<T>} />\n                        )}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </>\n    )\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(SingleBar) as typeof SingleBar;"],"names":["fontFamily","SingleBar","t0","$","_c","index","bar","onBarClicked","TooltipContents","cutoffNegativeValues","negativeCutoff","xScale","yScale","barSize","barSpacing","gapBetweenTextAndBar","getLollipopRadius","animation","animationEnabled","animationBuffer","t1","Symbol","for","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","t2","event","data","pageX","pageY","handleMouseMove","t3","handleClick","t4","handleMouseLeave","hovered","id","pointValue","Math","max","value","t5","bandPos","bandSize","split","barX","barY","barWidth","abs","barHeight","categoryLabelX","categoryLabelY","valueLabelX","lollipopValue","valueLabelY","Wrapper","motion","g","t6","t7","getAnimationProps","animProps","t8","cursor","t9","event_0","t10","category","Text","t11","color","t12","t13","stroke","t14","Bar","t15","jsxs","Fragment","jsx","Circle","t16","label","t17","Group","t18","t19","t20","Portal","TooltipWithBounds","defaultTooltipStyles","backgroundColor","zIndex","t21","SingleBar$1","memo"],"mappings":"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"}

package/dist/visualization.es310.js

@@ -1,9 +1,107 @@
-import { getMixer as m } from "./visualization.es396.js";
-import { mixNumber as t } from "./visualization.es363.js";
-function o(e, r, i) {
-  return typeof e == "number" && typeof r == "number" && typeof i == "number" ? t(e, r, i) : m(e)(e, r);
+import { setStyle as u } from "./visualization.es311.js";
+import { supportsScrollTimeline as p } from "./visualization.es312.js";
+import { getFinalKeyframe as f } from "./visualization.es290.js";
+import { WithPromise as d } from "./visualization.es295.js";
+import { startWaapiAnimation as c } from "./visualization.es313.js";
+import { applyGeneratorOptions as T } from "./visualization.es314.js";
+import { invariant as y } from "./visualization.es306.js";
+import { millisecondsToSeconds as a, secondsToMilliseconds as S } from "./visualization.es308.js";
+import { noop as g } from "./visualization.es298.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);
+  }
 }
 export {
-  o as mix
+  v as NativeAnimation
 };
 //# sourceMappingURL=visualization.es310.js.map

package/dist/visualization.es310.js.map

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