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

package/dist/visualization.es120.js

@@ -1,18 +1,73 @@
-import i from "./visualization.es139.js";
-import { jsx as t } from "react/jsx-runtime";
-function a(r) {
-  let {
-    className: e,
-    innerRef: c,
-    ...s
-  } = r;
-  return /* @__PURE__ */ t("circle", {
-    ref: c,
-    className: i("visx-circle", e),
-    ...s
-  });
+function x(t, c, a, r) {
+  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
+  switch (c) {
+    case "topLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: t.y0 + 10,
+        valueY: r ? t.y0 + 17 : t.y0 + 40,
+        valueX: r ? t.x1 - 6 : t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: r ? "end" : "start",
+        baseline: "hanging"
+      };
+    case "topRight":
+      return {
+        textX: t.x1 - 6,
+        textY: t.y0 + 10,
+        valueY: t.y0 + 40,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "hanging"
+      };
+    case "bottomLeft":
+      return {
+        textX: t.x0 + 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x0 + 6,
+        textAnchor: "start",
+        valueAnchor: "start",
+        baseline: "alphabetic"
+      };
+    case "bottomRight":
+      return {
+        textX: t.x1 - 6,
+        textY: a ? t.y1 - 35 : t.y1 - 15,
+        valueY: t.y1 - 15,
+        valueX: t.x1 - 6,
+        textAnchor: "end",
+        valueAnchor: "end",
+        baseline: "alphabetic"
+      };
+    default:
+      return {
+        textX: n,
+        textY: a ? e - 5 : e + 5,
+        valueY: e + 15,
+        valueX: n,
+        textAnchor: "middle",
+        valueAnchor: "middle",
+        baseline: "middle"
+      };
+  }
+}
+function l(t, c, a) {
+  const u = document.createElement("canvas").getContext("2d");
+  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
+}
+function s(t, c, a, r) {
+  const n = document.createElement("canvas").getContext("2d");
+  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
+  let e = t;
+  for (; e.length > 0 && n.measureText(e + "…").width > c; )
+    e = e.slice(0, -1);
+  return e === "" ? "" : e + "...";
 }
 export {
-  a as default
+  x as getLabelPlacement,
+  l as measureTextWidth,
+  s as truncateTextToWidth
 };
 //# sourceMappingURL=visualization.es120.js.map

