@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/index.js

@@ -0,0 +1,147 @@
+import { AbstractChart as S } from "../AbstractChart.js";
+import { USER_UPDATE_EVENT as _ } from "./constants.js";
+import { getHeatmapData as A } from "./getHeatmapData.js";
+import { getHierarchy as E } from "./getHierarchyData.js";
+import { renderToString as w } from "../node_modules/react-dom/server.browser.js";
+import { undefined as L } from "../node_modules/zod/lib/index.js";
+import N from "./ChartRenderer.js";
+import { DendroSettingsImpl as b } from "./DendroSettingsImpl.js";
+import C from "../node_modules/lodash/lodash.js";
+var R = Object.defineProperty, I = (u, a, t) => a in u ? R(u, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : u[a] = t, g = (u, a, t) => I(u, typeof a != "symbol" ? a + "" : a, t);
+function f(u) {
+  return typeof u != "object" ? !1 : "valuesMap" in u;
+}
+function y(u, a) {
+  const { nodeColor: t, nodeShape: e, lineColor: r } = a, m = [t, e, r].filter(
+    f
+  );
+  return C.uniqBy(m, (d) => d.columnName.value).reduce((d, v) => {
+    const { columnName: s } = v, i = C.uniqBy(u.rows, (n) => n[s.value]), o = (n) => String(n[s.value]), p = (n) => s.valueLabels ? String(n[s.valueLabels]) : o(n), h = /* @__PURE__ */ new Set(), c = i.reduce((n, l) => {
+      const D = o(l);
+      return n[D] || (n[D] = {}), n;
+    }, {});
+    return f(t) && s.value === t.columnName.value && (h.add("dotFill"), i.forEach((n) => {
+      const l = o(n);
+      c[l].dotFill = t.valuesMap[l];
+    })), f(e) && s.value === e.columnName.value && (h.add("dotShape"), i.forEach((n) => {
+      const l = o(n);
+      c[l].dotShape = e.valuesMap[l];
+    })), f(r) && s.value === r.columnName.value && (h.add("lineColor"), i.forEach((n) => {
+      const l = o(n);
+      c[l].lineColor = r.valuesMap[l];
+    })), d[s.value] = {
+      values: i.map(o).sort(),
+      usedAes: [...h],
+      aesMap: c,
+      labels: i.reduce((n, l) => (n[o(l)] = p(l), n), {})
+    }, d;
+  }, {});
+}
+class H extends S {
+  constructor(a, t, e) {
+    super(a, t), g(this, "settings"), g(this, "onClick", () => L), g(this, "chartRenderer", new N()), g(this, "calculatedData", null), this.settings = new b(t), e && (this.onClick = e[0]);
+  }
+  mount(a) {
+    try {
+      this.chartRenderer.init(a), this._updateData(), this._updateChart();
+    } catch (t) {
+      t instanceof Error && this.chartRenderer.renderError(t.message);
+    }
+  }
+  unmount() {
+    this.chartRenderer.clear();
+  }
+  updateSettingsAndData(a, t) {
+    try {
+      const e = this.settings, r = this.data;
+      this.settings = new b(t), this.data = a, this._needUpdateCalculatedDataBySettings(e, this.settings) || this._needUpdateCalculatedDataByData(r, this.data) ? this._updateData() : this._updateAesInData(), this._updateChart();
+    } catch (e) {
+      e instanceof Error && this.chartRenderer.renderError(e.message);
+    }
+  }
+  updateChartState(a, t) {
+    if (document) {
+      const e = new CustomEvent(_, { detail: { [a]: t } });
+      document.dispatchEvent(e);
+    }
+  }
+  export() {
+    return this._updateChart(), w(this.chartRenderer.component);
+  }
+  _needUpdateCalculatedDataBySettings(a, t) {
+    var e, r;
+    const { mode: m, id: d, parentId: v, heatmapAnnotation: s, heatmapAxis: i, heatmapGroup: o } = t;
+    function p(h, c) {
+      return h.length !== c.length || h.some((n, l) => n.value !== c[l].value);
+    }
+    return a.mode !== m || a.id.value !== d.value || a.parentId.value !== v.value || ((e = a.heatmapAnnotation) == null ? void 0 : e.value) !== (s == null ? void 0 : s.value) || ((r = a.heatmapAxis) == null ? void 0 : r.value) !== (i == null ? void 0 : i.value) || p(a.heatmapGroup, o);
+  }
+  _needUpdateCalculatedDataByData(a, t) {
+    const e = Object.keys(a.data), r = Object.keys(t.data);
+    return a.id !== t.id || e.length !== r.length || e.some((m) => {
+      var d;
+      return a.data[m].length !== ((d = t.data[m]) == null ? void 0 : d.length);
+    });
+  }
+  _updateData() {
+    const { mode: a, id: t, parentId: e, aes: r, heatmapAnnotation: m, heatmapAxis: d, heatmapGroup: v, heatmapSettings: s, height: i, labels: o } = this.settings, p = E(
+      t.value,
+      e.value,
+      (i == null ? void 0 : i.value) ?? null,
+      o.valueLabels ?? o.value ?? null,
+      this.data.rows,
+      a === "useAllNodesAsLeaves"
+    ), h = A(this.data, s.valueType, m, d, v, t, p), c = y(this.data, r);
+    this.calculatedData = {
+      chartSizes: this.chartRenderer.chartSizes,
+      hierarchy: p,
+      heatmapData: h,
+      legendLabels: c
+    };
+  }
+  _updateAesInData() {
+    this.calculatedData && (this.calculatedData.legendLabels = y(this.data, this.settings.aes));
+  }
+  _updateChart() {
+    if (!this.calculatedData)
+      return;
+    const {
+      heatmapAnnotation: a,
+      chartSettings: t,
+      connectionType: e,
+      edgeInheritance: r,
+      rootPosition: m,
+      showNodes: d,
+      showEdges: v,
+      showLeavesLabels: s,
+      showNodesLabels: i,
+      aes: o,
+      labels: p,
+      heatmapSettings: h,
+      leavesMode: c
+    } = this.settings;
+    this.chartRenderer.render(
+      t,
+      this.calculatedData.hierarchy,
+      e,
+      m,
+      r,
+      d,
+      v,
+      s,
+      i,
+      o,
+      p,
+      a,
+      this.calculatedData.heatmapData,
+      h,
+      this.calculatedData.legendLabels,
+      c,
+      this.onClick
+    );
+  }
+}
+export {
+  H as ChartDendro
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/dendro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/src/dendro/index.ts"],"sourcesContent":["import {AbstractChart} from '../AbstractChart';\nimport type {ChartSizes} from './components/types';\nimport {USER_UPDATE_EVENT} from './constants';\nimport type {HeatmapData} from './getHeatmapData';\nimport {getHeatmapData} from './getHeatmapData';\nimport type {TreeNodeData} from './getHierarchyData';\nimport {getHierarchy} from './getHierarchyData';\nimport {renderToString} from 'react-dom/server';\nimport {undefined} from 'zod';\nimport ChartRenderer from './ChartRenderer';\nimport type {\n    AesItem,\n    AesMap,\n    CategoricalAesFromColumn,\n    ClickEventData,\n    ColumnName,\n    ContinuousAesFromColumn,\n    DendroEventHandlers,\n    DendroLegendInfo,\n    DendroSettings,\n    LineShape,\n    PointShape,\n    Row,\n} from '../types';\nimport {DendroSettingsImpl} from './DendroSettingsImpl';\nimport type {DataFrame} from '../DataFrame';\nimport type {HierarchyNode} from 'd3-hierarchy';\nimport lodash from 'lodash';\n\nfunction isCategoricalAes<InputType extends string | number | PointShape | LineShape>(\n    item: InputType | CategoricalAesFromColumn<InputType> | ContinuousAesFromColumn<InputType>\n): item is CategoricalAesFromColumn<InputType> {\n    if (typeof item !== 'object') {\n        return false;\n    }\n    return 'valuesMap' in item;\n}\nfunction getLegendLabelsMap(data: DataFrame, aes: DendroSettingsImpl['aes']): DendroLegendInfo {\n    const {nodeColor, nodeShape, lineColor} = aes;\n    const aesGrouping: CategoricalAesFromColumn<string | PointShape>[] = [nodeColor, nodeShape, lineColor].filter(\n        isCategoricalAes\n    );\n    const uniqueColumns = lodash.uniqBy(aesGrouping, item => item.columnName.value);\n    return uniqueColumns.reduce((res: DendroLegendInfo, item) => {\n        const {columnName} = item;\n        const uniqRowsByGrouping = lodash.uniqBy(data.rows, row => row[columnName.value]);\n        const getValue = (row: Row) => String(row[columnName.value]);\n        const getValueLabel = (row: Row) =>\n            columnName.valueLabels ? String(row[columnName.valueLabels]) : getValue(row);\n\n        const usedAes = new Set<keyof AesItem>();\n        const aesMap: AesMap = uniqRowsByGrouping.reduce((res: AesMap, row) => {\n            const value = getValue(row);\n            if (!res[value]) {\n                res[value] = {} as AesItem;\n            }\n            return res;\n        }, {});\n        if (isCategoricalAes(nodeColor) && columnName.value === nodeColor.columnName.value) {\n            usedAes.add('dotFill');\n            uniqRowsByGrouping.forEach(row => {\n                const value = getValue(row);\n                aesMap[value]['dotFill'] = nodeColor.valuesMap[value];\n            });\n        }\n        if (isCategoricalAes(nodeShape) && columnName.value === nodeShape.columnName.value) {\n            usedAes.add('dotShape');\n            uniqRowsByGrouping.forEach(row => {\n                const value = getValue(row);\n                aesMap[value]['dotShape'] = nodeShape.valuesMap[value];\n            });\n        }\n        if (isCategoricalAes(lineColor) && columnName.value === lineColor.columnName.value) {\n            usedAes.add('lineColor');\n            uniqRowsByGrouping.forEach(row => {\n                const value = getValue(row);\n                aesMap[value]['lineColor'] = lineColor.valuesMap[value];\n            });\n        }\n        res[columnName.value] = {\n            values: uniqRowsByGrouping.map(getValue).sort(),\n            usedAes: [...usedAes],\n            aesMap,\n            labels: uniqRowsByGrouping.reduce((res: Record<string, string>, row) => {\n                res[getValue(row)] = getValueLabel(row);\n                return res;\n            }, {}),\n        };\n        return res;\n    }, {});\n}\n\nexport class ChartDendro extends AbstractChart {\n    settings: DendroSettingsImpl;\n    onClick: (data: ClickEventData) => void = () => undefined;\n    chartRenderer = new ChartRenderer();\n\n    calculatedData: {\n        chartSizes: ChartSizes;\n        hierarchy: HierarchyNode<TreeNodeData>;\n        heatmapData: HeatmapData | null;\n        legendLabels: DendroLegendInfo;\n    } | null = null;\n\n    constructor(data: DataFrame, settings: DendroSettings, eventHandlers?: DendroEventHandlers) {\n        super(data, settings);\n\n        this.settings = new DendroSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onClick = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n        } catch (err) {\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: DendroSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new DendroSettingsImpl(settings);\n            this.data = data;\n            if (\n                this._needUpdateCalculatedDataBySettings(previousSettings, this.settings) ||\n                this._needUpdateCalculatedDataByData(previousData, this.data)\n            ) {\n                this._updateData();\n            } else {\n                this._updateAesInData();\n            }\n            this._updateChart();\n        } catch (err) {\n            if (err instanceof Error) {\n                this.chartRenderer.renderError(err.message as string);\n            }\n        }\n    }\n\n    updateChartState(field: string, value: unknown) {\n        if (document) {\n            const event = new CustomEvent(USER_UPDATE_EVENT, {detail: {[field]: value}});\n            document.dispatchEvent(event);\n        }\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: DendroSettingsImpl, settings: DendroSettingsImpl) {\n        const {mode, id, parentId, heatmapAnnotation, heatmapAxis, heatmapGroup} = settings;\n\n        function compareColumnGroups(columns1: ColumnName[], columns2: ColumnName[]) {\n            return (\n                columns1.length !== columns2.length ||\n                columns1.some((column, idx) => column.value !== columns2[idx].value)\n            );\n        }\n\n        return (\n            prevSettings.mode !== mode ||\n            prevSettings.id.value !== id.value ||\n            prevSettings.parentId.value !== parentId.value ||\n            prevSettings.heatmapAnnotation?.value !== heatmapAnnotation?.value ||\n            prevSettings.heatmapAxis?.value !== heatmapAxis?.value ||\n            compareColumnGroups(prevSettings.heatmapGroup, heatmapGroup)\n        );\n    }\n\n    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame) {\n        const prevKeys = Object.keys(prevData.data);\n        const keys = Object.keys(data.data);\n        return (\n            prevData.id !== data.id ||\n            prevKeys.length !== keys.length ||\n            prevKeys.some(key => prevData.data[key].length !== data.data[key]?.length)\n        );\n    }\n\n    _updateData() {\n        const {mode, id, parentId, aes, heatmapAnnotation, heatmapAxis, heatmapGroup, heatmapSettings, height, labels} = this.settings;\n        const hierarchy = getHierarchy(\n            id.value,\n            parentId.value,\n            height?.value ?? null,\n            labels.valueLabels ?? labels.value ?? null,\n            this.data.rows,\n            mode === 'useAllNodesAsLeaves'\n        );\n        const heatmapData = getHeatmapData(this.data, heatmapSettings.valueType, heatmapAnnotation, heatmapAxis, heatmapGroup, id, hierarchy);\n\n        const legendLabels = getLegendLabelsMap(this.data, aes);\n\n        this.calculatedData = {\n            chartSizes: this.chartRenderer.chartSizes,\n            hierarchy,\n            heatmapData,\n            legendLabels,\n        };\n    }\n\n    _updateAesInData() {\n        if (!this.calculatedData) {\n            return;\n        }\n        this.calculatedData.legendLabels = getLegendLabelsMap(this.data, this.settings.aes);\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {\n            heatmapAnnotation,\n            chartSettings,\n            connectionType,\n            edgeInheritance,\n            rootPosition,\n            showNodes,\n            showEdges,\n            showLeavesLabels,\n            showNodesLabels,\n            aes,\n            labels,\n            heatmapSettings,\n            leavesMode\n        } = this.settings;\n\n        this.chartRenderer.render(\n            chartSettings,\n            this.calculatedData.hierarchy,\n            connectionType,\n            rootPosition,\n            edgeInheritance,\n            showNodes,\n            showEdges,\n            showLeavesLabels,\n            showNodesLabels,\n            aes,\n            labels,\n            heatmapAnnotation,\n            this.calculatedData.heatmapData,\n            heatmapSettings,\n            this.calculatedData.legendLabels,\n            leavesMode,\n            this.onClick\n        );\n    }\n}\n"],"names":["isCategoricalAes","item","getLegendLabelsMap","data","aes","nodeColor","nodeShape","lineColor","aesGrouping","lodash","res","columnName","uniqRowsByGrouping","row","getValue","getValueLabel","usedAes","aesMap","value","ChartDendro","AbstractChart","settings","eventHandlers","__publicField","undefined","ChartRenderer","DendroSettingsImpl","node","err","previousSettings","previousData","field","event","USER_UPDATE_EVENT","renderToString","prevSettings","mode","id","parentId","heatmapAnnotation","heatmapAxis","heatmapGroup","compareColumnGroups","columns1","columns2","column","idx","_a","_b","prevData","prevKeys","keys","key","heatmapSettings","height","labels","hierarchy","getHierarchy","heatmapData","getHeatmapData","legendLabels","chartSettings","connectionType","edgeInheritance","rootPosition","showNodes","showEdges","showLeavesLabels","showNodesLabels","leavesMode"],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,372 @@
+import { j as E } from "../node_modules/react/jsx-runtime.js";
+import { Error as $ } from "../common/Error.js";
+import { DEFAULT_HEIGHT as z, DEFAULT_WIDTH as A, TITLE_LINE_HEIGHT as j, TITLE_MARGIN as Y } from "../constants.js";
+import { DEFAULT_AES as _, CAPTION_LINE_HEIGHT as D, LEGEND_OFFSET as U, TICK_OFFSET as F, TITLE_LINE as I, MIN_PADDING as N, FACET_TITLE_OFFSET as B, FACET_TITLE_LINE as K } from "./constants.js";
+import { DEFAULT_COMMON_AES as H, DEFAULT_TICKS_SIZE as k } from "../scatterplot/constants.js";
+import { TextMeasurer as V } from "../utils/TextMeasurer.js";
+import Z from "../node_modules/lodash/lodash.js";
+import { createRoot as q } from "../node_modules/react-dom/client.js";
+import { ChartsGroup as J } from "./components/ChartsGroup.js";
+import { getChartStatsPadding as O } from "./utils/getChartStatsPadding.js";
+import { splitTextByWidth as W } from "./utils/splitTextByWidth.js";
+import { arrangeLegendParts as Q } from "../utils/arrangeLegendParts.js";
+import R from "../node_modules/d3-scale/src/ordinal.js";
+import X from "../node_modules/d3-scale/src/linear.js";
+import v from "../node_modules/d3-scale/src/band.js";
+import tt from "../node_modules/d3-scale/src/log.js";
+var et = Object.defineProperty, st = (p, e, t) => e in p ? et(p, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : p[e] = t, y = (p, e, t) => st(p, typeof e != "symbol" ? e + "" : e, t);
+function it(p, e, t, s) {
+  const a = [];
+  return p % t === t - 1 && a.push("right"), p % t === 0 && a.push("left"), p < t && a.push("top"), (Math.ceil((p + 1) / t) === s || Math.ceil((p + 1) / t) === s - 1 && p % t > (e - 1) % t) && a.push("bottom"), a;
+}
+function at(p, e, t, s, a, h, c, l, r, m, f) {
+  const g = p === "vertical", u = c.includes("left") || g && !(l != null && l.sharedY) || !g && !(l != null && l.sharedX), T = c.includes("left") && t.title !== "", C = c.includes("bottom") || g && !(l != null && l.sharedX) || !g && !(l != null && l.sharedY), i = c.includes("bottom") && e.title !== "", n = s.yAxisCaptionsWidth, o = (t.showTicks ? k : 0) + (t.hiddenLabels ? 0 : F), d = T ? I : 0, x = s.xAxisCaptionsWidthByRows[g ? r : m], M = (e.showTicks ? k : 0) + (e.hiddenLabels ? 0 : F), w = i ? I : 0, L = g ? n + o + d : x + M + w, P = g ? M + x + w : o + 2 * I, S = Math.max(...a.map((b) => h[b].length));
+  return {
+    left: u ? L : N,
+    top: S === 0 ? 0 : B * 2 + S * K,
+    bottom: C ? P : N,
+    right: f ? 0 : N
+  };
+}
+function nt(p, e, t) {
+  const s = new Array(t).fill(null).map(() => []);
+  for (let a = 0; a < t; a++)
+    for (let h = 0; h < e; h++)
+      h * t + a < p.length && s[a].push(p[h * t + a]);
+  return s;
+}
+function G(p, e, t) {
+  const s = [];
+  for (let a = 0; a < e; a++)
+    s.push(p.slice(a * t, a * t + t));
+  return s;
+}
+function ht(p, e) {
+  const t = Math.floor(p / e), s = p - t * e;
+  return [t, s];
+}
+function ot(p) {
+  return typeof p == "object" && "type" in p;
+}
+class At {
+  constructor() {
+    y(this, "reactRoot", null), y(this, "parentNode", null), y(this, "rootNode", null), y(this, "component", /* @__PURE__ */ E.jsx(E.Fragment, {})), y(this, "chartsDimensions", {}), y(this, "chartSizes", {
+      chartWidth: A,
+      // width of single chart
+      chartHeight: z,
+      // height of single chart
+      chartsWidth: A,
+      // width of all charts in charts row
+      chartsHeight: z,
+      // width of all charts in charts column, without axes
+      totalWidth: A,
+      // width of all charts in charts row, plus left axis, plus legend
+      totalHeight: z
+      // width of all charts in charts height, plus bottom axis, plus top title
+    }), y(this, "columnsCount", 1), y(this, "rowsCount", 1), y(this, "scales", {
+      // Scale from primary grouping categories to every category x coordinate
+      xPrimary: { null: v().range([0, A]).domain(["1"]) },
+      // Scale from secondary grouping categories to x shift inside corresponding primary group
+      xSecondary: { null: v().range([0, A]).domain(["1"]) },
+      // Scale from y value to y coordinate, by facet
+      y: { null: X().domain([0, 10]).range([z, 0]).nice() },
+      // Scale for link primary grouping category and aesthetics
+      xPrimaryAes: R().unknown(_),
+      // Scale for link secondary grouping category and aesthetics
+      xSecondaryAes: R().unknown(_)
+    }), y(this, "facetTitles", {}), y(this, "mainTitle", []), y(this, "axisLabelsX", {}), y(this, "captionsSizes", {
+      xAxisCaptionsWidthByRows: [],
+      xCaptionsTail: 0,
+      yAxisCaptionsWidth: 100
+    }), y(this, "legend", { width: 0, height: 0, items: [] }), y(this, "margins", { left: 0, right: 0, top: 0, bottom: 0 });
+  }
+  clear() {
+    var e;
+    this.parentNode && this.rootNode && ((e = this.parentNode) == null || e.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
+      var t;
+      (t = this.reactRoot) == null || t.unmount(), this.reactRoot = null;
+    });
+  }
+  init(e) {
+    this.parentNode === null && (this.parentNode = e, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = q(this.rootNode));
+  }
+  updateChartSize(e, t, s, a, h, c) {
+    const l = e.innerOffset, r = e.innerOffset, m = O(c, a, e.innerOffset), f = t.length, g = Math.min((s == null ? void 0 : s.nRows) ?? f, f), u = Math.min((s == null ? void 0 : s.nCols) ?? f, f);
+    this.columnsCount = s != null && s.nRows ? Math.ceil(f / g) : u, this.rowsCount = Math.ceil(f / this.columnsCount);
+    let { width: T, height: C } = e;
+    h === "vertical" && m > l && (C += m), h === "horizontal" && m > r && (T += m), this.chartSizes.chartWidth = T, this.chartSizes.chartHeight = C;
+  }
+  updateChartDimensions(e, t, s, a, h) {
+    const { chartWidth: c, chartHeight: l } = this.chartSizes;
+    let r = 0, m = 0;
+    this.chartsDimensions = e.reduce((u, T, C) => {
+      const [i, n] = ht(C, this.columnsCount), o = it(C, e.length, this.columnsCount, this.rowsCount), d = at(
+        s,
+        a,
+        h,
+        this.captionsSizes,
+        G(e, this.rowsCount, this.columnsCount)[i],
+        this.facetTitles,
+        o,
+        t,
+        i,
+        n,
+        n === this.columnsCount - 1
+      ), x = c + d.left + d.right, M = l + d.top + d.bottom;
+      return u[T] = {
+        left: r,
+        top: m,
+        chartEdgeSides: o,
+        padding: d,
+        inner: { width: c, height: l },
+        outer: { width: x, height: M }
+      }, r += x, n === this.columnsCount - 1 && (r = 0, m += M), u;
+    }, {});
+    const f = Math.max(
+      ...e.map((u) => this.chartsDimensions[u].outer.width + this.chartsDimensions[u].left)
+    ), g = Math.max(
+      ...e.map((u) => this.chartsDimensions[u].outer.height + this.chartsDimensions[u].top)
+    );
+    this.chartSizes.chartsWidth = f, this.chartSizes.chartsHeight = g;
+  }
+  updateViewport(e, t, s, a, h, c, l, r, m, f) {
+    const g = m.innerOffset, u = e === "vertical", T = O(r, t, m.innerOffset), C = h === null || h.sharedX, i = h === null || h.sharedY, { chartHeight: n, chartWidth: o } = this.chartSizes;
+    a.forEach((d) => {
+      const x = c.scale === "log" ? tt() : X(), M = Math.min(...i ? l.map(({ meta: S }) => S.minY) : l.map(({ geoms: S }) => Math.min(...S[d].map(({ boundsY: b }) => b.min)))), w = Math.max(...i ? l.map(({ meta: S }) => S.maxY) : l.map(({ geoms: S }) => Math.max(...S[d].map(({ boundsY: b }) => b.max)))), L = x.copy().domain([M, w]).range(
+        u ? [n - g, T] : [g, o - T]
+      );
+      x.domain([L.invert(u ? n : 0), L.invert(u ? 0 : o)]).range(u ? [n, 0] : [0, o]), this.scales.y[d] = x;
+      const P = C ? t : f[d];
+      this.scales.xPrimary[d] = v().domain(P).range(u ? [0, o] : [n, 0]), this.scales.xSecondary[d] = v().domain(s).range([0, this.scales.xPrimary[d].bandwidth()]);
+    });
+  }
+  createFacetTitles(e, t) {
+    this.facetTitles = e.reduce((s, a, h) => (t[h].length === 1 && t[h][0] === "null" ? s[a] = [] : s[a] = W(t[h].join(", "), this.chartSizes.chartWidth, 14), s), {});
+  }
+  createMainTitle(e, t) {
+    const s = this.chartsDimensions[e[0]], a = this.chartsDimensions[e[e.length - 1]];
+    this.mainTitle = W(
+      t.name,
+      this.chartSizes.chartsWidth - s.padding.left - a.padding.right,
+      20
+    );
+  }
+  createAxisLabels(e, t, s, a) {
+    const h = {
+      center: 120,
+      "45deg": 256,
+      "90deg": 320
+    }, c = a === "vertical";
+    function l(r, m) {
+      return r === "center" ? 1 / 0 : Math.floor(r === "45deg" ? m * Math.sin(Math.PI / 4) / D : m / D);
+    }
+    this.axisLabelsX = e.reduce((r, m) => {
+      const f = this.scales.xPrimary[m], g = f.bandwidth(), u = h[t.labelsPosition], T = t.labelsPosition === "center" ? Math.min(u, g) : u, C = s.valueLabels;
+      return r[m] = f.domain().reduce((i, n) => {
+        if (t.hiddenLabels)
+          return i[n] = [], i;
+        const o = C[n];
+        if (!c)
+          i[n] = [o];
+        else {
+          const d = l(t.labelsPosition, g), x = W(o, T, 14);
+          i[n] = x.length > d ? [o] : x;
+        }
+        return i;
+      }, {}), r;
+    }, {});
+  }
+  updateAesScales(e, t) {
+    if (e.inheritedAes) {
+      const { inheritedAes: s, keys: a } = e;
+      this.scales.xPrimaryAes.domain(a).range(a.map((h) => s[h] ?? H));
+    } else
+      this.scales.xPrimaryAes.domain([]).range([]);
+    if (t.inheritedAes) {
+      const { inheritedAes: s, keys: a } = t;
+      this.scales.xSecondaryAes.domain(a).range(a.map((h) => s[h] ?? H));
+    } else
+      this.scales.xSecondaryAes.domain([]).range([]);
+  }
+  updateCaptionsSize(e, t, s, a) {
+    const h = new V("600 14px Manrope"), c = e === "vertical";
+    function l(i) {
+      return i.length ? Math.max(...i.map((n) => h.getTextWidth(n))) : 0;
+    }
+    function r(i) {
+      return i.length ? Math.max(...i.map(l)) : 0;
+    }
+    let m = [], f = 0;
+    const g = G(t, this.rowsCount, this.columnsCount), u = nt(t, this.rowsCount, this.columnsCount);
+    if (!c)
+      m = u.map(
+        (i) => Math.max(
+          ...i.map(
+            (n) => r(
+              this.scales.xPrimary[n].domain().map((o) => this.axisLabelsX[n][o])
+            )
+          )
+        )
+      );
+    else {
+      if (s.labelsPosition === "center" && (m = g.map(
+        (i) => Math.max(
+          ...i.map(
+            (n) => Math.max(
+              ...this.scales.xPrimary[n].domain().map(
+                (o) => o ? this.axisLabelsX[n][o].length * D : 0
+              )
+            )
+          )
+        )
+      )), s.labelsPosition === "45deg") {
+        const i = Math.sin(Math.PI / 4);
+        m = g.map((n) => Math.max(
+          ...n.map((o) => {
+            const d = this.scales.xPrimary[o].domain().map((M) => this.axisLabelsX[o][M]), x = r(d);
+            return x > 0 ? x * i + 14 : 0;
+          })
+        )), f = Math.max(
+          ...u[0].map((n) => {
+            const o = this.scales.xPrimary[n].domain(), d = this.axisLabelsX[n][o[0]];
+            return Math.max(
+              l(d) * i - this.scales.xPrimary[n].bandwidth() / 2 + 14,
+              0
+            );
+          })
+        );
+      }
+      s.labelsPosition === "90deg" && (m = g.map(
+        (i) => Math.max(
+          ...i.map(
+            (n) => r(
+              this.scales.xPrimary[n].domain().map((o) => this.axisLabelsX[n][o])
+            )
+          )
+        )
+      ));
+    }
+    const T = Z.flatten(
+      t.map((i) => {
+        if (a.hiddenLabels)
+          return [];
+        const n = this.scales.y[i], o = n.ticks(), d = o.some((M) => Math.abs(M) < 1e-4 && M !== 0 || M > 1e4) ? ",e" : ",f", x = n.tickFormat(10, d);
+        return o.map(x);
+      })
+    ), C = l(T);
+    this.captionsSizes = {
+      xCaptionsTail: f,
+      xAxisCaptionsWidthByRows: m,
+      yAxisCaptionsWidth: C
+    };
+  }
+  updateMargins(e, t, s) {
+    const a = this.chartsDimensions[t[0]], h = this.chartsDimensions[t[t.length - 1]], c = e === "vertical", l = this.mainTitle.length ? j * this.mainTitle.length + Y * 2 : 0, r = s.outerOffset;
+    this.margins = {
+      left: Math.max(r, c ? this.captionsSizes.xCaptionsTail - a.padding.left : 0),
+      right: this.legend.width + r,
+      top: Math.max(l, r),
+      bottom: Math.max(r, c ? 0 : this.captionsSizes.xCaptionsTail - h.padding.bottom)
+    }, 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(e, t, s, a) {
+    if (!e.show) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const h = this.chartSizes.chartHeight, c = { width: 0, height: 0, left: 0, top: 0 }, l = [];
+    function r(i, n) {
+      return a.some((o) => {
+        const d = o.aes[n];
+        return d && ot(d) && d.type === i;
+      });
+    }
+    function m(i) {
+      return {
+        dotFill: r(i, "dotFill"),
+        fillColor: r(i, "fillColor"),
+        lineColor: r(i, "lineColor"),
+        dotShape: r(i, "dotShape"),
+        lineShape: r(i, "lineShape")
+      };
+    }
+    const f = m("primaryGrouping"), g = m("secondaryGrouping");
+    if (Object.values(f).some((i) => i) && t.inheritedAes && l.push({
+      type: "discreteMulti",
+      id: "primary",
+      title: t.label,
+      scale: this.scales.xPrimaryAes,
+      values: t.keys,
+      labels: t.valueLabels,
+      usedAes: f,
+      ...c
+    }), Object.values(g).some((i) => i) && s.inheritedAes && l.push({
+      type: "discreteMulti",
+      id: "secondary",
+      title: s.label,
+      scale: this.scales.xSecondaryAes,
+      values: s.keys,
+      labels: s.valueLabels,
+      usedAes: g,
+      ...c
+    }), !l.length) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const u = Q(l, this.chartSizes.chartHeight), T = u[u.length - 1], C = T.left + T.width + U;
+    this.legend = {
+      width: C,
+      height: h,
+      items: u
+    };
+  }
+  render(e, t, s, a, h, c, l, r, m, f, g, u, T) {
+    var C;
+    const { orientation: i, xAxis: n, yAxis: o, size: d } = t;
+    this.updateChartSize(d, c, h, s.keys, i, m), this.updateViewport(
+      i,
+      s.keys,
+      a.keys,
+      c,
+      h,
+      o,
+      r,
+      m,
+      d,
+      g
+    ), this.createAxisLabels(c, n, s, i), this.createFacetTitles(c, l), this.updateCaptionsSize(i, c, n, o), this.updateChartDimensions(c, h, i, n, o), this.updateLegendSize(t.legend, s, a, r), this.createMainTitle(c, t.title), this.updateMargins(i, c, d), this.updateAesScales(s, a);
+    const x = /* @__PURE__ */ E.jsx(
+      J,
+      {
+        settingsId: e,
+        chartSettings: t,
+        facetKeys: c,
+        facetSettings: h,
+        facetTitles: this.facetTitles,
+        chartSizes: this.chartSizes,
+        chartsDimensions: this.chartsDimensions,
+        scales: this.scales,
+        layersData: r,
+        statsData: m,
+        legendData: this.legend,
+        margins: this.margins,
+        columnsCount: this.columnsCount,
+        keyColumn: f,
+        xLabels: this.axisLabelsX,
+        chartTitle: this.mainTitle,
+        onlyPositive: u,
+        secondaryGrouping: a,
+        onTooltipHintSwitch: T
+      }
+    );
+    this.component = x, (C = this.reactRoot) == null || C.render(x);
+  }
+  renderError(e) {
+    var t;
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ E.jsx($, { message: e }));
+  }
+}
+export {
+  At as default
+};
+//# sourceMappingURL=ChartRenderer.js.map