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

package/dist/visualization.es446.js

@@ -1,16 +1,26 @@
-import { isMotionValue as n } from "./visualization.es198.js";
-import { transformPropOrder as i } from "./visualization.es337.js";
-import { scrapeMotionValuesFromProps as m } from "./visualization.es439.js";
-function l(r, t, s) {
-  const e = m(r, t, s);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const a = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[a] = r[o];
-    }
-  return e;
+import { mixNumber as v } from "./visualization.es352.js";
+import { percent as p } from "./visualization.es403.js";
+import { scalePoint as r } from "./visualization.es443.js";
+function c(e, m, f, n, d) {
+  return e -= m, e = r(e, 1 / f, n), d !== void 0 && (e = r(e, 1 / d, n)), e;
+}
+function D(e, m = 0, f = 1, n = 0.5, d, u = e, y = e) {
+  if (p.test(m) && (m = parseFloat(m), m = v(y.min, y.max, m / 100) - y.min), typeof m != "number")
+    return;
+  let i = v(u.min, u.max, n);
+  e === u && (i -= m), e.min = c(e.min, m, f, i, d), e.max = c(e.max, m, f, i, d);
+}
+function P(e, m, [f, n, d], u, y) {
+  D(e, m[f], m[n], m[d], m.scale, u, y);
+}
+const K = ["x", "scaleX", "originX"], T = ["y", "scaleY", "originY"];
+function N(e, m, f, n) {
+  P(e.x, m, K, f ? f.x : void 0, n ? n.x : void 0), P(e.y, m, T, f ? f.y : void 0, n ? n.y : void 0);
 }
 export {
-  l as scrapeMotionValuesFromProps
+  D as removeAxisDelta,
+  P as removeAxisTransforms,
+  N as removeBoxTransforms,
+  c as removePointDelta
 };
 //# sourceMappingURL=visualization.es446.js.map

package/dist/visualization.es446.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);\n    for (const key in props) {\n        if (isMotionValue(props[key]) ||\n            isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":";;;AAIA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAYC,EAA8BJ,GAAOC,GAAWC,CAAa;AAC/E,aAAWG,KAAOL;AACd,QAAIM,EAAcN,EAAMK,CAAG,CAAC,KACxBC,EAAcL,EAAUI,CAAG,CAAC,GAAG;AAC/B,YAAME,IAAYC,EAAmB,QAAQH,CAAG,MAAM,KAChD,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,UAAU,CAAC,IACtDA;AACN,MAAAF,EAAUI,CAAS,IAAIP,EAAMK,CAAG;AAAA,IACpC;AAEJ,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { scalePoint } from './delta-apply.mjs';\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nfunction removePointDelta(point, translate, scale, originPoint, boxScale) {\n    point -= translate;\n    point = scalePoint(point, 1 / scale, originPoint);\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint);\n    }\n    return point;\n}\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nfunction removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate);\n        const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);\n        translate = relativeProgress - sourceAxis.min;\n    }\n    if (typeof translate !== \"number\")\n        return;\n    let originPoint = mixNumber(originAxis.min, originAxis.max, origin);\n    if (axis === originAxis)\n        originPoint -= translate;\n    axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {\n    removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeBoxTransforms(box, transforms, originBox, sourceBox) {\n    removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);\n    removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);\n}\n\nexport { removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta };\n//# sourceMappingURL=delta-remove.mjs.map\n"],"names":["removePointDelta","point","translate","scale","originPoint","boxScale","scalePoint","removeAxisDelta","axis","origin","originAxis","sourceAxis","percent","mixNumber","removeAxisTransforms","transforms","key","scaleKey","originKey","xKeys","yKeys","removeBoxTransforms","box","originBox","sourceBox"],"mappings":";;;AAOA,SAASA,EAAiBC,GAAOC,GAAWC,GAAOC,GAAaC,GAAU;AACtE,SAAAJ,KAASC,GACTD,IAAQK,EAAWL,GAAO,IAAIE,GAAOC,CAAW,GAC5CC,MAAa,WACbJ,IAAQK,EAAWL,GAAO,IAAII,GAAUD,CAAW,IAEhDH;AACX;AAIA,SAASM,EAAgBC,GAAMN,IAAY,GAAGC,IAAQ,GAAGM,IAAS,KAAKJ,GAAUK,IAAaF,GAAMG,IAAaH,GAAM;AAMnH,MALII,EAAQ,KAAKV,CAAS,MACtBA,IAAY,WAAWA,CAAS,GAEhCA,IADyBW,EAAUF,EAAW,KAAKA,EAAW,KAAKT,IAAY,GAAG,IACnDS,EAAW,MAE1C,OAAOT,KAAc;AACrB;AACJ,MAAIE,IAAcS,EAAUH,EAAW,KAAKA,EAAW,KAAKD,CAAM;AAClE,EAAID,MAASE,MACTN,KAAeF,IACnBM,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ,GAC7EG,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ;AACjF;AAKA,SAASS,EAAqBN,GAAMO,GAAY,CAACC,GAAKC,GAAUC,CAAS,GAAGT,GAAQE,GAAY;AAC5F,EAAAJ,EAAgBC,GAAMO,EAAWC,CAAG,GAAGD,EAAWE,CAAQ,GAAGF,EAAWG,CAAS,GAAGH,EAAW,OAAON,GAAQE,CAAU;AAC5H;AAIA,MAAMQ,IAAQ,CAAC,KAAK,UAAU,SAAS,GACjCC,IAAQ,CAAC,KAAK,UAAU,SAAS;AAKvC,SAASC,EAAoBC,GAAKP,GAAYQ,GAAWC,GAAW;AAChE,EAAAV,EAAqBQ,EAAI,GAAGP,GAAYI,GAAOI,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS,GACvHV,EAAqBQ,EAAI,GAAGP,GAAYK,GAAOG,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS;AAC3H;","x_google_ignoreList":[0]}

