@milaboratories/miplots4 1.0.123 → 1.0.124

package/dist/scatterplot/utils/getVisibleLabels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVisibleLabels.d.ts","sourceRoot":"","sources":["../../../src/scatterplot/utils/getVisibleLabels.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,SAAS,CAAC;AAGjC,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7C,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC7C,MAAM,MAAM,KAAK,GAAG;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,GAAG,EAAE,GAAG,CAAC;CACZ,CAAC;AACF,MAAM,MAAM,SAAS,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CAChB,CAAA;AA4BD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,GAAE,SAAS,CAOnD;AACD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAE,SAAS,CAO1F;AAQD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,OAAO,SAAe,EAAE,OAAO,SAAe,QAKjG;AACD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,SAAe,EAAE,OAAO,SAAe,WA4B/H"}

package/dist/scatterplot/utils/getVisibleLabels.js

@@ -0,0 +1,60 @@
+import P from "../../node_modules/rbush/index.js";
+function u(t) {
+  const o = t.xPosition !== "middle" && t.yPosition !== "middle", n = t.padding * (o ? 0.7 : 1);
+  return t.xPosition === "right" ? t.x + n : t.xPosition === "middle" ? t.x - t.width / 2 : t.x - t.width - n;
+}
+function m(t) {
+  const o = t.xPosition !== "middle" && t.yPosition !== "middle", n = t.padding * (o ? 0.7 : 1);
+  return t.yPosition === "middle" ? t.y - t.height / 2 : t.yPosition === "top" ? t.y - n - t.height : t.y + n;
+}
+function y(t, o) {
+  return u(t) - o;
+}
+function X(t, o) {
+  return m(t) - o;
+}
+function x(t) {
+  const o = u(t), n = o + t.width, i = m(t), d = i + t.height;
+  return { minX: o, maxX: n, minY: i, maxY: d };
+}
+function g(t, o, n) {
+  const i = y(t, n), d = u(t) + t.width + n, s = X(t, o), e = s + t.height + 2 * o;
+  return { minX: i, maxX: d, minY: s, maxY: e };
+}
+function Y(t, o, n) {
+  return t.minX >= 0 && t.maxX <= o && t.minY >= 0 && t.maxY <= n;
+}
+const c = 2;
+function w(t, o = c, n = c) {
+  t.forEach((i) => {
+    i.bbox = x(i), i.outerBBox = g(i, o, n);
+  });
+}
+function E(t, o, n, i = c, d = c) {
+  const s = [], e = new P(), B = [
+    ["middle", "right"],
+    ["top", "right"],
+    ["bottom", "right"],
+    ["middle", "left"],
+    ["top", "left"],
+    ["bottom", "left"],
+    ["top", "middle"],
+    ["bottom", "middle"]
+  ];
+  for (const h of t)
+    for (const [f, p] of B) {
+      const r = { ...h, yPosition: f, xPosition: p };
+      if (r.bbox = x(r), r.outerBBox = g(r, i, d), Y(r.outerBBox, o, n) && !e.collides(r.outerBBox)) {
+        s.push(r), e.insert(r.outerBBox);
+        break;
+      }
+    }
+  return s;
+}
+export {
+  E as getFilteredLabels,
+  x as getLabelBBox,
+  g as getLabelOuterBBox,
+  w as updateLabelsBBoxes
+};
+//# sourceMappingURL=getVisibleLabels.js.map

