@weng-lab/visualization 2.4.2 → 2.5.0

package/dist/visualization.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es118.js","sources":["../../../node_modules/.pnpm/cytoscape-popper@4.0.1_cytoscape@3.33.1/node_modules/cytoscape-popper/cytoscape-popper.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"cytoscapePopper\"] = factory();\n\telse\n\t\troot[\"cytoscapePopper\"] = factory();\n})(this, function() {\nreturn /******/ (function(modules) { // webpackBootstrap\n/******/ \t// The module cache\n/******/ \tvar installedModules = {};\n/******/\n/******/ \t// The require function\n/******/ \tfunction __webpack_require__(moduleId) {\n/******/\n/******/ \t\t// Check if module is in cache\n/******/ \t\tif(installedModules[moduleId]) {\n/******/ \t\t\treturn installedModules[moduleId].exports;\n/******/ \t\t}\n/******/ \t\t// Create a new module (and put it into the cache)\n/******/ \t\tvar module = installedModules[moduleId] = {\n/******/ \t\t\ti: moduleId,\n/******/ \t\t\tl: false,\n/******/ \t\t\texports: {}\n/******/ \t\t};\n/******/\n/******/ \t\t// Execute the module function\n/******/ \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n/******/\n/******/ \t\t// Flag the module as loaded\n/******/ \t\tmodule.l = true;\n/******/\n/******/ \t\t// Return the exports of the module\n/******/ \t\treturn module.exports;\n/******/ \t}\n/******/\n/******/\n/******/ \t// expose the modules object (__webpack_modules__)\n/******/ \t__webpack_require__.m = modules;\n/******/\n/******/ \t// expose the module cache\n/******/ \t__webpack_require__.c = installedModules;\n/******/\n/******/ \t// identity function for calling harmony imports with the correct context\n/******/ \t__webpack_require__.i = function(value) { return value; };\n/******/\n/******/ \t// define getter function for harmony exports\n/******/ \t__webpack_require__.d = function(exports, name, getter) {\n/******/ \t\tif(!__webpack_require__.o(exports, name)) {\n/******/ \t\t\tObject.defineProperty(exports, name, {\n/******/ \t\t\t\tconfigurable: false,\n/******/ \t\t\t\tenumerable: true,\n/******/ \t\t\t\tget: getter\n/******/ \t\t\t});\n/******/ \t\t}\n/******/ \t};\n/******/\n/******/ \t// getDefaultExport function for compatibility with non-harmony modules\n/******/ \t__webpack_require__.n = function(module) {\n/******/ \t\tvar getter = module && module.__esModule ?\n/******/ \t\t\tfunction getDefault() { return module['default']; } :\n/******/ \t\t\tfunction getModuleExports() { return module; };\n/******/ \t\t__webpack_require__.d(getter, 'a', getter);\n/******/ \t\treturn getter;\n/******/ \t};\n/******/\n/******/ \t// Object.prototype.hasOwnProperty.call\n/******/ \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n/******/\n/******/ \t// __webpack_public_path__\n/******/ \t__webpack_require__.p = \"\";\n/******/\n/******/ \t// Load entry module and return exports\n/******/ \treturn __webpack_require__(__webpack_require__.s = 7);\n/******/ })\n/************************************************************************/\n/******/ ([\n/* 0 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _require = __webpack_require__(5),\n    getBoundingBox = _require.getBoundingBox;\n\n// Create a popper virtual element (aka popper v1 reference object)\n// https://popper.js.org/docs/v2/virtual-elements/\n\n\nfunction getRef(target, opts) {\n\n  //Define popper reference object and cy reference  object\n  var refObject = {\n    getBoundingClientRect: function getBoundingClientRect() {\n      return getBoundingBox(target, opts);\n    }\n  };\n\n  return refObject;\n}\n\nmodule.exports = { getRef: getRef };\n\n/***/ }),\n/* 1 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\n// Simple, internal Object.assign() polyfill for options objects etc.\n\nmodule.exports = Object.assign != null ? Object.assign.bind(Object) : function (tgt) {\n  for (var _len = arguments.length, srcs = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    srcs[_key - 1] = arguments[_key];\n  }\n\n  srcs.forEach(function (src) {\n    if (src !== null && src !== undefined) {\n      Object.keys(src).forEach(function (k) {\n        return tgt[k] = src[k];\n      });\n    }\n  });\n\n  return tgt;\n};\n\n/***/ }),\n/* 2 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar _require = __webpack_require__(0),\n    getRef = _require.getRef;\n\nvar _require2 = __webpack_require__(6),\n    getContent = _require2.getContent;\n\n// Create a new popper object for a core or element target\n\n\nfunction getPopper(target, opts) {\n  var refObject = getRef(target, opts);\n  var content = getContent(target, opts.content);\n\n  return target.popperFactory(refObject, content, opts.popper);\n}\n\nmodule.exports = { getPopper: getPopper };\n\n/***/ }),\n/* 3 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar assign = __webpack_require__(1);\n\nvar _require = __webpack_require__(2),\n    getPopper = _require.getPopper;\n\nvar _require2 = __webpack_require__(0),\n    getRef = _require2.getRef;\n\nfunction popper(opts) {\n  checkForWarning(this);\n\n  return getPopper(this[0], createOptionsObject(this[0], opts));\n}\n\nfunction popperRef(opts) {\n  checkForWarning(this);\n\n  return getRef(this[0], createOptionsObject(this[0], opts));\n}\n\nfunction createOptionsObject(target, opts) {\n  var renderedDimensions = function renderedDimensions(el) {\n    return el.isNode() ? { w: el.renderedWidth(), h: el.renderedHeight() } : { w: 3, h: 3 };\n  };\n  var renderedPosition = function renderedPosition(el) {\n    return el.isNode() ? getRenderedCenter(el, renderedDimensions) : getRenderedMidpoint(el);\n  };\n  var popper = {};\n  var cy = target.cy();\n\n  var defaults = { renderedDimensions: renderedDimensions, renderedPosition: renderedPosition, popper: popper, cy: cy };\n\n  return assign({}, defaults, opts);\n}\n\n//Get the rendered center\nfunction getRenderedCenter(target, renderedDimensions) {\n  var pos = target.renderedPosition();\n  var dimensions = renderedDimensions(target);\n  var offsetX = dimensions.w / 2;\n  var offsetY = dimensions.h / 2;\n\n  return {\n    x: pos.x - offsetX,\n    y: pos.y - offsetY\n  };\n}\n\n//Get the rendered position of the midpoint\nfunction getRenderedMidpoint(target) {\n  var p = target.midpoint();\n  var pan = target.cy().pan();\n  var zoom = target.cy().zoom();\n\n  return {\n    x: p.x * zoom + pan.x,\n    y: p.y * zoom + pan.y\n  };\n}\n\n//Warn user about misuse of the plugin\nfunction checkForWarning(elements) {\n  /* eslint-disable no-console */\n\n  //Popper.js Should only be used on 1 element\n  if (elements.length > 1) {\n    console.warn(\"Popper.js Extension should only be used on one element.\");\n    console.warn(\"Ignoring all subsequent elements\");\n  }\n\n  /* eslint-enable */\n}\n\nmodule.exports = { popper: popper, popperRef: popperRef };\n\n/***/ }),\n/* 4 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar assign = __webpack_require__(1);\n\nvar _require = __webpack_require__(2),\n    getPopper = _require.getPopper;\n\nvar _require2 = __webpack_require__(0),\n    getRef = _require2.getRef;\n\nfunction popper(opts) {\n  return getPopper(this, createOptionsObject(this, opts));\n}\n\nfunction popperRef(opts) {\n  return getRef(this, createOptionsObject(this, opts));\n}\n\n//Create a options object with required default values\nfunction createOptionsObject(target, opts) {\n  var defaults = {\n    boundingBox: {\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      w: 3,\n      h: 3\n    },\n    renderedDimensions: function renderedDimensions() {\n      return { w: 3, h: 3 };\n    },\n    renderedPosition: function renderedPosition() {\n      return { x: 0, y: 0 };\n    },\n    popper: {},\n    cy: target\n  };\n\n  return assign({}, defaults, opts);\n}\n\nmodule.exports = { popper: popper, popperRef: popperRef };\n\n/***/ }),\n/* 5 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nfunction getBoundingBox(target, opts) {\n  var renderedPosition = opts.renderedPosition,\n      cy = opts.cy,\n      renderedDimensions = opts.renderedDimensions;\n\n  var offset = cy.container().getBoundingClientRect();\n  var dims = renderedDimensions(target);\n  var pos = renderedPosition(target);\n\n  return {\n    top: pos.y + offset.top,\n    left: pos.x + offset.left,\n    right: pos.x + dims.w + offset.left,\n    bottom: pos.y + dims.h + offset.top,\n    width: dims.w,\n    height: dims.h\n  };\n}\n\nmodule.exports = { getBoundingBox: getBoundingBox };\n\n/***/ }),\n/* 6 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nfunction getContent(target, content) {\n  var contentObject = null;\n\n  if (typeof content === \"function\") {\n    //Execute function if user opted for a dyanamic target\n    contentObject = content(target);\n  } else if (content instanceof HTMLElement) {\n    //Target option is an HTML element\n    return content;\n  } else {\n    throw new Error(\"Can not create popper from 'target' with unknown type\");\n  }\n\n  // Check validity of parsed target\n  if (contentObject === null) {\n    throw new Error(\"No 'target' specified to create popper\");\n  } else {\n    return contentObject;\n  }\n}\n\nmodule.exports = { getContent: getContent };\n\n/***/ }),\n/* 7 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\"use strict\";\n\n\nvar coreImpl = __webpack_require__(4);\nvar collectionImpl = __webpack_require__(3);\n\n// registers the extension on a cytoscape lib ref\nvar registerFactory = function registerFactory(popperFactory) {\n  if (typeof popperFactory !== \"function\") {\n    throw new Error('Provide \\'popperFactory\\' before registering the module');\n  }\n\n  return function register(cytoscape) {\n    if (!cytoscape) {\n      return;\n    } // can't register if cytoscape unspecified\n\n    // register with cytoscape.js\n    cytoscape('core', 'popperFactory', popperFactory); // Cytoscape Core factory\n    cytoscape('collection', 'popperFactory', popperFactory); //Cytoscape Collections factory\n    cytoscape('core', 'popper', coreImpl.popper); //Cytoscape Core\n    cytoscape('collection', 'popper', collectionImpl.popper); //Cytoscape Collections\n    cytoscape('core', 'popperRef', coreImpl.popperRef); //Cytoscape Core for References\n    cytoscape('collection', 'popperRef', collectionImpl.popperRef); //Cytoscape Collections for References\n  };\n};\n\nmodule.exports = registerFactory;\n\n/***/ })\n/******/ ]);\n});"],"names":["root","factory","module","this","modules","installedModules","__webpack_require__","moduleId","value","exports","name","getter","object","property","_require","getBoundingBox","getRef","target","opts","refObject","tgt","_len","srcs","_key","src","k","_require2","getContent","getPopper","content","assign","popper","checkForWarning","createOptionsObject","popperRef","renderedDimensions","el","renderedPosition","getRenderedCenter","getRenderedMidpoint","cy","defaults","pos","dimensions","offsetX","offsetY","p","pan","zoom","elements","offset","dims","contentObject","coreImpl","collectionImpl","registerFactory","popperFactory","cytoscape"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es118.js","sources":["../src/components/Graph/Legend.tsx"],"sourcesContent":["import React from 'react';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Node, Edge } from './types';\nimport { Typography } from '@mui/material';\n\ninterface LegendProps {\n  toggles: { [key: string]: boolean };\n  onToggle: (category: string) => void;\n  simpleCategories: string[];\n  edgeType: boolean;\n  colorFunc?: (node: Node | Edge) => string;\n  elements: Node[];\n  edges: Edge[];\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  order?: string[];\n  uniqueCat?: string[];\n}\n\nconst Legend: React.FC<LegendProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  order,\n  uniqueCat,\n}) => {\n  const edgeTypes = Array.from(\n    new Set(\n      edges.map((e) => {\n        if (legendToggle) return legendToggle(e);\n        else if (e.category) {\n          return e.category;\n        } else {\n          return;\n        }\n      })\n    )\n  );\n\n  const uniqueCategories = order\n    ? order\n    : Array.from(new Set(simpleCategories)); // simple names\n\n  // loop on uniqueCat if there is order, else loop on uniqueCategories\n  return (\n    <div\n      style={{\n        bottom: '10px',\n        zIndex: 1000,\n        backgroundColor: 'white',\n        borderRadius: '5px',\n        width: '225px',\n        padding: '5px',\n      }}\n    >\n      <Typography\n        style={{ fontSize: '18px', margin: '3px', fontFamily: 'Arial' }}\n      >\n        {legendNodeLabel ? legendNodeLabel : 'Node Type'}\n      </Typography>\n      {uniqueCat\n        ? uniqueCat.map((category) => {\n            let color = 'grey';\n            let simpleDisplay = '';\n\n            elements.forEach((node) => {\n              uniqueCategories.forEach((cat) => {\n                if (\n                  colorFunc &&\n                  legendToggle &&\n                  legendToggle(node) === cat &&\n                  node.category === category\n                ) {\n                  color = colorFunc(node);\n                  simpleDisplay = cat; // simple display category name if legend toggle\n                  return;\n                }\n              });\n            });\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  marginBottom: '4px',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {simpleDisplay} {legendToggle ? '(' : null}\n                  {legendToggle ? category : null}\n                  {legendToggle ? ')' : null}\n                </Typography>\n              </div>\n            );\n          })\n        : uniqueCategories.map((category) => {\n            let color = 'grey';\n            let nodeCat = '';\n\n            elements.forEach((node) => {\n              if (\n                colorFunc &&\n                legendToggle &&\n                legendToggle(node) === category\n              ) {\n                color = colorFunc(node);\n                nodeCat = node.category; // category of node\n              }\n            });\n\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  marginBottom: '4px',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {category} {legendToggle ? '(' : null}\n                  {legendToggle ? nodeCat : null}\n                  {legendToggle ? ')' : null}\n                </Typography>\n              </div>\n            );\n          })}\n\n      {edgeType && edgeTypes !== null ? (\n        <div>\n          <Typography\n            style={{ fontSize: '18px', margin: '3px', fontFamily: 'Arial' }}\n          >\n            {legendEdgeLabel ? legendEdgeLabel : 'Edge Type'}\n          </Typography>\n          {edgeTypes.map((category) => {\n            if (category === undefined) {\n              return null;\n            }\n            let color = 'grey';\n\n            edges.forEach((edge) => {\n              if (\n                colorFunc &&\n                legendToggle &&\n                legendToggle(edge) === category\n              ) {\n                color = colorFunc(edge);\n              } else if (\n                colorFunc &&\n                edge.category &&\n                edge.category === category\n              ) {\n                color = colorFunc(edge);\n              }\n            });\n\n            return (\n              <div\n                key={category}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                }}\n              >\n                <Checkbox\n                  checked={toggles[category]}\n                  onChange={() => onToggle(category)}\n                  color=\"primary\"\n                  size=\"small\"\n                  style={{ padding: 0 }}\n                />\n                <Typography\n                  variant=\"body2\"\n                  style={{\n                    color: color,\n                    marginLeft: '4px',\n                    cursor: 'pointer',\n                    fontSize: '14px',\n                    fontFamily: 'Arial',\n                  }}\n                  onClick={() => onToggle(category)}\n                >\n                  {category}\n                </Typography>\n              </div>\n            );\n          })}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","legendToggle","legendNodeLabel","legendEdgeLabel","order","uniqueCat","t1","t2","e","category","Array","from","Set","map","edgeTypes","uniqueCategories","t3","Symbol","for","bottom","zIndex","backgroundColor","borderRadius","width","padding","t4","fontSize","margin","fontFamily","t5","t6","jsx","Typography","t7","color","simpleDisplay","forEach","node","cat","jsxs","display","alignItems","marginBottom","Checkbox","marginLeft","cursor","category_0","color_0","nodeCat","node_0","t8","category_1","undefined","color_1","edge","t9"],"mappings":"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"}

package/dist/visualization.es119.js

@@ -1,5 +1,150 @@
-var e = { exports: {} };
+import { jsxs as a, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { c as K } from "react/compiler-runtime";
+import v from "@mui/material/Typography";
+import N from "@mui/icons-material/Info";
+import O from "@mui/material/Tooltip";
+const Z = (E) => {
+  const e = K(50), {
+    scales: u,
+    width: l,
+    scaleLabel: k
+  } = E;
+  if (u.length === 0)
+    return null;
+  let c, s, i, m, o, f, d, h, n, y, p, x;
+  if (e[0] !== k || e[1] !== u || e[2] !== l) {
+    const r = [...u].sort(P), R = r[0], W = r[r.length - 1], $ = r[Math.floor(r.length / 4)], q = r[Math.floor(r.length * 3 / 4)];
+    let z;
+    if (e[15] !== l) {
+      const G = l.toString();
+      z = G.match(/=>\s*(.*)/)?.[1]?.trim().replace("Math.", "") || G, e[15] = l, e[16] = z;
+    } else
+      z = e[16];
+    let w = z;
+    k && (w = k);
+    let A;
+    e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+      top: "20vh",
+      zIndex: 1e3,
+      backgroundColor: "white",
+      padding: "10px",
+      borderRadius: "5px",
+      fontSize: "13px",
+      width: "225px",
+      textAlign: "left"
+    }, e[17] = A) : A = e[17];
+    const H = A;
+    let C;
+    e[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "left",
+      marginBottom: "5px"
+    }, e[18] = C) : C = e[18];
+    const I = C;
+    m = H;
+    let L;
+    e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = {
+      margin: "3px 0",
+      fontSize: "16px",
+      fontFamily: "Arial"
+    }, e[19] = L) : L = e[19];
+    let T;
+    e[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = {
+      ml: 0.5
+    }, e[20] = T) : T = e[20];
+    let j;
+    e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = /* @__PURE__ */ t(N, { fontSize: "small", style: {
+      marginBottom: "-4.5px",
+      marginTop: "-7px"
+    } }), e[21] = j) : j = e[21], e[22] !== w ? (i = /* @__PURE__ */ a(v, { variant: "body2", component: "h4", style: L, children: [
+      "Edge Weight Scale:",
+      /* @__PURE__ */ t(O, { title: w, color: "primary", sx: T, placement: "bottom", children: j })
+    ] }), e[22] = w, e[23] = i) : i = e[23], e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "left",
+      marginTop: "10px"
+    }, e[24] = n) : n = e[24];
+    let M;
+    e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[25] = M) : M = e[25], y = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l(R),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: M, children: R.toFixed(2) })
+    ] });
+    let B;
+    e[26] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[26] = B) : B = e[26], p = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l($),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: B, children: $.toFixed(2) })
+    ] });
+    let D;
+    e[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[27] = D) : D = e[27], x = /* @__PURE__ */ a("div", { style: I, children: [
+      /* @__PURE__ */ t("div", { style: {
+        width: l(q),
+        height: "10px",
+        backgroundColor: "black",
+        display: "inline-block"
+      } }),
+      /* @__PURE__ */ t(v, { variant: "body2", style: D, children: q.toFixed(2) })
+    ] }), d = I, h = /* @__PURE__ */ t("div", { style: {
+      width: l(W),
+      height: "10px",
+      backgroundColor: "black",
+      display: "inline-block"
+    } }), c = v, s = "body2", e[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = {
+      marginLeft: "10px",
+      fontSize: "14px",
+      fontFamily: "Arial"
+    }, e[28] = o) : o = e[28], f = W.toFixed(2), e[0] = k, e[1] = u, e[2] = l, e[3] = c, e[4] = s, e[5] = i, e[6] = m, e[7] = o, e[8] = f, e[9] = d, e[10] = h, e[11] = n, e[12] = y, e[13] = p, e[14] = x;
+  } else
+    c = e[3], s = e[4], i = e[5], m = e[6], o = e[7], f = e[8], d = e[9], h = e[10], n = e[11], y = e[12], p = e[13], x = e[14];
+  let g;
+  e[29] !== c || e[30] !== s || e[31] !== o || e[32] !== f ? (g = /* @__PURE__ */ t(c, { variant: s, style: o, children: f }), e[29] = c, e[30] = s, e[31] = o, e[32] = f, e[33] = g) : g = e[33];
+  let b;
+  e[34] !== g || e[35] !== d || e[36] !== h ? (b = /* @__PURE__ */ a("div", { style: d, children: [
+    h,
+    g
+  ] }), e[34] = g, e[35] = d, e[36] = h, e[37] = b) : b = e[37];
+  let S;
+  e[38] !== b || e[39] !== n || e[40] !== y || e[41] !== p || e[42] !== x ? (S = /* @__PURE__ */ a("div", { style: n, children: [
+    y,
+    p,
+    x,
+    b
+  ] }), e[38] = b, e[39] = n, e[40] = y, e[41] = p, e[42] = x, e[43] = S) : S = e[43];
+  let _;
+  e[44] !== i || e[45] !== S ? (_ = /* @__PURE__ */ a(J, { children: [
+    i,
+    S
+  ] }), e[44] = i, e[45] = S, e[46] = _) : _ = e[46];
+  let F;
+  return e[47] !== m || e[48] !== _ ? (F = /* @__PURE__ */ t("div", { style: m, children: _ }), e[47] = m, e[48] = _, e[49] = F) : F = e[49], F;
+};
+function P(E, e) {
+  return E - e;
+}
 export {
-  e as __module
+  Z as default
 };
 //# sourceMappingURL=visualization.es119.js.map