package/dist/visualization.es447.js

@@ -1,26 +1,35 @@
-import { motionValue as r } from "./visualization.es414.js";
-import { isMotionValue as f } from "./visualization.es198.js";
-function d(a, e, s) {
-  for (const o in e) {
-    const i = e[o], t = s[o];
-    if (f(i))
-      a.addValue(o, i);
-    else if (f(t))
-      a.addValue(o, r(i, { owner: a }));
-    else if (t !== i)
-      if (a.hasValue(o)) {
-        const u = a.getValue(o);
-        u.liveStyle === !0 ? u.jump(i) : u.hasAnimated || u.set(i);
-      } else {
-        const u = a.getStaticValue(o);
-        a.addValue(o, r(u !== void 0 ? u : i, { owner: a }));
-      }
-  }
-  for (const o in s)
-    e[o] === void 0 && a.removeValue(o);
-  return e;
+import { calcLength as r } from "./visualization.es445.js";
+function u(n) {
+  return n.translate === 0 && n.scale === 1;
+}
+function e(n) {
+  return u(n.x) && u(n.y);
+}
+function i(n, t) {
+  return n.min === t.min && n.max === t.max;
+}
+function s(n, t) {
+  return i(n.x, t.x) && i(n.y, t.y);
+}
+function o(n, t) {
+  return Math.round(n.min) === Math.round(t.min) && Math.round(n.max) === Math.round(t.max);
+}
+function x(n, t) {
+  return o(n.x, t.x) && o(n.y, t.y);
+}
+function c(n) {
+  return r(n.x) / r(n.y);
+}
+function l(n, t) {
+  return n.translate === t.translate && n.scale === t.scale && n.originPoint === t.originPoint;
 }
 export {
-  d as updateMotionValuesFromProps
+  c as aspectRatio,
+  l as axisDeltaEquals,
+  i as axisEquals,
+  o as axisEqualsRounded,
+  s as boxEquals,
+  x as boxEqualsRounded,
+  e as isDeltaZero
 };
 //# sourceMappingURL=visualization.es447.js.map

package/dist/visualization.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\n/**\n * Updates motion values from props changes.\n * Uses `any` type for element to avoid circular dependencies with VisualElement.\n */\nfunction updateMotionValuesFromProps(element, next, prev) {\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                if (existingValue.liveStyle === true) {\n                    existingValue.jump(nextValue);\n                }\n                else if (!existingValue.hasAnimated) {\n                    existingValue.set(nextValue);\n                }\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n//# sourceMappingURL=motion-values.mjs.map\n"],"names":["updateMotionValuesFromProps","element","next","prev","key","nextValue","prevValue","isMotionValue","motionValue","existingValue","latestValue"],"mappings":";;AAOA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,aAAWC,KAAOF,GAAM;AACpB,UAAMG,IAAYH,EAAKE,CAAG,GACpBE,IAAYH,EAAKC,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAJ,EAAQ,SAASG,GAAKC,CAAS;AAAA,aAE1BE,EAAcD,CAAS;AAK5B,MAAAL,EAAQ,SAASG,GAAKI,EAAYH,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,aAE3DK,MAAcD;AAMnB,UAAIJ,EAAQ,SAASG,CAAG,GAAG;AACvB,cAAMK,IAAgBR,EAAQ,SAASG,CAAG;AAC1C,QAAIK,EAAc,cAAc,KAC5BA,EAAc,KAAKJ,CAAS,IAEtBI,EAAc,eACpBA,EAAc,IAAIJ,CAAS;AAAA,MAEnC,OACK;AACD,cAAMK,IAAcT,EAAQ,eAAeG,CAAG;AAC9C,QAAAH,EAAQ,SAASG,GAAKI,EAAYE,MAAgB,SAAYA,IAAcL,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,MAC9G;AAAA,EAER;AAEA,aAAWG,KAAOD;AACd,IAAID,EAAKE,CAAG,MAAM,UACdH,EAAQ,YAAYG,CAAG;AAE/B,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs"],"sourcesContent":["import { calcLength } from './delta-calc.mjs';\n\nfunction isAxisDeltaZero(delta) {\n    return delta.translate === 0 && delta.scale === 1;\n}\nfunction isDeltaZero(delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);\n}\nfunction axisEquals(a, b) {\n    return a.min === b.min && a.max === b.max;\n}\nfunction boxEquals(a, b) {\n    return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);\n}\nfunction axisEqualsRounded(a, b) {\n    return (Math.round(a.min) === Math.round(b.min) &&\n        Math.round(a.max) === Math.round(b.max));\n}\nfunction boxEqualsRounded(a, b) {\n    return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);\n}\nfunction aspectRatio(box) {\n    return calcLength(box.x) / calcLength(box.y);\n}\nfunction axisDeltaEquals(a, b) {\n    return (a.translate === b.translate &&\n        a.scale === b.scale &&\n        a.originPoint === b.originPoint);\n}\n\nexport { aspectRatio, axisDeltaEquals, axisEquals, axisEqualsRounded, boxEquals, boxEqualsRounded, isDeltaZero };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isAxisDeltaZero","delta","isDeltaZero","axisEquals","a","b","boxEquals","axisEqualsRounded","boxEqualsRounded","aspectRatio","box","calcLength","axisDeltaEquals"],"mappings":";AAEA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,EAAM,cAAc,KAAKA,EAAM,UAAU;AACpD;AACA,SAASC,EAAYD,GAAO;AACxB,SAAOD,EAAgBC,EAAM,CAAC,KAAKD,EAAgBC,EAAM,CAAC;AAC9D;AACA,SAASE,EAAWC,GAAGC,GAAG;AACtB,SAAOD,EAAE,QAAQC,EAAE,OAAOD,EAAE,QAAQC,EAAE;AAC1C;AACA,SAASC,EAAUF,GAAGC,GAAG;AACrB,SAAOF,EAAWC,EAAE,GAAGC,EAAE,CAAC,KAAKF,EAAWC,EAAE,GAAGC,EAAE,CAAC;AACtD;AACA,SAASE,EAAkBH,GAAGC,GAAG;AAC7B,SAAQ,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG,KAC1C,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG;AAC9C;AACA,SAASG,EAAiBJ,GAAGC,GAAG;AAC5B,SAAOE,EAAkBH,EAAE,GAAGC,EAAE,CAAC,KAAKE,EAAkBH,EAAE,GAAGC,EAAE,CAAC;AACpE;AACA,SAASI,EAAYC,GAAK;AACtB,SAAOC,EAAWD,EAAI,CAAC,IAAIC,EAAWD,EAAI,CAAC;AAC/C;AACA,SAASE,EAAgBR,GAAGC,GAAG;AAC3B,SAAQD,EAAE,cAAcC,EAAE,aACtBD,EAAE,UAAUC,EAAE,SACdD,EAAE,gBAAgBC,EAAE;AAC5B;","x_google_ignoreList":[0]}

package/dist/visualization.es448.js

@@ -1,16 +1,7 @@
-import { hasReducedMotionListener as t, prefersReducedMotion as r } from "./visualization.es449.js";
-const o = typeof window < "u";
-function d() {
-  if (t.current = !0, !!o)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), n = () => r.current = e.matches;
-      e.addEventListener("change", n), n();
-    } else
-      r.current = !1;
+function n(e) {
+  return [e("x"), e("y")];
 }
 export {
-  t as hasReducedMotionListener,
-  d as initPrefersReducedMotion,
-  r as prefersReducedMotion
+  n as eachAxis
 };
 //# sourceMappingURL=visualization.es448.js.map

package/dist/visualization.es448.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs"],"sourcesContent":["import { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nconst isBrowser = typeof window !== \"undefined\";\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addEventListener(\"change\", setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion };\n//# sourceMappingURL=index.mjs.map\n"],"names":["isBrowser","initPrefersReducedMotion","hasReducedMotionListener","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":";AAEA,MAAMA,IAAY,OAAO,SAAW;AACpC,SAASC,IAA2B;AAEhC,MADAC,EAAyB,UAAU,IAC/B,EAACF;AAEL,QAAI,OAAO,YAAY;AACnB,YAAMG,IAAmB,OAAO,WAAW,0BAA0B,GAC/DC,IAA8B,MAAOC,EAAqB,UAAUF,EAAiB;AAC3F,MAAAA,EAAiB,iBAAiB,UAAUC,CAA2B,GACvEA,EAA2B;AAAA,IAC/B;AAEI,MAAAC,EAAqB,UAAU;AAEvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs"],"sourcesContent":["function eachAxis(callback) {\n    return [callback(\"x\"), callback(\"y\")];\n}\n\nexport { eachAxis };\n//# sourceMappingURL=each-axis.mjs.map\n"],"names":["eachAxis","callback"],"mappings":"AAAA,SAASA,EAASC,GAAU;AACxB,SAAO,CAACA,EAAS,GAAG,GAAGA,EAAS,GAAG,CAAC;AACxC;","x_google_ignoreList":[0]}

