@weng-lab/visualization 1.3.0-beta.1 → 1.3.1

package/dist/visualization.es3.js

@@ -0,0 +1,306 @@
+import { j as w } from "./visualization.es11.js";
+import { useRef as G, useState as E, useEffect as j } from "react";
+import A from "./visualization.es31.js";
+import me from "./visualization.es32.js";
+import ye from "./visualization.es33.js";
+import { useScreenshot as he } from "./visualization.es34.js";
+import pe from "./visualization.es35.js";
+/* empty css                   */
+import ge from "./visualization.es37.js";
+import { Typography as be } from "@mui/material";
+A.use(me);
+A.use(ye(q));
+function q(o, S, k) {
+  const h = document.createElement("div");
+  return document.body.appendChild(h), pe(h, {
+    getReferenceClientRect: o.getBoundingClientRect,
+    trigger: "manual",
+    content: S,
+    arrow: !0,
+    placement: "bottom",
+    hideOnClick: !1,
+    sticky: "reference",
+    interactive: !0,
+    appendTo: document.body,
+    ...k
+  });
+}
+const Ee = (o, {
+  name: S = "img",
+  extension: k = "jpg"
+} = {}) => {
+  const h = document.createElement("a");
+  h.href = o, h.download = `${S}.${k}`, h.click();
+}, ve = (o) => 10 * Math.log(o * 4 + 1), De = ({
+  data: o,
+  title: S,
+  id: k,
+  width: h = "100%",
+  height: Q = "100%",
+  scale: V = ve,
+  getLabel: W,
+  getColor: u,
+  legendToggle: n,
+  legendNodeLabel: X,
+  legendEdgeLabel: Y,
+  order: m,
+  fontFamily: z = "Arial",
+  onNodeClick: F,
+  onEdgeClick: P,
+  directional: T = !1,
+  scaleLabel: _
+}) => {
+  const M = G(null), [ee] = E(!0), [r, te] = E([]), [C, oe] = E([]), [$, re] = E([]), [y, ne] = E([]), [v, ce] = E(!0), [x, U] = E({}), I = /* @__PURE__ */ new Set();
+  n !== void 0 ? (o.node.forEach((e) => {
+    I.add(n(e));
+  }), o.edge.forEach((e) => {
+    e.category && I.add(n(e));
+  })) : (o.node.forEach((e) => {
+    I.add(e.category);
+  }), o.edge.forEach((e) => {
+    e.category && I.add(e.category);
+  }));
+  let L = /* @__PURE__ */ new Set();
+  o.node.forEach((e) => {
+    n && !m ? L.add(n(e)) : L.add(e.category);
+  }), o.edge.forEach((e) => {
+    e.category && n ? L.add(n(e)) : e.category && L.add(e.category);
+  });
+  let O = Array.from(L);
+  m && (O = O.sort((e, c) => m.indexOf(e) - m.indexOf(c)));
+  const Z = {};
+  O.forEach((e) => {
+    Z[e] = !0;
+  });
+  const D = G(null), [xe, J] = he(), se = () => {
+    D.current && typeof J == "function" && J(D.current).then(Ee);
+  }, ae = G(null);
+  let K = "cy-" + k;
+  j(() => {
+    te(o.node), ne(o.edge), oe(o.edge.map((e) => e.effectSize)), re(o.edge.map((e) => n ? n(e) : e.category !== void 0 ? e.category : "Edge")), U(Z);
+  }, [o]);
+  let ie = r.map((e) => e.category), H = Array.from(new Set(ie));
+  m && (H = H.sort((e, c) => m.indexOf(e) - m.indexOf(c)));
+  const B = r.map((e) => n && !m ? n(e) : e.category), le = r.map((e) => n ? n(e) : e.category), R = (e) => r[e].id;
+  j(() => {
+    if (r.length === 0 || C.length === 0 || $.length === 0 || y.length === 0) return;
+    const e = r.map((t) => t.id);
+    let c = [];
+    for (let t = 0; t < r.length; t++)
+      c.push([]);
+    y.forEach((t) => {
+      const s = e.indexOf(t.from), a = e.indexOf(t.to);
+      s !== -1 && a !== -1 && c[s].push(a);
+    });
+    const f = A({
+      container: document.getElementById(K),
+      style: [{
+        selector: "node",
+        style: {
+          label: "",
+          "font-size": 12
+        }
+      }, {
+        selector: "edge",
+        style: {
+          "line-color": "#ccc",
+          "curve-style": "bezier"
+        }
+      }],
+      minZoom: 0.25,
+      maxZoom: 5
+    });
+    M.current = f, f.ready(() => {
+      f.nodes().forEach((t) => {
+        const a = [30, 70, 110][Math.floor(Math.random() * 3)];
+        t.css("width", a), t.css("height", a);
+      }), f.layout({
+        name: "cose-bilkent",
+        animate: "end",
+        animationDuration: 1e3
+      }).run();
+    });
+    const ue = `data:image/svg+xml;utf8,${encodeURIComponent(`
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px">
+  <path d="M0 0h24v24H0z" fill="none"/>
+  <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
+</svg>
+`)}`;
+    for (var l = 0; l < r.length; l++)
+      x[B[l]] !== !1 && (o?.centered && r[l].id === o.centered.id ? f.add({
+        data: {
+          id: R(l)
+        },
+        // create name
+        position: {
+          // random position
+          x: Math.random() * 1150 + 100,
+          y: Math.random() * 500 + 100
+        },
+        style: {
+          // find color based on CRE
+          "background-color": u ? u(r[l]) : "grey",
+          label: v ? r[l].id : "",
+          fontSize: "12px",
+          borderWidth: "2px",
+          borderColor: "black",
+          fontFamily: z,
+          backgroundFit: "contain",
+          backgroundClip: "none",
+          backgroundImage: `url(${ue})`
+        }
+      }) : f.add({
+        data: {
+          id: R(l)
+        },
+        // create name
+        position: {
+          // random position
+          x: Math.random() * 1150 + 100,
+          y: Math.random() * 500 + 100
+        },
+        style: {
+          // find color based on CRE
+          "background-color": u ? u(r[l]) : "grey",
+          label: v ? W ? W(r[l]) : r[l].id : "",
+          fontSize: "12px",
+          fontFamily: z
+        }
+      }));
+    let p = 0;
+    for (var b = 0; b < r.length; b++)
+      if (x[B[b]] !== !1) {
+        let t = c[b].length;
+        for (let s = 0; s < t; s++) {
+          const a = y[p]?.category;
+          if (x[B[c[b][s]]] !== !1 && (!a || x[$[p]] !== !1)) {
+            let d = o.edge.every((i) => i.category);
+            f.add({
+              data: {
+                id: "edge " + p,
+                source: R(b),
+                target: R(c[b][s]),
+                category: d ? y[p].category : "Edge"
+              },
+              style: {
+                "line-color": u ? u(y[p]) : "grey",
+                "target-arrow-shape": T ? "triangle" : null,
+                "target-arrow-color": u ? u(y[p]) : "grey",
+                width: V(C[p])
+              }
+            });
+          }
+          p++;
+        }
+      }
+    return f.nodes().forEach((t, s) => {
+      const a = t.popperRef(), d = document.createElement("div");
+      o?.centered && e[s].toString() === o.centered.id ? d.innerHTML = `ID: ${e[s]}<br>Type: ${n ? n(r[s]) : r[s].category}<br>Centered Node` : d.innerHTML = `ID: ${e[s]}<br>Type: ${n ? n(r[s]) : r[s].category}`, d.style.fontSize = "12px", d.style.fontFamily = z;
+      const i = q(a, d, {});
+      t.on("mouseover", () => {
+        i.show(), document.body.style.cursor = "pointer";
+      }), t.on("click", () => {
+        if (F) {
+          const g = {
+            accession: t.style("label"),
+            start: 0,
+            end: 0,
+            chromosome: ""
+          };
+          F(g);
+        }
+        i.hide(), document.body.style.cursor = "default";
+      }), t.on("mouseout", () => {
+        i.hide(), document.body.style.cursor = "default";
+      });
+    }), f.edges().forEach((t) => {
+      const s = t.popperRef(), a = document.createElement("div");
+      if (o.edge.every((i) => i.category)) {
+        let i = "";
+        y.forEach((g) => {
+          if (n && g.category && t.data("category") && t.data("category") === g.category) {
+            i = n(g);
+            return;
+          } else if (g.category && t.data("category") && t.data("category") === g.category) {
+            i = g.category;
+            return;
+          }
+        }), i.length === 0 ? a.innerHTML = "Edge" : a.innerHTML = `Edge Type: ${i}`;
+      } else
+        a.innerHTML = "Edge";
+      a.style.fontSize = "12px", a.style.fontFamily = z;
+      const d = q(s, a, {});
+      t.on("click", () => {
+        P && P(), d.hide(), document.body.style.cursor = "default";
+      }), t.on("mouseover", () => d.show()), t.on("mouseout", () => d.hide());
+    }), N(), () => {
+      f.destroy();
+    };
+  }, [r, C, $, y, x]), j(() => {
+    if (!M.current) return;
+    let e = 0;
+    M.current.nodes().forEach((c) => {
+      c.style({
+        label: v ? R(e) : ""
+      }), e++;
+    });
+  }, [v]);
+  const de = () => {
+    const e = M.current;
+    if (e) {
+      const c = {
+        name: "random",
+        animate: !0,
+        animationDuration: 1e3,
+        animationEasing: "ease-out"
+      };
+      e.layout(c).run();
+    }
+  }, N = () => {
+    const e = M.current, c = {
+      name: "cose-bilkent",
+      animate: "end",
+      animationEasing: "ease-out",
+      animationDuration: 1e3,
+      randomize: !0
+    };
+    e && e.layout(c).run();
+  }, fe = (e) => {
+    U((c) => ({
+      ...c,
+      [e]: !c[e]
+    }));
+  };
+  return /* @__PURE__ */ w.jsxs("div", { style: {
+    width: h,
+    height: Q,
+    position: "relative",
+    overflow: "hidden",
+    fontSize: "14px",
+    fontFamily: "helvetica"
+  }, children: [
+    /* @__PURE__ */ w.jsx(be, { variant: "h1", style: {
+      marginLeft: "3px",
+      fontSize: "18px",
+      fontWeight: "bold",
+      fontFamily: z
+    }, children: S }),
+    /* @__PURE__ */ w.jsxs("div", { ref: D, style: {
+      position: "relative"
+    }, children: [
+      /* @__PURE__ */ w.jsx("div", { ref: ae, id: K, style: {
+        width: "95%",
+        height: "90vh",
+        zIndex: 999
+      } }),
+      ee && /* @__PURE__ */ w.jsx("div", { style: {
+        backgroundColor: "white",
+        boxShadow: "0 0 10px rgba(0,0,0,0.5)"
+      }, children: /* @__PURE__ */ w.jsx(ge, { toggles: x, onToggle: fe, simpleCategories: le, edgeType: o.edge.every((e) => e.category), elements: r, edges: y, scales: C, scaleWidth: V, downloadScreenshot: se, randomize: de, organize: N, toggleLabels: () => ce(!v), labelsOn: v, colorFunc: u, legendToggle: n, legendNodeLabel: X, legendEdgeLabel: Y, uniqueCat: m ? H : void 0, scaleLabel: _ }) })
+    ] })
+  ] });
+};
+export {
+  De as default
+};
+//# sourceMappingURL=visualization.es3.js.map

