@weng-lab/visualization 2.2.2 → 2.3.1

package/dist/visualization.es87.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es87.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/binary.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      i, n = nodes.length,\n      sum, sums = new Array(n + 1);\n\n  for (sums[0] = sum = i = 0; i < n; ++i) {\n    sums[i + 1] = sum += nodes[i].value;\n  }\n\n  partition(0, n, parent.value, x0, y0, x1, y1);\n\n  function partition(i, j, value, x0, y0, x1, y1) {\n    if (i >= j - 1) {\n      var node = nodes[i];\n      node.x0 = x0, node.y0 = y0;\n      node.x1 = x1, node.y1 = y1;\n      return;\n    }\n\n    var valueOffset = sums[i],\n        valueTarget = (value / 2) + valueOffset,\n        k = i + 1,\n        hi = j - 1;\n\n    while (k < hi) {\n      var mid = k + hi >>> 1;\n      if (sums[mid] < valueTarget) k = mid + 1;\n      else hi = mid;\n    }\n\n    if ((valueTarget - sums[k - 1]) < (sums[k] - valueTarget) && i + 1 < k) --k;\n\n    var valueLeft = sums[k] - valueOffset,\n        valueRight = value - valueLeft;\n\n    if ((x1 - x0) > (y1 - y0)) {\n      var xk = (x0 * valueRight + x1 * valueLeft) / value;\n      partition(i, k, valueLeft, x0, y0, xk, y1);\n      partition(k, j, valueRight, xk, y0, x1, y1);\n    } else {\n      var yk = (y0 * valueRight + y1 * valueLeft) / value;\n      partition(i, k, valueLeft, x0, y0, x1, yk);\n      partition(k, j, valueRight, x0, yk, x1, y1);\n    }\n  }\n}\n"],"names":["treemapBinary","parent","x0","y0","x1","y1","nodes","i","n","sum","sums","partition","j","value","node","valueOffset","valueTarget","k","hi","mid","valueLeft","valueRight","xk","yk"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAC9C,MAAIC,IAAQL,EAAO,UACfM,GAAGC,IAAIF,EAAM,QACbG,GAAKC,IAAO,IAAI,MAAMF,IAAI,CAAC;AAE/B,OAAKE,EAAK,CAAC,IAAID,IAAMF,IAAI,GAAGA,IAAIC,GAAG,EAAED;AACnC,IAAAG,EAAKH,IAAI,CAAC,IAAIE,KAAOH,EAAMC,CAAC,EAAE;AAGhC,EAAAI,EAAU,GAAGH,GAAGP,EAAO,OAAOC,GAAIC,GAAIC,GAAIC,CAAE;AAE5C,WAASM,EAAUJ,GAAGK,GAAGC,GAAOX,GAAIC,GAAIC,GAAIC,GAAI;AAC9C,QAAIE,KAAKK,IAAI,GAAG;AACd,UAAIE,IAAOR,EAAMC,CAAC;AAClB,MAAAO,EAAK,KAAKZ,GAAIY,EAAK,KAAKX,GACxBW,EAAK,KAAKV,GAAIU,EAAK,KAAKT;AACxB;AAAA,IACF;AAOA,aALIU,IAAcL,EAAKH,CAAC,GACpBS,IAAeH,IAAQ,IAAKE,GAC5BE,IAAIV,IAAI,GACRW,IAAKN,IAAI,GAENK,IAAIC,KAAI;AACb,UAAIC,IAAMF,IAAIC,MAAO;AACrB,MAAIR,EAAKS,CAAG,IAAIH,IAAaC,IAAIE,IAAM,IAClCD,IAAKC;AAAA,IACZ;AAEA,IAAKH,IAAcN,EAAKO,IAAI,CAAC,IAAMP,EAAKO,CAAC,IAAID,KAAgBT,IAAI,IAAIU,KAAG,EAAEA;AAE1E,QAAIG,IAAYV,EAAKO,CAAC,IAAIF,GACtBM,IAAaR,IAAQO;AAEzB,QAAKhB,IAAKF,IAAOG,IAAKF,GAAK;AACzB,UAAImB,KAAMpB,IAAKmB,IAAajB,IAAKgB,KAAaP;AAC9C,MAAAF,EAAUJ,GAAGU,GAAGG,GAAWlB,GAAIC,GAAImB,GAAIjB,CAAE,GACzCM,EAAUM,GAAGL,GAAGS,GAAYC,GAAInB,GAAIC,GAAIC,CAAE;AAAA,IAC5C,OAAO;AACL,UAAIkB,KAAMpB,IAAKkB,IAAahB,IAAKe,KAAaP;AAC9C,MAAAF,EAAUJ,GAAGU,GAAGG,GAAWlB,GAAIC,GAAIC,GAAImB,CAAE,GACzCZ,EAAUM,GAAGL,GAAGS,GAAYnB,GAAIqB,GAAInB,GAAIC,CAAE;AAAA,IAC5C;AAAA,EACF;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es87.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;"}

