@milaboratories/graph-maker 1.1.169 → 1.1.171

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/Lasso.js

@@ -1,137 +1,132 @@
 import { j as l } from "../../node_modules/react/jsx-runtime.js";
-import { SCATTERPLOT_LASSO_EVENTS as x } from "../constants.js";
-import { BLACK as F } from "../../constants.js";
+import { SCATTERPLOT_LASSO_EVENTS as p } from "../constants.js";
+import { BLACK as U } from "../../constants.js";
 import { r as n } from "../../_virtual/index.js";
 import fe from "../../node_modules/d3-drag/src/drag.js";
-import U from "../../node_modules/d3-selection/src/select.js";
-const y = "#845CFF", G = "#CFD1DB", de = 20, B = 3, pe = 6, he = 10;
-function ke({
+import B from "../../node_modules/d3-selection/src/select.js";
+const x = "#845CFF", q = "#CFD1DB", de = 20, H = 3, he = 6, pe = 10;
+function Ee({
   scales: r,
-  chartSizes: k,
-  zoomStateKey: I,
-  defaultPolygons: H,
-  onPolygonsApply: j,
-  onLassoControlsStateUpdate: J
+  chartSizes: j,
+  zoomStateKey: G,
+  defaultPolygons: K,
+  onPolygonsApply: k,
+  onLassoControlsStateUpdate: I
 }) {
   n.useEffect(() => {
     function e() {
-      M.current !== null && (E([...d.current.filter((s, o) => o !== M.current)]), A(null), j(d.current));
+      h.current.length > 0 ? R() : M.current === null ? (v([]), k([])) : (v([...d.current.filter((s, u) => u !== M.current)]), z(null), k(d.current));
     }
     function t(s) {
-      N(s.detail);
+      Y(s.detail);
     }
     function a() {
-      q(v.current - 1);
+      X(E.current - 1);
     }
     function c() {
-      q(v.current + 1);
+      X(E.current + 1);
     }
-    return document.addEventListener(x.delete, e), document.addEventListener(x.selectMode, t), document.addEventListener(x.back, a), document.addEventListener(x.forward, c), () => {
-      document.removeEventListener(x.delete, e), document.removeEventListener(x.selectMode, t), document.removeEventListener(x.back, a), document.removeEventListener(x.forward, c);
+    return document.addEventListener(p.delete, e), document.addEventListener(p.selectMode, t), document.addEventListener(p.back, a), document.addEventListener(p.forward, c), () => {
+      document.removeEventListener(p.delete, e), document.removeEventListener(p.selectMode, t), document.removeEventListener(p.back, a), document.removeEventListener(p.forward, c);
     };
   }, []);
-  const [p, Q] = n.useState("pen"), [S, V] = n.useState(H), d = n.useRef(H), [Y, K] = n.useState(null), [L, Z] = n.useState(null), M = n.useRef(null), [u, _] = n.useState([]), h = n.useRef(u), [b, ee] = n.useState([{ newPolygonPoints: u, closedPolygons: S }]), [m, W] = n.useState(0), w = n.useRef(b), v = n.useRef(m), [f, te] = n.useState(null), C = n.useRef(null), [P, T] = n.useState(!1), g = n.useRef(null), O = n.useRef(null), $ = n.useCallback(function() {
+  const [y, J] = n.useState("pen"), [m, Q] = n.useState(K), d = n.useRef(K), [V, W] = n.useState(null), [S, Z] = n.useState(null), M = n.useRef(null), [o, _] = n.useState([]), h = n.useRef(o), [P, ee] = n.useState([{ newPolygonPoints: o, closedPolygons: m }]), [L, N] = n.useState(0), w = n.useRef(P), E = n.useRef(L), [f, te] = n.useState(null), C = n.useRef(null), [T, O] = n.useState(!1), g = n.useRef(null), A = n.useRef(null), D = n.useCallback(function() {
     const e = {
       newPolygonPoints: [...h.current],
       closedPolygons: [...d.current]
-    }, t = w.current.slice(0, v.current + 1);
-    t.push(e), t.length > he && t.shift(), ee(t), W(t.length - 1), w.current = t, v.current = t.length - 1;
-  }, []), q = n.useCallback(function(e) {
+    }, t = w.current.slice(0, E.current + 1);
+    t.push(e), t.length > pe && t.shift(), ee(t), N(t.length - 1), w.current = t, E.current = t.length - 1;
+  }, []), X = n.useCallback(function(e) {
     if (e > w.current.length - 1 || e < 0)
       return;
-    N("selection");
+    Y("selection");
     const t = w.current[e];
-    E(t.closedPolygons, !1), R(t.newPolygonPoints, !1), W(e), v.current = e;
+    v(t.closedPolygons, !1), b(t.newPolygonPoints, !1), N(e), E.current = e;
   }, []);
-  function E(e, t = !0) {
-    V(e), d.current = e, t && $();
+  function v(e, t = !0) {
+    Q(e), d.current = e, t && D();
   }
-  function R(e, t = !0) {
-    h.current = e, _(e), t && $();
+  function b(e, t = !0) {
+    h.current = e, _(e), t && D();
   }
-  function A(e) {
+  function z(e) {
     Z(e), M.current = e;
   }
-  function N(e) {
-    if (Q(e), e === "selection" && (A(null), O.current = null, g.current = null), e === "pen") {
+  function Y(e) {
+    if (J(e), e === "selection" && (z(null), A.current = null, g.current = null), e === "pen") {
       if (h.current.length > 2) {
         const t = { points: h.current, closed: !0 };
-        E([...d.current, t]), j([...d.current, t]);
+        v([...d.current, t]), k([...d.current, t]);
       }
-      D();
+      R();
     }
   }
-  function D(e = !0) {
-    C.current = null, R([], e);
+  function R(e = !0) {
+    C.current = null, b([], e);
   }
-  function X(e) {
-    e.key === "Escape" && D();
+  function $(e) {
+    e.key === "Escape" && R();
   }
-  n.useEffect(() => (document.addEventListener("keydown", X), () => document.removeEventListener("keydown", X)), []), n.useEffect(() => {
+  n.useEffect(() => (document.addEventListener("keydown", $), () => document.removeEventListener("keydown", $)), []), n.useEffect(() => {
     var e;
-    (e = O.current) == null || e.attr("cx", (t) => r.x(t.p[0])).attr("cy", (t) => r.y(t.p[1]));
-  }, [I, k.chartWidth, k.chartHeight]);
+    (e = A.current) == null || e.attr("cx", (t) => r.x(t.p[0])).attr("cy", (t) => r.y(t.p[1]));
+  }, [G, j.chartWidth, j.chartHeight]);
   const ne = n.useCallback(function() {
-    if (T(!1), !C.current || p === "pen")
+    if (O(!1), !C.current || y === "pen")
       return;
     const e = [...C.current], t = r.x.invert(e[0]), a = r.y.invert(e[1]);
     if (!h.current.length) {
-      R([[t, a]]);
+      b([[t, a]]);
       return;
     }
     const c = h.current;
-    if (!P || c.length < 3)
-      R([...c, [t, a]]);
+    if (!T || c.length < 3)
+      b([...c, [t, a]]);
     else {
       const s = { points: [...c], closed: !0 };
-      D(!1), E([...S, s]), setTimeout(() => j([...S, s]), 0);
+      R(!1), v([...m, s]), setTimeout(() => k([...m, s]), 0);
     }
-  }, [p, P]), re = n.useCallback(function(e) {
+  }, [y, T]), re = n.useCallback(function(e) {
     const t = [e.nativeEvent.offsetX, e.nativeEvent.offsetY], a = h.current, c = h.current[0];
     if (c) {
-      const s = r.x(c[0]), o = r.y(c[1]), i = a.length > 1 ? Math.sqrt((t[0] - s) ** 2 + (t[1] - o) ** 2) : 1 / 0;
-      T(i < de);
+      const s = r.x(c[0]), u = r.y(c[1]), i = a.length > 1 ? Math.sqrt((t[0] - s) ** 2 + (t[1] - u) ** 2) : 1 / 0;
+      O(i < de);
     } else
-      T(!1);
+      O(!1);
     te(t), C.current = t;
   }, []);
   function se() {
-    g.current && U(g.current).data([]).exit().remove();
+    g.current && B(g.current).data([]).exit().remove();
   }
   function ce(e) {
-    e !== g.current && e && (se(), g.current = e, le(L));
+    e !== g.current && e && (se(), g.current = e, le(S));
   }
   const le = n.useCallback(function(e) {
-    if (p !== "selection" && e !== null) {
+    if (y !== "selection" && e !== null) {
       const t = fe().on("drag", function(s) {
-        const o = U(this), i = o.data()[0];
-        i[0] = s.x, i[1] = s.y, i.p = [r.x.invert(i[0]), r.y.invert(i[1])], o.attr("cx", i[0]).attr("cy", i[1]);
-        const oe = d.current.map((z, ue) => e !== ue ? z : {
-          ...z,
-          points: z.points.map(
+        const u = B(this), i = u.data()[0];
+        i[0] = s.x, i[1] = s.y, i.p = [r.x.invert(i[0]), r.y.invert(i[1])], u.attr("cx", i[0]).attr("cy", i[1]);
+        const oe = d.current.map((F, ue) => e !== ue ? F : {
+          ...F,
+          points: F.points.map(
             (ie, ae) => ae === i.idx ? [r.x.invert(i[0]), r.y.invert(i[1])] : ie
           )
         });
-        E(oe, !1);
+        v(oe, !1);
       }).on("end", function() {
-        $(), j(d.current);
-      }), a = d.current[e].points.map((s, o) => ({ idx: o, p: s })), c = U(g.current).selectAll("circle").data(a, (s) => s.idx).join("circle");
-      O.current = c, c.attr("cx", (s) => r.x(s.p[0])).attr("cy", (s) => r.y(s.p[1])).attr("r", B).attr("fill", "white").attr("stroke", y), c.call(t);
+        D(), k(d.current);
+      }), a = d.current[e].points.map((s, u) => ({ idx: u, p: s })), c = B(g.current).selectAll("circle").data(a, (s) => s.idx).join("circle");
+      A.current = c, c.attr("cx", (s) => r.x(s.p[0])).attr("cy", (s) => r.y(s.p[1])).attr("r", H).attr("fill", "white").attr("stroke", x), c.call(t);
     }
   }, []);
   return n.useEffect(() => {
-    J(p === "pen" ? {
-      mode: p,
-      backEnabled: m > 0,
-      forwardEnabled: m < b.length - 1,
-      deleteEnabled: L !== null
-    } : {
-      mode: p,
-      backEnabled: m > 0,
-      forwardEnabled: m < b.length - 1,
-      deleteEnabled: !1
+    I({
+      mode: y,
+      backEnabled: L > 0,
+      forwardEnabled: L < P.length - 1,
+      deleteEnabled: S !== null || m.length > 0 || o.length > 0
     });
-  }, [p, L, m, b]), /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs("g", { children: [
+  }, [y, S, m, o, L, P]), /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsxs("g", { children: [
     /* @__PURE__ */ l.jsx("defs", { children: /* @__PURE__ */ l.jsx(
       "pattern",
       {
@@ -140,55 +135,55 @@ function ke({
         height: "5",
         patternTransform: "rotate(45 0 0)",
         patternUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ l.jsx("line", { x1: "0", y1: "0", x2: "0", y2: "10", stroke: y, strokeWidth: "1" })
+        children: /* @__PURE__ */ l.jsx("line", { x1: "0", y1: "0", x2: "0", y2: "10", stroke: x, strokeWidth: "1" })
       }
     ) }),
     /* @__PURE__ */ l.jsx(
       "rect",
       {
         fill: "transparent",
-        width: k.chartWidth,
-        height: k.chartHeight,
+        width: j.chartWidth,
+        height: j.chartHeight,
         onMouseMove: re,
         onClick: ne
       }
     ),
-    S.map((e, t) => {
-      const a = t === Y, c = t === L, s = e.points.map((o) => [r.x(o[0]), r.y(o[1])]).map((o, i) => (i === 0 ? "M" : "L") + o[0] + "," + o[1]).join("") + "z";
+    m.map((e, t) => {
+      const a = t === V, c = t === S, s = e.points.map((u) => [r.x(u[0]), r.y(u[1])]).map((u, i) => (i === 0 ? "M" : "L") + u[0] + "," + u[1]).join("") + "z";
       return /* @__PURE__ */ l.jsxs("g", { children: [
         /* @__PURE__ */ l.jsx(
           "path",
           {
             d: s,
             fill: a && !c ? "url(#diagonalStripes)" : "transparent",
-            stroke: c || a ? y : F,
-            onMouseOver: () => K(t),
-            onMouseLeave: () => K(null),
-            onClick: () => A(t),
-            style: { pointerEvents: p === "selection" || c ? "none" : "auto" }
+            stroke: c || a ? x : U,
+            onMouseOver: () => W(t),
+            onMouseLeave: () => W(null),
+            onClick: () => z(t),
+            style: { pointerEvents: y === "selection" || c ? "none" : "auto" }
           }
         ),
-        c && /* @__PURE__ */ l.jsx("g", { ref: (o) => ce(o) })
+        c && /* @__PURE__ */ l.jsx("g", { ref: (u) => ce(u) })
       ] }, t);
     }),
     /* @__PURE__ */ l.jsx(
       "polyline",
       {
-        points: u.map((e) => `${r.x(e[0])},${r.y(e[1])}`).join(" "),
-        stroke: F,
+        points: o.map((e) => `${r.x(e[0])},${r.y(e[1])}`).join(" "),
+        stroke: U,
         fill: "none",
         style: { pointerEvents: "none" }
       }
     ),
-    u.length > 1 && f && /* @__PURE__ */ l.jsxs("g", { style: { pointerEvents: "none" }, children: [
+    o.length > 1 && f && /* @__PURE__ */ l.jsxs("g", { style: { pointerEvents: "none" }, children: [
       /* @__PURE__ */ l.jsx(
         "circle",
         {
-          cx: r.x(u[0][0]),
-          cy: r.y(u[0][1]),
-          r: pe,
+          cx: r.x(o[0][0]),
+          cy: r.y(o[0][1]),
+          r: he,
           fill: "none",
-          stroke: G,
+          stroke: q,
           strokeDasharray: "3 3"
         }
       ),
@@ -197,32 +192,32 @@ function ke({
         {
           x1: f[0],
           y1: f[1],
-          x2: r.x(u[0][0]),
-          y2: r.y(u[0][1]),
-          stroke: G,
+          x2: r.x(o[0][0]),
+          y2: r.y(o[0][1]),
+          stroke: q,
           strokeDasharray: "3 3"
         }
       )
     ] }),
-    u.length > 0 && f && /* @__PURE__ */ l.jsxs("g", { style: { pointerEvents: "none" }, children: [
+    o.length > 0 && f && /* @__PURE__ */ l.jsxs("g", { style: { pointerEvents: "none" }, children: [
       /* @__PURE__ */ l.jsx(
         "line",
         {
-          x1: r.x(u[u.length - 1][0]),
-          y1: r.y(u[u.length - 1][1]),
+          x1: r.x(o[o.length - 1][0]),
+          y1: r.y(o[o.length - 1][1]),
           x2: f[0],
           y2: f[1],
-          stroke: y
+          stroke: x
         }
       ),
-      u.map((e, t) => /* @__PURE__ */ l.jsx(
+      o.map((e, t) => /* @__PURE__ */ l.jsx(
         "circle",
         {
           cx: r.x(e[0]),
           cy: r.y(e[1]),
-          r: B,
+          r: H,
           fill: "white",
-          stroke: t > 0 ? y : F
+          stroke: t > 0 ? x : U
         },
         t
       )),
@@ -231,26 +226,26 @@ function ke({
         {
           cx: f[0],
           cy: f[1],
-          r: B,
+          r: H,
           fill: "white",
-          stroke: y
+          stroke: x
         }
       )
     ] }),
-    P && f && /* @__PURE__ */ l.jsx(
+    T && f && /* @__PURE__ */ l.jsx(
       "circle",
       {
         cx: f[0] + 5,
         cy: f[1] - 5,
         r: 2,
         fill: "none",
-        stroke: y,
+        stroke: x,
         strokeWidth: 0.5
       }
     )
   ] }) });
 }
 export {
-  ke as Lasso
+  Ee as Lasso
 };
 //# sourceMappingURL=Lasso.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/Lasso.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lasso.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot-umap/components/Lasso.tsx"],"sourcesContent":["import {SCATTERPLOT_LASSO_EVENTS} from '../constants';\nimport type {LassoControlsState, LassoMode} from '../types';\nimport type {Polygon} from '../types';\nimport type {Selection} from 'd3-selection';\nimport {select} from 'd3-selection';\nimport {BLACK} from '../../constants';\nimport type {ChartScales, ChartSizes, Point} from '../types';\nimport type {MouseEvent} from 'react';\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {drag} from 'd3-drag';\n\nconst SELECTION_COLOR = '#845CFF';\nconst START_GREY = '#CFD1DB';\nconst CLOSING_DISTANCE = 20;\nconst R = 3;\nconst R_START = 6;\nconst MAX_HISTORY_LENGTH = 10;\n\ntype CircleData = { // moving point for editing\n    idx: number;\n    p: Point;\n};\ntype CirclesSelection = Selection<SVGCircleElement, CircleData, SVGGElement | null, CircleData>;\n\ntype HistoryFrame = {\n    newPolygonPoints: Point[],\n    closedPolygons: Polygon[]\n}\n\n// Mode = 'selection': creating new polygons, pan with button\n// Mode = 'pen': selecting polygon to edit or delete, any zooming actions\nexport function Lasso({\n    scales,\n    chartSizes,\n    zoomStateKey,\n    defaultPolygons,\n    onPolygonsApply,\n    onLassoControlsStateUpdate,\n}: {\n    scales: ChartScales;\n    chartSizes: ChartSizes;\n    zoomStateKey: string;\n    defaultPolygons: Polygon[];\n    onPolygonsApply: (data: Polygon[]) => void;\n    onLassoControlsStateUpdate: (v: LassoControlsState) => void;\n}) {\n    useEffect(() => {\n        // Events from outer controls\n        function onPolygonDelete() {\n            if (selectedPolygonRef.current === null) {\n                return;\n            }\n            updatePolygons([...closedPolygonsRef.current.filter((_p, idx) => idx !== selectedPolygonRef.current)]);\n            updateSelectedPolygon(null);\n            onPolygonsApply(closedPolygonsRef.current);\n        }\n\n        function onModeSelect(e: CustomEvent<LassoMode>) {\n            updateMode(e.detail);\n        }\n        function onClickBack() {\n            loadHistoryItem(historyIndexRef.current - 1);\n        }\n        function onClickForward() {\n            loadHistoryItem(historyIndexRef.current + 1);\n        }\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.delete, onPolygonDelete);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.selectMode, onModeSelect as EventListener);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.back, onClickBack);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.forward, onClickForward);\n        return () => {\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.delete, onPolygonDelete);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.selectMode, onModeSelect as EventListener);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.back, onClickBack);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.forward, onClickForward);\n        };\n    }, []);\n\n    // inner state\n    const [lassoMode, setLassoMode] = useState<LassoMode>('pen');\n\n    const [closedPolygons, setClosedPolygons] = useState<Polygon[]>(defaultPolygons);\n    const closedPolygonsRef = useRef<Polygon[]>(defaultPolygons);\n\n    const [hoveredPolygon, setHoveredPolygon] = useState<number | null>(null);\n\n    const [selectedPolygon, setSelectedPolygon] = useState<number | null>(null);\n    const selectedPolygonRef = useRef<number | null>(null);\n\n    const [newPolygonPoints, setNewPolygonPoints] = useState<Point[]>([]);\n    const newPolygonPointsRef = useRef(newPolygonPoints);\n\n    const [history, setHistory] = useState<HistoryFrame[]>([{newPolygonPoints, closedPolygons}]);\n    const [historyIndex, setHistoryIndex] = useState(0);\n    const historyRef = useRef(history);\n    const historyIndexRef = useRef(historyIndex);\n\n    const [movingPoint, setMovingPoint] = useState<null | Point>(null);\n    const movingPointRef = useRef<null | Point>(null);\n\n    const [closeToStartPoint, setCloseToStartPoint] = useState(false);\n\n    const selectedCirclesContainerRef = useRef<SVGGElement | null>(null);\n    const selectedCirclesSelectionRef = useRef<CirclesSelection | null>(null);\n\n    const saveCurrentStateToHistory = useCallback(function () {\n        const newHistoryItem = {\n            newPolygonPoints: [...newPolygonPointsRef.current],\n            closedPolygons: [...closedPolygonsRef.current]\n        };\n        const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);\n        newHistory.push(newHistoryItem);\n        if (newHistory.length > MAX_HISTORY_LENGTH) {\n            newHistory.shift();\n        }\n        setHistory(newHistory);\n        setHistoryIndex(newHistory.length - 1);\n        historyRef.current = newHistory;\n        historyIndexRef.current = newHistory.length - 1;\n    }, []);\n\n   const loadHistoryItem = useCallback(function (index:number) {\n        if (index > historyRef.current.length - 1 || index < 0) {\n            return;\n        }\n        updateMode('selection');\n        const historyState = historyRef.current[index];\n        updatePolygons(historyState.closedPolygons, false);\n        updateNewPolygon(historyState.newPolygonPoints, false);\n        setHistoryIndex(index);\n        historyIndexRef.current = index;\n    }, []);\n    function updatePolygons(p: Polygon[], saveToHistory = true) {\n        setClosedPolygons(p);\n        closedPolygonsRef.current = p;\n        if (saveToHistory) {\n            saveCurrentStateToHistory();\n        }\n    }\n\n    function updateNewPolygon(points:Point[], saveToHistory = true) {\n        newPolygonPointsRef.current = points;\n        setNewPolygonPoints(points);\n        if (saveToHistory) {\n            saveCurrentStateToHistory();\n        }\n    }\n\n    function updateSelectedPolygon(idx: number | null) {\n        setSelectedPolygon(idx);\n        selectedPolygonRef.current = idx;\n    }\n\n    function updateMode(v: LassoMode) {\n        setLassoMode(v);\n        if (v === 'selection') {\n            updateSelectedPolygon(null);\n            selectedCirclesSelectionRef.current = null;\n            selectedCirclesContainerRef.current = null;\n        }\n        if (v === 'pen') {\n            if (newPolygonPointsRef.current.length > 2) {\n                const polygon:Polygon = {points: newPolygonPointsRef.current, closed: true};\n                updatePolygons([...closedPolygonsRef.current, polygon]);\n                onPolygonsApply([...closedPolygonsRef.current, polygon]);\n            }\n            clearNotFinishedPolygon();\n        }\n    }\n    function clearNotFinishedPolygon(saveToHistory = true) {\n        movingPointRef.current = null;\n        updateNewPolygon([], saveToHistory);\n    }\n\n    function onKeyDown(e: KeyboardEvent) {\n        const escape = e.key === 'Escape';\n        if (!escape) {\n            return;\n        }\n        clearNotFinishedPolygon();\n    }\n\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n        return () => document.removeEventListener('keydown', onKeyDown);\n    }, []);\n\n    useEffect(() => {\n        selectedCirclesSelectionRef.current?.attr('cx', d => scales.x(d.p[0])).attr('cy', d => scales.y(d.p[1]));\n    }, [zoomStateKey, chartSizes.chartWidth, chartSizes.chartHeight]);\n\n    const onNewPointAddByClick = useCallback(function () {\n        setCloseToStartPoint(false);\n        if (!movingPointRef.current || lassoMode === 'pen') {\n            return;\n        }\n        const currentCoords = [...movingPointRef.current] as Point;\n        const x = scales.x.invert(currentCoords[0]);\n        const y = scales.y.invert(currentCoords[1]);\n\n        if (!newPolygonPointsRef.current.length) {\n            updateNewPolygon([[x, y]]);\n            return;\n        }\n\n        const points = newPolygonPointsRef.current;\n        const tooFar = !closeToStartPoint;\n        if (tooFar || points.length < 3) {\n            updateNewPolygon([...points, [x, y]]);\n        } else {\n            const polygon:Polygon = {points: [...points], closed: true};\n            clearNotFinishedPolygon(false);\n            updatePolygons([...closedPolygons, polygon]);\n            // to avoid freezing of ui updating in case of big amount of points to apply polygons and change opacity\n            setTimeout(() => onPolygonsApply([...closedPolygons, polygon]), 0);\n        }\n    }, [lassoMode, closeToStartPoint]);\n\n    const onMouseMove = useCallback(function(e: MouseEvent<SVGRectElement>) {\n        const p: Point = [e.nativeEvent.offsetX, e.nativeEvent.offsetY];\n        const points = newPolygonPointsRef.current;\n        const startPoint = newPolygonPointsRef.current[0];\n        if (startPoint) {\n            const startX = scales.x(startPoint[0]);\n            const startY = scales.y(startPoint[1]);\n            const distance = points.length > 1\n                ? Math.sqrt((p[0] - startX) ** 2 + (p[1] - startY) ** 2)\n                : Infinity;\n            setCloseToStartPoint(distance < CLOSING_DISTANCE);\n        } else {\n            setCloseToStartPoint(false);\n        }\n\n        setMovingPoint(p);\n        movingPointRef.current = p;\n    }, []);\n\n    function clearSelectedCircles() {\n        if (selectedCirclesContainerRef.current) {\n            select(selectedCirclesContainerRef.current).data([]).exit().remove();\n        }\n    }\n\n    function updateSelectedCircles(el: SVGGElement | null) {\n        if (el !== selectedCirclesContainerRef.current && el) {\n            clearSelectedCircles();\n            selectedCirclesContainerRef.current = el;\n            onPolygonSelect(selectedPolygon);\n        }\n    }\n\n    const onPolygonSelect = useCallback(function (idx: number | null) {\n        if (lassoMode === 'selection') {\n            return;\n        }\n        if (idx !== null) {\n            const d = drag<SVGCircleElement, CircleData, SVGGElement | null>()\n                .on('drag', function (e) {\n                    const el = select<SVGCircleElement, CircleData>(this);\n                    const d = el.data()[0] as number[] & CircleData;\n                    d[0] = e.x;\n                    d[1] = e.y;\n                    d.p = [scales.x.invert(d[0]), scales.y.invert(d[1])];\n                    el.attr('cx', d[0]).attr('cy', d[1]);\n                    const editedPolygons = closedPolygonsRef.current.map((polygon, polygonIdx) => {\n                        return idx !== polygonIdx ? polygon : {\n                            ...polygon,\n                            points: polygon.points.map((el, pointIdx) =>\n                                pointIdx === d.idx ? ([scales.x.invert(d[0]), scales.y.invert(d[1])] as Point) : el\n                            ),\n                        };\n                    });\n                    updatePolygons(editedPolygons, false);\n                })\n                .on('end', function () {\n                    saveCurrentStateToHistory();\n                    onPolygonsApply(closedPolygonsRef.current);\n                });\n            const draggablePointsData = closedPolygonsRef.current[idx].points.map((p, idx) => ({idx, p}));\n            const selectedCircles = select(selectedCirclesContainerRef.current)\n                .selectAll<SVGCircleElement, CircleData>('circle')\n                .data(draggablePointsData, (d) => d.idx)\n                .join('circle');\n            selectedCirclesSelectionRef.current = selectedCircles;\n\n            selectedCircles\n                .attr('cx', d => scales.x(d.p[0]))\n                .attr('cy', d => scales.y(d.p[1]))\n                .attr('r', R)\n                .attr('fill', 'white')\n                .attr('stroke', SELECTION_COLOR);\n            selectedCircles.call(d);\n        }\n    }, []);\n\n    useEffect(() => {\n        if (lassoMode === 'pen') {\n            onLassoControlsStateUpdate({\n                mode: lassoMode,\n                backEnabled: historyIndex > 0,\n                forwardEnabled: historyIndex < history.length - 1,\n                deleteEnabled: selectedPolygon !== null,\n            });\n        } else {\n            onLassoControlsStateUpdate({\n                mode: lassoMode,\n                backEnabled: historyIndex > 0,\n                forwardEnabled: historyIndex < history.length - 1,\n                deleteEnabled: false,\n            });\n        }\n    }, [lassoMode, selectedPolygon, historyIndex, history]);\n\n    return (\n        <>\n            <g>\n                <defs>\n                    <pattern\n                        id=\"diagonalStripes\"\n                        width=\"5\"\n                        height=\"5\"\n                        patternTransform=\"rotate(45 0 0)\"\n                        patternUnits=\"userSpaceOnUse\"\n                    >\n                        <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"10\" stroke={SELECTION_COLOR} strokeWidth=\"1\" />\n                    </pattern>\n                </defs>\n                <rect\n                    fill=\"transparent\"\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    onMouseMove={onMouseMove}\n                    onClick={onNewPointAddByClick}\n                />\n                {closedPolygons.map((p, idx) => {\n                    const isHovered = idx === hoveredPolygon;\n                    const isSelected = idx === selectedPolygon;\n                    const points = p.points.map(p => [scales.x(p[0]), scales.y(p[1])]);\n                    const pathD =\n                        points\n                            .map((p, idx) => {\n                                return (idx === 0 ? 'M' : 'L') + p[0] + ',' + p[1];\n                            })\n                            .join('') + 'z';\n                    return (\n                        <g key={idx}>\n                            <path\n                                d={pathD}\n                                fill={isHovered && !isSelected ? 'url(#diagonalStripes)' : 'transparent'}\n                                stroke={isSelected || isHovered ? SELECTION_COLOR : BLACK}\n                                onMouseOver={() => setHoveredPolygon(idx)}\n                                onMouseLeave={() => setHoveredPolygon(null)}\n                                onClick={() => updateSelectedPolygon(idx)}\n                                style={{pointerEvents: lassoMode === 'selection' || isSelected ? 'none' : 'auto'}}\n                            />\n                            {isSelected && <g ref={el => updateSelectedCircles(el)} />}\n                        </g>\n                    );\n                })}\n                <polyline\n                    points={newPolygonPoints.map((p) => `${scales.x(p[0])},${scales.y(p[1])}`).join(' ')}\n                    stroke={BLACK}\n                    fill=\"none\"\n                    style={{pointerEvents: 'none'}}\n                />\n                {newPolygonPoints.length > 1 && movingPoint && (\n                    <g style={{pointerEvents: 'none'}}>\n                        <circle\n                            cx={scales.x(newPolygonPoints[0][0])}\n                            cy={scales.y(newPolygonPoints[0][1])}\n                            r={R_START}\n                            fill=\"none\"\n                            stroke={START_GREY}\n                            strokeDasharray=\"3 3\"\n                        />\n                        <line\n                            x1={movingPoint[0]}\n                            y1={movingPoint[1]}\n                            x2={scales.x(newPolygonPoints[0][0])}\n                            y2={scales.y(newPolygonPoints[0][1])}\n                            stroke={START_GREY}\n                            strokeDasharray=\"3 3\"\n                        />\n                    </g>\n                )}\n                {newPolygonPoints.length > 0 && movingPoint && (\n                    <g style={{pointerEvents: 'none'}}>\n                        <line\n                            x1={scales.x(newPolygonPoints[newPolygonPoints.length - 1][0])}\n                            y1={scales.y(newPolygonPoints[newPolygonPoints.length - 1][1])}\n                            x2={movingPoint[0]}\n                            y2={movingPoint[1]}\n                            stroke={SELECTION_COLOR}\n                        />\n                        {newPolygonPoints.map((p, idx) => (\n                            <circle\n                                key={idx}\n                                cx={scales.x(p[0])}\n                                cy={scales.y(p[1])}\n                                r={R}\n                                fill=\"white\"\n                                stroke={idx > 0 ? SELECTION_COLOR : BLACK}\n                            />\n                        ))}\n                        <circle\n                            cx={movingPoint[0]}\n                            cy={movingPoint[1]}\n                            r={R}\n                            fill=\"white\"\n                            stroke={SELECTION_COLOR}\n                        />\n                    </g>\n                )}\n                {closeToStartPoint && movingPoint && (\n                    <circle\n                        cx={movingPoint[0] + 5}\n                        cy={movingPoint[1] - 5}\n                        r={2}\n                        fill=\"none\"\n                        stroke={SELECTION_COLOR}\n                        strokeWidth={0.5}\n                    />\n                )}\n            </g>\n        </>\n    );\n}\n"],"names":["SELECTION_COLOR","START_GREY","CLOSING_DISTANCE","R","R_START","MAX_HISTORY_LENGTH","Lasso","scales","chartSizes","zoomStateKey","defaultPolygons","onPolygonsApply","onLassoControlsStateUpdate","useEffect","onPolygonDelete","selectedPolygonRef","updatePolygons","closedPolygonsRef","_p","idx","updateSelectedPolygon","onModeSelect","e","updateMode","onClickBack","loadHistoryItem","historyIndexRef","onClickForward","SCATTERPLOT_LASSO_EVENTS","lassoMode","setLassoMode","useState","closedPolygons","setClosedPolygons","useRef","hoveredPolygon","setHoveredPolygon","selectedPolygon","setSelectedPolygon","newPolygonPoints","setNewPolygonPoints","newPolygonPointsRef","history","setHistory","historyIndex","setHistoryIndex","historyRef","movingPoint","setMovingPoint","movingPointRef","closeToStartPoint","setCloseToStartPoint","selectedCirclesContainerRef","selectedCirclesSelectionRef","saveCurrentStateToHistory","useCallback","newHistoryItem","newHistory","index","historyState","updateNewPolygon","p","saveToHistory","points","v","polygon","clearNotFinishedPolygon","onKeyDown","_a","d","onNewPointAddByClick","currentCoords","x","y","onMouseMove","startPoint","startX","startY","distance","clearSelectedCircles","select","updateSelectedCircles","el","onPolygonSelect","drag","editedPolygons","polygonIdx","pointIdx","draggablePointsData","selectedCircles","jsx","Fragment","c","isHovered","isSelected","pathD","BLACK","jsxs"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"Lasso.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot-umap/components/Lasso.tsx"],"sourcesContent":["import {SCATTERPLOT_LASSO_EVENTS} from '../constants';\nimport type {LassoControlsState, LassoMode} from '../types';\nimport type {Polygon} from '../types';\nimport type {Selection} from 'd3-selection';\nimport {select} from 'd3-selection';\nimport {BLACK} from '../../constants';\nimport type {ChartScales, ChartSizes, Point} from '../types';\nimport type {MouseEvent} from 'react';\nimport React, {useCallback, useEffect, useRef, useState} from 'react';\nimport {drag} from 'd3-drag';\n\nconst SELECTION_COLOR = '#845CFF';\nconst START_GREY = '#CFD1DB';\nconst CLOSING_DISTANCE = 20;\nconst R = 3;\nconst R_START = 6;\nconst MAX_HISTORY_LENGTH = 10;\n\ntype CircleData = { // moving point for editing\n    idx: number;\n    p: Point;\n};\ntype CirclesSelection = Selection<SVGCircleElement, CircleData, SVGGElement | null, CircleData>;\n\ntype HistoryFrame = {\n    newPolygonPoints: Point[],\n    closedPolygons: Polygon[]\n}\n\n// Mode = 'selection': creating new polygons, pan with button\n// Mode = 'pen': selecting polygon to edit or delete, any zooming actions\nexport function Lasso({\n    scales,\n    chartSizes,\n    zoomStateKey,\n    defaultPolygons,\n    onPolygonsApply,\n    onLassoControlsStateUpdate,\n}: {\n    scales: ChartScales;\n    chartSizes: ChartSizes;\n    zoomStateKey: string;\n    defaultPolygons: Polygon[];\n    onPolygonsApply: (data: Polygon[]) => void;\n    onLassoControlsStateUpdate: (v: LassoControlsState) => void;\n}) {\n    useEffect(() => {\n        // Events from outer controls\n        function onPolygonDelete() {\n            if (newPolygonPointsRef.current.length > 0) {\n                clearNotFinishedPolygon();\n            } else if (selectedPolygonRef.current === null) {\n                updatePolygons([]);\n                onPolygonsApply([]);\n            } else {\n                updatePolygons([...closedPolygonsRef.current.filter((_p, idx) => idx !== selectedPolygonRef.current)]);\n                updateSelectedPolygon(null);\n                onPolygonsApply(closedPolygonsRef.current);\n            }\n        }\n\n        function onModeSelect(e: CustomEvent<LassoMode>) {\n            updateMode(e.detail);\n        }\n        function onClickBack() {\n            loadHistoryItem(historyIndexRef.current - 1);\n        }\n        function onClickForward() {\n            loadHistoryItem(historyIndexRef.current + 1);\n        }\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.delete, onPolygonDelete);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.selectMode, onModeSelect as EventListener);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.back, onClickBack);\n        document.addEventListener(SCATTERPLOT_LASSO_EVENTS.forward, onClickForward);\n        return () => {\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.delete, onPolygonDelete);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.selectMode, onModeSelect as EventListener);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.back, onClickBack);\n            document.removeEventListener(SCATTERPLOT_LASSO_EVENTS.forward, onClickForward);\n        };\n    }, []);\n\n    // inner state\n    const [lassoMode, setLassoMode] = useState<LassoMode>('pen');\n\n    const [closedPolygons, setClosedPolygons] = useState<Polygon[]>(defaultPolygons);\n    const closedPolygonsRef = useRef<Polygon[]>(defaultPolygons);\n\n    const [hoveredPolygon, setHoveredPolygon] = useState<number | null>(null);\n\n    const [selectedPolygon, setSelectedPolygon] = useState<number | null>(null);\n    const selectedPolygonRef = useRef<number | null>(null);\n\n    const [newPolygonPoints, setNewPolygonPoints] = useState<Point[]>([]);\n    const newPolygonPointsRef = useRef(newPolygonPoints);\n\n    const [history, setHistory] = useState<HistoryFrame[]>([{newPolygonPoints, closedPolygons}]);\n    const [historyIndex, setHistoryIndex] = useState(0);\n    const historyRef = useRef(history);\n    const historyIndexRef = useRef(historyIndex);\n\n    const [movingPoint, setMovingPoint] = useState<null | Point>(null);\n    const movingPointRef = useRef<null | Point>(null);\n\n    const [closeToStartPoint, setCloseToStartPoint] = useState(false);\n\n    const selectedCirclesContainerRef = useRef<SVGGElement | null>(null);\n    const selectedCirclesSelectionRef = useRef<CirclesSelection | null>(null);\n\n    const saveCurrentStateToHistory = useCallback(function () {\n        const newHistoryItem = {\n            newPolygonPoints: [...newPolygonPointsRef.current],\n            closedPolygons: [...closedPolygonsRef.current]\n        };\n        const newHistory = historyRef.current.slice(0, historyIndexRef.current + 1);\n        newHistory.push(newHistoryItem);\n        if (newHistory.length > MAX_HISTORY_LENGTH) {\n            newHistory.shift();\n        }\n        setHistory(newHistory);\n        setHistoryIndex(newHistory.length - 1);\n        historyRef.current = newHistory;\n        historyIndexRef.current = newHistory.length - 1;\n    }, []);\n\n   const loadHistoryItem = useCallback(function (index:number) {\n        if (index > historyRef.current.length - 1 || index < 0) {\n            return;\n        }\n        updateMode('selection');\n        const historyState = historyRef.current[index];\n        updatePolygons(historyState.closedPolygons, false);\n        updateNewPolygon(historyState.newPolygonPoints, false);\n        setHistoryIndex(index);\n        historyIndexRef.current = index;\n    }, []);\n    function updatePolygons(p: Polygon[], saveToHistory = true) {\n        setClosedPolygons(p);\n        closedPolygonsRef.current = p;\n        if (saveToHistory) {\n            saveCurrentStateToHistory();\n        }\n    }\n\n    function updateNewPolygon(points:Point[], saveToHistory = true) {\n        newPolygonPointsRef.current = points;\n        setNewPolygonPoints(points);\n        if (saveToHistory) {\n            saveCurrentStateToHistory();\n        }\n    }\n\n    function updateSelectedPolygon(idx: number | null) {\n        setSelectedPolygon(idx);\n        selectedPolygonRef.current = idx;\n    }\n\n    function updateMode(v: LassoMode) {\n        setLassoMode(v);\n        if (v === 'selection') {\n            updateSelectedPolygon(null);\n            selectedCirclesSelectionRef.current = null;\n            selectedCirclesContainerRef.current = null;\n        }\n        if (v === 'pen') {\n            if (newPolygonPointsRef.current.length > 2) {\n                const polygon:Polygon = {points: newPolygonPointsRef.current, closed: true};\n                updatePolygons([...closedPolygonsRef.current, polygon]);\n                onPolygonsApply([...closedPolygonsRef.current, polygon]);\n            }\n            clearNotFinishedPolygon();\n        }\n    }\n    function clearNotFinishedPolygon(saveToHistory = true) {\n        movingPointRef.current = null;\n        updateNewPolygon([], saveToHistory);\n    }\n\n    function onKeyDown(e: KeyboardEvent) {\n        const escape = e.key === 'Escape';\n        if (!escape) {\n            return;\n        }\n        clearNotFinishedPolygon();\n    }\n\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n        return () => document.removeEventListener('keydown', onKeyDown);\n    }, []);\n\n    useEffect(() => {\n        selectedCirclesSelectionRef.current?.attr('cx', d => scales.x(d.p[0])).attr('cy', d => scales.y(d.p[1]));\n    }, [zoomStateKey, chartSizes.chartWidth, chartSizes.chartHeight]);\n\n    const onNewPointAddByClick = useCallback(function () {\n        setCloseToStartPoint(false);\n        if (!movingPointRef.current || lassoMode === 'pen') {\n            return;\n        }\n        const currentCoords = [...movingPointRef.current] as Point;\n        const x = scales.x.invert(currentCoords[0]);\n        const y = scales.y.invert(currentCoords[1]);\n\n        if (!newPolygonPointsRef.current.length) {\n            updateNewPolygon([[x, y]]);\n            return;\n        }\n\n        const points = newPolygonPointsRef.current;\n        const tooFar = !closeToStartPoint;\n        if (tooFar || points.length < 3) {\n            updateNewPolygon([...points, [x, y]]);\n        } else {\n            const polygon:Polygon = {points: [...points], closed: true};\n            clearNotFinishedPolygon(false);\n            updatePolygons([...closedPolygons, polygon]);\n            // to avoid freezing of ui updating in case of big amount of points to apply polygons and change opacity\n            setTimeout(() => onPolygonsApply([...closedPolygons, polygon]), 0);\n        }\n    }, [lassoMode, closeToStartPoint]);\n\n    const onMouseMove = useCallback(function(e: MouseEvent<SVGRectElement>) {\n        const p: Point = [e.nativeEvent.offsetX, e.nativeEvent.offsetY];\n        const points = newPolygonPointsRef.current;\n        const startPoint = newPolygonPointsRef.current[0];\n        if (startPoint) {\n            const startX = scales.x(startPoint[0]);\n            const startY = scales.y(startPoint[1]);\n            const distance = points.length > 1\n                ? Math.sqrt((p[0] - startX) ** 2 + (p[1] - startY) ** 2)\n                : Infinity;\n            setCloseToStartPoint(distance < CLOSING_DISTANCE);\n        } else {\n            setCloseToStartPoint(false);\n        }\n\n        setMovingPoint(p);\n        movingPointRef.current = p;\n    }, []);\n\n    function clearSelectedCircles() {\n        if (selectedCirclesContainerRef.current) {\n            select(selectedCirclesContainerRef.current).data([]).exit().remove();\n        }\n    }\n\n    function updateSelectedCircles(el: SVGGElement | null) {\n        if (el !== selectedCirclesContainerRef.current && el) {\n            clearSelectedCircles();\n            selectedCirclesContainerRef.current = el;\n            onPolygonSelect(selectedPolygon);\n        }\n    }\n\n    const onPolygonSelect = useCallback(function (idx: number | null) {\n        if (lassoMode === 'selection') {\n            return;\n        }\n        if (idx !== null) {\n            const d = drag<SVGCircleElement, CircleData, SVGGElement | null>()\n                .on('drag', function (e) {\n                    const el = select<SVGCircleElement, CircleData>(this);\n                    const d = el.data()[0] as number[] & CircleData;\n                    d[0] = e.x;\n                    d[1] = e.y;\n                    d.p = [scales.x.invert(d[0]), scales.y.invert(d[1])];\n                    el.attr('cx', d[0]).attr('cy', d[1]);\n                    const editedPolygons = closedPolygonsRef.current.map((polygon, polygonIdx) => {\n                        return idx !== polygonIdx ? polygon : {\n                            ...polygon,\n                            points: polygon.points.map((el, pointIdx) =>\n                                pointIdx === d.idx ? ([scales.x.invert(d[0]), scales.y.invert(d[1])] as Point) : el\n                            ),\n                        };\n                    });\n                    updatePolygons(editedPolygons, false);\n                })\n                .on('end', function () {\n                    saveCurrentStateToHistory();\n                    onPolygonsApply(closedPolygonsRef.current);\n                });\n            const draggablePointsData = closedPolygonsRef.current[idx].points.map((p, idx) => ({idx, p}));\n            const selectedCircles = select(selectedCirclesContainerRef.current)\n                .selectAll<SVGCircleElement, CircleData>('circle')\n                .data(draggablePointsData, (d) => d.idx)\n                .join('circle');\n            selectedCirclesSelectionRef.current = selectedCircles;\n\n            selectedCircles\n                .attr('cx', d => scales.x(d.p[0]))\n                .attr('cy', d => scales.y(d.p[1]))\n                .attr('r', R)\n                .attr('fill', 'white')\n                .attr('stroke', SELECTION_COLOR);\n            selectedCircles.call(d);\n        }\n    }, []);\n\n    useEffect(() => {\n        onLassoControlsStateUpdate({\n            mode: lassoMode,\n            backEnabled: historyIndex > 0,\n            forwardEnabled: historyIndex < history.length - 1,\n            deleteEnabled: selectedPolygon !== null || closedPolygons.length > 0 || newPolygonPoints.length > 0,\n        });\n    }, [lassoMode, selectedPolygon, closedPolygons, newPolygonPoints, historyIndex, history]);\n\n    return (\n        <>\n            <g>\n                <defs>\n                    <pattern\n                        id=\"diagonalStripes\"\n                        width=\"5\"\n                        height=\"5\"\n                        patternTransform=\"rotate(45 0 0)\"\n                        patternUnits=\"userSpaceOnUse\"\n                    >\n                        <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"10\" stroke={SELECTION_COLOR} strokeWidth=\"1\" />\n                    </pattern>\n                </defs>\n                <rect\n                    fill=\"transparent\"\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    onMouseMove={onMouseMove}\n                    onClick={onNewPointAddByClick}\n                />\n                {closedPolygons.map((p, idx) => {\n                    const isHovered = idx === hoveredPolygon;\n                    const isSelected = idx === selectedPolygon;\n                    const points = p.points.map(p => [scales.x(p[0]), scales.y(p[1])]);\n                    const pathD =\n                        points\n                            .map((p, idx) => {\n                                return (idx === 0 ? 'M' : 'L') + p[0] + ',' + p[1];\n                            })\n                            .join('') + 'z';\n                    return (\n                        <g key={idx}>\n                            <path\n                                d={pathD}\n                                fill={isHovered && !isSelected ? 'url(#diagonalStripes)' : 'transparent'}\n                                stroke={isSelected || isHovered ? SELECTION_COLOR : BLACK}\n                                onMouseOver={() => setHoveredPolygon(idx)}\n                                onMouseLeave={() => setHoveredPolygon(null)}\n                                onClick={() => updateSelectedPolygon(idx)}\n                                style={{pointerEvents: lassoMode === 'selection' || isSelected ? 'none' : 'auto'}}\n                            />\n                            {isSelected && <g ref={el => updateSelectedCircles(el)} />}\n                        </g>\n                    );\n                })}\n                <polyline\n                    points={newPolygonPoints.map((p) => `${scales.x(p[0])},${scales.y(p[1])}`).join(' ')}\n                    stroke={BLACK}\n                    fill=\"none\"\n                    style={{pointerEvents: 'none'}}\n                />\n                {newPolygonPoints.length > 1 && movingPoint && (\n                    <g style={{pointerEvents: 'none'}}>\n                        <circle\n                            cx={scales.x(newPolygonPoints[0][0])}\n                            cy={scales.y(newPolygonPoints[0][1])}\n                            r={R_START}\n                            fill=\"none\"\n                            stroke={START_GREY}\n                            strokeDasharray=\"3 3\"\n                        />\n                        <line\n                            x1={movingPoint[0]}\n                            y1={movingPoint[1]}\n                            x2={scales.x(newPolygonPoints[0][0])}\n                            y2={scales.y(newPolygonPoints[0][1])}\n                            stroke={START_GREY}\n                            strokeDasharray=\"3 3\"\n                        />\n                    </g>\n                )}\n                {newPolygonPoints.length > 0 && movingPoint && (\n                    <g style={{pointerEvents: 'none'}}>\n                        <line\n                            x1={scales.x(newPolygonPoints[newPolygonPoints.length - 1][0])}\n                            y1={scales.y(newPolygonPoints[newPolygonPoints.length - 1][1])}\n                            x2={movingPoint[0]}\n                            y2={movingPoint[1]}\n                            stroke={SELECTION_COLOR}\n                        />\n                        {newPolygonPoints.map((p, idx) => (\n                            <circle\n                                key={idx}\n                                cx={scales.x(p[0])}\n                                cy={scales.y(p[1])}\n                                r={R}\n                                fill=\"white\"\n                                stroke={idx > 0 ? SELECTION_COLOR : BLACK}\n                            />\n                        ))}\n                        <circle\n                            cx={movingPoint[0]}\n                            cy={movingPoint[1]}\n                            r={R}\n                            fill=\"white\"\n                            stroke={SELECTION_COLOR}\n                        />\n                    </g>\n                )}\n                {closeToStartPoint && movingPoint && (\n                    <circle\n                        cx={movingPoint[0] + 5}\n                        cy={movingPoint[1] - 5}\n                        r={2}\n                        fill=\"none\"\n                        stroke={SELECTION_COLOR}\n                        strokeWidth={0.5}\n                    />\n                )}\n            </g>\n        </>\n    );\n}\n"],"names":["SELECTION_COLOR","START_GREY","CLOSING_DISTANCE","R","R_START","MAX_HISTORY_LENGTH","Lasso","scales","chartSizes","zoomStateKey","defaultPolygons","onPolygonsApply","onLassoControlsStateUpdate","useEffect","onPolygonDelete","newPolygonPointsRef","clearNotFinishedPolygon","selectedPolygonRef","updatePolygons","closedPolygonsRef","_p","idx","updateSelectedPolygon","onModeSelect","e","updateMode","onClickBack","loadHistoryItem","historyIndexRef","onClickForward","SCATTERPLOT_LASSO_EVENTS","lassoMode","setLassoMode","useState","closedPolygons","setClosedPolygons","useRef","hoveredPolygon","setHoveredPolygon","selectedPolygon","setSelectedPolygon","newPolygonPoints","setNewPolygonPoints","history","setHistory","historyIndex","setHistoryIndex","historyRef","movingPoint","setMovingPoint","movingPointRef","closeToStartPoint","setCloseToStartPoint","selectedCirclesContainerRef","selectedCirclesSelectionRef","saveCurrentStateToHistory","useCallback","newHistoryItem","newHistory","index","historyState","updateNewPolygon","p","saveToHistory","points","v","polygon","onKeyDown","_a","d","onNewPointAddByClick","currentCoords","x","y","onMouseMove","startPoint","startX","startY","distance","clearSelectedCircles","select","updateSelectedCircles","el","onPolygonSelect","drag","editedPolygons","polygonIdx","pointIdx","draggablePointsData","selectedCircles","jsx","Fragment","c","isHovered","isSelected","pathD","BLACK","jsxs"],"mappings":";;;;;;AAWA,MAAMA,IAAkB,WAClBC,IAAa,WACbC,KAAmB,IACnBC,IAAI,GACJC,KAAU,GACVC,KAAqB;AAepB,SAASC,GAAM;AAAA,EAClB,QAAAC;AAAAA,EACA,YAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,iBAAAC;AAAAA,EACA,iBAAAC;AAAAA,EACA,4BAAAC;AACJ,GAOG;AACCC,EAAAA,EAAAA,UAAU,MAAM;AAEZ,aAASC,IAAkB;AACnBC,MAAAA,EAAoB,QAAQ,SAAS,IACrCC,EAAAA,IACOC,EAAmB,YAAY,QACtCC,EAAe,CAAA,CAAE,GACjBP,EAAgB,CAAA,CAAE,MAElBO,EAAe,CAAC,GAAGC,EAAkB,QAAQ,OAAO,CAACC,GAAIC,MAAQA,MAAQJ,EAAmB,OAAO,CAAC,CAAC,GACrGK,EAAsB,IAAI,GAC1BX,EAAgBQ,EAAkB,OAAO;AAAA,IAEjD;AAEA,aAASI,EAAaC,GAA2B;AAC7CC,MAAAA,EAAWD,EAAE,MAAM;AAAA,IACvB;AACA,aAASE,IAAc;AACnBC,QAAgBC,EAAgB,UAAU,CAAC;AAAA,IAC/C;AACA,aAASC,IAAiB;AACtBF,QAAgBC,EAAgB,UAAU,CAAC;AAAA,IAC/C;AACA,WAAA,SAAS,iBAAiBE,EAAyB,QAAQhB,CAAe,GAC1E,SAAS,iBAAiBgB,EAAyB,YAAYP,CAA6B,GAC5F,SAAS,iBAAiBO,EAAyB,MAAMJ,CAAW,GACpE,SAAS,iBAAiBI,EAAyB,SAASD,CAAc,GACnE,MAAM;AACT,eAAS,oBAAoBC,EAAyB,QAAQhB,CAAe,GAC7E,SAAS,oBAAoBgB,EAAyB,YAAYP,CAA6B,GAC/F,SAAS,oBAAoBO,EAAyB,MAAMJ,CAAW,GACvE,SAAS,oBAAoBI,EAAyB,SAASD,CAAc;AAAA,IACjF;AAAA,EACJ,GAAG,CAAA,CAAE;AAGL,QAAM,CAACE,GAAWC,CAAY,IAAIC,EAAAA,SAAoB,KAAK,GAErD,CAACC,GAAgBC,CAAiB,IAAIF,EAAAA,SAAoBvB,CAAe,GACzES,IAAoBiB,EAAAA,OAAkB1B,CAAe,GAErD,CAAC2B,GAAgBC,CAAiB,IAAIL,EAAAA,SAAwB,IAAI,GAElE,CAACM,GAAiBC,CAAkB,IAAIP,EAAAA,SAAwB,IAAI,GACpEhB,IAAqBmB,EAAAA,OAAsB,IAAI,GAE/C,CAACK,GAAkBC,CAAmB,IAAIT,EAAAA,SAAkB,CAAA,CAAE,GAC9DlB,IAAsBqB,EAAAA,OAAOK,CAAgB,GAE7C,CAACE,GAASC,EAAU,IAAIX,EAAAA,SAAyB,CAAC,EAAC,kBAAAQ,GAAkB,gBAAAP,EAAAA,CAAe,CAAC,GACrF,CAACW,GAAcC,CAAe,IAAIb,EAAAA,SAAS,CAAC,GAC5Cc,IAAaX,EAAAA,OAAOO,CAAO,GAC3Bf,IAAkBQ,EAAAA,OAAOS,CAAY,GAErC,CAACG,GAAaC,EAAc,IAAIhB,EAAAA,SAAuB,IAAI,GAC3DiB,IAAiBd,EAAAA,OAAqB,IAAI,GAE1C,CAACe,GAAmBC,CAAoB,IAAInB,EAAAA,SAAS,EAAK,GAE1DoB,IAA8BjB,EAAAA,OAA2B,IAAI,GAC7DkB,IAA8BlB,EAAAA,OAAgC,IAAI,GAElEmB,IAA4BC,EAAAA,YAAY,WAAY;AACtD,UAAMC,IAAiB;AAAA,MACnB,kBAAkB,CAAC,GAAG1C,EAAoB,OAAO;AAAA,MACjD,gBAAgB,CAAC,GAAGI,EAAkB,OAAO;AAAA,IAAA,GAE3CuC,IAAaX,EAAW,QAAQ,MAAM,GAAGnB,EAAgB,UAAU,CAAC;AAC1E8B,IAAAA,EAAW,KAAKD,CAAc,GAC1BC,EAAW,SAASrD,MACpBqD,EAAW,SAEfd,GAAWc,CAAU,GACrBZ,EAAgBY,EAAW,SAAS,CAAC,GACrCX,EAAW,UAAUW,GACrB9B,EAAgB,UAAU8B,EAAW,SAAS;AAAA,EAClD,GAAG,CAAA,CAAE,GAEA/B,IAAkB6B,EAAAA,YAAY,SAAUG,GAAc;AACvD,QAAIA,IAAQZ,EAAW,QAAQ,SAAS,KAAKY,IAAQ;AACjD;AAEJlC,IAAAA,EAAW,WAAW;AACtB,UAAMmC,IAAeb,EAAW,QAAQY,CAAK;AAC7CzC,MAAe0C,EAAa,gBAAgB,EAAK,GACjDC,EAAiBD,EAAa,kBAAkB,EAAK,GACrDd,EAAgBa,CAAK,GACrB/B,EAAgB,UAAU+B;AAAAA,EAC9B,GAAG,CAAA,CAAE;AACL,WAASzC,EAAe4C,GAAcC,IAAgB,IAAM;AACxD5B,MAAkB2B,CAAC,GACnB3C,EAAkB,UAAU2C,GACxBC,KACAR,EAAAA;AAAAA,EAER;AAEA,WAASM,EAAiBG,GAAgBD,IAAgB,IAAM;AAC5DhD,IAAAA,EAAoB,UAAUiD,GAC9BtB,EAAoBsB,CAAM,GACtBD,KACAR,EAAAA;AAAAA,EAER;AAEA,WAASjC,EAAsBD,GAAoB;AAC/CmB,IAAAA,EAAmBnB,CAAG,GACtBJ,EAAmB,UAAUI;AAAAA,EACjC;AAEA,WAASI,EAAWwC,GAAc;AAO9B,QANAjC,EAAaiC,CAAC,GACVA,MAAM,gBACN3C,EAAsB,IAAI,GAC1BgC,EAA4B,UAAU,MACtCD,EAA4B,UAAU,OAEtCY,MAAM,OAAO;AACb,UAAIlD,EAAoB,QAAQ,SAAS,GAAG;AACxC,cAAMmD,IAAkB,EAAC,QAAQnD,EAAoB,SAAS,QAAQ,GAAA;AACtEG,UAAe,CAAC,GAAGC,EAAkB,SAAS+C,CAAO,CAAC,GACtDvD,EAAgB,CAAC,GAAGQ,EAAkB,SAAS+C,CAAO,CAAC;AAAA,MAC3D;AACAlD,MAAAA,EAAAA;AAAAA,IACJ;AAAA,EACJ;AACA,WAASA,EAAwB+C,IAAgB,IAAM;AACnDb,IAAAA,EAAe,UAAU,MACzBW,EAAiB,CAAA,GAAIE,CAAa;AAAA,EACtC;AAEA,WAASI,EAAU3C,GAAkB;AAClBA,IAAAA,EAAE,QAAQ,YAIzBR,EAAAA;AAAAA,EACJ;AAEAH,EAAAA,EAAAA,UAAU,OACN,SAAS,iBAAiB,WAAWsD,CAAS,GACvC,MAAM,SAAS,oBAAoB,WAAWA,CAAS,IAC/D,CAAA,CAAE,GAELtD,EAAAA,UAAU,MAAM;;AACZ,KAAAuD,IAAAd,EAA4B,YAA5B,QAAAc,EAAqC,KAAK,MAAM,CAAAC,MAAK9D,EAAO,EAAE8D,EAAE,EAAE,CAAC,CAAC,CAAA,EAAG,KAAK,MAAM,CAAAA,MAAK9D,EAAO,EAAE8D,EAAE,EAAE,CAAC,CAAC,CAAA;AAAA,EAC1G,GAAG,CAAC5D,GAAcD,EAAW,YAAYA,EAAW,WAAW,CAAC;AAEhE,QAAM8D,KAAuBd,EAAAA,YAAY,WAAY;AAEjD,QADAJ,EAAqB,EAAK,GACtB,CAACF,EAAe,WAAWnB,MAAc;AACzC;AAEJ,UAAMwC,IAAgB,CAAC,GAAGrB,EAAe,OAAO,GAC1CsB,IAAIjE,EAAO,EAAE,OAAOgE,EAAc,CAAC,CAAC,GACpCE,IAAIlE,EAAO,EAAE,OAAOgE,EAAc,CAAC,CAAC;AAE1C,QAAI,CAACxD,EAAoB,QAAQ,QAAQ;AACrC8C,MAAAA,EAAiB,CAAC,CAACW,GAAGC,CAAC,CAAC,CAAC;AACzB;AAAA,IACJ;AAEA,UAAMT,IAASjD,EAAoB;AAEnC,QADe,CAACoC,KACFa,EAAO,SAAS;AAC1BH,MAAAA,EAAiB,CAAC,GAAGG,GAAQ,CAACQ,GAAGC,CAAC,CAAC,CAAC;AAAA,SACjC;AACH,YAAMP,IAAkB,EAAC,QAAQ,CAAC,GAAGF,CAAM,GAAG,QAAQ,GAAA;AACtDhD,MAAAA,EAAwB,EAAK,GAC7BE,EAAe,CAAC,GAAGgB,GAAgBgC,CAAO,CAAC,GAE3C,WAAW,MAAMvD,EAAgB,CAAC,GAAGuB,GAAgBgC,CAAO,CAAC,GAAG,CAAC;AAAA,IACrE;AAAA,EACJ,GAAG,CAACnC,GAAWoB,CAAiB,CAAC,GAE3BuB,KAAclB,EAAAA,YAAY,SAAShC,GAA+B;AACpE,UAAMsC,IAAW,CAACtC,EAAE,YAAY,SAASA,EAAE,YAAY,OAAO,GACxDwC,IAASjD,EAAoB,SAC7B4D,IAAa5D,EAAoB,QAAQ,CAAC;AAChD,QAAI4D,GAAY;AACZ,YAAMC,IAASrE,EAAO,EAAEoE,EAAW,CAAC,CAAC,GAC/BE,IAAStE,EAAO,EAAEoE,EAAW,CAAC,CAAC,GAC/BG,IAAWd,EAAO,SAAS,IAC3B,KAAK,MAAMF,EAAE,CAAC,IAAIc,MAAW,KAAKd,EAAE,CAAC,IAAIe,MAAW,CAAC,IACrD;AACNzB,MAAAA,EAAqB0B,IAAW5E,EAAgB;AAAA,IACpD;AACIkD,MAAAA,EAAqB,EAAK;AAG9BH,IAAAA,GAAea,CAAC,GAChBZ,EAAe,UAAUY;AAAAA,EAC7B,GAAG,CAAA,CAAE;AAEL,WAASiB,KAAuB;AACxB1B,IAAAA,EAA4B,WAC5B2B,EAAO3B,EAA4B,OAAO,EAAE,KAAK,EAAE,EAAE,KAAA,EAAO,OAAA;AAAA,EAEpE;AAEA,WAAS4B,GAAsBC,GAAwB;AAC/CA,IAAAA,MAAO7B,EAA4B,WAAW6B,MAC9CH,GAAAA,GACA1B,EAA4B,UAAU6B,GACtCC,GAAgB5C,CAAe;AAAA,EAEvC;AAEA,QAAM4C,KAAkB3B,EAAAA,YAAY,SAAUnC,GAAoB;AAC9D,QAAIU,MAAc,eAGdV,MAAQ,MAAM;AACd,YAAMgD,IAAIe,GAAAA,EACL,GAAG,QAAQ,SAAU5D,GAAG;AACrB,cAAM0D,IAAKF,EAAqC,IAAI,GAC9CX,IAAIa,EAAG,KAAA,EAAO,CAAC;AACrBb,QAAAA,EAAE,CAAC,IAAI7C,EAAE,GACT6C,EAAE,CAAC,IAAI7C,EAAE,GACT6C,EAAE,IAAI,CAAC9D,EAAO,EAAE,OAAO8D,EAAE,CAAC,CAAC,GAAG9D,EAAO,EAAE,OAAO8D,EAAE,CAAC,CAAC,CAAC,GACnDa,EAAG,KAAK,MAAMb,EAAE,CAAC,CAAC,EAAE,KAAK,MAAMA,EAAE,CAAC,CAAC;AACnC,cAAMgB,KAAiBlE,EAAkB,QAAQ,IAAI,CAAC+C,GAASoB,OACpDjE,MAAQiE,KAAapB,IAAU;AAAA,UAClC,GAAGA;AAAAA,UACH,QAAQA,EAAQ,OAAO;AAAA,YAAI,CAACgB,IAAIK,OAC5BA,OAAalB,EAAE,MAAO,CAAC9D,EAAO,EAAE,OAAO8D,EAAE,CAAC,CAAC,GAAG9D,EAAO,EAAE,OAAO8D,EAAE,CAAC,CAAC,CAAC,IAAca;AAAAA,UAAAA;AAAAA,QAAA,CAG5F;AACDhE,UAAemE,IAAgB,EAAK;AAAA,MACxC,CAAC,EACA,GAAG,OAAO,WAAY;AACnB9B,aACA5C,EAAgBQ,EAAkB,OAAO;AAAA,MAC7C,CAAC,GACCqE,IAAsBrE,EAAkB,QAAQE,CAAG,EAAE,OAAO,IAAI,CAACyC,GAAGzC,OAAS,EAAC,KAAAA,GAAK,GAAAyC,EAAAA,EAAG,GACtF2B,IAAkBT,EAAO3B,EAA4B,OAAO,EAC7D,UAAwC,QAAQ,EAChD,KAAKmC,GAAqB,CAACnB,MAAMA,EAAE,GAAG,EACtC,KAAK,QAAQ;AAClBf,MAAAA,EAA4B,UAAUmC,GAEtCA,EACK,KAAK,MAAM,CAAApB,MAAK9D,EAAO,EAAE8D,EAAE,EAAE,CAAC,CAAC,CAAC,EAChC,KAAK,MAAM,CAAAA,MAAK9D,EAAO,EAAE8D,EAAE,EAAE,CAAC,CAAC,CAAC,EAChC,KAAK,KAAKlE,CAAC,EACX,KAAK,QAAQ,OAAO,EACpB,KAAK,UAAUH,CAAe,GACnCyF,EAAgB,KAAKpB,CAAC;AAAA,IAC1B;AAAA,EACJ,GAAG,CAAA,CAAE;AAELxD,SAAAA,EAAAA,UAAU,MAAM;AACZD,IAAAA,EAA2B;AAAA,MACvB,MAAMmB;AAAAA,MACN,aAAac,IAAe;AAAA,MAC5B,gBAAgBA,IAAeF,EAAQ,SAAS;AAAA,MAChD,eAAeJ,MAAoB,QAAQL,EAAe,SAAS,KAAKO,EAAiB,SAAS;AAAA,IAAA,CACrG;AAAA,EACL,GAAG,CAACV,GAAWQ,GAAiBL,GAAgBO,GAAkBI,GAAcF,CAAO,CAAC,GAGpF+C,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EACI,UAAAC,gBAAAA,EAAA,KAAC,KAAA,EACG,UAAA;AAAA,IAAAF,gBAAAA,EAAAA,IAAC,QAAA,EACG,UAAAA,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAG;AAAA,QACH,OAAM;AAAA,QACN,QAAO;AAAA,QACP,kBAAiB;AAAA,QACjB,cAAa;AAAA,QAEb,UAAAA,gBAAAA,EAAAA,IAAC,QAAA,EAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,MAAK,QAAQ1F,GAAiB,aAAY,KAAI;AAAA,MAAA;AAAA,IAAA,GAEpF;AAAA,IACA0F,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,OAAOlF,EAAW;AAAA,QAClB,QAAQA,EAAW;AAAA,QACnB,aAAAkE;AAAAA,QACA,SAASJ;AAAAA,MAAA;AAAA,IAAA;AAAA,IAEZpC,EAAe,IAAI,CAAC4B,GAAGzC,MAAQ;AAC5B,YAAMwE,IAAYxE,MAAQgB,GACpByD,IAAazE,MAAQkB,GAErBwD,IADSjC,EAAE,OAAO,IAAI,CAAAA,MAAK,CAACvD,EAAO,EAAEuD,EAAE,CAAC,CAAC,GAAGvD,EAAO,EAAEuD,EAAE,CAAC,CAAC,CAAC,CAAC,EAGxD,IAAI,CAACA,GAAGzC,OACGA,MAAQ,IAAI,MAAM,OAAOyC,EAAE,CAAC,IAAI,MAAMA,EAAE,CAAC,CACpD,EACA,KAAK,EAAE,IAAI;AACpB,aAAA8B,gBAAAA,EAAA,KACK,KAAA,EACG,UAAA;AAAA,QAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACG,GAAGK;AAAAA,YACH,MAAMF,KAAa,CAACC,IAAa,0BAA0B;AAAA,YAC3D,QAAQA,KAAcD,IAAY7F,IAAkBgG;AAAAA,YACpD,aAAa,MAAM1D,EAAkBjB,CAAG;AAAA,YACxC,cAAc,MAAMiB,EAAkB,IAAI;AAAA,YAC1C,SAAS,MAAMhB,EAAsBD,CAAG;AAAA,YACxC,OAAO,EAAC,eAAeU,MAAc,eAAe+D,IAAa,SAAS,OAAA;AAAA,UAAA;AAAA,QAAM;AAAA,QAEnFA,KAAcJ,gBAAAA,EAAAA,IAAC,KAAA,EAAE,KAAK,CAAAR,MAAMD,GAAsBC,CAAE,EAAA,CAAG;AAAA,MAAA,EAAA,GAVpD7D,CAWR;AAAA,IAER,CAAC;AAAA,IACDqE,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,QAAQjD,EAAiB,IAAI,CAACqB,MAAM,GAAGvD,EAAO,EAAEuD,EAAE,CAAC,CAAC,CAAC,IAAIvD,EAAO,EAAEuD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,GAAG;AAAA,QACnF,QAAQkC;AAAAA,QACR,MAAK;AAAA,QACL,OAAO,EAAC,eAAe,OAAA;AAAA,MAAA;AAAA,IAAM;AAAA,IAEhCvD,EAAiB,SAAS,KAAKO,KAC5BiD,gBAAAA,EAAAA,KAAC,KAAA,EAAE,OAAO,EAAC,eAAe,OAAA,GACtB,UAAA;AAAA,MAAAP,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAInF,EAAO,EAAEkC,EAAiB,CAAC,EAAE,CAAC,CAAC;AAAA,UACnC,IAAIlC,EAAO,EAAEkC,EAAiB,CAAC,EAAE,CAAC,CAAC;AAAA,UACnC,GAAGrC;AAAAA,UACH,MAAK;AAAA,UACL,QAAQH;AAAAA,UACR,iBAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpByF,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAI1C,EAAY,CAAC;AAAA,UACjB,IAAIA,EAAY,CAAC;AAAA,UACjB,IAAIzC,EAAO,EAAEkC,EAAiB,CAAC,EAAE,CAAC,CAAC;AAAA,UACnC,IAAIlC,EAAO,EAAEkC,EAAiB,CAAC,EAAE,CAAC,CAAC;AAAA,UACnC,QAAQxC;AAAAA,UACR,iBAAgB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAExB;AAAA,IAEHwC,EAAiB,SAAS,KAAKO,KAC5BiD,gBAAAA,EAAAA,KAAC,KAAA,EAAE,OAAO,EAAC,eAAe,OAAA,GACtB,UAAA;AAAA,MAAAP,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAInF,EAAO,EAAEkC,EAAiBA,EAAiB,SAAS,CAAC,EAAE,CAAC,CAAC;AAAA,UAC7D,IAAIlC,EAAO,EAAEkC,EAAiBA,EAAiB,SAAS,CAAC,EAAE,CAAC,CAAC;AAAA,UAC7D,IAAIO,EAAY,CAAC;AAAA,UACjB,IAAIA,EAAY,CAAC;AAAA,UACjB,QAAQhD;AAAAA,QAAA;AAAA,MAAA;AAAA,MAEXyC,EAAiB,IAAI,CAACqB,GAAGzC,MACtBqE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEG,IAAInF,EAAO,EAAEuD,EAAE,CAAC,CAAC;AAAA,UACjB,IAAIvD,EAAO,EAAEuD,EAAE,CAAC,CAAC;AAAA,UACjB,GAAG3D;AAAAA,UACH,MAAK;AAAA,UACL,QAAQkB,IAAM,IAAIrB,IAAkBgG;AAAAA,QAAA;AAAA,QAL/B3E;AAAAA,MAAA,CAOZ;AAAA,MACDqE,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAI1C,EAAY,CAAC;AAAA,UACjB,IAAIA,EAAY,CAAC;AAAA,UACjB,GAAG7C;AAAAA,UACH,MAAK;AAAA,UACL,QAAQH;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEhB;AAAA,IAEHmD,KAAqBH,KAClB0C,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,IAAI1C,EAAY,CAAC,IAAI;AAAA,QACrB,IAAIA,EAAY,CAAC,IAAI;AAAA,QACrB,GAAG;AAAA,QACH,MAAK;AAAA,QACL,QAAQhD;AAAAA,QACR,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EACjB,CAER,EAAA,CACJ;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js

@@ -80,9 +80,9 @@ function tt({
               title: m,
               show: w.show,
               position: w.position,
-              leftPadding: i.left,
+              leftPadding: -i.left,
               rightPadding: i.right,
-              chartsWidth: t.chartWidth
+              chartsWidth: t.totalWidth
             }
           ),
           /* @__PURE__ */ e.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: U, children: [

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot-umap/components/LowerSVG.js.map

@@ -1 +1 @@
-{"version":3,"file":"LowerSVG.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot-umap/components/LowerSVG.tsx"],"sourcesContent":["import {format} from 'd3-format';\nimport { curveBasis, line } from 'd3-shape';\nimport React, { useEffect, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { BLACK } from '../../constants';\nimport type { DataFrame } from '../../DataFrame';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport {formatColumnValue} from '../../scatterplot/utils/formatColumnValue';\nimport type { ColumnName } from '../../types';\nimport type { CurveUmapLayer } from '../../types/scatterplot-umap';\nimport { DEFAULT_TICKS_SIZE, LEGEND_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotUmapSettingsImpl } from '../SettingsImpl';\nimport type { CaptionsSizes, ChartScales, ChartSizes, Dot, DotInfo, Margins, SVGLayerProps } from '../types';\n\nfunction getTooltipContent(dataFrame: DataFrame, dot: DotInfo, columnsList: ColumnName[] = [], ) {\n    const lines: string[] = [];\n    for (const column of columnsList) {\n        const columnFormatter = column?.format ? format(column.format) : undefined;\n        lines.push(`${column.label}: ${formatColumnValue(dataFrame, dot.idx, column, columnFormatter)}`);\n    }\n    return lines;\n}\n\nfunction getTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.label ?? title.value;\n}\n\nconst lineGenerator = line<Dot>().curve(curveBasis);\n\nfunction LowerSvg({\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    container,\n    zoomStateKey,\n    legendData,\n    dotsByGrouping,\n    layers,\n    aesGetters,\n    tooltipData\n}: {\n    aesGetters: SVGLayerProps['aesGetters'];\n    scales: ChartScales;\n    chartSettings: ScatterplotUmapSettingsImpl['chartSettings'];\n    mainTitle: string[];\n    keyColumn: ColumnName | null;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    selectedDot?: DotInfo | null;\n    container: SVGElement | null;\n    zoomStateKey: string;\n    legendData: LegendData;\n    dotsByGrouping: Record<string, Dot[]>;\n    layers: ScatterplotUmapSettingsImpl['layers'];\n    tooltipData: TooltipsData<DotInfo>;\n}) {\n    const dataFrame = useDataFrame();\n    const {title, xAxis, yAxis, frame, legend} = chartSettings;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = xAxis.title;\n    const yTitle = yAxis.title;\n    const needLeftAxis = true;\n    const needBottomAxis = true;\n\n    const sideDistances = {\n        left: 0,\n        right: chartSizes.chartWidth,\n        top: 0,\n        bottom: chartSizes.chartHeight,\n    };\n\n    if (!container) {\n        return null;\n    }\n\n    const curveLayer = layers.find(layer => layer.type === 'curve') as CurveUmapLayer | undefined;\n    const [lines, setLines] = useState<{key: string, d:string, dot: Dot}[]>([]);\n\n    function updateLines() {\n        const data = Object.entries(dotsByGrouping);\n        const nextLines = data.map(([key, dots]) => ({\n            key,\n            d: curveLayer?.smoothing ? lineGenerator(dots) ?? '' : dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' '),\n            dot: dots[0]\n        }));\n        setLines(nextLines);\n    }\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        lineGenerator\n            .x((d: Dot) => scales.x(d.x))\n            .y((d: Dot) => scales.y(d.y));\n        updateLines();\n    }, [zoomStateKey, chartSizes.chartWidth, chartSizes.chartHeight]);\n\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        updateLines();\n    }, [curveLayer?.smoothing]);\n\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n            width={chartSizes.totalWidth}\n            height={chartSizes.totalHeight}\n            style={{pointerEvents: 'none'}}\n        >\n            <defs>{fonts}</defs>\n            <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                <clipPath id=\"viewportClipPath\">\n                    <rect x=\"0\" y=\"0\" width={chartSizes.chartWidth} height={chartSizes.chartHeight}/>\n                </clipPath>\n                <ChartsTitle\n                    title={mainTitle}\n                    show={title.show}\n                    position={title.position}\n                    leftPadding={margins.left}\n                    rightPadding={margins.right}\n                    chartsWidth={chartSizes.chartWidth}\n                />\n                <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                    {xTitle && (\n                        <text\n                            x={chartSizes.chartWidth / 2}\n                            y={chartSizes.chartHeight + margins.bottom - TITLE_LINE / 2}\n                        >\n                            {getTitle(xTitle)}\n                        </text>\n                    )}\n                    {yTitle && (\n                        <text\n                            x={-margins.left + TITLE_LINE / 2}\n                            y={chartSizes.chartHeight / 2}\n                            transform={`rotate(-90,${-margins.left + TITLE_LINE / 2},${\n                                chartSizes.chartHeight / 2\n                            })`}\n                        >\n                            {getTitle(yTitle)}\n                        </text>\n                    )}\n                </g>\n                <ContinuousGrid\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    scaleX={scales.x}\n                    scaleY={scales.y}\n                    axisX={xAxis}\n                    axisY={yAxis}\n                    updatingKey={zoomStateKey}\n                    frameType={frame.type}\n                />\n                {needBottomAxis && (\n                    <g transform={`translate(0,${chartSizes.chartHeight})`}>\n                        <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} />\n                    </g>\n                )}\n                {needLeftAxis && (\n                    <g>\n                        <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} />\n                    </g>\n                )}\n                {curveLayer && curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <path\n                                key={key}\n                                d={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.idx)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.idx)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {curveLayer && !curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <polyline\n                                key={key}\n                                points={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.idx)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.idx)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {chartSettings.tooltips.show && tooltipData.selectedData && (\n                    <Tooltip\n                        content={getTooltipContent(dataFrame, tooltipData.selectedData, chartSettings.tooltips?.content)}\n                        x={scales.x(tooltipData.selectedData.x)}\n                        y={scales.y(tooltipData.selectedData.y)}\n                        active={true}\n                        fixed={tooltipData.fixed}\n                        sideDistances={sideDistances}\n                        container={container}\n                        onClose={tooltipData.onClose}\n                    />\n                )}\n                {legend.show && (\n                    <g transform={`translate(${chartSizes.chartWidth + LEGEND_OFFSET},0)`}>\n                        <Legend legendData={legendData} />\n                    </g>\n                )}\n            </g>\n        </svg>\n    );\n}\n\nexport default React.memo(LowerSvg);\n"],"names":["getTooltipContent","dataFrame","dot","columnsList","lines","column","columnFormatter","format","formatColumnValue","getTitle","title","lineGenerator","line","curveBasis","LowerSvg","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","container","zoomStateKey","legendData","dotsByGrouping","layers","aesGetters","tooltipData","useDataFrame","xAxis","yAxis","frame","legend","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xTitle","yTitle","sideDistances","curveLayer","layer","setLines","useState","updateLines","nextLines","key","dots","d","useEffect","jsxs","jsx","fonts","ChartsTitle","BLACK","TITLE_LINE","ContinuousGrid","ContinuousAxis","_a","o","Tooltip","LEGEND_OFFSET","Legend","LowerSvg$1","React"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"LowerSVG.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot-umap/components/LowerSVG.tsx"],"sourcesContent":["import {format} from 'd3-format';\nimport { curveBasis, line } from 'd3-shape';\nimport React, { useEffect, useState } from 'react';\nimport { ChartsTitle } from '../../common/ChartsTitle';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport fonts from '../../common/fonts';\nimport { Legend } from '../../common/Legend';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport type { LegendData } from '../../common/types';\nimport { useDataFrame } from '../../common/useDataFrame';\nimport { BLACK } from '../../constants';\nimport type { DataFrame } from '../../DataFrame';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport {formatColumnValue} from '../../scatterplot/utils/formatColumnValue';\nimport type { ColumnName } from '../../types';\nimport type { CurveUmapLayer } from '../../types/scatterplot-umap';\nimport { DEFAULT_TICKS_SIZE, LEGEND_OFFSET, TITLE_LINE } from '../constants';\nimport type { ScatterplotUmapSettingsImpl } from '../SettingsImpl';\nimport type { CaptionsSizes, ChartScales, ChartSizes, Dot, DotInfo, Margins, SVGLayerProps } from '../types';\n\nfunction getTooltipContent(dataFrame: DataFrame, dot: DotInfo, columnsList: ColumnName[] = [], ) {\n    const lines: string[] = [];\n    for (const column of columnsList) {\n        const columnFormatter = column?.format ? format(column.format) : undefined;\n        lines.push(`${column.label}: ${formatColumnValue(dataFrame, dot.idx, column, columnFormatter)}`);\n    }\n    return lines;\n}\n\nfunction getTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.label ?? title.value;\n}\n\nconst lineGenerator = line<Dot>().curve(curveBasis);\n\nfunction LowerSvg({\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    container,\n    zoomStateKey,\n    legendData,\n    dotsByGrouping,\n    layers,\n    aesGetters,\n    tooltipData\n}: {\n    aesGetters: SVGLayerProps['aesGetters'];\n    scales: ChartScales;\n    chartSettings: ScatterplotUmapSettingsImpl['chartSettings'];\n    mainTitle: string[];\n    keyColumn: ColumnName | null;\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    selectedDot?: DotInfo | null;\n    container: SVGElement | null;\n    zoomStateKey: string;\n    legendData: LegendData;\n    dotsByGrouping: Record<string, Dot[]>;\n    layers: ScatterplotUmapSettingsImpl['layers'];\n    tooltipData: TooltipsData<DotInfo>;\n}) {\n    const dataFrame = useDataFrame();\n    const {title, xAxis, yAxis, frame, legend} = chartSettings;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xTitle = xAxis.title;\n    const yTitle = yAxis.title;\n    const needLeftAxis = true;\n    const needBottomAxis = true;\n\n    const sideDistances = {\n        left: 0,\n        right: chartSizes.chartWidth,\n        top: 0,\n        bottom: chartSizes.chartHeight,\n    };\n\n    if (!container) {\n        return null;\n    }\n\n    const curveLayer = layers.find(layer => layer.type === 'curve') as CurveUmapLayer | undefined;\n    const [lines, setLines] = useState<{key: string, d:string, dot: Dot}[]>([]);\n\n    function updateLines() {\n        const data = Object.entries(dotsByGrouping);\n        const nextLines = data.map(([key, dots]) => ({\n            key,\n            d: curveLayer?.smoothing ? lineGenerator(dots) ?? '' : dots.map(d => `${scales.x(d.x)},${scales.y(d.y)}`).join(' '),\n            dot: dots[0]\n        }));\n        setLines(nextLines);\n    }\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        lineGenerator\n            .x((d: Dot) => scales.x(d.x))\n            .y((d: Dot) => scales.y(d.y));\n        updateLines();\n    }, [zoomStateKey, chartSizes.chartWidth, chartSizes.chartHeight]);\n\n    useEffect(() => {\n        if (!curveLayer) {\n            return;\n        }\n        updateLines();\n    }, [curveLayer?.smoothing]);\n\n    return (\n        <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n            width={chartSizes.totalWidth}\n            height={chartSizes.totalHeight}\n            style={{pointerEvents: 'none'}}\n        >\n            <defs>{fonts}</defs>\n            <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                <clipPath id=\"viewportClipPath\">\n                    <rect x=\"0\" y=\"0\" width={chartSizes.chartWidth} height={chartSizes.chartHeight}/>\n                </clipPath>\n                <ChartsTitle\n                    title={mainTitle}\n                    show={title.show}\n                    position={title.position}\n                    leftPadding={-margins.left}\n                    rightPadding={margins.right}\n                    chartsWidth={chartSizes.totalWidth}\n                />\n                <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                    {xTitle && (\n                        <text\n                            x={chartSizes.chartWidth / 2}\n                            y={chartSizes.chartHeight + margins.bottom - TITLE_LINE / 2}\n                        >\n                            {getTitle(xTitle)}\n                        </text>\n                    )}\n                    {yTitle && (\n                        <text\n                            x={-margins.left + TITLE_LINE / 2}\n                            y={chartSizes.chartHeight / 2}\n                            transform={`rotate(-90,${-margins.left + TITLE_LINE / 2},${\n                                chartSizes.chartHeight / 2\n                            })`}\n                        >\n                            {getTitle(yTitle)}\n                        </text>\n                    )}\n                </g>\n                <ContinuousGrid\n                    width={chartSizes.chartWidth}\n                    height={chartSizes.chartHeight}\n                    scaleX={scales.x}\n                    scaleY={scales.y}\n                    axisX={xAxis}\n                    axisY={yAxis}\n                    updatingKey={zoomStateKey}\n                    frameType={frame.type}\n                />\n                {needBottomAxis && (\n                    <g transform={`translate(0,${chartSizes.chartHeight})`}>\n                        <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} />\n                    </g>\n                )}\n                {needLeftAxis && (\n                    <g>\n                        <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} />\n                    </g>\n                )}\n                {curveLayer && curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <path\n                                key={key}\n                                d={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.idx)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.idx)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {curveLayer && !curveLayer.smoothing && (\n                    <g clipPath=\"url(#viewportClipPath)\">\n                        {lines.map(({key, d, dot}) => (\n                            <polyline\n                                key={key}\n                                points={d}\n                                fill=\"none\"\n                                stroke={aesGetters.dotFill(dot.idx)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.idx)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {chartSettings.tooltips.show && tooltipData.selectedData && (\n                    <Tooltip\n                        content={getTooltipContent(dataFrame, tooltipData.selectedData, chartSettings.tooltips?.content)}\n                        x={scales.x(tooltipData.selectedData.x)}\n                        y={scales.y(tooltipData.selectedData.y)}\n                        active={true}\n                        fixed={tooltipData.fixed}\n                        sideDistances={sideDistances}\n                        container={container}\n                        onClose={tooltipData.onClose}\n                    />\n                )}\n                {legend.show && (\n                    <g transform={`translate(${chartSizes.chartWidth + LEGEND_OFFSET},0)`}>\n                        <Legend legendData={legendData} />\n                    </g>\n                )}\n            </g>\n        </svg>\n    );\n}\n\nexport default React.memo(LowerSvg);\n"],"names":["getTooltipContent","dataFrame","dot","columnsList","lines","column","columnFormatter","format","formatColumnValue","getTitle","title","lineGenerator","line","curveBasis","LowerSvg","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","container","zoomStateKey","legendData","dotsByGrouping","layers","aesGetters","tooltipData","useDataFrame","xAxis","yAxis","frame","legend","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","xTitle","yTitle","sideDistances","curveLayer","layer","setLines","useState","updateLines","nextLines","key","dots","d","useEffect","jsxs","jsx","fonts","ChartsTitle","BLACK","TITLE_LINE","ContinuousGrid","ContinuousAxis","_a","o","Tooltip","LEGEND_OFFSET","Legend","LowerSvg$1","React"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/pl-model-common/dist/bmodel/code.js

@@ -0,0 +1,6 @@
+import t from "../../../../zod/lib/index.js";
+t.object({
+  type: t.literal("plain"),
+  content: t.string()
+});
+//# sourceMappingURL=code.js.map

package/dist/node_modules/@milaboratories/pl-model-common/dist/bmodel/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sources":["../../../../../../node_modules/@milaboratories/pl-model-common/src/bmodel/code.ts"],"sourcesContent":["import type { BlockCodeFeatureFlags } from '../flags';\nimport { z } from 'zod';\n\nexport const Code = z.object({\n  type: z.literal('plain'),\n  content: z.string(),\n});\n\nexport type Code = z.infer<typeof Code>;\n\nexport type BlockCodeWithInfo = {\n  readonly code: Code;\n  readonly sdkVersion: string;\n  readonly featureFlags: BlockCodeFeatureFlags | undefined;\n};\n"],"names":["z"],"mappings":";AAGoBA,EAAE,OAAO;AAAA,EAC3B,MAAMA,EAAE,QAAQ,OAAO;AAAA,EACvB,SAASA,EAAE,OAAM;AAClB,CAAA;","x_google_ignoreList":[0]}

package/dist/node_modules/@platforma-sdk/model/dist/render/util/label.js

@@ -1,3 +1,4 @@
+import "../../../../../@milaboratories/pl-model-common/dist/bmodel/code.js";
 import "../../../../../@milaboratories/pl-model-common/dist/drivers/blob.js";
 import "../../../../../@milaboratories/pl-model-common/dist/drivers/pframe/spec/spec.js";
 import "../../../../../@milaboratories/pl-model-common/dist/plid.js";