package/dist/visualization.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es119.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"visualization.es119.js","sources":["../src/components/Graph/ScaleLegend.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport Typography from '@mui/material/Typography';\nimport InfoIcon from '@mui/icons-material/Info';\nimport Tooltip from '@mui/material/Tooltip';\n\ninterface ScaleProps {\n  scales: number[];\n  width: (n: number) => number;\n  scaleLabel?: string;\n}\n\nconst ScaleLegend: React.FC<ScaleProps> = ({ scales, width, scaleLabel }) => {\n  if (scales.length === 0) return null;\n\n  const sorted = [...scales].sort((a, b) => a - b);\n  const min = sorted[0];\n  const max = sorted[sorted.length - 1];\n  const mid1 = sorted[Math.floor(sorted.length / 4)];\n  const mid2 = sorted[Math.floor((sorted.length * 3) / 4)];\n\n  const scaleFunctionStr = width.toString();\n  let scaleFormula =\n    scaleFunctionStr\n      .match(/=>\\s*(.*)/)?.[1]\n      ?.trim()\n      .replace('Math.', '') || scaleFunctionStr;\n  if (scaleLabel) {\n    scaleFormula = scaleLabel;\n  }\n\n  const divStyle: CSSProperties = {\n    top: '20vh',\n    zIndex: 1000,\n    backgroundColor: 'white',\n    padding: '10px',\n    borderRadius: '5px',\n    fontSize: '13px',\n    width: '225px',\n    textAlign: 'left',\n  };\n\n  const scaleItemStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'left',\n    marginBottom: '5px',\n  };\n\n  return (\n    <div style={divStyle}>\n      <>\n        <Typography\n          variant=\"body2\"\n          component=\"h4\"\n          style={{\n            margin: '3px 0',\n            fontSize: '16px',\n            fontFamily: 'Arial',\n          }}\n        >\n          Edge Weight Scale:\n          <Tooltip\n            title={scaleFormula}\n            color=\"primary\"\n            sx={{ ml: 0.5 }}\n            placement=\"bottom\"\n          >\n            <InfoIcon\n              fontSize=\"small\"\n              style={{ marginBottom: '-4.5px', marginTop: '-7px' }}\n            />\n          </Tooltip>\n        </Typography>\n\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'left',\n            marginTop: '10px',\n          }}\n        >\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(min),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {min.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid1),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid1.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(mid2),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {mid2.toFixed(2)}\n            </Typography>\n          </div>\n          <div style={scaleItemStyle}>\n            <div\n              style={{\n                width: width(max),\n                height: '10px',\n                backgroundColor: 'black',\n                display: 'inline-block',\n              }}\n            ></div>\n            <Typography\n              variant=\"body2\"\n              style={{\n                marginLeft: '10px',\n                fontSize: '14px',\n                fontFamily: 'Arial',\n              }}\n            >\n              {max.toFixed(2)}\n            </Typography>\n          </div>\n        </div>\n      </>\n    </div>\n  );\n};\n\nexport default ScaleLegend;\n"],"names":["ScaleLegend","t0","$","_c","scales","width","scaleLabel","length","T0","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","sorted","sort","_temp","min","max","mid1","Math","floor","mid2","t12","scaleFunctionStr","toString","match","trim","replace","scaleFormula","t13","Symbol","for","top","zIndex","backgroundColor","padding","borderRadius","fontSize","textAlign","divStyle","t14","display","alignItems","justifyContent","marginBottom","scaleItemStyle","t15","margin","fontFamily","t16","ml","t17","jsx","InfoIcon","marginTop","Typography","Tooltip","flexDirection","t18","marginLeft","jsxs","height","toFixed","t19","t20","a","b"],"mappings":"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"}