package/dist/visualization.es88.js

@@ -1,34 +1,73 @@
-import S from "./visualization.es86.js";
-import g from "./visualization.es84.js";
-var k = (1 + Math.sqrt(5)) / 2;
-function D(w, d, i, a, l, f) {
-  for (var p = [], t = d.children, v, u, q = 0, r = 0, M = t.length, m, c, o = d.value, e, h, s, V, R, b, n; q < M; ) {
-    m = l - i, c = f - a;
-    do
-      e = t[r++].value;
-    while (!e && r < M);
-    for (h = s = e, b = Math.max(c / m, m / c) / (o * w), n = e * e * b, R = Math.max(s / n, n / h); r < M; ++r) {
-      if (e += u = t[r].value, u < h && (h = u), u > s && (s = u), n = e * e * b, V = Math.max(s / n, n / h), V > R) {
-        e -= u;
-        break;
-      }
-      R = V;
-    }
-    p.push(v = { value: e, dice: m < c, children: t.slice(q, r) }), v.dice ? S(v, i, a, l, o ? a += c * e / o : f) : g(v, i, a, o ? i += m * e / o : l, f), o -= e, q = r;
+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"
+      };
   }
-  return p;
 }
-const A = (function w(d) {
-  function i(a, l, f, p, t) {
-    D(d, a, l, f, p, t);
-  }
-  return i.ratio = function(a) {
-    return w((a = +a) > 1 ? a : 1);
-  }, i;
-})(k);
+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,
-  k as phi,
-  D as squarifyRatio
+  x as getLabelPlacement,
+  l as measureTextWidth,
+  s as truncateTextToWidth
 };
 //# sourceMappingURL=visualization.es88.js.map

