@milaboratories/miplots4 1.0.125 → 1.0.126
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/node_modules/react/index.js +1 -1
- package/dist/node_modules/react-dom/index.js +1 -1
- package/dist/scatterplot-umap/ChartRenderer.d.ts +3 -1
- package/dist/scatterplot-umap/ChartRenderer.d.ts.map +1 -1
- package/dist/scatterplot-umap/ChartRenderer.js +159 -158
- package/dist/scatterplot-umap/ChartRenderer.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ import { CartesianChart } from '@d3fc/d3fc-chart/src/cartesian';
|
|
|
8
8
|
import { Quadtree } from 'd3-quadtree';
|
|
9
9
|
import { ReactElement } from 'react';
|
|
10
10
|
import { Root } from 'react-dom/client';
|
|
11
|
-
import { ZoomBehavior } from 'd3-zoom';
|
|
11
|
+
import { ZoomBehavior, ZoomTransform } from 'd3-zoom';
|
|
12
12
|
declare class ChartRenderer {
|
|
13
13
|
reactRoot: Root | null;
|
|
14
14
|
parentNode: HTMLElement | null;
|
|
@@ -34,6 +34,7 @@ declare class ChartRenderer {
|
|
|
34
34
|
onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'];
|
|
35
35
|
onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'];
|
|
36
36
|
onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'];
|
|
37
|
+
zoomTransform: ZoomTransform | null;
|
|
37
38
|
zoomStateKey: string;
|
|
38
39
|
selectedDot: Dot | null;
|
|
39
40
|
captionsSizes: CaptionsSizes;
|
|
@@ -58,6 +59,7 @@ declare class ChartRenderer {
|
|
|
58
59
|
updateAes(legendInfo: ScatterplotUmapLegendInfo, layers: ScatterplotUmapSettingsImpl['layers']): void;
|
|
59
60
|
updatePointSize(): void;
|
|
60
61
|
updateByLasso(): void;
|
|
62
|
+
createQuadtree(dots: Dot[]): Quadtree<Dot>;
|
|
61
63
|
updateData(dots: Dot[]): void;
|
|
62
64
|
render(settingsId: string, chartSettings: ScatterplotUmapSettingsImpl['chartSettings'], keyColumn: ColumnName | null, onlyPositive: {
|
|
63
65
|
x: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACR,UAAU,EACV,aAAa,EACb,GAAG,EACH,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,aAAa,EAChB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAE,OAAO,EAAC,MAAM,SAAS,CAAC;AAE9D,OAAO,KAAK,EAAC,UAAU,EAAa,MAAM,iBAAiB,CAAC;AAG5D,OAAO,KAAK,EAAwB,oBAAoB,EAAE,2BAA2B,EAAC,MAAM,gBAAgB,CAAC;AAI7G,OAAO,KAAK,EAAC,KAAK,EAAC,MAAM,uCAAuC,CAAC;AAEjE,OAAO,KAAK,EAAC,UAAU,EAAE,wBAAwB,EAAC,MAAM,UAAU,CAAC;AACnE,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,2BAA2B,CAAC;AAIzE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,gCAAgC,CAAC;AACnE,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAM1C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAc,YAAY,EAAC,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/scatterplot-umap/ChartRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var a = (
|
|
1
|
+
var $ = Object.defineProperty;
|
|
2
|
+
var J = (h, t, e) => t in h ? $(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
|
|
3
|
+
var a = (h, t, e) => J(h, typeof t != "symbol" ? t + "" : t, e);
|
|
4
4
|
import { j as E } from "../node_modules/react/jsx-runtime.js";
|
|
5
|
-
import { Error as
|
|
6
|
-
import { BLACK as W, DEFAULT_HEIGHT as P, DEFAULT_WIDTH as w, TITLE_LINE_HEIGHT as
|
|
7
|
-
import { splitTextByWidth as
|
|
8
|
-
import { SVGLayer as
|
|
9
|
-
import { MIN_MARGIN as
|
|
10
|
-
import { PADDINGS as H, TITLE_LINE as
|
|
5
|
+
import { Error as Z } from "../common/Error.js";
|
|
6
|
+
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";
|
|
7
|
+
import { splitTextByWidth as it } from "../discrete/utils/splitTextByWidth.js";
|
|
8
|
+
import { SVGLayer as ot } from "./components/SVGLayer.js";
|
|
9
|
+
import { MIN_MARGIN as b, DEFAULT_DOT_AES as A } from "../scatterplot/constants.js";
|
|
10
|
+
import { PADDINGS as H, TITLE_LINE as I, LEGEND_OFFSET as at } from "./constants.js";
|
|
11
11
|
import { createAesGetter as D } from "../scatterplot/utils/createAesGetter.js";
|
|
12
|
-
import { getTicksAndFormat as
|
|
13
|
-
import { getFilteredLabels as
|
|
14
|
-
import { isContinuousAes as
|
|
12
|
+
import { getTicksAndFormat as rt } from "../scatterplot/utils/getTicksAndFormat.js";
|
|
13
|
+
import { getFilteredLabels as U, updateLabelsBBoxes as lt } from "../scatterplot/utils/getVisibleLabels.js";
|
|
14
|
+
import { isContinuousAes as B } from "../types/common.js";
|
|
15
15
|
import "../types/discrete.js";
|
|
16
16
|
import "../types/scatterplot.js";
|
|
17
17
|
import "../types/heatmap.js";
|
|
18
18
|
import "../types/dendro.js";
|
|
19
19
|
import "../types/histogram.js";
|
|
20
20
|
import "../types/bubble.js";
|
|
21
|
-
import { getContinuousColorScale as
|
|
22
|
-
import { getContinuousLegendTicks as
|
|
23
|
-
import { TextMeasurer as
|
|
24
|
-
import { createRoot as
|
|
21
|
+
import { getContinuousColorScale as nt } from "../utils/getContinuousColorScale.js";
|
|
22
|
+
import { getContinuousLegendTicks as ht } from "../utils/getContinuousLegendTicks.js";
|
|
23
|
+
import { TextMeasurer as ct } from "../utils/TextMeasurer.js";
|
|
24
|
+
import { createRoot as dt } from "../node_modules/react-dom/client.js";
|
|
25
25
|
import mt from "../node_modules/d3-zoom/src/zoom.js";
|
|
26
26
|
import "../node_modules/d3-zoom/src/transform.js";
|
|
27
|
-
import
|
|
27
|
+
import pt from "../node_modules/@d3fc/d3fc-chart/src/cartesian.js";
|
|
28
28
|
import "../node_modules/@d3fc/d3fc-webgl/src/scale/scaleMapper.js";
|
|
29
|
-
import
|
|
30
|
-
import
|
|
29
|
+
import gt from "../node_modules/@d3fc/d3fc-webgl/src/style/fillColor.js";
|
|
30
|
+
import ut from "../node_modules/@d3fc/d3fc-series/src/webgl/point.js";
|
|
31
31
|
import ft from "../node_modules/@d3fc/d3fc-series/src/svg/multi.js";
|
|
32
|
-
import
|
|
33
|
-
import
|
|
34
|
-
import { arrangeLegendParts as
|
|
35
|
-
import
|
|
36
|
-
import
|
|
37
|
-
import
|
|
32
|
+
import yt from "../node_modules/@d3fc/d3fc-series/src/webgl/multi.js";
|
|
33
|
+
import St from "../node_modules/@d3fc/d3fc-pointer/src/pointer.js";
|
|
34
|
+
import { arrangeLegendParts as vt } from "../utils/arrangeLegendParts.js";
|
|
35
|
+
import C from "../node_modules/d3-scale/src/linear.js";
|
|
36
|
+
import V from "../node_modules/d3-scale/src/log.js";
|
|
37
|
+
import T from "../node_modules/d3-selection/src/select.js";
|
|
38
38
|
import zt from "../node_modules/d3-scale/src/ordinal.js";
|
|
39
|
-
import
|
|
40
|
-
import { sqrt as
|
|
39
|
+
import xt from "../node_modules/d3-scale/src/symlog.js";
|
|
40
|
+
import { sqrt as Lt } from "../node_modules/d3-scale/src/pow.js";
|
|
41
41
|
import { rgb as G } from "../node_modules/d3-color/src/color.js";
|
|
42
|
-
import
|
|
42
|
+
import bt from "../node_modules/d3-quadtree/src/quadtree.js";
|
|
43
43
|
import Ct from "../node_modules/d3-polygon/src/contains.js";
|
|
44
|
-
function
|
|
45
|
-
return
|
|
44
|
+
function k(h) {
|
|
45
|
+
return h / 2.35 * (h / 2.35) * 64;
|
|
46
46
|
}
|
|
47
|
-
function
|
|
48
|
-
return
|
|
47
|
+
function F(h, t) {
|
|
48
|
+
return h + (1 - h) * (1 - t);
|
|
49
49
|
}
|
|
50
|
-
function
|
|
50
|
+
function O(h, t) {
|
|
51
51
|
return [
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
F(h.r / 255, t),
|
|
53
|
+
F(h.g / 255, t),
|
|
54
|
+
F(h.b / 255, t),
|
|
55
55
|
1
|
|
56
56
|
];
|
|
57
57
|
}
|
|
58
|
-
function M(
|
|
59
|
-
return e.length === 0 ? !0 : e.some((i) => i.closed && i.points.length > 2 && Ct(i.points, [
|
|
58
|
+
function M(h, t, e) {
|
|
59
|
+
return e.length === 0 ? !0 : e.some((i) => i.closed && i.points.length > 2 && Ct(i.points, [h, t]));
|
|
60
60
|
}
|
|
61
|
-
function
|
|
62
|
-
const e = t.find((
|
|
61
|
+
function K(h, t) {
|
|
62
|
+
const e = t.find((c) => c.type === "dots"), i = t.find((c) => c.type === "curve");
|
|
63
63
|
return {
|
|
64
|
-
dotFill: D(
|
|
65
|
-
dotSize: D(
|
|
66
|
-
lineType: D(
|
|
64
|
+
dotFill: D(h, (e == null ? void 0 : e.aes.dotFill) ?? A.color, "dotFill"),
|
|
65
|
+
dotSize: D(h, (e == null ? void 0 : e.aes.dotSize) ?? A.size, "dotSize"),
|
|
66
|
+
lineType: D(h, (i == null ? void 0 : i.aes.lineShape) ?? "solid", "lineShape")
|
|
67
67
|
};
|
|
68
68
|
}
|
|
69
69
|
class me {
|
|
@@ -81,10 +81,10 @@ class me {
|
|
|
81
81
|
});
|
|
82
82
|
a(this, "tools", null);
|
|
83
83
|
a(this, "margins", {
|
|
84
|
-
top:
|
|
85
|
-
bottom:
|
|
86
|
-
left:
|
|
87
|
-
right:
|
|
84
|
+
top: b,
|
|
85
|
+
bottom: b,
|
|
86
|
+
left: b,
|
|
87
|
+
right: b
|
|
88
88
|
});
|
|
89
89
|
a(this, "chartSizes", {
|
|
90
90
|
chartWidth: w,
|
|
@@ -97,10 +97,10 @@ class me {
|
|
|
97
97
|
// width of all charts in charts height, plus bottom axis, plus top title
|
|
98
98
|
});
|
|
99
99
|
a(this, "scales", {
|
|
100
|
-
x:
|
|
101
|
-
y:
|
|
102
|
-
xOriginal:
|
|
103
|
-
yOriginal:
|
|
100
|
+
x: C().domain([0, 10]).range([0, w]),
|
|
101
|
+
y: C().domain([0, 10]).range([P, 0]),
|
|
102
|
+
xOriginal: C().domain([0, 10]).range([0, w]),
|
|
103
|
+
yOriginal: C().domain([0, 10]).range([P, 0])
|
|
104
104
|
});
|
|
105
105
|
a(this, "polygons", []);
|
|
106
106
|
a(this, "onPolygonUpdateOutside", () => {
|
|
@@ -109,6 +109,7 @@ class me {
|
|
|
109
109
|
});
|
|
110
110
|
a(this, "onLassoControlsStateUpdate", () => {
|
|
111
111
|
});
|
|
112
|
+
a(this, "zoomTransform", null);
|
|
112
113
|
a(this, "zoomStateKey", "");
|
|
113
114
|
a(this, "selectedDot", null);
|
|
114
115
|
a(this, "captionsSizes", {
|
|
@@ -136,202 +137,202 @@ class me {
|
|
|
136
137
|
});
|
|
137
138
|
}
|
|
138
139
|
init(t) {
|
|
139
|
-
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 =
|
|
140
|
+
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));
|
|
140
141
|
}
|
|
141
142
|
updateChartSizes(t) {
|
|
142
143
|
this.chartSizes.chartWidth = t.width, this.chartSizes.chartHeight = t.height;
|
|
143
144
|
}
|
|
144
145
|
updateViewport(t, e, i) {
|
|
145
|
-
const
|
|
146
|
-
let { minX:
|
|
147
|
-
if (t.lowerValue !== void 0 && (
|
|
148
|
-
const
|
|
149
|
-
if (
|
|
150
|
-
const
|
|
151
|
-
|
|
146
|
+
const c = t.scale === "log" ? V() : C();
|
|
147
|
+
let { minX: n, minY: p, maxX: y, maxY: g } = i;
|
|
148
|
+
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) {
|
|
149
|
+
const l = t.symmetricRange;
|
|
150
|
+
if (l >= n && l <= y) {
|
|
151
|
+
const d = Math.max(l - n, y - l);
|
|
152
|
+
n = l - d, y = l + d;
|
|
152
153
|
}
|
|
153
154
|
}
|
|
154
155
|
if (typeof e.symmetricRange < "u") {
|
|
155
|
-
const
|
|
156
|
-
if (
|
|
157
|
-
const
|
|
158
|
-
|
|
156
|
+
const l = e.symmetricRange;
|
|
157
|
+
if (l >= p && l <= g) {
|
|
158
|
+
const d = Math.max(l - p, g - l);
|
|
159
|
+
p = l - d, g = l + d;
|
|
159
160
|
}
|
|
160
161
|
}
|
|
161
|
-
const
|
|
162
|
-
|
|
163
|
-
const
|
|
164
|
-
|
|
162
|
+
const v = [0, this.chartSizes.chartWidth], z = c.copy().domain([n, y]).range([H.LEFT, this.chartSizes.chartWidth - H.RIGHT]);
|
|
163
|
+
c.domain([z.invert(0), z.invert(this.chartSizes.chartWidth)]).range(v).nice(), this.scales.x = c, this.scales.xOriginal = c.copy();
|
|
164
|
+
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]);
|
|
165
|
+
m.domain([f.invert(this.chartSizes.chartHeight), f.invert(0)]).range(r).nice(), this.scales.y = m, this.scales.yOriginal = m.copy();
|
|
165
166
|
}
|
|
166
167
|
updateCaptionsSize(t) {
|
|
167
|
-
const e = new
|
|
168
|
-
function i(
|
|
169
|
-
return Math.max(...
|
|
168
|
+
const e = new ct("600 14px Arial");
|
|
169
|
+
function i(y) {
|
|
170
|
+
return Math.max(...y.map((g) => e.getTextWidth(g)));
|
|
170
171
|
}
|
|
171
|
-
const { ticks:
|
|
172
|
+
const { ticks: c, format: n } = rt(this.scales.y, t), p = i(c.map(n));
|
|
172
173
|
this.captionsSizes = {
|
|
173
174
|
xAxisCaptionsWidth: 20,
|
|
174
|
-
yAxisCaptionsWidth:
|
|
175
|
+
yAxisCaptionsWidth: p
|
|
175
176
|
};
|
|
176
177
|
}
|
|
177
178
|
createMainTitle(t) {
|
|
178
|
-
this.mainTitle =
|
|
179
|
+
this.mainTitle = it(
|
|
179
180
|
t.name,
|
|
180
181
|
this.chartSizes.totalWidth - this.margins.left - this.margins.right,
|
|
181
182
|
20
|
|
182
183
|
);
|
|
183
184
|
}
|
|
184
185
|
updateMargins() {
|
|
185
|
-
const t =
|
|
186
|
+
const t = tt * this.mainTitle.length, e = t > 0 ? t + st * 2 : 0;
|
|
186
187
|
this.margins = {
|
|
187
|
-
top: Math.max(e,
|
|
188
|
-
bottom:
|
|
189
|
-
left:
|
|
190
|
-
right: this.legend.width +
|
|
191
|
-
}, 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,
|
|
188
|
+
top: Math.max(e, b),
|
|
189
|
+
bottom: b + this.captionsSizes.xAxisCaptionsWidth + I,
|
|
190
|
+
left: b + this.captionsSizes.yAxisCaptionsWidth + I,
|
|
191
|
+
right: this.legend.width + b
|
|
192
|
+
}, 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");
|
|
192
193
|
}
|
|
193
|
-
updateLegendSize(t, e, i,
|
|
194
|
+
updateLegendSize(t, e, i, c) {
|
|
194
195
|
if (!t.show) {
|
|
195
196
|
this.legend = { width: 0, height: 0, items: [] };
|
|
196
197
|
return;
|
|
197
198
|
}
|
|
198
|
-
const
|
|
199
|
-
if (i.forEach((
|
|
200
|
-
const
|
|
201
|
-
if (
|
|
199
|
+
const n = [], p = { width: 0, height: 0, left: 0, top: 0 };
|
|
200
|
+
if (i.forEach((m) => {
|
|
201
|
+
const r = e[m.value];
|
|
202
|
+
if (r.usedAes.length === 0 || !r.aesMap)
|
|
202
203
|
return;
|
|
203
|
-
if (
|
|
204
|
-
console.warn(`Too many values for discrete legend (${
|
|
204
|
+
if (r.values.length > et) {
|
|
205
|
+
console.warn(`Too many values for discrete legend (${r.values.length})`);
|
|
205
206
|
return;
|
|
206
207
|
}
|
|
207
|
-
const
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
var
|
|
211
|
-
|
|
208
|
+
const f = {};
|
|
209
|
+
r.values.forEach((u) => {
|
|
210
|
+
f[u] || (f[u] = { ...A }), r.usedAes.forEach((S) => {
|
|
211
|
+
var x, s;
|
|
212
|
+
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);
|
|
212
213
|
});
|
|
213
214
|
});
|
|
214
|
-
const
|
|
215
|
-
|
|
216
|
-
}),
|
|
217
|
-
if (
|
|
218
|
-
const { domain:
|
|
219
|
-
|
|
215
|
+
const l = m.label ?? m.value, d = zt().domain(r.values).range(r.values.map((u) => f[u]));
|
|
216
|
+
n.push({ ...p, id: m.value, type: "dots", title: l, scale: d, values: r.values, labels: r.labels });
|
|
217
|
+
}), c.forEach((m) => {
|
|
218
|
+
if (m.type === "dots" && B(m.aes.dotFill)) {
|
|
219
|
+
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);
|
|
220
|
+
n.push({ ...p, id: "dotFill", type: "continuous", title: u, scale: S, tickPositionScale: x, values: s });
|
|
220
221
|
}
|
|
221
|
-
if (
|
|
222
|
-
const { columnName:
|
|
223
|
-
|
|
222
|
+
if (m.type === "dots" && B(m.aes.dotSize)) {
|
|
223
|
+
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), {});
|
|
224
|
+
n.push({ ...p, id: r.value, type: "size", title: d, scale: u, values: S, labels: s });
|
|
224
225
|
}
|
|
225
|
-
}), !
|
|
226
|
+
}), !n.length) {
|
|
226
227
|
this.legend = { width: 0, height: 0, items: [] };
|
|
227
228
|
return;
|
|
228
229
|
}
|
|
229
|
-
const
|
|
230
|
+
const y = vt(n, this.chartSizes.chartHeight), g = y[y.length - 1], v = g.left + g.width + at, z = this.chartSizes.chartHeight;
|
|
230
231
|
this.legend = {
|
|
231
|
-
width:
|
|
232
|
+
width: v,
|
|
232
233
|
height: z,
|
|
233
|
-
items:
|
|
234
|
+
items: y
|
|
234
235
|
};
|
|
235
236
|
}
|
|
236
|
-
initSettings(t, e, i,
|
|
237
|
-
const { xAxis: g, yAxis:
|
|
238
|
-
this.updateChartSizes(z), this.updateViewport(g,
|
|
239
|
-
const
|
|
240
|
-
const
|
|
241
|
-
return
|
|
242
|
-
}),
|
|
237
|
+
initSettings(t, e, i, c, n, p, y) {
|
|
238
|
+
const { xAxis: g, yAxis: v, size: z, title: m, legend: r } = e;
|
|
239
|
+
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);
|
|
240
|
+
const f = gt().data(t).value((s) => {
|
|
241
|
+
const o = G(this.aesGetters.dotFill(s.data)), L = !s.dimmed && M(s.x, s.y, this.polygons) ? 1 : 0.4;
|
|
242
|
+
return O(o, L);
|
|
243
|
+
}), 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", () => {
|
|
243
244
|
this.selectedDot = null;
|
|
244
245
|
}).on("zoom", (s) => {
|
|
245
|
-
const
|
|
246
|
-
this.scales.x.domain(
|
|
246
|
+
const o = s.transform, L = o.rescaleX(this.scales.xOriginal), N = o.rescaleY(this.scales.yOriginal);
|
|
247
|
+
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();
|
|
247
248
|
}).on("end", () => {
|
|
248
249
|
this.allPossibleLabels.forEach((s) => {
|
|
249
250
|
s.x = this.scales.x(s.dot.x), s.y = this.scales.y(s.dot.y);
|
|
250
|
-
}), this.visibleLabels =
|
|
251
|
-
}), u =
|
|
252
|
-
var
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
251
|
+
}), this.visibleLabels = U(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight), this.renderSvgLayer();
|
|
252
|
+
}), u = this.createQuadtree(t), S = St().on("point", ([s]) => {
|
|
253
|
+
var N, R, _;
|
|
254
|
+
let o;
|
|
255
|
+
if (s) {
|
|
256
|
+
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);
|
|
257
|
+
o = (R = this.tools) == null ? void 0 : R.qt.find(Y, j, Q);
|
|
256
258
|
}
|
|
257
|
-
const
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
(Math.abs(s.x - _) > 20 || Math.abs(s.y - I) > 20 || Math.sqrt((s.x - _) ** 2 + (s.y - I) ** 2) > 20) && (S = void 0);
|
|
261
|
-
const Q = this.selectedDot && !S || !this.selectedDot && S || ((B = this.selectedDot) == null ? void 0 : B.id) !== (S == null ? void 0 : S.id);
|
|
262
|
-
this.selectedDot = S ?? null, Q && this.renderSvgLayer();
|
|
263
|
-
}), L = gt({
|
|
259
|
+
const L = this.selectedDot && !o || !this.selectedDot && o || ((_ = this.selectedDot) == null ? void 0 : _.id) !== (o == null ? void 0 : o.id);
|
|
260
|
+
this.selectedDot = o ?? null, L && this.renderSvgLayer();
|
|
261
|
+
}), x = pt({
|
|
264
262
|
xScale: this.scales.x,
|
|
265
263
|
yScale: this.scales.y
|
|
266
264
|
}).xAxisHeight(() => "0").yAxisWidth(() => "0").svgPlotArea(ft()).webglPlotArea(
|
|
267
265
|
// only render the point series on the WebGL layer
|
|
268
|
-
|
|
266
|
+
yt().series([l]).mapping((s) => s)
|
|
269
267
|
).decorate((s) => {
|
|
270
|
-
const
|
|
271
|
-
|
|
268
|
+
const o = s.enter();
|
|
269
|
+
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);
|
|
272
270
|
});
|
|
273
271
|
this.tools = {
|
|
274
|
-
webglChart:
|
|
275
|
-
zoom:
|
|
272
|
+
webglChart: x,
|
|
273
|
+
zoom: d,
|
|
276
274
|
qt: u,
|
|
277
|
-
fillColor:
|
|
278
|
-
pointSeries:
|
|
279
|
-
},
|
|
275
|
+
fillColor: f,
|
|
276
|
+
pointSeries: l
|
|
277
|
+
}, 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");
|
|
280
278
|
}
|
|
281
279
|
updateAes(t, e) {
|
|
282
|
-
this.tools !== null && (this.aesGetters =
|
|
283
|
-
const
|
|
284
|
-
return
|
|
280
|
+
this.tools !== null && (this.aesGetters = K(t, e), this.tools.fillColor.value((i) => {
|
|
281
|
+
const c = this.aesGetters.dotFill ?? (() => W), n = G(c(i.data)), p = !i.dimmed && M(i.x, i.y, this.polygons) ? 1 : 0.4;
|
|
282
|
+
return O(n, p);
|
|
285
283
|
}));
|
|
286
284
|
}
|
|
287
285
|
updatePointSize() {
|
|
288
|
-
this.tools !== null && (
|
|
286
|
+
this.tools !== null && (T(this.canvasNode).datum([...this.allDots]), this.tools.pointSeries.size((t) => k(this.aesGetters.dotSize(t.data))));
|
|
289
287
|
}
|
|
290
288
|
updateByLasso() {
|
|
291
289
|
var t;
|
|
292
290
|
this.tools !== null && ((t = this.tools) == null || t.fillColor.value((e) => {
|
|
293
|
-
const i = this.aesGetters.dotFill ?? (() => W),
|
|
294
|
-
return
|
|
291
|
+
const i = this.aesGetters.dotFill ?? (() => W), c = G(i(e.data)), n = !e.dimmed && M(e.x, e.y, this.polygons) ? 1 : 0.4;
|
|
292
|
+
return O(c, n);
|
|
295
293
|
}), this.renderWebglLayer());
|
|
296
294
|
}
|
|
295
|
+
createQuadtree(t) {
|
|
296
|
+
return bt().x((e) => this.scales.xOriginal(e.x)).y((e) => this.scales.yOriginal(e.y)).addAll(t);
|
|
297
|
+
}
|
|
297
298
|
updateData(t) {
|
|
298
|
-
this.tools !== null && (
|
|
299
|
+
this.tools !== null && (T(this.canvasNode).datum(t), this.tools.fillColor.data(t), this.tools.qt = this.createQuadtree(t));
|
|
299
300
|
}
|
|
300
|
-
render(t, e, i,
|
|
301
|
+
render(t, e, i, c, n, p, y, g, v, z, m, r, f, l) {
|
|
301
302
|
if (this.tools === null)
|
|
302
303
|
this.initSettings(
|
|
303
|
-
|
|
304
|
+
n,
|
|
304
305
|
e,
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
306
|
+
p,
|
|
307
|
+
c,
|
|
308
|
+
v,
|
|
308
309
|
g,
|
|
309
310
|
z
|
|
310
|
-
), this.onPolygonUpdateOutside =
|
|
311
|
+
), this.onPolygonUpdateOutside = r, this.onTooltipHintSwitch = f, this.onLassoControlsStateUpdate = l;
|
|
311
312
|
else {
|
|
312
|
-
const { title:
|
|
313
|
-
this.updateLegendSize(u,
|
|
313
|
+
const { title: d, legend: u } = e;
|
|
314
|
+
this.updateLegendSize(u, v, z, g), this.createMainTitle(d), this.updateMargins(), this.updateAes(v, g);
|
|
314
315
|
}
|
|
315
|
-
this.allDots =
|
|
316
|
-
|
|
317
|
-
}), this.visibleLabels =
|
|
316
|
+
this.allDots = n, this.allPossibleLabels = m, this.allPossibleLabels.forEach((d) => {
|
|
317
|
+
d.x = this.scales.x(d.dot.x), d.y = this.scales.y(d.dot.y);
|
|
318
|
+
}), this.visibleLabels = U(this.allPossibleLabels, this.chartSizes.chartWidth, this.chartSizes.chartHeight), this.notCalculatedProps = {
|
|
318
319
|
settingsId: t,
|
|
319
320
|
chartSettings: e,
|
|
320
|
-
onlyPositive:
|
|
321
|
+
onlyPositive: c,
|
|
321
322
|
keyColumn: i,
|
|
322
|
-
dotsByGrouping:
|
|
323
|
+
dotsByGrouping: y,
|
|
323
324
|
layers: g
|
|
324
325
|
}, this.renderWebglLayer(), this.renderSvgLayer();
|
|
325
326
|
}
|
|
326
327
|
renderWebglLayer() {
|
|
327
328
|
var t, e;
|
|
328
|
-
(t = this.tools) != null && t.webglChart &&
|
|
329
|
+
(t = this.tools) != null && t.webglChart && T(this.canvasNode).call((e = this.tools) == null ? void 0 : e.webglChart);
|
|
329
330
|
}
|
|
330
331
|
renderSvgLayer() {
|
|
331
332
|
var e;
|
|
332
333
|
this.visibleLabels.forEach((i) => {
|
|
333
334
|
i.x = this.scales.x(i.dot.x), i.y = this.scales.y(i.dot.y);
|
|
334
|
-
}),
|
|
335
|
+
}), lt(this.visibleLabels);
|
|
335
336
|
const t = {
|
|
336
337
|
settingsId: this.notCalculatedProps.settingsId,
|
|
337
338
|
chartSettings: this.notCalculatedProps.chartSettings,
|
|
@@ -355,11 +356,11 @@ class me {
|
|
|
355
356
|
onTooltipHintSwitch: this.onTooltipHintSwitch,
|
|
356
357
|
onLassoControlsStateUpdate: this.onLassoControlsStateUpdate
|
|
357
358
|
};
|
|
358
|
-
this.svgLayerComponent = /* @__PURE__ */ E.jsx(
|
|
359
|
+
this.svgLayerComponent = /* @__PURE__ */ E.jsx(ot, { ...t }), (e = this.reactRoot) == null || e.render(this.svgLayerComponent);
|
|
359
360
|
}
|
|
360
361
|
renderError(t) {
|
|
361
362
|
var e;
|
|
362
|
-
(e = this.reactRoot) == null || e.render(/* @__PURE__ */ E.jsx(
|
|
363
|
+
(e = this.reactRoot) == null || e.render(/* @__PURE__ */ E.jsx(Z, { message: t }));
|
|
363
364
|
}
|
|
364
365
|
}
|
|
365
366
|
export {
|
|
@@ -1 +1 @@
|
|
|
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 {\n AesGetters,\n CaptionsSizes,\n Dot,\n DotsExtents,\n LassoControlsState,\n Polygon,\n SVGLayerProps,\n} 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, ScatterplotEventHandlers} 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 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 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 polygons:Polygon[] = [];\n onPolygonUpdateOutside: ScatterplotEventHandlers['onPolygonUpdate'] = () => undefined;\n onTooltipHintSwitch: ScatterplotEventHandlers['onTooltipHintSwitch'] = () => undefined;\n onLassoControlsStateUpdate: ScatterplotEventHandlers['onLassoControlsStateUpdate'] = () => 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 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 && isDotInsidePolygons(d.x, d.y, this.polygons) ? 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((e:MouseEvent) => {\n return e.type === 'wheel' || e.metaKey;\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.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) => this.scales.xOriginal(d.x))\n .y((d: Dot) => this.scales.yOriginal(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 xOriginal = this.scales.xOriginal(x);\n const yOriginal = this.scales.yOriginal(y);\n //const radius = Math.abs(x - this.scales.x.invert(coord.x - 20));\n let closestDatum = this.tools?.qt.find(xOriginal, yOriginal);\n\n const closestDatumX = this.scales.x(closestDatum?.x ?? 0);\n const closestDatumY = this.scales.y(closestDatum?.y ?? 0);\n const tooFar =\n Math.abs(coord.x - closestDatumX) > 20 ||\n Math.abs(coord.y - closestDatumY) > 20 ||\n Math.sqrt((coord.x - closestDatumX) ** 2 + (coord.y - closestDatumY) ** 2) > 20;\n\n if (tooFar) {\n closestDatum = undefined;\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').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 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 && isDotInsidePolygons(d.x, d.y, this.polygons) ? 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 && isDotInsidePolygons(d.x, d.y, this.polygons) ? 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: ScatterplotEventHandlers['onPolygonUpdate'],\n onTooltipHintSwitch: (v:boolean) => void,\n onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n ) {\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 this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\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: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 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 defaultPolygons: this.polygons,\n onPolygonUpdate: this.onPolygonUpdate,\n onTooltipHintSwitch: this.onTooltipHintSwitch,\n onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\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","c","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","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","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","rgb","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","getFilteredLabels","qt","quadtree","pointer","coord","xOriginal","yOriginal","closestDatum","closestDatumX","closestDatumY","needRedraw","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","aesGetter","settingsId","keyColumn","dotsByGrouping","allPossibleLabels","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","updateLabelsBBoxes","props","SVGLayer","message","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,SAASA,EAAwBC,GAAU;AACvC,SAAQA,IAAI,QAASA,IAAI,QAAQ;AACrC;AACA,SAASC,EAAkBC,GAAUC,GAAgB;AACjD,SAAOD,KAAK,IAAIA,MAAM,IAAIC;AAC9B;AACA,SAASC,EAAqBC,GAAaF,GAAiB;AACxD,SAAO;AAAA,IACHF,EAAkBI,EAAE,IAAI,KAAKF,CAAO;AAAA,IACpCF,EAAkBI,EAAE,IAAI,KAAKF,CAAO;AAAA,IACpCF,EAAkBI,EAAE,IAAI,KAAKF,CAAO;AAAA,IACpC;AAAA,EAAA;AAER;AAEA,SAASG,EAAoBC,GAAUC,GAAUC,GAAqB;AAClE,SAAIA,EAAS,WAAW,IACb,KAEJA,EAAS,KAAK,CAACC,MAAMA,EAAE,UAAUA,EAAE,OAAO,SAAS,KAAKC,GAAgBD,EAAE,QAAQ,CAACH,GAAGC,CAAC,CAAC,CAAC;AACpG;AAEA,SAASI,EACLC,GACAC,GACU;AACV,QAAMC,IAAWD,EAAO,KAAK,CAAAE,MAAKA,EAAE,SAAS,MAAM,GAC7CC,IAAaH,EAAO,KAAK,CAAAE,MAAKA,EAAE,SAAS,OAAO;AACtD,SAAO;AAAA,IACH,SAASE,EAAgBL,IAAYE,KAAA,gBAAAA,EAAU,IAAI,YAAWI,EAAgB,OAAO,SAAS;AAAA,IAC9F,SAASD,EAAgBL,IAAYE,KAAA,gBAAAA,EAAU,IAAI,YAAWI,EAAgB,MAAM,SAAS;AAAA,IAC7F,UAAUD,EAAgBL,IAAYI,KAAA,gBAAAA,EAAY,IAAI,cAAa,SAAS,WAAW;AAAA,EAAA;AAE/F;AAEA,MAAMG,GAAc;AAAA,EAApB;AACI,IAAAC,EAAA,mBAAyB;AACzB,IAAAA,EAAA,oBAAiC;AACjC,IAAAA,EAAA,kBAA+B;AAC/B,IAAAA,EAAA,oBAAiC;AAEjC,IAAAA,EAAA,yBAAqC;AACrC,IAAAA,EAAA,2BAAmCC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EAAE;AAErC,IAAAF,EAAA,oBAAyB;AAAA,MACrB,SAAS,MAAM;AAAA,MACf,SAAS,MAAMG;AAAA,MACf,UAAU,MAAM;AAAA,IAAA;AAGpB,IAAAH,EAAA,eASW;AAEX,IAAAA,EAAA,iBAAmB;AAAA,MACf,KAAKI;AAAA,MACL,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAOA;AAAA,IAAA;AAEX,IAAAJ,EAAA,oBAAyB;AAAA,MACrB,YAAYK;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,MACb,YAAYD;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,IAAA;AAEjB,IAAAN,EAAA,gBAAsB;AAAA,MAClB,GAAGO,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,GAAGF,CAAa,CAAC;AAAA,MACzD,GAAGE,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAACD,GAAgB,CAAC,CAAC;AAAA,MAC1D,WAAWC,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,GAAGF,CAAa,CAAC;AAAA,MACjE,WAAWE,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAACD,GAAgB,CAAC,CAAC;AAAA,IAAA;AAGtE,IAAAN,EAAA,kBAAqB,CAAA;AACrB,IAAAA,EAAA,gCAAsE,MAAA;AAAA;AACtE,IAAAA,EAAA,6BAAuE,MAAA;AAAA;AACvE,IAAAA,EAAA,oCAAqF,MAAA;AAAA;AAErF,IAAAA,EAAA,sBAAe;AACf,IAAAA,EAAA,qBAA0B;AAC1B,IAAAA,EAAA,uBAA+B;AAAA,MAC3B,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,IAAA;AAExB,IAAAA,EAAA,mBAAsB,CAAA;AACtB;AAAA,IAAAA,EAAA,gBAAqB,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAEnD,IAAAA,EAAA,4BAA6C,CAAA;AAE7C,IAAAA,EAAA,iBAAiB,CAAA;AACjB,IAAAA,EAAA,2BAA6B,CAAA;AAC7B,IAAAA,EAAA,uBAAyB,CAAA;AAufzB,IAAAA,EAAA,yBAAkB,CAACX,MAAgB;AAC/B,WAAK,WAAWA,GAChB,KAAK,cAAA;AACL,YAAMmB,IAAsB,KAAK,QAC5B,OAAO,CAAAC,MAAKxB,EAAoBwB,EAAE,GAAGA,EAAE,GAAG,KAAK,QAAQ,CAAC,EACxD,IAAI,CAAAA,MAAKA,EAAE,GAAG;AACnB,WAAK,uBAAuBD,GAAqBnB,CAAC;AAAA,IACtD;AAAA;AAAA,EA7fA,QAAQ;;AACJ,IAAI,KAAK,cAAc,KAAK,YAAY,KAAK,gBACzCqB,IAAA,KAAK,eAAL,QAAAA,EAAiB,YAAY,KAAK,YAClCC,IAAA,KAAK,eAAL,QAAAA,EAAiB,YAAY,KAAK,aAClC,KAAK,aAAa,MAClB,KAAK,WAAW,MAChB,KAAK,aAAa,MAClB,KAAK,kBAAkB,MACvB,KAAK,QAAQ,OAGjB,WAAW,MAAM;;AACb,OAAAD,IAAA,KAAK,cAAL,QAAAA,EAAgB,WAChB,KAAK,YAAY;AAAA,IACrB,CAAC;AAAA,EACL;AAAA,EAEA,KAAKE,GAAmB;AACpB,IAAI,KAAK,eAAe,SACpB,KAAK,aAAaA,GAClB,KAAK,WAAW,SAAS,cAAc,KAAK,GAC5C,KAAK,aAAa,SAAS,cAAc,KAAK,GAC9C,KAAK,WAAW,YAAY,KAAK,QAAQ,GACzC,KAAK,WAAW,YAAY,KAAK,UAAU,GAC3C,KAAK,YAAYC,GAAW,KAAK,QAAQ;AAAA,EAEjD;AAAA,EAEA,iBAAiBC,GAA4D;AACzE,SAAK,WAAW,aAAaA,EAAK,OAClC,KAAK,WAAW,cAAcA,EAAK;AAAA,EACvC;AAAA,EAEA,eACIC,GACAC,GACAC,GACF;AACE,UAAMC,IAASH,EAAM,UAAU,QAAQI,EAAA,IAAaZ,EAAA;AAEpD,QAAI,EAAC,MAAAa,GAAM,MAAAC,GAAM,MAAAC,GAAM,MAAAC,MAAQN;AAa/B,QAZIF,EAAM,eAAe,WACrBK,IAAO,KAAK,IAAIA,GAAML,EAAM,UAAU,IAEtCA,EAAM,eAAe,WACrBO,IAAO,KAAK,IAAIA,GAAMP,EAAM,UAAU,IAEtCC,EAAM,eAAe,WACrBK,IAAO,KAAK,IAAIA,GAAML,EAAM,UAAU,IAEtCA,EAAM,eAAe,WACrBO,IAAO,KAAK,IAAIA,GAAMP,EAAM,UAAU,IAEtCD,EAAM,mBAAmB,QAAW;AACpC,YAAMS,IAAST,EAAM;AACrB,UAAIS,KAAUJ,KAAQI,KAAUF,GAAM;AAClC,cAAMG,IAAY,KAAK,IAAID,IAASJ,GAAME,IAAOE,CAAM;AACvD,QAAAJ,IAAOI,IAASC,GAChBH,IAAOE,IAASC;AAAA,MACpB;AAAA,IACJ;AACA,QAAI,OAAOT,EAAM,iBAAmB,KAAa;AAC7C,YAAMQ,IAASR,EAAM;AACrB,UAAIQ,KAAUH,KAAQG,KAAUD,GAAM;AAClC,cAAME,IAAY,KAAK,IAAID,IAASH,GAAME,IAAOC,CAAM;AACvD,QAAAH,IAAOG,IAASC,GAChBF,IAAOC,IAASC;AAAA,MACpB;AAAA,IACJ;AAEA,UAAMC,IAAS,CAAC,GAAG,KAAK,WAAW,UAAU,GAEvCC,IAAQT,EACT,KAAA,EACA,OAAO,CAACE,GAAME,CAAI,CAAC,EACnB,MAAM,CAACM,EAAS,MAAM,KAAK,WAAW,aAAaA,EAAS,KAAK,CAAC;AACvE,IAAAV,EACK,OAAO,CAACS,EAAM,OAAO,CAAC,GAAGA,EAAM,OAAO,KAAK,WAAW,UAAU,CAAC,CAAC,EAClE,MAAMD,CAAM,EACZ,KAAA,GACL,KAAK,OAAO,IAAIR,GAChB,KAAK,OAAO,YAAYA,EAAO,KAAA;AAE/B,UAAMW,IAASb,EAAM,UAAU,QAAQG,EAAA,IAAaZ,EAAA,GAC9CuB,IAAS,CAAC,KAAK,WAAW,aAAa,CAAC,GAExCC,IAAQF,EACT,KAAA,EACA,OAAO,CAACR,GAAME,CAAI,CAAC,EACnB,MAAM,CAAC,KAAK,WAAW,cAAcK,EAAS,QAAQA,EAAS,GAAG,CAAC;AACxE,IAAAC,EACK,OAAO,CAACE,EAAM,OAAO,KAAK,WAAW,WAAW,GAAGA,EAAM,OAAO,CAAC,CAAC,CAAC,EACnE,MAAMD,CAAM,EACZ,KAAA,GACL,KAAK,OAAO,IAAID,GAChB,KAAK,OAAO,YAAYA,EAAO,KAAA;AAAA,EACnC;AAAA,EAEA,mBAAmBG,GAAuB;AACtC,UAAMC,IAAe,IAAIC,GAAa,gBAAgB;AAEtD,aAASC,EAAgBC,GAAiB;AACtC,aAAO,KAAK,IAAI,GAAGA,EAAM,IAAI,OAAOH,EAAa,aAAaI,CAAG,CAAC,CAAC;AAAA,IACvE;AAEA,UAAM,EAAC,OAAAD,GAAO,QAAAE,MAAUC,GAAkB,KAAK,OAAO,GAAGP,CAAY,GAC/DQ,IAAWL,EAAgBC,EAAM,IAAIE,CAAM,CAAC;AAElD,SAAK,gBAAgB;AAAA,MACjB,oBAAoB;AAAA,MACpB,oBAAoBE;AAAA,IAAA;AAAA,EAE5B;AAAA,EAEA,gBAAgBC,GAA8D;AAC1E,SAAK,YAAYC;AAAA,MACbD,EAAM;AAAA,MACN,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,QAAQ;AAAA,MAC9D;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,gBAAgB;AACZ,UAAME,IAAkBC,KAAoB,KAAK,UAAU,QACrDC,IAAcF,IAAkB,IAAIA,IAAkBG,KAAe,IAAI;AAC/E,SAAK,UAAU;AAAA,MACX,KAAK,KAAK,IAAID,GAAazC,CAAU;AAAA,MACrC,QAAQA,IAAa,KAAK,cAAc,qBAAqB2C;AAAA,MAC7D,MAAM3C,IAAa,KAAK,cAAc,qBAAqB2C;AAAA,MAC3D,OAAO,KAAK,OAAO,QAAQ3C;AAAA,IAAA,GAE/B,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,WAAW,aAAa,KAAK,QAAQ,OAC3F,KAAK,WAAW,cACZ,KAAK,QAAQ,MAAM,KAAK,IAAI,KAAK,WAAW,aAAa,KAAK,OAAO,MAAM,IAAI,KAAK,QAAQ,QAEhG4C,EAAO,KAAK,UAAU,EACjB,MAAM,SAAS,KAAK,WAAW,aAAa,IAAI,EAChD,MAAM,UAAU,KAAK,WAAW,cAAc,IAAI,EAClD,MAAM,OAAO,KAAK,QAAQ,MAAM,IAAI,EACpC,MAAM,QAAQ,KAAK,QAAQ,OAAO,IAAI;AAAA,EAC/C;AAAA,EAEA,iBACIC,GACAC,GACAC,GACA1D,GACF;AACE,QAAI,CAACwD,EAAO,MAAM;AACd,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMG,IAA4B,CAAA,GAC5BC,IAAa,EAAC,OAAM,GAAG,QAAO,GAAG,MAAK,GAAG,KAAK,EAAA;AA2DpD,QAzDAF,EAAS,QAAQ,CAAAG,MAAU;AACvB,YAAMC,IAAOL,EAAaI,EAAO,KAAK;AACtC,UAAIC,EAAK,QAAQ,WAAW,KAAK,CAACA,EAAK;AACnC;AAEJ,UAAIA,EAAK,OAAO,SAASC,IAAmC;AACxD,gBAAQ,KAAK,wCAAwCD,EAAK,OAAO,MAAM,GAAG;AAC1E;AAAA,MACJ;AACA,YAAME,IAAsC,CAAA;AAC5C,MAAAF,EAAK,OAAO,QAAQ,CAAAG,MAAe;AAC/B,QAAKD,EAAQC,CAAW,MACpBD,EAAQC,CAAW,IAAI,EAAC,GAAG5D,EAAA,IAE/ByD,EAAK,QAAQ,QAAQ,CAAAlB,MAAO;;AACxB,UAAIA,MAAQ,cACRoB,EAAQC,CAAW,EAAE,UAAQhD,IAAA6C,EAAK,OAAOG,CAAW,MAAvB,gBAAAhD,EAA2B2B,OAAQlC,IAEhEkC,MAAQ,cACRoB,EAAQC,CAAW,EAAE,SAAO/C,IAAA4C,EAAK,OAAOG,CAAW,MAAvB,gBAAA/C,EAA2B0B,OAAQ;AAAA,QAEvE,CAAC;AAAA,MACL,CAAC;AAED,YAAMI,IAAQa,EAAO,SAASA,EAAO,OAC/BK,IAAQC,GAAA,EACT,OAAOL,EAAK,MAAM,EAClB,MAAMA,EAAK,OAAO,IAAI,CAAAM,MAASJ,EAAQI,CAAK,CAAC,CAAC;AACnD,MAAAT,EAAY,KAAK,EAAC,GAAGC,GAAY,IAAIC,EAAO,OAAO,MAAM,QAAQ,OAAAb,GAAO,OAAAkB,GAAO,QAAOJ,EAAK,QAAQ,QAAOA,EAAK,QAAO;AAAA,IAC1H,CAAC,GAED9D,EAAO,QAAQ,CAAAqE,MAAS;AACpB,UAAIA,EAAM,SAAS,UAAUC,EAAgBD,EAAM,IAAI,OAAO,GAAG;AAC7D,cAAM,EAAC,QAAAE,GAAQ,OAAAC,GAAO,YAAAC,GAAY,MAAAC,IAAO,SAAA,IAAYL,EAAM,IAAI,SACzDrB,IAAQyB,EAAW,SAASA,EAAW,OACvCE,IAAaC,GAAwBJ,GAAOD,GAAQ,QAAQ,GAC5DM,KAAqBH,MAAS,QAAQI,GAAA,IAAgChE,KACvE,OAAOyD,CAAM,EAEb,MAAM,CAAC,KAAK,WAAW,aAAa,CAAC,CAAC,GACrCQ,IAASC,GAAyBH,GAAmBN,CAA0B;AACrF,QAAAZ,EAAY,KAAK,EAAC,GAAGC,GAAY,IAAI,WAAW,MAAM,cAAc,OAAAZ,GAAO,OAAO2B,GAAY,mBAAAE,GAAmB,QAAAE,GAAO;AAAA,MAC5H;AACA,UAAIV,EAAM,SAAS,UAAUC,EAAgBD,EAAM,IAAI,OAAO,GAAG;AAC7D,cAAM,EAAC,YAAAI,GAAY,QAAAF,GAAQ,OAAAC,EAAA,IAASH,EAAM,IAAI,SACxCrB,IAAQyB,EAAW,SAASA,EAAW,OACvCP,IAAQe,GAAUV,GAAQC,CAAK,GAC/BO,IAASb,EAAM,MAAM,CAAC,GACtBrB,IAASqB,EAAM,WAAW,CAAC,GAC3BgB,IAASH,EAAO,OAAO,CAACI,GAA6B/F,OACvD+F,EAAI,OAAO/F,CAAC,CAAC,IAAIyD,EAAOzD,CAAC,GAClB+F,IACR,CAAA,CAAE;AACL,QAAAxB,EAAY,KAAK,EAAC,GAAGC,GAAY,IAAIa,EAAW,OAAO,MAAM,QAAQ,OAAAzB,GAAO,OAAAkB,GAAO,QAAAa,GAAQ,QAAAG,GAAO;AAAA,MACtG;AAAA,IACJ,CAAC,GAEG,CAACvB,EAAY,QAAQ;AACrB,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMyB,IAAQC,GAAmB1B,GAAa,KAAK,WAAW,WAAW,GACnE2B,IAAWF,EAAMA,EAAM,SAAS,CAAC,GACjCG,IAAcD,EAAS,OAAOA,EAAS,QAAQE,IAC/CC,IAAe,KAAK,WAAW;AAErC,SAAK,SAAS;AAAA,MACV,OAAOF;AAAA,MACP,QAAQE;AAAA,MACR,OAAAL;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,aACIM,GACAC,GACAC,GACArD,GAIAxC,GACAC,GACA0D,GACF;AACE,UAAM,EAAC,OAAApC,GAAO,OAAAC,GAAO,MAAAF,GAAM,OAAA2B,GAAO,QAAAQ,MAAUmC;AAC5C,SAAK,iBAAiBtE,CAAI,GAC1B,KAAK,eAAeC,GAAOC,GAAOqE,CAAU,GAC5C,KAAK,mBAAmBrD,EAAa,CAAC,GACtC,KAAK,iBAAiBiB,GAAQzD,GAAY2D,GAAU1D,CAAM,GAC1D,KAAK,gBAAgBgD,CAAK,GAC1B,KAAK,cAAA,GAEL,KAAK,aAAalD,EAAqBC,GAAYC,CAAM;AAEzD,UAAM6F,IAAYC,KACb,KAAKJ,CAAI,EACT,MAAM,CAAC1E,MAAW;AACf,YAAMzB,IAAIwG,EAAI,KAAK,WAAW,QAAQ/E,EAAE,IAAI,CAAC,GACvC3B,IAAU,CAAC2B,EAAE,UAAUxB,EAAoBwB,EAAE,GAAGA,EAAE,GAAG,KAAK,QAAQ,IAAI,IAAI;AAChF,aAAO1B,EAAoBC,GAAGF,CAAO;AAAA,IACzC,CAAC,GAEC2G,IAAcC,GAAA,EACf,OAAO,CAACC,GAAUC,MAAaD,MAAMC,CAAC,EACtC,KAAK,CAACnF,MAAW/B,EAAwB,KAAK,WAAW,QAAQ+B,EAAE,IAAI,CAAC,CAAC,EACzE,WAAW,CAACA,MAAWA,EAAE,CAAC,EAC1B,UAAU,CAACA,MAAWA,EAAE,CAAC,EACzB,SAAS,CAACoF,MAAiBP,EAAUO,CAAO,CAAC,GAE5CC,IAAIC,GAAA,EACL,YAAY,CAAC,KAAK,GAAI,CAAC,EACvB,OAAO,CAACC,MACEA,EAAE,SAAS,WAAWA,EAAE,OAClC,EACA,GAAG,SAAS,MAAM;AACf,WAAK,cAAc;AAAA,IACvB,CAAC,EACA,GAAG,QAAQ,CAACA,MAAwC;AACjD,YAAMC,IAAYD,EAAE,WACd9G,IAAI+G,EAAU,SAAS,KAAK,OAAO,SAAS,GAC5C9G,IAAI8G,EAAU,SAAS,KAAK,OAAO,SAAS;AAClD,WAAK,OAAO,EAAE,OAAO/G,EAAE,QAAQ,GAC/B,KAAK,OAAO,EAAE,OAAOC,EAAE,QAAQ,GAE/B,KAAK,eAAe,GAAG8G,EAAU,CAAC,IAAIA,EAAU,CAAC,IAAIA,EAAU,CAAC,IAEhE,KAAK,eAAA,GACL,KAAK,iBAAA;AAAA,IACT,CAAC,EAAE,GAAG,OAAO,MAAM;AACf,WAAK,kBAAkB,QAAQ,CAACtG,MAAM;AAClC,QAAAA,EAAE,IAAI,KAAK,OAAO,EAAEA,EAAE,IAAI,CAAC,GAC3BA,EAAE,IAAI,KAAK,OAAO,EAAEA,EAAE,IAAI,CAAC;AAAA,MAC/B,CAAC,GACD,KAAK,gBAAgBuG,EAAkB,KAAK,mBAAmB,KAAK,WAAW,YAAY,KAAK,WAAW,WAAW,GACtH,KAAK,eAAA;AAAA,IACT,CAAC,GAECC,IAAKC,EAAA,EACN,EAAE,CAAC3F,MAAW,KAAK,OAAO,UAAUA,EAAE,CAAC,CAAC,EACxC,EAAE,CAACA,MAAW,KAAK,OAAO,UAAUA,EAAE,CAAC,CAAC,EACxC,OAAO0E,CAAI,GAIV9F,IAAIgH,KAAU,GAAG,SAAS,CAAC,CAACC,CAAK,MAAM;;AACzC,UAAI,CAACA,GAAO;AACR,aAAK,cAAc,MACnB,KAAK,eAAA;AACL;AAAA,MACJ;AAEA,YAAMpH,IAAI,KAAK,OAAO,EAAE,OAAOoH,EAAM,CAAC,GAChCnH,IAAI,KAAK,OAAO,EAAE,OAAOmH,EAAM,CAAC,GAChCC,IAAY,KAAK,OAAO,UAAUrH,CAAC,GACnCsH,IAAY,KAAK,OAAO,UAAUrH,CAAC;AAEzC,UAAIsH,KAAe/F,IAAA,KAAK,UAAL,gBAAAA,EAAY,GAAG,KAAK6F,GAAWC;AAElD,YAAME,IAAgB,KAAK,OAAO,GAAED,KAAA,gBAAAA,EAAc,MAAK,CAAC,GAClDE,IAAgB,KAAK,OAAO,GAAEF,KAAA,gBAAAA,EAAc,MAAK,CAAC;AAMxD,OAJI,KAAK,IAAIH,EAAM,IAAII,CAAa,IAAI,MACpC,KAAK,IAAIJ,EAAM,IAAIK,CAAa,IAAI,MACpC,KAAK,MAAML,EAAM,IAAII,MAAkB,KAAKJ,EAAM,IAAIK,MAAkB,CAAC,IAAI,QAG7EF,IAAe;AAEnB,YAAMG,IACD,KAAK,eAAe,CAACH,KACrB,CAAC,KAAK,eAAeA,OACtB9F,IAAA,KAAK,gBAAL,gBAAAA,EAAkB,SAAO8F,KAAA,gBAAAA,EAAc;AAE3C,WAAK,cAAcA,KAAgB,MAE/BG,KACA,KAAK,eAAA;AAAA,IAEb,CAAC,GAEKC,IAAaC,GAAe;AAAA,MAC9B,QAAQ,KAAK,OAAO;AAAA,MACpB,QAAQ,KAAK,OAAO;AAAA,IAAA,CACvB,EACI,YAAY,MAAM,GAAG,EACrB,WAAW,MAAM,GAAG,EACpB,YAAYC,GAAA,CAAgB,EAC5B;AAAA;AAAA,MAEGC,GAAA,EACK,OAAO,CAACvB,CAAW,CAAC,EACpB,QAAQ,CAAChF,MAAWA,CAAC;AAAA,IAAA,EAE7B,SAAS,CAAAwG,MAAa;AACnB,YAAMC,IAAID,EAAU,MAAA;AACpB,MAAIC,KAAK,CAAC,KAAK,oBACXA,EAAE,MAAM,yBAAyB,mBAAmB,GACpDA,EAAE,MAAM,sBAAsB,mBAAmB,GACjD,KAAK,kBAAkBA,EAAE,OAAO,8BAA8B,EAAE,KAAA,IAEpEA,EAAE,OAAO,0BAA0B,EAAE,KAAK,SAAS,uDAAuD,EAGrG,KAAKpB,CAAC,EACN,KAAKzG,CAAC;AAAA,IACf,CAAC;AAEL,SAAK,QAAQ;AAAA,MACT,YAAAwH;AAAA,MACA,MAAMf;AAAA,MACN,IAAAK;AAAA,MACA,WAAAb;AAAA,MACA,aAAAG;AAAA,IAAA,GAGJzC,EAAO,KAAK,UAAU,EACjB,MAAMmC,CAAI,EACV,MAAM,YAAY,UAAU,EAC5B,MAAM,SAAS,KAAK,WAAW,aAAa,IAAI,EAChD,MAAM,UAAU,KAAK,WAAW,cAAc,IAAI,EAClD,MAAM,OAAO,KAAK,QAAQ,MAAM,IAAI,EACpC,MAAM,QAAQ,KAAK,QAAQ,OAAO,IAAI;AAAA,EAC/C;AAAA,EAEA,UACI3F,GACAC,GACF;AACE,IAAI,KAAK,UAAU,SAGnB,KAAK,aAAaF,EAAqBC,GAAYC,CAAM,GAGzD,KAAK,MAAM,UAAU,MAAM,CAACgB,MAAW;AACnC,YAAM0G,IAAc,KAAK,WAAW,YAAY,MAAMhH,IAChDnB,IAAIwG,EAAI2B,EAAY1G,EAAE,IAAI,CAAC,GAC3B3B,IAAU,CAAC2B,EAAE,UAAUxB,EAAoBwB,EAAE,GAAGA,EAAE,GAAG,KAAK,QAAQ,IAAI,IAAI;AAChF,aAAO1B,EAAoBC,GAAGF,CAAO;AAAA,IACzC,CAAC;AAAA,EACL;AAAA,EAEA,kBAAkB;AACd,IAAI,KAAK,UAAU,SAGnBkE,EAAO,KAAK,UAAU,EAAE,MAAM,CAAC,GAAG,KAAK,OAAO,CAAC,GAG/C,KAAK,MAAM,YAAY,KAAK,CAACvC,MAAW/B,EAAwB,KAAK,WAAW,QAAQ+B,EAAE,IAAI,CAAC,CAAC;AAAA,EACpG;AAAA,EAEA,gBAAgB;;AACZ,IAAI,KAAK,UAAU,UAKnBC,IAAA,KAAK,UAAL,QAAAA,EAAY,UAAU,MAAM,CAACD,MAAW;AACpC,YAAM2G,IAAY,KAAK,WAAW,YAAY,MAAMjH,IAC9CnB,IAAIwG,EAAI4B,EAAU3G,EAAE,IAAI,CAAC,GACzB3B,IAAU,CAAC2B,EAAE,UAAUxB,EAAoBwB,EAAE,GAAGA,EAAE,GAAG,KAAK,QAAQ,IAAI,IAAI;AAChF,aAAO1B,EAAoBC,GAAGF,CAAO;AAAA,IACzC,IACA,KAAK,iBAAA;AAAA,EACT;AAAA,EAEA,WAAWqG,GAAa;AACpB,IAAI,KAAK,UAAU,SAGnBnC,EAAO,KAAK,UAAU,EAAE,MAAMmC,CAAI,GAGlC,KAAK,MAAM,UAAU,KAAKA,CAAI,GAC9B,KAAK,MAAM,KAAKiB,EAAA,EACX,EAAE,CAAC3F,MAAWA,EAAE,CAAC,EACjB,EAAE,CAACA,MAAWA,EAAE,CAAC,EACjB,OAAO0E,CAAI;AAAA,EACpB;AAAA,EAEA,OACIkC,GACAjC,GACAkC,GACAtF,GACAmD,GACAE,GACAkC,GACA9H,GACAD,GACA2D,GACAqE,GACAC,GACAC,GACAC,GACF;AACE,QAAI,KAAK,UAAU;AACf,WAAK;AAAA,QACDxC;AAAA,QACAC;AAAA,QACAC;AAAA,QACArD;AAAA,QACAxC;AAAA,QACAC;AAAA,QACA0D;AAAA,MAAA,GAEJ,KAAK,yBAAyBsE,GAC9B,KAAK,sBAAsBC,GAC3B,KAAK,6BAA6BC;AAAA,SAC/B;AACH,YAAM,EAAC,OAAAlF,GAAO,QAAAQ,EAAA,IAAUmC;AACxB,WAAK,iBAAiBnC,GAAQzD,GAAY2D,GAAU1D,CAAM,GAC1D,KAAK,gBAAgBgD,CAAK,GAC1B,KAAK,cAAA,GACL,KAAK,UAAUjD,GAAYC,CAAM;AAAA,IACrC;AACA,SAAK,UAAU0F,GACf,KAAK,oBAAoBqC,GACzB,KAAK,kBAAkB,QAAQ,CAAC7H,MAAM;AAClC,MAAAA,EAAE,IAAI,KAAK,OAAO,EAAEA,EAAE,IAAI,CAAC,GAC3BA,EAAE,IAAI,KAAK,OAAO,EAAEA,EAAE,IAAI,CAAC;AAAA,IAC/B,CAAC,GACD,KAAK,gBAAgBuG,EAAkB,KAAK,mBAAmB,KAAK,WAAW,YAAY,KAAK,WAAW,WAAW,GAEtH,KAAK,qBAAqB;AAAA,MACtB,YAAAmB;AAAA,MACA,eAAAjC;AAAA,MACA,cAAApD;AAAA,MACA,WAAAsF;AAAA,MACA,gBAAAC;AAAA,MACA,QAAA9H;AAAA,IAAA,GAGJ,KAAK,iBAAA,GACL,KAAK,eAAA;AAAA,EACT;AAAA,EAEA,mBAAmB;;AACf,KAAIiB,IAAA,KAAK,UAAL,QAAAA,EAAY,cACZsC,EAAO,KAAK,UAAU,EAAE,MAAKrC,IAAA,KAAK,UAAL,gBAAAA,EAAY,UAAU;AAAA,EAE3D;AAAA,EAWA,iBAAiB;;AACb,SAAK,cAAc,QAAQ,CAAChB,MAAM;AAC9B,MAAAA,EAAE,IAAI,KAAK,OAAO,EAAEA,EAAE,IAAI,CAAC,GAC3BA,EAAE,IAAI,KAAK,OAAO,EAAEA,EAAE,IAAI,CAAC;AAAA,IAC/B,CAAC,GACDiI,GAAmB,KAAK,aAAa;AACrC,UAAMC,IAAQ;AAAA,MACV,YAAY,KAAK,mBAAmB;AAAA,MACpC,eAAe,KAAK,mBAAmB;AAAA,MACvC,cAAc,KAAK,mBAAmB;AAAA,MACtC,WAAW,KAAK,mBAAmB;AAAA,MACnC,gBAAgB,KAAK,mBAAmB;AAAA,MACxC,QAAQ,KAAK,mBAAmB;AAAA,MAChC,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK;AAAA,MACb,SAAS,KAAK;AAAA,MACd,WAAW,KAAK;AAAA,MAChB,eAAe,KAAK;AAAA,MACpB,WAAW,KAAK;AAAA,MAChB,cAAc,KAAK;AAAA,MACnB,aAAa,KAAK;AAAA,MAClB,YAAY,KAAK;AAAA,MACjB,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK;AAAA,MACb,iBAAiB,KAAK;AAAA,MACtB,iBAAiB,KAAK;AAAA,MACtB,qBAAqB,KAAK;AAAA,MAC1B,4BAA4B,KAAK;AAAA,IAAA;AAErC,SAAK,oBAAoB5H,gBAAAA,EAAAA,IAAC6H,IAAA,EAAU,GAAGD,EAAA,CAAO,IAC9CnH,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAO,KAAK;AAAA,EAChC;AAAA,EAEA,YAAYqH,GAAiB;;AACzB,KAAArH,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOT,gBAAAA,EAAAA,IAAC+H,IAAA,EAAM,SAAAD,GAAkB;AAAA,EACpD;AACJ;"}
|
|
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 {\n AesGetters,\n CaptionsSizes,\n Dot,\n DotsExtents,\n LassoControlsState,\n Polygon,\n SVGLayerProps,\n} 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, ScatterplotEventHandlers} 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, ZoomTransform} 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 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 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 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 allPossibleLabels: Label[] = [];\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 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 && isDotInsidePolygons(d.x, d.y, this.polygons) ? 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((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.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 = this.createQuadtree(dots);\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 // 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 xOriginal = this.scales.xOriginal(x);\n const yOriginal = this.scales.yOriginal(y);\n const radius = 20 / (this.zoomTransform?.k || 1);\n closestDatum = this.tools?.qt.find(xOriginal, yOriginal, radius);\n }\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').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 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 && isDotInsidePolygons(d.x, d.y, this.polygons) ? 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 && isDotInsidePolygons(d.x, d.y, this.polygons) ? 1 : 0.4;\n return getColorWithOpacity(c, opacity);\n });\n this.renderWebglLayer();\n }\n\n createQuadtree(dots:Dot[]) {\n return quadtree<Dot>()\n .x((d: Dot) => this.scales.xOriginal(d.x))\n .y((d: Dot) => this.scales.yOriginal(d.y))\n .addAll(dots);\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 = this.createQuadtree(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: ScatterplotEventHandlers['onPolygonUpdate'],\n onTooltipHintSwitch: (v:boolean) => void,\n onLassoControlsStateUpdate: (v:LassoControlsState) => void,\n ) {\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 this.onLassoControlsStateUpdate = onLassoControlsStateUpdate;\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: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 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 defaultPolygons: this.polygons,\n onPolygonUpdate: this.onPolygonUpdate,\n onTooltipHintSwitch: this.onTooltipHintSwitch,\n onLassoControlsStateUpdate: this.onLassoControlsStateUpdate,\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","c","isDotInsidePolygons","x","y","polygons","p","polygonContains","getGettersFromLayers","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","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","rgb","pointSeries","seriesWebglPoint","a","b","program","z","zoom","e","transform","getFilteredLabels","qt","pointer","coord","closestDatum","xOriginal","yOriginal","radius","needRedraw","_c","webglChart","chartCartesian","seriesSvgMulti","seriesWebglMulti","selection","s","colorGetter","aesGetter","quadtree","settingsId","keyColumn","dotsByGrouping","allPossibleLabels","onPolygonUpdateOutside","onTooltipHintSwitch","onLassoControlsStateUpdate","updateLabelsBBoxes","props","SVGLayer","message","Error"],"mappings":"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"}
|