@milaboratories/miplots4 1.0.126 → 1.0.128

package/dist/scatterplot-umap/ChartRenderer.js

@@ -1,131 +1,131 @@
-var $ = Object.defineProperty;
-var J = (h, t, e) => t in h ? $(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var a = (h, t, e) => J(h, typeof t != "symbol" ? t + "" : t, e);
-import { j as E } from "../node_modules/react/jsx-runtime.js";
-import { Error as Z } from "../common/Error.js";
-import { BLACK as W, DEFAULT_HEIGHT as P, DEFAULT_WIDTH as w, TITLE_LINE_HEIGHT as tt, MAX_SHOWN_UNIQUE_VALUES_IN_LABELS as et, TITLE_MARGIN as st } from "../constants.js";
-import { splitTextByWidth as it } from "../discrete/utils/splitTextByWidth.js";
-import { SVGLayer as ot } from "./components/SVGLayer.js";
-import { MIN_MARGIN as b, DEFAULT_DOT_AES as A } from "../scatterplot/constants.js";
-import { PADDINGS as H, TITLE_LINE as I, LEGEND_OFFSET as at } from "./constants.js";
-import { createAesGetter as D } from "../scatterplot/utils/createAesGetter.js";
-import { getTicksAndFormat as rt } from "../scatterplot/utils/getTicksAndFormat.js";
-import { getFilteredLabels as U, updateLabelsBBoxes as lt } from "../scatterplot/utils/getVisibleLabels.js";
-import { isContinuousAes as B } from "../types/common.js";
+var Q = Object.defineProperty;
+var $ = (h, t, e) => t in h ? Q(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var l = (h, t, e) => $(h, typeof t != "symbol" ? t + "" : t, e);
+import { j as N } from "../node_modules/react/jsx-runtime.js";
+import { Error as J } from "../common/Error.js";
+import { BLACK as E, DEFAULT_HEIGHT as W, DEFAULT_WIDTH as H, TITLE_LINE_HEIGHT as Z, MAX_SHOWN_UNIQUE_VALUES_IN_LABELS as tt, TITLE_MARGIN as et } from "../constants.js";
+import { splitTextByWidth as st } from "../discrete/utils/splitTextByWidth.js";
+import { SVGLayer as it } from "./components/SVGLayer.js";
+import { MIN_MARGIN as L, DEFAULT_DOT_AES as O } from "../scatterplot/constants.js";
+import { PADDINGS as w, TITLE_LINE as _, LEGEND_OFFSET as ot } from "./constants.js";
+import { createAesGetter as M } from "../scatterplot/utils/createAesGetter.js";
+import { getTicksAndFormat as at } from "../scatterplot/utils/getTicksAndFormat.js";
+import { getFilteredLabels as I, updateLabelsBBoxes as rt } from "../scatterplot/utils/getVisibleLabels.js";
+import { isContinuousAes as U } from "../types/common.js";
 import "../types/discrete.js";
 import "../types/scatterplot.js";
 import "../types/heatmap.js";
 import "../types/dendro.js";
 import "../types/histogram.js";
 import "../types/bubble.js";
-import { getContinuousColorScale as nt } from "../utils/getContinuousColorScale.js";
-import { getContinuousLegendTicks as ht } from "../utils/getContinuousLegendTicks.js";
-import { TextMeasurer as ct } from "../utils/TextMeasurer.js";
-import { createRoot as dt } from "../node_modules/react-dom/client.js";
-import mt from "../node_modules/d3-zoom/src/zoom.js";
+import { getContinuousColorScale as lt } from "../utils/getContinuousColorScale.js";
+import { getContinuousLegendTicks as nt } from "../utils/getContinuousLegendTicks.js";
+import { TextMeasurer as ht } from "../utils/TextMeasurer.js";
+import { createRoot as ct } from "../node_modules/react-dom/client.js";
+import dt from "../node_modules/d3-zoom/src/zoom.js";
 import "../node_modules/d3-zoom/src/transform.js";
-import pt from "../node_modules/@d3fc/d3fc-chart/src/cartesian.js";
+import mt from "../node_modules/@d3fc/d3fc-chart/src/cartesian.js";
 import "../node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
-import gt from "../node_modules/@d3fc/d3fc-webgl/src/style/fillColor.js";
-import ut from "../node_modules/@d3fc/d3fc-series/src/webgl/point.js";
-import ft from "../node_modules/@d3fc/d3fc-series/src/svg/multi.js";
-import yt from "../node_modules/@d3fc/d3fc-series/src/webgl/multi.js";
-import St from "../node_modules/@d3fc/d3fc-pointer/src/pointer.js";
-import { arrangeLegendParts as vt } from "../utils/arrangeLegendParts.js";
+import pt from "../node_modules/@d3fc/d3fc-webgl/src/style/fillColor.js";
+import gt from "../node_modules/@d3fc/d3fc-series/src/webgl/point.js";
+import ut from "../node_modules/@d3fc/d3fc-series/src/svg/multi.js";
+import ft from "../node_modules/@d3fc/d3fc-series/src/webgl/multi.js";
+import yt from "../node_modules/@d3fc/d3fc-pointer/src/pointer.js";
+import { arrangeLegendParts as St } from "../utils/arrangeLegendParts.js";
 import C from "../node_modules/d3-scale/src/linear.js";
-import V from "../node_modules/d3-scale/src/log.js";
+import B from "../node_modules/d3-scale/src/log.js";
 import T from "../node_modules/d3-selection/src/select.js";
-import zt from "../node_modules/d3-scale/src/ordinal.js";
-import xt from "../node_modules/d3-scale/src/symlog.js";
-import { sqrt as Lt } from "../node_modules/d3-scale/src/pow.js";
-import { rgb as G } from "../node_modules/d3-color/src/color.js";
-import bt from "../node_modules/d3-quadtree/src/quadtree.js";
-import Ct from "../node_modules/d3-polygon/src/contains.js";
-function k(h) {
+import vt from "../node_modules/d3-scale/src/ordinal.js";
+import zt from "../node_modules/d3-scale/src/symlog.js";
+import { sqrt as xt } from "../node_modules/d3-scale/src/pow.js";
+import { rgb as D } from "../node_modules/d3-color/src/color.js";
+import Lt from "../node_modules/d3-quadtree/src/quadtree.js";
+import bt from "../node_modules/d3-polygon/src/contains.js";
+function V(h) {
   return h / 2.35 * (h / 2.35) * 64;
 }
-function F(h, t) {
+function G(h, t) {
   return h + (1 - h) * (1 - t);
 }
-function O(h, t) {
+function F(h, t) {
   return [
-    F(h.r / 255, t),
-    F(h.g / 255, t),
-    F(h.b / 255, t),
+    G(h.r / 255, t),
+    G(h.g / 255, t),
+    G(h.b / 255, t),
     1
   ];
 }
-function M(h, t, e) {
-  return e.length === 0 ? !0 : e.some((i) => i.closed && i.points.length > 2 && Ct(i.points, [h, t]));
+function P(h, t, e) {
+  return e.length === 0 ? !0 : e.some((i) => i.closed && i.points.length > 2 && bt(i.points, [h, t]));
 }
-function K(h, t) {
+function k(h, t) {
   const e = t.find((c) => c.type === "dots"), i = t.find((c) => c.type === "curve");
   return {
-    dotFill: D(h, (e == null ? void 0 : e.aes.dotFill) ?? A.color, "dotFill"),
-    dotSize: D(h, (e == null ? void 0 : e.aes.dotSize) ?? A.size, "dotSize"),
-    lineType: D(h, (i == null ? void 0 : i.aes.lineShape) ?? "solid", "lineShape")
+    dotFill: M(h, (e == null ? void 0 : e.aes.dotFill) ?? O.color, "dotFill"),
+    dotSize: M(h, (e == null ? void 0 : e.aes.dotSize) ?? O.size, "dotSize"),
+    lineType: M(h, (i == null ? void 0 : i.aes.lineShape) ?? "solid", "lineShape")
   };
 }
-class me {
+class de {
   constructor() {
-    a(this, "reactRoot", null);
-    a(this, "parentNode", null);
-    a(this, "rootNode", null);
-    a(this, "canvasNode", null);
-    a(this, "svgLayerElement", null);
-    a(this, "svgLayerComponent", /* @__PURE__ */ E.jsx(E.Fragment, {}));
-    a(this, "aesGetters", {
+    l(this, "reactRoot", null);
+    l(this, "parentNode", null);
+    l(this, "rootNode", null);
+    l(this, "canvasNode", null);
+    l(this, "svgLayerElement", null);
+    l(this, "svgLayerComponent", /* @__PURE__ */ N.jsx(N.Fragment, {}));
+    l(this, "aesGetters", {
       dotSize: () => 2,
-      dotFill: () => W,
+      dotFill: () => E,
       lineType: () => "solid"
     });
-    a(this, "tools", null);
-    a(this, "margins", {
-      top: b,
-      bottom: b,
-      left: b,
-      right: b
+    l(this, "tools", null);
+    l(this, "margins", {
+      top: L,
+      bottom: L,
+      left: L,
+      right: L
     });
-    a(this, "chartSizes", {
-      chartWidth: w,
+    l(this, "chartSizes", {
+      chartWidth: H,
       // width of single chart
-      chartHeight: P,
+      chartHeight: W,
       // height of single chart
-      totalWidth: w,
+      totalWidth: H,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: P
+      totalHeight: W
       // width of all charts in charts height, plus bottom axis, plus top title
     });
-    a(this, "scales", {
-      x: C().domain([0, 10]).range([0, w]),
-      y: C().domain([0, 10]).range([P, 0]),
-      xOriginal: C().domain([0, 10]).range([0, w]),
-      yOriginal: C().domain([0, 10]).range([P, 0])
+    l(this, "scales", {
+      x: C().domain([0, 10]).range([0, H]),
+      y: C().domain([0, 10]).range([W, 0]),
+      xOriginal: C().domain([0, 10]).range([0, H]),
+      yOriginal: C().domain([0, 10]).range([W, 0])
     });
-    a(this, "polygons", []);
-    a(this, "onPolygonUpdateOutside", () => {
+    l(this, "polygons", []);
+    l(this, "onPolygonUpdateOutside", () => {
     });
-    a(this, "onTooltipHintSwitch", () => {
+    l(this, "onTooltipHintSwitch", () => {
     });
-    a(this, "onLassoControlsStateUpdate", () => {
+    l(this, "onLassoControlsStateUpdate", () => {
     });
-    a(this, "zoomTransform", null);
-    a(this, "zoomStateKey", "");
-    a(this, "selectedDot", null);
-    a(this, "captionsSizes", {
+    l(this, "zoomTransform", null);
+    l(this, "zoomStateKey", "");
+    l(this, "selectedDot", null);
+    l(this, "captionsSizes", {
       xAxisCaptionsWidth: 30,
       yAxisCaptionsWidth: 100
     });
-    a(this, "mainTitle", []);
+    l(this, "mainTitle", []);
     // can be multiline
-    a(this, "legend", { width: 0, height: 0, items: [] });
-    a(this, "notCalculatedProps", {});
-    a(this, "allDots", []);
-    a(this, "allPossibleLabels", []);
-    a(this, "visibleLabels", []);
-    a(this, "onPolygonUpdate", (t) => {
+    l(this, "legend", { width: 0, height: 0, items: [] });
+    l(this, "notCalculatedProps", {});
+    l(this, "allDots", []);
+    l(this, "allPossibleLabels", []);
+    l(this, "visibleLabels", []);
+    l(this, "onPolygonUpdate", (t) => {
       this.polygons = t, this.updateByLasso();
-      const e = this.allDots.filter((i) => M(i.x, i.y, this.polygons)).map((i) => i.idx);
+      const e = this.allDots.filter((i) => P(i.x, i.y, this.polygons)).map((i) => i.idx);
       this.onPolygonUpdateOutside(e, t);
     });
   }
@@ -137,58 +137,58 @@ class me {
     });
   }
   init(t) {
-    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.canvasNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.parentNode.appendChild(this.canvasNode), this.reactRoot = dt(this.rootNode));
+    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.canvasNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.parentNode.appendChild(this.canvasNode), this.reactRoot = ct(this.rootNode));
   }
   updateChartSizes(t) {
-    this.chartSizes.chartWidth = t.width, this.chartSizes.chartHeight = t.height;
+    (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, i) {
-    const c = t.scale === "log" ? V() : C();
-    let { minX: n, minY: p, maxX: y, maxY: g } = i;
-    if (t.lowerValue !== void 0 && (n = Math.max(n, t.lowerValue)), t.upperValue !== void 0 && (y = Math.min(y, t.upperValue)), e.lowerValue !== void 0 && (p = Math.max(p, e.lowerValue)), e.upperValue !== void 0 && (g = Math.min(g, e.upperValue)), t.symmetricRange !== void 0) {
-      const l = t.symmetricRange;
-      if (l >= n && l <= y) {
-        const d = Math.max(l - n, y - l);
-        n = l - d, y = l + d;
+    const c = t.scale === "log" ? B() : C();
+    let { minX: n, minY: p, maxX: m, maxY: f } = i;
+    if (t.lowerValue !== void 0 && (n = Math.max(n, t.lowerValue)), t.upperValue !== void 0 && (m = Math.min(m, t.upperValue)), e.lowerValue !== void 0 && (p = Math.max(p, e.lowerValue)), e.upperValue !== void 0 && (f = Math.min(f, e.upperValue)), t.symmetricRange !== void 0) {
+      const a = t.symmetricRange;
+      if (a >= n && a <= m) {
+        const y = Math.max(a - n, m - a);
+        n = a - y, m = a + y;
       }
     }
     if (typeof e.symmetricRange < "u") {
-      const l = e.symmetricRange;
-      if (l >= p && l <= g) {
-        const d = Math.max(l - p, g - l);
-        p = l - d, g = l + d;
+      const a = e.symmetricRange;
+      if (a >= p && a <= f) {
+        const y = Math.max(a - p, f - a);
+        p = a - y, f = a + y;
       }
     }
-    const v = [0, this.chartSizes.chartWidth], z = c.copy().domain([n, y]).range([H.LEFT, this.chartSizes.chartWidth - H.RIGHT]);
+    const v = [0, this.chartSizes.chartWidth], z = c.copy().domain([n, m]).range([w.LEFT, this.chartSizes.chartWidth - w.RIGHT]);
     c.domain([z.invert(0), z.invert(this.chartSizes.chartWidth)]).range(v).nice(), this.scales.x = c, this.scales.xOriginal = c.copy();
-    const m = e.scale === "log" ? V() : C(), r = [this.chartSizes.chartHeight, 0], f = m.copy().domain([p, g]).range([this.chartSizes.chartHeight - H.BOTTOM, H.TOP]);
-    m.domain([f.invert(this.chartSizes.chartHeight), f.invert(0)]).range(r).nice(), this.scales.y = m, this.scales.yOriginal = m.copy();
+    const d = e.scale === "log" ? B() : C(), r = [this.chartSizes.chartHeight, 0], u = d.copy().domain([p, f]).range([this.chartSizes.chartHeight - w.BOTTOM, w.TOP]);
+    d.domain([u.invert(this.chartSizes.chartHeight), u.invert(0)]).range(r).nice(), this.scales.y = d, this.scales.yOriginal = d.copy();
   }
-  updateCaptionsSize(t) {
-    const e = new ct("600 14px Arial");
-    function i(y) {
-      return Math.max(...y.map((g) => e.getTextWidth(g)));
+  updateCaptionsSize() {
+    const t = new ht("600 14px Arial");
+    function e(p) {
+      return Math.max(...p.map((m) => t.getTextWidth(m)));
     }
-    const { ticks: c, format: n } = rt(this.scales.y, t), p = i(c.map(n));
+    const { ticks: i, format: c } = at(this.scales.y, !1), n = e(i.map(c));
     this.captionsSizes = {
       xAxisCaptionsWidth: 20,
-      yAxisCaptionsWidth: p
+      yAxisCaptionsWidth: n
     };
   }
   createMainTitle(t) {
-    this.mainTitle = it(
+    this.mainTitle = st(
       t.name,
       this.chartSizes.totalWidth - this.margins.left - this.margins.right,
       20
     );
   }
   updateMargins() {
-    const t = tt * this.mainTitle.length, e = t > 0 ? t + st * 2 : 0;
+    const t = Z * this.mainTitle.length, e = t > 0 ? t + et * 2 : 0;
     this.margins = {
-      top: Math.max(e, b),
-      bottom: b + this.captionsSizes.xAxisCaptionsWidth + I,
-      left: b + this.captionsSizes.yAxisCaptionsWidth + I,
-      right: this.legend.width + b
+      top: Math.max(e, L),
+      bottom: L + this.captionsSizes.xAxisCaptionsWidth + _,
+      left: L + this.captionsSizes.yAxisCaptionsWidth + _,
+      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, T(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, i, c) {
@@ -197,131 +197,129 @@ class me {
       return;
     }
     const n = [], p = { width: 0, height: 0, left: 0, top: 0 };
-    if (i.forEach((m) => {
-      const r = e[m.value];
+    if (i.forEach((d) => {
+      const r = e[d.value];
       if (r.usedAes.length === 0 || !r.aesMap)
         return;
-      if (r.values.length > et) {
+      if (r.values.length > tt) {
         console.warn(`Too many values for discrete legend (${r.values.length})`);
         return;
       }
-      const f = {};
-      r.values.forEach((u) => {
-        f[u] || (f[u] = { ...A }), r.usedAes.forEach((S) => {
-          var x, s;
-          S === "dotFill" && (f[u].color = ((x = r.aesMap[u]) == null ? void 0 : x[S]) ?? W), S === "dotSize" && (f[u].size = ((s = r.aesMap[u]) == null ? void 0 : s[S]) ?? 3);
+      const u = {};
+      r.values.forEach((g) => {
+        u[g] || (u[g] = { ...O }), r.usedAes.forEach((S) => {
+          var s, o;
+          S === "dotFill" && (u[g].color = ((s = r.aesMap[g]) == null ? void 0 : s[S]) ?? E), S === "dotSize" && (u[g].size = ((o = r.aesMap[g]) == null ? void 0 : o[S]) ?? 3);
         });
       });
-      const l = m.label ?? m.value, d = zt().domain(r.values).range(r.values.map((u) => f[u]));
-      n.push({ ...p, id: m.value, type: "dots", title: l, scale: d, values: r.values, labels: r.labels });
-    }), c.forEach((m) => {
-      if (m.type === "dots" && B(m.aes.dotFill)) {
-        const { domain: r, range: f, columnName: l, type: d = "linear" } = m.aes.dotFill, u = l.label ?? l.value, S = nt(f, r, "linear"), x = (d === "log" ? xt() : C()).domain(r).range([this.chartSizes.chartHeight, 0]), s = ht(x, r);
-        n.push({ ...p, id: "dotFill", type: "continuous", title: u, scale: S, tickPositionScale: x, values: s });
+      const a = d.label ?? d.value, y = vt().domain(r.values).range(r.values.map((g) => u[g]));
+      n.push({ ...p, id: d.value, type: "dots", title: a, scale: y, values: r.values, labels: r.labels });
+    }), c.forEach((d) => {
+      if (d.type === "dots" && U(d.aes.dotFill)) {
+        const { domain: r, range: u, columnName: a, type: y = "linear" } = d.aes.dotFill, g = a.label ?? a.value, S = lt(u, r, "linear"), s = (y === "log" ? zt() : C()).domain(r).range([this.chartSizes.chartHeight, 0]), o = nt(s, r);
+        n.push({ ...p, id: "dotFill", type: "continuous", title: g, scale: S, tickPositionScale: s, values: o });
       }
-      if (m.type === "dots" && B(m.aes.dotSize)) {
-        const { columnName: r, domain: f, range: l } = m.aes.dotSize, d = r.label ?? r.value, u = Lt(f, l), S = u.ticks(3), x = u.tickFormat(3), s = S.reduce((o, L) => (o[String(L)] = x(L), o), {});
-        n.push({ ...p, id: r.value, type: "size", title: d, scale: u, values: S, labels: s });
+      if (d.type === "dots" && U(d.aes.dotSize)) {
+        const { columnName: r, domain: u, range: a } = d.aes.dotSize, y = r.label ?? r.value, g = xt(u, a), S = g.ticks(3), s = g.tickFormat(3), o = S.reduce((x, b) => (x[String(b)] = s(b), x), {});
+        n.push({ ...p, id: r.value, type: "size", title: y, scale: g, values: S, labels: o });
       }
     }), !n.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const y = vt(n, this.chartSizes.chartHeight), g = y[y.length - 1], v = g.left + g.width + at, z = this.chartSizes.chartHeight;
+    const m = St(n, this.chartSizes.chartHeight), f = m[m.length - 1], v = f.left + f.width + ot, z = this.chartSizes.chartHeight;
     this.legend = {
       width: v,
       height: z,
-      items: y
+      items: m
     };
   }
-  initSettings(t, e, i, c, n, p, y) {
-    const { xAxis: g, yAxis: v, size: z, title: m, legend: r } = e;
-    this.updateChartSizes(z), this.updateViewport(g, v, i), this.updateCaptionsSize(c.y), this.updateLegendSize(r, n, y, p), this.createMainTitle(m), this.updateMargins(), this.aesGetters = K(n, p);
-    const f = gt().data(t).value((s) => {
-      const o = G(this.aesGetters.dotFill(s.data)), L = !s.dimmed && M(s.x, s.y, this.polygons) ? 1 : 0.4;
-      return O(o, L);
-    }), l = ut().equals((s, o) => s === o).size((s) => k(this.aesGetters.dotSize(s.data))).crossValue((s) => s.x).mainValue((s) => s.y).decorate((s) => f(s)), d = mt().scaleExtent([0.1, 1e3]).filter((s) => s.type === "wheel" || s.metaKey || s.ctrlKey).on("start", () => {
+  initSettings(t, e, i, c, n, p) {
+    const { xAxis: m, yAxis: f, size: v, title: z, legend: d } = e;
+    this.updateChartSizes(v), this.updateViewport(m, f, i), this.updateCaptionsSize(), this.updateLegendSize(d, c, p, n), this.createMainTitle(z), this.updateMargins(), this.aesGetters = k(c, n);
+    const r = pt().data(t).value((s) => {
+      const o = D(this.aesGetters.dotFill(s.data)), x = !s.dimmed && P(s.x, s.y, this.polygons) ? 1 : 0.4;
+      return F(o, x);
+    }), u = gt().equals((s, o) => s === o).size((s) => V(this.aesGetters.dotSize(s.data))).crossValue((s) => s.x).mainValue((s) => s.y).decorate((s) => r(s)), a = dt().scaleExtent([0.1, 1e3]).filter((s) => s.type === "wheel" || s.metaKey || s.ctrlKey).on("start", () => {
       this.selectedDot = null;
     }).on("zoom", (s) => {
-      const o = s.transform, L = o.rescaleX(this.scales.xOriginal), N = o.rescaleY(this.scales.yOriginal);
-      this.scales.x.domain(L.domain()), this.scales.y.domain(N.domain()), this.zoomTransform = o, this.zoomStateKey = `${o.x}_${o.y}_${o.k}`, this.renderSvgLayer(), this.renderWebglLayer();
+      const o = s.transform, x = o.rescaleX(this.scales.xOriginal), b = o.rescaleY(this.scales.yOriginal);
+      this.scales.x.domain(x.domain()), this.scales.y.domain(b.domain()), this.zoomTransform = o, this.zoomStateKey = `${o.x}_${o.y}_${o.k}`, this.renderSvgLayer(), this.renderWebglLayer();
     }).on("end", () => {
       this.allPossibleLabels.forEach((s) => {
         s.x = this.scales.x(s.dot.x), s.y = this.scales.y(s.dot.y);
-      }), this.visibleLabels = U(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight), this.renderSvgLayer();
-    }), u = this.createQuadtree(t), S = St().on("point", ([s]) => {
-      var N, R, _;
+      }), this.visibleLabels = I(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight), this.renderSvgLayer();
+    }), y = this.createQuadtree(t), g = yt().on("point", ([s]) => {
+      var b, A, R;
       let o;
       if (s) {
-        const q = this.scales.x.invert(s.x), X = this.scales.y.invert(s.y), Y = this.scales.xOriginal(q), j = this.scales.yOriginal(X), Q = 20 / (((N = this.zoomTransform) == null ? void 0 : N.k) || 1);
-        o = (R = this.tools) == null ? void 0 : R.qt.find(Y, j, Q);
+        const K = this.scales.x.invert(s.x), q = this.scales.y.invert(s.y), X = this.scales.xOriginal(K), Y = this.scales.yOriginal(q), j = 20 / (((b = this.zoomTransform) == null ? void 0 : b.k) || 1);
+        o = (A = this.tools) == null ? void 0 : A.qt.find(X, Y, j);
       }
-      const L = this.selectedDot && !o || !this.selectedDot && o || ((_ = this.selectedDot) == null ? void 0 : _.id) !== (o == null ? void 0 : o.id);
-      this.selectedDot = o ?? null, L && this.renderSvgLayer();
-    }), x = pt({
+      const x = this.selectedDot && !o || !this.selectedDot && o || ((R = this.selectedDot) == null ? void 0 : R.id) !== (o == null ? void 0 : o.id);
+      this.selectedDot = o ?? null, x && this.renderSvgLayer();
+    }), S = mt({
       xScale: this.scales.x,
       yScale: this.scales.y
-    }).xAxisHeight(() => "0").yAxisWidth(() => "0").svgPlotArea(ft()).webglPlotArea(
+    }).xAxisHeight(() => "0").yAxisWidth(() => "0").svgPlotArea(ut()).webglPlotArea(
       // only render the point series on the WebGL layer
-      yt().series([l]).mapping((s) => s)
+      ft().series([u]).mapping((s) => s)
     ).decorate((s) => {
       const o = s.enter();
-      o && !this.svgLayerElement && (o.style("grid-template-columns", "0 auto 1fr auto 0"), o.style("grid-template-rows", "0 auto 1fr auto 0"), this.svgLayerElement = o.select(".svg-plot-area.plot-area svg").node()), o.select(".svg-plot-area.plot-area").attr("class", "svg-plot-area plot-area miplots-scatterplot-plot-area").call(d).call(S);
+      o && !this.svgLayerElement && (o.style("grid-template-columns", "0 auto 1fr auto 0"), o.style("grid-template-rows", "0 auto 1fr auto 0"), this.svgLayerElement = o.select(".svg-plot-area.plot-area svg").node()), o.select(".svg-plot-area.plot-area").attr("class", "svg-plot-area plot-area miplots-scatterplot-plot-area").call(a).call(g);
     });
     this.tools = {
-      webglChart: x,
-      zoom: d,
-      qt: u,
-      fillColor: f,
-      pointSeries: l
+      webglChart: S,
+      zoom: a,
+      qt: y,
+      fillColor: r,
+      pointSeries: u
     }, T(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) {
-    this.tools !== null && (this.aesGetters = K(t, e), this.tools.fillColor.value((i) => {
-      const c = this.aesGetters.dotFill ?? (() => W), n = G(c(i.data)), p = !i.dimmed && M(i.x, i.y, this.polygons) ? 1 : 0.4;
-      return O(n, p);
+    this.tools !== null && (this.aesGetters = k(t, e), this.tools.fillColor.value((i) => {
+      const c = this.aesGetters.dotFill ?? (() => E), n = D(c(i.data)), p = !i.dimmed && P(i.x, i.y, this.polygons) ? 1 : 0.4;
+      return F(n, p);
     }));
   }
   updatePointSize() {
-    this.tools !== null && (T(this.canvasNode).datum([...this.allDots]), this.tools.pointSeries.size((t) => k(this.aesGetters.dotSize(t.data))));
+    this.tools !== null && (T(this.canvasNode).datum([...this.allDots]), this.tools.pointSeries.size((t) => V(this.aesGetters.dotSize(t.data))));
   }
   updateByLasso() {
     var t;
     this.tools !== null && ((t = this.tools) == null || t.fillColor.value((e) => {
-      const i = this.aesGetters.dotFill ?? (() => W), c = G(i(e.data)), n = !e.dimmed && M(e.x, e.y, this.polygons) ? 1 : 0.4;
-      return O(c, n);
+      const i = this.aesGetters.dotFill ?? (() => E), c = D(i(e.data)), n = !e.dimmed && P(e.x, e.y, this.polygons) ? 1 : 0.4;
+      return F(c, n);
     }), this.renderWebglLayer());
   }
   createQuadtree(t) {
-    return bt().x((e) => this.scales.xOriginal(e.x)).y((e) => this.scales.yOriginal(e.y)).addAll(t);
+    return Lt().x((e) => this.scales.xOriginal(e.x)).y((e) => this.scales.yOriginal(e.y)).addAll(t);
   }
   updateData(t) {
     this.tools !== null && (T(this.canvasNode).datum(t), this.tools.fillColor.data(t), this.tools.qt = this.createQuadtree(t));
   }
-  render(t, e, i, c, n, p, y, g, v, z, m, r, f, l) {
+  render(t, e, i, c, n, p, m, f, v, z, d, r, u) {
     if (this.tools === null)
       this.initSettings(
-        n,
-        e,
-        p,
         c,
-        v,
-        g,
-        z
-      ), this.onPolygonUpdateOutside = r, this.onTooltipHintSwitch = f, this.onLassoControlsStateUpdate = l;
+        e,
+        n,
+        f,
+        m,
+        v
+      ), this.onPolygonUpdateOutside = d, this.onTooltipHintSwitch = r, this.onLassoControlsStateUpdate = u;
     else {
-      const { title: d, legend: u } = e;
-      this.updateLegendSize(u, v, z, g), this.createMainTitle(d), this.updateMargins(), this.updateAes(v, g);
+      const { title: a, legend: y, size: g } = e;
+      this.updateChartSizes(g), this.updateLegendSize(y, f, v, m), this.createMainTitle(a), this.updateMargins(), this.updateAes(f, m);
     }
-    this.allDots = n, this.allPossibleLabels = m, this.allPossibleLabels.forEach((d) => {
-      d.x = this.scales.x(d.dot.x), d.y = this.scales.y(d.dot.y);
-    }), this.visibleLabels = U(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight), this.notCalculatedProps = {
+    this.allDots = c, this.allPossibleLabels = z, this.allPossibleLabels.forEach((a) => {
+      a.x = this.scales.x(a.dot.x), a.y = this.scales.y(a.dot.y);
+    }), this.visibleLabels = I(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight), this.notCalculatedProps = {
       settingsId: t,
       chartSettings: e,
-      onlyPositive: c,
       keyColumn: i,
-      dotsByGrouping: y,
-      layers: g
+      dotsByGrouping: p,
+      layers: m
     }, this.renderWebglLayer(), this.renderSvgLayer();
   }
   renderWebglLayer() {
@@ -332,11 +330,10 @@ class me {
     var e;
     this.visibleLabels.forEach((i) => {
       i.x = this.scales.x(i.dot.x), i.y = this.scales.y(i.dot.y);
-    }), lt(this.visibleLabels);
+    }), rt(this.visibleLabels);
     const t = {
       settingsId: this.notCalculatedProps.settingsId,
       chartSettings: this.notCalculatedProps.chartSettings,
-      onlyPositive: this.notCalculatedProps.onlyPositive,
       keyColumn: this.notCalculatedProps.keyColumn,
       dotsByGrouping: this.notCalculatedProps.dotsByGrouping,
       layers: this.notCalculatedProps.layers,
@@ -356,14 +353,14 @@ class me {
       onTooltipHintSwitch: this.onTooltipHintSwitch,
       onLassoControlsStateUpdate: this.onLassoControlsStateUpdate
     };
-    this.svgLayerComponent = /* @__PURE__ */ E.jsx(ot, { ...t }), (e = this.reactRoot) == null || e.render(this.svgLayerComponent);
+    this.svgLayerComponent = /* @__PURE__ */ N.jsx(it, { ...t }), (e = this.reactRoot) == null || e.render(this.svgLayerComponent);
   }
   renderError(t) {
     var e;
-    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ E.jsx(Z, { message: t }));
+    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ N.jsx(J, { message: t }));
   }
 }
 export {
-  me as default
+  de as default
 };
 //# sourceMappingURL=ChartRenderer.js.map