package/dist/visualization.es3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es3.js","sources":["../src/components/Graph/Graph.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState } from 'react';\nimport cytoscape, { Core, EdgeSingular, NodeSingular } from 'cytoscape';\nimport coseBilkent from 'cytoscape-cose-bilkent';\nimport cytoscapePopper from 'cytoscape-popper';\nimport { useScreenshot } from 'use-react-screenshot';\nimport { GraphProps, Node, Edge } from './types';\nimport tippy, { Instance, Props } from 'tippy.js';\nimport 'tippy.js/dist/tippy.css';\n\nimport ControlPanel from './ControlPanel';\nimport { Typography } from '@mui/material';\n\ncytoscape.use(coseBilkent);\ncytoscape.use(cytoscapePopper(popperFactory));\n\nfunction popperFactory(\n  ref: any,\n  content: string | HTMLElement,\n  opts?: Partial<Props>\n): Instance<Props> {\n  const dummyDomElem = document.createElement('div');\n  document.body.appendChild(dummyDomElem);\n  return tippy(dummyDomElem, {\n    getReferenceClientRect: ref.getBoundingClientRect,\n    trigger: 'manual',\n    content: content,\n    arrow: true,\n    placement: 'bottom',\n    hideOnClick: false,\n    sticky: 'reference',\n    interactive: true,\n    appendTo: document.body,\n    ...opts,\n  });\n}\n\nconst download = (image: string, { name = 'img', extension = 'jpg' } = {}) => {\n  const a = document.createElement('a');\n  a.href = image;\n  a.download = `${name}.${extension}`;\n  a.click();\n};\n\nconst defaultScale = (n: number) => 10 * Math.log(n * 4 + 1);\n\nconst Graph: React.FC<GraphProps> = ({\n  data,\n  title,\n  id,\n  width = '100%',\n  height = '100%',\n  scale = defaultScale,\n  getLabel,\n  getColor,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  order,\n  fontFamily = 'Arial',\n  onNodeClick,\n  onEdgeClick,\n  directional = false,\n  scaleLabel,\n}) => {\n  const cyRef = useRef<Core | null>(null);\n\n  // state hooks\n  const [showControls] = useState(true);\n  const [elements, setElements] = useState<Node[]>([]);\n  const [scales, setScales] = useState<number[]>([]);\n  const [edgeTypes, setEdgeTypes] = useState<string[]>([]);\n  const [edges, setEdges] = useState<Edge[]>([]);\n  const [showLabels, setShowLabels] = useState(true);\n  const [toggles, setToggles] = useState<{ [key: string]: boolean }>({});\n\n  // unique categories for legend toggles or the node / edge categories\n  const uniqueCategories = new Set<string>();\n\n  if (legendToggle !== undefined) {\n    data.node.forEach((node) => {\n      uniqueCategories.add(legendToggle(node));\n    });\n\n    data.edge.forEach((edge) => {\n      if (edge.category) {\n        uniqueCategories.add(legendToggle(edge));\n      }\n    });\n  } else {\n    data.node.forEach((node) => {\n      uniqueCategories.add(node.category);\n    });\n\n    data.edge.forEach((edge) => {\n      if (edge.category) {\n        uniqueCategories.add(edge.category);\n      }\n    });\n  }\n\n  let allCategories = new Set<string>(); // holds all unique categories of nodes based on legendToggle and order\n  data.node.forEach((node) => {\n    if (legendToggle && !order) {\n      allCategories.add(legendToggle(node)); // simple legend name\n    } else {\n      allCategories.add(node.category); // node category\n    }\n  });\n  data.edge.forEach((edge) => {\n    if (edge.category && legendToggle) {\n      allCategories.add(legendToggle(edge));\n    } else if (edge.category) {\n      allCategories.add(edge.category);\n    }\n  });\n\n  let orderedCategories = Array.from(allCategories);\n\n  if (order) {\n    orderedCategories = orderedCategories.sort(\n      (a, b) => order.indexOf(a) - order.indexOf(b)\n    );\n  }\n\n  const initialToggles: { [key: string]: boolean } = {};\n  orderedCategories.forEach((category) => {\n    initialToggles[category] = true;\n  });\n\n  // DOWNLOAD SCREENSHOT\n  const ref = useRef<HTMLDivElement>(null);\n  const [_, takeScreenShot] = useScreenshot();\n\n  const downloadScreenshot = () => {\n    if (ref.current && typeof takeScreenShot === 'function') {\n      takeScreenShot(ref.current).then(download);\n    }\n  };\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // each graph needs a unique id\n  let k = 'cy-' + id;\n\n  useEffect(() => {\n    setElements(data.node);\n    setEdges(data.edge);\n    setScales(data.edge.map((e: Edge) => e.effectSize));\n    setEdgeTypes(\n      data.edge.map((e) => {\n        if (legendToggle) return legendToggle(e);\n        if (e.category !== undefined) return e.category;\n        return 'Edge';\n      })\n    );\n    setToggles(initialToggles);\n  }, [data]);\n\n  let elem = elements.map((e) => e.category);\n  let unique = Array.from(new Set(elem)); // holds unique node categories only\n\n  if (order) {\n    unique = unique.sort((a, b) => order.indexOf(a) - order.indexOf(b));\n  }\n\n  const simple: string[] = elements.map((e) => {\n    // used for toggles\n    if (legendToggle && !order) return legendToggle(e);\n    else {\n      return e.category;\n    }\n  });\n  const simpleCat: string[] = elements.map((e) => {\n    // used for legend calculations\n    if (legendToggle) return legendToggle(e);\n    else {\n      return e.category;\n    }\n  });\n\n  const createID = (index: number): string => elements[index].id;\n  useEffect(() => {\n    if (\n      elements.length === 0 ||\n      scales.length === 0 ||\n      edgeTypes.length === 0 ||\n      edges.length === 0\n    )\n      return;\n\n    const allcCREs: string[] = elements.map((e) => e.id);\n\n    let connect: number[][] = [];\n    for (let i = 0; i < elements.length; i++) {\n      connect.push([]); // does not work with Array.fill\n    }\n\n    // connect holds all the connections between nodes\n    // connect[0] holds the TARGET node INDICES for the FIRST node\n    edges.forEach((e) => {\n      const fromIndex = allcCREs.indexOf(e.from);\n      const toIndex = allcCREs.indexOf(e.to);\n\n      if (fromIndex !== -1 && toIndex !== -1) {\n        connect[fromIndex].push(toIndex);\n      }\n    });\n    const cy = cytoscape({\n      container: document.getElementById(k),\n      style: [\n        {\n          selector: 'node',\n          style: {\n            label: '',\n            'font-size': 12,\n          },\n        },\n        {\n          selector: 'edge',\n          style: {\n            'line-color': '#ccc',\n            'curve-style': 'bezier',\n          },\n        },\n      ],\n      minZoom: 0.25,\n      maxZoom: 5,\n    });\n\n    cyRef.current = cy; // save Cytoscape instance to ref\n\n    cy.ready(() => {\n      cy.nodes().forEach((node: NodeSingular) => {\n        const width = [30, 70, 110];\n        const size = width[Math.floor(Math.random() * 3)];\n        node.css('width', size);\n        node.css('height', size);\n      });\n\n      cy.layout({\n        name: 'cose-bilkent',\n        animate: 'end',\n        animationDuration: 1000,\n      } as any).run();\n    });\n\n    const starSVG = `\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"black\" width=\"24px\" height=\"24px\">\n  <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n  <path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"/>\n</svg>\n`;\n    const starSVGURL = `data:image/svg+xml;utf8,${encodeURIComponent(starSVG)}`;\n\n    // ADD NODES\n    for (var i = 0; i < elements.length; i++) {\n      if (toggles[simple[i]] !== false) {\n        if (data?.centered && elements[i].id === data.centered.id) {\n          // if centered node\n          cy.add({\n            data: { id: createID(i) }, // create name\n            position: {\n              // random position\n              x: Math.random() * (1250 - 100) + 100,\n              y: Math.random() * (600 - 100) + 100,\n            },\n            style: {\n              // find color based on CRE\n              'background-color': getColor ? getColor(elements[i]) : 'grey',\n              label: showLabels ? elements[i].id : '',\n              fontSize: '12px',\n              borderWidth: '2px',\n              borderColor: 'black',\n              fontFamily: fontFamily,\n              backgroundFit: 'contain',\n              backgroundClip: 'none',\n              backgroundImage: `url(${starSVGURL})`,\n            },\n          });\n        } else {\n          cy.add({\n            data: { id: createID(i) }, // create name\n            position: {\n              // random position\n              x: Math.random() * (1250 - 100) + 100,\n              y: Math.random() * (600 - 100) + 100,\n            },\n            style: {\n              // find color based on CRE\n              'background-color': getColor ? getColor(elements[i]) : 'grey',\n              label: showLabels\n                ? getLabel\n                  ? getLabel(elements[i])\n                  : elements[i].id\n                : '',\n              fontSize: '12px',\n              fontFamily: fontFamily,\n            },\n          });\n        }\n      }\n    }\n\n    // ADD EDGES\n    let edgeCount = 0;\n\n    for (var j = 0; j < elements.length; j++) {\n      // add # of edges per node based on the target connections\n      if (toggles[simple[j]] !== false) {\n        let len = connect[j].length;\n        for (let s = 0; s < len; s++) {\n          const edgeCategory = edges[edgeCount]?.category;\n\n          if (\n            toggles[simple[connect[j][s]]] !== false &&\n            (edgeCategory ? toggles[edgeTypes[edgeCount]] !== false : true)\n          ) {\n            let c = data.edge.every((e) => e.category);\n            cy.add({\n              data: {\n                id: 'edge ' + edgeCount,\n                source: createID(j),\n                target: createID(connect[j][s]),\n                category: c ? edges[edgeCount].category : 'Edge',\n              },\n              style: {\n                'line-color': getColor ? getColor(edges[edgeCount]) : 'grey',\n                'target-arrow-shape': directional ? 'triangle' : null,\n                'target-arrow-color': getColor\n                  ? getColor(edges[edgeCount])\n                  : 'grey',\n                width: scale(scales[edgeCount]),\n              },\n            });\n          }\n          edgeCount++;\n        }\n      }\n    }\n\n    // TOOLTIP NODES\n    cy.nodes().forEach((node: NodeSingular, idx: number) => {\n      const ref = node.popperRef();\n      const content = document.createElement('div');\n      if (data?.centered && allcCREs[idx].toString() === data.centered.id) {\n        content.innerHTML = `ID: ${allcCREs[idx]}<br>Type: ${\n          legendToggle ? legendToggle(elements[idx]) : elements[idx].category\n        }<br>Centered Node`;\n      } else {\n        content.innerHTML = `ID: ${allcCREs[idx]}<br>Type: ${\n          legendToggle ? legendToggle(elements[idx]) : elements[idx].category\n        }`;\n      }\n\n      content.style.fontSize = '12px';\n      content.style.fontFamily = fontFamily;\n      const tip = popperFactory(ref, content, {});\n\n      node.on('mouseover', () => {\n        tip.show();\n        document.body.style.cursor = 'pointer';\n      });\n\n      node.on('click', () => {\n        if (onNodeClick) {\n          const c = {\n            accession: node.style('label'),\n            start: 0,\n            end: 0,\n            chromosome: '',\n          };\n          onNodeClick(c);\n        }\n\n        tip.hide();\n        document.body.style.cursor = 'default';\n      });\n\n      node.on('mouseout', () => {\n        tip.hide();\n        document.body.style.cursor = 'default';\n      });\n    });\n\n    // TOOLTIP EDGES\n    cy.edges().forEach((edge: EdgeSingular) => {\n      const ref = edge.popperRef();\n      const content = document.createElement('div');\n\n      if (data.edge.every((e) => e.category)) {\n        let c = '';\n        edges.forEach((e) => {\n          if (\n            legendToggle &&\n            e.category &&\n            edge.data('category') &&\n            edge.data('category') === e.category\n          ) {\n            c = legendToggle(e);\n            return;\n          } else if (\n            e.category &&\n            edge.data('category') &&\n            edge.data('category') === e.category\n          ) {\n            c = e.category;\n            return;\n          }\n        });\n\n        if (c.length === 0) {\n          content.innerHTML = `Edge`;\n        } else {\n          content.innerHTML = `Edge Type: ${c}`;\n        }\n      } else {\n        content.innerHTML = `Edge`;\n      }\n\n      content.style.fontSize = '12px';\n      content.style.fontFamily = fontFamily;\n      const tip = popperFactory(ref, content, {});\n      edge.on('click', () => {\n        if (onEdgeClick) {\n          onEdgeClick();\n        }\n\n        tip.hide();\n        document.body.style.cursor = 'default';\n      });\n\n      edge.on('mouseover', () => tip.show());\n      edge.on('mouseout', () => tip.hide());\n    });\n\n    organize();\n\n    return () => {\n      cy.destroy();\n    };\n  }, [elements, scales, edgeTypes, edges, toggles]);\n\n  // toggle labels\n  useEffect(() => {\n    if (!cyRef.current) return;\n    let ind = 0;\n\n    cyRef.current.nodes().forEach((node) => {\n      node.style({\n        label: showLabels ? createID(ind) : '',\n      });\n      ind++;\n    });\n  }, [showLabels]);\n\n  // RANDOMIZE\n  const randomize = () => {\n    const cy = cyRef.current;\n    if (cy) {\n      const options = {\n        name: 'random',\n        animate: true,\n        animationDuration: 1000,\n        animationEasing: 'ease-out',\n      } as any;\n      cy.layout(options).run();\n    }\n  };\n\n  // ORGANIZE\n  const organize = () => {\n    const cy = cyRef.current;\n    const options = {\n      name: 'cose-bilkent',\n      animate: 'end',\n      animationEasing: 'ease-out',\n      animationDuration: 1000,\n      randomize: true,\n    } as any;\n    if (cy) {\n      cy.layout(options).run();\n    }\n  };\n\n  // TOGGLE CATEGORIES\n  const handleToggle = (category: string) => {\n    setToggles((prevToggles) => ({\n      ...prevToggles,\n      [category]: !prevToggles[category],\n    }));\n  };\n\n  return (\n    <div\n      style={{\n        width: width,\n        height: height,\n        position: 'relative',\n        overflow: 'hidden',\n        fontSize: '14px',\n        fontFamily: 'helvetica',\n      }}\n    >\n      <Typography\n        variant=\"h1\"\n        style={{\n          marginLeft: '3px',\n          fontSize: '18px',\n          fontWeight: 'bold',\n          fontFamily: fontFamily,\n        }}\n      >\n        {title}\n      </Typography>\n\n      <div\n        ref={ref}\n        style={{\n          position: 'relative',\n        }}\n      >\n        <div\n          ref={containerRef}\n          id={k}\n          style={{\n            width: '95%',\n            height: '90vh',\n            zIndex: 999,\n          }}\n        ></div>\n\n        {showControls && (\n          <div\n            style={{\n              backgroundColor: 'white',\n              boxShadow: '0 0 10px rgba(0,0,0,0.5)',\n            }}\n          >\n            <ControlPanel\n              toggles={toggles}\n              onToggle={handleToggle}\n              simpleCategories={simpleCat}\n              edgeType={data.edge.every((e) => e.category)}\n              elements={elements}\n              edges={edges}\n              scales={scales}\n              scaleWidth={scale}\n              downloadScreenshot={downloadScreenshot}\n              randomize={randomize}\n              organize={organize}\n              toggleLabels={() => setShowLabels(!showLabels)}\n              labelsOn={showLabels}\n              colorFunc={getColor}\n              legendToggle={legendToggle}\n              legendNodeLabel={legendNodeLabel}\n              legendEdgeLabel={legendEdgeLabel}\n              uniqueCat={order ? unique : undefined}\n              scaleLabel={scaleLabel}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Graph;\n"],"names":["cytoscape","use","coseBilkent","cytoscapePopper","popperFactory","ref","content","opts","dummyDomElem","document","createElement","body","appendChild","tippy","getReferenceClientRect","getBoundingClientRect","trigger","arrow","placement","hideOnClick","sticky","interactive","appendTo","download","image","name","extension","a","href","click","defaultScale","n","Math","log","Graph","data","title","id","width","height","scale","getLabel","getColor","legendToggle","legendNodeLabel","legendEdgeLabel","order","fontFamily","onNodeClick","onEdgeClick","directional","scaleLabel","cyRef","useRef","showControls","useState","elements","setElements","scales","setScales","edgeTypes","setEdgeTypes","edges","setEdges","showLabels","setShowLabels","toggles","setToggles","uniqueCategories","Set","undefined","node","forEach","add","edge","category","allCategories","orderedCategories","Array","from","sort","b","indexOf","initialToggles","_","takeScreenShot","useScreenshot","downloadScreenshot","current","then","containerRef","k","useEffect","map","e","effectSize","elem","unique","simple","simpleCat","createID","index","length","allcCREs","connect","i","push","fromIndex","toIndex","to","cy","container","getElementById","style","selector","label","minZoom","maxZoom","ready","nodes","size","floor","random","css","layout","animate","animationDuration","run","starSVGURL","encodeURIComponent","centered","position","x","y","fontSize","borderWidth","borderColor","backgroundFit","backgroundClip","backgroundImage","edgeCount","j","len","s","edgeCategory","c","every","source","target","idx","popperRef","toString","innerHTML","tip","on","show","cursor","accession","start","end","chromosome","hide","organize","destroy","ind","randomize","options","animationEasing","handleToggle","prevToggles","jsxs","overflow","jsx","Typography","marginLeft","fontWeight","zIndex","backgroundColor","boxShadow","ControlPanel"],"mappings":"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"}

package/dist/visualization.es30.js

@@ -0,0 +1,60 @@
+import n from "./visualization.es112.js";
+import c from "react";
+import P from "./visualization.es113.js";
+var S = ["className", "top", "left", "offsetLeft", "offsetTop", "style", "children", "unstyled", "applyPositionStyle"];
+function i() {
+  return i = Object.assign ? Object.assign.bind() : function(t) {
+    for (var s = 1; s < arguments.length; s++) {
+      var o = arguments[s];
+      for (var e in o)
+        Object.prototype.hasOwnProperty.call(o, e) && (t[e] = o[e]);
+    }
+    return t;
+  }, i.apply(this, arguments);
+}
+function T(t, s) {
+  if (t == null) return {};
+  var o = {}, e = Object.keys(t), l, r;
+  for (r = 0; r < e.length; r++)
+    l = e[r], !(s.indexOf(l) >= 0) && (o[l] = t[l]);
+  return o;
+}
+var L = {
+  position: "absolute",
+  backgroundColor: "white",
+  color: "#666666",
+  padding: ".3rem .5rem",
+  borderRadius: "3px",
+  fontSize: "14px",
+  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
+  lineHeight: "1em",
+  pointerEvents: "none"
+}, m = /* @__PURE__ */ c.forwardRef(function(t, s) {
+  var o = t.className, e = t.top, l = t.left, r = t.offsetLeft, a = r === void 0 ? 10 : r, f = t.offsetTop, p = f === void 0 ? 10 : f, u = t.style, b = u === void 0 ? L : u, v = t.children, d = t.unstyled, g = d === void 0 ? !1 : d, y = t.applyPositionStyle, h = y === void 0 ? !1 : y, x = T(t, S);
+  return /* @__PURE__ */ c.createElement("div", i({
+    ref: s,
+    className: P("visx-tooltip", o),
+    style: i({
+      top: e == null || p == null ? e : e + p,
+      left: l == null || a == null ? l : l + a
+    }, h && {
+      position: "absolute"
+    }, !g && b)
+  }, x), v);
+});
+m.propTypes = {
+  children: n.node,
+  className: n.string,
+  left: n.number,
+  offsetLeft: n.number,
+  offsetTop: n.number,
+  top: n.number,
+  applyPositionStyle: n.bool,
+  unstyled: n.bool
+};
+m.displayName = "Tooltip";
+export {
+  m as default,
+  L as defaultStyles
+};
+//# sourceMappingURL=visualization.es30.js.map

package/dist/visualization.es30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es30.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@3.12.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"],"sourcesContent":["import _pt from \"prop-types\";\nvar _excluded = [\"className\", \"top\", \"left\", \"offsetLeft\", \"offsetTop\", \"style\", \"children\", \"unstyled\", \"applyPositionStyle\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from 'react';\nimport cx from 'classnames';\nexport var defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '.3rem .5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nvar Tooltip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {\n  var className = _ref.className,\n    top = _ref.top,\n    left = _ref.left,\n    _ref$offsetLeft = _ref.offsetLeft,\n    offsetLeft = _ref$offsetLeft === void 0 ? 10 : _ref$offsetLeft,\n    _ref$offsetTop = _ref.offsetTop,\n    offsetTop = _ref$offsetTop === void 0 ? 10 : _ref$offsetTop,\n    _ref$style = _ref.style,\n    style = _ref$style === void 0 ? defaultStyles : _ref$style,\n    children = _ref.children,\n    _ref$unstyled = _ref.unstyled,\n    unstyled = _ref$unstyled === void 0 ? false : _ref$unstyled,\n    _ref$applyPositionSty = _ref.applyPositionStyle,\n    applyPositionStyle = _ref$applyPositionSty === void 0 ? false : _ref$applyPositionSty,\n    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);\n  return /*#__PURE__*/React.createElement(\"div\", _extends({\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: _extends({\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft\n    }, applyPositionStyle && {\n      position: 'absolute'\n    }, !unstyled && style)\n  }, restProps), children);\n});\nTooltip.propTypes = {\n  children: _pt.node,\n  className: _pt.string,\n  left: _pt.number,\n  offsetLeft: _pt.number,\n  offsetTop: _pt.number,\n  top: _pt.number,\n  applyPositionStyle: _pt.bool,\n  unstyled: _pt.bool\n};\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["_excluded","_extends","target","i","source","key","_objectWithoutPropertiesLoose","excluded","sourceKeys","defaultStyles","Tooltip","React","_ref","ref","className","top","left","_ref$offsetLeft","offsetLeft","_ref$offsetTop","offsetTop","_ref$style","style","children","_ref$unstyled","unstyled","_ref$applyPositionSty","applyPositionStyle","restProps","cx","_pt"],"mappings":";;;AACA,IAAIA,IAAY,CAAC,aAAa,OAAO,QAAQ,cAAc,aAAa,SAAS,YAAY,YAAY,oBAAoB;AAC7H,SAASC,IAAW;AAAE,SAAAA,IAAW,OAAO,SAAS,OAAO,OAAO,SAAS,SAAUC,GAAQ;AAAE,aAASC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAAE,UAAIC,IAAS,UAAUD,CAAC;AAAG,eAASE,KAAOD;AAAU,QAAI,OAAO,UAAU,eAAe,KAAKA,GAAQC,CAAG,MAAKH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAA,IAAO;AAAE,WAAOH;AAAA,EAAQ,GAAUD,EAAS,MAAM,MAAM,SAAS;AAAG;AAClV,SAASK,EAA8BF,GAAQG,GAAU;AAAE,MAAIH,KAAU,KAAM,QAAO,CAAA;AAAI,MAAIF,IAAS,CAAA,GAAQM,IAAa,OAAO,KAAKJ,CAAM,GAAOC,GAAKF;AAAG,OAAKA,IAAI,GAAGA,IAAIK,EAAW,QAAQL;AAA4B,IAArBE,IAAMG,EAAWL,CAAC,GAAO,EAAAI,EAAS,QAAQF,CAAG,KAAK,OAAaH,EAAOG,CAAG,IAAID,EAAOC,CAAG;AAAK,SAAOH;AAAQ;AAGxS,IAACO,IAAgB;AAAA,EACzB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACIC,IAAuBC,gBAAAA,EAAM,WAAW,SAAUC,GAAMC,GAAK;AAC/D,MAAIC,IAAYF,EAAK,WACnBG,IAAMH,EAAK,KACXI,IAAOJ,EAAK,MACZK,IAAkBL,EAAK,YACvBM,IAAaD,MAAoB,SAAS,KAAKA,GAC/CE,IAAiBP,EAAK,WACtBQ,IAAYD,MAAmB,SAAS,KAAKA,GAC7CE,IAAaT,EAAK,OAClBU,IAAQD,MAAe,SAASZ,IAAgBY,GAChDE,IAAWX,EAAK,UAChBY,IAAgBZ,EAAK,UACrBa,IAAWD,MAAkB,SAAS,KAAQA,GAC9CE,IAAwBd,EAAK,oBAC7Be,IAAqBD,MAA0B,SAAS,KAAQA,GAChEE,IAAYtB,EAA8BM,GAAMZ,CAAS;AAC3D,SAAoBW,gBAAAA,EAAM,cAAc,OAAOV,EAAS;AAAA,IACtD,KAAKY;AAAA,IACL,WAAWgB,EAAG,gBAAgBf,CAAS;AAAA,IACvC,OAAOb,EAAS;AAAA,MACd,KAAKc,KAAO,QAAQK,KAAa,OAAOL,IAAMA,IAAMK;AAAA,MACpD,MAAMJ,KAAQ,QAAQE,KAAc,OAAOF,IAAOA,IAAOE;AAAA,IAC/D,GAAOS,KAAsB;AAAA,MACvB,UAAU;AAAA,IAChB,GAAO,CAACF,KAAYH,CAAK;AAAA,EACzB,GAAKM,CAAS,GAAGL,CAAQ;AACzB,CAAC;AACDb,EAAQ,YAAY;AAAA,EAClB,UAAUoB,EAAI;AAAA,EACd,WAAWA,EAAI;AAAA,EACf,MAAMA,EAAI;AAAA,EACV,YAAYA,EAAI;AAAA,EAChB,WAAWA,EAAI;AAAA,EACf,KAAKA,EAAI;AAAA,EACT,oBAAoBA,EAAI;AAAA,EACxB,UAAUA,EAAI;AAChB;AACApB,EAAQ,cAAc;","x_google_ignoreList":[0]}

package/dist/visualization.es300.js

@@ -0,0 +1,5 @@
+const o = {};
+export {
+  o as MotionGlobalConfig
+};
+//# sourceMappingURL=visualization.es300.js.map

package/dist/visualization.es300.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es300.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/global-config.mjs"],"sourcesContent":["const MotionGlobalConfig = {};\n\nexport { MotionGlobalConfig };\n"],"names":["MotionGlobalConfig"],"mappings":"AAAK,MAACA,IAAqB,CAAA;","x_google_ignoreList":[0]}

package/dist/visualization.es301.js

@@ -0,0 +1,7 @@
+function e(t) {
+  return typeof t == "object" && t !== null;
+}
+export {
+  e as isObject
+};
+//# sourceMappingURL=visualization.es301.js.map

package/dist/visualization.es301.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es301.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/is-object.mjs"],"sourcesContent":["function isObject(value) {\n    return typeof value === \"object\" && value !== null;\n}\n\nexport { isObject };\n"],"names":["isObject","value"],"mappings":"AAAA,SAASA,EAASC,GAAO;AACrB,SAAO,OAAOA,KAAU,YAAYA,MAAU;AAClD;","x_google_ignoreList":[0]}

