@milaboratories/miplots4 1.0.123 → 1.0.124

package/dist/dendro/index.js

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

package/dist/dendro/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../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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"}

package/dist/discrete/ChartRenderer.d.ts

@@ -0,0 +1,41 @@
+import { GroupKey } from '../DataFrame';
+import { Margins, CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales } from './components/types';
+import { DiscreteSettingsImpl } from './DiscreteSettingsImpl';
+import { StatsData, LayerData } from './layers/types';
+import { GroupingData, ColumnName, Orientation } from '../types';
+import { ReactElement } from 'react';
+import { Root } from 'react-dom/client';
+import { LegendData } from '../common/types';
+declare class ChartRenderer {
+    reactRoot: Root | null;
+    parentNode: HTMLElement | null;
+    rootNode: HTMLElement | null;
+    component: ReactElement;
+    chartsDimensions: Record<string, ChartDimensionsData>;
+    chartSizes: ChartSizes;
+    columnsCount: number;
+    rowsCount: number;
+    scales: ChartsScales;
+    facetTitles: Record<string, string[]>;
+    mainTitle: string[];
+    axisLabelsX: Record<string, Record<string, string[]>>;
+    captionsSizes: CaptionsSizes;
+    legend: LegendData;
+    margins: Margins;
+    clear(): void;
+    init(node: HTMLElement): void;
+    updateChartSize(size: DiscreteSettingsImpl['chartSettings']['size'], facetKeys: string[], facetSettings: DiscreteSettingsImpl['facetSettings'], primaryKeys: GroupKey[], orientation: Orientation, statsData: StatsData[]): void;
+    updateChartDimensions(facetKeys: string[], facetSettings: DiscreteSettingsImpl['facetSettings'], orientation: Orientation, xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'], yAxis: DiscreteSettingsImpl['chartSettings']['yAxis']): void;
+    updateViewport(orientation: Orientation, primaryKeys: string[], secondaryKeys: string[], facetKeys: string[], facetSettings: DiscreteSettingsImpl['facetSettings'], yAxis: DiscreteSettingsImpl['chartSettings']['yAxis'], layersData: LayerData[], statsData: StatsData[], size: DiscreteSettingsImpl['chartSettings']['size'], nonEmptyGroupsByFacets: Record<string, string[]>): void;
+    createFacetTitles(facetKeys: string[], facetLabels: string[][]): void;
+    createMainTitle(facetKeys: string[], title: DiscreteSettingsImpl['chartSettings']['title']): void;
+    createAxisLabels(facetKeys: string[], xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'], primaryGrouping: GroupingData, orientation: Orientation): void;
+    updateAesScales(primaryGrouping: GroupingData, secondaryGrouping: GroupingData): void;
+    updateCaptionsSize(orientation: Orientation, facetKeys: string[], xAxis: DiscreteSettingsImpl['chartSettings']['xAxis'], yAxis: DiscreteSettingsImpl['chartSettings']['yAxis']): void;
+    updateMargins(orientation: Orientation, facetKeys: string[], size: DiscreteSettingsImpl['chartSettings']['size']): void;
+    updateLegendSize(legend: DiscreteSettingsImpl['chartSettings']['legend'], primaryGrouping: GroupingData, secondaryGrouping: GroupingData, layersData: LayerData[]): void;
+    render(settingsId: string, chartSettings: DiscreteSettingsImpl['chartSettings'], primaryGrouping: GroupingData, secondaryGrouping: GroupingData, facetSettings: DiscreteSettingsImpl['facetSettings'], facetKeys: string[], facetLabels: string[][], layersData: LayerData[], statsData: StatsData[], keyColumn: ColumnName | null, nonEmptyGroupsByFacets: Record<string, string[]>, onlyPositive: boolean, onTooltipHintSwitch: (v: boolean) => void): void;
+    renderError(message: string): void;
+}
+export default ChartRenderer;
+//# sourceMappingURL=ChartRenderer.d.ts.map

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

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

package/dist/discrete/ChartRenderer.js

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