package/dist/visualization.es120.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es120.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Circle.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Circle(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"circle\", {\n    ref: innerRef,\n    className: cx('visx-circle', className),\n    ...restProps\n  });\n}"],"names":["Circle","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAOC,GAAM;AACnC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,UAAU;AAAA,IACjC,KAAKF;AAAA,IACL,WAAWG,EAAG,eAAeJ,CAAS;AAAA,IACtC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es120.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}

package/dist/visualization.es121.js

@@ -1,18 +1,35 @@
-import a from "./visualization.es139.js";
-import { jsx as o } from "react/jsx-runtime";
-function c(r) {
-  let {
-    className: e,
-    innerRef: s,
-    ...t
-  } = r;
-  return /* @__PURE__ */ o("rect", {
-    ref: s,
-    className: a("visx-bar", e),
-    ...t
-  });
-}
+import { jsx as u } from "react/jsx-runtime";
+import { c as A } from "react/compiler-runtime";
+import { getAnimationProps as T } from "./visualization.es26.js";
+import { getShapePoints as W } from "./visualization.es18.js";
+import { motion as $ } from "./visualization.es31.js";
+const H = (x) => {
+  const o = A(19), {
+    pointData: h,
+    animation: e,
+    animationGroupSize: a,
+    animationBuffer: s,
+    xScaleTransformed: i,
+    yScaleTransformed: n,
+    boundedWidth: c,
+    boundedHeight: l
+  } = x;
+  let r;
+  if (o[0] !== e || o[1] !== s || o[2] !== a || o[3] !== l || o[4] !== c || o[5] !== h || o[6] !== i || o[7] !== n) {
+    let f;
+    o[9] !== e || o[10] !== s || o[11] !== a || o[12] !== l || o[13] !== c || o[14] !== i || o[15] !== n ? (f = (t, y) => {
+      const P = $.g, b = Math.floor(y / (a ?? 1)), S = T(e, b, s ?? 0.03), p = i(t.x), d = n(t.y);
+      if (p < 0 || p > c || d < 0 || d > l)
+        return null;
+      const g = t.r ?? 3, k = W(t.shape, p, d, g);
+      return /* @__PURE__ */ u(P, { ...S, children: k ? /* @__PURE__ */ u("polygon", { points: k, fill: t.color ?? "black", stroke: t.stroke, opacity: t.opacity ?? 1 }) : /* @__PURE__ */ u("circle", { cx: p, cy: d, r: g, fill: t.color ?? "black", stroke: t.stroke, opacity: t.opacity ?? 1 }) }, `pt-${y}`);
+    }, o[9] = e, o[10] = s, o[11] = a, o[12] = l, o[13] = c, o[14] = i, o[15] = n, o[16] = f) : f = o[16], r = h.map(f), o[0] = e, o[1] = s, o[2] = a, o[3] = l, o[4] = c, o[5] = h, o[6] = i, o[7] = n, o[8] = r;
+  } else
+    r = o[8];
+  let m;
+  return o[17] !== r ? (m = /* @__PURE__ */ u("g", { children: r }), o[17] = r, o[18] = m) : m = o[18], m;
+};
 export {
-  c as default
+  H as default
 };
 //# sourceMappingURL=visualization.es121.js.map

package/dist/visualization.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es121.js","sources":["../../../node_modules/.pnpm/@visx+shape@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/shape/esm/shapes/Bar.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Bar(_ref) {\n  let {\n    className,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    ref: innerRef,\n    className: cx('visx-bar', className),\n    ...restProps\n  });\n}"],"names":["Bar","_ref","className","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAIC,GAAM;AAChC,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMH;AACJ,SAAoBI,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,KAAKF;AAAA,IACL,WAAWG,EAAG,YAAYJ,CAAS;AAAA,IACnC,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es121.js","sources":["../src/components/ScatterPlot/AnimatedPoints.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { AnimationType, getAnimationProps } from \"../../utility\";\nimport { Point } from \"./types\";\nimport { getShapePoints } from \"./helpers\";\n\ntype AnimatedPointsProps<T extends object> = {\n    pointData: Point<T>[];\n    animation: AnimationType;\n    animationGroupSize?: number;\n    animationBuffer?: number;\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n};\n\nconst AnimatedPoints = <T extends object>({\n    pointData,\n    animation,\n    animationGroupSize,\n    animationBuffer,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n}: AnimatedPointsProps<T>) => (\n    <g>\n        {pointData.map((point, index) => {\n            const Wrapper = motion.g;\n            const groupIndex = Math.floor(index / (animationGroupSize ?? 1));\n            const animationProps = getAnimationProps(animation, groupIndex, animationBuffer ?? 0.03);\n            const cx = xScaleTransformed(point.x);\n            const cy = yScaleTransformed(point.y);\n            if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n            const radius = point.r ?? 3;\n            // The same vertices the canvas renderer draws from, so a point does not change shape\n            // or size as the entry animation hands over to the canvas.\n            const shapePoints = getShapePoints(point.shape, cx, cy, radius);\n            return (\n                <Wrapper key={`pt-${index}`} {...animationProps}>\n                    {shapePoints ? (\n                        <polygon\n                            points={shapePoints}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    ) : (\n                        <circle\n                            cx={cx}\n                            cy={cy}\n                            r={radius}\n                            fill={point.color ?? \"black\"}\n                            stroke={point.stroke}\n                            opacity={point.opacity ?? 1}\n                        />\n                    )}\n                </Wrapper>\n            );\n        })}\n    </g>\n);\n\nexport default AnimatedPoints;\n"],"names":["AnimatedPoints","t0","$","_c","pointData","animation","animationGroupSize","animationBuffer","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","t1","t2","point","index","Wrapper","motion","g","groupIndex","Math","floor","animationProps","getAnimationProps","cx","x","cy","y","radius","r","shapePoints","getShapePoints","shape","jsx","color","stroke","opacity","map"],"mappings":";;;;;AAkBA,MAAMA,IAAiBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAmB;AAAA,IAAAC,WAAAA;AAAAA,IAAAC,WAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,iBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,mBAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,eAAAA;AAAAA,EAAAA,IAAAV;AASjB,MAAAW;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAI,KAAAJ,EAAA,CAAA,MAAAS,KAAAT,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAM,KAAAN,SAAAO,GAAA;AAAA,QAAAI;AAAA,IAAAX,EAAA,CAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAI,KAAAJ,UAAAS,KAAAT,EAAA,EAAA,MAAAQ,KAAAR,EAAA,EAAA,MAAAM,KAAAN,EAAA,EAAA,MAAAO,KAEFI,IAAAA,CAAAC,GAAAC,MAAA;AACX,YAAAC,IAAgBC,EAAMC,GACtBC,IAAmBC,KAAIC,MAAON,KAAST,KAAA,EAAwB,GAC/DgB,IAAuBC,EAAkBlB,GAAWc,GAAYZ,KAAA,IAAuB,GACvFiB,IAAWhB,EAAkBM,EAAKW,CAAE,GACpCC,IAAWjB,EAAkBK,EAAKa,CAAE;AACpC,UAAIH,IAAK,KAAKA,IAAKd,KAAgBgB,IAAK,KAAKA,IAAKf;AAAa,eAAS;AACxE,YAAAiB,IAAed,EAAKe,KAAL,GAGfC,IAAoBC,EAAejB,EAAKkB,OAAQR,GAAIE,GAAIE,CAAM;AAAE,+BAE3DZ,GAAA,EAA0B,GAAMM,GAC5BQ,UAAAA,IACG,gBAAAG,EAAA,aACYH,QAAAA,GACF,MAAAhB,EAAKoB,SAAL,SACE,QAAApB,EAAKqB,QACJ,SAAArB,EAAKsB,WAAL,EAAA,KAGb,gBAAAH,EAAA,YACQT,IAAAA,GACAE,IAAAA,GACDE,MACG,MAAAd,EAAKoB,SAAL,SACE,QAAApB,EAAKqB,QACJ,SAAArB,EAAKsB,WAAL,GAAkB,EAAA,GAfzB,MAAMrB,CAAK,EAkBzB;AAAA,IAAU,GAEjBb,OAAAG,GAAAH,QAAAK,GAAAL,QAAAI,GAAAJ,QAAAS,GAAAT,QAAAQ,GAAAR,QAAAM,GAAAN,QAAAO,GAAAP,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAhCAU,IAAAR,EAASiC,IAAKxB,CAgCd,GAACX,OAAAG,GAAAH,OAAAK,GAAAL,OAAAI,GAAAJ,OAAAS,GAAAT,OAAAQ,GAAAR,OAAAE,GAAAF,OAAAM,GAAAN,OAAAO,GAAAP,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,MAAAW;AAAA,SAAAX,UAAAU,KAjCNC,6BACKD,UAAAA,EAAAA,CAiCL,GAAIV,QAAAU,GAAAV,QAAAW,KAAAA,IAAAX,EAAA,EAAA,GAlCJW;AAkCI;"}