package/dist/visualization.es302.js

@@ -0,0 +1,9 @@
+// @__NO_SIDE_EFFECTS__
+function r(n) {
+  let e;
+  return () => (e === void 0 && (e = n()), e);
+}
+export {
+  r as memo
+};
+//# sourceMappingURL=visualization.es302.js.map

package/dist/visualization.es302.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es302.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/memo.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nfunction memo(callback) {\n    let result;\n    return () => {\n        if (result === undefined)\n            result = callback();\n        return result;\n    };\n}\n\nexport { memo };\n"],"names":["memo","callback","result"],"mappings":";AACA,SAASA,EAAKC,GAAU;AACpB,MAAIC;AACJ,SAAO,OACCA,MAAW,WACXA,IAASD,EAAQ,IACdC;AAEf;","x_google_ignoreList":[0]}

package/dist/visualization.es303.js

@@ -0,0 +1,5 @@
+const n = /* @__NO_SIDE_EFFECTS__ */ (o) => o;
+export {
+  n as noop
+};
+//# sourceMappingURL=visualization.es303.js.map

package/dist/visualization.es303.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es303.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/noop.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nconst noop = (any) => any;\n\nexport { noop };\n"],"names":["noop","any"],"mappings":"AACK,MAACA,+BAAO,CAACC,MAAQA;","x_google_ignoreList":[0]}

