@milaboratories/graph-maker 1.1.145 → 1.1.146

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

@@ -9,13 +9,13 @@ import q from "../node_modules/d3-zoom/src/zoom.js";
 import "../node_modules/d3-zoom/src/transform.js";
 import { createRoot as X } from "../node_modules/react-dom/client.js";
 import { Error as Y } from "../common/Error.js";
-import { DEFAULT_HEIGHT as w, DEFAULT_WIDTH as E, TITLE_LINE_HEIGHT as Q, BLACK as $, TITLE_MARGIN as J } from "../constants.js";
+import { DEFAULT_HEIGHT as w, DEFAULT_WIDTH as D, TITLE_LINE_HEIGHT as Q, BLACK as M, TITLE_MARGIN as J } from "../constants.js";
 import { splitTextByWidth as Z } from "../utils/splitTextByWidth.js";
-import { MIN_MARGIN as C, DEFAULT_DOT_AES as M } from "../scatterplot/constants.js";
-import { createAesGetter as P } from "../scatterplot/utils/createAesGetter.js";
+import { MIN_MARGIN as L, DEFAULT_DOT_AES as H } from "../scatterplot/constants.js";
+import { createAesGetter as F } from "../scatterplot/utils/createAesGetter.js";
 import { getTicksAndFormat as tt } from "../scatterplot/utils/getTicksAndFormat.js";
 import { createLabelPositioner as et } from "../scatterplot/utils/getVisibleLabels.js";
-import { isContinuousAes as F } from "../types/common.js";
+import { isContinuousAes as $ } from "../types/common.js";
 import "../types/discrete.js";
 import "../types/scatterplot.js";
 import "../types/heatmap.js";
@@ -26,66 +26,67 @@ import { getContinuousColorScale as st } from "../utils/getContinuousColorScale.
 import { getContinuousLegendTicks as it } from "../utils/getContinuousLegendTicks.js";
 import { TextMeasurer as G } from "../utils/TextMeasurer/TextMeasurer.js";
 import { SVGLayer as at } from "./components/SVGLayer.js";
-import { PADDINGS as D, TITLE_LINE as I, LEGEND_OFFSET as ot } from "./constants.js";
-import lt from "../node_modules/@d3fc/d3fc-pointer/src/pointer.js";
-import rt from "../node_modules/kdbush/index.js";
+import { PADDINGS as E, TITLE_LINE as I, LEGEND_OFFSET as ot } from "./constants.js";
+import rt from "../node_modules/@d3fc/d3fc-pointer/src/pointer.js";
+import lt from "../node_modules/kdbush/index.js";
 import { DataFrameProvider as nt } from "../common/useDataFrame.js";
-import { arrangeLegendParts as ht } from "../utils/arrangeLegendParts.js";
-import { stringToNumberRgba as W, getColorWithFakeOpacity as H, GET_BLACK as O } from "./colors.js";
+import { DataFrame as ht } from "../DataFrame.js";
+import { arrangeLegendParts as dt } from "../utils/arrangeLegendParts.js";
+import { stringToNumberRgba as P, getColorWithFakeOpacity as W, GET_BLACK as O } from "./colors.js";
 import T from "../node_modules/d3-scale/src/linear.js";
 import _ from "../node_modules/d3-scale/src/log.js";
 import N from "../node_modules/d3-selection/src/select.js";
