@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es458.js

@@ -1,26 +1,19 @@
-function r({ top: t, left: o, right: n, bottom: x }) {
-  return {
-    x: { min: o, max: n },
-    y: { min: t, max: x }
-  };
-}
-function e({ x: t, y: o }) {
-  return { top: o.min, right: t.max, bottom: o.max, left: t.min };
-}
-function m(t, o) {
-  if (!o)
-    return t;
-  const n = o({ x: t.left, y: t.top }), x = o({ x: t.right, y: t.bottom });
-  return {
-    top: n.y,
-    left: n.x,
-    bottom: x.y,
-    right: x.x
-  };
-}
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  r as convertBoundingBoxToBox,
-  e as convertBoxToBoundingBox,
-  m as transformBoxPoints
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };
 //# sourceMappingURL=visualization.es458.js.map

package/dist/visualization.es458.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es458.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs"],"sourcesContent":["/**\n * Bounding boxes tend to be defined as top, left, right, bottom. For various operations\n * it's easier to consider each axis individually. This function returns a bounding box\n * as a map of single-axis min/max values.\n */\nfunction convertBoundingBoxToBox({ top, left, right, bottom, }) {\n    return {\n        x: { min: left, max: right },\n        y: { min: top, max: bottom },\n    };\n}\nfunction convertBoxToBoundingBox({ x, y }) {\n    return { top: y.min, right: x.max, bottom: y.max, left: x.min };\n}\n/**\n * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function\n * provided by Framer to allow measured points to be corrected for device scaling. This is used\n * when measuring DOM elements and DOM event points.\n */\nfunction transformBoxPoints(point, transformPoint) {\n    if (!transformPoint)\n        return point;\n    const topLeft = transformPoint({ x: point.left, y: point.top });\n    const bottomRight = transformPoint({ x: point.right, y: point.bottom });\n    return {\n        top: topLeft.y,\n        left: topLeft.x,\n        bottom: bottomRight.y,\n        right: bottomRight.x,\n    };\n}\n\nexport { convertBoundingBoxToBox, convertBoxToBoundingBox, transformBoxPoints };\n//# sourceMappingURL=conversion.mjs.map\n"],"names":["convertBoundingBoxToBox","top","left","right","bottom","convertBoxToBoundingBox","x","y","transformBoxPoints","point","transformPoint","topLeft","bottomRight"],"mappings":"AAKA,SAASA,EAAwB,EAAE,KAAAC,GAAK,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAM,GAAK;AAC5D,SAAO;AAAA,IACH,GAAG,EAAE,KAAKF,GAAM,KAAKC,EAAK;AAAA,IAC1B,GAAG,EAAE,KAAKF,GAAK,KAAKG,EAAM;AAAA,EAClC;AACA;AACA,SAASC,EAAwB,EAAE,GAAAC,GAAG,GAAAC,KAAK;AACvC,SAAO,EAAE,KAAKA,EAAE,KAAK,OAAOD,EAAE,KAAK,QAAQC,EAAE,KAAK,MAAMD,EAAE,IAAG;AACjE;AAMA,SAASE,EAAmBC,GAAOC,GAAgB;AAC/C,MAAI,CAACA;AACD,WAAOD;AACX,QAAME,IAAUD,EAAe,EAAE,GAAGD,EAAM,MAAM,GAAGA,EAAM,KAAK,GACxDG,IAAcF,EAAe,EAAE,GAAGD,EAAM,OAAO,GAAGA,EAAM,QAAQ;AACtE,SAAO;AAAA,IACH,KAAKE,EAAQ;AAAA,IACb,MAAMA,EAAQ;AAAA,IACd,QAAQC,EAAY;AAAA,IACpB,OAAOA,EAAY;AAAA,EAC3B;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es458.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n//# sourceMappingURL=models.mjs.map\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAe;AAAA,EAClB,GAAGA,EAAe;AACtB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAU;AAAA,EACb,GAAGA,EAAU;AACjB;","x_google_ignoreList":[0]}

package/dist/visualization.es459.js

@@ -1,15 +1,33 @@
-function c(n, o) {
-  n.min = o.min, n.max = o.max;
-}
-function t(n, o) {
-  c(n.x, o.x), c(n.y, o.y);
-}
-function i(n, o) {
-  n.translate = o.translate, n.scale = o.scale, n.originPoint = o.originPoint, n.origin = o.origin;
+import { buildHTMLStyles as y } from "./visualization.es454.js";
+import { buildSVGPath as c } from "./visualization.es498.js";
+const B = [
+  "offsetDistance",
+  "offsetPath",
+  "offsetRotate",
+  "offsetAnchor"
+];
+function P(r, {
+  attrX: e,
+  attrY: n,
+  attrScale: s,
+  pathLength: t,
+  pathSpacing: d = 1,
+  pathOffset: m = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...l
+}, a, u, x) {
+  if (y(r, l, u), a) {
+    r.style.viewBox && (r.attrs.viewBox = r.style.viewBox);
+    return;
+  }
+  r.attrs = r.style, r.style = {};
+  const { attrs: f, style: o } = r;
+  f.transform && (o.transform = f.transform, delete f.transform), (o.transform || f.transformOrigin) && (o.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), o.transform && (o.transformBox = x?.transformBox ?? "fill-box", delete f.transformBox);
+  for (const i of B)
+    f[i] !== void 0 && (o[i] = f[i], delete f[i]);
+  e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), t !== void 0 && c(f, t, d, m, !1);
 }
 export {
-  i as copyAxisDeltaInto,
-  c as copyAxisInto,
-  t as copyBoxInto
+  P as buildSVGAttrs
 };
 //# sourceMappingURL=visualization.es459.js.map