package/dist/visualization.es88.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es88.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/squarify.js"],"sourcesContent":["import treemapDice from \"./dice.js\";\nimport treemapSlice from \"./slice.js\";\n\nexport var phi = (1 + Math.sqrt(5)) / 2;\n\nexport function squarifyRatio(ratio, parent, x0, y0, x1, y1) {\n  var rows = [],\n      nodes = parent.children,\n      row,\n      nodeValue,\n      i0 = 0,\n      i1 = 0,\n      n = nodes.length,\n      dx, dy,\n      value = parent.value,\n      sumValue,\n      minValue,\n      maxValue,\n      newRatio,\n      minRatio,\n      alpha,\n      beta;\n\n  while (i0 < n) {\n    dx = x1 - x0, dy = y1 - y0;\n\n    // Find the next non-empty node.\n    do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);\n    minValue = maxValue = sumValue;\n    alpha = Math.max(dy / dx, dx / dy) / (value * ratio);\n    beta = sumValue * sumValue * alpha;\n    minRatio = Math.max(maxValue / beta, beta / minValue);\n\n    // Keep adding nodes while the aspect ratio maintains or improves.\n    for (; i1 < n; ++i1) {\n      sumValue += nodeValue = nodes[i1].value;\n      if (nodeValue < minValue) minValue = nodeValue;\n      if (nodeValue > maxValue) maxValue = nodeValue;\n      beta = sumValue * sumValue * alpha;\n      newRatio = Math.max(maxValue / beta, beta / minValue);\n      if (newRatio > minRatio) { sumValue -= nodeValue; break; }\n      minRatio = newRatio;\n    }\n\n    // Position and record the row orientation.\n    rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});\n    if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);\n    else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);\n    value -= sumValue, i0 = i1;\n  }\n\n  return rows;\n}\n\nexport default (function custom(ratio) {\n\n  function squarify(parent, x0, y0, x1, y1) {\n    squarifyRatio(ratio, parent, x0, y0, x1, y1);\n  }\n\n  squarify.ratio = function(x) {\n    return custom((x = +x) > 1 ? x : 1);\n  };\n\n  return squarify;\n})(phi);\n"],"names":["phi","squarifyRatio","ratio","parent","x0","y0","x1","y1","rows","nodes","row","nodeValue","i0","i1","n","dx","dy","value","sumValue","minValue","maxValue","newRatio","minRatio","alpha","beta","treemapDice","treemapSlice","treemapSquarify","custom","squarify","x"],"mappings":";;AAGU,IAACA,KAAO,IAAI,KAAK,KAAK,CAAC,KAAK;AAE/B,SAASC,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAkB3D,WAjBIC,IAAO,CAAA,GACPC,IAAQN,EAAO,UACfO,GACAC,GACAC,IAAK,GACLC,IAAK,GACLC,IAAIL,EAAM,QACVM,GAAIC,GACJC,IAAQd,EAAO,OACfe,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GAEGZ,IAAKE,KAAG;AACb,IAAAC,IAAKT,IAAKF,GAAIY,IAAKT,IAAKF;AAGxB;AAAG,MAAAa,IAAWT,EAAMI,GAAI,EAAE;AAAA,WAAc,CAACK,KAAYL,IAAKC;AAO1D,SANAK,IAAWC,IAAWF,GACtBK,IAAQ,KAAK,IAAIP,IAAKD,GAAIA,IAAKC,CAAE,KAAKC,IAAQf,IAC9CsB,IAAON,IAAWA,IAAWK,GAC7BD,IAAW,KAAK,IAAIF,IAAWI,GAAMA,IAAOL,CAAQ,GAG7CN,IAAKC,GAAG,EAAED,GAAI;AAMnB,UALAK,KAAYP,IAAYF,EAAMI,CAAE,EAAE,OAC9BF,IAAYQ,MAAUA,IAAWR,IACjCA,IAAYS,MAAUA,IAAWT,IACrCa,IAAON,IAAWA,IAAWK,GAC7BF,IAAW,KAAK,IAAID,IAAWI,GAAMA,IAAOL,CAAQ,GAChDE,IAAWC,GAAU;AAAE,QAAAJ,KAAYP;AAAW;AAAA,MAAO;AACzD,MAAAW,IAAWD;AAAA,IACb;AAGA,IAAAb,EAAK,KAAKE,IAAM,EAAC,OAAOQ,GAAU,MAAMH,IAAKC,GAAI,UAAUP,EAAM,MAAMG,GAAIC,CAAE,EAAC,CAAC,GAC3EH,EAAI,OAAMe,EAAYf,GAAKN,GAAIC,GAAIC,GAAIW,IAAQZ,KAAMW,IAAKE,IAAWD,IAAQV,CAAE,IAC9EmB,EAAahB,GAAKN,GAAIC,GAAIY,IAAQb,KAAMW,IAAKG,IAAWD,IAAQX,GAAIC,CAAE,GAC3EU,KAASC,GAAUN,IAAKC;AAAA,EAC1B;AAEA,SAAOL;AACT;AAEA,MAAAmB,KAAgB,SAASC,EAAO1B,GAAO;AAErC,WAAS2B,EAAS1B,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AACxC,IAAAN,EAAcC,GAAOC,GAAQC,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EAC7C;AAEA,SAAAsB,EAAS,QAAQ,SAASC,GAAG;AAC3B,WAAOF,GAAQE,IAAI,CAACA,KAAK,IAAIA,IAAI,CAAC;AAAA,EACpC,GAEOD;AACT,GAAG7B,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es88.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.es89.js

