@weng-lab/visualization 2.6.0-beta.0 → 2.6.0

package/dist/visualization.es467.js

@@ -1,14 +1,29 @@
-function X(s, n, e) {
-  let t = "";
-  const o = s.x.translate / n.x, i = s.y.translate / n.y, $ = e?.z || 0;
-  if ((o || i || $) && (t = `translate3d(${o}px, ${i}px, ${$}px) `), (n.x !== 1 || n.y !== 1) && (t += `scale(${1 / n.x}, ${1 / n.y}) `), e) {
-    const { transformPerspective: f, rotate: x, rotateX: c, rotateY: p, skewX: y, skewY: g } = e;
-    f && (t = `perspective(${f}px) ${t}`), x && (t += `rotate(${x}deg) `), c && (t += `rotateX(${c}deg) `), p && (t += `rotateY(${p}deg) `), y && (t += `skewX(${y}deg) `), g && (t += `skewY(${g}deg) `);
-  }
-  const a = s.x.scale * n.x, r = s.y.scale * n.y;
-  return (a !== 1 || r !== 1) && (t += `scale(${a}, ${r})`), t || "none";
+import { Feature as i } from "./visualization.es278.js";
+import { pipe as s } from "./visualization.es307.js";
+import { addDomEvent as e } from "./visualization.es183.js";
+class a extends i {
+  constructor() {
+    super(...arguments), this.isActive = !1;
+  }
+  onFocus() {
+    let t = !1;
+    try {
+      t = this.node.current.matches(":focus-visible");
+    } catch {
+      t = !0;
+    }
+    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+  }
+  onBlur() {
+    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
+  }
+  mount() {
+    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
+  }
+  unmount() {
+  }
 }
 export {
-  X as buildProjectionTransform
+  a as FocusGesture
 };
 //# sourceMappingURL=visualization.es467.js.map

package/dist/visualization.es467.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es467.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/transform.mjs"],"sourcesContent":["function buildProjectionTransform(delta, treeScale, latestTransform) {\n    let transform = \"\";\n    /**\n     * The translations we use to calculate are always relative to the viewport coordinate space.\n     * But when we apply scales, we also scale the coordinate space of an element and its children.\n     * For instance if we have a treeScale (the culmination of all parent scales) of 0.5 and we need\n     * to move an element 100 pixels, we actually need to move it 200 in within that scaled space.\n     */\n    const xTranslate = delta.x.translate / treeScale.x;\n    const yTranslate = delta.y.translate / treeScale.y;\n    const zTranslate = latestTransform?.z || 0;\n    if (xTranslate || yTranslate || zTranslate) {\n        transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;\n    }\n    /**\n     * Apply scale correction for the tree transform.\n     * This will apply scale to the screen-orientated axes.\n     */\n    if (treeScale.x !== 1 || treeScale.y !== 1) {\n        transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;\n    }\n    if (latestTransform) {\n        const { transformPerspective, rotate, rotateX, rotateY, skewX, skewY } = latestTransform;\n        if (transformPerspective)\n            transform = `perspective(${transformPerspective}px) ${transform}`;\n        if (rotate)\n            transform += `rotate(${rotate}deg) `;\n        if (rotateX)\n            transform += `rotateX(${rotateX}deg) `;\n        if (rotateY)\n            transform += `rotateY(${rotateY}deg) `;\n        if (skewX)\n            transform += `skewX(${skewX}deg) `;\n        if (skewY)\n            transform += `skewY(${skewY}deg) `;\n    }\n    /**\n     * Apply scale to match the size of the element to the size we want it.\n     * This will apply scale to the element-orientated axes.\n     */\n    const elementScaleX = delta.x.scale * treeScale.x;\n    const elementScaleY = delta.y.scale * treeScale.y;\n    if (elementScaleX !== 1 || elementScaleY !== 1) {\n        transform += `scale(${elementScaleX}, ${elementScaleY})`;\n    }\n    return transform || \"none\";\n}\n\nexport { buildProjectionTransform };\n//# sourceMappingURL=transform.mjs.map\n"],"names":["buildProjectionTransform","delta","treeScale","latestTransform","transform","xTranslate","yTranslate","zTranslate","transformPerspective","rotate","rotateX","rotateY","skewX","skewY","elementScaleX","elementScaleY"],"mappings":"AAAA,SAASA,EAAyBC,GAAOC,GAAWC,GAAiB;AACjE,MAAIC,IAAY;AAOhB,QAAMC,IAAaJ,EAAM,EAAE,YAAYC,EAAU,GAC3CI,IAAaL,EAAM,EAAE,YAAYC,EAAU,GAC3CK,IAAaJ,GAAiB,KAAK;AAWzC,OAVIE,KAAcC,KAAcC,OAC5BH,IAAY,eAAeC,CAAU,OAAOC,CAAU,OAAOC,CAAU,UAMvEL,EAAU,MAAM,KAAKA,EAAU,MAAM,OACrCE,KAAa,SAAS,IAAIF,EAAU,CAAC,KAAK,IAAIA,EAAU,CAAC,OAEzDC,GAAiB;AACjB,UAAM,EAAE,sBAAAK,GAAsB,QAAAC,GAAQ,SAAAC,GAAS,SAAAC,GAAS,OAAAC,GAAO,OAAAC,EAAK,IAAKV;AACzE,IAAIK,MACAJ,IAAY,eAAeI,CAAoB,OAAOJ,CAAS,KAC/DK,MACAL,KAAa,UAAUK,CAAM,UAC7BC,MACAN,KAAa,WAAWM,CAAO,UAC/BC,MACAP,KAAa,WAAWO,CAAO,UAC/BC,MACAR,KAAa,SAASQ,CAAK,UAC3BC,MACAT,KAAa,SAASS,CAAK;AAAA,EACnC;AAKA,QAAMC,IAAgBb,EAAM,EAAE,QAAQC,EAAU,GAC1Ca,IAAgBd,EAAM,EAAE,QAAQC,EAAU;AAChD,UAAIY,MAAkB,KAAKC,MAAkB,OACzCX,KAAa,SAASU,CAAa,KAAKC,CAAa,MAElDX,KAAa;AACxB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es467.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/focus.mjs"],"sourcesContent":["import { Feature, addDomEvent } from 'motion-dom';\nimport { pipe } from 'motion-utils';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n//# sourceMappingURL=focus.mjs.map\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAGA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC/D,QACU;AACN,MAAAA,IAAiB;AAAA,IACrB;AACA,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAO,CAAE,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAM,CAAE,CAAC;AAAA,EAClJ;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es468.js

@@ -1,33 +1,30 @@
-import { mixNumber as c } from "./visualization.es368.js";
-import { percent as u, px as x } from "./visualization.es419.js";
-import { progress as h } from "./visualization.es369.js";
-import { circOut as L } from "./visualization.es469.js";
-import { noop as B } from "./visualization.es314.js";
-const p = [
-  "borderTopLeftRadius",
-  "borderTopRightRadius",
-  "borderBottomLeftRadius",
-  "borderBottomRightRadius"
-], M = p.length, d = (t) => typeof t == "string" ? parseFloat(t) : t, a = (t) => typeof t == "number" || x.test(t);
-function V(t, o, r, i, R, y) {
-  R ? (t.opacity = c(0, r.opacity ?? 1, C(i)), t.opacityExit = c(o.opacity ?? 1, 0, O(i))) : y && (t.opacity = c(o.opacity ?? 1, r.opacity ?? 1, i));
-  for (let f = 0; f < M; f++) {
-    const s = p[f];
-    let n = m(o, s), e = m(r, s);
-    if (n === void 0 && e === void 0)
-      continue;
-    n || (n = 0), e || (e = 0), n === 0 || e === 0 || a(n) === a(e) ? (t[s] = Math.max(c(d(n), d(e), i), 0), (u.test(e) || u.test(n)) && (t[s] += "%")) : t[s] = e;
-  }
-  (o.rotate || r.rotate) && (t.rotate = c(o.rotate || 0, r.rotate || 0, i));
-}
-function m(t, o) {
-  return t[o] !== void 0 ? t[o] : t.borderRadius;
+import { extractEventInfo as m } from "./visualization.es182.js";
+import { Feature as u } from "./visualization.es278.js";
+import { press as c } from "./visualization.es370.js";
+import { frame as f } from "./visualization.es326.js";
+function s(t, e, n) {
+  const { props: r } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
+    return;
+  t.animationState && r.whileTap && t.animationState.setActive("whileTap", n === "Start");
+  const o = "onTap" + (n === "End" ? "" : n), a = r[o];
+  a && f.postRender(() => a(e, m(e)));
 }
-const C = /* @__PURE__ */ b(0, 0.5, L), O = /* @__PURE__ */ b(0.5, 0.95, B);
-function b(t, o, r) {
-  return (i) => i < t ? 0 : i > o ? 1 : r(h(t, o, i));
+class g extends u {
+  mount() {
+    const { current: e } = this.node;
+    if (!e)
+      return;
+    const { globalTapTarget: n, propagate: r } = this.node.props;
+    this.unmount = c(e, (o, a) => (s(this.node, a, "Start"), (i, { success: p }) => s(this.node, i, p ? "End" : "Cancel")), {
+      useGlobalTarget: n,
+      stopPropagation: r?.tap === !1
+    });
+  }
+  unmount() {
+  }
 }
 export {
-  V as mixValues
+  g as PressGesture
 };
 //# sourceMappingURL=visualization.es468.js.map

package/dist/visualization.es468.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es468.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent, px } from '../../value/types/numbers/units.mjs';\nimport { progress, circOut, noop } from 'motion-utils';\n\nconst borderLabels = [\n    \"borderTopLeftRadius\",\n    \"borderTopRightRadius\",\n    \"borderBottomLeftRadius\",\n    \"borderBottomRightRadius\",\n];\nconst numBorders = borderLabels.length;\nconst asNumber = (value) => typeof value === \"string\" ? parseFloat(value) : value;\nconst isPx = (value) => typeof value === \"number\" || px.test(value);\nfunction mixValues(target, follow, lead, progress, shouldCrossfadeOpacity, isOnlyMember) {\n    if (shouldCrossfadeOpacity) {\n        target.opacity = mixNumber(0, lead.opacity ?? 1, easeCrossfadeIn(progress));\n        target.opacityExit = mixNumber(follow.opacity ?? 1, 0, easeCrossfadeOut(progress));\n    }\n    else if (isOnlyMember) {\n        target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress);\n    }\n    /**\n     * Mix border radius\n     */\n    for (let i = 0; i < numBorders; i++) {\n        const borderLabel = borderLabels[i];\n        let followRadius = getRadius(follow, borderLabel);\n        let leadRadius = getRadius(lead, borderLabel);\n        if (followRadius === undefined && leadRadius === undefined)\n            continue;\n        followRadius || (followRadius = 0);\n        leadRadius || (leadRadius = 0);\n        const canMix = followRadius === 0 ||\n            leadRadius === 0 ||\n            isPx(followRadius) === isPx(leadRadius);\n        if (canMix) {\n            target[borderLabel] = Math.max(mixNumber(asNumber(followRadius), asNumber(leadRadius), progress), 0);\n            if (percent.test(leadRadius) || percent.test(followRadius)) {\n                target[borderLabel] += \"%\";\n            }\n        }\n        else {\n            target[borderLabel] = leadRadius;\n        }\n    }\n    /**\n     * Mix rotation\n     */\n    if (follow.rotate || lead.rotate) {\n        target.rotate = mixNumber(follow.rotate || 0, lead.rotate || 0, progress);\n    }\n}\nfunction getRadius(values, radiusName) {\n    return values[radiusName] !== undefined\n        ? values[radiusName]\n        : values.borderRadius;\n}\nconst easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);\nconst easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);\nfunction compress(min, max, easing) {\n    return (p) => {\n        // Could replace ifs with clamp\n        if (p < min)\n            return 0;\n        if (p > max)\n            return 1;\n        return easing(progress(min, max, p));\n    };\n}\n\nexport { mixValues };\n//# sourceMappingURL=mix-values.mjs.map\n"],"names":["borderLabels","numBorders","asNumber","value","isPx","px","mixValues","target","follow","lead","progress","shouldCrossfadeOpacity","isOnlyMember","mixNumber","easeCrossfadeIn","easeCrossfadeOut","i","borderLabel","followRadius","getRadius","leadRadius","percent","values","radiusName","compress","circOut","noop","min","max","easing","p"],"mappings":";;;;;AAIA,MAAMA,IAAe;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GACMC,IAAaD,EAAa,QAC1BE,IAAW,CAACC,MAAU,OAAOA,KAAU,WAAW,WAAWA,CAAK,IAAIA,GACtEC,IAAO,CAACD,MAAU,OAAOA,KAAU,YAAYE,EAAG,KAAKF,CAAK;AAClE,SAASG,EAAUC,GAAQC,GAAQC,GAAMC,GAAUC,GAAwBC,GAAc;AACrF,EAAID,KACAJ,EAAO,UAAUM,EAAU,GAAGJ,EAAK,WAAW,GAAGK,EAAgBJ,CAAQ,CAAC,GAC1EH,EAAO,cAAcM,EAAUL,EAAO,WAAW,GAAG,GAAGO,EAAiBL,CAAQ,CAAC,KAE5EE,MACLL,EAAO,UAAUM,EAAUL,EAAO,WAAW,GAAGC,EAAK,WAAW,GAAGC,CAAQ;AAK/E,WAASM,IAAI,GAAGA,IAAIf,GAAYe,KAAK;AACjC,UAAMC,IAAcjB,EAAagB,CAAC;AAClC,QAAIE,IAAeC,EAAUX,GAAQS,CAAW,GAC5CG,IAAaD,EAAUV,GAAMQ,CAAW;AAC5C,QAAIC,MAAiB,UAAaE,MAAe;AAC7C;AACJ,IAAAF,MAAiBA,IAAe,IAChCE,MAAeA,IAAa,IACbF,MAAiB,KAC5BE,MAAe,KACfhB,EAAKc,CAAY,MAAMd,EAAKgB,CAAU,KAEtCb,EAAOU,CAAW,IAAI,KAAK,IAAIJ,EAAUX,EAASgB,CAAY,GAAGhB,EAASkB,CAAU,GAAGV,CAAQ,GAAG,CAAC,IAC/FW,EAAQ,KAAKD,CAAU,KAAKC,EAAQ,KAAKH,CAAY,OACrDX,EAAOU,CAAW,KAAK,QAI3BV,EAAOU,CAAW,IAAIG;AAAA,EAE9B;AAIA,GAAIZ,EAAO,UAAUC,EAAK,YACtBF,EAAO,SAASM,EAAUL,EAAO,UAAU,GAAGC,EAAK,UAAU,GAAGC,CAAQ;AAEhF;AACA,SAASS,EAAUG,GAAQC,GAAY;AACnC,SAAOD,EAAOC,CAAU,MAAM,SACxBD,EAAOC,CAAU,IACjBD,EAAO;AACjB;AACA,MAAMR,IAAgC,gBAAAU,EAAS,GAAG,KAAKC,CAAO,GACxDV,IAAiC,gBAAAS,EAAS,KAAK,MAAME,CAAI;AAC/D,SAASF,EAASG,GAAKC,GAAKC,GAAQ;AAChC,SAAO,CAACC,MAEAA,IAAIH,IACG,IACPG,IAAIF,IACG,IACJC,EAAOnB,EAASiB,GAAKC,GAAKE,CAAC,CAAC;AAE3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es468.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/press.mjs"],"sourcesContent":["import { Feature, press, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handlePressEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.current instanceof HTMLButtonElement && node.current.disabled) {\n        return;\n    }\n    if (node.animationState && props.whileTap) {\n        node.animationState.setActive(\"whileTap\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onTap\" + (lifecycle === \"End\" ? \"\" : lifecycle));\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass PressGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        const { globalTapTarget, propagate } = this.node.props;\n        this.unmount = press(current, (_element, startEvent) => {\n            handlePressEvent(this.node, startEvent, \"Start\");\n            return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? \"End\" : \"Cancel\");\n        }, {\n            useGlobalTarget: globalTapTarget,\n            stopPropagation: propagate?.tap === false,\n        });\n    }\n    unmount() { }\n}\n\nexport { PressGesture };\n//# sourceMappingURL=press.mjs.map\n"],"names":["handlePressEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","PressGesture","Feature","current","globalTapTarget","propagate","press","_element","startEvent","endEvent","success"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,MAAIA,EAAK,mBAAmB,qBAAqBA,EAAK,QAAQ;AAC1D;AAEJ,EAAIA,EAAK,kBAAkBG,EAAM,YAC7BH,EAAK,eAAe,UAAU,YAAYE,MAAc,OAAO;AAEnE,QAAME,IAAa,WAAWF,MAAc,QAAQ,KAAKA,IACnDG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,QAAI,CAACA;AACD;AACJ,UAAM,EAAE,iBAAAC,GAAiB,WAAAC,EAAS,IAAK,KAAK,KAAK;AACjD,SAAK,UAAUC,EAAMH,GAAS,CAACI,GAAUC,OACrChB,EAAiB,KAAK,MAAMgB,GAAY,OAAO,GACxC,CAACC,GAAU,EAAE,SAAAC,EAAO,MAAOlB,EAAiB,KAAK,MAAMiB,GAAUC,IAAU,QAAQ,QAAQ,IACnG;AAAA,MACC,iBAAiBN;AAAA,MACjB,iBAAiBC,GAAW,QAAQ;AAAA,IAChD,CAAS;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es469.js

@@ -1,9 +1,46 @@
-import { mirrorEasing as o } from "./visualization.es493.js";
-import { reverseEasing as t } from "./visualization.es494.js";
-const r = (c) => 1 - Math.sin(Math.acos(c)), s = t(r), a = o(r);
+import { observeIntersection as f } from "./visualization.es548.js";
+import { Feature as m } from "./visualization.es278.js";
+const w = {
+  some: 0,
+  all: 1
+};
+class b extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.stopObserver?.();
+    const { viewport: s = {} } = this.node.getProps(), { root: e, margin: r, amount: n = "some", once: h } = s, p = {
+      root: e ? e.current : void 0,
+      rootMargin: r,
+      threshold: typeof n == "number" ? n : w[n]
+    }, c = (i) => {
+      const { isIntersecting: t } = i;
+      if (this.isInView === t || (this.isInView = t, h && !t && this.hasEnteredView))
+        return;
+      t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
+      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), a = t ? d : u;
+      a && a(i);
+    };
+    this.stopObserver = f(this.node.current, p, c);
+  }
+  mount() {
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: s, prevProps: e } = this.node;
+    ["amount", "margin", "root"].some(l(s, e)) && this.startObserver();
+  }
+  unmount() {
+    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
+  }
+}
+function l({ viewport: o = {} }, { viewport: s = {} } = {}) {
+  return (e) => o[e] !== s[e];
+}
 export {
-  r as circIn,
-  a as circInOut,
-  s as circOut
+  b as InViewFeature
 };
 //# sourceMappingURL=visualization.es469.js.map

