@milaboratories/graph-maker 1.1.137 → 1.1.139

package/dist/node_modules/@milaboratories/miplots4/dist/DataFrame.js

@@ -1,94 +1,117 @@
-import { l as g } from "./node_modules/lodash/lodash.js";
-import { exhaustive as w } from "./utils/index.js";
-var d = Object.defineProperty, f = (o, t, r) => t in o ? d(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r, u = (o, t, r) => f(o, typeof t != "symbol" ? t + "" : t, r);
-const m = Symbol("noGrouped");
-function C(o) {
-  return "type" in o && o.type === "columns";
+import { l as C } from "./node_modules/lodash/lodash.js";
+import { exhaustive as c } from "./utils/index.js";
+var f = Object.defineProperty, x = (s, e, t) => e in s ? f(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, u = (s, e, t) => x(s, typeof e != "symbol" ? e + "" : e, t);
+const d = Symbol("noGrouped");
+function y(s) {
+  return "type" in s && s.type === "columns";
 }
-class p {
-  constructor(t, r) {
-    u(this, "id"), u(this, "data"), u(this, "rowsCount"), u(this, "columnNames"), u(this, "rows"), u(this, "mapColumnCategories", /* @__PURE__ */ new Map()), u(this, "rowsGrouped"), this.id = t, this.data = r, this.columnNames = Object.keys(r), this.rowsCount = this.columnNames.length ? r[this.columnNames[0]].length : 0, this.rows = this.computeRows();
+const p = new Uint16Array(0), w = class g {
+  constructor(e, t) {
+    u(this, "id"), u(this, "data"), u(this, "rowsCount"), u(this, "columnNames"), u(this, "rowIndexes"), u(this, "mapColumnCategories", /* @__PURE__ */ new Map()), u(this, "mapColumnCategoriesRowIndexes", /* @__PURE__ */ new Map()), u(this, "rowsGrouped"), this.id = e, this.data = t, this.columnNames = Object.keys(t), this.rowsCount = this.columnNames.length ? t[this.columnNames[0]].length : 0, this.rowIndexes = new Uint16Array(Array.from({ length: this.rowsCount }, (o, r) => r));
   }
-  static from(t) {
-    if (t instanceof p)
-      return t;
-    if (C(t))
-      return new p(t.id, t.values);
-    w(t, "Unknown input data format");
+  static from(e) {
+    if (e instanceof g)
+      return e;
+    if (y(e))
+      return new g(e.id, e.values);
+    c(e, "Unknown input data format");
   }
-  computeRows() {
-    const t = [];
-    for (let r = 0; r < this.rowsCount; r++)
-      t.push(
-        this.columnNames.reduce((e, s) => (e[s] = this.data[s][r], e), {})
-      );
-    return t;
+  getColumn(e) {
+    return this.data[e];
   }
-  getColumn(t) {
-    return this.data[t];
+  getColumnValue(e, t) {
+    var o;
+    return (o = this.data[e]) == null ? void 0 : o[t];
   }
-  getColumnCategories(t, r = !0) {
-    if (!this.columnNames.includes(t))
-      throw new Error(`Column ${t} does not exist`);
-    const e = `${t}${r ? "" : "_not_null"}`;
-    if (!this.mapColumnCategories.has(e)) {
-      let s = this.getColumn(t);
-      r && (s = s.filter((n) => n !== null)), this.mapColumnCategories.set(e, g.uniq(s.map(String)));
+  getColumnValueCategory(e, t) {
+    return g.toCategory(this.getColumnValue(e, t));
+  }
+  getColumnCategories(e, t = !0) {
+    this.mapColumnCategories.has(e) || this.computeColumnCategories(e);
+    const o = this.mapColumnCategories.get(e) ?? [];
+    return t && o && o.length > 0 && o[o.length - 1] === "null" ? o.slice(0, -1) : o;
+  }
+  getColumnCategoryRowIndex(e, t) {
+    var o;
+    const r = (o = this.mapColumnCategoriesRowIndexes.get(e)) == null ? void 0 : o.get(t);
+    if (r === void 0)
+      throw new Error(`Category ${t} not found in column ${e}`);
+    return r;
+  }
+  computeColumnCategories(e) {
+    if (!this.columnNames.includes(e))
+      throw new Error(`Column ${e} does not exist`);
+    const t = this.getColumn(e), o = /* @__PURE__ */ new Set(), r = [], i = /* @__PURE__ */ new Map();
+    let l = -1;
+    for (let n = 0; n < t.length; n++) {
+      const h = t[n];
+      if (o.has(h))
+        continue;
+      if (o.add(h), h === null) {
+        l = n;
+        continue;
+      }
+      const a = g.toCategory(h);
+      r.push(a), i.set(a, n);
     }
-    return this.mapColumnCategories.get(e) ?? [];
+    l !== -1 && (r.push("null"), i.set("null", l)), this.mapColumnCategories.set(e, r), this.mapColumnCategoriesRowIndexes.set(e, i);
   }
-  setGrouping(t) {
-    const r = { grouped: {}, rows: this.rows };
-    let e = [r];
-    t.forEach((s) => {
-      const n = s === null ? [m] : this.getColumnCategories(s, !1), h = [];
-      e.forEach((i) => {
-        if (s === null)
-          i.grouped = {
-            [m]: {
-              rows: i.rows,
+  setGrouping(e) {
+    const t = { grouped: {}, rowIndexes: this.rowIndexes };
+    let o = [t];
+    e.forEach((r) => {
+      const i = r === null ? [d] : this.getColumnCategories(r, !1), l = [];
+      o.forEach((n) => {
+        if (r === null)
+          n.grouped = {
+            [d]: {
+              rowIndexes: n.rowIndexes,
               grouped: {}
             }
-          }, h.push(i.grouped[m]);
+          }, l.push(n.grouped[d]);
         else {
-          const c = g.groupBy(i.rows, (a) => String(a[s]));
-          i.grouped = n.reduce((a, l) => (a[l] = {
-            rows: c[l] ?? [],
+          const h = C.groupBy(n.rowIndexes, (a) => this.getColumnValueCategory(r, a));
+          n.grouped = i.reduce((a, m) => (a[m] = {
+            rowIndexes: new Uint16Array(h[m] ?? []),
             grouped: {}
-          }, h.push(a[l]), a), {});
+          }, l.push(a[m]), a), {});
         }
-      }), e = h;
-    }), this.rowsGrouped = r.grouped;
+      }), o = l;
+    }), this.rowsGrouped = t.grouped;
   }
-  getColumnByGrouping(t, r) {
+  // TODO: fix all places where this method is used
+  getColumnByGrouping(e, t) {
     if (!this.rowsGrouped)
       return [];
-    if (!t.length)
-      return this.rows.map((s) => Number(s[r]));
-    let e = { grouped: this.rowsGrouped, rows: this.rows };
-    return t.forEach((s) => {
-      const n = e.grouped[s ?? "null"];
-      if (!n)
+    if (!e.length)
+      return Array.from(this.rowIndexes).map((r) => Number(this.getColumnValue(t, r)));
+    let o = { grouped: this.rowsGrouped, rowIndexes: this.rowIndexes };
+    return e.forEach((r) => {
+      const i = o.grouped[r ?? "null"];
+      if (!i)
         return [];
-      e = n;
-    }), e.rows.map((s) => Number(s[r]));
+      o = i;
+    }), Array.from(o.rowIndexes).map((r) => Number(this.getColumnValue(t, r)));
   }
-  getRowsByGrouping(t) {
+  // TODO: fix all places where this method is used
+  getRowsByGrouping(e) {
     if (!this.rowsGrouped)
-      return [];
-    if (!t.length)
-      return this.rows;
-    let r = { grouped: this.rowsGrouped, rows: this.rows };
-    return t.forEach((e) => {
-      const s = r.grouped[e];
-      if (!s)
-        return [];
-      r = s;
-    }), r.rows;
+      return p;
+    if (!e.length)
+      return this.rowIndexes;
+    let t = { grouped: this.rowsGrouped, rowIndexes: this.rowIndexes };
+    return e.forEach((o) => {
+      const r = t.grouped[o];
+      if (!r)
+        return p;
+      t = r;
+    }), t.rowIndexes;
   }
-}
+};
+u(w, "toCategory", (s) => String(s));
+let G = w;
 export {
-  p as DataFrame,
-  m as NO_GROUPED
+  G as DataFrame,
+  d as NO_GROUPED
 };
 //# sourceMappingURL=DataFrame.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/DataFrame.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataFrame.js","sources":["../../../../../node_modules/@milaboratories/miplots4/src/DataFrame.ts"],"sourcesContent":["import { groupBy, uniq } from 'lodash';\nimport type { DataValue } from './types';\nimport { exhaustive } from './utils';\n\nexport type DataByColumns = {\n    type: 'columns',\n    values: Record<string, DataValue[]>,\n    id: string\n}\nexport type DataSet = DataFrame | DataByColumns;\nexport const NO_GROUPED = Symbol('noGrouped');\nexport type GroupKey = string | typeof NO_GROUPED;\ntype Row = Record<string, DataValue>;\ntype RowsGroup = Record<\n    GroupKey,\n    {\n        rows: Row[];\n        grouped: RowsGroup;\n    }\n>;\n\nfunction isDataByColumns (data:DataSet): data is DataByColumns {\n    return 'type' in data && data.type === 'columns';\n}\n\nexport class DataFrame {\n    readonly id: string;\n    // input data grouped by columns\n    readonly data: Record<string, DataValue[]>;\n    readonly rowsCount: number;\n    readonly columnNames: string[];\n    readonly rows: Row[];\n\n    readonly mapColumnCategories: Map<string, string[]> = new Map();\n\n    rowsGrouped?: RowsGroup;\n\n    static from (data: DataSet):DataFrame {\n        if (data instanceof DataFrame) {\n            return data;\n        } else if (isDataByColumns(data)) {\n            return new DataFrame(data.id, data.values);\n        } else {\n            exhaustive(data, 'Unknown input data format');\n        }\n    }\n\n    constructor(id: string, data: Record<string, DataValue[]>) {\n        this.id = id;\n        this.data = data;\n        this.columnNames = Object.keys(data);\n        this.rowsCount = this.columnNames.length ? data[this.columnNames[0]].length : 0;\n        this.rows = this.computeRows();\n    }\n\n    private computeRows() {\n        const rows: Row[] = [];\n\n        for (let i = 0; i < this.rowsCount; i++) {\n            rows.push(\n                this.columnNames.reduce((res: Record<string, DataValue>, key) => {\n                    res[key] = this.data[key][i];\n                    return res;\n                }, {})\n            );\n        }\n\n        return rows;\n    }\n\n    getColumn(key: string): DataValue[] {\n        return this.data[key];\n    }\n\n    getColumnCategories(key: string, ignoreNull = true): string[] {\n        if (!this.columnNames.includes(key)) {\n            throw new Error(`Column ${key} does not exist`);\n        }\n\n        const fullKey = `${key}${ignoreNull ? '' : '_not_null'}`;\n\n        if (!this.mapColumnCategories.has(fullKey)) {\n            let columnData = this.getColumn(key);\n            if (ignoreNull) columnData = columnData.filter((v) => v !== null);\n            this.mapColumnCategories.set(fullKey, uniq(columnData.map(String)));\n        }\n\n        return this.mapColumnCategories.get(fullKey) ?? [];\n    }\n\n    setGrouping(groupingColumnIds: (string | null)[]) {\n        const root = {grouped: {} as RowsGroup, rows: this.rows};\n        let groups: RowsGroup[keyof RowsGroup][] = [root];\n        groupingColumnIds.forEach(column => {\n            const keys: GroupKey[] = column === null ? [NO_GROUPED] : this.getColumnCategories(column, false);\n            const nextGroups: RowsGroup[keyof RowsGroup][] = [];\n            groups.forEach(group => {\n                if (column === null) {\n                    group.grouped = {\n                        [NO_GROUPED]: {\n                            rows: group.rows,\n                            grouped: {} as RowsGroup,\n                        },\n                    };\n                    nextGroups.push(group.grouped[NO_GROUPED]);\n                } else {\n                    const groupedBy = groupBy(group.rows, row => String(row[column]));\n                    group.grouped = keys.reduce((res, key) => {\n                        res[key] = {\n                            rows: groupedBy[key as string] ?? [] as Row[],\n                            grouped: {} as RowsGroup,\n                        };\n                        nextGroups.push(res[key]);\n                        return res;\n                    }, {} as RowsGroup);\n                }\n            });\n            groups = nextGroups;\n        });\n        this.rowsGrouped = root.grouped;\n    }\n\n    getColumnByGrouping(groupingKeys: GroupKey[], keyYColumn: string): number[] {\n        if (!this.rowsGrouped) {\n            return [];\n        }\n        if (!groupingKeys.length) {\n            return this.rows.map(row => Number(row[keyYColumn]));\n        }\n        let result: {grouped: RowsGroup; rows: Row[]} = {grouped: this.rowsGrouped, rows: this.rows};\n        groupingKeys.forEach(key => {\n            const nextGroup = result.grouped[key ?? 'null'];\n            if (!nextGroup) {\n                return [];\n            }\n            result = nextGroup;\n        });\n        return result.rows.map(row => Number(row[keyYColumn]));\n    }\n\n    getRowsByGrouping(groupingKeys: GroupKey[]): Row[] {\n        if (!this.rowsGrouped) {\n            return [];\n        }\n        if (!groupingKeys.length) {\n            return this.rows;\n        }\n        let result: {grouped: RowsGroup; rows: Row[]} = {grouped: this.rowsGrouped, rows: this.rows};\n        groupingKeys.forEach(key => {\n            const nextGroup = result.grouped[key];\n            if (!nextGroup) {\n                return [];\n            }\n            result = nextGroup;\n        });\n        return result.rows;\n    }\n}\n"],"names":["NO_GROUPED","isDataByColumns","data","DataFrame","id","__publicField","exhaustive","rows","i","res","key","ignoreNull","fullKey","columnData","v","uniq","groupingColumnIds","root","groups","column","keys","nextGroups","group","groupedBy","groupBy","row","groupingKeys","keyYColumn","result","nextGroup"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"DataFrame.js","sources":["../../../../../node_modules/@milaboratories/miplots4/src/DataFrame.ts"],"sourcesContent":["import { groupBy } from 'lodash';\nimport type { Category, DataValue } from './types';\nimport { exhaustive } from './utils';\n\nexport type DataByColumns = {\n    type: 'columns',\n    values: Record<string, DataValue[]>,\n    id: string\n}\nexport type DataSet = DataFrame | DataByColumns;\nexport const NO_GROUPED = Symbol('noGrouped');\nexport type GroupKey = string | typeof NO_GROUPED;\nexport type RowIndex = number;\ntype RowsGroup = Record<\n    GroupKey,\n    {\n        rowIndexes: Uint16Array;\n        grouped: RowsGroup;\n    }\n>;\n\nfunction isDataByColumns (data:DataSet): data is DataByColumns {\n    return 'type' in data && data.type === 'columns';\n}\n\ntype ColumnName = string;\n\nconst EMPTY_INDEXES = new Uint16Array(0);\n\nexport class DataFrame {\n    static toCategory = (value: DataValue): string => String(value);\n\n    readonly id: string;\n    // input data grouped by columns\n    readonly data: Record<string, DataValue[]>;\n    readonly rowsCount: number;\n    readonly columnNames: ColumnName[];\n    readonly rowIndexes: Uint16Array;\n\n    readonly mapColumnCategories: Map<ColumnName, Category[]> = new Map();\n    readonly mapColumnCategoriesRowIndexes: Map<ColumnName, Map<Category, number>> = new Map();\n\n    rowsGrouped?: RowsGroup;\n\n    static from (data: DataSet):DataFrame {\n        if (data instanceof DataFrame) {\n            return data;\n        } else if (isDataByColumns(data)) {\n            return new DataFrame(data.id, data.values);\n        } else {\n            exhaustive(data, 'Unknown input data format');\n        }\n    }\n\n    constructor(id: string, data: Record<string, DataValue[]>) {\n        this.id = id;\n        this.data = data;\n        this.columnNames = Object.keys(data);\n        this.rowsCount = this.columnNames.length ? data[this.columnNames[0]].length : 0;\n        this.rowIndexes = new Uint16Array(Array.from({length: this.rowsCount}, (_, i) => i));\n    }\n\n    getColumn(key: string): DataValue[] {\n        return this.data[key];\n    }\n\n    getColumnValue(key: string, index: number): DataValue {\n        return this.data[key]?.[index];\n    }\n\n    getColumnValueCategory(key: string, index: number): Category {\n        return DataFrame.toCategory(this.getColumnValue(key, index));\n    }\n\n    getColumnCategories(key: string, ignoreNull = true): Category[] {\n        if (!this.mapColumnCategories.has(key)) {\n            this.computeColumnCategories(key);\n        }\n\n        const categories = this.mapColumnCategories.get(key) ?? [];\n        return ignoreNull && categories && categories.length > 0 && categories[categories.length - 1] === 'null'\n            ? categories.slice(0, -1) // full copy without null to heavy for large datasets\n            : categories; \n    }\n\n    getColumnCategoryRowIndex(key: string, value: Category): RowIndex {\n        const rowIndex = this.mapColumnCategoriesRowIndexes.get(key)?.get(value);\n        \n        if (rowIndex === undefined) {\n            throw new Error(`Category ${value} not found in column ${key}`);\n        }\n\n        return rowIndex;\n    }\n\n    private computeColumnCategories(key: ColumnName) {\n        if (!this.columnNames.includes(key)) {\n            throw new Error(`Column ${key} does not exist`);\n        }\n        \n        const columnData = this.getColumn(key);\n        const uniqValues = new Set<DataValue>();\n        const categories: string[] = [];\n        const categoriesIndexes = new Map<string, number>();\n        let nullIdx = -1;\n        for (let i = 0; i < columnData.length; i++) {\n            const value = columnData[i];\n            if (uniqValues.has(value)) {\n                continue;\n            }\n            uniqValues.add(value);\n            if (value === null) {\n                nullIdx = i;\n                continue;\n            }\n            const category = DataFrame.toCategory(value);\n            categories.push(category);\n            categoriesIndexes.set(category, i);\n        }\n        if (nullIdx !== -1) {\n            categories.push('null');\n            categoriesIndexes.set('null', nullIdx);\n        }\n\n        this.mapColumnCategories.set(key, categories);\n        this.mapColumnCategoriesRowIndexes.set(key, categoriesIndexes);\n    }\n\n    setGrouping(groupingColumnIds: (string | null)[]) {\n        const root = {grouped: {} as RowsGroup, rowIndexes: this.rowIndexes};\n        let groups: RowsGroup[keyof RowsGroup][] = [root];\n        groupingColumnIds.forEach(column => {\n            const keys: GroupKey[] = column === null ? [NO_GROUPED] : this.getColumnCategories(column, false);\n            const nextGroups: RowsGroup[keyof RowsGroup][] = [];\n            groups.forEach(group => {\n                if (column === null) {\n                    group.grouped = {\n                        [NO_GROUPED]: {\n                            rowIndexes: group.rowIndexes,\n                            grouped: {} as RowsGroup,\n                        },\n                    };\n                    nextGroups.push(group.grouped[NO_GROUPED]);\n                } else {\n                    const groupedBy = groupBy(group.rowIndexes, idx => this.getColumnValueCategory(column, idx));\n                    group.grouped = keys.reduce((res, key) => {\n                        res[key] = {\n                            rowIndexes: new Uint16Array(groupedBy[key as string] ?? []),\n                            grouped: {} as RowsGroup,\n                        };\n                        nextGroups.push(res[key]);\n                        return res;\n                    }, {} as RowsGroup);\n                }\n            });\n            groups = nextGroups;\n        });\n        this.rowsGrouped = root.grouped;\n    }\n\n    // TODO: fix all places where this method is used\n    getColumnByGrouping(groupingKeys: GroupKey[], keyYColumn: string): number[] {\n        if (!this.rowsGrouped) {\n            return [];\n        }\n        if (!groupingKeys.length) {\n            return Array.from(this.rowIndexes).map(idx => Number(this.getColumnValue(keyYColumn, idx)));\n        }\n        let result: {grouped: RowsGroup; rowIndexes: Uint16Array} = {grouped: this.rowsGrouped, rowIndexes: this.rowIndexes};\n        groupingKeys.forEach(key => {\n            const nextGroup = result.grouped[key ?? 'null'];\n            if (!nextGroup) {\n                return [];\n            }\n            result = nextGroup;\n        });\n        return Array.from(result.rowIndexes).map(idx => Number(this.getColumnValue(keyYColumn, idx)));\n    }\n\n    // TODO: fix all places where this method is used\n    getRowsByGrouping(groupingKeys: GroupKey[]): Uint16Array {\n        if (!this.rowsGrouped) {\n            return EMPTY_INDEXES;\n        }\n        if (!groupingKeys.length) {\n            return this.rowIndexes;\n        }\n        let result: {grouped: RowsGroup; rowIndexes: Uint16Array} = {grouped: this.rowsGrouped, rowIndexes: this.rowIndexes};\n        groupingKeys.forEach(key => {\n            const nextGroup = result.grouped[key];\n            if (!nextGroup) {\n                return EMPTY_INDEXES;\n            }\n            result = nextGroup;\n        });\n        return result.rowIndexes;\n    }\n}\n"],"names":["NO_GROUPED","isDataByColumns","data","EMPTY_INDEXES","_DataFrame","id","__publicField","_","i","exhaustive","key","index","_a","ignoreNull","categories","value","rowIndex","columnData","uniqValues","categoriesIndexes","nullIdx","category","groupingColumnIds","root","groups","column","keys","nextGroups","group","groupedBy","groupBy","idx","res","groupingKeys","keyYColumn","result","nextGroup","DataFrame"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/MiPlots.js

@@ -7,7 +7,7 @@ import { ChartScatterplotUmap as f } from "./scatterplot-umap/index.js";
 import { ChartBubble as d } from "./bubble/index.js";
 import { DataFrame as i } from "./DataFrame.js";
 import { exhaustive as l } from "./utils/index.js";
-var w = Object.defineProperty, C = (o, t, r) => t in o ? w(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r, s = (o, t, r) => C(o, typeof t != "symbol" ? t + "" : t, r);
+var C = Object.defineProperty, b = (o, t, r) => t in o ? C(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r, s = (o, t, r) => b(o, typeof t != "symbol" ? t + "" : t, r);
 class h {
   constructor(t) {
     s(this, "node"), s(this, "chart"), this.chart = t;

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

@@ -1,53 +1,54 @@
-import { j as E } from "../node_modules/react/jsx-runtime.js";
-import { Error as W } from "../common/Error.js";
-import { calculateChartSideElementSizes as $ } from "./utils/calculateChartSideElementSizes.js";
-import { calculateSideElementsBBoxes as F } from "./utils/calculateSideElementsBBoxes.js";
-import { calculateCaptionTails as G } from "./utils/calculateCaptionTails.js";
-import { getChartEdgeSides as K } from "../utils/getChartEdgeSides.js";
-import { getContinuousLegendTicks as P } from "../utils/getContinuousLegendTicks.js";
-import { MIN_MARGIN as A, LEGEND_OFFSET as j, TITLE_LINE as D, CHART_SIDE_ELEMENTS as k, MIN_PADDING as B } from "./constants.js";
-import { TITLE_LINE_HEIGHT as U, TITLE_MARGIN as O, DEFAULT_HEIGHT_SMALL as V, DEFAULT_HEIGHT as L, DEFAULT_WIDTH as M } from "../constants.js";
-import { createRoot as q } from "../node_modules/react-dom/client.js";
-import { ChartsGroup as Q } from "./components/ChartsGroup.js";
-import { TextMeasurer as X } from "../utils/TextMeasurer.js";
-import { arrangeLegendParts as J } from "../utils/arrangeLegendParts.js";
+import { j as L } from "../node_modules/react/jsx-runtime.js";
+import { createRoot as W } from "../node_modules/react-dom/client.js";
+import { Error as F } from "../common/Error.js";
+import { DataFrameProvider as $ } from "../common/useDataFrame.js";
+import { TITLE_LINE_HEIGHT as G, TITLE_MARGIN as K, DEFAULT_HEIGHT_SMALL as P, DEFAULT_HEIGHT as E, DEFAULT_WIDTH as M } from "../constants.js";
+import { arrangeLegendParts as j } from "../utils/arrangeLegendParts.js";
+import { getChartEdgeSides as k } from "../utils/getChartEdgeSides.js";
+import { getContinuousLegendTicks as B } from "../utils/getContinuousLegendTicks.js";
+import { TextMeasurer as U } from "../utils/TextMeasurer/TextMeasurer.js";
+import { ChartsGroup as O } from "./components/ChartsGroup.js";
+import { MIN_MARGIN as A, LEGEND_OFFSET as V, TITLE_LINE as I, CHART_SIDE_ELEMENTS as q, MIN_PADDING as X } from "./constants.js";
+import { calculateChartSideElementSizes as J } from "./utils/calculateChartSideElementSizes.js";
+import { calculateSideElementsBBoxes as Q } from "./utils/calculateSideElementsBBoxes.js";
+import { calculateCaptionTails as Y } from "./utils/calculateCaptionTails.js";
 import w from "../node_modules/d3-scale/src/ordinal.js";
 import N from "../node_modules/d3-scale/src/linear.js";
 import { sqrt as v } from "../node_modules/d3-scale/src/pow.js";
-var Y = Object.defineProperty, Z = (l, t, s) => t in l ? Y(l, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : l[t] = s, d = (l, t, s) => Z(l, typeof t != "symbol" ? t + "" : t, s);
-const tt = (l, t) => {
-  const s = Math.min(...t), a = Math.max(...t);
-  if (s === a) {
-    const h = l % 2 === 0 ? [] : [s];
-    for (let r = 1; r < l / 2 + 1; r++)
-      h.push(s + r), h.unshift(s - r);
-    return h;
+var Z = Object.defineProperty, tt = (r, t, e) => t in r ? Z(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, d = (r, t, e) => tt(r, typeof t != "symbol" ? t + "" : t, e);
+const et = (r, t) => {
+  const e = Math.min(...t), s = Math.max(...t);
+  if (e === s) {
+    const o = r % 2 === 0 ? [] : [e];
+    for (let m = 1; m < r / 2 + 1; m++)
+      o.push(e + m), o.unshift(e - m);
+    return o;
   }
-  if (l < 2)
-    return [s, a];
-  const o = (a - s) / (l - 1), e = [];
-  for (let h = 0; h < l - 1; h++)
-    e.push(s + o * h);
-  return e.push(a), e;
+  if (r < 2)
+    return [e, s];
+  const h = (s - e) / (r - 1), i = [];
+  for (let o = 0; o < r - 1; o++)
+    i.push(e + h * o);
+  return i.push(s), i;
 };
-function st(l, t, s) {
-  let a = s;
-  return l && (l.colorRange && (a = l.colorRange), l.method === "standardScaling" && (a = [-2, 2]), l.method === "meanNormalization" && (a = [-0.75, 0.75])), tt(t, a);
+function st(r, t, e) {
+  let s = e;
+  return r && (r.colorRange && (s = r.colorRange), r.method === "standardScaling" && (s = [-2, 2]), r.method === "meanNormalization" && (s = [-0.75, 0.75])), et(t, s);
 }
-class ft {
+class zt {
   constructor() {
-    d(this, "reactRoot", null), d(this, "parentNode", null), d(this, "rootNode", null), d(this, "component", /* @__PURE__ */ E.jsx(E.Fragment, {})), d(this, "chartsDimensions", {}), d(this, "chartSizes", {
+    d(this, "reactRoot", null), d(this, "parentNode", null), d(this, "rootNode", null), d(this, "component", /* @__PURE__ */ L.jsx(L.Fragment, {})), d(this, "chartsDimensions", {}), d(this, "chartSizes", {
       chartWidth: M,
       // width of single chart
-      chartHeight: L,
+      chartHeight: E,
       // height of single chart
       chartsWidth: M,
       // width of all charts in charts row
-      chartsHeight: L,
+      chartsHeight: E,
       // width of all charts in charts column, without axes
       totalWidth: M,
       // width of all charts in charts row, plus left axis, plus legend
-      totalHeight: L
+      totalHeight: E
       // width of all charts in charts height, plus bottom axis, plus top title
     }), d(this, "margins", {
       top: A,
@@ -74,108 +75,108 @@ class ft {
   clear() {
     var t;
     this.parentNode && this.rootNode && ((t = this.parentNode) == null || t.removeChild(this.rootNode), this.parentNode = null, this.rootNode = null), setTimeout(() => {
-      var s;
-      (s = this.reactRoot) == null || s.unmount(), this.reactRoot = null;
+      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 = q(this.rootNode));
+    this.parentNode === null && (this.parentNode = t, this.rootNode = document.createElement("div"), this.parentNode.appendChild(this.rootNode), this.reactRoot = W(this.rootNode));
   }
   updateMargins(t) {
     this.margins = {
-      top: t.show ? U + O * 2 : A,
+      top: t.show ? G + K * 2 : A,
       bottom: A,
       left: A,
       right: this.legend.width
     }, 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, s, a, o) {
+  updateLegendSize(t, e, s, h) {
     if (!t.show) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const e = [], h = Math.min(
-      Math.max(this.chartSizes.chartHeight, V),
-      L
-    ), r = Math.max(this.chartSizes.chartHeight, h), g = { width: 0, height: 0, left: 0, top: 0 }, S = this.colorScale.domain(), x = P(this.colorScale, [
+    const i = [], o = Math.min(
+      Math.max(this.chartSizes.chartHeight, P),
+      E
+    ), m = Math.max(this.chartSizes.chartHeight, o), g = { width: 0, height: 0, left: 0, top: 0 }, S = this.colorScale.domain(), x = B(this.colorScale, [
       S[0],
       S[S.length - 1]
-    ]), z = s.label ?? s.value, c = N([x[0], x[x.length - 1]], [h, 0]);
-    e.push({
+    ]), C = e.label ?? e.value, u = N([x[0], x[x.length - 1]], [o, 0]);
+    i.push({
       id: "colorValue",
       type: "continuous",
       scale: this.colorScale,
-      tickPositionScale: c,
+      tickPositionScale: u,
       values: x,
-      title: z,
+      title: C,
       ...g
     });
-    const u = a.label ?? a.value, C = this.sizeScale.ticks(3), p = this.sizeScale.tickFormat(3), i = C.reduce((T, b) => (T[String(b)] = p(b), T), {});
-    if (e.push({
+    const p = s.label ?? s.value, z = this.sizeScale.ticks(3), l = this.sizeScale.tickFormat(3), a = z.reduce((T, b) => (T[String(b)] = l(b), T), {});
+    if (i.push({
       id: "sizeValue",
       type: "size",
-      title: u,
+      title: p,
       scale: this.sizeScale,
-      values: C,
-      labels: i,
+      values: z,
+      labels: a,
       ...g
-    }), !e.length) {
+    }), !i.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const n = J(e, r, h), m = n[n.length - 1], y = m.left + m.width + 2 * j, f = this.chartsDimensions[o[0]].padding;
+    const n = j(i, m, o), c = n[n.length - 1], y = c.left + c.width + 2 * V, f = this.chartsDimensions[h[0]].padding;
     this.legend = {
       width: y,
-      height: r + f.top,
+      height: m + f.top,
       items: n
     };
   }
-  updateCaptionsSize(t, s, a) {
-    const o = new X("bold 14px Arial"), { xKeys: e, yKeys: h, xLabels: r, yLabels: g } = t.meta;
+  updateCaptionsSize(t, e, s) {
+    const h = new U("bold 14px Arial"), { xKeys: i, yKeys: o, xLabels: m, yLabels: g } = t.meta;
     this.labelAngles = {
-      xAxisLabels: s.axisLabelsAngle,
-      yAxisLabels: a.axisLabelsAngle
+      xAxisLabels: e.axisLabelsAngle,
+      yAxisLabels: s.axisLabelsAngle
     };
     let S = 0, x = 0;
-    for (const p of e) {
-      const i = o.getTextWidth(r[p]);
-      i > S && (S = i);
+    for (const l of i) {
+      const a = h.getTextWidth(m[l]);
+      a > S && (S = a);
     }
-    for (const p of h) {
-      const i = o.getTextWidth(g[p]);
-      i > x && (x = i);
+    for (const l of o) {
+      const a = h.getTextWidth(g[l]);
+      a > x && (x = a);
     }
-    const { xCaptionTail: z, yCaptionTail: c } = G(
+    const { xCaptionTail: C, yCaptionTail: u } = Y(
       this.labelAngles,
       this.step,
       t,
-      o
-    ), u = this.labelAngles.xAxisLabels / 180 * Math.PI, C = this.labelAngles.yAxisLabels / 180 * Math.PI;
+      h
+    ), p = this.labelAngles.xAxisLabels / 180 * Math.PI, z = this.labelAngles.yAxisLabels / 180 * Math.PI;
     this.captionsSizes = {
-      xCaptionTail: z,
-      yCaptionTail: c,
-      xAxisCaptions: S * Math.sin(u) || D,
-      yAxisCaptions: x * Math.sin(C) || D
+      xCaptionTail: C,
+      yCaptionTail: u,
+      xAxisCaptions: S * Math.sin(p) || I,
+      yAxisCaptions: x * Math.sin(z) || I
     };
   }
-  updateChartDimensions(t, s, a, o) {
-    const e = t.length, h = Math.min(s.nRows ?? e, e), r = Math.min(s.nCols ?? e, e);
-    this.columnsCount = s.nRows ? Math.ceil(e / h) : r, this.rowsCount = Math.ceil(e / this.columnsCount), this.chartsDimensions = {};
+  updateChartDimensions(t, e, s, h) {
+    const i = t.length, o = Math.min(e.nRows ?? i, i), m = Math.min(e.nCols ?? i, i);
+    this.columnsCount = e.nRows ? Math.ceil(i / o) : m, this.rowsCount = Math.ceil(i / this.columnsCount), this.chartsDimensions = {};
     let g = 0, S = 0;
-    t.forEach((c, u) => {
-      const C = u % this.columnsCount + 1, p = K(u, t.length, this.columnsCount, this.rowsCount), i = this.chartSizes.chartWidth, n = this.chartSizes.chartHeight, m = $(
-        a,
-        o,
+    t.forEach((u, p) => {
+      const z = p % this.columnsCount + 1, l = k(p, t.length, this.columnsCount, this.rowsCount), a = this.chartSizes.chartWidth, n = this.chartSizes.chartHeight, c = J(
+        s,
+        h,
         this.captionsSizes,
-        p,
+        l,
         t,
         this.step.x,
         this.step.y
       );
-      function y(I) {
+      function y(D) {
         return Math.max(
-          k[I].reduce((R, _) => R + m[I][_], 0),
-          B
+          q[D].reduce((R, _) => R + c[D][_], 0),
+          X
         );
       }
       const f = {
@@ -185,74 +186,75 @@ class ft {
         bottom: y("bottom")
       };
       f.left < this.captionsSizes.xCaptionTail && (f.left = this.captionsSizes.xCaptionTail), f.bottom < this.captionsSizes.yCaptionTail && (f.bottom = this.captionsSizes.yCaptionTail);
-      const T = F(m, i, n), b = i + f.left + f.right, H = n + f.top + f.bottom;
-      this.chartsDimensions[c] = {
+      const T = Q(c, a, n), b = a + f.left + f.right, H = n + f.top + f.bottom;
+      this.chartsDimensions[u] = {
         left: g,
         top: S,
-        inner: { width: i, height: n },
+        inner: { width: a, height: n },
         outer: { width: b, height: H },
         padding: f,
         sideElementBBoxes: T,
-        chartEdgeSides: p
-      }, g += b, C === this.columnsCount && (g = 0, S += H);
+        chartEdgeSides: l
+      }, g += b, z === this.columnsCount && (g = 0, S += H);
     });
-    const x = t.slice(0, this.columnsCount).reduce((c, u) => c + this.chartsDimensions[u].outer.width, 0), z = t.filter((c, u) => u % this.columnsCount === 0).reduce((c, u) => c + this.chartsDimensions[u].outer.height, 0);
-    this.chartSizes.chartsWidth = x, this.chartSizes.chartsHeight = z;
+    const x = t.slice(0, this.columnsCount).reduce((u, p) => u + this.chartsDimensions[p].outer.width, 0), C = t.filter((u, p) => p % this.columnsCount === 0).reduce((u, p) => u + this.chartsDimensions[p].outer.height, 0);
+    this.chartSizes.chartsWidth = x, this.chartSizes.chartsHeight = C;
   }
-  updateChartsSizes(t, s) {
-    const { width: a, height: o, cellSize: e } = s;
-    e && (this.chartSizes.chartWidth = t.meta.xKeys.length * e, this.chartSizes.chartHeight = t.meta.yKeys.length * e), a && o && (this.chartSizes.chartWidth = a, this.chartSizes.chartHeight = o);
+  updateChartsSizes(t, e) {
+    const { width: s, height: h, cellSize: i } = e;
+    i && (this.chartSizes.chartWidth = t.meta.xKeys.length * i, this.chartSizes.chartHeight = t.meta.yKeys.length * i), s && h && (this.chartSizes.chartWidth = s, this.chartSizes.chartHeight = h);
   }
   // update scales for cell positions, x and y for each facet
-  updateScales(t, s, a, o) {
-    const { width: e, height: h, cellSize: r } = s, { meta: g } = t, S = (p, i = {}) => [...p].sort(
-      (n, m) => a.sorting === "asc" ? (i[n] ?? n).localeCompare(i[m] ?? m, "en", { numeric: !0 }) : (i[m] ?? m).localeCompare(i[n] ?? n, "en", { numeric: !0 })
-    ), x = (p, i = {}) => [...p].sort(
-      (n, m) => o.sorting === "asc" ? (i[n] ?? n).localeCompare(i[m] ?? m, "en", { numeric: !0 }) : (i[m] ?? m).localeCompare(i[n] ?? n, "en", { numeric: !0 })
-    ), z = S(g.xKeys, g.xLabels), c = x(g.yKeys, g.yLabels);
-    r ? (this.step.x = r, this.step.y = r) : e && h && (this.step.x = e / z.length, this.step.y = h / c.length);
-    const u = new Array(z.length).fill(null).map((p, i) => i * this.step.x), C = new Array(c.length).fill(null).map((p, i) => i * this.step.y);
-    this.scales.x = w().domain(z).range(u), this.scales.y = w().domain(c).range(C);
+  updateScales(t, e, s, h) {
+    const { width: i, height: o, cellSize: m } = e, { meta: g } = t, S = (l, a = {}) => [...l].sort(
+      (n, c) => s.sorting === "asc" ? (a[n] ?? n).localeCompare(a[c] ?? c, "en", { numeric: !0 }) : (a[c] ?? c).localeCompare(a[n] ?? n, "en", { numeric: !0 })
+    ), x = (l, a = {}) => [...l].sort(
+      (n, c) => h.sorting === "asc" ? (a[n] ?? n).localeCompare(a[c] ?? c, "en", { numeric: !0 }) : (a[c] ?? c).localeCompare(a[n] ?? n, "en", { numeric: !0 })
+    ), C = S(g.xKeys, g.xLabels), u = x(g.yKeys, g.yLabels);
+    m ? (this.step.x = m, this.step.y = m) : i && o && (this.step.x = i / C.length, this.step.y = o / u.length);
+    const p = new Array(C.length).fill(null).map((l, a) => a * this.step.x), z = new Array(u.length).fill(null).map((l, a) => a * this.step.y);
+    this.scales.x = w().domain(C).range(p), this.scales.y = w().domain(u).range(z);
   }
-  updateAesScale(t, s, a, o) {
-    this.colorScale = N().domain(st(o, t.colorsList.length, a)).range(t.colorsList), this.sizeScale = v(s, [t.minRadius, t.maxRadius]);
+  updateAesScale(t, e, s, h) {
+    this.colorScale = N().domain(st(h, t.colorsList.length, s)).range(t.colorsList), this.sizeScale = v(e, [t.minRadius, t.maxRadius]);
   }
-  render(t, s, a, o, e, h, r, g, S, x) {
-    var z;
-    const { meta: c, facets: u } = e, { valueExtentSize: C, valueExtentColor: p } = c, { xAxis: i, yAxis: n, title: m, size: y } = s;
-    this.updateChartsSizes(e, y), this.updateAesScale(S, C, p, g), this.updateScales(e, y, s.xAxis, s.yAxis), this.updateCaptionsSize(e, i, n), this.updateChartDimensions(o, a, i, n), this.updateLegendSize(s.legend, h, r, o), this.updateMargins(m);
-    const f = /* @__PURE__ */ E.jsx(
-      Q,
+  render(t, e, s, h, i, o, m, g, S, x, C) {
+    var u;
+    const { meta: p, facets: z, meta: { facetKeys: l } } = i, { valueExtentSize: a, valueExtentColor: n } = p, { xAxis: c, yAxis: y, title: f, size: T } = s;
+    this.updateChartsSizes(i, T), this.updateAesScale(S, a, n, g), this.updateScales(i, T, s.xAxis, s.yAxis), this.updateCaptionsSize(i, c, y), this.updateChartDimensions(l, h, c, y), this.updateLegendSize(s.legend, o, m, l), this.updateMargins(f);
+    const b = /* @__PURE__ */ L.jsx($, { dataFrame: t, children: /* @__PURE__ */ L.jsx(
+      O,
       {
         aes: S,
         captionsSizes: this.captionsSizes,
-        cellsMeta: c,
+        cellsMeta: p,
         columnsCount: this.columnsCount,
         chartsDimensions: this.chartsDimensions,
         chartSettings: s,
         chartSizes: this.chartSizes,
         sizeScale: this.sizeScale,
         colorScale: this.colorScale,
-        facetKeys: o,
-        facetSettings: a,
-        groupedCells: u,
+        facetKeys: l,
+        facetSettings: h,
+        groupedCells: z,
         labelAngles: this.labelAngles,
         legend: this.legend,
         margins: this.margins,
         scales: this.scales,
-        settingsId: t,
+        settingsId: e,
         step: this.step,
-        onTooltipHintSwitch: x
+        getCellTooltip: x,
+        onTooltipHintSwitch: C
       }
-    );
-    this.component = f, (z = this.reactRoot) == null || z.render(f);
+    ) });
+    this.component = b, (u = this.reactRoot) == null || u.render(b);
   }
   renderError(t) {
-    var s;
-    (s = this.reactRoot) == null || s.render(/* @__PURE__ */ E.jsx(W, { message: t }));
+    var e;
+    (e = this.reactRoot) == null || e.render(/* @__PURE__ */ L.jsx(F, { message: t }));
   }
 }
 export {
-  ft as default
+  zt as default
 };
 //# sourceMappingURL=ChartRenderer.js.map