@milaboratories/graph-maker 1.1.131 → 1.1.133

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/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","n","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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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/ScatterplotSettingsImpl.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/ScatterplotSettingsImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterplotSettingsImpl.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/ScatterplotSettingsImpl.ts"],"sourcesContent":["import {BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL} from '../constants';\nimport {type AesMap, ScatterplotSettingsSchema} from '../types';\nimport type {\n    AxisSettings,\n    ColumnName,\n    ContinuousAesFromColumn,\n    FrameType,\n    InheritAesScatterplot,\n    LegendPosition,\n    LineShape,\n    CurveLayer as OuterCurveLayer,\n    DotsLayer as OuterDotsLayer,\n    PointShape,\n    ScatterplotSettings,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport {exhaustive} from '../utils';\nimport lodash from 'lodash';\n\nexport class DotsLayer {\n    readonly type = 'dots';\n    readonly aes: {\n        dotFill: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        dotShape: PointShape | InheritAesScatterplot;\n        dotSize: number | ContinuousAesFromColumn<number>;\n        opacity: number;\n    } = {\n        dotFill: BLACK,\n        dotShape: '21',\n        dotSize: 3,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterDotsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class CurveLayer {\n    readonly type = 'curve';\n    readonly smoothing: boolean;\n    readonly aes: {\n        lineColor: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n        lineWidth: number;\n        lineShape: LineShape;\n        opacity: number;\n    } = {\n        lineColor: BLACK,\n        lineWidth: 1,\n        lineShape: 'solid',\n        opacity: 1,\n    };\n\n    constructor(layer: OuterCurveLayer) {\n        this.smoothing = layer.smoothing ?? false;\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type ScatterplotLayer = DotsLayer | CurveLayer;\n\nexport interface ScatterplotAxisSettings extends AxisSettings {\n    title: string | ColumnName;\n}\n\nexport class ScatterplotSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'scatterplot';\n    readonly keyColumn: ColumnName;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly x: ColumnName;\n    readonly y: ColumnName;\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName[];\n    readonly label: ColumnName | null;\n    readonly highlight: ColumnName | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: ScatterplotAxisSettings;\n        readonly xAxis: ScatterplotAxisSettings;\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n        readonly tooltips: {show: boolean; content?: ColumnName[]};\n    };\n    readonly inheritedAes: Record<string, AesMap>;\n\n    readonly trend: {\n        bounded: boolean;\n        color: string | InheritAesScatterplot | ContinuousAesFromColumn<string>;\n    } | null;\n\n    readonly layers: ScatterplotLayer[];\n\n    constructor(settings: ScatterplotSettings) {\n        ScatterplotSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.keyColumn = settings.keyColumn;\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.x = settings.x;\n        this.y = settings.y;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? [];\n        this.label = settings.label ?? null;\n        this.highlight = settings.highlight ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                title: settings.y.label ?? settings.y.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.x.label ?? settings.x.value,\n                scale: 'linear',\n                showGrid: true,\n                showTicks: true,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n            tooltips: {\n                show: true,\n                ...settings.tooltips,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n        this.trend = settings?.trend\n            ? {\n                  bounded: settings.trend.bounded ?? false,\n                  color: settings.trend.color ?? BLACK,\n              }\n            : null;\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'dots') {\n                    return new DotsLayer(layer);\n                }\n                if (layer.type === 'curve') {\n                    return new CurveLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as ScatterplotLayer[];\n    }\n}\n"],"names":["DotsLayer","layer","__publicField","BLACK","CurveLayer","ScatterplotSettingsImpl","settings","ScatterplotSettingsSchema","lodash","_a","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","_d","exhaustive"],"mappings":";;;;;;;;;;;AAoBO,MAAMA,EAAU;AAAA,EAcnB,YAAYC,GAAuB;AAb1BC,IAAAA,EAAA,MAAA,QAAO,MAAA,GACPA,EAAA,MAAA,OAKL;AAAA,MACA,SAASC;AAAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA,IAAA,CAAA,GAIT,KAAK,MAAM;AAAA,MACP,GAAG,KAAK;AAAA,MACR,GAAGF,EAAM;AAAA,IAAA;AAAA,EAEjB;AACJ;AAEO,MAAMG,EAAW;AAAA,EAepB,YAAYH,GAAwB;AAd3BC,IAAAA,EAAA,MAAA,QAAO,OAAA,GACPA,EAAA,MAAA,WAAA,GACAA,EAAA,MAAA,OAKL;AAAA,MACA,WAAWC;AAAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CAAA,GAIT,KAAK,YAAYF,EAAM,aAAa,IACpC,KAAK,MAAM;AAAA,MACP,GAAG,KAAK;AAAA,MACR,GAAGA,EAAM;AAAA,IAAA;AAAA,EAEjB;AACJ;AAQO,MAAMI,EAAqD;AAAA,EAmC9D,YAAYC,GAA+B;AAlClCJ,IAAAA,EAAA,MAAA,IAAA,GACAA,EAAA,MAAA,QAAO,aAAA,GACPA,EAAA,MAAA,WAAA,GACAA,EAAA,MAAA,eAAA,GAOAA,EAAA,MAAA,GAAA,GACAA,EAAA,MAAA,GAAA,GACAA,EAAA,MAAA,SAAA,GACAA,EAAA,MAAA,UAAA,GACAA,EAAA,MAAA,OAAA,GACAA,EAAA,MAAA,WAAA,GACAA,EAAA,MAAA,eAAA,GASAA,EAAA,MAAA,cAAA,GAEAA,EAAA,MAAA,OAAA,GAKAA,EAAA,MAAA,QAAA;;AAGLK,IAAAA,EAA0B,MAAMD,CAAQ,GACxC,KAAK,KAAKE,EAAO,SAAS,UAAU,GACpC,KAAK,YAAYF,EAAS,WAC1B,KAAK,gBAAgB,EAAC,SAAS,IAAM,SAAS,IAAM,eAAe,QAAQ,GAAGA,EAAS,iBACvF,KAAK,IAAIA,EAAS,GAClB,KAAK,IAAIA,EAAS,GAClB,KAAK,UAAUA,EAAS,WAAW,CAAA,GACnC,KAAK,WAAWA,EAAS,YAAY,CAAA,GACrC,KAAK,QAAQA,EAAS,SAAS,MAC/B,KAAK,YAAYA,EAAS,aAAa,MACvC,KAAK,gBAAgB;AAAA,MACjB,MAAM;AAAA,QACF,SAAOG,IAAAH,KAAA,OAAA,SAAAA,EAAU,SAAV,OAAA,SAAAG,EAAgB,WAAU,KAAK,QAAQ,SAASC,IAAsBC;AAAAA,QAC7E,UAAQC,IAAAN,KAAA,OAAA,SAAAA,EAAU,SAAV,OAAA,SAAAM,EAAgB,YAAW,KAAK,QAAQ,SAASC,IAAuBC;AAAAA,MAAA;AAAA,MAEpF,OAAO;AAAA,QACH,UAAU;AAAA,QACV,MAAM;AAAA,QACN,GAAGR,EAAS;AAAA,QACZ,QAAMS,IAAAT,EAAS,UAAT,OAAA,SAAAS,EAAgB,SAAQ;AAAA,MAAA;AAAA,MAElC,OAAO;AAAA,QACH,OAAOT,EAAS,EAAE,SAASA,EAAS,EAAE;AAAA,QACtC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,GAAGA,EAAS;AAAA,MAAA;AAAA,MAEhB,OAAO;AAAA,QACH,OAAOA,EAAS,EAAE,SAASA,EAAS,EAAE;AAAA,QACtC,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WAAW;AAAA,QACX,GAAGA,EAAS;AAAA,MAAA;AAAA,MAEhB,OAAO,EAAC,QAAMU,IAAAV,EAAS,UAAT,OAAA,SAAAU,EAAgB,SAAQ,OAAA;AAAA,MACtC,QAAQ;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAGV,EAAS;AAAA,MAAA;AAAA,MAEhB,UAAU;AAAA,QACN,MAAM;AAAA,QACN,GAAGA,EAAS;AAAA,MAAA;AAAA,IAAA,GAIpB,KAAK,eAAeA,EAAS,gBAAgB,CAAA,GAC7C,KAAK,QAAQA,KAAA,QAAAA,EAAU,QACjB;AAAA,MACI,SAASA,EAAS,MAAM,WAAW;AAAA,MACnC,OAAOA,EAAS,MAAM,SAASH;AAAAA,IAAA,IAEnC,MAEN,KAAK,SAASG,EAAS,OAClB,IAAI,CAAAL,MAAS;AACV,UAAIA,EAAM,SAAS;AACf,eAAO,IAAID,EAAUC,CAAK;AAE9B,UAAIA,EAAM,SAAS;AACf,eAAO,IAAIG,EAAWH,CAAK;AAE/BgB,MAAAA,EAAWhB,GAAO,oBAAoB;AAAA,IAC1C,CAAC,EACA,OAAO,OAAO;AAAA,EACvB;AACJ;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/Axis.js

@@ -0,0 +1,59 @@
+import { j as n } from "../../node_modules/react/jsx-runtime.js";
+import { BLACK as c } from "../../constants.js";
+import { TICK_OFFSET as i } from "../../discrete/constants.js";
+import { getTicksAndFormat as k } from "../utils/getTicksAndFormat.js";
+function w(t) {
+  return `translate(${t},0)`;
+}
+function F(t) {
+  return `translate(0,${t})`;
+}
+function $(t) {
+  return t === "bottom" ? `translate(0,${i})` : `translate(${-i},0)`;
+}
+function v(t) {
+  return t === "bottom" ? "hanging" : "central";
+}
+function A(t) {
+  return t === "bottom" ? "middle" : "end";
+}
+const z = ({
+  scale: t,
+  tickSize: a = 6,
+  tickPadding: f = i,
+  orient: o = "bottom",
+  onlyPositive: l = !1,
+  offset: d = typeof window < "u" && window.devicePixelRatio > 1 ? 0 : 0.5
+}) => {
+  function u(e) {
+    return (r) => {
+      const m = e(r);
+      return m === void 0 ? 0 : +m;
+    };
+  }
+  const { ticks: x, format: p } = k(t, l, o === "bottom"), g = Math.max(a, 0) + f, h = u(t.copy()), b = o === "bottom" ? w : F, s = o === "left" ? -1 : 1, j = {
+    [(o === "left" ? "x" : "y") + "2"]: s * a
+  }, y = {
+    [o === "left" ? "x" : "y"]: s * g
+  };
+  return /* @__PURE__ */ n.jsx("g", { children: x.map((e, r) => /* @__PURE__ */ n.jsxs("g", { className: "tick", transform: b(h(e) + d), children: [
+    /* @__PURE__ */ n.jsx("line", { stroke: c, ...j }),
+    /* @__PURE__ */ n.jsx("g", { transform: $(o), children: /* @__PURE__ */ n.jsx(
+      "text",
+      {
+        fill: c,
+        fontSize: "14px",
+        fontWeight: "500",
+        fontFamily: "Manrope",
+        dominantBaseline: v(o),
+        textAnchor: A(o),
+        ...y,
+        children: p(e)
+      }
+    ) })
+  ] }, r)) });
+};
+export {
+  z as Axis
+};
+//# sourceMappingURL=Axis.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/scatterplot/components/Axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Axis.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/scatterplot/components/Axis.tsx"],"sourcesContent":["import {BLACK} from '../../constants';\nimport {TICK_OFFSET} from '../../discrete/constants';\nimport {getTicksAndFormat} from '../utils/getTicksAndFormat';\nimport React from 'react';\nimport type {ScaleLinear, ScaleLogarithmic} from 'd3-scale';\n\ntype Scale = ScaleLinear<number, number> | ScaleLogarithmic<number, number>;\ntype Orient = 'left' | 'bottom';\n\nfunction translateX(x: number) {\n    return `translate(${x},0)`;\n}\n\nfunction translateY(y: number) {\n    return `translate(0,${y})`;\n}\n\nfunction getRotationTransform(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? `translate(0,${TICK_OFFSET})` : `translate(${-TICK_OFFSET},0)`;\n}\n\nfunction getDominantBaseline(orient: 'left' | 'bottom') {\n    return orient === 'bottom' ? 'hanging' : 'central';\n}\n\nfunction getTextAnchor( orient: 'left' | 'bottom') {\n    return  orient === 'bottom' ? 'middle' : 'end';\n}\n\nexport const Axis = ({\n   scale,\n   tickSize = 6,\n   tickPadding = TICK_OFFSET,\n   orient = 'bottom',\n   onlyPositive = false,\n   offset = typeof window !== 'undefined' && window.devicePixelRatio > 1 ? 0 : 0.5,\n}: {\n    scale: Scale;\n    tickSize?: number;\n    tickPadding?: number;\n    offset?: number;\n    orient?: Orient;\n    onlyPositive?: boolean;\n}) => {\n    function number(scale: Scale) {\n        return (d: number) => {\n            const value = scale(d);\n            return value === undefined ? 0 : +value;\n        };\n    }\n    const {ticks: values, format} = getTicksAndFormat(scale, onlyPositive, orient === 'bottom');\n    const spacing = Math.max(tickSize, 0) + tickPadding,\n        position = (number)(scale.copy());\n\n    const transform = orient === 'bottom' ? translateX : translateY;\n    const k = orient === 'left' ? -1 : 1;\n\n    const lineProps = {\n        [(orient === 'left' ? 'x' : 'y') + '2']: k * tickSize,\n    };\n\n    const textProps = {\n        [orient === 'left' ? 'x' : 'y']: k * spacing,\n    };\n\n    return (\n        <g>\n            {values.map((tick: number, i: number) => (\n                <g className=\"tick\" key={i} transform={transform(position(tick) + offset)}>\n                    <line stroke={BLACK} {...lineProps} />\n                    <g transform={getRotationTransform(orient)}>\n                        <text\n                            fill={BLACK}\n                            fontSize=\"14px\"\n                            fontWeight=\"500\"\n                            fontFamily=\"Manrope\"\n                            dominantBaseline={getDominantBaseline(orient)}\n                            textAnchor={getTextAnchor(orient)}\n                            {...textProps}\n                        >\n                            {format(tick)}\n                        </text>\n                    </g>\n                </g>\n            ))}\n        </g>\n    );\n};\n"],"names":["translateX","x","translateY","y","getRotationTransform","orient","TICK_OFFSET","getDominantBaseline","getTextAnchor","Axis","scale","tickSize","tickPadding","onlyPositive","offset","number","d","value","values","format","getTicksAndFormat","spacing","position","transform","k","lineProps","textProps","o","tick","i","jsxs","jsx","BLACK"],"mappings":";;;;AASA,SAASA,EAAWC,GAAW;AAC3B,SAAO,aAAaA,CAAC;AACzB;AAEA,SAASC,EAAWC,GAAW;AAC3B,SAAO,eAAeA,CAAC;AAC3B;AAEA,SAASC,EAAqBC,GAA2B;AACrD,SAAOA,MAAW,WAAW,eAAeC,CAAW,MAAM,aAAa,CAACA,CAAW;AAC1F;AAEA,SAASC,EAAoBF,GAA2B;AACpD,SAAOA,MAAW,WAAW,YAAY;AAC7C;AAEA,SAASG,EAAeH,GAA2B;AAC/C,SAAQA,MAAW,WAAW,WAAW;AAC7C;AAEO,MAAMI,IAAO,CAAC;AAAA,EAClB,OAAAC;AAAAA,EACA,UAAAC,IAAW;AAAA,EACX,aAAAC,IAAcN;AAAAA,EACd,QAAAD,IAAS;AAAA,EACT,cAAAQ,IAAe;AAAA,EACf,QAAAC,IAAS,OAAO,SAAW,OAAe,OAAO,mBAAmB,IAAI,IAAI;AAC/E,MAOM;AACF,WAASC,EAAOL,GAAc;AAC1B,WAAO,CAACM,MAAc;AAClB,YAAMC,IAAQP,EAAMM,CAAC;AACrB,aAAOC,MAAU,SAAY,IAAI,CAACA;AAAAA,IACtC;AAAA,EACJ;AACA,QAAM,EAAC,OAAOC,GAAQ,QAAAC,MAAUC,EAAkBV,GAAOG,GAAcR,MAAW,QAAQ,GACpFgB,IAAU,KAAK,IAAIV,GAAU,CAAC,IAAIC,GACpCU,IAAYP,EAAQL,EAAM,KAAA,CAAM,GAE9Ba,IAAYlB,MAAW,WAAWL,IAAaE,GAC/CsB,IAAInB,MAAW,SAAS,KAAK,GAE7BoB,IAAY;AAAA,IACd,EAAEpB,MAAW,SAAS,MAAM,OAAO,GAAG,GAAGmB,IAAIb;AAAAA,EAAA,GAG3Ce,IAAY;AAAA,IACd,CAACrB,MAAW,SAAS,MAAM,GAAG,GAAGmB,IAAIH;AAAAA,EAAA;AAGzC,SAAAM,gBAAAA,EAAA,IACK,KAAA,EACI,UAAAT,EAAO,IAAI,CAACU,GAAcC,MACvBC,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,QAAe,WAAWP,EAAUD,EAASM,CAAI,IAAId,CAAM,GACpE,UAAA;AAAA,IAAAiB,gBAAAA,EAAAA,IAAC,QAAA,EAAK,QAAQC,GAAQ,GAAGP,GAAW;AAAA,IACpCM,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAW3B,EAAqBC,CAAM,GACrC,UAAA0B,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAMC;AAAAA,QACN,UAAS;AAAA,QACT,YAAW;AAAA,QACX,YAAW;AAAA,QACX,kBAAkBzB,EAAoBF,CAAM;AAAA,QAC5C,YAAYG,EAAcH,CAAM;AAAA,QAC/B,GAAGqB;AAAAA,QAEH,YAAOE,CAAI;AAAA,MAAA;AAAA,IAAA,GAEpB;AAAA,EAAA,KAdqBC,CAezB,CACH,GACL;AAER;","x_google_ignoreList":[0]}