@milaboratories/miplots4 1.0.122 → 1.0.124

package/dist/scatterplot/ChartRenderer.d.ts

@@ -0,0 +1,42 @@
+import { CaptionsSizes, Margins, ChartDimensionsData, ChartSizes, ChartsScales } from './components/types';
+import { GroupedDots } from './dots';
+import { ScatterplotLayerData } from './getLayersData';
+import { TrendsData } from './linearRegression';
+import { ScatterplotLayer, ScatterplotSettingsImpl } from './ScatterplotSettingsImpl';
+import { ColumnName, ScatterplotLegendInfo } from '../types';
+import { ReactElement } from 'react';
+import { Root } from 'react-dom/client';
+import { LegendData } from '../common/types';
+declare class ChartRenderer {
+    reactRoot: Root | null;
+    parentNode: HTMLElement | null;
+    rootNode: HTMLElement | null;
+    component: ReactElement;
+    margins: Margins;
+    chartsDimensions: Record<string, ChartDimensionsData>;
+    chartSizes: ChartSizes;
+    columnsCount: number;
+    rowsCount: number;
+    scales: ChartsScales;
+    captionsSizes: CaptionsSizes;
+    facetTitles: Record<string, string[]>;
+    mainTitle: string[];
+    legend: LegendData;
+    clear(): void;
+    init(node: HTMLElement): void;
+    updateChartSizes(size: ScatterplotSettingsImpl['chartSettings']['size']): void;
+    updateChartDimensions(facetKeys: string[], facetSettings: ScatterplotSettingsImpl['facetSettings'], xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'], yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis']): void;
+    updateViewport(facetKeys: string[], facetSettings: ScatterplotSettingsImpl['facetSettings'], xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'], yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'], groupedDots: GroupedDots, trendsData: TrendsData | null): void;
+    updateCaptionsSize(onlyPositive: boolean): void;
+    createMainTitle(facetKeys: string[], title: ScatterplotSettingsImpl['chartSettings']['title']): void;
+    createFacetTitles(facetKeys: string[], facetLabels: string[][]): void;
+    updateMargins(): void;
+    updateLegendSize(legend: ScatterplotSettingsImpl['chartSettings']['legend'], legendInfo: ScatterplotLegendInfo, grouping: ColumnName[], layers: ScatterplotLayer[]): void;
+    render(settingsId: string, chartSettings: ScatterplotSettingsImpl['chartSettings'], facetSettings: ScatterplotSettingsImpl['facetSettings'], facetKeys: string[], facetLabels: string[][], groupedDots: GroupedDots, trendsData: TrendsData | null, keyColumn: ColumnName, onlyPositive: {
+        x: boolean;
+        y: boolean;
+    }, legendInfo: ScatterplotLegendInfo, layersData: Record<string, ScatterplotLayerData[]>, grouping: ColumnName[], layers: ScatterplotLayer[], trend: ScatterplotSettingsImpl['trend'], onTooltipHintSwitch: (v: boolean) => void): void;
+    renderError(message: string): void;
+}
+export default ChartRenderer;
+//# sourceMappingURL=ChartRenderer.d.ts.map

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

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

package/dist/scatterplot/ChartRenderer.js