package/dist/visualization.es12.js

@@ -1,46 +1,5 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as S } from "react/compiler-runtime";
-import { memo as T, useState as P, useImperativeHandle as b } from "react";
-import g from "./visualization.es45.js";
-import x from "./visualization.es46.js";
-const c = 10;
-function y(l) {
-  const t = S(10), {
-    ref: d,
-    children: p
-  } = l;
-  let n;
-  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
-    open: !1,
-    left: 0,
-    top: 0
-  }, t[0] = n) : n = t[0];
-  const [e, r] = P(n);
-  let a, f;
-  if (t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = () => ({
-    show: (_, s) => r({
-      open: !0,
-      data: _,
-      left: s.pageX + c,
-      top: s.pageY + c
-    }),
-    hide: () => r(E)
-  }), f = [], t[1] = a, t[2] = f) : (a = t[1], f = t[2]), b(d, a, f), !e.open || e.data === void 0)
-    return null;
-  const u = e.left, h = e.top;
-  let o;
-  t[3] !== p || t[4] !== e.data ? (o = p(e.data), t[3] = p, t[4] = e.data, t[5] = o) : o = t[5];
-  let i;
-  return t[6] !== e.left || t[7] !== e.top || t[8] !== o ? (i = /* @__PURE__ */ m(g, { children: /* @__PURE__ */ m(x, { left: u, top: h, children: o }) }), t[6] = e.left, t[7] = e.top, t[8] = o, t[9] = i) : i = t[9], i;
-}
-function E(l) {
-  return l.open ? {
-    ...l,
-    open: !1
-  } : l;
-}
-const v = T(y);
+const r = ["circle", "triangle", "square", "diamond", "cross", "triangleDown", "x"];
 export {
-  v as default
+  r as POINT_SHAPES
 };
 //# sourceMappingURL=visualization.es12.js.map

