@milaboratories/miplots4 1.0.123 → 1.0.124

package/dist/scatterplot-umap/SettingsImpl.d.ts

@@ -0,0 +1,64 @@
+import { ScatterplotAxisSettings } from '../scatterplot/ScatterplotSettingsImpl';
+import { AesMap, InheritAesScatterplot, PointShape, ColumnName, ContinuousAesFromColumn, FrameType, LegendPosition, LineShape, SettingsInterface, TitlePosition } from '../types';
+import { CurveUmapLayer as OuterCurveLayer, DotsUmapLayer as OuterDotsLayer, ScatterplotUmapSettings } from '../types/scatterplot-umap';
+export declare class DotsLayer {
+    readonly type = "dots";
+    readonly aes: {
+        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
+        dotShape: PointShape | InheritAesScatterplot;
+        dotSize: number | ContinuousAesFromColumn<number>;
+        opacity: number;
+    };
+    constructor(layer: OuterDotsLayer);
+}
+export declare class CurveLayer {
+    readonly type = "curve";
+    readonly smoothing: boolean;
+    readonly aes: {
+        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
+        lineWidth: number;
+        lineShape: LineShape;
+        opacity: number;
+    };
+    constructor(layer: OuterCurveLayer);
+}
+export type ScatterplotUmapLayer = DotsLayer | CurveLayer;
+export declare class ScatterplotUmapSettingsImpl implements SettingsInterface {
+    readonly id: string;
+    readonly type = "scatterplot-umap";
+    readonly keyColumn: ColumnName | null;
+    readonly x: ColumnName;
+    readonly y: ColumnName;
+    readonly grouping: ColumnName[];
+    readonly label: ColumnName | null;
+    readonly highlight: ColumnName | null;
+    readonly chartSettings: {
+        readonly size: {
+            width: number;
+            height: number;
+        };
+        readonly title: {
+            name: string;
+            show: boolean;
+            position: TitlePosition;
+        };
+        readonly yAxis: ScatterplotAxisSettings;
+        readonly xAxis: ScatterplotAxisSettings;
+        readonly frame: {
+            type: FrameType;
+        };
+        readonly legend: {
+            show: boolean;
+            position: LegendPosition;
+        };
+        readonly tooltips: {
+            show: boolean;
+            content?: ColumnName[];
+        };
+    };
+    readonly inheritedAes: Record<string, AesMap>;
+    readonly layers: ScatterplotUmapLayer[];
+    readonly lassoMode: boolean;
+    constructor(settings: ScatterplotUmapSettings);
+}
+//# sourceMappingURL=SettingsImpl.d.ts.map

package/dist/scatterplot-umap/SettingsImpl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsImpl.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/SettingsImpl.ts"],"names":[],"mappings":"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"}

package/dist/scatterplot-umap/SettingsImpl.js