package/dist/visualization.es459.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es459.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs"],"sourcesContent":["/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisInto(axis, originAxis) {\n    axis.min = originAxis.min;\n    axis.max = originAxis.max;\n}\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyBoxInto(box, originBox) {\n    copyAxisInto(box.x, originBox.x);\n    copyAxisInto(box.y, originBox.y);\n}\n/**\n * Reset a delta to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisDeltaInto(delta, originDelta) {\n    delta.translate = originDelta.translate;\n    delta.scale = originDelta.scale;\n    delta.originPoint = originDelta.originPoint;\n    delta.origin = originDelta.origin;\n}\n\nexport { copyAxisDeltaInto, copyAxisInto, copyBoxInto };\n//# sourceMappingURL=copy.mjs.map\n"],"names":["copyAxisInto","axis","originAxis","copyBoxInto","box","originBox","copyAxisDeltaInto","delta","originDelta"],"mappings":"AAKA,SAASA,EAAaC,GAAMC,GAAY;AACpC,EAAAD,EAAK,MAAMC,EAAW,KACtBD,EAAK,MAAMC,EAAW;AAC1B;AAMA,SAASC,EAAYC,GAAKC,GAAW;AACjC,EAAAL,EAAaI,EAAI,GAAGC,EAAU,CAAC,GAC/BL,EAAaI,EAAI,GAAGC,EAAU,CAAC;AACnC;AAMA,SAASC,EAAkBC,GAAOC,GAAa;AAC3C,EAAAD,EAAM,YAAYC,EAAY,WAC9BD,EAAM,QAAQC,EAAY,OAC1BD,EAAM,cAAcC,EAAY,aAChCD,EAAM,SAASC,EAAY;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es459.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * CSS Motion Path properties that should remain as CSS styles on SVG elements.\n */\nconst cssMotionPathProperties = [\n    \"offsetDistance\",\n    \"offsetPath\",\n    \"offsetRotate\",\n    \"offsetAnchor\",\n];\n/**\n * Build SVG visual attributes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, isSVGTag, transformTemplate, styleProp) {\n    buildHTMLStyles(state, latest, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style } = state;\n    /**\n     * However, we apply transforms as CSS transforms.\n     * So if we detect a transform, transformOrigin we take it from attrs and copy it into style.\n     */\n    if (attrs.transform) {\n        style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    if (style.transform || attrs.transformOrigin) {\n        style.transformOrigin = attrs.transformOrigin ?? \"50% 50%\";\n        delete attrs.transformOrigin;\n    }\n    if (style.transform) {\n        /**\n         * SVG's element transform-origin uses its own median as a reference.\n         * Therefore, transformBox becomes a fill-box\n         */\n        style.transformBox = styleProp?.transformBox ?? \"fill-box\";\n        delete attrs.transformBox;\n    }\n    for (const key of cssMotionPathProperties) {\n        if (attrs[key] !== undefined) {\n            style[key] = attrs[key];\n            delete attrs[key];\n        }\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n//# sourceMappingURL=build-attrs.mjs.map\n"],"names":["cssMotionPathProperties","buildSVGAttrs","state","attrX","attrY","attrScale","pathLength","pathSpacing","pathOffset","latest","isSVGTag","transformTemplate","styleProp","buildHTMLStyles","attrs","style","key","buildSVGPath"],"mappings":";;AAMA,MAAMA,IAA0B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAIA,SAASC,EAAcC,GAAO;AAAA,EAAE,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,WAAAC;AAAA,EAAW,YAAAC;AAAA,EAAY,aAAAC,IAAc;AAAA,EAAG,YAAAC,IAAa;AAAA;AAAA,EAEnG,GAAGC;GAAUC,GAAUC,GAAmBC,GAAW;AAMjD,MALAC,EAAgBX,GAAOO,GAAQE,CAAiB,GAK5CD,GAAU;AACV,IAAIR,EAAM,MAAM,YACZA,EAAM,MAAM,UAAUA,EAAM,MAAM;AAEtC;AAAA,EACJ;AACA,EAAAA,EAAM,QAAQA,EAAM,OACpBA,EAAM,QAAQ,CAAA;AACd,QAAM,EAAE,OAAAY,GAAO,OAAAC,EAAK,IAAKb;AAKzB,EAAIY,EAAM,cACNC,EAAM,YAAYD,EAAM,WACxB,OAAOA,EAAM,aAEbC,EAAM,aAAaD,EAAM,qBACzBC,EAAM,kBAAkBD,EAAM,mBAAmB,WACjD,OAAOA,EAAM,kBAEbC,EAAM,cAKNA,EAAM,eAAeH,GAAW,gBAAgB,YAChD,OAAOE,EAAM;AAEjB,aAAWE,KAAOhB;AACd,IAAIc,EAAME,CAAG,MAAM,WACfD,EAAMC,CAAG,IAAIF,EAAME,CAAG,GACtB,OAAOF,EAAME,CAAG;AAIxB,EAAIb,MAAU,WACVW,EAAM,IAAIX,IACVC,MAAU,WACVU,EAAM,IAAIV,IACVC,MAAc,WACdS,EAAM,QAAQT,IAEdC,MAAe,UACfW,EAAaH,GAAOR,GAAYC,GAAaC,GAAY,EAAK;AAEtE;","x_google_ignoreList":[0]}

package/dist/visualization.es46.js