package/dist/visualization.es449.js

@@ -1,6 +1,22 @@
-const e = { current: null }, n = { current: !1 };
+import { px as c } from "./visualization.es403.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
+};
 export {
-  n as hasReducedMotionListener,
-  e as prefersReducedMotion
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };
 //# sourceMappingURL=visualization.es449.js.map

package/dist/visualization.es449.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es449.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n//# sourceMappingURL=state.mjs.map\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"AACK,MAACA,IAAuB,EAAE,SAAS,KAAI,GACtCC,IAA2B,EAAE,SAAS,GAAK;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es449.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n//# sourceMappingURL=scale-border-radius.mjs.map\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACrB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es45.js

@@ -1,197 +1,58 @@
-import { c as Ot } from "react/compiler-runtime";
-import { measureTextWidth as _t } from "./visualization.es23.js";
-import { getHeatmapLegendWidth as Ft } from "./visualization.es97.js";
-import { getHeatmapColorScale as Kt } from "./visualization.es98.js";
-import { cellKey as Pt, selectionMarks as Vt } from "./visualization.es99.js";
-import { TICK_FONT_FAMILY as Mt, TICK_FONT_SIZE as xt, AXIS_TITLE_FONT_SIZE as Xt } from "./visualization.es44.js";
-import It from "./visualization.es30.js";
-const Bt = 16, bt = 12, ut = 40, ft = 70, pt = 1.15, Dt = 50, wt = (n) => n.rows;
-function se(n, t, e) {
-  const s = _t(n, Xt, Mt) * pt;
-  return s >= e ? e / 2 : Math.min(Math.max(t, s / 2), e - s / 2);
-}
-function dt(n, t) {
-  return n.reduce((e, s) => {
-    const m = t(s);
-    return m == null ? e : Math.max(e, m);
-  }, 0);
-}
-function ce(n) {
-  const t = Ot(94), {
-    data: e,
-    colorDomain: s,
-    colors: m,
-    xLabelOrientation: Q,
-    margin: q,
-    showLegend: Wt,
-    isScrollable: S,
-    cellWidth: At,
-    cellHeight: Ht,
-    parentWidth: Ct,
-    parentHeight: Et,
-    showMiniMap: Nt,
-    gap: J,
-    isRect: U,
-    selectedCells: b,
-    highlightRange: tt,
-    legendWidth: Rt
-  } = n;
-  let w;
-  t[0] !== e ? (w = e.map(Jt), t[0] = e, t[1] = w) : w = t[1];
-  const W = w;
-  let A;
-  t[2] !== e[0]?.rows ? (A = e[0]?.rows.map(qt) ?? [], t[2] = e[0]?.rows, t[3] = A) : A = t[3];
-  const H = A;
-  let C;
-  t[4] !== e ? (C = dt(e, zt), t[4] = e, t[5] = C) : C = t[5];
-  const et = C;
-  let E;
-  t[6] !== s || t[7] !== et ? (E = s ?? [0, et], t[6] = s, t[7] = et, t[8] = E) : E = t[8];
-  const [o, i] = E, l = dt(e, jt), kt = W.reduce($t, 0) * pt, g = H.reduce(Zt, 0) * pt, Tt = kt, I = Q === "horizontal" ? 12 : Q === "vertical" ? Tt : Tt * Math.SQRT1_2, nt = Q === "leftDiagonal" ? I : 0;
-  let N;
-  t[9] !== m ? (N = m.join("\0"), t[9] = m, t[10] = N) : N = t[10];
-  const lt = N;
-  let R;
-  t[11] !== lt ? (R = lt.split("\0"), t[11] = lt, t[12] = R) : R = t[12];
-  const u = R;
-  let k;
-  t[13] !== i || t[14] !== o ? (k = Ft(o, i), t[13] = i, t[14] = o, t[15] = k) : k = t[15];
-  const y = Rt ?? k, ot = Wt ? y + Bt : 10, it = I + bt + ft;
-  let v;
-  t[16] !== ot || t[17] !== it || t[18] !== q || t[19] !== g ? (v = q ?? {
-    top: 20,
-    left: g + bt + ut,
-    right: ot,
-    bottom: it + xt
-  }, t[16] = ot, t[17] = it, t[18] = q, t[19] = g, t[20] = v) : v = t[20];
-  const c = v, yt = S && Nt ? Dt : 0, Lt = Math.max(0, Ct - c.left - c.right), St = Math.max(0, Et - c.bottom - c.top - yt), r = S ? e.length * At : Lt, a = S ? l * Ht : St, at = S ? Math.min(r, Lt) : r, st = S ? Math.min(a, St) : a, ct = Math.max(0, c.left - ut), rt = Math.max(0, c.bottom - ft), f = r / e.length, p = a / l;
-  let O;
-  t[21] !== e.length || t[22] !== r ? (O = It({
-    domain: [0, e.length],
-    range: [0, r]
-  }), t[21] = e.length, t[22] = r, t[23] = O) : O = t[23];
-  const d = O;
-  let F;
-  t[24] !== l || t[25] !== a ? (F = It({
-    domain: [0, l],
-    range: [a, 0]
-  }), t[24] = l, t[25] = a, t[26] = F) : F = t[26];
-  const _ = F;
-  let K;
-  t[27] !== _ ? (K = (vt) => _(vt + 1), t[27] = _, t[28] = K) : K = t[28];
-  const M = K;
-  let P;
-  t[29] !== e ? (P = e.map(Yt), t[29] = e, t[30] = P) : P = t[30];
-  const ht = P;
-  let V;
-  t[31] !== e[0]?.rows ? (V = e[0]?.rows.map(Gt) ?? [], t[31] = e[0]?.rows, t[32] = V) : V = t[32];
-  const mt = V;
-  let X;
-  t[33] !== i || t[34] !== o || t[35] !== u ? (X = Kt(u, [o, i]), t[33] = i, t[34] = o, t[35] = u, t[36] = X) : X = t[36];
-  const x = X;
-  let B;
-  t[37] !== b ? (B = b?.length ? new Set(b.map(Pt)) : null, t[37] = b, t[38] = B) : B = t[38];
-  const h = B;
-  let D;
-  t[39] !== e.length || t[40] !== l || t[41] !== h ? (D = Vt(h, e.length, l), t[39] = e.length, t[40] = l, t[41] = h, t[42] = D) : D = t[42];
-  const T = D;
-  let G;
-  t[43] !== tt ? (G = tt ?? [], t[43] = tt, t[44] = G) : G = t[44];
-  const [Y, Z] = G;
-  let $;
-  t[45] !== Z || t[46] !== Y ? ($ = Y === void 0 || Z === void 0 ? null : [Y, Z], t[45] = Z, t[46] = Y, t[47] = $) : $ = t[47];
-  const L = $;
-  let j;
-  t[48] !== p || t[49] !== f || t[50] !== M || t[51] !== x || t[52] !== e || t[53] !== J || t[54] !== U || t[55] !== i || t[56] !== o || t[57] !== l || t[58] !== h || t[59] !== T || t[60] !== L || t[61] !== d || t[62] !== a ? (j = {
-    data: e,
-    numRows: l,
-    xScale: d,
-    cellYScale: M,
-    colorScale: x,
-    minValue: o,
-    maxValue: i,
-    gap: J,
-    isRect: U,
-    binWidth: f,
-    binHeight: p,
-    yMax: a,
-    selectedKeys: h,
-    selectionMarks: T,
-    highlightRange: L
-  }, t[48] = p, t[49] = f, t[50] = M, t[51] = x, t[52] = e, t[53] = J, t[54] = U, t[55] = i, t[56] = o, t[57] = l, t[58] = h, t[59] = T, t[60] = L, t[61] = d, t[62] = a, t[63] = j) : j = t[63];
-  const gt = j;
-  let z;
-  return t[64] !== W || t[65] !== H || t[66] !== p || t[67] !== f || t[68] !== gt || t[69] !== M || t[70] !== I || t[71] !== x || t[72] !== y || t[73] !== c || t[74] !== g || t[75] !== i || t[76] !== o || t[77] !== l || t[78] !== h || t[79] !== T || t[80] !== u || t[81] !== L || t[82] !== st || t[83] !== at || t[84] !== r || t[85] !== d || t[86] !== rt || t[87] !== nt || t[88] !== ht || t[89] !== a || t[90] !== _ || t[91] !== ct || t[92] !== mt ? (z = {
-    allColNames: W,
-    allRowNames: H,
-    numRows: l,
-    minValue: o,
-    maxValue: i,
-    marg: c,
-    xMax: r,
-    yMax: a,
-    viewportWidth: at,
-    viewportHeight: st,
-    yTitleWidth: ut,
-    yTickLabelWidth: ct,
-    xTitleHeight: ft,
-    xTickLabelHeight: rt,
-    binWidth: f,
-    binHeight: p,
-    colLabelHeight: I,
-    xTickLeftOverhangMax: nt,
-    maxRowNameWidth: g,
-    legendWidth: y,
-    xScale: d,
-    yScale: _,
-    cellYScale: M,
-    xTickValues: ht,
-    yTickValues: mt,
-    stableColors: u,
-    colorScale: x,
-    canvasCellParams: gt,
-    highlightRange: L,
-    selectedKeys: h,
-    selectionMarks: T
-  }, t[64] = W, t[65] = H, t[66] = p, t[67] = f, t[68] = gt, t[69] = M, t[70] = I, t[71] = x, t[72] = y, t[73] = c, t[74] = g, t[75] = i, t[76] = o, t[77] = l, t[78] = h, t[79] = T, t[80] = u, t[81] = L, t[82] = st, t[83] = at, t[84] = r, t[85] = d, t[86] = rt, t[87] = nt, t[88] = ht, t[89] = a, t[90] = _, t[91] = ct, t[92] = mt, t[93] = z) : z = t[93], z;
-}
-function Gt(n, t) {
-  return t + 0.5;
-}
-function Yt(n, t) {
-  return t + 0.5;
-}
-function Zt(n, t) {
-  return Math.max(n, _t(t, xt, Mt));
-}
-function $t(n, t) {
-  return Math.max(n, _t(t, xt, Mt));
-}
-function jt(n) {
-  return wt(n).length;
-}
-function zt(n) {
-  return dt(wt(n), Qt);
-}
-function Qt(n) {
-  return n.count;
-}
-function qt(n) {
-  return n.rowName;
+import { jsx as l, jsxs as $, Fragment as T } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { useRef as v } from "react";
+import { getTextHeight as H } from "./visualization.es2.js";
+const G = (g) => {
+  const t = _(33), {
+    label: p,
+    getlollipopRadius: s,
+    height: e,
+    width: n,
+    legendValues: x,
+    spaceForCategory: W,
+    axisCenter: R,
+    loading: u
+  } = g, C = v(null), r = H(p, 12, "Times");
+  let a, c, d, f, i, h, o;
+  if (t[0] !== R || t[1] !== s || t[2] !== e || t[3] !== p || t[4] !== r || t[5] !== x || t[6] !== u || t[7] !== W || t[8] !== n) {
+    let k;
+    t[16] !== s ? (k = (y) => s(y) * 2 + 12, t[16] = s, t[17] = k) : k = t[17];
+    const S = x.map(k), F = S.reduce(I, 0) + 30 * (x.length - 1), j = r + 20 + F, w = u ? 0.3 : 1;
+    t[18] !== w ? (o = {
+      marginBottom: 10,
+      opacity: w
+    }, t[18] = w, t[19] = o) : o = t[19], a = e + 4, c = n + r + 4, d = "legend", f = `translate(${W / 1.2 + R - n / 2}, 0)`;
+    const z = n + r;
+    t[20] !== e || t[21] !== z ? (i = /* @__PURE__ */ l("rect", { height: e, width: z, stroke: "black", fill: "none", transform: "translate(2, 2)" }), t[20] = e, t[21] = z, t[22] = i) : i = t[22], h = u ? /* @__PURE__ */ l("text", { x: (n + r) / 2, y: e / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 12, fill: "black", children: "Loading..." }) : /* @__PURE__ */ $(T, { children: [
+      /* @__PURE__ */ l("g", { transform: `translate(${n / 2 - j / 2 + 2}, ${e / 2 + 2})`, children: /* @__PURE__ */ l("text", { ref: C, x: 0, y: 3, textAnchor: "start", fill: "black", fontSize: 12, children: p }) }),
+      /* @__PURE__ */ $("g", { transform: `translate(${n / 2 - j / 2 + r + 10 + 2}, ${e / 2 + 2})`, children: [
+        /* @__PURE__ */ l("line", { x1: 0, y1: -e / 2, x2: 0, y2: e / 2, stroke: "black", strokeWidth: 1 }),
+        /* @__PURE__ */ l("g", { transform: `translate(${10 + r / 2}, 0)`, children: x.map((y, A) => {
+          const B = s(y), L = S.slice(0, A).reduce(V, 0) + A * 30;
+          return /* @__PURE__ */ $("g", { transform: `translate(${L}, 0)`, children: [
+            /* @__PURE__ */ l("circle", { r: B, cx: 0, cy: 0, fill: "black" }),
+            /* @__PURE__ */ l("text", { x: B + 12, y: 3, textAnchor: "start", fill: "black", fontSize: 10, children: y })
+          ] }, `legend${A}`);
+        }) })
+      ] })
+    ] }), t[0] = R, t[1] = s, t[2] = e, t[3] = p, t[4] = r, t[5] = x, t[6] = u, t[7] = W, t[8] = n, t[9] = a, t[10] = c, t[11] = d, t[12] = f, t[13] = i, t[14] = h, t[15] = o;
+  } else
+    a = t[9], c = t[10], d = t[11], f = t[12], i = t[13], h = t[14], o = t[15];
+  let m;
+  t[23] !== a || t[24] !== c || t[25] !== d || t[26] !== f || t[27] !== i || t[28] !== h ? (m = /* @__PURE__ */ $("svg", { height: a, width: c, id: d, transform: f, children: [
+    i,
+    h
+  ] }), t[23] = a, t[24] = c, t[25] = d, t[26] = f, t[27] = i, t[28] = h, t[29] = m) : m = t[29];
+  let b;
+  return t[30] !== o || t[31] !== m ? (b = /* @__PURE__ */ l("div", { style: o, children: m }), t[30] = o, t[31] = m, t[32] = b) : b = t[32], b;
+};
+function I(g, t) {
+  return g + t;
 }
-function Jt(n) {
-  return n.columnName;
+function V(g, t) {
+  return g + t;
 }
 export {
-  bt as AXIS_LABEL_GAP,
-  Bt as LEGEND_GAP,
-  Dt as MINI_MAP_HEIGHT,
-  pt as TICK_LABEL_WIDTH_SAFETY_FACTOR,
-  ft as X_AXIS_TITLE_SPACE,
-  ut as Y_AXIS_TITLE_SPACE,
-  wt as getBins,
-  dt as maxOf,
-  ce as useHeatmapLayout,
-  se as xAxisTitleCenter
+  G as default
 };
 //# sourceMappingURL=visualization.es45.js.map

package/dist/visualization.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es45.js","sources":["../src/components/Heatmap/heatmapLayout.ts"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport type { ColumnDatum, HeatmapCellId, HeatmapProps } from \"./types\";\nimport { measureTextWidth } from \"../../utility\";\nimport { getHeatmapLegendWidth } from \"./HeatmapLegend\";\nimport { getHeatmapColorScale } from \"./heatmapCellAppearance\";\nimport { cellKey, selectionMarks as markSelection, type SelectionMarks } from \"./heatmapSelection\";\nimport { type CanvasCellParams } from \"./HeatmapCanvasCells\";\nimport { AXIS_TITLE_FONT_SIZE, TICK_FONT_SIZE, TICK_FONT_FAMILY } from \"./heatmapAxisProps\";\n\nexport const LEGEND_GAP = 16;\n// Extra breathing room between the tick labels and the axis title, beyond the space\n// reserved for the tick labels themselves.\nexport const AXIS_LABEL_GAP = 12;\n// Space reserved for the axis title itself (the \"X-Axis Label\" / \"Y-Axis Label\" text), beyond\n// the tick labels. In scrollable mode this is carved out into its own always-visible pane so\n// the title can't be scrolled out of view - see yTitleWidth/xTitleHeight in HeatmapLayout.\nexport const Y_AXIS_TITLE_SPACE = 40;\nexport const X_AXIS_TITLE_SPACE = 70;\n// Canvas's measureText and the browser's actual SVG text layout don't agree to the sub-pixel,\n// and the gap widens with string length - pad generously so long tick labels aren't clipped.\nexport const TICK_LABEL_WIDTH_SAFETY_FACTOR = 1.15;\nexport const MINI_MAP_HEIGHT = 50;\n\nexport const getBins = (d: ColumnDatum) => d.rows;\n\n/**\n * Where to center the x-axis title: at `plotCenter`, pulled in just enough to stay inside a canvas\n * `canvasWidth` wide - which a plot of only a few columns can be narrower than the title.\n */\nexport function xAxisTitleCenter(title: string, plotCenter: number, canvasWidth: number): number {\n  const titleWidth = measureTextWidth(title, AXIS_TITLE_FONT_SIZE, TICK_FONT_FAMILY) * TICK_LABEL_WIDTH_SAFETY_FACTOR;\n  if (titleWidth >= canvasWidth) return canvasWidth / 2;\n  return Math.min(Math.max(plotCenter, titleWidth / 2), canvasWidth - titleWidth / 2);\n}\n\nexport function maxOf<Datum>(data: Datum[], value: (d: Datum) => number | null): number {\n  // Null counts are gaps in the data and don't participate in the max. reduce rather than\n  // Math.max(...spread): returns 0 (not -Infinity) for empty/all-null input, with no\n  // argument-count ceiling.\n  return data.reduce((max, datum) => {\n    const datumValue = value(datum);\n    return datumValue == null ? max : Math.max(max, datumValue);\n  }, 0);\n}\n\nexport interface HeatmapLayout {\n  allColNames: string[];\n  allRowNames: string[];\n  numRows: number;\n  minValue: number;\n  maxValue: number;\n  marg: { top: number; right: number; bottom: number; left: number };\n  xMax: number;\n  yMax: number;\n  viewportWidth: number;\n  viewportHeight: number;\n  yTitleWidth: number;\n  yTickLabelWidth: number;\n  xTitleHeight: number;\n  xTickLabelHeight: number;\n  binWidth: number;\n  binHeight: number;\n  colLabelHeight: number;\n  xTickLeftOverhangMax: number;\n  maxRowNameWidth: number;\n  legendWidth: number;\n  xScale: ScaleLinear<number, number, never>;\n  yScale: ScaleLinear<number, number, never>;\n  cellYScale: (row: number) => number;\n  xTickValues: number[];\n  yTickValues: number[];\n  stableColors: [string, string, ...string[]];\n  colorScale: (count: number) => string | undefined;\n  canvasCellParams: CanvasCellParams;\n  highlightRange: [number, number] | null;\n  /** The selected cells' keys - see CanvasCellParams. */\n  selectedKeys: Set<string> | null;\n  selectionMarks: SelectionMarks;\n}\n\nexport interface UseHeatmapLayoutArgs {\n  data: ColumnDatum[];\n  colorDomain?: [number, number];\n  colors: [string, string, ...string[]];\n  xLabelOrientation: NonNullable<HeatmapProps[\"xLabelOrientation\"]>;\n  margin?: { top: number; right: number; bottom: number; left: number };\n  showLegend: boolean;\n  isScrollable: boolean;\n  cellWidth?: number;\n  cellHeight?: number;\n  parentWidth: number;\n  parentHeight: number;\n  showMiniMap: boolean;\n  gap: number;\n  isRect: boolean;\n  selectedCells?: HeatmapCellId[];\n  highlightRange?: [number, number] | null;\n  /** A custom legend's width, in place of the built-in legend's. */\n  legendWidth?: number;\n}\n\nexport function useHeatmapLayout({\n  data, colorDomain, colors, xLabelOrientation, margin, showLegend, isScrollable,\n  cellWidth, cellHeight, parentWidth, parentHeight, showMiniMap, gap, isRect,\n  selectedCells, highlightRange, legendWidth: customLegendWidth,\n}: UseHeatmapLayoutArgs): HeatmapLayout {\n  const allColNames = useMemo(() => data.map((d) => d.columnName), [data]);\n  const allRowNames = useMemo(() => data[0]?.rows.map((r) => r.rowName) ?? [], [data]);\n  const dataMaxValue = useMemo(() => maxOf(data, (d) => maxOf(getBins(d), (r) => r.count)), [data]);\n  const [minValue, maxValue] = colorDomain ?? [0, dataMaxValue];\n  const numRows = useMemo(() => maxOf(data, (d) => getBins(d).length), [data]);\n\n  // Measured (not estimated) pixel width of the longest label, so any label - short or long,\n  // narrow or wide characters - gets exactly the room it needs rather than a per-character guess.\n  const maxColNameWidth = useMemo(\n    () => allColNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allColNames]\n  );\n  const maxRowNameWidth = useMemo(\n    () => allRowNames.reduce((m, name) => Math.max(m, measureTextWidth(name, TICK_FONT_SIZE, TICK_FONT_FAMILY)), 0) * TICK_LABEL_WIDTH_SAFETY_FACTOR,\n    [allRowNames]\n  );\n\n  const rotatedColNameSpace = maxColNameWidth;\n  const colLabelHeight = xLabelOrientation === \"horizontal\" ? 12 : xLabelOrientation === \"vertical\" ? rotatedColNameSpace : rotatedColNameSpace * Math.SQRT1_2;\n\n  const xTickLeftOverhangMax = xLabelOrientation === \"leftDiagonal\" ? colLabelHeight : 0;\n\n  const colorsKey = colors.join(\"\\u0000\");\n  const stableColors = useMemo(\n    () => colorsKey.split(\"\\u0000\") as [string, string, ...string[]],\n    [colorsKey]\n  );\n\n  const builtInLegendWidth = useMemo(() => getHeatmapLegendWidth(minValue, maxValue), [minValue, maxValue]);\n  const legendWidth = customLegendWidth ?? builtInLegendWidth;\n  const defaultRight = showLegend ? legendWidth + LEGEND_GAP : 10;\n  const defaultTop = 20;\n  const labelBottomSpace = colLabelHeight + AXIS_LABEL_GAP + X_AXIS_TITLE_SPACE;\n  const marg = margin ?? {\n    top: defaultTop,\n    left: maxRowNameWidth + AXIS_LABEL_GAP + Y_AXIS_TITLE_SPACE,\n    right: defaultRight,\n    bottom: labelBottomSpace + TICK_FONT_SIZE,\n  };\n\n  const miniMapSpace = isScrollable && showMiniMap ? MINI_MAP_HEIGHT : 0;\n  const availableWidth = Math.max(0, parentWidth - marg.left - marg.right);\n  const availableHeight = Math.max(0, parentHeight - marg.bottom - marg.top - miniMapSpace);\n\n  const xMax = isScrollable ? data.length * (cellWidth as number) : availableWidth;\n  const yMax = isScrollable ? numRows * (cellHeight as number) : availableHeight;\n  const viewportWidth = isScrollable ? Math.min(xMax, availableWidth) : xMax;\n  const viewportHeight = isScrollable ? Math.min(yMax, availableHeight) : yMax;\n\n  const yTitleWidth = Y_AXIS_TITLE_SPACE;\n  const yTickLabelWidth = Math.max(0, marg.left - yTitleWidth);\n  const xTitleHeight = X_AXIS_TITLE_SPACE;\n  const xTickLabelHeight = Math.max(0, marg.bottom - xTitleHeight);\n\n  const binWidth = xMax / data.length;\n  const binHeight = yMax / numRows;\n\n  const xScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, data.length], range: [0, xMax] }),\n    [data.length, xMax]\n  );\n  const yScale = useMemo(\n    () => scaleLinear<number>({ domain: [0, numRows], range: [yMax, 0] }),\n    [numRows, yMax]\n  );\n  const cellYScale = useCallback((row: number) => yScale(row + 1), [yScale]);\n\n  const xTickValues = useMemo(() => data.map((_, i) => i + 0.5), [data]);\n  const yTickValues = useMemo(() => data[0]?.rows.map((_, i) => i + 0.5) ?? [], [data]);\n\n  const colorScale = useMemo(\n    () => getHeatmapColorScale(stableColors, [minValue, maxValue]),\n    [stableColors, minValue, maxValue]\n  );\n  const selectedKeys = useMemo(\n    () => (selectedCells?.length ? new Set(selectedCells.map(cellKey)) : null),\n    [selectedCells]\n  );\n  const selectionMarks = useMemo(\n    () => markSelection(selectedKeys, data.length, numRows),\n    [selectedKeys, data.length, numRows]\n  );\n\n  // Kept by value, so a caller passing a fresh [min, max] literal on each render doesn't repaint.\n  const [highlightMin, highlightMax] = highlightRange ?? [];\n  const stableHighlightRange = useMemo<[number, number] | null>(\n    () => (highlightMin === undefined || highlightMax === undefined ? null : [highlightMin, highlightMax]),\n    [highlightMin, highlightMax]\n  );\n\n  // Everything the canvas draw loop and hit-testing need to place/color a cell. Only changes when\n  // a prop that actually affects appearance/geometry changes - never on scroll or cell hover, so\n  // drawCanvas (and, through it, handleGridScroll) keeps a stable identity across scroll events.\n  const canvasCellParams: CanvasCellParams = useMemo(\n    () => ({\n      data, numRows, xScale, cellYScale, colorScale, minValue, maxValue, gap, isRect, binWidth, binHeight,\n      yMax, selectedKeys, selectionMarks, highlightRange: stableHighlightRange,\n    }),\n    [data, numRows, xScale, cellYScale, colorScale, minValue, maxValue, gap, isRect, binWidth, binHeight, yMax, selectedKeys, selectionMarks, stableHighlightRange]\n  );\n\n  return {\n    allColNames, allRowNames, numRows, minValue, maxValue, marg, xMax, yMax,\n    viewportWidth, viewportHeight, yTitleWidth, yTickLabelWidth, xTitleHeight, xTickLabelHeight,\n    binWidth, binHeight, colLabelHeight, xTickLeftOverhangMax, maxRowNameWidth, legendWidth,\n    xScale, yScale, cellYScale, xTickValues, yTickValues, stableColors, colorScale, canvasCellParams,\n    highlightRange: stableHighlightRange, selectedKeys, selectionMarks,\n  };\n}\n"],"names":["LEGEND_GAP","AXIS_LABEL_GAP","Y_AXIS_TITLE_SPACE","X_AXIS_TITLE_SPACE","TICK_LABEL_WIDTH_SAFETY_FACTOR","MINI_MAP_HEIGHT","getBins","d","rows","xAxisTitleCenter","title","plotCenter","canvasWidth","titleWidth","measureTextWidth","AXIS_TITLE_FONT_SIZE","TICK_FONT_FAMILY","Math","min","max","maxOf","data","value","reduce","datum","datumValue","useHeatmapLayout","t0","$","_c","colorDomain","colors","xLabelOrientation","margin","showLegend","isScrollable","cellWidth","cellHeight","parentWidth","parentHeight","showMiniMap","gap","isRect","selectedCells","highlightRange","legendWidth","customLegendWidth","t1","map","_temp","allColNames","t2","_temp2","allRowNames","t3","_temp4","dataMaxValue","t4","minValue","maxValue","numRows","_temp5","maxColNameWidth","_temp6","maxRowNameWidth","_temp7","rotatedColNameSpace","colLabelHeight","SQRT1_2","xTickLeftOverhangMax","t5","join","colorsKey","t6","split","stableColors","t7","getHeatmapLegendWidth","defaultRight","labelBottomSpace","t8","top","left","right","bottom","TICK_FONT_SIZE","marg","miniMapSpace","availableWidth","availableHeight","xMax","length","yMax","viewportWidth","viewportHeight","yTickLabelWidth","xTickLabelHeight","binWidth","binHeight","t9","scaleLinear","domain","range","xScale","t10","yScale","t11","row","cellYScale","t12","_temp8","xTickValues","t13","_temp9","yTickValues","t14","getHeatmapColorScale","colorScale","t15","Set","cellKey","selectedKeys","t16","markSelection","selectionMarks","t17","highlightMin","highlightMax","t18","undefined","stableHighlightRange","t19","canvasCellParams","t20","yTitleWidth","xTitleHeight","__0","i_0","i","_","m_0","name_0","m","name","d_1","d_0","_temp3","r_0","r","count","rowName","columnName"],"mappings":"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"}
+{"version":3,"file":"visualization.es45.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":"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"}