@@ -1,9 +1,8 @@
-import { j as o } from "./visualization.es18.js";
-import t from "./visualization.es162.js";
-const s = t(/* @__PURE__ */ o.jsx("path", {
-  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"
-}), "InfoOutlined");
+import { getDefaultExportFromCjs as o } from "./visualization.es470.js";
+import { __require as r } from "./visualization.es173.js";
+var t = r();
+const d = /* @__PURE__ */ o(t);
 export {
-  s as default
+  d as default
 };
 //# sourceMappingURL=visualization.es89.js.map

package/dist/visualization.es89.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es89.js","sources":["../../../node_modules/.pnpm/@mui+icons-material@7.3.9_@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2._dc2be6bc014bebdac88a574e3e02c144/node_modules/@mui/icons-material/esm/InfoOutlined.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from \"./utils/createSvgIcon.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon(/*#__PURE__*/_jsx(\"path\", {\n  d: \"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8\"\n}), 'InfoOutlined');"],"names":["InfoOutlinedIcon","createSvgIcon","_jsx"],"mappings":";;AAIA,MAAAA,IAAeC,EAA2BC,gBAAAA,EAAAA,IAAK,QAAQ;AAAA,EACrD,GAAG;AACL,CAAC,GAAG,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es89.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/visualization.es9.js