@@ -1,25 +1,134 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { c as l } from "react/compiler-runtime";
-const m = (i) => {
-  const t = l(4), {
-    point: e
-  } = i;
+import { jsx as t, jsxs as d, Fragment as q } from "react/jsx-runtime";
+import { c as E } from "react/compiler-runtime";
+import { useState as H } from "react";
+import m from "@mui/material/Button";
+import N from "./visualization.es100.js";
+import X from "./visualization.es101.js";
+import Y from "@mui/icons-material/KeyboardDoubleArrowRight";
+import $ from "@mui/icons-material/KeyboardDoubleArrowLeft";
+import K from "@mui/material/Stack";
+import { Typography as G } from "@mui/material";
+import J from "@mui/icons-material/Download";
+import M from "@mui/icons-material/Shuffle";
+import Q from "@mui/icons-material/Label";
+import U from "@mui/icons-material/LabelOff";
+import V from "@mui/icons-material/Insights";
+import f from "@mui/material/Tooltip";
+import Z from "@mui/material/Paper";
+const xe = (P) => {
+  const e = E(38), {
+    toggles: g,
+    onToggle: h,
+    simpleCategories: y,
+    edgeType: x,
+    colorFunc: b,
+    elements: u,
+    edges: w,
+    scales: C,
+    scaleWidth: S,
+    downloadScreenshot: L,
+    randomize: I,
+    organize: z,
+    toggleLabels: k,
+    labelsOn: T,
+    legendToggle: W,
+    legendNodeLabel: v,
+    legendEdgeLabel: j,
+    uniqueCat: D,
+    scaleLabel: R
+  } = P, [o, _] = H(!1), O = o ? "40px" : "250px";
+  let s;
+  e[0] !== O ? (s = {
+    position: "absolute",
+    top: "0",
+    right: "0",
+    width: O,
+    backgroundColor: "white",
+    transition: "width 0.3s",
+    zIndex: 1e3,
+    overflowX: "hidden",
+    marginRight: "5px",
+    marginTop: "5px",
+    overflowY: "auto",
+    maxHeight: "100vh"
+  }, e[0] = O, e[1] = s) : s = e[1];
+  const A = s, B = o ? "0px" : "10px";
   let a;
-  t[0] !== e.metaData ? (a = e.metaData && Object.entries(e.metaData).map(s), t[0] = e.metaData, t[1] = a) : a = t[1];
+  e[2] !== B ? (a = {
+    width: B,
+    height: "40px",
+    display: "inline-block",
+    alignItems: "left",
+    justifyContent: "left",
+    cursor: "pointer",
+    padding: "0px"
+  }, e[2] = B, e[3] = a) : a = e[3];
+  const F = a;
+  let l;
+  e[4] !== o ? (l = () => _(!o), e[4] = o, e[5] = l) : l = e[5];
+  let p;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = {
+    typography: "body2",
+    textTransform: "none"
+  }, e[6] = p) : p = e[6];
+  let i;
+  e[7] !== o ? (i = o ? /* @__PURE__ */ t($, { style: {
+    marginLeft: "-27px"
+  } }) : /* @__PURE__ */ t(Y, { style: {
+    marginRight: "30px"
+  } }), e[7] = o, e[8] = i) : i = e[8];
+  let n;
+  e[9] !== F || e[10] !== l || e[11] !== i ? (n = /* @__PURE__ */ t(m, { onClick: l, fullWidth: !0, sx: p, style: F, children: i }), e[9] = F, e[10] = l, e[11] = i, e[12] = n) : n = e[12];
   let r;
-  return t[2] !== a ? (r = /* @__PURE__ */ o("div", { children: a }), t[2] = a, t[3] = r) : r = t[3], r;
+  e[13] !== o || e[14] !== b || e[15] !== L || e[16] !== x || e[17] !== w || e[18] !== u || e[19] !== T || e[20] !== j || e[21] !== v || e[22] !== W || e[23] !== h || e[24] !== z || e[25] !== I || e[26] !== R || e[27] !== S || e[28] !== C || e[29] !== y || e[30] !== k || e[31] !== g || e[32] !== D ? (r = !o && /* @__PURE__ */ d(q, { children: [
+    /* @__PURE__ */ t(G, { variant: "body2", style: {
+      fontSize: "20px",
+      marginLeft: "22px",
+      marginTop: "5px",
+      justifyContent: "center",
+      alignItems: "center",
+      display: "inline-block"
+    }, children: "Controls" }),
+    /* @__PURE__ */ d(K, { spacing: 1, children: [
+      /* @__PURE__ */ t(N, { toggles: g, onToggle: h, simpleCategories: y, edgeType: x, colorFunc: b, elements: u, edges: w, legendToggle: W, legendNodeLabel: v, legendEdgeLabel: j, uniqueCat: D }),
+      /* @__PURE__ */ t(X, { scales: C, width: S, scaleLabel: R }),
+      /* @__PURE__ */ d(K, { direction: "row", spacing: 2, style: {
+        marginBottom: "5px"
+      }, children: [
+        /* @__PURE__ */ t(m, { onClick: L, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Download", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(J, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: I, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Randomize", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(M, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: z, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Organize", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: /* @__PURE__ */ t(V, {}) }) }),
+        /* @__PURE__ */ t(m, { onClick: k, style: {
+          fontSize: "small",
+          minWidth: "40px"
+        }, children: /* @__PURE__ */ t(f, { title: "Toggle Labels", color: "primary", sx: {
+          ml: 1
+        }, placement: "bottom", children: T ? /* @__PURE__ */ t(U, {}) : /* @__PURE__ */ t(Q, {}) }) })
+      ] })
+    ] })
+  ] }), e[13] = o, e[14] = b, e[15] = L, e[16] = x, e[17] = w, e[18] = u, e[19] = T, e[20] = j, e[21] = v, e[22] = W, e[23] = h, e[24] = z, e[25] = I, e[26] = R, e[27] = S, e[28] = C, e[29] = y, e[30] = k, e[31] = g, e[32] = D, e[33] = r) : r = e[33];
+  let c;
+  return e[34] !== A || e[35] !== n || e[36] !== r ? (c = /* @__PURE__ */ d(Z, { style: A, elevation: 3, children: [
+    n,
+    r
+  ] }), e[34] = A, e[35] = n, e[36] = r, e[37] = c) : c = e[37], c;
 };
-function s(i) {
-  const [t, e] = i;
-  return /* @__PURE__ */ n("div", { children: [
-    /* @__PURE__ */ n("strong", { children: [
-      t.charAt(0).toUpperCase() + t.slice(1),
-      ": "
-    ] }),
-    typeof e == "string" ? e.length > 45 ? `${e.replace(/_/g, " ").slice(0, 45)}...` : e.replace(/_/g, " ") : String(e)
-  ] }, t);
-}
 export {
-  m as default
+  xe as default
 };
 //# sourceMappingURL=visualization.es46.js.map

package/dist/visualization.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es46.js","sources":["../src/components/ScatterPlot/tooltip.tsx"],"sourcesContent":["import { Point } from \"./types\";\n\n/**\n * What the tooltip shows when a consumer gives no `tooltipBody`: whatever is in the point's\n * metadata, one field per line.\n *\n * Positioning is not this component's concern - PlotTooltip owns it, so every plot in the\n * library places its tooltip the same way.\n */\nconst DefaultTooltipBody = <T,>({ point }: { point: Point<T> }) => (\n    <div>\n        {point.metaData && Object.entries(point.metaData).map(([key, value]) => (\n            <div key={key}>\n                <strong>{key.charAt(0).toUpperCase() + key.slice(1)}: </strong>\n                {typeof value === 'string'\n                    ? (value.length > 45\n                        ? `${value.replace(/_/g, \" \").slice(0, 45)}...`\n                        : value.replace(/_/g, \" \"))\n                    : String(value)}\n            </div>\n        ))}\n    </div>\n);\n\nexport default DefaultTooltipBody;\n"],"names":["DefaultTooltipBody","t0","$","_c","point","t1","metaData","Object","entries","map","_temp","t2","key","value","jsxs","charAt","toUpperCase","slice","length","replace","String"],"mappings":";;AASA,MAAMA,IAAqBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAA,CAAA,GAAK;AAAA,IAAAC,OAAAA;AAAAA,EAAAA,IAAAH;AAA8B,MAAAI;AAAA,EAAAH,EAAA,CAAA,MAAAE,EAAAE,YAErDD,IAAAD,EAAKE,YAAaC,OAAMC,QAASJ,EAAKE,QAAS,EAACG,IAAKC,CASrD,GAACR,EAAA,CAAA,IAAAE,EAAAE,UAAAJ,OAAAG,KAAAA,IAAAH,EAAA,CAAA;AAAA,MAAAS;AAAA,SAAAT,SAAAG,KAVNM,+BACKN,UAAAA,EAAAA,CAUL,GAAMH,OAAAG,GAAAH,OAAAS,KAAAA,IAAAT,EAAA,CAAA,GAXNS;AAWM;AAZiB,SAAAD,EAAAT,GAAA;AAEoC,QAAA,CAAAW,GAAAC,CAAA,IAAAZ;AAAY,2BAC/D,OAAA,EACI,UAAA;AAAA,IAAA,gBAAAa,EAAA,UAAA,EAASF,UAAAA;AAAAA,MAAAA,EAAGG,OAAQ,CAAC,EAACC,gBAAiBJ,EAAGK,MAAO,CAAC;AAAA,MAAE;AAAA,IAAA,GAAE;AAAA,IACrD,OAAOJ,KAAU,WACXA,EAAKK,SAAU,KAAf,GACML,EAAKM,QAAS,MAAM,GAAG,EAACF,MAAO,GAAG,EAAE,CAAC,QACxCJ,EAAKM,QAAS,MAAM,GAAG,IAC3BC,OAAOP,CAAK;AAAA,EAAA,EAAA,IACtB;AAAM;"}
+{"version":3,"file":"visualization.es46.js","sources":["../src/components/Graph/ControlPanel.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from 'react';\nimport { Node, Edge } from './types';\nimport Button from '@mui/material/Button';\nimport Legend from './Legend';\nimport ScaleLegend from './ScaleLegend';\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight';\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft';\nimport Stack from '@mui/material/Stack';\nimport { Typography } from '@mui/material';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport ShuffleIcon from '@mui/icons-material/Shuffle';\nimport LabelIcon from '@mui/icons-material/Label';\nimport LabelOffIcon from '@mui/icons-material/LabelOff';\nimport InsightsIcon from '@mui/icons-material/Insights';\nimport Tooltip from '@mui/material/Tooltip';\nimport Paper from '@mui/material/Paper';\n\ninterface ControlPanelProps {\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  scales: number[];\n  scaleWidth: (n: number) => number;\n  downloadScreenshot: () => void;\n  randomize: () => void;\n  organize: () => void;\n  toggleLabels: () => void;\n  labelsOn: boolean;\n  legendToggle?: (node: Node | Edge) => string;\n  legendNodeLabel?: string;\n  legendEdgeLabel?: string;\n  uniqueCat?: string[];\n  scaleLabel?: string;\n}\n\nconst ControlPanel: React.FC<ControlPanelProps> = ({\n  toggles,\n  onToggle,\n  simpleCategories,\n  edgeType,\n  colorFunc,\n  elements,\n  edges,\n  scales,\n  scaleWidth,\n  downloadScreenshot,\n  randomize,\n  organize,\n  toggleLabels,\n  labelsOn,\n  legendToggle,\n  legendNodeLabel,\n  legendEdgeLabel,\n  uniqueCat,\n  scaleLabel,\n}) => {\n  const [collapsed, setCollapsed] = useState(false);\n\n  const panelStyle: CSSProperties = {\n    position: 'absolute',\n    top: '0',\n    right: '0',\n    width: collapsed ? '40px' : '250px',\n    backgroundColor: 'white',\n    transition: 'width 0.3s',\n    zIndex: 1000,\n    overflowX: 'hidden',\n    marginRight: '5px',\n    marginTop: '5px',\n    overflowY: 'auto',\n    maxHeight: '100vh',\n  };\n\n  const buttonStyle: CSSProperties = {\n    width: collapsed ? '0px' : '10px',\n    height: '40px',\n    display: 'inline-block',\n    alignItems: 'left',\n    justifyContent: 'left',\n    cursor: 'pointer',\n    padding: '0px',\n  };\n\n  return (\n    <Paper style={panelStyle} elevation={3}>\n      <Button\n        onClick={() => setCollapsed(!collapsed)}\n        fullWidth\n        sx={{ typography: 'body2', textTransform: 'none' }}\n        style={buttonStyle}\n      >\n        {collapsed ? (\n          <KeyboardDoubleArrowLeftIcon style={{ marginLeft: '-27px' }} />\n        ) : (\n          <KeyboardDoubleArrowRightIcon style={{ marginRight: '30px' }} />\n        )}\n      </Button>\n\n      {!collapsed && (\n        <>\n          <Typography\n            variant=\"body2\"\n            style={{\n              fontSize: '20px',\n              marginLeft: '22px',\n              marginTop: '5px',\n              justifyContent: 'center',\n              alignItems: 'center',\n              display: 'inline-block',\n            }}\n          >\n            Controls\n          </Typography>\n          <Stack spacing={1}>\n            <Legend\n              toggles={toggles}\n              onToggle={onToggle}\n              simpleCategories={simpleCategories}\n              edgeType={edgeType}\n              colorFunc={colorFunc}\n              elements={elements}\n              edges={edges}\n              legendToggle={legendToggle}\n              legendNodeLabel={legendNodeLabel}\n              legendEdgeLabel={legendEdgeLabel}\n              uniqueCat={uniqueCat}\n            />\n\n            <ScaleLegend\n              scales={scales}\n              width={scaleWidth}\n              scaleLabel={scaleLabel}\n            />\n\n            <Stack direction=\"row\" spacing={2} style={{ marginBottom: '5px' }}>\n              <Button\n                onClick={downloadScreenshot}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Download\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <DownloadIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={randomize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Randomize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <ShuffleIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={organize}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Organize\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  <InsightsIcon />\n                </Tooltip>\n              </Button>\n              <Button\n                onClick={toggleLabels}\n                style={{ fontSize: 'small', minWidth: '40px' }}\n              >\n                <Tooltip\n                  title=\"Toggle Labels\"\n                  color=\"primary\"\n                  sx={{ ml: 1 }}\n                  placement=\"bottom\"\n                >\n                  {labelsOn ? <LabelOffIcon /> : <LabelIcon />}\n                </Tooltip>\n              </Button>\n            </Stack>\n          </Stack>\n        </>\n      )}\n    </Paper>\n  );\n};\n\nexport default ControlPanel;\n"],"names":["ControlPanel","t0","$","_c","toggles","onToggle","simpleCategories","edgeType","colorFunc","elements","edges","scales","scaleWidth","downloadScreenshot","randomize","organize","toggleLabels","labelsOn","legendToggle","legendNodeLabel","legendEdgeLabel","uniqueCat","scaleLabel","collapsed","setCollapsed","useState","t1","t2","position","top","right","width","backgroundColor","transition","zIndex","overflowX","marginRight","marginTop","overflowY","maxHeight","panelStyle","t3","t4","height","display","alignItems","justifyContent","cursor","padding","buttonStyle","t5","t6","Symbol","for","typography","textTransform","t7","jsx","KeyboardDoubleArrowLeftIcon","marginLeft","KeyboardDoubleArrowRightIcon","t8","Button","t9","jsxs","Fragment","Typography","fontSize","Stack","Legend","ScaleLegend","marginBottom","minWidth","Tooltip","ml","DownloadIcon","ShuffleIcon","InsightsIcon","LabelOffIcon","LabelIcon","t10","Paper"],"mappings":"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"}

package/dist/visualization.es460.js

@@ -1,54 +1,29 @@
-import { mixNumber as E } from "./visualization.es369.js";
-import { hasTransform as g } from "./visualization.es461.js";
-function y(t, n, o) {
-  const l = t - o, i = n * l;
-  return o + i;
-}
-function p(t, n, o, l, i) {
-  return i !== void 0 && (t = y(t, i, l)), y(t, o, l) + n;
-}
-function u(t, n = 0, o = 1, l, i) {
-  t.min = p(t.min, n, o, l, i), t.max = p(t.max, n, o, l, i);
-}
-function _(t, { x: n, y: o }) {
-  u(t.x, n.translate, n.scale, n.originPoint), u(t.y, o.translate, o.scale, o.originPoint);
-}
-const r = 0.999999999999, a = 1.0000000000001;
-function N(t, n, o, l = !1) {
-  const i = o.length;
-  if (!i)
-    return;
-  n.x = n.y = 1;
-  let s, f;
-  for (let e = 0; e < i; e++) {
-    s = o[e], f = s.projectionDelta;
-    const { visualElement: c } = s.options;
-    c && c.props.style && c.props.style.display === "contents" || (l && s.options.layoutScroll && s.scroll && s !== s.root && (m(t.x, -s.scroll.offset.x), m(t.y, -s.scroll.offset.y)), f && (n.x *= f.x.scale, n.y *= f.y.scale, _(t, f)), l && g(s.latestValues) && d(t, s.latestValues, s.layout?.layoutBox));
-  }
-  n.x < a && n.x > r && (n.x = 1), n.y < a && n.y > r && (n.y = 1);
-}
-function m(t, n) {
-  t.min += n, t.max += n;
-}
-function x(t, n, o, l, i = 0.5) {
-  const s = E(t.min, t.max, i);
-  u(t, n, o, s, l);
-}
-function A(t, n) {
-  return typeof t == "string" ? parseFloat(t) / 100 * (n.max - n.min) : t;
-}
-function d(t, n, o) {
-  const l = o ?? t;
-  x(t.x, A(n.x, l.x), n.scaleX, n.scale, n.originX), x(t.y, A(n.y, l.y), n.scaleY, n.scale, n.originY);
-}
+const e = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
 export {
-  u as applyAxisDelta,
-  _ as applyBoxDelta,
-  p as applyPointDelta,
-  N as applyTreeDeltas,
-  y as scalePoint,
-  x as transformAxis,
-  d as transformBox,
-  m as translateAxis
+  e as camelCaseAttributes
 };
 //# sourceMappingURL=visualization.es460.js.map

package/dist/visualization.es460.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es460.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { hasTransform } from '../utils/has-transform.mjs';\n\n/**\n * Scales a point based on a factor and an originPoint\n */\nfunction scalePoint(point, scale, originPoint) {\n    const distanceFromOrigin = point - originPoint;\n    const scaled = scale * distanceFromOrigin;\n    return originPoint + scaled;\n}\n/**\n * Applies a translate/scale delta to a point\n */\nfunction applyPointDelta(point, translate, scale, originPoint, boxScale) {\n    if (boxScale !== undefined) {\n        point = scalePoint(point, boxScale, originPoint);\n    }\n    return scalePoint(point, scale, originPoint) + translate;\n}\n/**\n * Applies a translate/scale delta to an axis\n */\nfunction applyAxisDelta(axis, translate = 0, scale = 1, originPoint, boxScale) {\n    axis.min = applyPointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = applyPointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Applies a translate/scale delta to a box\n */\nfunction applyBoxDelta(box, { x, y }) {\n    applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);\n    applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);\n}\nconst TREE_SCALE_SNAP_MIN = 0.999999999999;\nconst TREE_SCALE_SNAP_MAX = 1.0000000000001;\n/**\n * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms\n * in a tree upon our box before then calculating how to project it into our desired viewport-relative box\n *\n * This is the final nested loop within updateLayoutDelta for future refactoring\n */\nfunction applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {\n    const treeLength = treePath.length;\n    if (!treeLength)\n        return;\n    // Reset the treeScale\n    treeScale.x = treeScale.y = 1;\n    let node;\n    let delta;\n    for (let i = 0; i < treeLength; i++) {\n        node = treePath[i];\n        delta = node.projectionDelta;\n        /**\n         * TODO: Prefer to remove this, but currently we have motion components with\n         * display: contents in Framer.\n         */\n        const { visualElement } = node.options;\n        if (visualElement &&\n            visualElement.props.style &&\n            visualElement.props.style.display === \"contents\") {\n            continue;\n        }\n        if (isSharedTransition &&\n            node.options.layoutScroll &&\n            node.scroll &&\n            node !== node.root) {\n            translateAxis(box.x, -node.scroll.offset.x);\n            translateAxis(box.y, -node.scroll.offset.y);\n        }\n        if (delta) {\n            // Incoporate each ancestor's scale into a cumulative treeScale for this component\n            treeScale.x *= delta.x.scale;\n            treeScale.y *= delta.y.scale;\n            // Apply each ancestor's calculated delta into this component's recorded layout box\n            applyBoxDelta(box, delta);\n        }\n        if (isSharedTransition && hasTransform(node.latestValues)) {\n            transformBox(box, node.latestValues, node.layout?.layoutBox);\n        }\n    }\n    /**\n     * Snap tree scale back to 1 if it's within a non-perceivable threshold.\n     * This will help reduce useless scales getting rendered.\n     */\n    if (treeScale.x < TREE_SCALE_SNAP_MAX &&\n        treeScale.x > TREE_SCALE_SNAP_MIN) {\n        treeScale.x = 1.0;\n    }\n    if (treeScale.y < TREE_SCALE_SNAP_MAX &&\n        treeScale.y > TREE_SCALE_SNAP_MIN) {\n        treeScale.y = 1.0;\n    }\n}\nfunction translateAxis(axis, distance) {\n    axis.min += distance;\n    axis.max += distance;\n}\n/**\n * Apply a transform to an axis from the latest resolved motion values.\n * This function basically acts as a bridge between a flat motion value map\n * and applyAxisDelta\n */\nfunction transformAxis(axis, axisTranslate, axisScale, boxScale, axisOrigin = 0.5) {\n    const originPoint = mixNumber(axis.min, axis.max, axisOrigin);\n    // Apply the axis delta to the final axis\n    applyAxisDelta(axis, axisTranslate, axisScale, originPoint, boxScale);\n}\nfunction resolveAxisTranslate(value, axis) {\n    if (typeof value === \"string\") {\n        return (parseFloat(value) / 100) * (axis.max - axis.min);\n    }\n    return value;\n}\n/**\n * Apply a transform to a box from the latest resolved motion values.\n */\nfunction transformBox(box, transform, sourceBox) {\n    const resolveBox = sourceBox ?? box;\n    transformAxis(box.x, resolveAxisTranslate(transform.x, resolveBox.x), transform.scaleX, transform.scale, transform.originX);\n    transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);\n}\n\nexport { applyAxisDelta, applyBoxDelta, applyPointDelta, applyTreeDeltas, scalePoint, transformAxis, transformBox, translateAxis };\n//# sourceMappingURL=delta-apply.mjs.map\n"],"names":["scalePoint","point","scale","originPoint","distanceFromOrigin","scaled","applyPointDelta","translate","boxScale","applyAxisDelta","axis","applyBoxDelta","box","x","y","TREE_SCALE_SNAP_MIN","TREE_SCALE_SNAP_MAX","applyTreeDeltas","treeScale","treePath","isSharedTransition","treeLength","node","delta","i","visualElement","translateAxis","hasTransform","transformBox","distance","transformAxis","axisTranslate","axisScale","axisOrigin","mixNumber","resolveAxisTranslate","value","transform","sourceBox","resolveBox"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es460.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs"],"sourcesContent":["/**\n * A set of attribute names that are always read/written as camel case.\n */\nconst camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n]);\n\nexport { camelCaseAttributes };\n//# sourceMappingURL=camel-case-attrs.mjs.map\n"],"names":["camelCaseAttributes"],"mappings":"AAGK,MAACA,IAAsB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es461.js

@@ -1,21 +1,5 @@
-function t(n) {
-  return n === void 0 || n === 1;
-}
-function e({ scale: n, scaleX: o, scaleY: i }) {
-  return !t(n) || !t(o) || !t(i);
-}
-function c(n) {
-  return e(n) || f(n) || n.z || n.rotate || n.rotateX || n.rotateY || n.skewX || n.skewY;
-}
-function f(n) {
-  return r(n.x) || r(n.y);
-}
-function r(n) {
-  return n && n !== "0%";
-}
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  f as has2DTranslate,
-  e as hasScale,
-  c as hasTransform
+  s as isSVGTag
 };
 //# sourceMappingURL=visualization.es461.js.map