package/dist/visualization.es450.js

@@ -1,5 +1,17 @@
-const e = (t) => /^0[^.\s]+$/u.test(t);
+import { complex as f } from "./visualization.es393.js";
+import { mixNumber as i } from "./visualization.es352.js";
+const y = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = f.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = f.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, m = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= m;
+    const s = i(n, m, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= s), typeof o[3 + r] == "number" && (o[3 + r] /= s), p(o);
+  }
+};
 export {
-  e as isZeroValueString
+  y as correctBoxShadow
 };
 //# sourceMappingURL=visualization.es450.js.map

package/dist/visualization.es450.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es450.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs"],"sourcesContent":["/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nconst isZeroValueString = (v) => /^0[^.\\s]+$/u.test(v);\n\nexport { isZeroValueString };\n//# sourceMappingURL=is-zero-value-string.mjs.map\n"],"names":["isZeroValueString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,cAAc,KAAKA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es450.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { complex } from '../../value/types/complex/index.mjs';\nimport { mixNumber } from '../../utils/mix/number.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mixNumber(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n//# sourceMappingURL=scale-box-shadow.mjs.map\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mixNumber"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAUH,GAAQC,GAAQ,GAAG;AAElD,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EAC1B;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es451.js

@@ -1,21 +1,14 @@
-import { isVariantLabel as a } from "./visualization.es452.js";
-import { variantProps as p } from "./visualization.es454.js";
-const f = p.length;
-function c(n) {
-  if (!n)
-    return;
-  if (!n.isControllingVariants) {
-    const r = n.parent ? c(n.parent) || {} : {};
-    return n.props.initial !== void 0 && (r.initial = n.props.initial), r;
+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 o = {};
-  for (let r = 0; r < f; r++) {
-    const i = p[r], t = n.props[i];
-    (a(t) || t === !1) && (o[i] = t);
-  }
-  return o;
+  const a = s.x.scale * n.x, r = s.y.scale * n.y;
+  return (a !== 1 || r !== 1) && (t += `scale(${a}, ${r})`), t || "none";
 }
 export {
-  c as getVariantContext
+  X as buildProjectionTransform
 };
 //# sourceMappingURL=visualization.es451.js.map