package/dist/visualization.es469.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es469.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/circ.mjs"],"sourcesContent":["import { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst circIn = (p) => 1 - Math.sin(Math.acos(p));\nconst circOut = reverseEasing(circIn);\nconst circInOut = mirrorEasing(circIn);\n\nexport { circIn, circInOut, circOut };\n//# sourceMappingURL=circ.mjs.map\n"],"names":["circIn","p","circOut","reverseEasing","circInOut","mirrorEasing"],"mappings":";;AAGK,MAACA,IAAS,CAACC,MAAM,IAAI,KAAK,IAAI,KAAK,KAAKA,CAAC,CAAC,GACzCC,IAAUC,EAAcH,CAAM,GAC9BI,IAAYC,EAAaL,CAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es469.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.stopObserver?.();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        this.stopObserver = observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() {\n        this.stopObserver?.();\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,gBAAgB;AACZ,SAAK,eAAY;AACjB,UAAM,EAAE,UAAAC,IAAW,CAAA,EAAE,IAAK,KAAK,KAAK,SAAQ,GACtC,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAI,IAAKJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAc,IAAKD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,SAAQ,GACzDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IAC9B;AACA,SAAK,eAAeK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC5F;AAAA,EACA,QAAQ;AACJ,SAAK,cAAa;AAAA,EACtB;AAAA,EACA,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,EAAS,IAAK,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAE1B;AAAA,EACA,UAAU;AACN,SAAK,eAAY,GACjB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AACJ;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAE,GAAI,EAAE,UAAUgB,IAAe,GAAE,IAAK,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}

package/dist/visualization.es47.js

@@ -1,191 +1,11 @@
-import { jsxs as a, Fragment as mi, jsx as i } from "react/jsx-runtime";
-import { useMemo as H, useId as pi, useCallback as gi, useState as fi, useRef as vi } from "react";
-import xi from "./visualization.es97.js";
-import S from "./visualization.es101.js";
-import ui from "./visualization.es102.js";
-import wi from "./visualization.es103.js";
-import { markTickLabels as _, yAxisTickLabelProps as yi, TICK_FONT_FAMILY as A, AXIS_TITLE_FONT_SIZE as E } from "./visualization.es44.js";
-import { MINI_MAP_HEIGHT as Ti, LEGEND_GAP as N } from "./visualization.es45.js";
-import { useHeatmapCanvasGrid as ki } from "./visualization.es104.js";
-import { useScrollToSelection as Ci } from "./visualization.es105.js";
-import Mi from "./visualization.es35.js";
-import bi from "./visualization.es13.js";
-import Pi from "./visualization.es34.js";
-const V = 10, Oi = ({
-  legendSvgRef: F,
-  layout: G,
-  data: O,
-  showMiniMap: v,
-  showLegend: m,
-  renderLegend: x,
-  xLabel: W,
-  yLabel: X,
-  tooltipBody: u,
-  onClick: j,
-  selectedCells: B,
-  scrollToSelection: Y,
-  xAxisTickFormat: z,
-  yAxisTickFormat: D,
-  xAxisTickLabelProps: w
-}) => {
-  const {
-    numRows: K,
-    marg: Z,
-    xMax: p,
-    yMax: g,
-    viewportWidth: e,
-    viewportHeight: t,
-    yTitleWidth: l,
-    yTickLabelWidth: n,
-    xTitleHeight: c,
-    xTickLabelHeight: d,
-    binWidth: q,
-    xTickLeftOverhangMax: y,
-    legendWidth: h,
-    xScale: T,
-    yScale: k,
-    xTickValues: J,
-    yTickValues: Q,
-    stableColors: U,
-    minValue: ii,
-    maxValue: ei,
-    canvasCellParams: f,
-    selectionMarks: s
-  } = G, ti = H(() => _(w, s.columns), [w, s]), li = H(() => _(yi, s.rows), [s]), {
-    canvasRef: oi,
-    mainPaneRef: C,
-    canvasTooltipRef: ri,
-    setMainPaneNode: ai,
-    handleGridScroll: ni,
-    axisScrollPos: o,
-    visibleXTickValues: si,
-    visibleYTickValues: di,
-    canvasHandlers: ci
-  } = ki({
-    canvasCellParams: f,
-    viewportWidth: e,
-    viewportHeight: t,
-    xTickValues: J,
-    yTickValues: Q,
-    onClick: j
-  });
-  Ci({
-    mainPaneRef: C,
-    selectedCells: B,
-    scrollToSelection: Y,
-    binWidth: q,
-    viewportWidth: e
-  });
-  const M = pi(), b = Math.max(0, y - o.left), P = gi((r, hi) => {
-    C.current?.scrollTo({
-      left: r,
-      top: hi
-    });
-  }, []), [R, $] = fi(!1), I = vi(null), L = (r) => x ? x(r) : /* @__PURE__ */ i(xi, { colors: U, minValue: ii, maxValue: ei, length: r.orientation === "vertical" ? r.height : r.width, orientation: r.orientation });
-  return /* @__PURE__ */ a(mi, { children: [
-    /* @__PURE__ */ a("div", { style: {
-      display: "flex",
-      flexDirection: "column"
-    }, children: [
-      v && /* @__PURE__ */ i("div", { ref: I, style: {
-        marginLeft: l + n,
-        position: "relative",
-        width: e
-      }, children: /* @__PURE__ */ i(ui, { canvasCellParams: f, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: o.left, scrollTop: o.top, width: e, height: Ti, onNavigate: P, onCanvasClick: () => $(!0), paused: R }) }),
-      /* @__PURE__ */ a("div", { style: {
-        display: "grid",
-        gridTemplateColumns: m ? `${l}px ${n}px ${e}px ${N + h}px` : `${l}px ${n}px ${e}px`,
-        gridTemplateRows: `${Z.top}px ${t}px ${d}px ${c}px`
-      }, children: [
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 1,
-          gridRow: 2,
-          width: l,
-          height: t,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: /* @__PURE__ */ i("svg", { width: l, height: t, children: /* @__PURE__ */ i("text", { x: l / 2, y: t / 2, transform: `rotate(-90, ${l / 2}, ${t / 2})`, textAnchor: "middle", dominantBaseline: "middle", fontSize: E, fontFamily: A, children: X ?? "" }) }) }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 2,
-          gridRow: 2,
-          width: n,
-          height: t,
-          overflow: "hidden"
-        }, children: /* @__PURE__ */ i("svg", { width: n, height: t, children: /* @__PURE__ */ a("g", { transform: `translate(${n},${-o.top})`, children: [
-          /* @__PURE__ */ i(Mi, { scale: k, numTicks: K, tickValues: di, tickFormat: D, tickLabelProps: li }),
-          /* @__PURE__ */ i(S, { axis: "row", marked: s.rows, scale: k })
-        ] }) }) }),
-        /* @__PURE__ */ i("div", { ref: ai, onScroll: ni, style: {
-          gridColumn: 3,
-          gridRow: 2,
-          width: e,
-          height: t,
-          overflow: "auto",
-          overscrollBehavior: "contain",
-          position: "relative"
-        }, children: /* @__PURE__ */ i("div", { style: {
-          width: p,
-          height: g,
-          position: "relative"
-        }, children: /* @__PURE__ */ i("canvas", { ref: oi, width: e * (window.devicePixelRatio || 1), height: t * (window.devicePixelRatio || 1), style: {
-          width: e,
-          height: t,
-          position: "sticky",
-          top: 0,
-          left: 0,
-          display: "block",
-          cursor: "default"
-        }, ...ci }) }) }),
-        u && /* @__PURE__ */ i(bi, { ref: ri, children: u }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 3,
-          gridRow: 3,
-          width: e,
-          height: d,
-          overflow: "visible"
-        }, children: /* @__PURE__ */ a("svg", { width: e, height: d, style: {
-          overflow: "visible"
-        }, children: [
-          /* @__PURE__ */ i("defs", { children: /* @__PURE__ */ a("clipPath", { id: M, children: [
-            /* @__PURE__ */ i("rect", { x: 0, y: 0, width: e, height: d }),
-            y > 0 && /* @__PURE__ */ i("rect", { x: -b, y: V, width: b, height: Math.max(0, d - V) })
-          ] }) }),
-          /* @__PURE__ */ i("g", { clipPath: `url(#${M})`, children: /* @__PURE__ */ a("g", { transform: `translate(${-o.left},0)`, children: [
-            /* @__PURE__ */ i(Pi, { top: 0, scale: T, numTicks: O.length, tickFormat: z, tickValues: si, tickLabelProps: ti }),
-            /* @__PURE__ */ i(S, { axis: "column", marked: s.columns, scale: T })
-          ] }) })
-        ] }) }),
-        /* @__PURE__ */ i("div", { style: {
-          gridColumn: 3,
-          gridRow: 4,
-          width: e,
-          height: c,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        }, children: /* @__PURE__ */ i("svg", { width: e, height: c, style: {
-          overflow: "visible"
-        }, children: /* @__PURE__ */ i("text", { x: e / 2, y: c / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: E, fontFamily: A, children: W ?? "" }) }) }),
-        m && /* @__PURE__ */ i("div", { style: {
-          gridColumn: 4,
-          gridRow: 2,
-          width: h,
-          marginLeft: N,
-          height: t
-        }, children: /* @__PURE__ */ i("svg", { width: h, height: t, ref: F, style: {
-          overflow: "visible"
-        }, children: L({
-          width: h,
-          height: t,
-          orientation: "vertical"
-        }) }) })
-      ] })
-    ] }),
-    v && R && /* @__PURE__ */ i(wi, { onClose: () => $(!1), containerRef: I, canvasCellParams: f, xMax: p, yMax: g, viewportWidth: e, viewportHeight: t, scrollLeft: o.left, scrollTop: o.top, onNavigate: P, legend: m ? L : void 0 })
-  ] });
-};
+import r from "./visualization.es135.js";
+import o from "./visualization.es138.js";
+const a = r("domain", "range", "reverse", "base", "clamp", "interpolate", "nice", "round");
+function c(e) {
+  return a(o(), e);
+}
 export {
-  Oi as default
+  c as default,
+  a as updateLogScale
 };
 //# sourceMappingURL=visualization.es47.js.map