package/dist/visualization.es461.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es461.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs"],"sourcesContent":["function isIdentityScale(scale) {\n    return scale === undefined || scale === 1;\n}\nfunction hasScale({ scale, scaleX, scaleY }) {\n    return (!isIdentityScale(scale) ||\n        !isIdentityScale(scaleX) ||\n        !isIdentityScale(scaleY));\n}\nfunction hasTransform(values) {\n    return (hasScale(values) ||\n        has2DTranslate(values) ||\n        values.z ||\n        values.rotate ||\n        values.rotateX ||\n        values.rotateY ||\n        values.skewX ||\n        values.skewY);\n}\nfunction has2DTranslate(values) {\n    return is2DTranslate(values.x) || is2DTranslate(values.y);\n}\nfunction is2DTranslate(value) {\n    return value && value !== \"0%\";\n}\n\nexport { has2DTranslate, hasScale, hasTransform };\n//# sourceMappingURL=has-transform.mjs.map\n"],"names":["isIdentityScale","scale","hasScale","scaleX","scaleY","hasTransform","values","has2DTranslate","is2DTranslate","value"],"mappings":"AAAA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,MAAU,UAAaA,MAAU;AAC5C;AACA,SAASC,EAAS,EAAE,OAAAD,GAAO,QAAAE,GAAQ,QAAAC,EAAM,GAAI;AACzC,SAAQ,CAACJ,EAAgBC,CAAK,KAC1B,CAACD,EAAgBG,CAAM,KACvB,CAACH,EAAgBI,CAAM;AAC/B;AACA,SAASC,EAAaC,GAAQ;AAC1B,SAAQJ,EAASI,CAAM,KACnBC,EAAeD,CAAM,KACrBA,EAAO,KACPA,EAAO,UACPA,EAAO,WACPA,EAAO,WACPA,EAAO,SACPA,EAAO;AACf;AACA,SAASC,EAAeD,GAAQ;AAC5B,SAAOE,EAAcF,EAAO,CAAC,KAAKE,EAAcF,EAAO,CAAC;AAC5D;AACA,SAASE,EAAcC,GAAO;AAC1B,SAAOA,KAASA,MAAU;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es461.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n//# sourceMappingURL=is-svg-tag.mjs.map\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","x_google_ignoreList":[0]}