package/dist/visualization.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es12.js","sources":["../src/tooltip/PlotTooltip.tsx"],"sourcesContent":["import { memo, useImperativeHandle, useState, MouseEvent, ReactNode, Ref, RefObject } from \"react\";\nimport { Portal, TooltipWithBounds } from \"@visx/tooltip\";\n\n/** Offset from the pointer, so the tooltip never sits directly under the cursor. */\nconst POINTER_OFFSET = 10;\n\nexport interface PlotTooltipHandle<T> {\n  /** Show the tooltip for `data`, positioned from the pointer event that triggered it. */\n  show: (data: T, event: MouseEvent) => void;\n  hide: () => void;\n}\n\n/**\n * The ref as marks receive it. Spelling out `RefObject<PlotTooltipHandle<T> | null>` in every\n * mark component is noisy and easy to get wrong (the `| null` is required - useRef(null) yields\n * a nullable current until PlotTooltip mounts).\n */\nexport type PlotTooltipRef<T> = RefObject<PlotTooltipHandle<T> | null>;\n\nexport interface PlotTooltipProps<T> {\n  ref: Ref<PlotTooltipHandle<T>>;\n  /** Renders the tooltip contents. Called here, not by the marks, so marks never depend on it. */\n  children: (data: T) => ReactNode;\n}\n\ninterface PlotTooltipState<T> {\n  open: boolean;\n  data?: T;\n  left: number;\n  top: number;\n}\n\n/**\n * A single tooltip for a plot with many interactive marks (cells, bars, points, nodes).\n *\n * Render it as a *sibling* of the marks - never as an ancestor - and drive it through the ref:\n *\n *   const tooltipRef = useRef<PlotTooltipHandle<Bin>>(null);\n *   ...\n *   <Marks tooltipRef={tooltipRef} />\n *   <PlotTooltip ref={tooltipRef}>{(bin) => <div>{bin.count}</div>}</PlotTooltip>\n *\n * with each mark doing `onMouseMove={(e) => tooltipRef.current?.show(bin, e)}`.\n *\n * Why this shape:\n * - Tooltip state lives below the marks in the tree rather than above them, so showing, moving\n *   and hiding the tooltip re-renders only this component. Holding the state in the plot itself\n *   re-renders every mark on every mousemove; giving each mark its own useTooltip instead costs\n *   one state hook and one portal per mark.\n * - Marks receive only `tooltipRef`, which is stable for the lifetime of the plot. They never\n *   receive the tooltip body renderer, so an unstable one from a consumer cannot invalidate them.\n * - `show` takes the datum rather than rendered output, so nothing is rendered for marks the\n *   pointer never reaches.\n */\nfunction PlotTooltip<T>({ ref, children }: PlotTooltipProps<T>) {\n  const [state, setState] = useState<PlotTooltipState<T>>({ open: false, left: 0, top: 0 });\n\n  useImperativeHandle(ref, () => ({\n    show: (data, event) =>\n      setState({ open: true, data, left: event.pageX + POINTER_OFFSET, top: event.pageY + POINTER_OFFSET }),\n    hide: () => setState((current) => (current.open ? { ...current, open: false } : current)),\n  }), []);\n\n  if (!state.open || state.data === undefined) return null;\n\n  return (\n    <Portal>\n      <TooltipWithBounds left={state.left} top={state.top}>\n        {children(state.data)}\n      </TooltipWithBounds>\n    </Portal>\n  );\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(PlotTooltip) as typeof PlotTooltip;\n"],"names":["POINTER_OFFSET","PlotTooltip","t0","$","_c","ref","children","t1","Symbol","for","open","left","top","state","setState","useState","t2","t3","show","data","event","pageX","pageY","hide","_temp","useImperativeHandle","undefined","t4","t5","t6","t7","jsx","Portal","TooltipWithBounds","current","PlotTooltip$1","memo"],"mappings":";;;;;AAIA,MAAMA,IAAiB;AAkDvB,SAAAC,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAwB;AAAA,IAAAC,KAAAA;AAAAA,IAAAC,UAAAA;AAAAA,EAAAA,IAAAJ;AAAsC,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KACJF,IAAA;AAAA,IAAAG,MAAQ;AAAA,IAAKC,MAAQ;AAAA,IAACC,KAAO;AAAA,EAAA,GAAGT,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAxF,QAAA,CAAAU,GAAAC,CAAA,IAA0BC,EAA8BR,CAAgC;AAAE,MAAAS,GAAAC;AAQ1F,MAR0Fd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAEjEO,IAAAA,OAAO;AAAA,IAAAE,MACxBA,CAAAC,GAAAC,MACJN,EAAS;AAAA,MAAAJ,MAAQ;AAAA,MAAIS,MAAAA;AAAAA,MAAAR,MAAcS,EAAKC,QAASrB;AAAAA,MAAcY,KAAOQ,EAAKE,QAAStB;AAAAA,IAAAA,CAAgB;AAAA,IAACuB,MACjGA,MAAMT,EAASU,CAAmE;AAAA,EAAA,IACtFP,IAAA,CAAA,GAAEd,OAAAa,GAAAb,OAAAc,MAAAD,IAAAb,EAAA,CAAA,GAAAc,IAAAd,EAAA,CAAA,IAJNsB,EAAoBpB,GAAKW,GAIrBC,CAAE,GAEF,CAACJ,EAAKH,QAASG,EAAKM,SAAUO;AAAS,WAAS;AAIvB,QAAAC,IAAAd,EAAKF,MAAYiB,IAAAf,EAAKD;AAAI,MAAAiB;AAAA,EAAA1B,SAAAG,KAAAH,EAAA,CAAA,MAAAU,EAAAM,QAChDU,IAAAvB,EAASO,EAAKM,IAAK,GAAChB,OAAAG,GAAAH,EAAA,CAAA,IAAAU,EAAAM,MAAAhB,OAAA0B,KAAAA,IAAA1B,EAAA,CAAA;AAAA,MAAA2B;AAAA,SAAA3B,EAAA,CAAA,MAAAU,EAAAF,QAAAR,EAAA,CAAA,MAAAU,EAAAD,OAAAT,SAAA0B,KAFzBC,IAAA,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACE,GAAA,EAAwB,MAAAN,GAAiB,KAAAC,GACvCC,UAAAA,EAAAA,CACH,EAAA,CACF,GAAS1B,EAAA,CAAA,IAAAU,EAAAF,MAAAR,EAAA,CAAA,IAAAU,EAAAD,KAAAT,OAAA0B,GAAA1B,OAAA2B,KAAAA,IAAA3B,EAAA,CAAA,GAJT2B;AAIS;AAhBb,SAAAN,EAAAU,GAAA;AAAA,SAMuCA,EAAOxB,OAAP;AAAA,IAAA,GAAoBwB;AAAAA,IAAOxB,MAAQ;AAAA,EAAA,IAAnCwB;AAAoD;AAe3F,MAAAC,IAAeC,EAAKnC,CAAW;"}
+{"version":3,"file":"visualization.es12.js","sources":["../src/components/ScatterPlot/types.ts"],"sourcesContent":["import { ScaleLinear } from '@visx/vendor/d3-scale';\nimport { ProvidedZoom } from \"@visx/zoom\";\nimport { CSSProperties, ReactElement } from \"react\";\nimport { DownloadPlotHandle, AnimationType } from '../../utility';\nimport { ManualSizeProps } from '../../responsive';\n\n/**\n * Shapes a point can be drawn as, for encoding a categorical field alongside color.\n *\n * Seven, and that is close to the ceiling: glyphs stop being told apart at the few pixels a\n * scatter point occupies, so a field with more levels than this wants a facet or a second plot\n * rather than more shapes.\n *\n * Ordered most to least distinct, so taking the first N gives the most legible set of that size -\n * `POINT_SHAPES[index]` against a field's sorted values is the intended use. The last two are\n * each a rotation of an earlier shape (`triangleDown` of `triangle`, `x` of `cross`), so a field\n * that reaches them is one worth checking by eye.\n *\n * Exported as an array so a consumer can build a shape scale over it the way it would a color\n * one, rather than hardcoding the names.\n */\nexport const POINT_SHAPES = [\"circle\", \"triangle\", \"square\", \"diamond\", \"cross\", \"triangleDown\", \"x\"] as const;\n\nexport type PointShape = (typeof POINT_SHAPES)[number];\n\n/**\n    All information given to a point on the plot, including its coordinates(x and y), its radius, color, and opacity, and its metadata information\n    which can be any amount of strings used to display in the tooltip\n*/\nexport type Point<T> = {\n    /**\n     * X and Y coordinates of point on plot (required)\n     */\n    x: number;\n    y: number;\n    /**\n     * Shape of the point, for encoding a categorical field alongside color.\n     *\n     * Every shape is drawn to the same area as a circle of the same `r`, so switching shape\n     * changes only the glyph and not how heavy the point reads.\n     *\n     * @default\n     * \"circle\"\n     */\n    shape?: PointShape;\n    /**\n     * Radius of the point\n     * @default\n     * 3\n     * (5 if hovered)\n     */\n    r?: number;\n    /**\n     * Fill color of the point\n     * @default\n     * \"black\"\n     */\n    color?: string;\n    /**\n     * Stroke (outline) color of the point\n     */\n    stroke?: string;\n    /**\n     * If provided, renders a callout label with a leader line next to the point.\n     * The label is positioned radially outward from the center of the plot.\n     */\n    label?: string;\n    /**\n     * Transparency ofe the point\n     * @default\n     * 1 (opaque)\n     */\n    opacity?: number;\n    /**\n     * Any and all metadata the user wishes to include with the point.\n     * this will be used to display the tooltip on the hover of the point\n     * @example\n     * metaData: {\n          name: x.displayname,\n          accession: x.experimentAccession\n        }\n     */\n    metaData?: T;\n};\n\n/**\n    Position of the crosshair overlay, in data coordinates (the same units as Point.x / Point.y)\n    rather than pixels, so it stays meaningful across plots of different sizes and survives\n    zooming and panning.\n*/\nexport type CrosshairPosition = {\n    x: number;\n    y: number;\n};\n\nexport type SelectionMode = \"select\" | \"pan\" | \"none\";\n\n/**\n    Positioning props given to the minimap in realtion to the container\n    @todo\n    remove the seperate type since position is now the only\n    prop in here\n**/\nexport type MiniMapProps = {\n    position?: {\n        right: number;\n        bottom: number\n    };\n};\n\n/**\n * Initial state of the component controling the initial state variables on first load\n */\nexport type InitialState<S, Z> = {\n    minimap?: {\n        /**\n         * Initial minimap state (open or closed)\n         */\n        open?: boolean;\n    };\n    controls?: {\n        /**\n         * Initial selection type\n         * Note: allowed types depends on zoom and selection availibility\n         */\n        selectionType?: S extends true ? \"pan\" | \"select\" : Z extends true ? \"select\" | \"none\" : \"pan\";\n    };\n}\n\n/**\n    Basic chart properties\n*/\nexport type ChartProps<T, S extends boolean | undefined, Z extends boolean | undefined> = ManualSizeProps & {\n    /**\n     * Array of points being displayed on the plot\n     * if empty, nothing will be displayed\n     */\n    pointData: Point<T>[];\n    /**\n     * Boolean flag to indicate if any data is still loading,\n     * if true, loading state is displayed (Circular Progress)\n     */\n    loading: boolean;\n    /**\n     * If true, enables lasso selection of points, controllable with onSelectionChange\n     * Shows new select icon in controls section (pencil)\n     * @default\n     * false\n     */\n    selectable?: S;\n    /**\n     * If true, zooming and panning capabilities of the scatterplot\n     * Removes zooming control icons (Zoom in, zoom out, reset zoom)\n     * \n     * Note: if Zoom is disabled and selecting is enabled, No icons will appear, \n     * the selection type of the plot will only ever be select\n     * \n     * @default\n     * false\n     */\n    disableZoom?: Z;\n    /**\n     * If true, tooltip functionality is disabled.\n     * point hovering will not render anything but will still increase the size of the point\n     * @default\n     * false\n     */\n    disableTooltip?: boolean;\n    /**\n     * Can specify a certain color to display what controls are being selected\n     * (Pan/Select and Minimap open/closed)\n     * \n     * @default\n     * primary.main\n     */\n    controlsHighlight?: string;\n    /**\n     * Callback function triggered whenever the currently rendered points on the plot change\n     * ex. when panning or zooming in\n     * \n     * @returns\n     * Array of points currently rendered on the plot \n     * including all of its info and metadata\n     */\n    onDisplayedPointsChange?: (points: Point<T>[]) => void\n    /**\n     * Callback function triggered when a lasso selection is made\n     * \n     * @returns\n     * Array of points inside the lasso\n     * Empty array if no points inside lasso\n     */\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    /**\n     * Callback fucntion triggered when a point is clicked\n     * \n     * @returns\n     * Singular point including all info and metadata\n     */\n    onPointClicked?: (point: Point<T>) => void;\n    /**\n     * Callback fired when the hovered point changes, with the point under the\n     * cursor or null once nothing is hovered.\n     *\n     * Fires on transitions only, not on every mouse move, so it is safe to drive\n     * state with: moving within one point stays silent, and leaving the plot\n     * announces null once.\n     *\n     * Independent of disableTooltip - hover is still tracked when the tooltip is\n     * turned off, so this is the way to render hover affordances of your own\n     * (highlighting a legend entry, say) without also taking the built-in tooltip.\n     *\n     * @returns\n     * Singular point including all info and metadata, or null\n     */\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n    /**\n     * Points to render as hovered when the cursor is not over one itself - a legend entry being\n     * hovered, a search hit, a brush on another chart. They grow and gain the hover ring exactly\n     * as a real hover does, easing in and leaving instantly.\n     *\n     * The cursor wins: while it is over a point, that point is what is hovered and this is\n     * ignored. The two cannot really collide anyway, since reaching a legend means leaving\n     * the plot.\n     *\n     * With groupPointsAnchor set, each entry stands for its whole group - so passing one member\n     * highlights the group, and passing the group itself gives the same result.\n     */\n    hoveredPoints?: Point<T>[];\n    /**\n     * Radius added to a hovered point, in pixels, eased in over the hover animation.\n     *\n     * Turn it down where points are dense enough that a growing point covers its neighbours, or\n     * to 0 to mark the hover with the ring alone.\n     *\n     * @default\n     * 2\n     */\n    hoverGrowth?: number;\n    /**\n     * Color of the ring drawn around a hovered point, faded in alongside the growth.\n     *\n     * @default\n     * \"black\"\n     */\n    hoverStroke?: string;\n    /**\n     * Optional key to specify if you want to group your points.\n     * Must be a key of type Point, or an existing key already in meta data\n     *\n     * If anchor is specified, all grouped points will increase in size on hover of any point in said group\n     */\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    /**\n     * Custom tooltip formatting\n     * can give JSX elements\n     * \n     * @example\n     * tooltipBody={(point) => {\n            return (\n                <Box sx={{ textAlign: \"center\", p: 1 }}>\n                    <DNALogo ppm={formattedPWM} height={100} />\n                    {point.metaData?.tooltipValues && (\n                    <>\n                        <Typography variant=\"body2\">\n                        <strong>Accession:</strong>{\" \"}\n                        {point.metaData.tooltipValues.accession}\n                        </Typography>\n                        <Typography variant=\"body2\">\n                        <strong>DBD:</strong>{\" \"}\n                        {point.metaData.tooltipValues.dbd}\n                        </Typography>\n                        <Typography variant=\"body2\">\n                        <strong>Factor:</strong>{\" \"}\n                        {point.metaData.tooltipValues.factor}\n                        </Typography>\n                    </>\n                    )}\n                </Box>\n            );\n        }}\n     */\n    tooltipBody?: (point: Point<T>) => ReactElement;\n    miniMap?: MiniMapProps;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    initialState?: InitialState<S, Z>;\n    ref?: React.Ref<DownloadPlotHandle>;\n    downloadFileName?: string;\n    /**\n     * If true, shows a download button inside the controls panel.\n     * @default\n     * false\n     */\n    downloadButton?: boolean;\n    animation?: AnimationType;\n    animationBuffer?: number;\n    animationGroupSize?: number;\n    border?: boolean;\n    /**\n     * If true, renders dotted reference lines at x=0 and y=0.\n     * Lines are only shown when the origin is within the current view.\n     * @default\n     * false\n     */\n    originLine?: boolean;\n    /**\n     * If provided, renders a diagonal gradient background (bottom-left → top-right)\n     * centered at the data origin (0, 0), plus an optional colorbar legend.\n     */\n    backgroundGradient?: BackgroundGradient;\n    /**\n     * If true, renders thin crosshair lines tracking the mouse across the full plot area.\n     * @default\n     * false\n     */\n    crosshair?: boolean;\n    /**\n     * Crosshair position in data coordinates, drawn when the mouse is not over this plot.\n     * Used to mirror another plot's crosshair onto this one - see ScatterPlotSync.\n     *\n     * Requires crosshair to be enabled.\n     */\n    crosshairPosition?: CrosshairPosition | null;\n    /**\n     * Callback fired as the crosshair moves, with its position in data coordinates,\n     * or null once the mouse leaves the plot area.\n     *\n     * Requires crosshair to be enabled.\n     */\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n    /**\n     * An externally owned zoom instance. When provided the plot drives that zoom instead of\n     * creating its own, so several plots can share one view - see ScatterPlotSync.\n     *\n     * Plots sharing a zoom must be the same size and share their domains, since the transform\n     * is in pixels.\n     */\n    zoom?: ZoomType;\n    /**\n     * Fixes the x axis domain instead of deriving it from the data extents. Useful to keep the\n     * axes stable as the data changes, or to give several plots a shared coordinate frame.\n     */\n    xDomain?: [number, number];\n    /**\n     * Fixes the y axis domain instead of deriving it from the data extents.\n     */\n    yDomain?: [number, number];\n    /**\n     * Position of the zoom/selection controls relative to the chart.\n     * @default\n     * \"left\"\n     */\n    controlsPosition?: \"left\" | \"right\";\n    /**\n     * Lock the plot to a square, sized to the shorter side of its container and centred in it.\n     *\n     * Off by default, in which case the plot fills the container and its aspect ratio follows\n     * whatever shape that is. Turn it on when the two axes are in the same units and a circle\n     * of points has to stay a circle - a PCA or UMAP embedding, say - rather than being\n     * stretched by the shape of the box it happens to sit in.\n     *\n     * @default\n     * false\n     */\n    square?: boolean;\n};\n\nexport type BackgroundGradient = {\n    /** Three-stop color scale [low, mid, high]. Defaults to [\"red\", \"white\", \"blue\"]. */\n    colorScale?: [string, string, string];\n    /** Opacity of the gradient layer (0–1). Default: 1 */\n    opacity?: number;\n    legend?: {\n        label?: string;\n        minLabel?: string;\n        midLabel?: string;\n        maxLabel?: string;\n    };\n};\n\nexport type Line = { x: number; y: number }[];\nexport type Lines = Line[];\n\nexport type MapProps<T> = {\n    miniMap: MiniMapProps;\n    width: number;\n    height: number;\n    pointData: Point<T>[];\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    crosshair?: CrosshairPosition | null;\n}\n\nexport type TooltipProps<T> = {\n    tooltipBody?: (point: Point<T>) => ReactElement;\n    tooltipData: Point<T>;\n    /**\n     * Cursor position in viewport coordinates (clientX/clientY, not pageX/pageY): the tooltip is\n     * placed against the viewport so that it can never extend the document's scrollable area.\n     */\n    x: number;\n    y: number;\n    style?: CSSProperties;\n}\n\nexport type ControlButtonsProps = {\n    selectable: boolean;\n    resetable: boolean;\n    handleSelectionModeChange: (mode: SelectionMode) => void;\n    selectMode: SelectionMode;\n    zoomIn: () => void;\n    zoomOut: () => void;\n    zoomReset: () => void;\n    highlight?: string;\n    downloadButton: boolean;\n    downloadPlot: () => void;\n}\n\nexport interface TransformMatrix {\n    scaleX: number;\n    scaleY: number;\n    translateX: number;\n    translateY: number;\n    skewX: number;\n    skewY: number;\n}\n\ntype ZoomState = {\n    initialTransformMatrix: TransformMatrix;\n    transformMatrix: TransformMatrix;\n    isDragging: boolean;\n};\n\nexport type ZoomType = ProvidedZoom<React.ReactElement<unknown, string | React.JSXElementConstructor<unknown>>> & ZoomState\n"],"names":["POINT_SHAPES"],"mappings":"AAqBO,MAAMA,IAAe,CAAC,UAAU,YAAY,UAAU,WAAW,SAAS,gBAAgB,GAAG;"}