@@ -0,0 +1,310 @@
+var P = Object.defineProperty;
+var V = (l, i, t) => i in l ? P(l, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[i] = t;
+var C = (l, i, t) => V(l, typeof i != "symbol" ? i + "" : i, t);
+import { j as W } from "../node_modules/react/jsx-runtime.js";
+import { Error as q } from "../common/Error.js";
+import { DEFAULT_HEIGHT as _, DEFAULT_WIDTH as R, TITLE_LINE_HEIGHT as Q, MAX_SHOWN_UNIQUE_VALUES_IN_LABELS as Z, BLACK as U, TITLE_MARGIN as $ } from "../constants.js";
+import { FACET_TITLE_LINE as J } from "../discrete/constants.js";
+import { splitTextByWidth as L } from "../discrete/utils/splitTextByWidth.js";
+import { MIN_MARGIN as A, PADDINGS as D, DEFAULT_DOT_AES as F, LEGEND_OFFSET as k, TICK_OFFSET as v, DEFAULT_TICKS_SIZE as X, MIN_PADDING as I, FACET_TITLE_OFFSET as K, FACET_AXIS_OFFSET as G, TITLE_LINE as B } from "./constants.js";
+import { createAesGetter as Y } from "./utils/createAesGetter.js";
+import { getTicksAndFormat as y } from "./utils/getTicksAndFormat.js";
+import { isContinuousAes as O } 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 tt } from "../utils/getContinuousColorScale.js";
+import { getContinuousLegendTicks as it } from "../utils/getContinuousLegendTicks.js";
+import { TextMeasurer as et } from "../utils/TextMeasurer.js";
+import { createRoot as st } from "../node_modules/react-dom/client.js";
+import { ChartsGroup as ot } from "./components/ChartsGroup.js";
+import { arrangeLegendParts as nt } from "../utils/arrangeLegendParts.js";
+import H from "../node_modules/d3-scale/src/linear.js";
+import j from "../node_modules/d3-scale/src/log.js";
+import ht from "../node_modules/d3-scale/src/ordinal.js";
+import at from "../node_modules/d3-scale/src/symlog.js";
+import { sqrt as rt } from "../node_modules/d3-scale/src/pow.js";
+function lt(l, i, t, e) {
+  const s = [];
+  return l % t === t - 1 && s.push("right"), l % t === 0 && s.push("left"), l < t && s.push("top"), (Math.ceil((l + 1) / t) === e || Math.ceil((l + 1) / t) === e - 1 && l % t > (i - 1) % t) && s.push("bottom"), s;
+}
+function ct(l, i, t, e, s, r, u) {
+  const g = r.includes("left") || !(u != null && u.sharedY), M = r.includes("left") && i.title !== "", N = r.includes("bottom") || !(u != null && u.sharedX), z = r.includes("bottom") && l.title !== "", c = t.yAxisCaptionsWidth + 2 * v, a = (i.showTicks ? X : 0) + v, d = M ? B + I : 0, T = t.xAxisCaptionsWidth + 2 * v, E = l.showTicks ? X : 0, n = z ? B + I : 0, o = c + a + d + G, p = T + E + n + G, h = Math.max(...e.map((m) => s[m].length));
+  return {
+    left: g ? o : I,
+    top: h === 0 ? 0 : K * 2 + h * J,
+    bottom: N ? p + 8 : I,
+    right: I
+  };
+}
+function mt(l, i, t) {
+  const e = [];
+  for (let s = 0; s < i; s++)
+    e.push(l.slice(s * t, s * t + t));
+  return e;
+}
+function dt(l, i) {
+  const t = Math.floor(l / i), e = l - t * i;
+  return [t, e];
+}
+function pt(l, i, t) {
+  const e = i.find((r) => r.type === "dots"), s = i.find((r) => r.type === "curve");
+  return {
+    dotShape: Y(l, (e == null ? void 0 : e.aes.dotShape) ?? F.shape, "dotShape"),
+    dotColor: Y(l, (e == null ? void 0 : e.aes.dotFill) ?? F.color, "dotFill"),
+    dotSize: Y(l, (e == null ? void 0 : e.aes.dotSize) ?? F.size, "dotSize"),
+    lineShape: Y(l, (s == null ? void 0 : s.aes.lineShape) ?? "solid", "lineShape"),
+    lineColor: Y(l, (s == null ? void 0 : s.aes.lineColor) ?? U, "lineColor"),
+    trendColor: Y(l, (t == null ? void 0 : t.color) ?? F.color, "fillColor")
+  };
+}
+class Ot {
+  constructor() {
+    C(this, "reactRoot", null);
+    C(this, "parentNode", null);
+    C(this, "rootNode", null);
+    C(this, "component", /* @__PURE__ */ W.jsx(W.Fragment, {}));
+    C(this, "margins", {
+      top: A,
+      bottom: A,
+      left: A,
+      right: A
+    });
+    C(this, "chartsDimensions", {});
+    C(this, "chartSizes", {
+      chartWidth: R,
+      // width of single chart
+      chartHeight: _,
+      // height of single chart
+      chartsWidth: R,
+      // width of all charts in charts row
+      chartsHeight: _,
+      // width of all charts in charts column, without axes
+      totalWidth: R,
+      // width of all charts in charts row, plus left axis, plus legend
+      totalHeight: _
+      // width of all charts in charts height, plus bottom axis, plus top title
+    });
+    C(this, "columnsCount", 1);
+    C(this, "rowsCount", 1);
+    C(this, "scales", {
+      x: { null: H().domain([0, 10]).range([0, R]) },
+      y: { null: H().domain([0, 10]).range([_, 0]) }
+    });
+    C(this, "captionsSizes", {
+      xAxisCaptionsWidth: 30,
+      yAxisCaptionsWidth: 100
+    });
+    C(this, "facetTitles", {});
+    // can be multiline
+    C(this, "mainTitle", []);
+    // can be multiline
+    C(this, "legend", { width: 0, height: 0, items: [] });
+  }
+  clear() {
+    var i;
+    this.parentNode && this.rootNode && ((i = this.parentNode) == null || i.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+      var t;
+      (t = this.reactRoot) == null || t.unmount(), this.reactRoot = null;
+    });
+  }
+  init(i) {
+    this.parentNode === null && (this.parentNode = i, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = st(this.rootNode));
+  }
+  updateChartSizes(i) {
+    this.chartSizes.chartWidth = i.width, this.chartSizes.chartHeight = i.height;
+  }
+  updateChartDimensions(i, t, e, s) {
+    const { chartWidth: r, chartHeight: u } = this.chartSizes;
+    let g = 0, M = 0;
+    this.chartsDimensions = i.reduce((c, a, d) => {
+      const [T, E] = dt(d, this.columnsCount), n = lt(d, i.length, this.columnsCount, this.rowsCount), o = ct(
+        e,
+        s,
+        this.captionsSizes,
+        mt(i, this.rowsCount, this.columnsCount)[T],
+        this.facetTitles,
+        n,
+        t
+      ), p = r + o.left + o.right, h = u + o.top + o.bottom;
+      return c[a] = {
+        left: g,
+        top: M,
+        chartEdgeSides: n,
+        padding: o,
+        inner: { width: r, height: u },
+        outer: { width: p, height: h }
+      }, g += p, E === this.columnsCount - 1 && (g = 0, M += h), c;
+    }, {});
+    const N = Math.max(
+      ...i.map((c) => this.chartsDimensions[c].outer.width + this.chartsDimensions[c].left)
+    ), z = Math.max(
+      ...i.map((c) => this.chartsDimensions[c].outer.height + this.chartsDimensions[c].top)
+    );
+    this.chartSizes.chartsWidth = N, this.chartSizes.chartsHeight = z;
+  }
+  updateViewport(i, t, e, s, r, u) {
+    const g = i.length, M = Math.min(t.nRows ?? g, g), N = Math.min(t.nCols ?? g, g);
+    this.columnsCount = t.nRows ? Math.ceil(g / M) : N, this.rowsCount = Math.ceil(g / this.columnsCount);
+    let [z, c] = [1 / 0, -1 / 0], [a, d] = [1 / 0, -1 / 0];
+    const T = i.reduce((n, o) => {
+      const p = r[o], { minX: h, minY: m, maxX: f, maxY: x } = p;
+      return z = Math.min(z, h), a = Math.min(a, m), c = Math.max(c, f), d = Math.max(d, x), n[o] = { minX: h, maxX: f, minY: m, maxY: x }, n;
+    }, {});
+    i.forEach((n) => {
+      const o = e.scale === "log" ? j() : H(), p = T[n];
+      let h = e.lowerValue ? Number(e.lowerValue) : t.sharedX ? z : p.minX, m = e.upperValue ? Number(e.upperValue) : t.sharedX ? c : p.maxX;
+      if (typeof e.symmetricRange < "u") {
+        const S = e.symmetricRange;
+        if (S >= h && S <= m) {
+          const w = Math.max(S - h, m - S);
+          h = S - w, m = S + w;
+        }
+      }
+      const f = [0, this.chartSizes.chartWidth], x = o.copy().domain([h, m]).range([D.LEFT, this.chartSizes.chartWidth - D.RIGHT]);
+      o.domain([x.invert(0), x.invert(this.chartSizes.chartWidth)]).range(f).nice(), this.scales.x[n] = o;
+    });
+    const E = i.reduce((n, o) => {
+      const p = u ? u[o] : [];
+      return n[o] = p.reduce(
+        (h, m) => {
+          const f = m.bounded ? m.xBounds : this.scales.x[o].domain(), x = m.getInterval(f[0]), S = m.getInterval(f[1]);
+          return h.minY = Math.min(h.minY, isNaN(x.left) ? h.minY : x.left, isNaN(S.left) ? h.minY : S.left), h.maxY = Math.max(h.maxY, isNaN(x.right) ? h.maxY : x.right, isNaN(S.right) ? h.maxY : S.right), h;
+        },
+        { minY: 1 / 0, maxY: -1 / 0 }
+      ), a = Math.min(a, n[o].minY), d = Math.max(d, n[o].maxY), n;
+    }, {});
+    i.forEach((n) => {
+      const o = s.scale === "log" ? j() : H(), p = T[n], h = E[n];
+      let m = s.lowerValue ? Number(s.lowerValue) : t.sharedY ? a : Math.min(p.minY, h.minY), f = s.upperValue ? Number(s.upperValue) : t.sharedY ? d : Math.max(p.maxY, h.maxY);
+      if (typeof s.symmetricRange < "u") {
+        const w = s.symmetricRange;
+        if (w >= m && w <= f) {
+          const b = Math.max(w - m, f - w);
+          m = w - b, f = w + b;
+        }
+      }
+      const x = [this.chartSizes.chartHeight, 0], S = o.copy().domain([m, f]).range([this.chartSizes.chartHeight - D.BOTTOM, D.TOP]);
+      o.domain([S.invert(this.chartSizes.chartHeight), S.invert(0)]).range(x).nice(), this.scales.y[n] = o;
+    });
+  }
+  updateCaptionsSize(i) {
+    const t = new et("600 14px Arial");
+    let e = 0;
+    function s(r) {
+      return Math.max(...r.map((u) => t.getTextWidth(u)));
+    }
+    Object.values(this.scales.y).forEach((r) => {
+      const { ticks: u, format: g } = y(r, i);
+      e = Math.max(e, s(u.map(g)));
+    }), this.captionsSizes = {
+      xAxisCaptionsWidth: 20,
+      yAxisCaptionsWidth: e
+    };
+  }
+  createMainTitle(i, t) {
+    const e = this.chartsDimensions[i[0]], s = this.chartsDimensions[i[i.length - 1]];
+    this.mainTitle = L(
+      t.name,
+      this.chartSizes.chartsWidth - e.padding.left - s.padding.right,
+      20
+    );
+  }
+  createFacetTitles(i, t) {
+    this.facetTitles = i.reduce((e, s, r) => (t[r].length === 1 && t[r][0] === "null" ? e[s] = [] : e[s] = L(t[r].join(", "), this.chartSizes.chartWidth, 14), e), {});
+  }
+  updateMargins() {
+    const i = Q * this.mainTitle.length, t = i > 0 ? i + $ * 2 : 0;
+    this.margins = {
+      top: Math.max(t, A),
+      bottom: A,
+      left: A,
+      right: this.legend.width + A
+    }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;
+  }
+  updateLegendSize(i, t, e, s) {
+    if (!i.show) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const r = [], u = { width: 0, height: 0, left: 0, top: 0 };
+    if (e.forEach((c) => {
+      const a = t[c.value];
+      if (a.usedAes.length === 0 || !a.aesMap)
+        return;
+      if (a.values.length > Z) {
+        console.warn(`Too many values for discrete legend (${a.values.length})`);
+        return;
+      }
+      const d = {};
+      a.values.forEach((n) => {
+        d[n] || (d[n] = { ...F }), a.usedAes.forEach((o) => {
+          var p, h, m;
+          (o === "dotFill" || o === "lineColor") && (d[n].color = ((p = a.aesMap[n]) == null ? void 0 : p[o]) ?? U), o === "dotShape" && (d[n].shape = ((h = a.aesMap[n]) == null ? void 0 : h[o]) ?? "21"), o === "dotSize" && (d[n].size = ((m = a.aesMap[n]) == null ? void 0 : m[o]) ?? 3);
+        });
+      });
+      const T = c.label ?? c.value, E = ht().domain(a.values).range(a.values.map((n) => d[n])).unknown(F);
+      r.push({ ...u, id: c.value, type: "dots", title: T, scale: E, values: a.values, labels: a.labels });
+    }), s.forEach((c) => {
+      if (c.type === "dots" && O(c.aes.dotFill)) {
+        const { domain: a, range: d, columnName: T, type: E = "linear" } = c.aes.dotFill, n = T.label ?? T.value, o = tt(d, a, "linear"), p = (E === "log" ? at() : H()).domain(a).range([this.chartSizes.chartHeight, 0]), h = it(p, a);
+        r.push({ ...u, id: "dotFill", type: "continuous", title: n, scale: o, tickPositionScale: p, values: h });
+      }
+      if (c.type === "dots" && O(c.aes.dotSize)) {
+        const { columnName: a, domain: d, range: T } = c.aes.dotSize, E = a.label ?? a.value, n = rt(d, T), o = n.ticks(3), p = n.tickFormat(3), h = o.reduce((m, f) => (m[String(f)] = p(f), m), {});
+        r.push({ ...u, id: a.value, type: "size", title: E, scale: n, values: o, labels: h });
+      }
+    }), !r.length) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const g = nt(r, this.chartSizes.chartHeight), M = g[g.length - 1], N = M.left + M.width + k, z = this.chartSizes.chartHeight;
+    this.legend = {
+      width: N,
+      height: z,
+      items: g
+    };
+  }
+  render(i, t, e, s, r, u, g, M, N, z, c, a, d, T, E) {
+    var x;
+    const { xAxis: n, yAxis: o, size: p, title: h, legend: m } = t;
+    this.updateChartSizes(p), this.updateViewport(s, e, n, o, u, g), this.updateCaptionsSize(N.y), this.createFacetTitles(s, r), this.updateChartDimensions(s, e, n, o), this.updateLegendSize(m, z, a, d), this.createMainTitle(s, h), this.updateMargins();
+    const f = /* @__PURE__ */ W.jsx(
+      ot,
+      {
+        settingsId: i,
+        chartSettings: t,
+        facetKeys: s,
+        facetSettings: e,
+        chartSizes: this.chartSizes,
+        chartsDimensions: this.chartsDimensions,
+        scales: this.scales,
+        groupedDots: u,
+        trendsData: g,
+        legendData: this.legend,
+        columnsCount: this.columnsCount,
+        margins: this.margins,
+        keyColumn: M,
+        mainTitle: this.mainTitle,
+        facetTitles: this.facetTitles,
+        captionsSizes: this.captionsSizes,
+        onlyPositive: N,
+        layersData: c,
+        aesGetters: pt(z, d, T),
+        onTooltipHintSwitch: E
+      }
+    );
+    this.component = f, (x = this.reactRoot) == null || x.render(f);
+  }
+  renderError(i) {
+    var t;
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ W.jsx(q, { message: i }));
+  }
+}
+export {
+  Ot as default
+};
+//# sourceMappingURL=ChartRenderer.js.map