package/dist/visualization.es304.js

@@ -0,0 +1,5 @@
+const o = (c, e) => (n) => e(c(n)), t = (...c) => c.reduce(o);
+export {
+  t as pipe
+};
+//# sourceMappingURL=visualization.es304.js.map

package/dist/visualization.es304.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es304.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/pipe.mjs"],"sourcesContent":["/**\n * Pipe\n * Compose other transformers to run linearily\n * pipe(min(20), max(40))\n * @param  {...functions} transformers\n * @return {function}\n */\nconst combineFunctions = (a, b) => (v) => b(a(v));\nconst pipe = (...transformers) => transformers.reduce(combineFunctions);\n\nexport { pipe };\n"],"names":["combineFunctions","a","b","v","pipe","transformers"],"mappings":"AAOA,MAAMA,IAAmB,CAACC,GAAGC,MAAM,CAACC,MAAMD,EAAED,EAAEE,CAAC,CAAC,GAC1CC,IAAO,IAAIC,MAAiBA,EAAa,OAAOL,CAAgB;","x_google_ignoreList":[0]}

package/dist/visualization.es305.js

@@ -0,0 +1,8 @@
+const n = /* @__NO_SIDE_EFFECTS__ */ (e, o, t) => {
+  const r = o - e;
+  return r === 0 ? 1 : (t - e) / r;
+};
+export {
+  n as progress
+};
+//# sourceMappingURL=visualization.es305.js.map