package/dist/scatterplot/utils/getVisibleLabels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVisibleLabels.js","sources":["../../../src/scatterplot/utils/getVisibleLabels.ts"],"sourcesContent":["import type {Dot} from '../dots';\nimport RBush from 'rbush';\n\ntype XPosition = 'right' | 'middle' | 'left';\ntype YPosition = 'top' | 'middle' | 'bottom';\nexport type Label = {\n    name: string;\n    width: number;\n    height: number;\n    x: number;\n    y: number;\n    padding: number;\n    xPosition: XPosition;\n    yPosition: YPosition;\n    bbox: LabelBBox;\n    outerBBox: LabelBBox;\n    dot: Dot;\n};\nexport type LabelBBox = {\n    minX: number;\n    maxX: number;\n    minY: number;\n    maxY: number;\n}\n\nfunction getX(label: Label) {\n    const isCorner = label.xPosition !== 'middle' && label.yPosition !== 'middle';\n    const padding = label.padding * (isCorner ? 0.7 : 1);\n    return label.xPosition === 'right'\n        ? label.x + padding\n        : label.xPosition === 'middle'\n            ? label.x - label.width / 2\n            : label.x - label.width - padding;\n}\nfunction getY(label: Label) {\n    const isCorner = label.xPosition !== 'middle' && label.yPosition !== 'middle';\n    const padding = label.padding * (isCorner ? 0.7 : 1);\n    return label.yPosition === 'middle'\n        ? label.y - label.height / 2\n        : label.yPosition === 'top'\n            ? label.y - padding - label.height\n            : label.y + padding;\n}\n\nfunction getXOuter(label: Label, offsetH:number) {\n    return getX(label) - offsetH;\n}\nfunction getYOuter(label: Label, offsetV:number) {\n    return getY(label) - offsetV;\n}\n\nexport function getLabelBBox(label: Label):LabelBBox {\n    const minX = getX(label);\n    const maxX = minX + label.width;\n    const minY = getY(label);\n    const maxY = minY + label.height;\n\n    return {minX, maxX, minY, maxY};\n}\nexport function getLabelOuterBBox(label: Label, vOffset: number, hOffset: number):LabelBBox {\n    const minX = getXOuter(label, hOffset); // consider padding for dot\n    const maxX = getX(label) + label.width + hOffset;\n    const minY = getYOuter(label, vOffset);\n    const maxY = minY + label.height + 2 * vOffset;\n\n    return {minX, maxX, minY, maxY};\n}\n\nfunction inBounds (bbox: LabelBBox, width: number, height: number) {\n    return bbox.minX >= 0 && bbox.maxX <= width && bbox.minY >= 0 && bbox.maxY <= height;\n}\n\nconst LABEL_OFFSET = 2;\n\nexport function updateLabelsBBoxes(labels: Label[], vOffset = LABEL_OFFSET, hOffset = LABEL_OFFSET) {\n    labels.forEach(l => {\n        l.bbox = getLabelBBox(l);\n        l.outerBBox = getLabelOuterBBox(l, vOffset, hOffset);\n    });\n}\nexport function getFilteredLabels(labels: Label[], width: number, height: number, vOffset = LABEL_OFFSET, hOffset = LABEL_OFFSET) {\n    const added: Label[] = [];\n    const bboxTree = new RBush<LabelBBox>();\n\n    const options: [YPosition, XPosition][] = [\n        ['middle', 'right'],\n        ['top', 'right'],\n        ['bottom', 'right'],\n        ['middle', 'left'],\n        ['top', 'left'],\n        ['bottom', 'left'],\n        ['top', 'middle'],\n        ['bottom', 'middle'],\n    ];\n    for (const label of labels) {\n        for (const [yPosition, xPosition] of options) {\n            const labelMoved:Label = {...label, yPosition, xPosition};\n            labelMoved.bbox = getLabelBBox(labelMoved);\n            labelMoved.outerBBox = getLabelOuterBBox(labelMoved, vOffset, hOffset);\n            if (inBounds(labelMoved.outerBBox , width, height) && !bboxTree.collides(labelMoved.outerBBox)) {\n                added.push(labelMoved);\n                bboxTree.insert(labelMoved.outerBBox);\n                break;\n            }\n        }\n    }\n\n    return added;\n}\n"],"names":["getX","label","isCorner","padding","getY","getXOuter","offsetH","getYOuter","offsetV","getLabelBBox","minX","maxX","minY","maxY","getLabelOuterBBox","vOffset","hOffset","inBounds","bbox","width","height","LABEL_OFFSET","updateLabelsBBoxes","labels","l","getFilteredLabels","added","bboxTree","RBush","options","yPosition","xPosition","labelMoved"],"mappings":"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"}

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

@@ -0,0 +1,72 @@
+import { AesGetters, CaptionsSizes, Dot, DotsExtents, Point, SVGLayerProps, ChartScales, ChartSizes, Margins } from './types';
+import { LegendData } from '../common/types';
+import { ScatterplotUmapLayer, ScatterplotUmapSettingsImpl } from './SettingsImpl';
+import { Label } from '../scatterplot/utils/getVisibleLabels';
+import { ColumnName } from '../types';
+import { ScatterplotUmapLegendInfo } from '../types/scatterplot-umap';
+import { CartesianChart } from '@d3fc/d3fc-chart/src/cartesian';
+import { Quadtree } from 'd3-quadtree';
+import { ReactElement } from 'react';
+import { Root } from 'react-dom/client';
+import { ZoomBehavior } from 'd3-zoom';
+declare class ChartRenderer {
+    reactRoot: Root | null;
+    parentNode: HTMLElement | null;
+    rootNode: HTMLElement | null;
+    canvasNode: HTMLElement | null;
+    svgLayerElement: SVGElement | null;
+    svgLayerComponent: ReactElement;
+    aesGetters: AesGetters;
+    tools: {
+        webglChart: CartesianChart<any, any>;
+        qt: Quadtree<Dot>;
+        fillColor: () => {
+            value: (setter: (d: Dot) => [number, number, number, number]) => void;
+            data: (setter: () => Dot[]) => void;
+        };
+        pointSeries: () => any;
+        zoom: ZoomBehavior<any, any>;
+    } | null;
+    margins: Margins;
+    chartSizes: ChartSizes;
+    scales: ChartScales;
+    polygon: Point[];
+    onPolygonUpdateOutside: (data: number[]) => void;
+    onTooltipHintSwitch: (v: boolean) => void;
+    zoomStateKey: string;
+    selectedDot: Dot | null;
+    captionsSizes: CaptionsSizes;
+    mainTitle: string[];
+    legend: LegendData;
+    notCalculatedProps: Partial<SVGLayerProps>;
+    allDots: Dot[];
+    allPossibleLabels: Label[];
+    visibleLabels: Label[];
+    lassoMode: boolean;
+    clear(): void;
+    init(node: HTMLElement): void;
+    updateChartSizes(size: ScatterplotUmapSettingsImpl['chartSettings']['size']): void;
+    updateViewport(xAxis: ScatterplotUmapSettingsImpl['chartSettings']['xAxis'], yAxis: ScatterplotUmapSettingsImpl['chartSettings']['yAxis'], dotsExtents: DotsExtents): void;
+    updateCaptionsSize(onlyPositive: boolean): void;
+    createMainTitle(title: ScatterplotUmapSettingsImpl['chartSettings']['title']): void;
+    updateMargins(): void;
+    updateLegendSize(legend: ScatterplotUmapSettingsImpl['chartSettings']['legend'], legendLabels: ScatterplotUmapLegendInfo, grouping: ColumnName[], layers: ScatterplotUmapLayer[]): void;
+    initSettings(dots: Dot[], chartSettings: ScatterplotUmapSettingsImpl['chartSettings'], dotExtents: DotsExtents, onlyPositive: {
+        x: boolean;
+        y: boolean;
+    }, legendInfo: ScatterplotUmapLegendInfo, layers: ScatterplotUmapSettingsImpl['layers'], grouping: ColumnName[]): void;
+    updateAes(legendInfo: ScatterplotUmapLegendInfo, layers: ScatterplotUmapSettingsImpl['layers']): void;
+    updatePointSize(): void;
+    updateByLasso(): void;
+    updateData(dots: Dot[]): void;
+    render(settingsId: string, chartSettings: ScatterplotUmapSettingsImpl['chartSettings'], keyColumn: ColumnName | null, onlyPositive: {
+        x: boolean;
+        y: boolean;
+    }, dots: Dot[], dotExtents: DotsExtents, dotsByGrouping: Record<string, Dot[]>, layers: ScatterplotUmapSettingsImpl['layers'], legendInfo: ScatterplotUmapLegendInfo, grouping: ColumnName[], allPossibleLabels: Label[], onPolygonUpdateOutside: (data: number[]) => void, lassoMode: boolean, onTooltipHintSwitch: (v: boolean) => void): void;
+    renderWebglLayer(): void;
+    onPolygonUpdate: (p: Point[]) => void;
+    renderSvgLayer(): void;
+    renderError(message: string): void;
+}
+export default ChartRenderer;
+//# sourceMappingURL=ChartRenderer.d.ts.map

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

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

package/dist/scatterplot-umap/ChartRenderer.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"sourcesContent":["import {Error} from '../common/Error';\nimport {\n    BLACK,\n    DEFAULT_HEIGHT,\n    DEFAULT_WIDTH,\n    MAX_SHOWN_UNIQUE_VALUES_IN_LABELS,\n    TITLE_LINE_HEIGHT,\n    TITLE_MARGIN,\n} from '../constants';\nimport {splitTextByWidth} from '../discrete/utils';\nimport {SVGLayer} from './components/SVGLayer';\nimport type {AesGetters, CaptionsSizes, Dot, DotsExtents, Point, SVGLayerProps} from './types';\nimport type {ChartScales, ChartSizes, Margins} from './types';\nimport type {DotAesItem} from '../common/types';\nimport type {LegendData, LegendItem} from '../common/types';\nimport {DEFAULT_DOT_AES, MIN_MARGIN} from '../scatterplot/constants';\nimport {LEGEND_OFFSET} from './constants';\nimport type {CurveLayer, DotsLayer, ScatterplotUmapLayer, ScatterplotUmapSettingsImpl} from './SettingsImpl';\nimport {createAesGetter} from '../scatterplot/utils/createAesGetter';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport {getFilteredLabels, updateLabelsBBoxes} from '../scatterplot/utils/getVisibleLabels';\nimport type {Label} from '../scatterplot/utils/getVisibleLabels';\nimport {isContinuousAes} from '../types';\nimport type {ColumnName} from '../types';\nimport type {ScatterplotUmapLegendInfo} from '../types/scatterplot-umap';\nimport {getContinuousColorScale} from '../utils/getContinuousColorScale';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type {CartesianChart} from '@d3fc/d3fc-chart/src/cartesian';\nimport type {Quadtree} from 'd3-quadtree';\nimport {quadtree} from 'd3-quadtree';\nimport type {ScaleLinear} from 'd3-scale';\nimport {scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog} from 'd3-scale';\nimport {select} from 'd3-selection';\nimport {PADDINGS, TITLE_LINE} from './constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport type {D3ZoomEvent, ZoomBehavior} from 'd3-zoom';\nimport {zoom} from 'd3-zoom';\nimport type { RGBColor} from 'd3-color';\nimport {rgb} from 'd3-color';\nimport {chartCartesian} from '@d3fc/d3fc-chart';\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 { arrangeLegendParts } from '../utils/arrangeLegendParts';\n\nfunction convertDotRToSymbolSize(r:number) {\n    return (r / 2.35) * (r / 2.35) * 64;\n}\nfunction getPercentToWhite(v:number, opacity:number) {\n    return v + (1 - v) * (1 - opacity);\n}\nfunction getColorWithOpacity (c: RGBColor, opacity: number) {\n    return [\n        getPercentToWhite(c.r / 255, opacity),\n        getPercentToWhite(c.g / 255, opacity),\n        getPercentToWhite(c.b / 255, opacity),\n        1\n    ];\n}\n\nfunction getGettersFromLayers(\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(legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineType: createAesGetter(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: Quadtree<Dot>;\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    polygon:Point[] = [];\n    onPolygonUpdateOutside: (data: number[]) => void = () => undefined;\n    onTooltipHintSwitch: (v: boolean) => void = () => undefined;\n\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    allPossibleLabels: Label[] = [];\n    visibleLabels: Label[] = [];\n\n    lassoMode = false;\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        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\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(onlyPositive: boolean) {\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, onlyPositive);\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            if (info.values.length > MAX_SHOWN_UNIQUE_VALUES_IN_LABELS) {\n                console.warn(`Too many values for discrete legend (${info.values.length})`);\n                return;\n            }\n            const aesData: Record<string, DotAesItem> = {};\n            info.values.forEach(columnValue => {\n                if (!aesData[columnValue]) {\n                    aesData[columnValue] = {...DEFAULT_DOT_AES} as DotAesItem;\n                }\n                info.usedAes.forEach(key => {\n                    if (key === 'dotFill') {\n                        aesData[columnValue].color = info.aesMap[columnValue]?.[key] ?? BLACK;\n                    }\n                    if (key === 'dotSize') {\n                        aesData[columnValue].size = info.aesMap[columnValue]?.[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        onlyPositive: {\n            x: boolean;\n            y: boolean;\n        },\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(onlyPositive.y);\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(title);\n        this.updateMargins();\n\n        this.aesGetters = getGettersFromLayers(legendInfo, layers);\n\n        const fillColor = webglFillColor()\n            .data(dots)\n            .value((d: Dot) => {\n                const c = rgb(this.aesGetters.dotFill(d.data));\n                const opacity = !d.dimmed && (this.polygon.length < 2 || polygonContains(this.polygon, [d.x, d.y])) ? 1 : 0.4;\n                return getColorWithOpacity(c, opacity);\n            });\n\n        const pointSeries = seriesWebglPoint()\n            .equals((a: Dot[], b: Dot[]) => a === b)\n            .size((d: Dot) => convertDotRToSymbolSize(this.aesGetters.dotSize(d.data)))\n            .crossValue((d: Dot) => d.x)\n            .mainValue((d: Dot) => d.y)\n            .decorate((program: any) => fillColor(program));\n\n        const z = zoom()\n            .scaleExtent([0.1, 1000])\n            .filter(() => !this.lassoMode)\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.zoomStateKey = `${transform.x}_${transform.y}_${transform.k}`; // need it to update axes\n\n                this.renderSvgLayer();\n                this.renderWebglLayer();\n            }).on('end', () => {\n                this.allPossibleLabels.forEach((l) => {\n                    l.x = this.scales.x(l.dot.x);\n                    l.y = this.scales.y(l.dot.y);\n                });\n                this.visibleLabels = getFilteredLabels(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n                this.renderSvgLayer();\n            });\n\n        const qt = quadtree<Dot>()\n            .x((d: Dot) => d.x)\n            .y((d: Dot) => d.y)\n            .addAll(dots);\n\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        const p = pointer().on('point', ([coord]) => {\n            if (!coord) {\n                this.selectedDot = null;\n                this.renderSvgLayer();\n                return;\n            }\n            // find the closes datapoint to the pointer\n            const x = this.scales.x.invert(coord.x);\n            const y = this.scales.y.invert(coord.y);\n            //const radius = Math.abs(x - this.scales.x.invert(coord.x - 20));\n            const closestDatum = this.tools?.qt.find(x, y);\n\n            const needRedraw =\n                (this.selectedDot && !closestDatum) ||\n                (!this.selectedDot && closestDatum) ||\n                this.selectedDot?.id !== closestDatum?.id;\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: any) => 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')\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            qt,\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(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 ?? (() => BLACK);\n            const c = rgb(colorGetter(d.data));\n            const opacity = !d.dimmed && (this.polygon.length < 2 || polygonContains(this.polygon, [d.x, d.y])) ? 1 : 0.4;\n            return getColorWithOpacity(c, opacity);\n        });\n    }\n\n    updatePointSize() {\n        if (this.tools === null) {\n            return;\n        }\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 aesGetter = this.aesGetters.dotFill ?? (() => BLACK);\n            const c = rgb(aesGetter(d.data));\n            const opacity = !d.dimmed && (this.polygon.length < 2 || polygonContains(this.polygon, [d.x, d.y])) ? 1 : 0.4;\n            return getColorWithOpacity(c, opacity);\n        });\n        this.renderWebglLayer();\n    }\n\n    updateData(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 = quadtree<Dot>()\n            .x((d: Dot) => d.x)\n            .y((d: Dot) => d.y)\n            .addAll(dots);\n    }\n\n    render(\n        settingsId: string,\n        chartSettings: ScatterplotUmapSettingsImpl['chartSettings'],\n        keyColumn: ColumnName | null,\n        onlyPositive: {x: boolean; y: boolean},\n        dots: Dot[],\n        dotExtents: DotsExtents,\n        dotsByGrouping: Record<string, Dot[]>,\n        layers: ScatterplotUmapSettingsImpl['layers'],\n        legendInfo: ScatterplotUmapLegendInfo,\n        grouping: ColumnName[],\n        allPossibleLabels: Label[],\n        onPolygonUpdateOutside: (data: number[]) => void,\n        lassoMode: boolean,\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        this.lassoMode = lassoMode;\n        if (this.tools === null) {\n            this.initSettings(\n                dots,\n                chartSettings,\n                dotExtents,\n                onlyPositive,\n                legendInfo,\n                layers,\n                grouping\n            );\n            this.onPolygonUpdateOutside = onPolygonUpdateOutside;\n            this.onTooltipHintSwitch = onTooltipHintSwitch;\n        } else {\n            const {title, legend} = chartSettings;\n            this.updateLegendSize(legend, legendInfo, grouping, layers);\n            this.createMainTitle(title);\n            this.updateMargins();\n            this.updateAes(legendInfo, layers);\n        }\n        this.allDots = dots;\n        this.allPossibleLabels = allPossibleLabels;\n        this.allPossibleLabels.forEach((l) => {\n            l.x = this.scales.x(l.dot.x);\n            l.y = this.scales.y(l.dot.y);\n        });\n        this.visibleLabels = getFilteredLabels(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight);\n\n        this.notCalculatedProps = {\n            settingsId,\n            chartSettings,\n            onlyPositive,\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:Point[]) => {\n        this.polygon = p;\n        this.updateByLasso();\n        const filteredDotsIndexes = this.allDots\n            .filter(d => this.polygon.length > 2 && polygonContains(this.polygon, [d.x, d.y]))\n            .map(d => d.idx);\n        this.onPolygonUpdateOutside(filteredDotsIndexes);\n    };\n\n    renderSvgLayer() {\n        this.visibleLabels.forEach((l) => {\n            l.x = this.scales.x(l.dot.x);\n            l.y = this.scales.y(l.dot.y);\n        });\n        updateLabelsBBoxes(this.visibleLabels);\n        const props = {\n            settingsId: this.notCalculatedProps.settingsId,\n            chartSettings: this.notCalculatedProps.chartSettings,\n            onlyPositive: this.notCalculatedProps.onlyPositive,\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            onPolygonUpdate: this.onPolygonUpdate,\n            onTooltipHintSwitch: this.onTooltipHintSwitch,\n            lassoMode: this.lassoMode\n        } as SVGLayerProps;\n        this.svgLayerComponent = <SVGLayer {...props} />;\n        this.reactRoot?.render(this.svgLayerComponent);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["convertDotRToSymbolSize","r","getPercentToWhite","v","opacity","getColorWithOpacity","getGettersFromLayers","legendInfo","layers","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","ChartRenderer","__publicField","jsx","Fragment","BLACK","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","p","filteredDotsIndexes","polygonContains","d","_a","_b","node","createRoot","size","xAxis","yAxis","dotsExtents","scaleX","scaleLog","minX","minY","maxX","maxY","middle","halfRange","rangeH","tempX","PADDINGS","scaleY","rangeV","tempY","onlyPositive","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","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","columnValue","scale","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","res","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","dots","chartSettings","dotExtents","fillColor","webglFillColor","c","rgb","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","x","y","getFilteredLabels","qt","quadtree","pointer","coord","closestDatum","needRedraw","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","aesGetter","settingsId","keyColumn","dotsByGrouping","allPossibleLabels","onPolygonUpdateOutside","lassoMode","onTooltipHintSwitch","updateLabelsBBoxes","props","SVGLayer","message","Error"],"mappings":"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"}