package/dist/scatterplot/ChartRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/scatterplot/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 {FACET_TITLE_LINE} from '../discrete/constants';\nimport {splitTextByWidth} from '../discrete/utils';\nimport type {CurveLayer, DotsLayer} from './ScatterplotSettingsImpl';\nimport type {AesGetters, CaptionsSizes, Margins} from './components/types';\nimport {\n    DEFAULT_DOT_AES,\n    FACET_AXIS_OFFSET,\n    FACET_TITLE_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    TICK_OFFSET,\n    TITLE_LINE,\n} from './constants';\nimport {LEGEND_OFFSET} from './constants';\nimport type {GroupedDots} from './dots';\nimport type {ScatterplotLayerData} from './getLayersData';\nimport type {TrendsData} from './linearRegression';\nimport type {ScatterplotLayer} from './ScatterplotSettingsImpl';\nimport type {ScatterplotSettingsImpl} from './ScatterplotSettingsImpl';\nimport {createAesGetter} from './utils/createAesGetter';\nimport {getTicksAndFormat} from './utils/getTicksAndFormat';\nimport {isContinuousAes} from '../types';\nimport type {ColumnName, ScatterplotLegendInfo} from '../types';\nimport {getContinuousColorScale} from '../utils/getContinuousColorScale';\nimport {getContinuousLegendTicks} from '../utils/getContinuousLegendTicks';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type {ScaleLinear} from 'd3-scale';\nimport {scaleLinear, scaleLog, scaleOrdinal, scaleSqrt, scaleSymlog} from 'd3-scale';\nimport {DEFAULT_TICKS_SIZE, PADDINGS} 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 {ChartsGroup} from './components/ChartsGroup';\nimport type {ChartDimensionsData, ChartSizes, ChartsScales} from './components/types';\nimport { arrangeLegendParts } from '../utils/arrangeLegendParts';\nimport type { DotAesItem, LegendData, LegendItem } from '../common/types';\n\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n    yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    facetSettings?: ScatterplotSettingsImpl['facetSettings']\n) {\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needLeftAxisTitle = chartEdgeSides.includes('left') && yAxis.title !== '';\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.yAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + TICK_OFFSET;\n    const yAxisTitle = needLeftAxisTitle ? TITLE_LINE + MIN_PADDING : 0;\n\n    const xCaptions = captionsSizes.xAxisCaptionsWidth + 2 * TICK_OFFSET;\n    const xTicks = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE + MIN_PADDING : 0;\n\n    const leftAxisElements = yCaptions + yTicks + yAxisTitle + FACET_AXIS_OFFSET;\n    const bottomAxisElements = xCaptions + xTicks + xAxisTitle + FACET_AXIS_OFFSET;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements + 8 : MIN_PADDING,\n        right: MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction createAesGetters(\n    legendInfo: ScatterplotLegendInfo,\n    layers: ScatterplotLayer[],\n    trend: ScatterplotSettingsImpl['trend']\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\n    return {\n        dotShape: createAesGetter(legendInfo, dotLayer?.aes.dotShape ?? DEFAULT_DOT_AES.shape,'dotShape'),\n        dotColor: createAesGetter(legendInfo, dotLayer?.aes.dotFill ?? DEFAULT_DOT_AES.color, 'dotFill'),\n        dotSize: createAesGetter(legendInfo, dotLayer?.aes.dotSize ?? DEFAULT_DOT_AES.size, 'dotSize'),\n        lineShape: createAesGetter(legendInfo, curveLayer?.aes.lineShape ?? 'solid', 'lineShape'),\n        lineColor: createAesGetter(legendInfo, curveLayer?.aes.lineColor ?? BLACK, 'lineColor'),\n        trendColor: createAesGetter(legendInfo, trend?.color ?? DEFAULT_DOT_AES.color, 'fillColor')\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\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    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {width: 0, height: 0, items: []};\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = 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.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: ScatterplotSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                getFacetRows(facetKeys, this.rowsCount, this.columnsCount)[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                facetSettings\n            );\n\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        xAxis: ScatterplotSettingsImpl['chartSettings']['xAxis'],\n        yAxis: ScatterplotSettingsImpl['chartSettings']['yAxis'],\n        groupedDots: GroupedDots,\n        trendsData: TrendsData | null\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let [minYAll, maxYAll] = [Infinity, -Infinity];\n        const dotExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const dotsData = groupedDots[key];\n            const {minX, minY, maxX, maxY} = dotsData;\n            minXAll = Math.min(minXAll, minX);\n            minYAll = Math.min(minYAll, minY);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, maxY);\n            res[key] = {minX, maxX, minY, maxY};\n            return res;\n        }, {});\n\n        facetKeys.forEach(key => {\n            const scaleX = xAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n            const extents = dotExtentsByKeys[key];\n            let minX = xAxis.lowerValue ? Number(xAxis.lowerValue) : facetSettings.sharedX ? minXAll : extents.minX;\n            let maxX = xAxis.upperValue ? Number(xAxis.upperValue) : facetSettings.sharedX ? maxXAll : extents.maxX;\n\n            if (typeof 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\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[key] = scaleX;\n        });\n        // for right Y viewport bounds we must know X bounds, to calculate trends area Y bounds\n        const trendYBoundsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const trendsList = trendsData ? trendsData[key] : [];\n            res[key] = trendsList.reduce(\n                (res, trend) => {\n                    const xBounds = trend.bounded ? trend.xBounds : this.scales.x[key].domain();\n                    const i1 = trend.getInterval(xBounds[0]);\n                    const i2 = trend.getInterval(xBounds[1]);\n                    res.minY = Math.min(res.minY, isNaN(i1.left) ? res.minY : i1.left, isNaN(i2.left) ? res.minY : i2.left);\n                    res.maxY = Math.max(res.maxY, isNaN(i1.right) ? res.maxY : i1.right, isNaN(i2.right) ? res.maxY : i2.right);\n                    return res;\n                },\n                {minY: Infinity, maxY: -Infinity}\n            );\n            minYAll = Math.min(minYAll, res[key].minY);\n            maxYAll = Math.max(maxYAll, res[key].maxY);\n            return res;\n        }, {});\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleLog() : scaleLinear();\n\n            const dotExtents = dotExtentsByKeys[key];\n            const trendExtents = trendYBoundsByKeys[key];\n            let minY = yAxis.lowerValue ? Number(yAxis.lowerValue) : facetSettings.sharedY ? minYAll : Math.min(dotExtents.minY, trendExtents.minY);\n            let maxY = yAxis.upperValue ? Number(yAxis.upperValue) : facetSettings.sharedY ? maxYAll : Math.max(dotExtents.maxY, trendExtents.maxY);\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 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[key] = scaleY;\n        });\n    }\n\n    updateCaptionsSize(onlyPositive: boolean) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        let maxYTick = 0;\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        Object.values(this.scales.y).forEach(scale => {\n            const {ticks, format} = getTicksAndFormat(scale, onlyPositive);\n            maxYTick = Math.max(maxYTick, getMaxTickWidth(ticks.map(format)));\n        });\n        this.captionsSizes = {\n            xAxisCaptionsWidth: 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: ScatterplotSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\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,\n            left: MIN_MARGIN,\n            right: this.legend.width + MIN_MARGIN,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight =\n            this.margins.top + Math.max(this.chartSizes.chartsHeight, this.legend.height) + this.margins.bottom;\n    }\n\n    updateLegendSize(\n        legend: ScatterplotSettingsImpl['chartSettings']['legend'],\n        legendInfo: ScatterplotLegendInfo,\n        grouping: ColumnName[],\n        layers: ScatterplotLayer[]\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 = legendInfo[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' || key === 'lineColor') {\n                        aesData[columnValue].color = info.aesMap[columnValue]?.[key] ?? BLACK;\n                    }\n                    if (key === 'dotShape') {\n                        aesData[columnValue].shape = info.aesMap[columnValue]?.[key] ?? '21';\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                .unknown(DEFAULT_DOT_AES);\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\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    render(\n        settingsId: string,\n        chartSettings: ScatterplotSettingsImpl['chartSettings'],\n        facetSettings: ScatterplotSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        groupedDots: GroupedDots,\n        trendsData: TrendsData | null,\n        keyColumn: ColumnName,\n        onlyPositive: {x: boolean; y: boolean},\n        legendInfo: ScatterplotLegendInfo,\n        layersData: Record<string, ScatterplotLayerData[]>,\n        grouping: ColumnName[],\n        layers: ScatterplotLayer[],\n        trend: ScatterplotSettingsImpl['trend'],\n        onTooltipHintSwitch: (v:boolean) => void\n    ) {\n        const {xAxis, yAxis, size, title, legend} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, groupedDots, trendsData);\n        this.updateCaptionsSize(onlyPositive.y);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.updateLegendSize(legend, legendInfo, grouping, layers);\n        this.createMainTitle(facetKeys, title);\n        this.updateMargins();\n        const component = (\n            <ChartsGroup\n                settingsId={settingsId}\n                chartSettings={chartSettings}\n                facetKeys={facetKeys}\n                facetSettings={facetSettings}\n                chartSizes={this.chartSizes}\n                chartsDimensions={this.chartsDimensions}\n                scales={this.scales}\n                groupedDots={groupedDots}\n                trendsData={trendsData}\n                legendData={this.legend}\n                columnsCount={this.columnsCount}\n                margins={this.margins}\n                keyColumn={keyColumn}\n                mainTitle={this.mainTitle}\n                facetTitles={this.facetTitles}\n                captionsSizes={this.captionsSizes}\n                onlyPositive={onlyPositive}\n                layersData={layersData}\n                aesGetters={createAesGetters(legendInfo, layers, trend)}\n                onTooltipHintSwitch={onTooltipHintSwitch}\n            />\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","facetSettings","needLeftAxis","needLeftAxisTitle","needBottomAxis","needBottomAxisTitle","yCaptions","TICK_OFFSET","yTicks","DEFAULT_TICKS_SIZE","yAxisTitle","TITLE_LINE","MIN_PADDING","xCaptions","xTicks","xAxisTitle","leftAxisElements","FACET_AXIS_OFFSET","bottomAxisElements","facetTitlesLinesCount","key","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getFacetRows","facetKeys","nRows","nColumns","result","i","getRowColumn","idx","row","column","createAesGetters","legendInfo","layers","trend","dotLayer","l","curveLayer","createAesGetter","DEFAULT_DOT_AES","BLACK","ChartRenderer","__publicField","jsx","Fragment","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","_a","node","createRoot","size","chartWidth","chartHeight","currentLeft","currentTop","res","currentRow","currentColumn","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","groupedDots","trendsData","facetCount","maxNRows","maxNCols","minXAll","maxXAll","minYAll","maxYAll","dotExtentsByKeys","dotsData","minX","minY","maxX","maxY","scaleX","scaleLog","extents","middle","halfRange","rangeH","tempX","PADDINGS","trendYBoundsByKeys","trendsList","xBounds","i1","i2","scaleY","dotExtents","trendExtents","rangeV","tempY","onlyPositive","textMeasurer","TextMeasurer","maxYTick","getMaxTickWidth","ticks","scale","format","getTicksAndFormat","title","firstChart","lastChart","splitTextByWidth","facetLabels","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","legend","grouping","legendItems","emptySizes","info","MAX_SHOWN_UNIQUE_VALUES_IN_LABELS","aesData","columnValue","_b","_c","scaleOrdinal","value","layer","isContinuousAes","domain","range","columnName","type","colorScale","getContinuousColorScale","tickPositionScale","scaleSymlog","values","getContinuousLegendTicks","scaleSqrt","labels","v","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","settingsId","chartSettings","keyColumn","layersData","onTooltipHintSwitch","component","ChartsGroup","message","Error"],"mappings":"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"}

package/dist/scatterplot/ScatterplotSettingsImpl.d.ts

@@ -0,0 +1,76 @@
+import { AesMap, AxisSettings, ColumnName, ContinuousAesFromColumn, FrameType, InheritAesScatterplot, LegendPosition, LineShape, CurveLayer as OuterCurveLayer, DotsLayer as OuterDotsLayer, PointShape, ScatterplotSettings, SettingsInterface, TitlePosition } from '../types';
+export declare class DotsLayer {
+    readonly type = "dots";
+    readonly aes: {
+        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
+        dotShape: PointShape | InheritAesScatterplot;
+        dotSize: number | ContinuousAesFromColumn<number>;
+        opacity: number;
+    };
+    constructor(layer: OuterDotsLayer);
+}
+export declare class CurveLayer {
+    readonly type = "curve";
+    readonly smoothing: boolean;
+    readonly aes: {
+        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
+        lineWidth: number;
+        lineShape: LineShape;
+        opacity: number;
+    };
+    constructor(layer: OuterCurveLayer);
+}
+export type ScatterplotLayer = DotsLayer | CurveLayer;
+export interface ScatterplotAxisSettings extends AxisSettings {
+    title: string | ColumnName;
+}
+export declare class ScatterplotSettingsImpl implements SettingsInterface {
+    readonly id: string;
+    readonly type = "scatterplot";
+    readonly keyColumn: ColumnName;
+    readonly facetSettings: {
+        sharedX: boolean;
+        sharedY: boolean;
+        nRows?: number;
+        nCols?: number;
+        titlePosition: 'left' | 'center' | 'right';
+    };
+    readonly x: ColumnName;
+    readonly y: ColumnName;
+    readonly facetBy: ColumnName[];
+    readonly grouping: ColumnName[];
+    readonly label: ColumnName | null;
+    readonly highlight: ColumnName | null;
+    readonly chartSettings: {
+        readonly size: {
+            width: number;
+            height: number;
+        };
+        readonly title: {
+            name: string;
+            show: boolean;
+            position: TitlePosition;
+        };
+        readonly yAxis: ScatterplotAxisSettings;
+        readonly xAxis: ScatterplotAxisSettings;
+        readonly frame: {
+            type: FrameType;
+        };
+        readonly legend: {
+            show: boolean;
+            position: LegendPosition;
+        };
+        readonly tooltips: {
+            show: boolean;
+            content?: ColumnName[];
+        };
+    };
+    readonly inheritedAes: Record<string, AesMap>;
+    readonly trend: {
+        bounded: boolean;
+        color: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;
+    } | null;
+    readonly layers: ScatterplotLayer[];
+    constructor(settings: ScatterplotSettings);
+}
+//# sourceMappingURL=ScatterplotSettingsImpl.d.ts.map

package/dist/scatterplot/ScatterplotSettingsImpl.d.ts.map

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

package/dist/scatterplot/ScatterplotSettingsImpl.js

@@ -0,0 +1,114 @@
+var c = Object.defineProperty;
+var u = (r, e, t) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var o = (r, e, t) => u(r, typeof e != "symbol" ? e + "" : e, t);
+import { DEFAULT_HEIGHT_SMALL as d, DEFAULT_HEIGHT as m, DEFAULT_WIDTH_SMALL as y, DEFAULT_WIDTH as f, BLACK as l } from "../constants.js";
+import "../types/common.js";
+import "../types/discrete.js";
+import { ScatterplotSettingsSchema as n } from "../types/scatterplot.js";
+import "../types/heatmap.js";
+import "../types/dendro.js";
+import "../types/histogram.js";
+import "../types/bubble.js";
+import { exhaustive as S } from "../utils/index.js";
+import s from "../node_modules/lodash/lodash.js";
+class A {
+  constructor(e) {
+    o(this, "type", "dots");
+    o(this, "aes", {
+      dotFill: l,
+      dotShape: "21",
+      dotSize: 3,
+      opacity: 1
+    });
+    this.aes = {
+      ...this.aes,
+      ...e.aes
+    };
+  }
+}
+class x {
+  constructor(e) {
+    o(this, "type", "curve");
+    o(this, "smoothing");
+    o(this, "aes", {
+      lineColor: l,
+      lineWidth: 1,
+      lineShape: "solid",
+      opacity: 1
+    });
+    this.smoothing = e.smoothing ?? !1, this.aes = {
+      ...this.aes,
+      ...e.aes
+    };
+  }
+}
+class I {
+  constructor(e) {
+    o(this, "id");
+    o(this, "type", "scatterplot");
+    o(this, "keyColumn");
+    o(this, "facetSettings");
+    o(this, "x");
+    o(this, "y");
+    o(this, "facetBy");
+    o(this, "grouping");
+    o(this, "label");
+    o(this, "highlight");
+    o(this, "chartSettings");
+    o(this, "inheritedAes");
+    o(this, "trend");
+    o(this, "layers");
+    var t, h, a, p;
+    n.parse(e), this.id = s.uniqueId("settings"), this.keyColumn = e.keyColumn, this.facetSettings = { sharedX: !0, sharedY: !0, titlePosition: "left", ...e.facetSettings }, this.x = e.x, this.y = e.y, this.facetBy = e.facetBy ?? [], this.grouping = e.grouping ?? [], this.label = e.label ?? null, this.highlight = e.highlight ?? null, this.chartSettings = {
+      size: {
+        width: ((t = e == null ? void 0 : e.size) == null ? void 0 : t.width) ?? (this.facetBy.length ? y : f),
+        height: ((h = e == null ? void 0 : e.size) == null ? void 0 : h.height) ?? (this.facetBy.length ? d : m)
+      },
+      title: {
+        position: "center",
+        show: !0,
+        ...e.title,
+        name: ((a = e.title) == null ? void 0 : a.name) ?? "Chart"
+      },
+      yAxis: {
+        title: e.y.label ?? e.y.value,
+        scale: "linear",
+        showGrid: !0,
+        showTicks: !0,
+        ...e.yAxis
+      },
+      xAxis: {
+        title: e.x.label ?? e.x.value,
+        scale: "linear",
+        showGrid: !0,
+        showTicks: !0,
+        ...e.xAxis
+      },
+      frame: { type: ((p = e.frame) == null ? void 0 : p.type) ?? "full" },
+      legend: {
+        show: !0,
+        position: "right",
+        ...e.legend
+      },
+      tooltips: {
+        show: !0,
+        ...e.tooltips
+      }
+    }, this.inheritedAes = e.inheritedAes ?? {}, this.trend = e != null && e.trend ? {
+      bounded: e.trend.bounded ?? !1,
+      color: e.trend.color ?? l
+    } : null, this.layers = e.layers.map((i) => {
+      if (i.type === "dots")
+        return new A(i);
+      if (i.type === "curve")
+        return new x(i);
+      S(i, "Unknown layer type");
+    }).filter(Boolean);
+  }
+}
+export {
+  x as CurveLayer,
+  A as DotsLayer,
+  I as ScatterplotSettingsImpl
+};
+//# sourceMappingURL=ScatterplotSettingsImpl.js.map