package/dist/visualization.es305.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es305.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/progress.mjs"],"sourcesContent":["/*\n  Progress within given range\n\n  Given a lower limit and an upper limit, we return the progress\n  (expressed as a number 0-1) represented by the given value, and\n  limit that progress to within 0-1.\n\n  @param [number]: Lower limit\n  @param [number]: Upper limit\n  @param [number]: Value to find progress within given range\n  @return [number]: Progress of value within range as expressed 0-1\n*/\n/*#__NO_SIDE_EFFECTS__*/\nconst progress = (from, to, value) => {\n    const toFromDifference = to - from;\n    return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;\n};\n\nexport { progress };\n"],"names":["progress","from","to","value","toFromDifference"],"mappings":"AAaK,MAACA,+BAAW,CAACC,GAAMC,GAAIC,MAAU;AAClC,QAAMC,IAAmBF,IAAKD;AAC9B,SAAOG,MAAqB,IAAI,KAAKD,IAAQF,KAAQG;AACzD;","x_google_ignoreList":[0]}

package/dist/visualization.es306.js

@@ -0,0 +1,6 @@
+const s = /* @__NO_SIDE_EFFECTS__ */ (o) => o * 1e3, c = /* @__NO_SIDE_EFFECTS__ */ (o) => o / 1e3;
+export {
+  c as millisecondsToSeconds,
+  s as secondsToMilliseconds
+};
+//# sourceMappingURL=visualization.es306.js.map