package/dist/visualization.es47.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es47.js","sources":["../src/components/Heatmap/scrollable/HeatmapScrollableGrid.tsx"],"sourcesContent":["import { useCallback, useId, useMemo, useRef, useState, type ReactElement, type ReactNode, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId, HeatmapLegendFrame } from \"../types\";\nimport type { AnyBin } from \"../HeatmapCells\";\nimport HeatmapLegend from \"../HeatmapLegend\";\nimport HeatmapSelectionPointers from \"../HeatmapSelectionPointers\";\nimport HeatmapMiniMap from \"./HeatmapMiniMap\";\nimport HeatmapMiniMapPopup from \"./HeatmapMiniMapPopup\";\nimport { PlotTooltip } from \"../../../tooltip\";\nimport { TICK_FONT_FAMILY, AXIS_TITLE_FONT_SIZE, markTickLabels, yAxisTickLabelProps, type getXAxisTickLabelProps } from \"../heatmapAxisProps\";\nimport { LEGEND_GAP, MINI_MAP_HEIGHT, type HeatmapLayout } from \"../heatmapLayout\";\nimport { useHeatmapCanvasGrid } from \"../hooks/useHeatmapCanvasGrid\";\nimport { useScrollToSelection } from \"../hooks/useScrollToSelection\";\n\nconst X_AXIS_OVERHANG_CLIP_HEIGHT = 10;\n\nexport interface HeatmapScrollableGridProps {\n  legendSvgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  data: ColumnDatum[];\n  showMiniMap: boolean;\n  showLegend: boolean;\n  renderLegend?: (frame: HeatmapLegendFrame) => ReactNode;\n  xLabel?: string;\n  yLabel?: string;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  scrollToSelection?: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapScrollableGrid = ({\n  legendSvgRef, layout, data, showMiniMap, showLegend, renderLegend, xLabel, yLabel, tooltipBody, onClick,\n  selectedCells, scrollToSelection, xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapScrollableGridProps) => {\n  const {\n    numRows, marg, xMax, yMax, viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth,\n    xTitleHeight, xTickLabelHeight, binWidth, xTickLeftOverhangMax, legendWidth,\n    xScale, yScale, xTickValues, yTickValues, stableColors, minValue, maxValue, canvasCellParams,\n    selectionMarks,\n  } = layout;\n  const markedXTickLabelProps = useMemo(\n    () => markTickLabels(xAxisTickLabelProps, selectionMarks.columns),\n    [xAxisTickLabelProps, selectionMarks]\n  );\n  const markedYTickLabelProps = useMemo(() => markTickLabels(yAxisTickLabelProps, selectionMarks.rows), [selectionMarks]);\n\n  const {\n    canvasRef, mainPaneRef, canvasTooltipRef, setMainPaneNode, handleGridScroll, axisScrollPos,\n    visibleXTickValues, visibleYTickValues, canvasHandlers,\n  } = useHeatmapCanvasGrid({\n    canvasCellParams, viewportWidth, viewportHeight, xTickValues, yTickValues, onClick,\n  });\n  useScrollToSelection({ mainPaneRef, selectedCells, scrollToSelection, binWidth, viewportWidth });\n\n  const xTickClipId = useId();\n  // Room for the first column's slanted label to hang left over the y-axis pane, only while\n  // scrolled to the start: anywhere else, the column to its left would show through.\n  const xTickLeftOverhang = Math.max(0, xTickLeftOverhangMax - axisScrollPos.left);\n\n  // The resulting scroll event repaints the grid and moves the minimap's rectangle, as a manual scroll does.\n  const handleMiniMapNavigate = useCallback((left: number, top: number) => {\n    mainPaneRef.current?.scrollTo({ left, top });\n  }, []);\n\n  const [isMiniMapExpanded, setIsMiniMapExpanded] = useState(false);\n  const miniMapContainerRef = useRef<HTMLDivElement | null>(null);\n\n  // The caller's legend or the built-in one, beside the grid or across the expanded minimap.\n  const legend = (frame: HeatmapLegendFrame) =>\n    renderLegend ? (\n      renderLegend(frame)\n    ) : (\n      <HeatmapLegend\n        colors={stableColors}\n        minValue={minValue}\n        maxValue={maxValue}\n        length={frame.orientation === \"vertical\" ? frame.height : frame.width}\n        orientation={frame.orientation}\n      />\n    );\n\n  return (\n    <>\n      <div style={{ display: \"flex\", flexDirection: \"column\" }}>\n        {showMiniMap && (\n          <div ref={miniMapContainerRef} style={{ marginLeft: yTitleWidth + yTickLabelWidth, position: \"relative\", width: viewportWidth }}>\n            <HeatmapMiniMap\n              canvasCellParams={canvasCellParams}\n              xMax={xMax}\n              yMax={yMax}\n              viewportWidth={viewportWidth}\n              viewportHeight={viewportHeight}\n              scrollLeft={axisScrollPos.left}\n              scrollTop={axisScrollPos.top}\n              width={viewportWidth}\n              height={MINI_MAP_HEIGHT}\n              onNavigate={handleMiniMapNavigate}\n              onCanvasClick={() => setIsMiniMapExpanded(true)}\n              paused={isMiniMapExpanded}\n            />\n          </div>\n        )}\n        <div\n          style={{\n            display: \"grid\",\n            gridTemplateColumns: showLegend\n              ? `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px ${LEGEND_GAP + legendWidth}px`\n              : `${yTitleWidth}px ${yTickLabelWidth}px ${viewportWidth}px`,\n            gridTemplateRows: `${marg.top}px ${viewportHeight}px ${xTickLabelHeight}px ${xTitleHeight}px`,\n          }}\n        >\n          <div style={{ gridColumn: 1, gridRow: 2, width: yTitleWidth, height: viewportHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={yTitleWidth} height={viewportHeight}>\n              <text\n                x={yTitleWidth / 2}\n                y={viewportHeight / 2}\n                transform={`rotate(-90, ${yTitleWidth / 2}, ${viewportHeight / 2})`}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {yLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          <div style={{ gridColumn: 2, gridRow: 2, width: yTickLabelWidth, height: viewportHeight, overflow: \"hidden\" }}>\n            <svg width={yTickLabelWidth} height={viewportHeight}>\n              <g transform={`translate(${yTickLabelWidth},${-axisScrollPos.top})`}>\n                <AxisLeft\n                  scale={yScale}\n                  numTicks={numRows}\n                  tickValues={visibleYTickValues}\n                  tickFormat={yAxisTickFormat}\n                  tickLabelProps={markedYTickLabelProps}\n                />\n                <HeatmapSelectionPointers axis=\"row\" marked={selectionMarks.rows} scale={yScale} />\n              </g>\n            </svg>\n          </div>\n          <div\n            ref={setMainPaneNode}\n            onScroll={handleGridScroll}\n            style={{ gridColumn: 3, gridRow: 2, width: viewportWidth, height: viewportHeight, overflow: \"auto\", overscrollBehavior: \"contain\", position: \"relative\" }}\n          >\n            <div style={{ width: xMax, height: yMax, position: \"relative\" }}>\n              <canvas\n                ref={canvasRef}\n                width={viewportWidth * (window.devicePixelRatio || 1)}\n                height={viewportHeight * (window.devicePixelRatio || 1)}\n                style={{\n                  width: viewportWidth,\n                  height: viewportHeight,\n                  position: \"sticky\",\n                  top: 0,\n                  left: 0,\n                  display: \"block\",\n                  cursor: \"default\",\n                }}\n                {...canvasHandlers}\n              />\n            </div>\n          </div>\n          {tooltipBody && <PlotTooltip ref={canvasTooltipRef}>{tooltipBody}</PlotTooltip>}\n          <div style={{ gridColumn: 3, gridRow: 3, width: viewportWidth, height: xTickLabelHeight, overflow: \"visible\" }}>\n            <svg width={viewportWidth} height={xTickLabelHeight} style={{ overflow: \"visible\" }}>\n              <defs>\n                <clipPath id={xTickClipId}>\n                  <rect x={0} y={0} width={viewportWidth} height={xTickLabelHeight} />\n                  {xTickLeftOverhangMax > 0 && (\n                    <rect\n                      x={-xTickLeftOverhang}\n                      y={X_AXIS_OVERHANG_CLIP_HEIGHT}\n                      width={xTickLeftOverhang}\n                      height={Math.max(0, xTickLabelHeight - X_AXIS_OVERHANG_CLIP_HEIGHT)}\n                    />\n                  )}\n                </clipPath>\n              </defs>\n              <g clipPath={`url(#${xTickClipId})`}>\n                <g transform={`translate(${-axisScrollPos.left},0)`}>\n                  <AxisBottom\n                    top={0}\n                    scale={xScale}\n                    numTicks={data.length}\n                    tickFormat={xAxisTickFormat}\n                    tickValues={visibleXTickValues}\n                    tickLabelProps={markedXTickLabelProps}\n                  />\n                  <HeatmapSelectionPointers axis=\"column\" marked={selectionMarks.columns} scale={xScale} />\n                </g>\n              </g>\n            </svg>\n          </div>\n          {/* X-axis title: fixed in place and centered on the viewport. A title wider than a narrow\n              grid spills into the empty cells either side rather than being clipped. */}\n          <div style={{ gridColumn: 3, gridRow: 4, width: viewportWidth, height: xTitleHeight, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\n            <svg width={viewportWidth} height={xTitleHeight} style={{ overflow: \"visible\" }}>\n              <text\n                x={viewportWidth / 2}\n                y={xTitleHeight / 2}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fontSize={AXIS_TITLE_FONT_SIZE}\n                fontFamily={TICK_FONT_FAMILY}\n              >\n                {xLabel ?? \"\"}\n              </text>\n            </svg>\n          </div>\n          {showLegend && (\n            <div style={{ gridColumn: 4, gridRow: 2, width: legendWidth, marginLeft: LEGEND_GAP, height: viewportHeight }}>\n              <svg width={legendWidth} height={viewportHeight} ref={legendSvgRef} style={{ overflow: \"visible\" }}>\n                {legend({ width: legendWidth, height: viewportHeight, orientation: \"vertical\" })}\n              </svg>\n            </div>\n          )}\n        </div>\n      </div>\n      {showMiniMap && isMiniMapExpanded && (\n        <HeatmapMiniMapPopup\n          onClose={() => setIsMiniMapExpanded(false)}\n          containerRef={miniMapContainerRef}\n          canvasCellParams={canvasCellParams}\n          xMax={xMax}\n          yMax={yMax}\n          viewportWidth={viewportWidth}\n          viewportHeight={viewportHeight}\n          scrollLeft={axisScrollPos.left}\n          scrollTop={axisScrollPos.top}\n          onNavigate={handleMiniMapNavigate}\n          legend={showLegend ? legend : undefined}\n        />\n      )}\n    </>\n  );\n};\n\nexport default HeatmapScrollableGrid;\n"],"names":["X_AXIS_OVERHANG_CLIP_HEIGHT","HeatmapScrollableGrid","legendSvgRef","layout","data","showMiniMap","showLegend","renderLegend","xLabel","yLabel","tooltipBody","onClick","selectedCells","scrollToSelection","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","numRows","marg","xMax","yMax","viewportWidth","viewportHeight","yTitleWidth","yTickLabelWidth","xTitleHeight","xTickLabelHeight","binWidth","xTickLeftOverhangMax","legendWidth","xScale","yScale","xTickValues","yTickValues","stableColors","minValue","maxValue","canvasCellParams","selectionMarks","markedXTickLabelProps","useMemo","markTickLabels","columns","markedYTickLabelProps","yAxisTickLabelProps","rows","canvasRef","mainPaneRef","canvasTooltipRef","setMainPaneNode","handleGridScroll","axisScrollPos","visibleXTickValues","visibleYTickValues","canvasHandlers","useHeatmapCanvasGrid","useScrollToSelection","xTickClipId","useId","xTickLeftOverhang","Math","max","left","handleMiniMapNavigate","useCallback","top","current","scrollTo","isMiniMapExpanded","setIsMiniMapExpanded","useState","miniMapContainerRef","useRef","legend","frame","jsx","HeatmapLegend","orientation","height","width","jsxs","Fragment","display","flexDirection","marginLeft","position","HeatmapMiniMap","MINI_MAP_HEIGHT","gridTemplateColumns","LEGEND_GAP","gridTemplateRows","gridColumn","gridRow","alignItems","justifyContent","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","overflow","AxisLeft","HeatmapSelectionPointers","overscrollBehavior","window","devicePixelRatio","cursor","PlotTooltip","AxisBottom","length","HeatmapMiniMapPopup","undefined"],"mappings":"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"}
+{"version":3,"file":"visualization.es47.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/log.js"],"sourcesContent":["import { scaleLog } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateLogScale = scaleOperator('domain', 'range', 'reverse', 'base', 'clamp', 'interpolate', 'nice', 'round');\nexport default function createLogScale(config) {\n  return updateLogScale(scaleLog(), config);\n}"],"names":["updateLogScale","scaleOperator","createLogScale","config","scaleLog"],"mappings":";;AAEY,MAACA,IAAiBC,EAAc,UAAU,SAAS,WAAW,QAAQ,SAAS,eAAe,QAAQ,OAAO;AAC1G,SAASC,EAAeC,GAAQ;AAC7C,SAAOH,EAAeI,EAAQ,GAAID,CAAM;AAC1C;","x_google_ignoreList":[0]}