package/dist/visualization.es462.js

@@ -1,39 +1,12 @@
-import { mixNumber as m } from "./visualization.es369.js";
-const y = 1e-4, u = 1 - y, E = 1 + y, R = 0.01, P = 0 - R, S = 0 + R;
-function x(n) {
-  return n.max - n.min;
-}
-function I(n, c, i) {
-  return Math.abs(n - c) <= i;
-}
-function A(n, c, i, o = 0.5) {
-  n.origin = o, n.originPoint = m(c.min, c.max, n.origin), n.scale = x(i) / x(c), n.translate = m(i.min, i.max, n.origin) - n.originPoint, (n.scale >= u && n.scale <= E || isNaN(n.scale)) && (n.scale = 1), (n.translate >= P && n.translate <= S || isNaN(n.translate)) && (n.translate = 0);
-}
-function T(n, c, i, o) {
-  A(n.x, c.x, i.x, o ? o.originX : void 0), A(n.y, c.y, i.y, o ? o.originY : void 0);
-}
-function f(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = s + c.min, n.max = n.min + x(c);
-}
-function _(n, c, i, o) {
-  f(n.x, c.x, i.x, o?.x), f(n.y, c.y, i.y, o?.y);
-}
-function N(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = c.min - s, n.max = n.min + x(c);
-}
-function C(n, c, i, o) {
-  N(n.x, c.x, i.x, o?.x), N(n.y, c.y, i.y, o?.y);
+import { camelToDash as i } from "./visualization.es368.js";
+import { renderHTML as m } from "./visualization.es455.js";
+import { camelCaseAttributes as e } from "./visualization.es460.js";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
 }
 export {
-  A as calcAxisDelta,
-  T as calcBoxDelta,
-  x as calcLength,
-  f as calcRelativeAxis,
-  N as calcRelativeAxisPosition,
-  _ as calcRelativeBox,
-  C as calcRelativePosition,
-  I as isNear
+  c as renderSVG
 };
 //# sourceMappingURL=visualization.es462.js.map