@@ -1,47 +1,47 @@
-import { j as m } from "./visualization.es18.js";
-import { useState as x, useRef as z, useImperativeHandle as N } from "react";
-import P from "./visualization.es80.js";
-import { downloadSVGAsPNG as b, downloadAsSVG as H, getAnimationProps as G } from "./visualization.es20.js";
-import { useResponsiveParentSize as I } from "./visualization.es16.js";
-import k from "./visualization.es81.js";
-import { ResponsiveContainer as B } from "./visualization.es13.js";
-import E from "./visualization.es82.js";
-import W from "./visualization.es83.js";
-import A from "./visualization.es84.js";
-import C from "./visualization.es85.js";
-import O from "./visualization.es86.js";
-import T from "./visualization.es87.js";
-import V from "./visualization.es88.js";
-import { motion as Y } from "./visualization.es56.js";
+import { jsx as m } from "react/jsx-runtime";
+import { useState as N, useRef as P, useImperativeHandle as b } from "react";
+import H from "./visualization.es32.js";
+import { downloadSVGAsPNG as G, downloadAsSVG as I, getAnimationProps as k } from "./visualization.es20.js";
+import { useResponsiveParentSize as B } from "./visualization.es16.js";
+import W from "./visualization.es33.js";
+import { ResponsiveContainer as A } from "./visualization.es13.js";
+import C from "./visualization.es34.js";
+import E from "./visualization.es35.js";
+import O from "./visualization.es36.js";
+import T from "./visualization.es37.js";
+import V from "./visualization.es38.js";
+import Y from "./visualization.es39.js";
+import j from "./visualization.es40.js";
+import { motion as q } from "./visualization.es25.js";
 const re = (t) => {
   const {
     parentRef: u,
     containerStyle: g,
     width: p,
     height: f
-  } = I({
+  } = B({
     width: t.width,
     height: t.height
-  }), [y, v] = x(null), d = z(null), S = k({
+  }), [y, v] = N(null), d = P(null), S = W({
     label: "root",
     value: 0,
     children: t.data
   }).sum((i) => i.value).sort((i, a) => (a.value || 0) - (i.value || 0)), w = {
-    treemapSquarify: V,
-    treemapBinary: T,
-    treemapDice: O,
-    treemapResquarify: C,
-    treemapSlice: A,
-    treemapSliceDice: W
-  }, e = t.treemapStyle ?? {}, R = e.paddingInner !== void 0 ? e.paddingInner : e.padding !== void 0 ? e.padding : 0, j = e.paddingOuter !== void 0 ? e.paddingOuter : e.padding !== void 0 ? e.padding : 0;
-  return N(t.ref, () => ({
+    treemapSquarify: j,
+    treemapBinary: Y,
+    treemapDice: V,
+    treemapResquarify: T,
+    treemapSlice: O,
+    treemapSliceDice: E
+  }, e = t.treemapStyle ?? {}, R = e.paddingInner !== void 0 ? e.paddingInner : e.padding !== void 0 ? e.padding : 0, z = e.paddingOuter !== void 0 ? e.paddingOuter : e.padding !== void 0 ? e.padding : 0;
+  return b(t.ref, () => ({
     downloadSVG: () => {
-      d.current && H(d.current, t.downloadFileName ?? "tree_map.svg");
+      d.current && I(d.current, t.downloadFileName ?? "tree_map.svg");
     },
     downloadPNG: () => {
-      d.current && b(d.current, t.downloadFileName ?? "tree_map.png");
+      d.current && G(d.current, t.downloadFileName ?? "tree_map.png");
     }
-  })), /* @__PURE__ */ m.jsx(B, { parentRef: u, containerStyle: g, children: /* @__PURE__ */ m.jsx("svg", { width: p, height: f, ref: d, children: /* @__PURE__ */ m.jsx(E, { root: S, size: [p, f], paddingInner: R, paddingOuter: j, tile: w[t.tileMethod ?? "treemapBinary"], children: (i) => {
+  })), /* @__PURE__ */ m(A, { parentRef: u, containerStyle: g, children: /* @__PURE__ */ m("svg", { width: p, height: f, ref: d, children: /* @__PURE__ */ m(C, { root: S, size: [p, f], paddingInner: R, paddingOuter: z, tile: w[t.tileMethod ?? "treemapBinary"], children: (i) => {
     const a = e.fontSize ? e.fontSize * 2 : 32, h = (r) => {
       if (!r.children || r.children.length === 0) return;
       const n = r.y0, l = r.y1 - n;
@@ -52,8 +52,8 @@ const re = (t) => {
       }), r.children.forEach(h);
     };
     return i.children && i.children.forEach(h), i.descendants().filter((r) => r.depth > 0).map((r, n) => {
-      const s = r.ancestors().map((o) => o.data.label).join("/"), l = t.animation ? Y.g : "g", c = G(t.animation, n);
-      return /* @__PURE__ */ m.jsx(l, { ...c, children: /* @__PURE__ */ m.jsx(P, { node: r, isHovered: y === s, onHover: (o) => v(o ? s : null), strokeWidth: e.strokeWidth ?? 0, opacity: e.opacity ?? 0.3, borderRadius: e.borderRadius ?? 0, fontSize: e.fontSize ?? 16, labelPlacement: t.labelPlacement ?? "topLeft", tooltipBody: t.tooltipBody, onNodeClicked: t.onNodeClicked }) }, `node-${n}`);
+      const s = r.ancestors().map((o) => o.data.label).join("/"), l = t.animation ? q.g : "g", c = k(t.animation, n);
+      return /* @__PURE__ */ m(l, { ...c, children: /* @__PURE__ */ m(H, { node: r, isHovered: y === s, onHover: (o) => v(o ? s : null), strokeWidth: e.strokeWidth ?? 0, opacity: e.opacity ?? 0.3, borderRadius: e.borderRadius ?? 0, fontSize: e.fontSize ?? 16, labelPlacement: t.labelPlacement ?? "topLeft", tooltipBody: t.tooltipBody, onNodeClicked: t.onNodeClicked }) }, `node-${n}`);
     });
   } }) }) });
 };

package/dist/visualization.es9.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es9.js","sources":["../src/components/TreeMap/TreeMap.tsx"],"sourcesContent":["import { useImperativeHandle, useRef, useState } from \"react\";\nimport { Treemap as VisxTreemap, hierarchy, treemapBinary, treemapDice, treemapResquarify, treemapSlice, treemapSliceDice, treemapSquarify, TileMethod } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\nimport SingleNode from \"./SingleNode\";\nimport { motion } from \"framer-motion\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\n\nconst Treemap = <T extends object>(\n    props: TreemapProps<T>,\n) => {\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const [hovered, setHovered] = useState<string | null>(null);\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    // wrap the array in a root node\n    const root = hierarchy({ label: \"root\", value: 0, children: props.data })\n        .sum((d) => d.value)\n        .sort((a, b) => (b.value || 0) - (a.value || 0));\n\n    const tileMethods: { [tile: string]: TileMethod<TreemapNode<T>> } = {\n        treemapSquarify,\n        treemapBinary,\n        treemapDice,\n        treemapResquarify,\n        treemapSlice,\n        treemapSliceDice,\n    };\n\n    const style = props.treemapStyle ?? {};\n\n    const paddingInner =\n        style.paddingInner !== undefined\n            ? style.paddingInner\n            : style.padding !== undefined\n                ? style.padding\n                : 0;\n\n    const paddingOuter =\n        style.paddingOuter !== undefined\n            ? style.paddingOuter\n            : style.padding !== undefined\n                ? style.padding\n                : 0;\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"tree_map.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"tree_map.png\");\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n                <VisxTreemap<TreemapNode<T>>\n                    root={root}\n                    size={[parentWidth, parentHeight]}\n                    paddingInner={paddingInner}\n                    paddingOuter={paddingOuter}\n                    tile={tileMethods[props.tileMethod ?? \"treemapBinary\"]}\n                >\n                    {(treemap) => {\n                        const spacerSize = style.fontSize ? style.fontSize * 2 : 32;\n\n                        // Helper: remap children Y coordinates so they occupy [parentY0+H, parentY1]\n                        const applyTopSpacer = (node: any) => {\n                            if (!node.children || node.children.length === 0) return;\n                            const parentY0 = node.y0;\n                            const parentY1 = node.y1;\n                            const parentHeight = parentY1 - parentY0;\n\n                            // If parent is too short, skip to avoid negative sizes\n                            if (parentHeight <= spacerSize + 1) return;\n\n                            const scale = (parentHeight - spacerSize) / parentHeight;\n\n                            node.children.forEach((child: any) => {\n                                // map child's Y range from [parentY0,parentY1] -> [parentY0+H, parentY1]\n                                child.y0 = parentY0 + spacerSize + (child.y0 - parentY0) * scale;\n                                child.y1 = parentY0 + spacerSize + (child.y1 - parentY0) * scale;\n                            });\n\n                            // Recurse to deeper levels\n                            node.children.forEach(applyTopSpacer);\n                        };\n\n                        // Apply spacer starting from root's children (skip artificial root if depth 0)\n                        if (treemap.children) treemap.children.forEach(applyTopSpacer);\n\n                        return treemap\n                            .descendants()\n                            .filter((n) => n.depth > 0)\n                            .map((node, i) => {\n                                const nodeId = node.ancestors().map((a) => a.data.label).join(\"/\");\n                                const Wrapper = props.animation ? motion.g : \"g\";\n                                const animProps = getAnimationProps(props.animation, i);\n\n                                return (\n                                    <Wrapper key={`node-${i}`} {...animProps}>\n                                        <SingleNode\n                                            node={node}\n                                            isHovered={hovered === nodeId}\n                                            onHover={(hover) => setHovered(hover ? nodeId : null)}\n                                            strokeWidth={style.strokeWidth ?? 0}\n                                            opacity={style.opacity ?? .3}\n                                            borderRadius={style.borderRadius ?? 0}\n                                            fontSize={style.fontSize ?? 16}\n                                            labelPlacement={props.labelPlacement ?? \"topLeft\"}\n                                            tooltipBody={props.tooltipBody}\n                                            onNodeClicked={props.onNodeClicked}\n                                        />\n                                    </Wrapper>\n                                );\n                            });\n                    }}\n                </VisxTreemap>\n            </svg>\n        </ResponsiveContainer>\n\n    );\n};\n\nexport default Treemap;\n"],"names":["Treemap","props","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","hovered","setHovered","useState","svgRef","useRef","root","hierarchy","label","value","children","data","sum","d","sort","a","b","tileMethods","treemapSquarify","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","style","treemapStyle","paddingInner","undefined","padding","paddingOuter","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","jsx","ResponsiveContainer","VisxTreemap","tileMethod","treemap","spacerSize","fontSize","applyTopSpacer","node","length","parentY0","y0","y1","scale","forEach","child","descendants","filter","n","depth","map","i","nodeId","ancestors","join","Wrapper","animation","motion","g","animProps","getAnimationProps","SingleNode","hover","strokeWidth","opacity","borderRadius","labelPlacement","tooltipBody","onNodeClicked"],"mappings":"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"}
+{"version":3,"file":"visualization.es9.js","sources":["../src/components/TreeMap/TreeMap.tsx"],"sourcesContent":["import { useImperativeHandle, useRef, useState } from \"react\";\nimport { Treemap as VisxTreemap, hierarchy, treemapBinary, treemapDice, treemapResquarify, treemapSlice, treemapSliceDice, treemapSquarify, TileMethod } from \"@visx/hierarchy\";\nimport { TreemapNode, TreemapProps } from \"./types\";\nimport SingleNode from \"./SingleNode\";\nimport { motion } from \"framer-motion\";\nimport { downloadAsSVG, downloadSVGAsPNG, getAnimationProps } from \"../../utility\";\nimport { ResponsiveContainer, useResponsiveParentSize } from \"../../responsive\";\n\nconst Treemap = <T extends object>(\n    props: TreemapProps<T>,\n) => {\n    const { parentRef, containerStyle, width: parentWidth, height: parentHeight } = useResponsiveParentSize({ width: props.width, height: props.height });\n    const [hovered, setHovered] = useState<string | null>(null);\n    const svgRef = useRef<SVGSVGElement | null>(null);\n\n    // wrap the array in a root node\n    const root = hierarchy({ label: \"root\", value: 0, children: props.data })\n        .sum((d) => d.value)\n        .sort((a, b) => (b.value || 0) - (a.value || 0));\n\n    const tileMethods: { [tile: string]: TileMethod<TreemapNode<T>> } = {\n        treemapSquarify,\n        treemapBinary,\n        treemapDice,\n        treemapResquarify,\n        treemapSlice,\n        treemapSliceDice,\n    };\n\n    const style = props.treemapStyle ?? {};\n\n    const paddingInner =\n        style.paddingInner !== undefined\n            ? style.paddingInner\n            : style.padding !== undefined\n                ? style.padding\n                : 0;\n\n    const paddingOuter =\n        style.paddingOuter !== undefined\n            ? style.paddingOuter\n            : style.padding !== undefined\n                ? style.padding\n                : 0;\n\n    //Download the plot as svg or png using the passed ref from the parent\n    useImperativeHandle(props.ref, () => ({\n        downloadSVG: () => {\n            if (svgRef.current) downloadAsSVG(svgRef.current, props.downloadFileName ?? \"tree_map.svg\");\n        },\n        downloadPNG: () => {\n            if (svgRef.current) downloadSVGAsPNG(svgRef.current, props.downloadFileName ?? \"tree_map.png\");\n        },\n    }));\n\n    return (\n        <ResponsiveContainer parentRef={parentRef} containerStyle={containerStyle}>\n            <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n                <VisxTreemap<TreemapNode<T>>\n                    root={root}\n                    size={[parentWidth, parentHeight]}\n                    paddingInner={paddingInner}\n                    paddingOuter={paddingOuter}\n                    tile={tileMethods[props.tileMethod ?? \"treemapBinary\"]}\n                >\n                    {(treemap) => {\n                        const spacerSize = style.fontSize ? style.fontSize * 2 : 32;\n\n                        // Helper: remap children Y coordinates so they occupy [parentY0+H, parentY1]\n                        const applyTopSpacer = (node: any) => {\n                            if (!node.children || node.children.length === 0) return;\n                            const parentY0 = node.y0;\n                            const parentY1 = node.y1;\n                            const parentHeight = parentY1 - parentY0;\n\n                            // If parent is too short, skip to avoid negative sizes\n                            if (parentHeight <= spacerSize + 1) return;\n\n                            const scale = (parentHeight - spacerSize) / parentHeight;\n\n                            node.children.forEach((child: any) => {\n                                // map child's Y range from [parentY0,parentY1] -> [parentY0+H, parentY1]\n                                child.y0 = parentY0 + spacerSize + (child.y0 - parentY0) * scale;\n                                child.y1 = parentY0 + spacerSize + (child.y1 - parentY0) * scale;\n                            });\n\n                            // Recurse to deeper levels\n                            node.children.forEach(applyTopSpacer);\n                        };\n\n                        // Apply spacer starting from root's children (skip artificial root if depth 0)\n                        if (treemap.children) treemap.children.forEach(applyTopSpacer);\n\n                        return treemap\n                            .descendants()\n                            .filter((n) => n.depth > 0)\n                            .map((node, i) => {\n                                const nodeId = node.ancestors().map((a) => a.data.label).join(\"/\");\n                                const Wrapper = props.animation ? motion.g : \"g\";\n                                const animProps = getAnimationProps(props.animation, i);\n\n                                return (\n                                    <Wrapper key={`node-${i}`} {...animProps}>\n                                        <SingleNode\n                                            node={node}\n                                            isHovered={hovered === nodeId}\n                                            onHover={(hover) => setHovered(hover ? nodeId : null)}\n                                            strokeWidth={style.strokeWidth ?? 0}\n                                            opacity={style.opacity ?? .3}\n                                            borderRadius={style.borderRadius ?? 0}\n                                            fontSize={style.fontSize ?? 16}\n                                            labelPlacement={props.labelPlacement ?? \"topLeft\"}\n                                            tooltipBody={props.tooltipBody}\n                                            onNodeClicked={props.onNodeClicked}\n                                        />\n                                    </Wrapper>\n                                );\n                            });\n                    }}\n                </VisxTreemap>\n            </svg>\n        </ResponsiveContainer>\n\n    );\n};\n\nexport default Treemap;\n"],"names":["Treemap","props","parentRef","containerStyle","width","parentWidth","height","parentHeight","useResponsiveParentSize","hovered","setHovered","useState","svgRef","useRef","root","hierarchy","label","value","children","data","sum","d","sort","a","b","tileMethods","treemapSquarify","treemapBinary","treemapDice","treemapResquarify","treemapSlice","treemapSliceDice","style","treemapStyle","paddingInner","undefined","padding","paddingOuter","useImperativeHandle","ref","downloadSVG","current","downloadAsSVG","downloadFileName","downloadPNG","downloadSVGAsPNG","jsx","ResponsiveContainer","VisxTreemap","tileMethod","treemap","spacerSize","fontSize","applyTopSpacer","node","length","parentY0","y0","y1","scale","forEach","child","descendants","filter","n","depth","map","i","nodeId","ancestors","join","Wrapper","animation","motion","g","animProps","getAnimationProps","SingleNode","hover","strokeWidth","opacity","borderRadius","labelPlacement","tooltipBody","onNodeClicked"],"mappings":"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"}

package/dist/visualization.es90.js

@@ -1,11 +1,8 @@
-import t from "./visualization.es307.js";
-import { j as o } from "./visualization.es18.js";
-function i(r) {
-  return /* @__PURE__ */ o.jsx(t, {
-    ...r
-  });
-}
+import { getDefaultExportFromCjs as o } from "./visualization.es470.js";
+import { __require as r } from "./visualization.es175.js";
+var e = r();
+const a = /* @__PURE__ */ o(e);
 export {
-  i as default
+  a as default
 };
 //# sourceMappingURL=visualization.es90.js.map

package/dist/visualization.es90.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es90.js","sources":["../../../node_modules/.pnpm/@visx+legend@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/legend/esm/legends/Ordinal.js"],"sourcesContent":["import Legend from \"./Legend/index.js\"; // eslint-disable-next-line @typescript-eslint/no-explicit-any\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/** Ordinal scales map from strings to an Output type. */\nexport default function Ordinal(props) {\n  return /*#__PURE__*/_jsx(Legend, {\n    ...props\n  });\n}"],"names":["Ordinal","props","_jsx","Legend"],"mappings":";;AAGe,SAASA,EAAQC,GAAO;AACrC,SAAoBC,gBAAAA,EAAAA,IAAKC,GAAQ;AAAA,IAC/B,GAAGF;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es90.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}