@@ -0,0 +1,102 @@
+var u = Object.defineProperty;
+var s = (l, e, i) => e in l ? u(l, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : l[e] = i;
+var o = (l, e, i) => s(l, typeof e != "symbol" ? e + "" : e, i);
+import { DEFAULT_HEIGHT as c, DEFAULT_WIDTH as d, BLACK as p } from "../constants.js";
+import { ScatterplotUmapSettingsSchema as m } from "../types/scatterplot-umap.js";
+import y from "../node_modules/lodash/lodash.js";
+class n {
+  constructor(e) {
+    o(this, "type", "dots");
+    o(this, "aes", {
+      dotFill: p,
+      dotShape: "21",
+      dotSize: 3,
+      opacity: 1
+    });
+    this.aes = {
+      ...this.aes,
+      ...e.aes
+    };
+  }
+}
+class w {
+  constructor(e) {
+    o(this, "type", "curve");
+    o(this, "smoothing");
+    o(this, "aes", {
+      lineColor: p,
+      lineWidth: 1,
+      lineShape: "solid",
+      opacity: 1
+    });
+    this.smoothing = e.smoothing ?? !1, this.aes = {
+      ...this.aes,
+      ...e.aes
+    };
+  }
+}
+class C {
+  constructor(e) {
+    o(this, "id");
+    o(this, "type", "scatterplot-umap");
+    o(this, "keyColumn");
+    o(this, "x");
+    o(this, "y");
+    o(this, "grouping");
+    o(this, "label");
+    o(this, "highlight");
+    o(this, "chartSettings");
+    o(this, "inheritedAes");
+    o(this, "layers");
+    o(this, "lassoMode");
+    var i, h, a, t;
+    m.parse(e), this.id = y.uniqueId("settings"), this.keyColumn = e.keyColumn ?? null, this.x = e.x, this.y = e.y, this.grouping = e.grouping ?? [], this.label = e.label ?? null, this.highlight = e.highlight ?? null, this.chartSettings = {
+      size: {
+        width: ((i = e == null ? void 0 : e.size) == null ? void 0 : i.width) ?? d,
+        height: ((h = e == null ? void 0 : e.size) == null ? void 0 : h.height) ?? c
+      },
+      title: {
+        position: "center",
+        show: !0,
+        ...e.title,
+        name: ((a = e.title) == null ? void 0 : a.name) ?? "Chart"
+      },
+      yAxis: {
+        title: e.y.label ?? e.y.value,
+        scale: "linear",
+        showGrid: !0,
+        showTicks: !0,
+        ...e.yAxis
+      },
+      xAxis: {
+        title: e.x.label ?? e.x.value,
+        scale: "linear",
+        showGrid: !0,
+        showTicks: !0,
+        ...e.xAxis
+      },
+      frame: { type: ((t = e.frame) == null ? void 0 : t.type) ?? "full" },
+      legend: {
+        show: !0,
+        position: "right",
+        ...e.legend
+      },
+      tooltips: {
+        show: !0,
+        ...e.tooltips
+      }
+    }, this.inheritedAes = e.inheritedAes ?? {}, this.layers = e.layers.map((r) => {
+      if (r.type === "dots")
+        return new n(r);
+      if (r.type === "curve")
+        return new w(r);
+      throw new Error("Unknown layer type");
+    }).filter(Boolean), this.lassoMode = e.lassoMode ?? !1;
+  }
+}
+export {
+  w as CurveLayer,
+  n as DotsLayer,
+  C as ScatterplotUmapSettingsImpl
+};
+//# sourceMappingURL=SettingsImpl.js.map

package/dist/scatterplot-umap/SettingsImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsImpl.js","sources":["../../src/scatterplot-umap/SettingsImpl.ts"],"sourcesContent":["import {BLACK, DEFAULT_HEIGHT, DEFAULT_WIDTH} from '../constants';\nimport type {ScatterplotAxisSettings} from '../scatterplot/ScatterplotSettingsImpl';\nimport {type AesMap, type InheritAesScatterplot, type PointShape} from '../types';\nimport type {\n    ColumnName,\n    ContinuousAesFromColumn,\n    FrameType,\n    LegendPosition,\n    LineShape,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport type {\n    CurveUmapLayer as OuterCurveLayer,\n    DotsUmapLayer as OuterDotsLayer,\n    ScatterplotUmapSettings\n} from '../types/scatterplot-umap';\nimport {ScatterplotUmapSettingsSchema} from '../types/scatterplot-umap';\nimport lodash from 'lodash';\n\nexport class DotsLayer {\n    readonly type = 'dots';\n    readonly aes: {\n        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        dotShape: PointShape | InheritAesScatterplot;\n        dotSize: number | ContinuousAesFromColumn<number>;\n        opacity: number;\n    } = {\n        dotFill: BLACK,\n        dotShape: '21',\n        dotSize: 3,\n        opacity: 1,\n    };\n    constructor(layer: OuterDotsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\nexport class CurveLayer {\n    readonly type = 'curve';\n    readonly smoothing: boolean;\n    readonly aes: {\n        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        lineWidth: number;\n        lineShape: LineShape;\n        opacity: number;\n    } = {\n        lineColor: BLACK,\n        lineWidth: 1,\n        lineShape: 'solid',\n        opacity: 1,\n    };\n\n    constructor(layer: OuterCurveLayer) {\n        this.smoothing = layer.smoothing ?? false;\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type ScatterplotUmapLayer = DotsLayer | CurveLayer;\n\nexport class ScatterplotUmapSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'scatterplot-umap';\n    readonly keyColumn: ColumnName | null;\n    readonly x: ColumnName;\n    readonly y: ColumnName;\n    readonly grouping: ColumnName[];\n    readonly label: ColumnName | null;\n    readonly highlight: ColumnName | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: ScatterplotAxisSettings;\n        readonly xAxis: ScatterplotAxisSettings;\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n        readonly tooltips: {show: boolean; content?: ColumnName[]};\n    };\n    readonly inheritedAes: Record<string, AesMap>;\n    readonly layers: ScatterplotUmapLayer[];\n    readonly lassoMode: boolean;\n\n    constructor(settings: ScatterplotUmapSettings) {\n        ScatterplotUmapSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.keyColumn = settings.keyColumn ?? null;\n        this.x = settings.x;\n        this.y = settings.y;\n        this.grouping = settings.grouping ?? [];\n        this.label = settings.label ?? null;\n        this.highlight = settings.highlight ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? DEFAULT_WIDTH,\n                height: settings?.size?.height ?? DEFAULT_HEIGHT,\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: settings.y.label ?? settings.y.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.x.label ?? settings.x.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'dots') {\n                    return new DotsLayer(layer);\n                } else if (layer.type === 'curve') {\n                    return new CurveLayer(layer);\n                } else {\n                    throw new Error('Unknown layer type');\n                }\n            })\n            .filter(Boolean) as ScatterplotUmapLayer[];\n\n        this.lassoMode = settings.lassoMode ?? false;\n    }\n}\n"],"names":["DotsLayer","layer","__publicField","BLACK","CurveLayer","ScatterplotUmapSettingsImpl","settings","ScatterplotUmapSettingsSchema","lodash","_a","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT","_c","_d"],"mappings":"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"}

package/dist/scatterplot-umap/components/Lasso.d.ts

@@ -0,0 +1,8 @@
+import { ChartScales, ChartSizes, Point } from '../types';
+export declare function Lasso({ scales, chartSizes, disabled, onPolygonUpdate }: {
+    scales: ChartScales;
+    chartSizes: ChartSizes;
+    disabled: boolean;
+    onPolygonUpdate: (data: Point[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Lasso.d.ts.map

package/dist/scatterplot-umap/components/Lasso.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lasso.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/Lasso.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAc,KAAK,EAAC,MAAM,UAAU,CAAC;AAKzE,wBAAgB,KAAK,CAAC,EAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAE;IACnE,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,CAAC,IAAI,EAAC,KAAK,EAAE,KAAK,IAAI,CAAC;CAC3C,2CAoIA"}

package/dist/scatterplot-umap/components/Lasso.js

@@ -0,0 +1,77 @@
+import { j as v } from "../../node_modules/react/jsx-runtime.js";
+import { BLACK as L } from "../../constants.js";
+import { r } from "../../_virtual/index.js";
+const S = 20;
+function K({ scales: u, chartSizes: E, disabled: h, onPolygonUpdate: l }) {
+  const [s, g] = r.useState([]), [m, a] = r.useState(null), [p, j] = r.useState(null), f = r.useRef(null), c = r.useRef(null), o = r.useRef(null), y = r.useRef(s);
+  function k() {
+    f.current = null, c.current = null, o.current = null, y.current = [], g([]), a(null);
+  }
+  function R(t) {
+    h || !(t.key === "Escape") || k();
+  }
+  r.useEffect(() => {
+    h && (f.current = null, c.current = null, o.current = null, a(null));
+  }, [h]), r.useEffect(() => (document.addEventListener("keydown", R), () => document.removeEventListener("keydown", R)), []), r.useEffect(() => {
+    if (m && p)
+      return;
+    if (s.length === 0) {
+      l([]);
+      return;
+    }
+    const t = s.map((e) => e[0]);
+    t.push(s[s.length - 1][1]), l(t);
+  }, [s]);
+  function C() {
+    if (!f.current || h)
+      return;
+    const t = [...f.current], e = u.x.invert(t[0]), i = u.y.invert(t[1]);
+    let n = y.current, x = o.current;
+    const w = c.current && n.length > 1 ? Math.sqrt((t[0] - c.current[0]) ** 2 + (t[1] - c.current[1]) ** 2) : 1 / 0;
+    o.current ? o.current && w > S ? (n = [...n, [o.current, [e, i]]], x = [e, i]) : (n = [...n, [o.current, [e, i]]], n.length > 2 && (n = [...n, [n[n.length - 1][1], n[0][0]]]), x = null, n.length <= 2 ? l([]) : l(n.map((M) => M[0])), c.current = null) : (c.current = t, n = [], x = [e, i], l([])), g(n), a(x), y.current = n, o.current = x;
+  }
+  function P(t) {
+    const e = [t.nativeEvent.offsetX, t.nativeEvent.offsetY];
+    j(e), f.current = e;
+  }
+  return /* @__PURE__ */ v.jsxs("g", { children: [
+    /* @__PURE__ */ v.jsx(
+      "rect",
+      {
+        fill: "transparent",
+        width: E.chartWidth,
+        height: E.chartHeight,
+        onMouseMove: P,
+        onClick: C
+      }
+    ),
+    s.map(([t, e], i) => /* @__PURE__ */ v.jsx(
+      "line",
+      {
+        x1: u.x(t[0]),
+        y1: u.y(t[1]),
+        x2: u.x(e[0]),
+        y2: u.y(e[1]),
+        stroke: L,
+        style: { pointerEvents: "none" }
+      },
+      i
+    )),
+    m && p && /* @__PURE__ */ v.jsx(
+      "line",
+      {
+        x1: u.x(m[0]),
+        y1: u.y(m[1]),
+        x2: p[0],
+        y2: p[1],
+        stroke: L,
+        style: { pointerEvents: "none" }
+      },
+      "lastLine"
+    )
+  ] });
+}
+export {
+  K as Lasso
+};
+//# sourceMappingURL=Lasso.js.map

package/dist/scatterplot-umap/components/Lasso.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lasso.js","sources":["../../../src/scatterplot-umap/components/Lasso.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport type {ChartScales, ChartSizes, PairPoints, Point} from '../types';\nimport type {MouseEvent} from 'react';\nimport React, {useEffect, useRef, useState} from 'react';\n\nconst CLOSING_DISTANCE = 20;\nexport function Lasso({scales, chartSizes, disabled, onPolygonUpdate}: {\n    scales: ChartScales;\n    chartSizes: ChartSizes;\n    disabled: boolean;\n    onPolygonUpdate: (data:Point[]) => void;\n}) {\n    const [points, setPoints] = useState<PairPoints[]>([]);\n    const [lastPoint, setLastPoint] = useState<null | Point>(null);\n    const [movingPoint, setMovingPoint] = useState<null | Point>(null);\n\n    const movingPointRef = useRef<null | Point>(null);\n    const startPointRef = useRef<null | Point>(null);\n    const lastPointRef = useRef<null | Point>(null);\n    const pointsRef = useRef(points);\n    function clear() {\n        movingPointRef.current = null;\n        startPointRef.current = null;\n        lastPointRef.current = null;\n        pointsRef.current = [];\n        setPoints([]);\n        setLastPoint(null);\n    }\n    function onKeyDown(e: KeyboardEvent) {\n        if (disabled) {\n            return;\n        }\n        const escape = e.key === 'Escape';\n        if (!escape) {\n            return;\n        }\n        clear();\n    }\n\n    useEffect(() => {\n        if (disabled) {\n            movingPointRef.current = null;\n            startPointRef.current = null;\n            lastPointRef.current = null;\n            setLastPoint(null);\n        }\n    }, [disabled]);\n    useEffect(() => {\n        document.addEventListener('keydown', onKeyDown);\n        return () => document.removeEventListener('keydown', onKeyDown);\n    }, []);\n\n    useEffect(() => {\n        if (lastPoint && movingPoint) {\n            return;\n        }\n        if (points.length === 0) {\n            onPolygonUpdate([]);\n            return;\n        }\n        const polygon = points.map(p => p[0]);\n        polygon.push(points[points.length - 1][1]);\n        onPolygonUpdate(polygon);\n    }, [points]);\n    function onClick() {\n        if (!movingPointRef.current || disabled) {\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        let points = pointsRef.current;\n        let lastPoint = lastPointRef.current;\n        const distance = startPointRef.current && points.length > 1\n            ? Math.sqrt((currentCoords[0] - startPointRef.current[0]) ** 2 + (currentCoords[1] - startPointRef.current[1]) ** 2)\n            : Infinity;\n        if (!lastPointRef.current) {\n            startPointRef.current = currentCoords;\n            points = [];\n            lastPoint = [x, y];\n            onPolygonUpdate([]);\n        } else if (lastPointRef.current && distance > CLOSING_DISTANCE) {\n            points = [...points, [lastPointRef.current, [x, y]]];\n            lastPoint = [x, y];\n        } else {\n            points = [...points, [lastPointRef.current, [x, y]]];\n            if (points.length > 2) {\n                points = [...points, [points[points.length - 1][1], points[0][0]]];\n            }\n            lastPoint = null;\n            if (points.length <= 2) {\n                onPolygonUpdate([]);\n            } else {\n                onPolygonUpdate(points.map(p => p[0]));\n            }\n            startPointRef.current = null;\n        }\n\n        setPoints(points);\n        setLastPoint(lastPoint);\n        pointsRef.current = points;\n        lastPointRef.current = lastPoint;\n    }\n\n    function onMouseMove(e: MouseEvent<SVGRectElement>) {\n        const p:Point = [e.nativeEvent.offsetX, e.nativeEvent.offsetY];\n        setMovingPoint(p);\n        movingPointRef.current = p;\n    }\n\n    return (\n        <g>\n            <rect\n                fill=\"transparent\"\n                width={chartSizes.chartWidth}\n                height={chartSizes.chartHeight}\n                onMouseMove={onMouseMove}\n                onClick={onClick}\n            />\n            {points.map(([p1, p2], idx) => (\n                <line\n                    key={idx}\n                    x1={scales.x(p1[0])}\n                    y1={scales.y(p1[1])}\n                    x2={scales.x(p2[0])}\n                    y2={scales.y(p2[1])}\n                    stroke={BLACK}\n                    style={{pointerEvents: 'none'}}\n                />\n            ))}\n            {lastPoint && movingPoint && (\n                <line\n                    key=\"lastLine\"\n                    x1={scales.x(lastPoint[0])}\n                    y1={scales.y(lastPoint[1])}\n                    x2={movingPoint[0]}\n                    y2={movingPoint[1]}\n                    stroke={BLACK}\n                    style={{pointerEvents: 'none'}}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["CLOSING_DISTANCE","Lasso","scales","chartSizes","disabled","onPolygonUpdate","points","setPoints","useState","lastPoint","setLastPoint","movingPoint","setMovingPoint","movingPointRef","useRef","startPointRef","lastPointRef","pointsRef","clear","onKeyDown","e","useEffect","polygon","p","onClick","currentCoords","x","y","distance","onMouseMove","jsx","p1","p2","idx","BLACK"],"mappings":";;;AAKA,MAAMA,IAAmB;AAClB,SAASC,EAAM,EAAC,QAAAC,GAAQ,YAAAC,GAAY,UAAAC,GAAU,iBAAAC,KAKlD;AACC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAAA,SAAuB,CAAA,CAAE,GAC/C,CAACC,GAAWC,CAAY,IAAIF,EAAAA,SAAuB,IAAI,GACvD,CAACG,GAAaC,CAAc,IAAIJ,EAAAA,SAAuB,IAAI,GAE3DK,IAAiBC,EAAAA,OAAqB,IAAI,GAC1CC,IAAgBD,EAAAA,OAAqB,IAAI,GACzCE,IAAeF,EAAAA,OAAqB,IAAI,GACxCG,IAAYH,EAAAA,OAAOR,CAAM;AAC/B,WAASY,IAAQ;AACb,IAAAL,EAAe,UAAU,MACzBE,EAAc,UAAU,MACxBC,EAAa,UAAU,MACvBC,EAAU,UAAU,CAAA,GACpBV,EAAU,CAAA,CAAE,GACZG,EAAa,IAAI;AAAA,EACrB;AACA,WAASS,EAAUC,GAAkB;AAKjC,IAJIhB,KAIA,EADWgB,EAAE,QAAQ,aAIzBF,EAAA;AAAA,EACJ;AAEAG,EAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIjB,MACAS,EAAe,UAAU,MACzBE,EAAc,UAAU,MACxBC,EAAa,UAAU,MACvBN,EAAa,IAAI;AAAA,EAEzB,GAAG,CAACN,CAAQ,CAAC,GACbiB,EAAAA,UAAU,OACN,SAAS,iBAAiB,WAAWF,CAAS,GACvC,MAAM,SAAS,oBAAoB,WAAWA,CAAS,IAC/D,CAAA,CAAE,GAELE,EAAAA,UAAU,MAAM;AACZ,QAAIZ,KAAaE;AACb;AAEJ,QAAIL,EAAO,WAAW,GAAG;AACrB,MAAAD,EAAgB,CAAA,CAAE;AAClB;AAAA,IACJ;AACA,UAAMiB,IAAUhB,EAAO,IAAI,CAAAiB,MAAKA,EAAE,CAAC,CAAC;AACpC,IAAAD,EAAQ,KAAKhB,EAAOA,EAAO,SAAS,CAAC,EAAE,CAAC,CAAC,GACzCD,EAAgBiB,CAAO;AAAA,EAC3B,GAAG,CAAChB,CAAM,CAAC;AACX,WAASkB,IAAU;AACf,QAAI,CAACX,EAAe,WAAWT;AAC3B;AAEJ,UAAMqB,IAAgB,CAAC,GAAGZ,EAAe,OAAO,GAC1Ca,IAAIxB,EAAO,EAAE,OAAOuB,EAAc,CAAC,CAAC,GACpCE,IAAIzB,EAAO,EAAE,OAAOuB,EAAc,CAAC,CAAC;AAC1C,QAAInB,IAASW,EAAU,SACnBR,IAAYO,EAAa;AAC7B,UAAMY,IAAWb,EAAc,WAAWT,EAAO,SAAS,IACpD,KAAK,MAAMmB,EAAc,CAAC,IAAIV,EAAc,QAAQ,CAAC,MAAM,KAAKU,EAAc,CAAC,IAAIV,EAAc,QAAQ,CAAC,MAAM,CAAC,IACjH;AACN,IAAKC,EAAa,UAKPA,EAAa,WAAWY,IAAW5B,KAC1CM,IAAS,CAAC,GAAGA,GAAQ,CAACU,EAAa,SAAS,CAACU,GAAGC,CAAC,CAAC,CAAC,GACnDlB,IAAY,CAACiB,GAAGC,CAAC,MAEjBrB,IAAS,CAAC,GAAGA,GAAQ,CAACU,EAAa,SAAS,CAACU,GAAGC,CAAC,CAAC,CAAC,GAC/CrB,EAAO,SAAS,MAChBA,IAAS,CAAC,GAAGA,GAAQ,CAACA,EAAOA,EAAO,SAAS,CAAC,EAAE,CAAC,GAAGA,EAAO,CAAC,EAAE,CAAC,CAAC,CAAC,IAErEG,IAAY,MACRH,EAAO,UAAU,IACjBD,EAAgB,CAAA,CAAE,IAElBA,EAAgBC,EAAO,IAAI,CAAAiB,MAAKA,EAAE,CAAC,CAAC,CAAC,GAEzCR,EAAc,UAAU,SAlBxBA,EAAc,UAAUU,GACxBnB,IAAS,CAAA,GACTG,IAAY,CAACiB,GAAGC,CAAC,GACjBtB,EAAgB,CAAA,CAAE,IAkBtBE,EAAUD,CAAM,GAChBI,EAAaD,CAAS,GACtBQ,EAAU,UAAUX,GACpBU,EAAa,UAAUP;AAAAA,EAC3B;AAEA,WAASoB,EAAYT,GAA+B;AAChD,UAAMG,IAAU,CAACH,EAAE,YAAY,SAASA,EAAE,YAAY,OAAO;AAC7D,IAAAR,EAAeW,CAAC,GAChBV,EAAe,UAAUU;AAAA,EAC7B;AAEA,gCACK,KAAA,EACG,UAAA;AAAA,IAAAO,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,OAAO3B,EAAW;AAAA,QAClB,QAAQA,EAAW;AAAA,QACnB,aAAA0B;AAAA,QACA,SAAAL;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHlB,EAAO,IAAI,CAAC,CAACyB,GAAIC,CAAE,GAAGC,MACnBH,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI5B,EAAO,EAAE6B,EAAG,CAAC,CAAC;AAAA,QAClB,IAAI7B,EAAO,EAAE6B,EAAG,CAAC,CAAC;AAAA,QAClB,IAAI7B,EAAO,EAAE8B,EAAG,CAAC,CAAC;AAAA,QAClB,IAAI9B,EAAO,EAAE8B,EAAG,CAAC,CAAC;AAAA,QAClB,QAAQE;AAAA,QACR,OAAO,EAAC,eAAe,OAAA;AAAA,MAAM;AAAA,MANxBD;AAAA,IAAA,CAQZ;AAAA,IACAxB,KAAaE,KACVmB,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,IAAI5B,EAAO,EAAEO,EAAU,CAAC,CAAC;AAAA,QACzB,IAAIP,EAAO,EAAEO,EAAU,CAAC,CAAC;AAAA,QACzB,IAAIE,EAAY,CAAC;AAAA,QACjB,IAAIA,EAAY,CAAC;AAAA,QACjB,QAAQuB;AAAA,QACR,OAAO,EAAC,eAAe,OAAA;AAAA,MAAM;AAAA,MANzB;AAAA,IAAA;AAAA,EAOR,GAER;AAER;"}

package/dist/scatterplot-umap/components/LowerSVG.d.ts

@@ -0,0 +1,30 @@
+import { TooltipsData } from '../../common/Tooltip';
+import { LegendData } from '../../common/types';
+import { ScatterplotUmapSettingsImpl } from '../SettingsImpl';
+import { CaptionsSizes, ChartScales, ChartSizes, Dot, DotInfo, Margins, SVGLayerProps } from '../types';
+import { ColumnName } from '../../types';
+import { default as React } from 'react';
+declare function LowerSvg({ scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, onlyPositive, container, zoomStateKey, legendData, dotsByGrouping, layers, aesGetters, tooltipData }: {
+    aesGetters: SVGLayerProps['aesGetters'];
+    scales: ChartScales;
+    chartSettings: ScatterplotUmapSettingsImpl['chartSettings'];
+    mainTitle: string[];
+    keyColumn: ColumnName | null;
+    margins: Margins;
+    chartSizes: ChartSizes;
+    onlyPositive: {
+        x: boolean;
+        y: boolean;
+    };
+    captionsSizes: CaptionsSizes;
+    selectedDot?: DotInfo | null;
+    container: SVGElement | null;
+    zoomStateKey: string;
+    legendData: LegendData;
+    dotsByGrouping: Record<string, Dot[]>;
+    layers: ScatterplotUmapSettingsImpl['layers'];
+    tooltipData: TooltipsData<DotInfo>;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof LowerSvg>;
+export default _default;
+//# sourceMappingURL=LowerSVG.d.ts.map

package/dist/scatterplot-umap/components/LowerSVG.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowerSVG.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/LowerSVG.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7G,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuBnD,iBAAS,QAAQ,CAAC,EACd,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,cAAc,EACd,MAAM,EACN,UAAU,EACV,WAAW,EACd,EAAE;IACC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,EAAE,2BAA2B,CAAC,eAAe,CAAC,CAAC;IAC5D,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE;QAAC,CAAC,EAAE,OAAO,CAAC;QAAC,CAAC,EAAE,OAAO,CAAA;KAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC;IACtC,MAAM,EAAE,2BAA2B,CAAC,QAAQ,CAAC,CAAC;IAC9C,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACtC,kDA+JA;;AAED,wBAAoC"}

package/dist/scatterplot-umap/components/LowerSVG.js

@@ -0,0 +1,171 @@
+import { j as e } from "../../node_modules/react/jsx-runtime.js";
+import { ChartsTitle as O } from "../../common/ChartsTitle.js";
+import { ContinuousGrid as R } from "../../common/ContinuousGrid.js";
+import M from "../../common/fonts.js";
+import { Legend as U } from "../../common/Legend.js";
+import { Tooltip as Z } from "../../common/Tooltip.js";
+import { BLACK as q } from "../../constants.js";
+import { DEFAULT_TICKS_SIZE as L, TITLE_LINE as g, LEGEND_OFFSET as G } from "../constants.js";
+import { Axis as P } from "../../scatterplot/components/Axis.js";
+import { numberFormat as F } from "../../utils/numberFormat.js";
+import J, { r as j } from "../../_virtual/index.js";
+import Q from "../../node_modules/d3-shape/src/line.js";
+import V from "../../node_modules/d3-shape/src/curve/basis.js";
+function S(i, s, c = []) {
+  const d = i.data, n = [`x: ${F(i.x)}`, `y: ${F(i.y)}`];
+  s != null && s.label && n.unshift(`${s.label}: ${d[s.label]}`);
+  for (const t of c)
+    n.push(`${t.label}: ${d[t.valueLabels ?? t.value]}`);
+  return n;
+}
+function k(i) {
+  return typeof i == "string" ? i : i.label ?? i.value;
+}
+const A = Q().curve(V);
+function z({
+  scales: i,
+  chartSettings: s,
+  mainTitle: c,
+  keyColumn: d,
+  margins: n,
+  chartSizes: t,
+  onlyPositive: u,
+  container: y,
+  zoomStateKey: w,
+  legendData: B,
+  dotsByGrouping: C,
+  layers: D,
+  aesGetters: f,
+  tooltipData: a
+}) {
+  var b;
+  const { title: $, xAxis: p, yAxis: m, frame: I, legend: _ } = s, X = p.showTicks ? L : 0, Y = m.showTicks ? L : 0, T = p.title, v = m.title, K = {
+    left: 0,
+    right: t.chartWidth,
+    top: 0,
+    bottom: t.chartHeight
+  };
+  if (!y)
+    return null;
+  const o = D.find((r) => r.type === "curve"), [W, N] = j.useState([]);
+  function E() {
+    const x = Object.entries(C).map(([h, l]) => ({
+      key: h,
+      d: o != null && o.smoothing ? A(l) ?? "" : l.map((H) => `${i.x(H.x)},${i.y(H.y)}`).join(" "),
+      dot: l[0]
+    }));
+    N(x);
+  }
+  return j.useEffect(() => {
+    o && (A.x((r) => i.x(r.x)).y((r) => i.y(r.y)), E());
+  }, [w]), j.useEffect(() => {
+    o && E();
+  }, [o == null ? void 0 : o.smoothing]), /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${t.totalWidth} ${t.totalHeight}`,
+      width: t.totalWidth,
+      height: t.totalHeight,
+      style: { pointerEvents: "none" },
+      children: [
+        /* @__PURE__ */ e.jsx("defs", { children: M }),
+        /* @__PURE__ */ e.jsxs("g", { transform: `translate(${n.left},${n.top})`, fontFamily: "Manrope", children: [
+          /* @__PURE__ */ e.jsx("clipPath", { id: "viewportClipPath", children: /* @__PURE__ */ e.jsx("rect", { x: "0", y: "0", width: t.chartWidth, height: t.chartHeight }) }),
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              title: c,
+              show: $.show,
+              position: $.position,
+              leftPadding: n.left,
+              rightPadding: n.right,
+              chartsWidth: t.chartWidth
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: q, children: [
+            T && /* @__PURE__ */ e.jsx(
+              "text",
+              {
+                x: t.chartWidth / 2,
+                y: t.chartHeight + n.bottom - g / 2,
+                children: k(T)
+              }
+            ),
+            v && /* @__PURE__ */ e.jsx(
+              "text",
+              {
+                x: -n.left + g / 2,
+                y: t.chartHeight / 2,
+                transform: `rotate(-90,${-n.left + g / 2},${t.chartHeight / 2})`,
+                children: k(v)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            R,
+            {
+              width: t.chartWidth,
+              height: t.chartHeight,
+              scaleX: i.x,
+              scaleY: i.y,
+              axisX: p,
+              axisY: m,
+              updatingKey: w,
+              frameType: I.type
+            }
+          ),
+          /* @__PURE__ */ e.jsx("g", { transform: `translate(0,${t.chartHeight})`, children: /* @__PURE__ */ e.jsx(P, { scale: i.x, orient: "bottom", onlyPositive: u.x, tickSize: X }) }),
+          /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(P, { scale: i.y, orient: "left", onlyPositive: u.y, tickSize: Y }) }),
+          o && o.smoothing && /* @__PURE__ */ e.jsx("g", { clipPath: "url(#viewportClipPath)", children: W.map(({ key: r, d: x, dot: h }) => {
+            var l;
+            return /* @__PURE__ */ e.jsx(
+              "path",
+              {
+                d: x,
+                fill: "none",
+                stroke: f.dotFill(h.data),
+                strokeWidth: (l = o.aes) == null ? void 0 : l.lineWidth,
+                strokeDasharray: f.lineType(h.data)
+              },
+              r
+            );
+          }) }),
+          o && !o.smoothing && /* @__PURE__ */ e.jsx("g", { clipPath: "url(#viewportClipPath)", children: W.map(({ key: r, d: x, dot: h }) => {
+            var l;
+            return /* @__PURE__ */ e.jsx(
+              "polyline",
+              {
+                points: x,
+                fill: "none",
+                stroke: f.dotFill(h.data),
+                strokeWidth: (l = o.aes) == null ? void 0 : l.lineWidth,
+                strokeDasharray: f.lineType(h.data)
+              },
+              r
+            );
+          }) }),
+          a.selectedData && /* @__PURE__ */ e.jsx(
+            Z,
+            {
+              content: S(a.selectedData, d, (b = s.tooltips) == null ? void 0 : b.content),
+              x: i.x(a.selectedData.x),
+              y: i.y(a.selectedData.y),
+              active: !0,
+              fixed: a.fixed,
+              sideDistances: K,
+              container: y,
+              onClose: a.onClose
+            }
+          ),
+          _.show && /* @__PURE__ */ e.jsx("g", { transform: `translate(${t.chartWidth + G},0)`, children: /* @__PURE__ */ e.jsx(U, { legendData: B }) })
+        ] })
+      ]
+    }
+  );
+}
+const ct = J.memo(z);
+export {
+  ct as default
+};
+//# sourceMappingURL=LowerSVG.js.map

package/dist/scatterplot-umap/components/LowerSVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowerSVG.js","sources":["../../../src/scatterplot-umap/components/LowerSVG.tsx"],"sourcesContent":["import { 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 { BLACK } from '../../constants';\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';\nimport { Axis } from '../../scatterplot/components/Axis';\nimport type { ColumnName } from '../../types';\nimport type { CurveUmapLayer } from '../../types/scatterplot-umap';\nimport { numberFormat } from '../../utils/numberFormat';\nimport { curveBasis, line } from 'd3-shape';\nimport React, { useEffect, useState } from 'react';\n\nfunction getTooltipContent(dot: DotInfo, keyColumn: ColumnName | null, columnsList: ColumnName[] = []) {\n    const row = dot.data;\n    const lines = [`x: ${numberFormat(dot.x)}`, `y: ${numberFormat(dot.y)}`];\n    if (keyColumn?.label) {\n        lines.unshift(`${keyColumn.label}: ${row[keyColumn.label]}`);\n    }\n    for (const column of columnsList) {\n        lines.push(`${column.label}: ${row[column.valueLabels ?? column.value]}`);\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    onlyPositive,\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    onlyPositive: {x: boolean; y: boolean};\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 {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]);\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                        <Axis scale={scales.x} orient=\"bottom\" onlyPositive={onlyPositive.x} tickSize={tickSizeX} />\n                    </g>\n                )}\n                {needLeftAxis && (\n                    <g>\n                        <Axis scale={scales.y} orient=\"left\" onlyPositive={onlyPositive.y} 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.data)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.data)}\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.data)}\n                                strokeWidth={curveLayer.aes?.lineWidth}\n                                strokeDasharray={aesGetters.lineType(dot.data)}\n                            />\n                        ))}\n                    </g>\n                )}\n                {tooltipData.selectedData && (\n                    <Tooltip\n                        content={getTooltipContent(tooltipData.selectedData, keyColumn, 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","dot","keyColumn","columnsList","row","lines","numberFormat","column","getTitle","title","lineGenerator","line","curveBasis","LowerSvg","scales","chartSettings","mainTitle","margins","chartSizes","onlyPositive","container","zoomStateKey","legendData","dotsByGrouping","layers","aesGetters","tooltipData","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","Axis","_a","Tooltip","LEGEND_OFFSET","Legend","LowerSvg$1","React"],"mappings":"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"}

package/dist/scatterplot-umap/components/SVGLayer.d.ts

@@ -0,0 +1,3 @@
+import { SVGLayerProps } from '../types';
+export declare function SVGLayer({ settingsId, scales, chartSettings, mainTitle, keyColumn, margins, chartSizes, captionsSizes, onlyPositive, container, zoomStateKey, aesGetters, legendData, labels, onPolygonUpdate, onTooltipHintSwitch, lassoMode, dotsByGrouping, layers, selectedDot, }: SVGLayerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=SVGLayer.d.ts.map

package/dist/scatterplot-umap/components/SVGLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGLayer.d.ts","sourceRoot":"","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAC;AAK5C,wBAAgB,QAAQ,CAAC,EACrB,UAAU,EACV,MAAM,EACN,aAAa,EACb,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,aAAa,EACb,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,UAAU,EACV,UAAU,EACV,MAAM,EACN,eAAe,EACf,mBAAmB,EACnB,SAAS,EACT,cAAc,EACd,MAAM,EACN,WAAkB,GACrB,EAAE,aAAa,kDAkDf"}

package/dist/scatterplot-umap/components/SVGLayer.js

@@ -0,0 +1,78 @@
+import { j as p } from "../../node_modules/react/jsx-runtime.js";
+import { useTooltip as V } from "../../common/Tooltip.js";
+import g from "./LowerSVG.js";
+import h from "./UpperSVG.js";
+import { r as w } from "../../_virtual/index.js";
+import { ErrorBoundary as B } from "../../common/ErrorBoundary.js";
+import { r as G } from "../../node_modules/react-dom/index.js";
+function c({
+  settingsId: u,
+  scales: t,
+  chartSettings: s,
+  mainTitle: x,
+  keyColumn: a,
+  margins: n,
+  chartSizes: f,
+  captionsSizes: e,
+  onlyPositive: j,
+  container: r,
+  zoomStateKey: l,
+  aesGetters: i,
+  legendData: E,
+  labels: v,
+  onPolygonUpdate: d,
+  onTooltipHintSwitch: L,
+  lassoMode: y,
+  dotsByGrouping: M,
+  layers: S,
+  selectedDot: o = null
+}) {
+  if (!r)
+    return null;
+  const m = V(L);
+  return w.useEffect(() => {
+    o ? m.onMouseOver(o) : m.onMouseLeave();
+  }, [o]), /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsxs(B, { dataId: u, children: [
+    /* @__PURE__ */ p.jsx(
+      g,
+      {
+        aesGetters: i,
+        dotsByGrouping: M,
+        layers: S,
+        scales: t,
+        keyColumn: a,
+        margins: n,
+        mainTitle: x,
+        captionsSizes: e,
+        chartSettings: s,
+        chartSizes: f,
+        onlyPositive: j,
+        container: r,
+        zoomStateKey: l,
+        legendData: E,
+        tooltipData: m
+      }
+    ),
+    G.createPortal(
+      /* @__PURE__ */ p.jsx(
+        h,
+        {
+          scales: t,
+          container: r,
+          aesGetters: i,
+          labels: v,
+          chartSizes: f,
+          selectedDot: o,
+          onPolygonUpdate: d,
+          lassoMode: y,
+          tooltipData: m
+        }
+      ),
+      r
+    )
+  ] }) });
+}
+export {
+  c as SVGLayer
+};
+//# sourceMappingURL=SVGLayer.js.map

package/dist/scatterplot-umap/components/SVGLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVGLayer.js","sources":["../../../src/scatterplot-umap/components/SVGLayer.tsx"],"sourcesContent":["import {useTooltip} from '../../common/Tooltip';\nimport LowerSvg from './LowerSVG';\nimport UpperSVG from './UpperSVG';\nimport type {DotInfo} from '../types';\nimport type {SVGLayerProps} from '../types';\nimport React, {useEffect} from 'react';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport {createPortal} from 'react-dom';\n\nexport function SVGLayer({\n    settingsId,\n    scales,\n    chartSettings,\n    mainTitle,\n    keyColumn,\n    margins,\n    chartSizes,\n    captionsSizes,\n    onlyPositive,\n    container,\n    zoomStateKey,\n    aesGetters,\n    legendData,\n    labels,\n    onPolygonUpdate,\n    onTooltipHintSwitch,\n    lassoMode,\n    dotsByGrouping,\n    layers,\n    selectedDot = null,\n}: SVGLayerProps) {\n    if (!container) {\n        return null;\n    }\n    const tooltipData = useTooltip<DotInfo>(onTooltipHintSwitch);\n    useEffect(() => {\n        if (selectedDot) {\n            tooltipData.onMouseOver(selectedDot);\n        } else {\n            tooltipData.onMouseLeave();\n        }\n    }, [selectedDot]);\n\n    return (\n        <div>\n        <ErrorBoundary dataId={settingsId}>\n            <LowerSvg\n                aesGetters={aesGetters}\n                dotsByGrouping={dotsByGrouping}\n                layers={layers}\n                scales={scales}\n                keyColumn={keyColumn}\n                margins={margins}\n                mainTitle={mainTitle}\n                captionsSizes={captionsSizes}\n                chartSettings={chartSettings}\n                chartSizes={chartSizes}\n                onlyPositive={onlyPositive}\n                container={container}\n                zoomStateKey={zoomStateKey}\n                legendData={legendData}\n                tooltipData={tooltipData}\n            />\n            {createPortal(\n                <UpperSVG\n                    scales={scales}\n                    container={container}\n                    aesGetters={aesGetters}\n                    labels={labels}\n                    chartSizes={chartSizes}\n                    selectedDot={selectedDot}\n                    onPolygonUpdate={onPolygonUpdate}\n                    lassoMode={lassoMode}\n                    tooltipData={tooltipData}\n                />,\n                container\n            )}\n        </ErrorBoundary>\n        </div>\n    );\n}\n"],"names":["SVGLayer","settingsId","scales","chartSettings","mainTitle","keyColumn","margins","chartSizes","captionsSizes","onlyPositive","container","zoomStateKey","aesGetters","legendData","labels","onPolygonUpdate","onTooltipHintSwitch","lassoMode","dotsByGrouping","layers","selectedDot","tooltipData","useTooltip","useEffect","jsx","jsxs","ErrorBoundary","LowerSvg","createPortal","UpperSVG"],"mappings":";;;;;;;AASO,SAASA,EAAS;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc;AAClB,GAAkB;AACd,MAAI,CAACV;AACD,WAAO;AAEX,QAAMW,IAAcC,EAAoBN,CAAmB;AAC3DO,SAAAA,EAAAA,UAAU,MAAM;AACZ,IAAIH,IACAC,EAAY,YAAYD,CAAW,IAEnCC,EAAY,aAAA;AAAA,EAEpB,GAAG,CAACD,CAAW,CAAC,GAGZI,gBAAAA,EAAAA,IAAC,OAAA,EACD,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAc,QAAQzB,GACnB,UAAA;AAAA,IAAAuB,gBAAAA,EAAAA;AAAAA,MAACG;AAAA,MAAA;AAAA,QACG,YAAAf;AAAA,QACA,gBAAAM;AAAA,QACA,QAAAC;AAAA,QACA,QAAAjB;AAAA,QACA,WAAAG;AAAA,QACA,SAAAC;AAAA,QACA,WAAAF;AAAA,QACA,eAAAI;AAAA,QACA,eAAAL;AAAA,QACA,YAAAI;AAAA,QACA,cAAAE;AAAA,QACA,WAAAC;AAAA,QACA,cAAAC;AAAA,QACA,YAAAE;AAAA,QACA,aAAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHO,EAAAA;AAAAA,MACGJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACG,QAAA3B;AAAA,UACA,WAAAQ;AAAA,UACA,YAAAE;AAAA,UACA,QAAAE;AAAA,UACA,YAAAP;AAAA,UACA,aAAAa;AAAA,UACA,iBAAAL;AAAA,UACA,WAAAE;AAAA,UACA,aAAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJX;AAAA,IAAA;AAAA,EACJ,EAAA,CACJ,EAAA,CACA;AAER;"}