package/dist/visualization.es462.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es462.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\n\nconst SCALE_PRECISION = 0.0001;\nconst SCALE_MIN = 1 - SCALE_PRECISION;\nconst SCALE_MAX = 1 + SCALE_PRECISION;\nconst TRANSLATE_PRECISION = 0.01;\nconst TRANSLATE_MIN = 0 - TRANSLATE_PRECISION;\nconst TRANSLATE_MAX = 0 + TRANSLATE_PRECISION;\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target, maxDistance) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mixNumber(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    delta.translate =\n        mixNumber(target.min, target.max, delta.origin) - delta.originPoint;\n    if ((delta.scale >= SCALE_MIN && delta.scale <= SCALE_MAX) ||\n        isNaN(delta.scale)) {\n        delta.scale = 1.0;\n    }\n    if ((delta.translate >= TRANSLATE_MIN &&\n        delta.translate <= TRANSLATE_MAX) ||\n        isNaN(delta.translate)) {\n        delta.translate = 0.0;\n    }\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = anchorPoint + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent, anchor) {\n    calcRelativeAxis(target.x, relative.x, parent.x, anchor?.x);\n    calcRelativeAxis(target.y, relative.y, parent.y, anchor?.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = layout.min - anchorPoint;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent, anchor) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x, anchor?.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y, anchor?.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n//# sourceMappingURL=delta-calc.mjs.map\n"],"names":["SCALE_PRECISION","SCALE_MIN","SCALE_MAX","TRANSLATE_PRECISION","TRANSLATE_MIN","TRANSLATE_MAX","calcLength","axis","isNear","value","target","maxDistance","calcAxisDelta","delta","source","origin","mixNumber","calcBoxDelta","calcRelativeAxis","relative","parent","anchor","anchorPoint","calcRelativeBox","calcRelativeAxisPosition","layout","calcRelativePosition"],"mappings":";AAEA,MAAMA,IAAkB,MAClBC,IAAY,IAAID,GAChBE,IAAY,IAAIF,GAChBG,IAAsB,MACtBC,IAAgB,IAAID,GACpBE,IAAgB,IAAIF;AAC1B,SAASG,EAAWC,GAAM;AACtB,SAAOA,EAAK,MAAMA,EAAK;AAC3B;AACA,SAASC,EAAOC,GAAOC,GAAQC,GAAa;AACxC,SAAO,KAAK,IAAIF,IAAQC,CAAM,KAAKC;AACvC;AACA,SAASC,EAAcC,GAAOC,GAAQJ,GAAQK,IAAS,KAAK;AACxD,EAAAF,EAAM,SAASE,GACfF,EAAM,cAAcG,EAAUF,EAAO,KAAKA,EAAO,KAAKD,EAAM,MAAM,GAClEA,EAAM,QAAQP,EAAWI,CAAM,IAAIJ,EAAWQ,CAAM,GACpDD,EAAM,YACFG,EAAUN,EAAO,KAAKA,EAAO,KAAKG,EAAM,MAAM,IAAIA,EAAM,cACvDA,EAAM,SAASZ,KAAaY,EAAM,SAASX,KAC5C,MAAMW,EAAM,KAAK,OACjBA,EAAM,QAAQ,KAEbA,EAAM,aAAaT,KACpBS,EAAM,aAAaR,KACnB,MAAMQ,EAAM,SAAS,OACrBA,EAAM,YAAY;AAE1B;AACA,SAASI,EAAaJ,GAAOC,GAAQJ,GAAQK,GAAQ;AACjD,EAAAH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS,GAC9EH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS;AAClF;AACA,SAASG,EAAiBR,GAAQS,GAAUC,GAAQC,IAAS,GAAG;AAC5D,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMY,IAAcH,EAAS,KACpCT,EAAO,MAAMA,EAAO,MAAMJ,EAAWa,CAAQ;AACjD;AACA,SAASI,EAAgBb,GAAQS,GAAUC,GAAQC,GAAQ;AACvD,EAAAH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC,GAC1DH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC;AAC9D;AACA,SAASG,EAAyBd,GAAQe,GAAQL,GAAQC,IAAS,GAAG;AAClE,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMe,EAAO,MAAMH,GAC1BZ,EAAO,MAAMA,EAAO,MAAMJ,EAAWmB,CAAM;AAC/C;AACA,SAASC,EAAqBhB,GAAQe,GAAQL,GAAQC,GAAQ;AAC1D,EAAAG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC,GAChEG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC;AACpE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es462.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":";;;AAIA,SAASA,EAAUC,GAASC,GAAaC,GAAYC,GAAY;AAC7D,EAAAC,EAAWJ,GAASC,GAAa,QAAWE,CAAU;AACtD,aAAWE,KAAOJ,EAAY;AAC1B,IAAAD,EAAQ,aAAcM,EAAoB,IAAID,CAAG,IAAuBA,IAAnBE,EAAYF,CAAG,GAASJ,EAAY,MAAMI,CAAG,CAAC;AAE3G;","x_google_ignoreList":[0]}

package/dist/visualization.es463.js

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

package/dist/visualization.es463.js.map

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