package/dist/visualization.es122.js

@@ -1,29 +1,48 @@
-import { jsx as h, jsxs as g, Fragment as p } from "react/jsx-runtime";
-import { c as v } from "react/compiler-runtime";
-import { measureTextWidth as y } from "./visualization.es123.js";
-const A = (m) => {
-  const t = v(12), {
-    cx: u,
-    cy: x,
-    value: W,
-    color: r,
-    align: a
-  } = m, s = `${W}`, i = y(s, 12, "sans-serif") + 12;
-  let e = u;
-  a === "start" && (e = e + i / 2), a === "end" && (e = e - i / 2);
-  const c = e - i / 2, d = x - 10.8;
-  let o;
-  t[0] !== r || t[1] !== i || t[2] !== c || t[3] !== d ? (o = /* @__PURE__ */ h("rect", { x: c, y: d, width: i, height: 21.6, rx: 10.8, fill: r }), t[0] = r, t[1] = i, t[2] = c, t[3] = d, t[4] = o) : o = t[4];
-  const f = x + 1;
-  let l;
-  t[5] !== f || t[6] !== s || t[7] !== e ? (l = /* @__PURE__ */ h("text", { x: e, y: f, textAnchor: "middle", dominantBaseline: "middle", fill: "white", fontSize: 12, fontWeight: 500, children: s }), t[5] = f, t[6] = s, t[7] = e, t[8] = l) : l = t[8];
-  let n;
-  return t[9] !== o || t[10] !== l ? (n = /* @__PURE__ */ g(p, { children: [
-    o,
-    l
-  ] }), t[9] = o, t[10] = l, t[11] = n) : n = t[11], n;
+import { jsxs as E, jsx as b } from "react/jsx-runtime";
+import { c as $ } from "react/compiler-runtime";
+import v from "./visualization.es30.js";
+const H = (u) => {
+  const t = $(15), {
+    pointData: x,
+    xScaleTransformed: a,
+    yScaleTransformed: f,
+    boundedWidth: n,
+    boundedHeight: l,
+    margin: o
+  } = u;
+  if (!x.some(z))
+    return null;
+  const T = o.top, j = o.left;
+  let s;
+  if (t[0] !== l || t[1] !== n || t[2] !== x || t[3] !== a || t[4] !== f) {
+    let m;
+    t[6] !== l || t[7] !== n || t[8] !== a || t[9] !== f ? (m = (r, k) => {
+      if (!r.label)
+        return null;
+      const c = a(r.x), i = f(r.y);
+      if (c < 0 || c > n || i < 0 || i > l)
+        return null;
+      const p = r.label.length * 7, y = r.r ?? 3, g = Math.atan2(i - l / 2, c - n / 2);
+      let e = Math.cos(g), d = Math.sin(g);
+      const W = c + e * 15, A = e >= 0 ? W + 4 + p : W - 4 - p;
+      (A > n || A < 0) && (e = -e);
+      const M = i + d * 15;
+      (M < 0 || M > l) && (d = -d);
+      const R = c + e * 15, S = i + d * 15, w = e >= 0 ? "start" : "end";
+      return /* @__PURE__ */ E("g", { pointerEvents: "none", children: [
+        /* @__PURE__ */ b("line", { x1: c + e * y, y1: i + d * y, x2: R, y2: S, stroke: "#555", strokeWidth: 1 }),
+        /* @__PURE__ */ b("text", { x: R + (e >= 0 ? 4 : -4), y: S, textAnchor: w, dominantBaseline: "middle", fontSize: 11, fontWeight: "bold", fill: "#1c1917", children: r.label })
+      ] }, `lbl-${k}`);
+    }, t[6] = l, t[7] = n, t[8] = a, t[9] = f, t[10] = m) : m = t[10], s = x.map(m), t[0] = l, t[1] = n, t[2] = x, t[3] = a, t[4] = f, t[5] = s;
+  } else
+    s = t[5];
+  let h;
+  return t[11] !== o.left || t[12] !== o.top || t[13] !== s ? (h = /* @__PURE__ */ b(v, { top: T, left: j, children: s }), t[11] = o.left, t[12] = o.top, t[13] = s, t[14] = h) : h = t[14], h;
 };
+function z(u) {
+  return u.label;
+}
 export {
-  A as default
+  H as default
 };
 //# sourceMappingURL=visualization.es122.js.map

package/dist/visualization.es122.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es122.js","sources":["../src/components/TreeMap/ValueOval.tsx"],"sourcesContent":["import { ValueOvalProps } from \"./types\";\nimport { measureTextWidth } from \"./helpers\";\n\nconst ValueOval: React.FC<ValueOvalProps> = ({ cx, cy, value, color, align }) => {\n    const fontSize = 12;\n    const text = `${value}`;\n    const textWidth = measureTextWidth(text, fontSize, \"sans-serif\");\n    const padding = 6;\n    const ovalWidth = textWidth + padding * 2;\n    const ovalHeight = fontSize * 1.8;\n\n    let xPos = cx;\n    if (align === \"start\") xPos += ovalWidth / 2;\n    if (align === \"end\") xPos -= ovalWidth / 2;\n\n    return (\n        <>\n            <rect\n                x={xPos - ovalWidth / 2}\n                y={cy - ovalHeight / 2}\n                width={ovalWidth}\n                height={ovalHeight}\n                rx={ovalHeight / 2}\n                fill={color}\n            />\n            <text\n                x={xPos}\n                y={cy + 1}\n                textAnchor=\"middle\"\n                dominantBaseline=\"middle\"\n                fill=\"white\"\n                fontSize={fontSize}\n                fontWeight={500}\n            >\n                {text}\n            </text>\n        </>\n    );\n};\n\nexport default ValueOval;"],"names":["ValueOval","t0","$","_c","cx","cy","value","color","align","text","ovalWidth","measureTextWidth","xPos","t1","t2","t3","jsx","ovalHeight","t4","t5","fontSize","t6"],"mappings":";;;AAGA,MAAMA,IAAsCC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAC;AAAA,IAAAC,IAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAP,GAEzCQ,IAAa,GAAGH,CAAK,IAGrBI,IAFkBC,EAAiBF,GAFlB,IAEkC,YAAY,IAEjC;AAG9B,MAAAG,IAAWR;AACX,EAAII,MAAU,YAASI,IAAAA,IAAQF,IAAY,IACvCF,MAAU,UAAOI,IAAAA,IAAQF,IAAY;AAK1B,QAAAG,IAAAD,IAAOF,IAAY,GACnBI,IAAAT,IAAK;AAAc,MAAAU;AAAA,EAAAb,EAAA,CAAA,MAAAK,KAAAL,EAAA,CAAA,MAAAQ,KAAAR,EAAA,CAAA,MAAAW,KAAAX,SAAAY,KAF1BC,IAAA,gBAAAC,EAAA,QAAA,EACO,GAAAH,GACA,GAAAC,GACIJ,OAAAA,GACCO,QAZDA,MAaH,IAAA,MACEV,MAAAA,GAAK,GACbL,OAAAK,GAAAL,OAAAQ,GAAAR,OAAAW,GAAAX,OAAAY,GAAAZ,OAAAa,KAAAA,IAAAb,EAAA,CAAA;AAGK,QAAAgB,IAAAb,IAAK;AAAC,MAAAc;AAAA,EAAAjB,EAAA,CAAA,MAAAgB,KAAAhB,SAAAO,KAAAP,EAAA,CAAA,MAAAU,KAFbO,gCACOP,GAAAA,GACA,GAAAM,GACQ,YAAA,UACM,kBAAA,UACZ,MAAA,SACKE,UA3BLA,IA4BO,YAAA,KAEXX,UAAAA,GACL,GAAOP,OAAAgB,GAAAhB,OAAAO,GAAAP,OAAAU,GAAAV,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAmB;AAAA,SAAAnB,EAAA,CAAA,MAAAa,KAAAb,UAAAiB,KAnBXE,2BACIN,UAAAA;AAAAA,IAAAA;AAAAA,IAQAI;AAAAA,EAAAA,GAUO,GACRjB,OAAAa,GAAAb,QAAAiB,GAAAjB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA,GApBHmB;AAoBG;"}
+{"version":3,"file":"visualization.es122.js","sources":["../src/components/ScatterPlot/PointLabels.tsx"],"sourcesContent":["import React from \"react\";\nimport { Group } from \"@visx/group\";\nimport { ScaleLinear } from \"@visx/vendor/d3-scale\";\nimport { Point } from \"./types\";\n\ntype PointLabelsProps<T extends object> = {\n    pointData: Point<T>[];\n    xScaleTransformed: ScaleLinear<number, number, never>;\n    yScaleTransformed: ScaleLinear<number, number, never>;\n    boundedWidth: number;\n    boundedHeight: number;\n    margin: { top: number; left: number };\n};\n\nconst PointLabels = <T extends object>({\n    pointData,\n    xScaleTransformed,\n    yScaleTransformed,\n    boundedWidth,\n    boundedHeight,\n    margin,\n}: PointLabelsProps<T>) => {\n    if (!pointData.some(p => p.label)) return null;\n\n    return (\n        <Group top={margin.top} left={margin.left}>\n            {pointData.map((point, i) => {\n                if (!point.label) return null;\n                const cx = xScaleTransformed(point.x);\n                const cy = yScaleTransformed(point.y);\n                if (cx < 0 || cx > boundedWidth || cy < 0 || cy > boundedHeight) return null;\n\n                const lineLen = 15;\n                const estTextWidth = point.label.length * 7;\n                const circleR = (point.r ?? 3);\n                const angle = Math.atan2(cy - boundedHeight / 2, cx - boundedWidth / 2);\n                let cosA = Math.cos(angle);\n                let sinA = Math.sin(angle);\n\n                // Flip horizontal if text would overflow left/right\n                const lxRaw = cx + cosA * lineLen;\n                const textEndX = cosA >= 0 ? lxRaw + 4 + estTextWidth : lxRaw - 4 - estTextWidth;\n                if (textEndX > boundedWidth || textEndX < 0) cosA = -cosA;\n\n                // Flip vertical if line endpoint would overflow top/bottom\n                const lyRaw = cy + sinA * lineLen;\n                if (lyRaw < 0 || lyRaw > boundedHeight) sinA = -sinA;\n\n                const lx = cx + cosA * lineLen;\n                const ly = cy + sinA * lineLen;\n                const anchor = cosA >= 0 ? \"start\" : \"end\";\n\n                return (\n                    <g key={`lbl-${i}`} pointerEvents=\"none\">\n                        <line x1={cx + cosA * circleR} y1={cy + sinA * circleR} x2={lx} y2={ly} stroke=\"#555\" strokeWidth={1} />\n                        <text x={lx + (cosA >= 0 ? 4 : -4)} y={ly} textAnchor={anchor} dominantBaseline=\"middle\" fontSize={11} fontWeight=\"bold\" fill=\"#1c1917\">\n                            {point.label}\n                        </text>\n                    </g>\n                );\n            })}\n        </Group>\n    );\n};\n\nexport default PointLabels;\n"],"names":["PointLabels","t0","$","_c","pointData","xScaleTransformed","yScaleTransformed","boundedWidth","boundedHeight","margin","some","_temp","t1","top","t2","left","t3","t4","point","i","label","cx","x","cy","y","estTextWidth","length","circleR","r","angle","Math","atan2","cosA","cos","sinA","sin","lxRaw","textEndX","lyRaw","lx","ly","anchor","jsxs","jsx","map","Group","p"],"mappings":"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"}