-import dt from "../node_modules/d3-scale/src/ordinal.js";
-import ct from "../node_modules/d3-scale/src/symlog.js";
-import { sqrt as mt } from "../node_modules/d3-scale/src/pow.js";
-import pt from "../node_modules/d3-polygon/src/contains.js";
-var ut = Object.defineProperty, gt = (S, t, e) => t in S ? ut(S, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : S[t] = e, c = (S, t, e) => gt(S, typeof t != "symbol" ? t + "" : t, e);
+import ct from "../node_modules/d3-scale/src/ordinal.js";
+import mt from "../node_modules/d3-scale/src/symlog.js";
+import { sqrt as pt } from "../node_modules/d3-scale/src/pow.js";
+import ut from "../node_modules/d3-polygon/src/contains.js";
+var gt = Object.defineProperty, yt = (S, t, e) => t in S ? gt(S, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : S[t] = e, h = (S, t, e) => yt(S, typeof t != "symbol" ? t + "" : t, e);
 function R(S) {
   return S / 2.35 * (S / 2.35) * 64;
 }
 function A(S, t, e) {
-  return e.length === 0 ? !0 : e.some((s) => s.closed && s.points.length > 2 && pt(s.points, [S, t]));
+  return e.length === 0 ? !0 : e.some((s) => s.closed && s.points.length > 2 && ut(s.points, [S, t]));
 }
 function k(S, t, e) {
-  const s = e.find((a) => a.type === "dots"), l = e.find((a) => a.type === "curve");
+  const s = e.find((a) => a.type === "dots"), n = e.find((a) => a.type === "curve");
   return {
-    dotFill: P(S, t, (s == null ? void 0 : s.aes.dotFill) ?? M.color, "dotFill"),
-    dotSize: P(S, t, (s == null ? void 0 : s.aes.dotSize) ?? M.size, "dotSize"),
-    lineType: P(S, t, (l == null ? void 0 : l.aes.lineShape) ?? "solid", "lineShape")
+    dotFill: F(S, t, (s == null ? void 0 : s.aes.dotFill) ?? H.color, "dotFill"),
+    dotSize: F(S, t, (s == null ? void 0 : s.aes.dotSize) ?? H.size, "dotSize"),
+    lineType: F(S, t, (n == null ? void 0 : n.aes.lineShape) ?? "solid", "lineShape")
   };
 }
-class ie {
+class oe {
   constructor() {
-    c(this, "reactRoot", null), c(this, "parentNode", null), c(this, "rootNode", null), c(this, "canvasNode", null), c(this, "svgLayerElement", null), c(this, "svgLayerComponent", /* @__PURE__ */ b.jsx(b.Fragment, {})), c(this, "aesGetters", {
+    h(this, "reactRoot", null), h(this, "parentNode", null), h(this, "rootNode", null), h(this, "canvasNode", null), h(this, "svgLayerElement", null), h(this, "svgLayerComponent", /* @__PURE__ */ b.jsx(b.Fragment, {})), h(this, "aesGetters", {
       dotSize: () => 2,
-      dotFill: () => $,
+      dotFill: () => M,
       lineType: () => "solid"
-    }), c(this, "tools", null), c(this, "margins", {
-      top: C,
-      bottom: C,
-      left: C,
-      right: C
-    }), c(this, "chartSizes", {
-      chartWidth: E,
+    }), h(this, "tools", null), h(this, "margins", {
+      top: L,
+      bottom: L,
+      left: L,
+      right: L
+    }), h(this, "chartSizes", {
+      chartWidth: D,
       // width of single chart
       chartHeight: w,
       // height of single chart
-      totalWidth: E,
+      totalWidth: D,
       // width of all charts in charts row, plus left axis, plus legend
       totalHeight: w
       // width of all charts in charts height, plus bottom axis, plus top title
-    }), c(this, "scales", {
-      x: T().domain([0, 10]).range([0, E]),
+    }), h(this, "scales", {
+      x: T().domain([0, 10]).range([0, D]),
       y: T().domain([0, 10]).range([w, 0]),
-      xOriginal: T().domain([0, 10]).range([0, E]),
+      xOriginal: T().domain([0, 10]).range([0, D]),
       yOriginal: T().domain([0, 10]).range([w, 0])
-    }), c(this, "polygons", []), c(this, "onPolygonUpdateOutside", () => {
-    }), c(this, "onTooltipHintSwitch", () => {
-    }), c(this, "onLassoControlsStateUpdate", () => {
-    }), c(this, "zoomTransform", null), c(this, "zoomStateKey", ""), c(this, "selectedDot", null), c(this, "captionsSizes", {
+    }), h(this, "polygons", []), h(this, "onPolygonUpdateOutside", () => {
+    }), h(this, "onTooltipHintSwitch", () => {
+    }), h(this, "onLassoControlsStateUpdate", () => {
+    }), h(this, "zoomTransform", null), h(this, "zoomStateKey", ""), h(this, "selectedDot", null), h(this, "captionsSizes", {
       xAxisCaptionsWidth: 30,
       yAxisCaptionsWidth: 100
-    }), c(this, "mainTitle", []), c(this, "legend", { width: 0, height: 0, items: [] }), c(this, "notCalculatedProps", {}), c(this, "allDots", []), c(this, "visibleLabels", []), c(this, "onPolygonUpdate", (t) => {
+    }), h(this, "mainTitle", []), h(this, "legend", { width: 0, height: 0, items: [] }), h(this, "notCalculatedProps", {}), h(this, "allDots", []), h(this, "visibleLabels", []), h(this, "dataFrame", new ht("", {})), h(this, "onPolygonUpdate", (t) => {
       this.polygons = t, this.updateByLasso();
       const e = this.allDots.filter((s) => A(s.x, s.y, this.polygons)).map((s) => s.idx);
       this.onPolygonUpdateOutside(e, t);
@@ -105,9 +106,9 @@ class ie {
     (t.width !== this.chartSizes.chartWidth || t.height !== this.chartSizes.chartHeight) && (this.chartSizes.chartWidth = t.width, this.chartSizes.chartHeight = t.height, this.scales.x.range([0, this.chartSizes.chartWidth]), this.scales.y.range([this.chartSizes.chartHeight, 0]));
   }
   updateViewport(t, e, s) {
-    const l = t.scale === "log" ? _() : T();
-    let { minX: a, minY: r, maxX: u, maxY: p } = s;
-    if (t.lowerValue !== void 0 && (a = Math.max(a, t.lowerValue)), t.upperValue !== void 0 && (u = Math.min(u, t.upperValue)), e.lowerValue !== void 0 && (r = Math.max(r, e.lowerValue)), e.upperValue !== void 0 && (p = Math.min(p, e.upperValue)), t.symmetricRange !== void 0) {
+    const n = t.scale === "log" ? _() : T();
+    let { minX: a, minY: d, maxX: u, maxY: p } = s;
+    if (t.lowerValue !== void 0 && (a = Math.max(a, t.lowerValue)), t.upperValue !== void 0 && (u = Math.min(u, t.upperValue)), e.lowerValue !== void 0 && (d = Math.max(d, e.lowerValue)), e.upperValue !== void 0 && (p = Math.min(p, e.upperValue)), t.symmetricRange !== void 0) {
       const o = t.symmetricRange;
       if (o >= a && o <= u) {
         const y = Math.max(o - a, u - o);
@@ -116,22 +117,22 @@ class ie {
     }
     if (typeof e.symmetricRange < "u") {
       const o = e.symmetricRange;
-      if (o >= r && o <= p) {
-        const y = Math.max(o - r, p - o);
-        r = o - y, p = o + y;
+      if (o >= d && o <= p) {
+        const y = Math.max(o - d, p - o);
+        d = o - y, p = o + y;
       }
     }
-    const f = [0, this.chartSizes.chartWidth], x = l.copy().domain([a, u]).range([D.LEFT, this.chartSizes.chartWidth - D.RIGHT]);
-    l.domain([x.invert(0), x.invert(this.chartSizes.chartWidth)]).range(f).nice(), this.scales.x = l, this.scales.xOriginal = l.copy();
-    const d = e.scale === "log" ? _() : T(), n = [this.chartSizes.chartHeight, 0], g = d.copy().domain([r, p]).range([this.chartSizes.chartHeight - D.BOTTOM, D.TOP]);
-    d.domain([g.invert(this.chartSizes.chartHeight), g.invert(0)]).range(n).nice(), this.scales.y = d, this.scales.yOriginal = d.copy();
+    const f = [0, this.chartSizes.chartWidth], v = n.copy().domain([a, u]).range([E.LEFT, this.chartSizes.chartWidth - E.RIGHT]);
+    n.domain([v.invert(0), v.invert(this.chartSizes.chartWidth)]).range(f).nice(), this.scales.x = n, this.scales.xOriginal = n.copy();
+    const c = e.scale === "log" ? _() : T(), r = [this.chartSizes.chartHeight, 0], g = c.copy().domain([d, p]).range([this.chartSizes.chartHeight - E.BOTTOM, E.TOP]);
+    c.domain([g.invert(this.chartSizes.chartHeight), g.invert(0)]).range(r).nice(), this.scales.y = c, this.scales.yOriginal = c.copy();
   }
   updateCaptionsSize() {
     const t = new G("600 14px Arial");
-    function e(r) {
-      return Math.max(...r.map((u) => t.getTextWidth(u)));
+    function e(d) {
+      return Math.max(...d.map((u) => t.getTextWidth(u)));
     }
-    const { ticks: s, format: l } = tt(this.scales.y, !1), a = e(s.map(l));
+    const { ticks: s, format: n } = tt(this.scales.y, !1), a = e(s.map(n));
     this.captionsSizes = {
       xAxisCaptionsWidth: 20,
       yAxisCaptionsWidth: a
@@ -147,90 +148,90 @@ class ie {
   updateMargins() {
     const t = Q * this.mainTitle.length, e = t > 0 ? t + J * 2 : 0;
     this.margins = {
-      top: Math.max(e, C),
-      bottom: C + this.captionsSizes.xAxisCaptionsWidth + I,
-      left: C + this.captionsSizes.yAxisCaptionsWidth + I,
-      right: this.legend.width + C
+      top: Math.max(e, L),
+      bottom: L + this.captionsSizes.xAxisCaptionsWidth + I,
+      left: L + this.captionsSizes.yAxisCaptionsWidth + I,
+      right: this.legend.width + L
     }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom, N(this.canvasNode).style("width", this.chartSizes.chartWidth + "px").style("height", this.chartSizes.chartHeight + "px").style("top", this.margins.top + "px").style("left", this.margins.left + "px");
   }
-  updateLegendSize(t, e, s, l) {
+  updateLegendSize(t, e, s, n) {
     if (!t.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const a = [], r = { width: 0, height: 0, left: 0, top: 0 };
-    if (s.forEach((d) => {
-      const n = e[d.value];
-      if (n.usedAes.length === 0 || !n.aesMap)
+    const a = [], d = { width: 0, height: 0, left: 0, top: 0 };
+    if (s.forEach((c) => {
+      const r = e[c.value];
+      if (r.usedAes.length === 0 || !r.aesMap)
         return;
       const g = {};
-      n.values.forEach((m) => {
-        g[m] || (g[m] = { ...M }), n.usedAes.forEach((v) => {
-          v === "dotFill" && (g[m].color = n.aesMap(m, v) ?? $), v === "dotSize" && (g[m].size = Number(n.aesMap(m, v) ?? 3));
+      r.values.forEach((m) => {
+        g[m] || (g[m] = { ...H }), r.usedAes.forEach((i) => {
+          i === "dotFill" && (g[m].color = r.aesMap(m, i) ?? M), i === "dotSize" && (g[m].size = Number(r.aesMap(m, i) ?? 3));
         });
       });
-      const o = d.label ?? d.value, y = dt().domain(n.values).range(n.values.map((m) => g[m]));
-      a.push({ ...r, id: d.value, type: "dots", title: o, scale: y, values: n.values, labels: n.labels });
-    }), l.forEach((d) => {
-      if (d.type === "dots" && F(d.aes.dotFill)) {
-        const { domain: n, range: g, columnName: o, type: y = "linear" } = d.aes.dotFill, m = o.label ?? o.value, v = st(g, n, "linear"), i = (y === "log" ? ct() : T()).domain(n).range([this.chartSizes.chartHeight, 0]), h = it(i, n);
-        a.push({ ...r, id: "dotFill", type: "continuous", title: m, scale: v, tickPositionScale: i, values: h });
+      const o = c.label ?? c.value, y = ct().domain(r.values).range(r.values.map((m) => g[m]));
+      a.push({ ...d, id: c.value, type: "dots", title: o, scale: y, values: r.values, labels: r.labels });
+    }), n.forEach((c) => {
+      if (c.type === "dots" && $(c.aes.dotFill)) {
+        const { domain: r, range: g, columnName: o, type: y = "linear" } = c.aes.dotFill, m = o.label ?? o.value, i = st(g, r, "linear"), l = (y === "log" ? mt() : T()).domain(r).range([this.chartSizes.chartHeight, 0]), x = it(l, r);
+        a.push({ ...d, id: "dotFill", type: "continuous", title: m, scale: i, tickPositionScale: l, values: x });
       }
-      if (d.type === "dots" && F(d.aes.dotSize)) {
-        const { columnName: n, domain: g, range: o } = d.aes.dotSize, y = n.label ?? n.value, m = mt(g, o), v = m.ticks(3), i = m.tickFormat(3), h = v.reduce((z, L) => (z[String(L)] = i(L), z), {});
-        a.push({ ...r, id: n.value, type: "size", title: y, scale: m, values: v, labels: h });
+      if (c.type === "dots" && $(c.aes.dotSize)) {
+        const { columnName: r, domain: g, range: o } = c.aes.dotSize, y = r.label ?? r.value, m = pt(g, o), i = m.ticks(3), l = m.tickFormat(3), x = i.reduce((z, C) => (z[String(C)] = l(C), z), {});
+        a.push({ ...d, id: r.value, type: "size", title: y, scale: m, values: i, labels: x });
       }
     }), !a.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const u = ht(a, this.chartSizes.chartHeight), p = u[u.length - 1], f = p.left + p.width + ot, x = this.chartSizes.chartHeight;
+    const u = dt(a, this.chartSizes.chartHeight), p = u[u.length - 1], f = p.left + p.width + ot, v = this.chartSizes.chartHeight;
     this.legend = {
       width: f,
-      height: x,
+      height: v,
       items: u
     };
   }
-  initSettings(t, e, s, l, a, r, u) {
-    const { xAxis: p, yAxis: f, size: x, title: d, legend: n } = s;
-    this.updateChartSizes(x), this.updateViewport(p, f, l), this.updateCaptionsSize(), this.updateLegendSize(n, a, u, r), this.createMainTitle(d), this.updateMargins(), this.aesGetters = k(t, a, r);
-    const g = U().data(e).value((i) => {
-      const h = W(this.aesGetters.dotFill(i.idx));
-      return h[3] = !i.dimmed && A(i.x, i.y, this.polygons) ? 1 : 0.4, H(h, h);
-    }), o = V().equals((i, h) => i === h).size((i) => R(this.aesGetters.dotSize(i.idx))).crossValue((i) => i.x).mainValue((i) => i.y).decorate((i) => g(i)), y = q().scaleExtent([0.1, 1e3]).filter((i) => i.type === "wheel" || i.metaKey || i.ctrlKey).on("start", () => {
+  initSettings(t, e, s, n, a, d) {
+    const { xAxis: u, yAxis: p, size: f, title: v, legend: c } = e;
+    this.updateChartSizes(f), this.updateViewport(u, p, s), this.updateCaptionsSize(), this.updateLegendSize(c, n, d, a), this.createMainTitle(v), this.updateMargins(), this.aesGetters = k(this.dataFrame, n, a);
+    const r = U().data(t).value((i) => {
+      const l = P(this.aesGetters.dotFill(i.idx));
+      return l[3] = !i.dimmed && A(i.x, i.y, this.polygons) ? 1 : 0.4, W(l, l);
+    }), g = V().equals((i, l) => i === l).size((i) => R(this.aesGetters.dotSize(i.idx))).crossValue((i) => i.x).mainValue((i) => i.y).decorate((i) => r(i)), o = q().scaleExtent([0.1, 1e3]).filter((i) => i.type === "wheel" || i.metaKey || i.ctrlKey).on("start", () => {
       this.selectedDot = null;
     }).on("zoom", (i) => {
-      const h = i.transform, z = h.rescaleX(this.scales.xOriginal), L = h.rescaleY(this.scales.yOriginal);
-      this.scales.x.domain(z.domain()), this.scales.y.domain(L.domain()), this.zoomTransform = h, this.zoomStateKey = `${h.x}_${h.y}_${h.k}`, this.updateLabelsPosition(this.visibleLabels), this.renderSvgLayer(t), this.renderWebglLayer();
+      const l = i.transform, x = l.rescaleX(this.scales.xOriginal), z = l.rescaleY(this.scales.yOriginal);
+      this.scales.x.domain(x.domain()), this.scales.y.domain(z.domain()), this.zoomTransform = l, this.zoomStateKey = `${l.x}_${l.y}_${l.k}`, this.updateLabelsPosition(this.visibleLabels), this.renderSvgLayer(), this.renderWebglLayer();
     }).on("end", () => {
-      this.visibleLabels = this.computeLabels(this.allDots), this.renderSvgLayer(t);
-    }), m = lt().on("point", ([i]) => {
-      var h;
-      let z;
-      i && (z = this.getClosestDot(i.x, i.y));
-      const L = this.selectedDot && !z || !this.selectedDot && z || ((h = this.selectedDot) == null ? void 0 : h.idx) !== (z == null ? void 0 : z.idx);
-      this.selectedDot = z ?? null, L && this.renderSvgLayer(t);
-    }), v = B({
+      this.visibleLabels = this.computeLabels(this.allDots), this.renderSvgLayer();
+    }), y = rt().on("point", ([i]) => {
+      var l;
+      let x;
+      i && (x = this.getClosestDot(i.x, i.y));
+      const z = this.selectedDot && !x || !this.selectedDot && x || ((l = this.selectedDot) == null ? void 0 : l.idx) !== (x == null ? void 0 : x.idx);
+      this.selectedDot = x ?? null, z && this.renderSvgLayer();
+    }), m = B({
       xScale: this.scales.x,
       yScale: this.scales.y
     }).xAxisHeight(() => "0").yAxisWidth(() => "0").svgPlotArea(K()).webglPlotArea(
       // only render the point series on the WebGL layer
-      j().series([o]).mapping((i) => i)
+      j().series([g]).mapping((i) => i)
     ).decorate((i) => {
-      const h = i.enter();
-      h && !this.svgLayerElement && (h.style("grid-template-columns", "0 auto 1fr auto 0"), h.style("grid-template-rows", "0 auto 1fr auto 0"), this.svgLayerElement = h.select(".svg-plot-area.plot-area svg").node()), h.select(".svg-plot-area.plot-area").attr("class", "svg-plot-area plot-area miplots-scatterplot-plot-area").call(y).call(m);
+      const l = i.enter();
+      l && !this.svgLayerElement && (l.style("grid-template-columns", "0 auto 1fr auto 0"), l.style("grid-template-rows", "0 auto 1fr auto 0"), this.svgLayerElement = l.select(".svg-plot-area.plot-area svg").node()), l.select(".svg-plot-area.plot-area").attr("class", "svg-plot-area plot-area miplots-scatterplot-plot-area").call(o).call(y);
     });
     this.tools = {
-      webglChart: v,
-      zoom: y,
-      fillColor: g,
-      pointSeries: o
-    }, N(this.canvasNode).datum(e).style("position", "absolute").style("width", this.chartSizes.chartWidth + "px").style("height", this.chartSizes.chartHeight + "px").style("top", this.margins.top + "px").style("left", this.margins.left + "px");
+      webglChart: m,
+      zoom: o,
+      fillColor: r,
+      pointSeries: g
+    }, N(this.canvasNode).datum(t).style("position", "absolute").style("width", this.chartSizes.chartWidth + "px").style("height", this.chartSizes.chartHeight + "px").style("top", this.margins.top + "px").style("left", this.margins.left + "px");
   }
-  updateAes(t, e, s) {
-    this.tools !== null && (this.aesGetters = k(t, e, s), this.tools.fillColor.value((l) => {
-      const a = this.aesGetters.dotFill ?? O, r = W(a(l.idx));
-      return r[3] = !l.dimmed && A(l.x, l.y, this.polygons) ? 1 : 0.4, H(r, r);
+  updateAes(t, e) {
+    this.tools !== null && (this.aesGetters = k(this.dataFrame, t, e), this.tools.fillColor.value((s) => {
+      const n = this.aesGetters.dotFill ?? O, a = P(n(s.idx));
+      return a[3] = !s.dimmed && A(s.x, s.y, this.polygons) ? 1 : 0.4, W(a, a);
     }));
   }
   updatePointSize() {
@@ -239,62 +240,61 @@ class ie {
   updateByLasso() {
     var t;
     this.tools !== null && ((t = this.tools) == null || t.fillColor.value((e) => {
-      const s = this.aesGetters.dotFill ?? O, l = W(s(e.idx));
-      return l[3] = !e.dimmed && A(e.x, e.y, this.polygons) ? 1 : 0.4, H(l, l);
+      const s = this.aesGetters.dotFill ?? O, n = P(s(e.idx));
+      return n[3] = !e.dimmed && A(e.x, e.y, this.polygons) ? 1 : 0.4, W(n, n);
     }), this.renderWebglLayer());
   }
   createQuadtree(t) {
-    const e = new rt(t.length, 512);
+    const e = new lt(t.length, 512);
     for (let s = 0; s < t.length; s++)
       e.add(t[s].x, t[s].y);
     return e.finish();
   }
   getClosestDot(t, e) {
-    var s, l;
+    var s, n;
     const a = (s = this.tools) == null ? void 0 : s.qt;
     if (!a) return null;
-    const r = this.allDots, u = this.scales.x.invert(t), p = this.scales.y.invert(e), f = 1 / (((l = this.zoomTransform) == null ? void 0 : l.k) || 1), x = u - f, d = u + f, n = p - f, g = p + f, o = a.range(x, n, d, g), y = o.reduce((m, v) => {
-      const i = r[v], h = this.scales.x(i.x) - t, z = this.scales.y(i.y) - e, L = Math.hypot(h, z);
-      return (m === null || L < m.distance) && (m.index = v, m.distance = L), m;
+    const d = this.allDots, u = this.scales.x.invert(t), p = this.scales.y.invert(e), f = 1 / (((n = this.zoomTransform) == null ? void 0 : n.k) || 1), v = u - f, c = u + f, r = p - f, g = p + f, o = a.range(v, r, c, g), y = o.reduce((m, i) => {
+      const l = d[i], x = this.scales.x(l.x) - t, z = this.scales.y(l.y) - e, C = Math.hypot(x, z);
+      return (m === null || C < m.distance) && (m.index = i, m.distance = C), m;
     }, {
       index: -1,
       distance: 1 / 0
     });
-    return o.length === 0 || y.index === -1 ? null : r[y.index];
+    return o.length === 0 || y.index === -1 ? null : d[y.index];
   }
   updateDots(t) {
     this.tools !== null && (N(this.canvasNode).datum(t), this.tools.fillColor.data(t), this.tools.qt = this.createQuadtree(t), this.allDots = t);
   }
-  render(t, e, s, l, a, r, u, p, f, x, d, n, g) {
-    if (this.tools === null)
+  render(t, e, s, n, a, d, u, p, f, v, c, r, g) {
+    if (this.dataFrame = t, this.tools === null)
       this.initSettings(
-        t,
         a,
         s,
-        r,
+        d,
         f,
         p,
-        x
+        v
       );
     else {
       const { title: o, legend: y, size: m } = s;
-      this.updateChartSizes(m), this.updateLegendSize(y, f, x, p), this.createMainTitle(o), this.updateMargins(), this.updateAes(t, f, p);
+      this.updateChartSizes(m), this.updateLegendSize(y, f, v, p), this.createMainTitle(o), this.updateMargins(), this.updateAes(f, p);
     }
-    this.onPolygonUpdateOutside = d, this.onTooltipHintSwitch = n, this.onLassoControlsStateUpdate = g, this.allDots !== a && (this.updateDots(a), this.visibleLabels = this.computeLabels(a)), this.notCalculatedProps = {
+    this.onPolygonUpdateOutside = c, this.onTooltipHintSwitch = r, this.onLassoControlsStateUpdate = g, this.allDots !== a && (this.updateDots(a), this.visibleLabels = this.computeLabels(a)), this.notCalculatedProps = {
       settingsId: e,
       chartSettings: s,
-      keyColumn: l,
+      keyColumn: n,
       dotsByGrouping: u,
       layers: p
-    }, this.renderWebglLayer(), this.renderSvgLayer(t);
+    }, this.renderWebglLayer(), this.renderSvgLayer();
   }
   renderWebglLayer() {
     var t, e;
     (t = this.tools) != null && t.webglChart && N(this.canvasNode).call((e = this.tools) == null ? void 0 : e.webglChart);
   }
-  renderSvgLayer(t) {
-    var e;
-    const s = {
+  renderSvgLayer() {
+    var t;
+    const e = {
       settingsId: this.notCalculatedProps.settingsId,
       chartSettings: this.notCalculatedProps.chartSettings,
       keyColumn: this.notCalculatedProps.keyColumn,
@@ -316,32 +316,32 @@ class ie {
       onTooltipHintSwitch: this.onTooltipHintSwitch,
       onLassoControlsStateUpdate: this.onLassoControlsStateUpdate
     };
-    this.svgLayerComponent = /* @__PURE__ */ b.jsx(nt, { dataFrame: t, children: /* @__PURE__ */ b.jsx(at, { ...s }) }), (e = this.reactRoot) == null || e.render(this.svgLayerComponent);
+    this.svgLayerComponent = /* @__PURE__ */ b.jsx(nt, { dataFrame: this.dataFrame, children: /* @__PURE__ */ b.jsx(at, { ...e }) }), (t = this.reactRoot) == null || t.render(this.svgLayerComponent);
   }
   renderError(t) {
     var e;
     (e = this.reactRoot) == null || e.render(/* @__PURE__ */ b.jsx(Y, { message: t }));
   }
   computeLabels(t) {
-    const e = new G("16px Manrope"), s = et(this.chartSizes.chartWidth, this.chartSizes.chartHeight), l = [];
+    const e = new G("16px Manrope"), s = et(this.chartSizes.chartWidth, this.chartSizes.chartHeight), n = [];
     for (let a = 0; a < t.length; a++) {
-      const r = t[a];
-      if (r.label == null)
+      const d = t[a];
+      if (d.label == null)
         continue;
-      const u = String(r.label), p = e.getTextMetrics(u), f = this.scales.x(r.x), x = this.scales.y(r.y), d = p.width, n = p.actualBoundingBoxAscent + p.actualBoundingBoxDescent, g = 10, o = s(f, x, d, n, g);
-      o && l.push({
+      const u = String(d.label), p = e.getTextMetrics(u), f = this.scales.x(d.x), v = this.scales.y(d.y), c = p.width, r = p.actualBoundingBoxAscent + p.actualBoundingBoxDescent, g = 10, o = s(f, v, c, r, g);
+      o && n.push({
         x: f,
-        y: x,
-        dot: r,
+        y: v,
+        dot: d,
         name: u,
-        width: d,
-        height: n,
+        width: c,
+        height: r,
         padding: g,
         xPosition: o[0],
         yPosition: o[1]
       });
     }
-    return l;
+    return n;
   }
   updateLabelsPosition(t) {
     for (let e = 0; e < t.length; e++) {
@@ -351,6 +351,6 @@ class ie {
   }
 }
 export {
-  ie as default
+  oe as default
 };
 //# sourceMappingURL=ChartRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import { chartCartesian } from '@d3fc/d3fc-chart';\nimport type { CartesianChart } from '@d3fc/d3fc-chart/src/cartesian';\nimport type { ScaleLinear } from 'd3-scale';\nimport { scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport type { D3ZoomEvent, ZoomBehavior, ZoomTransform } from 'd3-zoom';\nimport { zoom } from 'd3-zoom';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { DotAesItem, LegendData, LegendItem } from '../common/types';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN\n} from '../constants';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_DOT_AES, MIN_MARGIN } from '../scatterplot/constants';\nimport { createAesGetter } from '../scatterplot/utils/createAesGetter';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { Label } from '../scatterplot/utils/getVisibleLabels';\nimport { createLabelPositioner } from '../scatterplot/utils/getVisibleLabels';\nimport type { ColumnName, ScatterplotEventHandlers } from '../types';\nimport { isContinuousAes } from '../types';\nimport type { ScatterplotUmapLegendInfo } from '../types/scatterplot-umap';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { SVGLayer } from './components/SVGLayer';\nimport { LEGEND_OFFSET, PADDINGS, TITLE_LINE } from './constants';\nimport type { CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl } from './SettingsImpl';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartScales, ChartSizes,\n    Dot,\n    DotsExtents,\n    LassoControlsState,\n    Margins,\n    Polygon,\n    SVGLayerProps,\n} from './types';\n// @ts-ignore\nimport { seriesSvgMulti, seriesWebglMulti, seriesWebglPoint } from '@d3fc/d3fc-series';\n// @ts-ignore\nimport { webglFillColor } from '@d3fc/d3fc-webgl';\n// @ts-ignore\nimport { pointer } from '@d3fc/d3fc-pointer';\nimport { polygonContains } from 'd3-polygon';\nimport KDBush from 'kdbush';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport type { DataFrame } from '../DataFrame';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { GET_BLACK, getColorWithFakeOpacity, stringToNumberRgba } from './colors';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\n\nfunction isDotInsidePolygons(x:number, y:number, polygons: Polygon[]) {\n    if (polygons.length === 0) {\n        return true;\n    }\n    return polygons.some((p) => p.closed && p.points.length > 2 && polygonContains(p.points, [x, y]));\n}\n\nfunction getGettersFromLayers(\n    dataFrame: DataFrame,\n    legendInfo: ScatterplotUmapLegendInfo,\n    layers: ScatterplotUmapSettingsImpl['layers'],\n): AesGetters {\n    const dotLayer = layers.find(l => l.type === 'dots') as DotsLayer | undefined;\n    const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n    return {\n        dotFill: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    canvasNode: HTMLElement | null = null;\n\n    svgLayerElement: SVGElement | null = null;\n    svgLayerComponent: ReactElement = (<></>);\n\n    aesGetters: AesGetters = {\n        dotSize: () => 2,\n        dotFill: () => BLACK,\n        lineType: () => 'solid'\n    };\n\n    tools: {\n        webglChart: CartesianChart<any, any>;\n        qt?: KDBush;\n        fillColor: () => {\n            value: (setter: (d: Dot) => [number, number, number, number]) => void;\n            data: (setter: () => Dot[]) => void;\n        };\n        pointSeries: () => any;\n        zoom: ZoomBehavior<any, any>;\n    } | null = null;\n\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    scales: ChartScales = {\n        x: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        y: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n        xOriginal: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        yOriginal: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n    };\n\n    polygons:Polygon[] = [];\n    onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n    onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n    onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => undefined;\n\n    zoomTransform: ZoomTransform | null =  null;\n    zoomStateKey = '';\n    selectedDot: Dot | null = null;\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    notCalculatedProps: Partial<SVGLayerProps> = {};\n\n    allDots: Dot[] = [];\n    visibleLabels: Label[] = [];\n    clear() {\n        if (this.parentNode && this.rootNode && this.canvasNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode?.removeChild(this.canvasNode);\n            this.parentNode = null;\n            this.rootNode = null;\n            this.canvasNode = null;\n            this.svgLayerElement = null;\n            this.tools = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.canvasNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.parentNode.appendChild(this.canvasNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']) {\n        if (size.width !== this.chartSizes.chartWidth || size.height !== this.chartSizes.chartHeight) {\n            // NB: now chart sizes always change with one multiplier for width/height so qt stays without changes\n            this.chartSizes.chartWidth = size.width;\n            this.chartSizes.chartHeight = size.height;\n            this.scales.x.range([0, this.chartSizes.chartWidth]);\n            this.scales.y.range([this.chartSizes.chartHeight, 0]);\n        }\n        \n    }\n\n    updateViewport(\n        xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'],\n        dotsExtents: DotsExtents\n    ) {\n        const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n        let {minX, minY, maxX, maxY} = dotsExtents;\n        if (xAxis.lowerValue !== undefined) {\n            minX = Math.max(minX, xAxis.lowerValue);\n        }\n        if (xAxis.upperValue !== undefined) {\n            maxX = Math.min(maxX, xAxis.upperValue);\n        }\n        if (yAxis.lowerValue !== undefined) {\n            minY = Math.max(minY, yAxis.lowerValue);\n        }\n        if (yAxis.upperValue !== undefined) {\n            maxY = Math.min(maxY, yAxis.upperValue);\n        }\n        if (xAxis.symmetricRange !== undefined) {\n            const middle = xAxis.symmetricRange;\n            if (middle >= minX && middle <= maxX) {\n                const halfRange = Math.max(middle - minX, maxX - middle);\n                minX = middle - halfRange;\n                maxX = middle + halfRange;\n            }\n        }\n        if (typeof yAxis.symmetricRange !== 'undefined') {\n            const middle = yAxis.symmetricRange;\n            if (middle >= minY && middle <= maxY) {\n                const halfRange = Math.max(middle - minY, maxY - middle);\n                minY = middle - halfRange;\n                maxY = middle + halfRange;\n            }\n        }\n\n        const rangeH = [0, this.chartSizes.chartWidth];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempX = scaleX\n            .copy()\n            .domain([minX, maxX])\n            .range([PADDINGS.LEFT, this.chartSizes.chartWidth - PADDINGS.RIGHT]);\n        scaleX\n            .domain([tempX.invert(0), tempX.invert(this.chartSizes.chartWidth)])\n            .range(rangeH)\n            .nice();\n        this.scales.x = scaleX;\n        this.scales.xOriginal = scaleX.copy();\n\n        const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n        const rangeV = [this.chartSizes.chartHeight, 0];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempY = scaleY\n            .copy()\n            .domain([minY, maxY])\n            .range([this.chartSizes.chartHeight - PADDINGS.BOTTOM, PADDINGS.TOP]);\n        scaleY\n            .domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)])\n            .range(rangeV)\n            .nice();\n        this.scales.y = scaleY;\n        this.scales.yOriginal = scaleY.copy();\n    }\n\n    updateCaptionsSize() {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        const {ticks, format} = getTicksAndFormat(this.scales.y, false);\n        const maxYTick = getMaxTickWidth(ticks.map(format));\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']) {\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.totalWidth - this.margins.left - this.margins.right,\n            20\n        );\n    }\n\n    updateMargins() {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: MIN_MARGIN + this.captionsSizes.xAxisCaptionsWidth + TITLE_LINE,\n            left: MIN_MARGIN + this.captionsSizes.yAxisCaptionsWidth + TITLE_LINE,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom;\n\n        select(this.canvasNode)\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateLegendSize(\n        legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'],\n        legendLabels: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotUmapLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n    \n        grouping.forEach(column => {\n            const info = legendLabels[column.value];\n            if (info.usedAes.length === 0 || !info.aesMap) {\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(category => {\n                if (!aesData[category]) {\n                    aesData[category] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[category].color = (info.aesMap(category, key) ?? BLACK) as string;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[category].size = Number(info.aesMap(category, key) ?? 3);\n                    }\n                });\n            });\n\n            const title = column.label ?? column.value;\n            const scale = scaleOrdinal<DotAesItem>()\n                .domain(info.values)\n                .range(info.values.map(value => aesData[value]));\n            legendItems.push({...emptySizes, id: column.value, type: 'dots', title, scale, values:info.values, labels:info.labels});\n        });\n\n        layers.forEach(layer => {\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotFill)) {\n                const {domain, range, columnName, type = 'linear'} = layer.aes.dotFill;\n                const title = columnName.label ?? columnName.value;\n                const colorScale = getContinuousColorScale(range, domain, 'linear') as ScaleLinear<string, string>; // always linear for legend - scale to render gradient, not for dots\n                const tickPositionScale = (type === 'log' ? scaleSymlog<string, string>() : scaleLinear<string, string>())\n                    .domain(domain)\n                    // @ts-ignore\n                    .range([this.chartSizes.chartHeight, 0]);\n                const values = getContinuousLegendTicks(tickPositionScale, domain as [number, number]);\n                legendItems.push({...emptySizes, id: 'dotFill', type: 'continuous', title, scale: colorScale, tickPositionScale, values});\n            }\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotSize)) {\n                const {columnName, domain, range} = layer.aes.dotSize;\n                const title = columnName.label ?? columnName.value;\n                const scale = scaleSqrt(domain, range);\n                const values = scale.ticks(3);\n                const format = scale.tickFormat(3);\n                const labels = values.reduce((res: Record<string, string>, v) => {\n                    res[String(v)] = format(v);\n                    return res;\n                }, {});\n                legendItems.push({...emptySizes, id: columnName.value, type: 'size', title, scale, values, labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    initSettings(\n        dataFrame: DataFrame,\n        dots: Dot[],\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        dotExtents: DotsExtents,\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        grouping: ColumnName[]\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(xAxis, yAxis, dotExtents);\n        this.updateCaptionsSize();\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(dataFrame, legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const rgba = stringToNumberRgba(this.aesGetters.dotFill(d.idx));\n                rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n                return getColorWithFakeOpacity(rgba, rgba);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.idx)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: unknown) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter((e:MouseEvent) => {\n                return e.type === 'wheel' || e.metaKey || e.ctrlKey;\n            })\n            .on('start', () => {\n                this.selectedDot = null;\n            })\n            .on('zoom', (e: D3ZoomEvent<SVGElement, unknown>) => {\n                const transform = e.transform;\n                const x = transform.rescaleX(this.scales.xOriginal);\n                const y = transform.rescaleY(this.scales.yOriginal);\n                this.scales.x.domain(x.domain());\n                this.scales.y.domain(y.domain());\n\n                this.zoomTransform = transform;\n                this.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.updateLabelsPosition(this.visibleLabels);\n                this.renderSvgLayer(dataFrame);\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.visibleLabels = this.computeLabels(this.allDots);\n                this.renderSvgLayer(dataFrame);\n            });\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            let closestDatum;\n            if (coord) {\n                closestDatum = this.getClosestDot(coord.x, coord.y);\n            }\n            \n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.idx !== closestDatum?.idx;\n\n            this.selectedDot = closestDatum ?? null;\n\n            if (needRedraw) {\n                this.renderSvgLayer(dataFrame);\n            }\n        });\n\n        const webglChart = chartCartesian({\n            xScale: this.scales.x,\n            yScale: this.scales.y,\n        })\n            .xAxisHeight(() => '0') // removing build-in axes from chartCartesian\n            .yAxisWidth(() => '0') // removing build-in axes from chartCartesian\n            .svgPlotArea(seriesSvgMulti())\n            .webglPlotArea(\n                // only render the point series on the WebGL layer\n                seriesWebglMulti()\n                    .series([pointSeries])\n                    .mapping((d: unknown) => d)\n            )\n            .decorate(selection => {\n                const s = selection.enter();\n                if (s && !this.svgLayerElement) {\n                    s.style('grid-template-columns', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    s.style('grid-template-rows', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    this.svgLayerElement = s.select('.svg-plot-area.plot-area svg').node() as SVGElement;\n                }\n                s.select('.svg-plot-area.plot-area').attr('class', 'svg-plot-area plot-area miplots-scatterplot-plot-area')\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    .call(z)\n                    .call(p);\n            });\n\n        this.tools = {\n            webglChart,\n            zoom: z,\n            fillColor,\n            pointSeries,\n        };\n\n        select(this.canvasNode)\n            .datum(dots)\n            .style('position', 'absolute')\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateAes(\n        dataFrame: DataFrame,\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers']\n    ) {\n        if (this.tools === null) {\n            return;\n        }\n        this.aesGetters = getGettersFromLayers(dataFrame, legendInfo, layers);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\n        // TODO: try remove array copy\n        select(this.canvasNode).datum([...this.allDots]);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.pointSeries.size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)));\n    }\n\n    updateByLasso() {\n        if (this.tools === null) {\n            return;\n        }\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools?.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n        this.renderWebglLayer();\n    }\n\n    createQuadtree(dots: Dot[]): KDBush {\n        const tree = new KDBush(dots.length, 512);\n\n        for (let i = 0; i < dots.length; i++) {\n            tree.add(dots[i].x, dots[i].y);\n        }  \n\n        return tree.finish();\n    }\n\n    getClosestDot(_x: number, _y: number): Dot | null {\n        const tree = this.tools?.qt;\n        if (!tree) return null;\n        const dots = this.allDots;\n        const x = this.scales.x.invert(_x);\n        const y = this.scales.y.invert(_y);\n        const radius = 1 / (this.zoomTransform?.k || 1);\n        const minX = x - radius;\n        const maxX = x + radius;\n        const minY = y - radius;\n        const maxY = y + radius;\n\n        const indexes = tree.range(minX, minY, maxX, maxY);\n        const closest = indexes.reduce((closest, idx: number) => {\n            const dot = dots[idx];\n            const dX = this.scales.x(dot.x) - _x;\n            const dY = this.scales.y(dot.y) - _y;\n            const distance = Math.hypot(dX, dY);\n            if (closest === null || distance < closest.distance) {\n                closest.index = idx;\n                closest.distance = distance;\n            }\n            return closest;\n        }, {\n            index: -1,\n            distance: Infinity\n        });\n        return indexes.length === 0 || closest.index === -1 ? null : dots[closest.index];\n    }\n\n    updateDots(dots: Dot[]) {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum(dots);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.data(dots);\n        this.tools.qt = this.createQuadtree(dots);\n        this.allDots = dots;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'],\n        onTooltipHintSwitch: (v:boolean) => void,\n        onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n    ) {        \n        if (this.tools === null) {\n            this.initSettings(\n                dataFrame,\n                dots,\n                chartSettings,\n                dotExtents,\n                legendInfo,\n                layers,\n                grouping\n            );    \n        } else {\n            const {title, legend, size} = chartSettings;\n            this.updateChartSizes(size);\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(dataFrame, legendInfo, layers);\n        }\n\n        this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n        this.onTooltipHintSwitch = onTooltipHintSwitch;\n        this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\n\n        if (this.allDots !== dots) {\n            this.updateDots(dots);\n            this.visibleLabels = this.computeLabels(dots);\n        }\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            keyColumn,\n            dotsByGrouping,\n            layers\n        };\n\n        this.renderWebglLayer();\n        this.renderSvgLayer(dataFrame);\n    }\n\n    renderWebglLayer() {\n        if (this.tools?.webglChart) {\n            select(this.canvasNode).call(this.tools?.webglChart);\n        }\n    }\n\n    onPolygonUpdate = (p:Polygon[]) => {\n        this.polygons = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => isDotInsidePolygons(d.x, d.y, this.polygons))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes, p);\n    };\n\n    renderSvgLayer(dataFrame: DataFrame) {\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            keyColumn: this.notCalculatedProps.keyColumn,\n            dotsByGrouping: this.notCalculatedProps.dotsByGrouping,\n            layers: this.notCalculatedProps.layers,\n            chartSizes: this.chartSizes,\n            scales: this.scales,\n            margins: this.margins,\n            mainTitle: this.mainTitle,\n            captionsSizes: this.captionsSizes,\n            container: this.svgLayerElement,\n            zoomStateKey: this.zoomStateKey,\n            selectedDot: this.selectedDot,\n            aesGetters: this.aesGetters,\n            legendData: this.legend,\n            labels: this.visibleLabels,\n            defaultPolygons: this.polygons,\n            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\n        } as SVGLayerProps;\n        this.svgLayerComponent = (\n            <DataFrameProvider dataFrame={dataFrame}>\n                <SVGLayer {...props} />\n            </DataFrameProvider>\n        );\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n\n    private computeLabels(dots: Dot[]) {\n        const textMeasurer = new TextMeasurer('16px Manrope');\n        const getPosition = createLabelPositioner(this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n        const labels = [];\n\n        for (let i = 0; i < dots.length; i++) {\n            const dot = dots[i];\n            if (dot.label == null) {\n                continue;\n            }\n            const name = String(dot.label);\n            const metrics = textMeasurer.getTextMetrics(name);\n            const x = this.scales.x(dot.x);\n            const y = this.scales.y(dot.y);\n            const w = metrics.width;\n            const h = (metrics.actualBoundingBoxAscent) + (metrics.actualBoundingBoxDescent);\n            const p = 10;\n            const position = getPosition(x, y, w, h, p);\n            if (!position) {\n                continue;\n            }\n\n            labels.push({\n                x,\n                y,\n                dot,\n                name,\n                width: w,\n                height: h,\n                padding: p,\n                xPosition: position[0],\n                yPosition: position[1],\n            } satisfies Label);\n        }\n\n        return labels;\n    }\n\n    private updateLabelsPosition(labels: Label[]) {\n        for (let i = 0; i < labels.length; i++) {\n            const label = labels[i];\n            label.x = this.scales.x(label.dot.x as number);\n            label.y = this.scales.y(label.dot.y as number);\n        }\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","dataFrame","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","filteredDotsIndexes","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","key","format","getTicksAndFormat","maxYTick","title","splitTextByWidth","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","TITLE_LINE","select","legend","legendLabels","grouping","legendItems","emptySizes","column","info","aesData","category","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","rgba","stringToNumberRgba","getColorWithFakeOpacity","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","pointer","coord","closestDatum","needRedraw","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","GET_BLACK","tree","KDBush","i","_x","_y","radius","indexes","closest","idx","dot","dX","dY","distance","settingsId","keyColumn","dotsByGrouping","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","props","DataFrameProvider","SVGLayer","message","Error","getPosition","createLabelPositioner","name","metrics","w","h","position","label"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import { chartCartesian } from '@d3fc/d3fc-chart';\nimport type { CartesianChart } from '@d3fc/d3fc-chart/src/cartesian';\nimport type { ScaleLinear } from 'd3-scale';\nimport { scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog } from 'd3-scale';\nimport { select } from 'd3-selection';\nimport type { D3ZoomEvent, ZoomBehavior, ZoomTransform } from 'd3-zoom';\nimport { zoom } from 'd3-zoom';\nimport type { ReactElement } from 'react';\nimport type { Root } from 'react-dom/client';\nimport { createRoot } from 'react-dom/client';\nimport { Error } from '../common/Error';\nimport type { DotAesItem, LegendData, LegendItem } from '../common/types';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN\n} from '../constants';\nimport { splitTextByWidth } from '../discrete/utils';\nimport { DEFAULT_DOT_AES, MIN_MARGIN } from '../scatterplot/constants';\nimport { createAesGetter } from '../scatterplot/utils/createAesGetter';\nimport { getTicksAndFormat } from '../scatterplot/utils/getTicksAndFormat';\nimport type { Label } from '../scatterplot/utils/getVisibleLabels';\nimport { createLabelPositioner } from '../scatterplot/utils/getVisibleLabels';\nimport type { ColumnName, ScatterplotEventHandlers } from '../types';\nimport { isContinuousAes } from '../types';\nimport type { ScatterplotUmapLegendInfo } from '../types/scatterplot-umap';\nimport { getContinuousColorScale } from '../utils/getContinuousColorScale';\nimport { getContinuousLegendTicks } from '../utils/getContinuousLegendTicks';\nimport { TextMeasurer } from '../utils/TextMeasurer/TextMeasurer';\nimport { SVGLayer } from './components/SVGLayer';\nimport { LEGEND_OFFSET, PADDINGS, TITLE_LINE } from './constants';\nimport type { CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl } from './SettingsImpl';\nimport type {\n    AesGetters,\n    CaptionsSizes,\n    ChartScales, ChartSizes,\n    Dot,\n    DotsExtents,\n    LassoControlsState,\n    Margins,\n    Polygon,\n    SVGLayerProps,\n} from './types';\n// @ts-ignore\nimport { seriesSvgMulti, seriesWebglMulti, seriesWebglPoint } from '@d3fc/d3fc-series';\n// @ts-ignore\nimport { webglFillColor } from '@d3fc/d3fc-webgl';\n// @ts-ignore\nimport { pointer } from '@d3fc/d3fc-pointer';\nimport { polygonContains } from 'd3-polygon';\nimport KDBush from 'kdbush';\nimport { DataFrameProvider } from '../common/useDataFrame';\nimport { DataFrame } from '../DataFrame';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport { GET_BLACK, getColorWithFakeOpacity, stringToNumberRgba } from './colors';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\n\nfunction isDotInsidePolygons(x:number, y:number, polygons: Polygon[]) {\n    if (polygons.length === 0) {\n        return true;\n    }\n    return polygons.some((p) => p.closed && p.points.length > 2 && polygonContains(p.points, [x, y]));\n}\n\nfunction getGettersFromLayers(\n    dataFrame: DataFrame,\n    legendInfo: ScatterplotUmapLegendInfo,\n    layers: ScatterplotUmapSettingsImpl['layers'],\n): AesGetters {\n    const dotLayer = layers.find(l => l.type === 'dots') as DotsLayer | undefined;\n    const curveLayer = layers.find(l => l.type === 'curve') as CurveLayer | undefined;\n    return {\n        dotFill: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(dataFrame, legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(dataFrame, legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    canvasNode: HTMLElement | null = null;\n\n    svgLayerElement: SVGElement | null = null;\n    svgLayerComponent: ReactElement = (<></>);\n\n    aesGetters: AesGetters = {\n        dotSize: () => 2,\n        dotFill: () => BLACK,\n        lineType: () => 'solid'\n    };\n\n    tools: {\n        webglChart: CartesianChart<any, any>;\n        qt?: KDBush;\n        fillColor: () => {\n            value: (setter: (d: Dot) => [number, number, number, number]) => void;\n            data: (setter: () => Dot[]) => void;\n        };\n        pointSeries: () => any;\n        zoom: ZoomBehavior<any, any>;\n    } | null = null;\n\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    scales: ChartScales = {\n        x: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        y: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n        xOriginal: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH]),\n        yOriginal: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0]),\n    };\n\n    polygons:Polygon[] = [];\n    onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n    onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n    onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => undefined;\n\n    zoomTransform: ZoomTransform | null =  null;\n    zoomStateKey = '';\n    selectedDot: Dot | null = null;\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    notCalculatedProps: Partial<SVGLayerProps> = {};\n\n    allDots: Dot[] = [];\n    visibleLabels: Label[] = [];\n    dataFrame: DataFrame = new DataFrame('', {});\n\n    clear() {\n        if (this.parentNode && this.rootNode && this.canvasNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode?.removeChild(this.canvasNode);\n            this.parentNode = null;\n            this.rootNode = null;\n            this.canvasNode = null;\n            this.svgLayerElement = null;\n            this.tools = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.canvasNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.parentNode.appendChild(this.canvasNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']) {\n        if (size.width !== this.chartSizes.chartWidth || size.height !== this.chartSizes.chartHeight) {\n            // NB: now chart sizes always change with one multiplier for width/height so qt stays without changes\n            this.chartSizes.chartWidth = size.width;\n            this.chartSizes.chartHeight = size.height;\n            this.scales.x.range([0, this.chartSizes.chartWidth]);\n            this.scales.y.range([this.chartSizes.chartHeight, 0]);\n        }\n        \n    }\n\n    updateViewport(\n        xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'],\n        dotsExtents: DotsExtents\n    ) {\n        const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n        let {minX, minY, maxX, maxY} = dotsExtents;\n        if (xAxis.lowerValue !== undefined) {\n            minX = Math.max(minX, xAxis.lowerValue);\n        }\n        if (xAxis.upperValue !== undefined) {\n            maxX = Math.min(maxX, xAxis.upperValue);\n        }\n        if (yAxis.lowerValue !== undefined) {\n            minY = Math.max(minY, yAxis.lowerValue);\n        }\n        if (yAxis.upperValue !== undefined) {\n            maxY = Math.min(maxY, yAxis.upperValue);\n        }\n        if (xAxis.symmetricRange !== undefined) {\n            const middle = xAxis.symmetricRange;\n            if (middle >= minX && middle <= maxX) {\n                const halfRange = Math.max(middle - minX, maxX - middle);\n                minX = middle - halfRange;\n                maxX = middle + halfRange;\n            }\n        }\n        if (typeof yAxis.symmetricRange !== 'undefined') {\n            const middle = yAxis.symmetricRange;\n            if (middle >= minY && middle <= maxY) {\n                const halfRange = Math.max(middle - minY, maxY - middle);\n                minY = middle - halfRange;\n                maxY = middle + halfRange;\n            }\n        }\n\n        const rangeH = [0, this.chartSizes.chartWidth];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempX = scaleX\n            .copy()\n            .domain([minX, maxX])\n            .range([PADDINGS.LEFT, this.chartSizes.chartWidth - PADDINGS.RIGHT]);\n        scaleX\n            .domain([tempX.invert(0), tempX.invert(this.chartSizes.chartWidth)])\n            .range(rangeH)\n            .nice();\n        this.scales.x = scaleX;\n        this.scales.xOriginal = scaleX.copy();\n\n        const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n        const rangeV = [this.chartSizes.chartHeight, 0];\n        // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n        const tempY = scaleY\n            .copy()\n            .domain([minY, maxY])\n            .range([this.chartSizes.chartHeight - PADDINGS.BOTTOM, PADDINGS.TOP]);\n        scaleY\n            .domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)])\n            .range(rangeV)\n            .nice();\n        this.scales.y = scaleY;\n        this.scales.yOriginal = scaleY.copy();\n    }\n\n    updateCaptionsSize() {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        const {ticks, format} = getTicksAndFormat(this.scales.y, false);\n        const maxYTick = getMaxTickWidth(ticks.map(format));\n\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']) {\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.totalWidth - this.margins.left - this.margins.right,\n            20\n        );\n    }\n\n    updateMargins() {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n        this.margins = {\n            top: Math.max(titleHeight, MIN_MARGIN),\n            bottom: MIN_MARGIN + this.captionsSizes.xAxisCaptionsWidth + TITLE_LINE,\n            left: MIN_MARGIN + this.captionsSizes.yAxisCaptionsWidth + TITLE_LINE,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartHeight, this.legend.height) + this.margins.bottom;\n\n        select(this.canvasNode)\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateLegendSize(\n        legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'],\n        legendLabels: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotUmapLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n    \n        grouping.forEach(column => {\n            const info = legendLabels[column.value];\n            if (info.usedAes.length === 0 || !info.aesMap) {\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(category => {\n                if (!aesData[category]) {\n                    aesData[category] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[category].color = (info.aesMap(category, key) ?? BLACK) as string;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[category].size = Number(info.aesMap(category, key) ?? 3);\n                    }\n                });\n            });\n\n            const title = column.label ?? column.value;\n            const scale = scaleOrdinal<DotAesItem>()\n                .domain(info.values)\n                .range(info.values.map(value => aesData[value]));\n            legendItems.push({...emptySizes, id: column.value, type: 'dots', title, scale, values:info.values, labels:info.labels});\n        });\n\n        layers.forEach(layer => {\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotFill)) {\n                const {domain, range, columnName, type = 'linear'} = layer.aes.dotFill;\n                const title = columnName.label ?? columnName.value;\n                const colorScale = getContinuousColorScale(range, domain, 'linear') as ScaleLinear<string, string>; // always linear for legend - scale to render gradient, not for dots\n                const tickPositionScale = (type === 'log' ? scaleSymlog<string, string>() : scaleLinear<string, string>())\n                    .domain(domain)\n                    // @ts-ignore\n                    .range([this.chartSizes.chartHeight, 0]);\n                const values = getContinuousLegendTicks(tickPositionScale, domain as [number, number]);\n                legendItems.push({...emptySizes, id: 'dotFill', type: 'continuous', title, scale: colorScale, tickPositionScale, values});\n            }\n            if (layer.type === 'dots' && isContinuousAes(layer.aes.dotSize)) {\n                const {columnName, domain, range} = layer.aes.dotSize;\n                const title = columnName.label ?? columnName.value;\n                const scale = scaleSqrt(domain, range);\n                const values = scale.ticks(3);\n                const format = scale.tickFormat(3);\n                const labels = values.reduce((res: Record<string, string>, v) => {\n                    res[String(v)] = format(v);\n                    return res;\n                }, {});\n                legendItems.push({...emptySizes, id: columnName.value, type: 'size', title, scale, values, labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    initSettings(\n        dots: Dot[],\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        dotExtents: DotsExtents,\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        grouping: ColumnName[]\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(xAxis, yAxis, dotExtents);\n        this.updateCaptionsSize();\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(this.dataFrame, legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const rgba = stringToNumberRgba(this.aesGetters.dotFill(d.idx));\n                rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n                return getColorWithFakeOpacity(rgba, rgba);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.idx)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: unknown) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter((e:MouseEvent) => {\n                return e.type === 'wheel' || e.metaKey || e.ctrlKey;\n            })\n            .on('start', () => {\n                this.selectedDot = null;\n            })\n            .on('zoom', (e: D3ZoomEvent<SVGElement, unknown>) => {\n                const transform = e.transform;\n                const x = transform.rescaleX(this.scales.xOriginal);\n                const y = transform.rescaleY(this.scales.yOriginal);\n                this.scales.x.domain(x.domain());\n                this.scales.y.domain(y.domain());\n\n                this.zoomTransform = transform;\n                this.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.updateLabelsPosition(this.visibleLabels);\n                this.renderSvgLayer();\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.visibleLabels = this.computeLabels(this.allDots);\n                this.renderSvgLayer();\n            });\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            let closestDatum;\n            if (coord) {\n                closestDatum = this.getClosestDot(coord.x, coord.y);\n            }\n            \n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.idx !== closestDatum?.idx;\n\n            this.selectedDot = closestDatum ?? null;\n\n            if (needRedraw) {\n                this.renderSvgLayer();\n            }\n        });\n\n        const webglChart = chartCartesian({\n            xScale: this.scales.x,\n            yScale: this.scales.y,\n        })\n            .xAxisHeight(() => '0') // removing build-in axes from chartCartesian\n            .yAxisWidth(() => '0') // removing build-in axes from chartCartesian\n            .svgPlotArea(seriesSvgMulti())\n            .webglPlotArea(\n                // only render the point series on the WebGL layer\n                seriesWebglMulti()\n                    .series([pointSeries])\n                    .mapping((d: unknown) => d)\n            )\n            .decorate(selection => {\n                const s = selection.enter();\n                if (s && !this.svgLayerElement) {\n                    s.style('grid-template-columns', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    s.style('grid-template-rows', '0 auto 1fr auto 0'); // removing build-in axes from chartCartesian\n                    this.svgLayerElement = s.select('.svg-plot-area.plot-area svg').node() as SVGElement;\n                }\n                s.select('.svg-plot-area.plot-area').attr('class', 'svg-plot-area plot-area miplots-scatterplot-plot-area')\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    .call(z)\n                    .call(p);\n            });\n\n        this.tools = {\n            webglChart,\n            zoom: z,\n            fillColor,\n            pointSeries,\n        };\n\n        select(this.canvasNode)\n            .datum(dots)\n            .style('position', 'absolute')\n            .style('width', this.chartSizes.chartWidth + 'px')\n            .style('height', this.chartSizes.chartHeight + 'px')\n            .style('top', this.margins.top + 'px')\n            .style('left', this.margins.left + 'px');\n    }\n\n    updateAes(\n        legendInfo: ScatterplotUmapLegendInfo,\n        layers: ScatterplotUmapSettingsImpl['layers']\n    ) {\n        if (this.tools === null) {\n            return;\n        }\n        this.aesGetters = getGettersFromLayers(this.dataFrame, legendInfo, layers);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\n        // TODO: try remove array copy\n        select(this.canvasNode).datum([...this.allDots]);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.pointSeries.size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)));\n    }\n\n    updateByLasso() {\n        if (this.tools === null) {\n            return;\n        }\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools?.fillColor.value((d: Dot) => {\n            const colorGetter = this.aesGetters.dotFill ?? GET_BLACK;\n            const rgba = stringToNumberRgba(colorGetter(d.idx));\n            rgba[3] = !d.dimmed && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n            return getColorWithFakeOpacity(rgba, rgba);\n        });\n        this.renderWebglLayer();\n    }\n\n    createQuadtree(dots: Dot[]): KDBush {\n        const tree = new KDBush(dots.length, 512);\n\n        for (let i = 0; i < dots.length; i++) {\n            tree.add(dots[i].x, dots[i].y);\n        }  \n\n        return tree.finish();\n    }\n\n    getClosestDot(_x: number, _y: number): Dot | null {\n        const tree = this.tools?.qt;\n        if (!tree) return null;\n        const dots = this.allDots;\n        const x = this.scales.x.invert(_x);\n        const y = this.scales.y.invert(_y);\n        const radius = 1 / (this.zoomTransform?.k || 1);\n        const minX = x - radius;\n        const maxX = x + radius;\n        const minY = y - radius;\n        const maxY = y + radius;\n\n        const indexes = tree.range(minX, minY, maxX, maxY);\n        const closest = indexes.reduce((closest, idx: number) => {\n            const dot = dots[idx];\n            const dX = this.scales.x(dot.x) - _x;\n            const dY = this.scales.y(dot.y) - _y;\n            const distance = Math.hypot(dX, dY);\n            if (closest === null || distance < closest.distance) {\n                closest.index = idx;\n                closest.distance = distance;\n            }\n            return closest;\n        }, {\n            index: -1,\n            distance: Infinity\n        });\n        return indexes.length === 0 || closest.index === -1 ? null : dots[closest.index];\n    }\n\n    updateDots(dots: Dot[]) {\n        if (this.tools === null) {\n            return;\n        }\n        select(this.canvasNode).datum(dots);\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        this.tools.fillColor.data(dots);\n        this.tools.qt = this.createQuadtree(dots);\n        this.allDots = dots;\n    }\n\n    render(\n        dataFrame: DataFrame,\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'],\n        onTooltipHintSwitch: (v:boolean) => void,\n        onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n    ) {\n        this.dataFrame = dataFrame;        \n        if (this.tools === null) {\n            this.initSettings(\n                dots,\n                chartSettings,\n                dotExtents,\n                legendInfo,\n                layers,\n                grouping\n            );    \n        } else {\n            const {title, legend, size} = chartSettings;\n            this.updateChartSizes(size);\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(legendInfo, layers);\n        }\n\n        this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n        this.onTooltipHintSwitch = onTooltipHintSwitch;\n        this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\n\n        if (this.allDots !== dots) {\n            this.updateDots(dots);\n            this.visibleLabels = this.computeLabels(dots);\n        }\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            keyColumn,\n            dotsByGrouping,\n            layers\n        };\n\n        this.renderWebglLayer();\n        this.renderSvgLayer();\n    }\n\n    renderWebglLayer() {\n        if (this.tools?.webglChart) {\n            select(this.canvasNode).call(this.tools?.webglChart);\n        }\n    }\n\n    onPolygonUpdate = (p:Polygon[]) => {\n        this.polygons = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => isDotInsidePolygons(d.x, d.y, this.polygons))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes, p);\n    };\n\n    renderSvgLayer() {\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            keyColumn: this.notCalculatedProps.keyColumn,\n            dotsByGrouping: this.notCalculatedProps.dotsByGrouping,\n            layers: this.notCalculatedProps.layers,\n            chartSizes: this.chartSizes,\n            scales: this.scales,\n            margins: this.margins,\n            mainTitle: this.mainTitle,\n            captionsSizes: this.captionsSizes,\n            container: this.svgLayerElement,\n            zoomStateKey: this.zoomStateKey,\n            selectedDot: this.selectedDot,\n            aesGetters: this.aesGetters,\n            legendData: this.legend,\n            labels: this.visibleLabels,\n            defaultPolygons: this.polygons,\n            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\n        } as SVGLayerProps;\n        this.svgLayerComponent = (\n            <DataFrameProvider dataFrame={this.dataFrame}>\n                <SVGLayer {...props} />\n            </DataFrameProvider>\n        );\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n\n    private computeLabels(dots: Dot[]) {\n        const textMeasurer = new TextMeasurer('16px Manrope');\n        const getPosition = createLabelPositioner(this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n        const labels = [];\n\n        for (let i = 0; i < dots.length; i++) {\n            const dot = dots[i];\n            if (dot.label == null) {\n                continue;\n            }\n            const name = String(dot.label);\n            const metrics = textMeasurer.getTextMetrics(name);\n            const x = this.scales.x(dot.x);\n            const y = this.scales.y(dot.y);\n            const w = metrics.width;\n            const h = (metrics.actualBoundingBoxAscent) + (metrics.actualBoundingBoxDescent);\n            const p = 10;\n            const position = getPosition(x, y, w, h, p);\n            if (!position) {\n                continue;\n            }\n\n            labels.push({\n                x,\n                y,\n                dot,\n                name,\n                width: w,\n                height: h,\n                padding: p,\n                xPosition: position[0],\n                yPosition: position[1],\n            } satisfies Label);\n        }\n\n        return labels;\n    }\n\n    private updateLabelsPosition(labels: Label[]) {\n        for (let i = 0; i < labels.length; i++) {\n            const label = labels[i];\n            label.x = this.scales.x(label.dot.x as number);\n            label.y = this.scales.y(label.dot.y as number);\n        }\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","dataFrame","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","DataFrame","filteredDotsIndexes","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","textMeasurer","TextMeasurer","getMaxTickWidth","ticks","key","format","getTicksAndFormat","maxYTick","title","splitTextByWidth","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","TITLE_LINE","select","legend","legendLabels","grouping","legendItems","emptySizes","column","info","aesData","category","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","rgba","stringToNumberRgba","getColorWithFakeOpacity","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","pointer","coord","closestDatum","needRedraw","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","GET_BLACK","tree","KDBush","i","_x","_y","radius","indexes","closest","idx","dot","dX","dY","distance","settingsId","keyColumn","dotsByGrouping","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","props","DataFrameProvider","SVGLayer","message","Error","getPosition","createLabelPositioner","name","metrics","w","h","position","label"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/graph-maker",
-  "version": "1.1.145",
+  "version": "1.1.146",
   "type": "module",
   "main": "dist/lib.js",
   "types": "dist/lib.d.ts",
@@ -37,7 +37,7 @@
   "dependencies": {
     "@ag-grid-community/core": "^32.3.3",
     "@milaboratories/helpers": "^1.6.15",
-    "@milaboratories/miplots4": "^1.0.136",
+    "@milaboratories/miplots4": "^1.0.137",
     "@milaboratories/pf-plots": "^1.1.30",
     "@platforma-sdk/model": "^1.42.21",
     "@platforma-sdk/ui-vue": "^1.39.16",