package/dist/visualization.es470.js

@@ -1,11 +1,23 @@
-import { animateMotionValue as m } from "./visualization.es341.js";
-import { motionValue as a } from "./visualization.es414.js";
-import { isMotionValue as r } from "./visualization.es198.js";
-function f(o, i, n) {
-  const t = r(o) ? o : a(o);
-  return t.start(m("", t, i, n)), t.animation;
+import { VisualElementDragControls as t } from "./visualization.es549.js";
+import { Feature as e } from "./visualization.es278.js";
+import { noop as s } from "./visualization.es298.js";
+class m extends e {
+  constructor(o) {
+    super(o), this.removeGroupControls = s, this.removeListeners = s, this.controls = new t(o);
+  }
+  mount() {
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || s;
+  }
+  update() {
+    const { dragControls: o } = this.node.getProps(), { dragControls: r } = this.node.prevProps || {};
+    o !== r && (this.removeGroupControls(), o && (this.removeGroupControls = o.subscribe(this.controls)));
+  }
+  unmount() {
+    this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
+  }
 }
 export {
-  f as animateSingleValue
+  m as DragGesture
 };
 //# sourceMappingURL=visualization.es470.js.map

package/dist/visualization.es470.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es470.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs"],"sourcesContent":["import { animateMotionValue } from '../interfaces/motion-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction animateSingleValue(value, keyframes, options) {\n    const motionValue$1 = isMotionValue(value) ? value : motionValue(value);\n    motionValue$1.start(animateMotionValue(\"\", motionValue$1, keyframes, options));\n    return motionValue$1.animation;\n}\n\nexport { animateSingleValue };\n//# sourceMappingURL=single-value.mjs.map\n"],"names":["animateSingleValue","value","keyframes","options","motionValue$1","isMotionValue","motionValue","animateMotionValue"],"mappings":";;;AAIA,SAASA,EAAmBC,GAAOC,GAAWC,GAAS;AACnD,QAAMC,IAAgBC,EAAcJ,CAAK,IAAIA,IAAQK,EAAYL,CAAK;AACtE,SAAAG,EAAc,MAAMG,EAAmB,IAAIH,GAAeF,GAAWC,CAAO,CAAC,GACtEC,EAAc;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es470.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    update() {\n        const { dragControls } = this.node.getProps();\n        const { dragControls: prevDragControls } = this.node.prevProps || {};\n        if (dragControls !== prevDragControls) {\n            this.removeGroupControls();\n            if (dragControls) {\n                this.removeGroupControls = dragControls.subscribe(this.controls);\n            }\n        }\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n        /**\n         * In React 19, during list reorder reconciliation, components may\n         * briefly unmount and remount while the drag is still active. If we're\n         * actively dragging, we should NOT end the pan session - it will\n         * continue tracking pointer events via its window-level listeners.\n         *\n         * The pan session will be properly cleaned up when:\n         * 1. The drag ends naturally (pointerup/pointercancel)\n         * 2. The component is truly removed from the DOM\n         */\n        if (!this.controls.isDragging) {\n            this.controls.endPanSession();\n        }\n    }\n}\n\nexport { DragGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls","prevDragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACtD;AAAA,EACA,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAY,IAAK,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC3D;AAAA,EACA,SAAS;AACL,UAAM,EAAE,cAAAE,EAAY,IAAK,KAAK,KAAK,SAAQ,GACrC,EAAE,cAAcC,EAAgB,IAAK,KAAK,KAAK,aAAa,CAAA;AAClE,IAAID,MAAiBC,MACjB,KAAK,oBAAmB,GACpBD,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ;AAAA,EAG3E;AAAA,EACA,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe,GAWf,KAAK,SAAS,cACf,KAAK,SAAS,cAAa;AAAA,EAEnC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es471.js

@@ -1,5 +1,44 @@
-const t = (e, p) => e.depth - p.depth;
+import { addPointerEvent as m } from "./visualization.es181.js";
+import { getContextWindow as P } from "./visualization.es550.js";
+import { PanSession as h } from "./visualization.es551.js";
+import { Feature as p } from "./visualization.es278.js";
+import { noop as u } from "./visualization.es298.js";
+import { frame as r } from "./visualization.es326.js";
+const o = (e) => (n, t) => {
+  e && r.update(() => e(n, t), !1, !0);
+};
+class v extends p {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = u;
+  }
+  onPointerDown(n) {
+    this.session = new h(n, this.createPanHandlers(), {
+      transformPagePoint: this.node.getTransformPagePoint(),
+      contextWindow: P(this.node)
+    });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: s } = this.node.getProps();
+    return {
+      onSessionStart: o(n),
+      onStart: o(t),
+      onMove: o(i),
+      onEnd: (a, d) => {
+        delete this.session, s && r.postRender(() => s(a, d));
+      }
+    };
+  }
+  mount() {
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
+}
 export {
-  t as compareByDepth
+  v as PanGesture
 };
 //# sourceMappingURL=visualization.es471.js.map