package/dist/visualization.es123.js

@@ -1,73 +1,79 @@
-function x(t, c, a, r) {
-  const n = (t.x0 + t.x1) / 2, e = (t.y0 + t.y1) / 2;
-  switch (c) {
-    case "topLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: t.y0 + 10,
-        valueY: r ? t.y0 + 17 : t.y0 + 40,
-        valueX: r ? t.x1 - 6 : t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: r ? "end" : "start",
-        baseline: "hanging"
-      };
-    case "topRight":
-      return {
-        textX: t.x1 - 6,
-        textY: t.y0 + 10,
-        valueY: t.y0 + 40,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "hanging"
-      };
-    case "bottomLeft":
-      return {
-        textX: t.x0 + 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x0 + 6,
-        textAnchor: "start",
-        valueAnchor: "start",
-        baseline: "alphabetic"
-      };
-    case "bottomRight":
-      return {
-        textX: t.x1 - 6,
-        textY: a ? t.y1 - 35 : t.y1 - 15,
-        valueY: t.y1 - 15,
-        valueX: t.x1 - 6,
-        textAnchor: "end",
-        valueAnchor: "end",
-        baseline: "alphabetic"
-      };
-    default:
-      return {
-        textX: n,
-        textY: a ? e - 5 : e + 5,
-        valueY: e + 15,
-        valueX: n,
-        textAnchor: "middle",
-        valueAnchor: "middle",
-        baseline: "middle"
-      };
-  }
-}
-function l(t, c, a) {
-  const u = document.createElement("canvas").getContext("2d");
-  return u ? (u.font = `${c}px ${a}`, u.measureText(t).width) : 0;
-}
-function s(t, c, a, r) {
-  const n = document.createElement("canvas").getContext("2d");
-  if (!n || (n.font = `${a}px ${r}`, n.measureText(t).width <= c)) return t;
-  let e = t;
-  for (; e.length > 0 && n.measureText(e + "…").width > c; )
-    e = e.slice(0, -1);
-  return e === "" ? "" : e + "...";
-}
+import { jsx as l, jsxs as F, Fragment as B } from "react/jsx-runtime";
+import { c as D } from "react/compiler-runtime";
+import { useId as E } from "react";
+import J from "./visualization.es29.js";
+import K from "./visualization.es30.js";
+const U = (M) => {
+  const e = D(49), {
+    backgroundGradient: y,
+    boundedHeight: t,
+    barLeft: W,
+    marginTop: _
+  } = M, w = E();
+  let p;
+  if (e[0] !== w) {
+    let G;
+    e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (G = /:/g, e[2] = G) : G = e[2], p = w.replace(G, ""), e[0] = w, e[1] = p;
+  } else
+    p = e[1];
+  const g = `sg-${p}`;
+  let b;
+  e[3] !== y.colorScale ? (b = y.colorScale ?? ["red", "white", "blue"], e[3] = y.colorScale, e[4] = b) : b = e[4];
+  const [C, $, j] = b, {
+    label: k,
+    minLabel: S,
+    midLabel: q,
+    maxLabel: u
+  } = y.legend;
+  let o;
+  e[5] !== j ? (o = /* @__PURE__ */ l("stop", { offset: "0%", stopColor: j }), e[5] = j, e[6] = o) : o = e[6];
+  let i;
+  e[7] !== $ ? (i = /* @__PURE__ */ l("stop", { offset: "50%", stopColor: $ }), e[7] = $, e[8] = i) : i = e[8];
+  let r;
+  e[9] !== C ? (r = /* @__PURE__ */ l("stop", { offset: "100%", stopColor: C }), e[9] = C, e[10] = r) : r = e[10];
+  let s;
+  e[11] !== g || e[12] !== o || e[13] !== i || e[14] !== r ? (s = /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ F("linearGradient", { id: g, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+    o,
+    i,
+    r
+  ] }) }), e[11] = g, e[12] = o, e[13] = i, e[14] = r, e[15] = s) : s = e[15];
+  const A = `url(#${g})`;
+  let n;
+  e[16] !== t || e[17] !== A ? (n = /* @__PURE__ */ l("rect", { x: 0, y: 0, width: 16, height: t, fill: A, stroke: "#aaa", strokeWidth: 0.5 }), e[16] = t, e[17] = A, e[18] = n) : n = e[18];
+  let L;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: 0, y2: 0, stroke: "#555", strokeWidth: 1 }), e[19] = L) : L = e[19];
+  const H = t / 2, I = t / 2;
+  let c;
+  e[20] !== H || e[21] !== I ? (c = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: H, y2: I, stroke: "#555", strokeWidth: 1 }), e[20] = H, e[21] = I, e[22] = c) : c = e[22];
+  let f;
+  e[23] !== t ? (f = /* @__PURE__ */ l("line", { x1: 16, x2: 22, y1: t, y2: t, stroke: "#555", strokeWidth: 1 }), e[23] = t, e[24] = f) : f = e[24];
+  let d;
+  e[25] !== u ? (d = u && /* @__PURE__ */ l("text", { x: 26, y: 0, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: u }), e[25] = u, e[26] = d) : d = e[26];
+  const T = t / 2, v = q ?? "0";
+  let a;
+  e[27] !== T || e[28] !== v ? (a = /* @__PURE__ */ l("text", { x: 26, y: T, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: v }), e[27] = T, e[28] = v, e[29] = a) : a = e[29];
+  let m;
+  e[30] !== t || e[31] !== S ? (m = S && /* @__PURE__ */ l("text", { x: 26, y: t, dy: "0.35em", fontSize: 10, fill: "#1c1917", children: S }), e[30] = t, e[31] = S, e[32] = m) : m = e[32];
+  let x;
+  e[33] !== t || e[34] !== k ? (x = k && /* @__PURE__ */ l(J, { textAnchor: "middle", verticalAnchor: "end", angle: 90, fontSize: 14, y: t / 2, x: 0, dx: 65, children: k }), e[33] = t, e[34] = k, e[35] = x) : x = e[35];
+  let h;
+  e[36] !== W || e[37] !== _ || e[38] !== c || e[39] !== f || e[40] !== d || e[41] !== a || e[42] !== m || e[43] !== x || e[44] !== n ? (h = /* @__PURE__ */ F(K, { top: _, left: W, children: [
+    n,
+    L,
+    c,
+    f,
+    d,
+    a,
+    m,
+    x
+  ] }), e[36] = W, e[37] = _, e[38] = c, e[39] = f, e[40] = d, e[41] = a, e[42] = m, e[43] = x, e[44] = n, e[45] = h) : h = e[45];
+  let z;
+  return e[46] !== h || e[47] !== s ? (z = /* @__PURE__ */ F(B, { children: [
+    s,
+    h
+  ] }), e[46] = h, e[47] = s, e[48] = z) : z = e[48], z;
+};
 export {
-  x as getLabelPlacement,
-  l as measureTextWidth,
-  s as truncateTextToWidth
+  U as default
 };
 //# sourceMappingURL=visualization.es123.js.map