package/dist/visualization.es306.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es306.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/time-conversion.mjs"],"sourcesContent":["/**\n * Converts seconds to milliseconds\n *\n * @param seconds - Time in seconds.\n * @return milliseconds - Converted time in milliseconds.\n */\n/*#__NO_SIDE_EFFECTS__*/\nconst secondsToMilliseconds = (seconds) => seconds * 1000;\n/*#__NO_SIDE_EFFECTS__*/\nconst millisecondsToSeconds = (milliseconds) => milliseconds / 1000;\n\nexport { millisecondsToSeconds, secondsToMilliseconds };\n"],"names":["secondsToMilliseconds","seconds","millisecondsToSeconds","milliseconds"],"mappings":"AAOK,MAACA,+BAAwB,CAACC,MAAYA,IAAU,KAE/CC,+BAAwB,CAACC,MAAiBA,IAAe;","x_google_ignoreList":[0]}

package/dist/visualization.es307.js

@@ -0,0 +1,7 @@
+function n(c, e) {
+  return e ? c * (1e3 / e) : 0;
+}
+export {
+  n as velocityPerSecond
+};
+//# sourceMappingURL=visualization.es307.js.map

package/dist/visualization.es307.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es307.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/velocity-per-second.mjs"],"sourcesContent":["/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n"],"names":["velocityPerSecond","velocity","frameDuration"],"mappings":"AAMA,SAASA,EAAkBC,GAAUC,GAAe;AAChD,SAAOA,IAAgBD,KAAY,MAAOC,KAAiB;AAC/D;","x_google_ignoreList":[0]}