package/dist/visualization.es471.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es471.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs"],"sourcesContent":["const compareByDepth = (a, b) => a.depth - b.depth;\n\nexport { compareByDepth };\n//# sourceMappingURL=compare-by-depth.mjs.map\n"],"names":["compareByDepth","a","b"],"mappings":"AAAK,MAACA,IAAiB,CAACC,GAAGC,MAAMD,EAAE,QAAQC,EAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es471.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { Feature, frame } from 'motion-dom';\nimport { noop } from 'motion-utils';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { PanSession } from './PanSession.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info), false, true);\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), {\n            transformPagePoint: this.node.getTransformPagePoint(),\n            contextWindow: getContextWindow(this.node),\n        });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: asyncHandler(onPan),\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.postRender(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n//# sourceMappingURL=index.mjs.map\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","getContextWindow","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;;AAMA,MAAMA,IAAe,CAACC,MAAY,CAACC,GAAOC,MAAS;AAC/C,EAAIF,KACAG,EAAM,OAAO,MAAMH,EAAQC,GAAOC,CAAI,GAAG,IAAO,EAAI;AAE5D;AACA,MAAME,UAAmBC,EAAQ;AAAA,EAC7B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,4BAA4BC;AAAA,EACrC;AAAA,EACA,cAAcC,GAAkB;AAC5B,SAAK,UAAU,IAAIC,EAAWD,GAAkB,KAAK,qBAAqB;AAAA,MACtE,oBAAoB,KAAK,KAAK,sBAAqB;AAAA,MACnD,eAAeE,EAAiB,KAAK,IAAI;AAAA,IACrD,CAAS;AAAA,EACL;AAAA,EACA,oBAAoB;AAChB,UAAM,EAAE,mBAAAC,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK,SAAQ;AAC7E,WAAO;AAAA,MACH,gBAAgBd,EAAaW,CAAiB;AAAA,MAC9C,SAASX,EAAaY,CAAU;AAAA,MAChC,QAAQZ,EAAaa,CAAK;AAAA,MAC1B,OAAO,CAACX,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRW,KACAV,EAAM,WAAW,MAAMU,EAASZ,GAAOC,CAAI,CAAC;AAAA,MAEpD;AAAA,IACZ;AAAA,EACI;AAAA,EACA,QAAQ;AACJ,SAAK,4BAA4BY,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACb,MAAU,KAAK,cAAcA,CAAK,CAAC;AAAA,EAC3H;AAAA,EACA,SAAS;AACL,SAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,mBAAmB;AAAA,EACxE;AAAA,EACA,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,WAAW,KAAK,QAAQ,IAAG;AAAA,EACpC;AACJ;","x_google_ignoreList":[0]}