package/dist/visualization.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es123.js","sources":["../src/components/TreeMap/helpers.ts"],"sourcesContent":["import { HierarchyRectangularNode } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\n\n//get coords for label placement based on user input\nexport function getLabelPlacement(\n    node: HierarchyRectangularNode<TreemapNode<any>>,\n    placement: TreemapProps<any>[\"labelPlacement\"],\n    showValue?: boolean,\n    hasChildren?: boolean\n) {\n    const padding = 6;\n    const cx = (node.x0 + node.x1) / 2;\n    const cy = (node.y0 + node.y1) / 2;\n\n    switch (placement) {\n        case \"topLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: node.y0 + 10,\n                valueY: hasChildren ? node.y0 + 17 : node.y0 + 40,\n                valueX: hasChildren ? node.x1 - padding : node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: hasChildren ? \"end\" : \"start\",\n                baseline: \"hanging\",\n            } as const;\n        case \"topRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: node.y0 + 10,\n                valueY: node.y0 + 40,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"hanging\",\n            } as const;\n        case \"bottomLeft\":\n            return {\n                textX: node.x0 + padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15 ,\n                valueY: node.y1 - 15,\n                valueX: node.x0 + padding,\n                textAnchor: \"start\",\n                valueAnchor: \"start\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"bottomRight\":\n            return {\n                textX: node.x1 - padding,\n                textY: showValue ? node.y1 - 35 : node.y1 - 15,\n                valueY: node.y1 - 15,\n                valueX: node.x1 - padding,\n                textAnchor: \"end\",\n                valueAnchor: \"end\",\n                baseline: \"alphabetic\",\n            } as const;\n        case \"middle\":\n        default:\n            return {\n                textX: cx,\n                textY: showValue ? cy - 5 : cy + 5,\n                valueY: cy + 15,\n                valueX: cx,\n                textAnchor: \"middle\",\n                valueAnchor: \"middle\",\n                baseline: \"middle\",\n            } as const;\n    }\n}\n\n//Check if text exceeds box\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string) {\n    const canvas = document.createElement(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return 0;\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n//truncate text with ... to fit in box\nexport function truncateTextToWidth(\n  text: string,\n  maxWidth: number,\n  fontSize: number,\n  fontFamily: string\n): string {\n  const canvas = document.createElement(\"canvas\");\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return text;\n\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  if (ctx.measureText(text).width <= maxWidth) return text;\n\n  let truncated = text;\n  while (truncated.length > 0 && ctx.measureText(truncated + \"…\").width > maxWidth) {\n    truncated = truncated.slice(0, -1);\n  }\n\n  const result = truncated === \"\" ? \"\" : truncated + \"...\"\n\n  return result;\n}\n"],"names":["getLabelPlacement","node","placement","showValue","hasChildren","cx","x0","x1","cy","y0","y1","textX","padding","textY","valueY","valueX","textAnchor","valueAnchor","baseline","measureTextWidth","text","fontSize","fontFamily","ctx","document","createElement","getContext","font","measureText","width","truncateTextToWidth","maxWidth","truncated","length","slice"],"mappings":"AAIO,SAASA,EACZC,GACAC,GACAC,GACAC,GACF;AAEE,QAAMC,KAAMJ,EAAKK,KAAKL,EAAKM,MAAM,GAC3BC,KAAMP,EAAKQ,KAAKR,EAAKS,MAAM;AAEjC,UAAQR,GAAAA;AAAAA,IACJ,KAAK;AACD,aAAO;AAAA,QACHS,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQV,IAAcH,EAAKQ,KAAK,KAAKR,EAAKQ,KAAK;AAAA,QAC/CM,QAAQX,IAAcH,EAAKM,KAAKK,IAAUX,EAAKK,KAAKM;AAAAA,QACpDI,YAAY;AAAA,QACZC,aAAab,IAAc,QAAQ;AAAA,QACnCc,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOZ,EAAKQ,KAAK;AAAA,QACjBK,QAAQb,EAAKQ,KAAK;AAAA,QAClBM,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKK,KAAKM;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKK,KAAKM;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAElB,KAAK;AACD,aAAO;AAAA,QACHP,OAAOV,EAAKM,KAAKK;AAAAA,QACjBC,OAAOV,IAAYF,EAAKS,KAAK,KAAKT,EAAKS,KAAK;AAAA,QAC5CI,QAAQb,EAAKS,KAAK;AAAA,QAClBK,QAAQd,EAAKM,KAAKK;AAAAA,QAClBI,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,IAGlB;AACI,aAAO;AAAA,QACHP,OAAON;AAAAA,QACPQ,OAAOV,IAAYK,IAAK,IAAIA,IAAK;AAAA,QACjCM,QAAQN,IAAK;AAAA,QACbO,QAAQV;AAAAA,QACRW,YAAY;AAAA,QACZC,aAAa;AAAA,QACbC,UAAU;AAAA,MAAA;AAAA,EACd;AAEZ;AAGO,SAASC,EAAiBC,GAAcC,GAAkBC,GAAoB;AAEjF,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAClC,SAAKH,KACLA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAC/BC,EAAIK,YAAYR,CAAI,EAAES,SAFZ;AAGrB;AAGO,SAASC,EACdV,GACAW,GACAV,GACAC,GACQ;AAER,QAAMC,IADSC,SAASC,cAAc,QAAQ,EAC3BC,WAAW,IAAI;AAIlC,MAHI,CAACH,MAELA,EAAII,OAAO,GAAGN,CAAQ,MAAMC,CAAU,IAClCC,EAAIK,YAAYR,CAAI,EAAES,SAASE,GAAU,QAAOX;AAEpD,MAAIY,IAAYZ;AAChB,SAAOY,EAAUC,SAAS,KAAKV,EAAIK,YAAYI,IAAY,GAAG,EAAEH,QAAQE;AACtEC,IAAAA,IAAYA,EAAUE,MAAM,GAAG,EAAE;AAKnC,SAFeF,MAAc,KAAK,KAAKA,IAAY;AAGrD;"}
+{"version":3,"file":"visualization.es123.js","sources":["../src/components/ScatterPlot/GradientLegend.tsx"],"sourcesContent":["import React, { useId } from \"react\";\nimport { Group } from \"@visx/group\";\nimport { Text } from \"@visx/text\";\nimport { BackgroundGradient } from \"./types\";\n\ntype GradientLegendProps = {\n    backgroundGradient: BackgroundGradient;\n    boundedHeight: number;\n    barLeft: number;\n    marginTop: number;\n};\n\nconst GradientLegend = ({ backgroundGradient, boundedHeight, barLeft, marginTop }: GradientLegendProps) => {\n    const gradId = `sg-${useId().replace(/:/g, \"\")}`;\n    const [colorLow, colorMid, colorHigh] = backgroundGradient.colorScale ?? [\"red\", \"white\", \"blue\"];\n    const { label, minLabel, midLabel, maxLabel } = backgroundGradient.legend!;\n\n    return (\n        <>\n            <defs>\n                <linearGradient id={gradId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                    <stop offset=\"0%\" stopColor={colorHigh} />\n                    <stop offset=\"50%\" stopColor={colorMid} />\n                    <stop offset=\"100%\" stopColor={colorLow} />\n                </linearGradient>\n            </defs>\n            <Group top={marginTop} left={barLeft}>\n                <rect x={0} y={0} width={16} height={boundedHeight} fill={`url(#${gradId})`} stroke=\"#aaa\" strokeWidth={0.5} />\n                <line x1={16} x2={22} y1={0} y2={0} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight / 2} y2={boundedHeight / 2} stroke=\"#555\" strokeWidth={1} />\n                <line x1={16} x2={22} y1={boundedHeight} y2={boundedHeight} stroke=\"#555\" strokeWidth={1} />\n                {maxLabel && <text x={26} y={0} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{maxLabel}</text>}\n                <text x={26} y={boundedHeight / 2} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{midLabel ?? \"0\"}</text>\n                {minLabel && <text x={26} y={boundedHeight} dy=\"0.35em\" fontSize={10} fill=\"#1c1917\">{minLabel}</text>}\n                {label && (\n                    <Text textAnchor=\"middle\" verticalAnchor=\"end\" angle={90} fontSize={14} y={boundedHeight / 2} x={0} dx={65}>\n                        {label}\n                    </Text>\n                )}\n            </Group>\n        </>\n    );\n};\n\nexport default GradientLegend;\n"],"names":["GradientLegend","t0","$","_c","backgroundGradient","boundedHeight","barLeft","marginTop","t1","useId","t2","t3","Symbol","for","replace","gradId","colorScale","colorLow","colorMid","colorHigh","label","minLabel","midLabel","maxLabel","legend","t4","jsx","t5","t6","t7","jsxs","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","Text","t21","Group","t22"],"mappings":"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"}