package/dist/visualization.es308.js

@@ -0,0 +1,6 @@
+import { backIn as o } from "./visualization.es309.js";
+const c = (t) => (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
+export {
+  c as anticipate
+};
+//# sourceMappingURL=visualization.es308.js.map

package/dist/visualization.es308.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es308.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/easing/anticipate.mjs"],"sourcesContent":["import { backIn } from './back.mjs';\n\nconst anticipate = (p) => (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));\n\nexport { anticipate };\n"],"names":["anticipate","p","backIn"],"mappings":";AAEK,MAACA,IAAa,CAACC,OAAOA,KAAK,KAAK,IAAI,MAAMC,EAAOD,CAAC,IAAI,OAAO,IAAI,KAAK,IAAI,GAAG,OAAOA,IAAI,EAAE;","x_google_ignoreList":[0]}

package/dist/visualization.es309.js

@@ -0,0 +1,10 @@
+import { cubicBezier as r } from "./visualization.es310.js";
+import { mirrorEasing as o } from "./visualization.es311.js";
+import { reverseEasing as t } from "./visualization.es312.js";
+const c = /* @__PURE__ */ r(0.33, 1.53, 0.69, 0.99), i = /* @__PURE__ */ t(c), s = /* @__PURE__ */ o(i);
+export {
+  i as backIn,
+  s as backInOut,
+  c as backOut
+};
+//# sourceMappingURL=visualization.es309.js.map

package/dist/visualization.es309.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualization.es309.js","sources":["../../../node_modules/.pnpm/motion-utils@12.23.6/node_modules/motion-utils/dist/es/easing/back.mjs"],"sourcesContent":["import { cubicBezier } from './cubic-bezier.mjs';\nimport { mirrorEasing } from './modifiers/mirror.mjs';\nimport { reverseEasing } from './modifiers/reverse.mjs';\n\nconst backOut = /*@__PURE__*/ cubicBezier(0.33, 1.53, 0.69, 0.99);\nconst backIn = /*@__PURE__*/ reverseEasing(backOut);\nconst backInOut = /*@__PURE__*/ mirrorEasing(backIn);\n\nexport { backIn, backInOut, backOut };\n"],"names":["backOut","cubicBezier","backIn","reverseEasing","backInOut","mirrorEasing"],"mappings":";;;AAIK,MAACA,IAAwB,gBAAAC,EAAY,MAAM,MAAM,MAAM,IAAI,GAC1DC,IAAuB,gBAAAC,EAAcH,CAAO,GAC5CI,IAA0B,gBAAAC,EAAaH,CAAM;","x_google_ignoreList":[0]}