package/dist/visualization.es124.js

@@ -1,58 +1,28 @@
-import { jsx as d, jsxs as H } from "react/jsx-runtime";
-import { c as M } from "react/compiler-runtime";
-import { useId as O } from "react";
-import { measureTextWidth as R } from "./visualization.es24.js";
-import V from "./visualization.es26.js";
-import j from "./visualization.es28.js";
-const m = 14, E = 6, G = 4, B = 11, C = "sans-serif", D = 5, N = (o) => o % 1 === 0 ? String(o) : o.toFixed(1), $ = (o, t) => Array.from({
-  length: D
-}, (n, s) => o + s * (t - o) / (D - 1)), K = 1.15, P = 6, Q = (o, t) => {
-  const n = Math.max(...$(o, t).map((s) => R(N(s), B, C)));
-  return m + G + E + n * K + P;
-}, X = (o) => {
-  const t = M(22), {
-    colors: n,
-    minValue: s,
-    maxValue: f,
-    length: h,
-    orientation: W
-  } = o, b = W === void 0 ? "vertical" : W, _ = O();
-  let g;
-  if (t[0] !== _) {
-    let i;
-    t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /:/g, t[2] = i) : i = t[2], g = _.replace(i, ""), t[0] = _, t[1] = g;
-  } else
-    g = t[1];
-  const c = `heatmap-legend-gradient-${g}`, e = b === "horizontal";
-  let p;
-  if (t[3] !== n || t[4] !== c || t[5] !== e || t[6] !== h || t[7] !== f || t[8] !== s) {
-    const i = $(s, f), z = V({
-      domain: e ? [s, f] : [f, s],
-      range: [0, h]
-    }), A = e ? "1" : "0", I = e ? "0" : "1";
-    let l;
-    t[10] !== n || t[11] !== e ? (l = n.map((F, r) => /* @__PURE__ */ d("stop", { offset: `${r / (n.length - 1) * 100}%`, stopColor: e ? n[r] : n[n.length - 1 - r] }, r)), t[10] = n, t[11] = e, t[12] = l) : l = t[12];
-    let x;
-    t[13] !== c || t[14] !== A || t[15] !== I || t[16] !== l ? (x = /* @__PURE__ */ d("defs", { children: /* @__PURE__ */ d("linearGradient", { id: c, x1: "0", y1: "0", x2: A, y2: I, children: l }) }), t[13] = c, t[14] = A, t[15] = I, t[16] = l, t[17] = x) : x = t[17];
-    const y = e ? h : m, L = e ? m : h, u = `url(#${c})`;
-    let T;
-    t[18] !== L || t[19] !== u || t[20] !== y ? (T = /* @__PURE__ */ d("rect", { x: 0, y: 0, width: y, height: L, fill: u, rx: 2 }), t[18] = L, t[19] = u, t[20] = y, t[21] = T) : T = t[21], p = /* @__PURE__ */ H(j, { children: [
-      x,
-      T,
-      i.map((F, r) => {
-        const a = z(F), S = m + G, k = S + E;
-        return /* @__PURE__ */ H("g", { children: [
-          /* @__PURE__ */ d("line", { x1: e ? a : m, x2: e ? a : S, y1: e ? m : a, y2: e ? S : a, stroke: "#4d4f52", strokeWidth: 1 }),
-          /* @__PURE__ */ d("text", { x: e ? a : k, y: e ? k : a, dominantBaseline: e ? "hanging" : "middle", textAnchor: !e || r === 0 ? "start" : r === i.length - 1 ? "end" : "middle", fontSize: B, fontFamily: C, fill: "#4d4f52", children: N(F) })
-        ] }, r);
-      })
-    ] }), t[3] = n, t[4] = c, t[5] = e, t[6] = h, t[7] = f, t[8] = s, t[9] = p;
-  } else
-    p = t[9];
-  return p;
+import { jsx as l, jsxs as R, Fragment as y } from "react/jsx-runtime";
+import { c as f } from "react/compiler-runtime";
+const c = "#666", d = 1, S = [2, 2], H = (h) => {
+  const t = f(11), {
+    position: x,
+    boundedWidth: e,
+    boundedHeight: o
+  } = h, {
+    x: s,
+    y: n
+  } = x;
+  let r;
+  t[0] !== o || t[1] !== e || t[2] !== n ? (r = n >= 0 && n <= o && /* @__PURE__ */ l("line", { x1: 0, x2: e, y1: n, y2: n, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[0] = o, t[1] = e, t[2] = n, t[3] = r) : r = t[3];
+  let i;
+  t[4] !== o || t[5] !== e || t[6] !== s ? (i = s >= 0 && s <= e && /* @__PURE__ */ l("line", { x1: s, x2: s, y1: 0, y2: o, stroke: c, strokeWidth: d, strokeDasharray: S.join(","), pointerEvents: "none" }), t[4] = o, t[5] = e, t[6] = s, t[7] = i) : i = t[7];
+  let a;
+  return t[8] !== r || t[9] !== i ? (a = /* @__PURE__ */ R(y, { children: [
+    r,
+    i
+  ] }), t[8] = r, t[9] = i, t[10] = a) : a = t[10], a;
 };
 export {
-  X as default,
-  Q as getHeatmapLegendWidth
+  S as CROSSHAIR_DASH,
+  c as CROSSHAIR_STROKE,
+  d as CROSSHAIR_STROKE_WIDTH,
+  H as default
 };
 //# sourceMappingURL=visualization.es124.js.map