@milaboratories/miplots4 1.0.161 → 1.0.163

package/dist/histogram/index.js

@@ -1,9 +1,9 @@
-var v = Object.defineProperty;
-var b = (u, c, a) => c in u ? v(u, c, { enumerable: !0, configurable: !0, writable: !0, value: a }) : u[c] = a;
-var d = (u, c, a) => b(u, typeof c != "symbol" ? c + "" : c, a);
-import { l as E } from "../_virtual/lodash.js";
-import { s as I } from "../_virtual/server.browser.js";
-import { AbstractChart as x } from "../AbstractChart.js";
+var E = Object.defineProperty;
+var b = (c, h, a) => h in c ? E(c, h, { enumerable: !0, configurable: !0, writable: !0, value: a }) : c[h] = a;
+var g = (c, h, a) => b(c, typeof h != "symbol" ? h + "" : h, a);
+import { l as x } from "../_virtual/lodash.js";
+import { s as w } from "../_virtual/server.browser.js";
+import { AbstractChart as A } from "../AbstractChart.js";
 import { getUnknownErrorInfo as p, isErrorInfo as m } from "../types/common.js";
 import "../types/discrete.js";
 import "../types/scatterplot.js";
@@ -11,32 +11,32 @@ import "../types/heatmap.js";
 import "../types/dendro.js";
 import "../types/histogram.js";
 import "../types/bubble.js";
-import { getKeysCombinations as w } from "../utils/getKeysCombination.js";
-import A from "./ChartRenderer.js";
-import { createHistogramDataByFacets as B } from "./getHistogramData.js";
+import { getKeysCombinations as S } from "../utils/getKeysCombination.js";
+import B from "./ChartRenderer.js";
+import { createHistogramDataByFacets as O } from "./getHistogramData.js";
 import { HistogramSettingsImpl as f } from "./HistogramSettingsImpl.js";
-import { MAX_FACETS_COUNT as C } from "../constants.js";
-function S(u, c, a) {
-  return c.reduce((t, e) => {
-    const n = u.getColumnCategories(e.value, !1), l = (r) => e.valueLabels ? String(u.getColumnValue(
+import { MAX_FACETS_COUNT as C, MAX_GROUPS_COUNT as y } from "../constants.js";
+function D(c, h, a) {
+  return h.reduce((t, e) => {
+    const n = c.getColumnCategories(e.value, !1), l = (r) => e.valueLabels ? String(c.getColumnValue(
       e.valueLabels,
-      u.getColumnCategoryRowIndex(e.value, r)
-    )) : r, i = n.reduce((r, s) => (r[s] = l(s), r), {});
+      c.getColumnCategoryRowIndex(e.value, r)
+    )) : r, s = n.reduce((r, o) => (r[o] = l(o), r), {});
     return t[e.value] = {
-      values: n.sort((r, s) => i[r].localeCompare(i[s], "en", { numeric: !0 })),
+      values: n.sort((r, o) => s[r].localeCompare(s[o], "en", { numeric: !0 })),
       aesMap: a[e.value],
-      labels: i
+      labels: s
     }, t;
   }, {});
 }
-class z extends x {
+class z extends A {
   constructor(a, t, e) {
     super(a, t);
-    d(this, "settings");
-    d(this, "chartRenderer", new A());
-    d(this, "onTooltipHintSwitch", () => {
+    g(this, "settings");
+    g(this, "chartRenderer", new B());
+    g(this, "onTooltipHintSwitch", () => {
     });
-    d(this, "calculatedData", null);
+    g(this, "calculatedData", null);
     this.settings = new f(t), e && (this.onTooltipHintSwitch = e[0]);
   }
   mount(a) {
@@ -61,46 +61,53 @@ class z extends x {
     console.warn("no chart state for histogram");
   }
   export() {
-    return this._updateChart(), I.renderToString(this.chartRenderer.component);
+    return this._updateChart(), w.renderToString(this.chartRenderer.component);
   }
   _needUpdateCalculatedDataBySettings(a, t) {
-    var e, n, l, i;
-    return a.valueColumn.value !== t.valueColumn.value || a.facetBy.some((r, s) => {
-      var o;
-      return r.value !== ((o = t.facetBy[s]) == null ? void 0 : o.value);
-    }) || ((e = a.grouping) == null ? void 0 : e.value) !== ((n = t.grouping) == null ? void 0 : n.value) || a.layers.length !== t.layers.length || a.layers.some((r, s) => r.type !== t.layers[s].type) || a.binsCount !== t.binsCount || a.chartSettings.xAxis.scale !== t.chartSettings.xAxis.scale || ((l = a.groupingOrder) == null ? void 0 : l.some((r, s) => {
-      var o;
-      return r !== ((o = t.groupingOrder) == null ? void 0 : o[s]);
-    })) || ((i = t.groupingOrder) == null ? void 0 : i.some((r, s) => {
-      var o;
-      return r !== ((o = a.groupingOrder) == null ? void 0 : o[s]);
+    var e, n, l, s;
+    return a.valueColumn.value !== t.valueColumn.value || a.facetBy.some((r, o) => {
+      var i;
+      return r.value !== ((i = t.facetBy[o]) == null ? void 0 : i.value);
+    }) || ((e = a.grouping) == null ? void 0 : e.value) !== ((n = t.grouping) == null ? void 0 : n.value) || a.layers.length !== t.layers.length || a.layers.some((r, o) => r.type !== t.layers[o].type) || a.binsCount !== t.binsCount || a.chartSettings.xAxis.scale !== t.chartSettings.xAxis.scale || ((l = a.groupingOrder) == null ? void 0 : l.some((r, o) => {
+      var i;
+      return r !== ((i = t.groupingOrder) == null ? void 0 : i[o]);
+    })) || ((s = t.groupingOrder) == null ? void 0 : s.some((r, o) => {
+      var i;
+      return r !== ((i = a.groupingOrder) == null ? void 0 : i[o]);
     }));
   }
   _needUpdateCalculatedDataByData(a, t) {
     const e = Object.keys(a.data), n = Object.keys(t.data);
     return a.id !== t.id || e.length !== n.length || e.some((l) => {
-      var i;
-      return a.data[l].length !== ((i = t.data[l]) == null ? void 0 : i.length);
+      var s;
+      return a.data[l].length !== ((s = t.data[l]) == null ? void 0 : s.length);
     });
   }
   _updateData() {
-    const { valueColumn: a, facetBy: t, grouping: e, binsCount: n, chartSettings: l, inheritedAes: i, groupingOrder: r } = this.settings, s = t.map((h) => this.data.getColumnCategories(h.value)), o = s.length ? w([...s]) : [["null"]];
-    if (o.length > C) {
-      const h = {
+    const { valueColumn: a, facetBy: t, grouping: e, binsCount: n, chartSettings: l, inheritedAes: s, groupingOrder: r } = this.settings, o = t.map((u) => this.data.getColumnCategories(u.value)), i = o.length ? S([...o]) : [["null"]];
+    if (i.length > C) {
+      const u = {
         type: "tooManyFacets",
-        info: { count: o.length, maxCount: C }
+        info: { count: i.length, maxCount: C }
+      };
+      throw Error(u.type, { cause: u });
+    }
+    const _ = t.map((u) => u.value) ?? null, I = e ? [e.value] : [];
+    let d = e ? this.data.getColumnCategories(e.value) : ["null"];
+    if (d.length > y) {
+      const u = {
+        type: "tooManyHistogramGroups",
+        info: { count: d.length, maxCount: y }
       };
-      throw Error(h.type, { cause: h });
+      throw Error(u.type, { cause: u });
     }
-    const y = t.map((h) => h.value) ?? null, D = e ? [e.value] : [];
-    let g = e ? this.data.getColumnCategories(e.value) : ["null"];
-    r && (g = E.intersection(r, g)), this.data.setGrouping([...y, ...D]);
-    const _ = B(this.data, o, g, a, n, l.xAxis.scale);
+    r && (d = x.intersection(r, d)), this.data.setGrouping([..._, ...I]);
+    const v = O(this.data, i, d, a, n, l.xAxis.scale);
     this.calculatedData = {
-      facetKeys: o.map((h) => h.join(", ")),
-      facetKeysCombinations: o,
-      histogramDataByFacets: _,
-      legendInfo: S(this.data, e ? [e] : [], i)
+      facetKeys: i.map((u) => u.join(", ")),
+      facetKeysCombinations: i,
+      histogramDataByFacets: v,
+      legendInfo: D(this.data, e ? [e] : [], s)
     };
   }
   _updateAesInData() {
@@ -109,8 +116,8 @@ class z extends x {
   _updateChart() {
     if (!this.calculatedData)
       return;
-    const { id: a, chartSettings: t, facetSettings: e, inheritedAes: n, layers: l, grouping: i, groupingDirection: r, groupingStack: s } = this.settings;
-    this.chartRenderer.render(
+    const { id: a, chartSettings: t, facetSettings: e, inheritedAes: n, layers: l, grouping: s, groupingDirection: r, groupingStack: o } = this.settings;
+    this.calculatedData.legendInfo = D(this.data, s ? [s] : [], n), this.chartRenderer.render(
       this.data,
       a,
       t,
@@ -122,8 +129,8 @@ class z extends x {
       this.calculatedData.legendInfo,
       l,
       n,
-      i,
       s,
+      o,
       r,
       this.onTooltipHintSwitch
     );

package/dist/histogram/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/histogram/index.ts"],"sourcesContent":["import {\n    intersection\n} from 'lodash';\nimport { renderToString } from 'react-dom/server';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport { type Category, type ColumnName, type ErrorInfoFacets, getUnknownErrorInfo, type HistogramEventHandlers, type HistogramSettings, isErrorInfo } from '../types';\nimport { getKeysCombinations } from '../utils/getKeysCombination';\nimport ChartRenderer from './ChartRenderer';\nimport type { HistogramLegendInfo } from './components/types';\nimport type { GroupedHistogramData } from './getHistogramData';\nimport { createHistogramDataByFacets } from './getHistogramData';\nimport { HistogramSettingsImpl } from './HistogramSettingsImpl';\nimport { MAX_FACETS_COUNT } from '../constants';\n\nfunction getLegendInfo(\n    data: DataFrame,\n    grouping: ColumnName[],\n    inheritedAes: HistogramSettingsImpl['inheritedAes']\n): HistogramLegendInfo {\n    return grouping.reduce((res: HistogramLegendInfo, column) => {\n        const categories = data.getColumnCategories(column.value, false);\n        const getValueLabel = (category: Category) => (column.valueLabels\n            ? String(data.getColumnValue(\n                column.valueLabels,\n                data.getColumnCategoryRowIndex(column.value, category)\n            ))\n            : category\n        );\n        const labels = categories.reduce((res: Record<string, string>, category) => {\n            res[category] = getValueLabel(category);\n            return res;\n        }, {});\n        res[column.value] = {\n            values: categories.sort((a, b) => labels[a].localeCompare(labels[b], 'en', {numeric: true})),\n            aesMap: inheritedAes[column.value],\n            labels,\n        };\n        return res;\n    }, {});\n}\n\nexport class ChartHistogram extends AbstractChart {\n    settings: HistogramSettingsImpl;\n    chartRenderer = new ChartRenderer();\n\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    calculatedData: {\n        facetKeys: string[];\n        facetKeysCombinations: string[][];\n        histogramDataByFacets: Record<string, GroupedHistogramData>\n        legendInfo: HistogramLegendInfo\n    } | null = null;\n\n    constructor(data: DataFrame, settings: HistogramSettings, eventHandlers?: HistogramEventHandlers) {\n        super(data, settings);\n\n        this.settings = new HistogramSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: HistogramSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new HistogramSettingsImpl(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            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for histogram');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: HistogramSettingsImpl, settings: HistogramSettingsImpl) {\n        return (\n            prevSettings.valueColumn.value !== settings.valueColumn.value ||\n            prevSettings.facetBy.some((el, idx) => el.value !== settings.facetBy[idx]?.value) ||\n            prevSettings.grouping?.value !== settings.grouping?.value ||\n            prevSettings.layers.length !== settings.layers.length ||\n            prevSettings.layers.some((l, idx) => l.type !== settings.layers[idx].type) ||\n            prevSettings.binsCount !== settings.binsCount ||\n            prevSettings.chartSettings.xAxis.scale !== settings.chartSettings.xAxis.scale ||\n            prevSettings.groupingOrder?.some((key, idx) => key !== settings.groupingOrder?.[idx]) ||\n            settings.groupingOrder?.some((key, idx) => key !== prevSettings.groupingOrder?.[idx])\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 {valueColumn, facetBy, grouping, binsCount, chartSettings, inheritedAes, groupingOrder} = this.settings;\n\n        const facetKeysLists = facetBy.map(column => this.data.getColumnCategories(column.value));\n        const facetKeysCombinations = facetKeysLists.length ? getKeysCombinations([...facetKeysLists]) : [['null']];\n\n        if (facetKeysCombinations.length > MAX_FACETS_COUNT) {\n            const errorInfo: ErrorInfoFacets = {\n                type: 'tooManyFacets',\n                info: {count: facetKeysCombinations.length, maxCount: MAX_FACETS_COUNT}\n            };\n            throw Error(errorInfo.type, {cause: errorInfo});\n        }\n\n        const facetGroupingValues = facetBy.map(column => column.value) ?? null;\n        const groupingValues = grouping ? [grouping.value] : [];\n        let groupingKeys = grouping ? this.data.getColumnCategories(grouping.value) : ['null'];\n        if (groupingOrder) {\n            groupingKeys = intersection(groupingOrder, groupingKeys);\n        }\n\n        this.data.setGrouping([...facetGroupingValues, ...groupingValues]);\n        const histogramDataByFacets = createHistogramDataByFacets(this.data, facetKeysCombinations, groupingKeys, valueColumn, binsCount, chartSettings.xAxis.scale);\n\n        this.calculatedData = {\n            facetKeys: facetKeysCombinations.map(v => v.join(', ')),\n            facetKeysCombinations,\n            histogramDataByFacets,\n            legendInfo: getLegendInfo(this.data, grouping ? [grouping] : [], inheritedAes)\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, facetSettings, inheritedAes, layers, grouping, groupingDirection, groupingStack} = this.settings;\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            facetSettings,\n            this.calculatedData.facetKeys,\n            this.calculatedData.facetKeysCombinations, //for titles, if facet by more than 1 column\n            this.calculatedData.histogramDataByFacets,\n            this.calculatedData.legendInfo,\n            layers,\n            inheritedAes,\n            grouping,\n            groupingStack,\n            groupingDirection,\n            this.onTooltipHintSwitch\n        );\n    }\n}\n"],"names":["getLegendInfo","data","grouping","inheritedAes","res","column","categories","getValueLabel","category","labels","a","b","ChartHistogram","AbstractChart","settings","eventHandlers","__publicField","ChartRenderer","HistogramSettingsImpl","node","err","isErrorInfo","getUnknownErrorInfo","previousSettings","previousData","_field","_value","renderToString","prevSettings","el","idx","_a","_b","l","_c","key","_d","prevData","prevKeys","keys","valueColumn","facetBy","binsCount","chartSettings","groupingOrder","facetKeysLists","facetKeysCombinations","getKeysCombinations","MAX_FACETS_COUNT","errorInfo","facetGroupingValues","groupingValues","groupingKeys","intersection","histogramDataByFacets","createHistogramDataByFacets","v","id","facetSettings","layers","groupingDirection","groupingStack"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/histogram/index.ts"],"sourcesContent":["import {\n    intersection\n} from 'lodash';\nimport { renderToString } from 'react-dom/server';\nimport { AbstractChart } from '../AbstractChart';\nimport type { DataFrame } from '../DataFrame';\nimport type { ErrorInfoHistogramGroups} from '../types';\nimport { type Category, type ColumnName, type ErrorInfoFacets, getUnknownErrorInfo, type HistogramEventHandlers, type HistogramSettings, isErrorInfo } from '../types';\nimport { getKeysCombinations } from '../utils/getKeysCombination';\nimport ChartRenderer from './ChartRenderer';\nimport type { HistogramLegendInfo } from './components/types';\nimport type { GroupedHistogramData } from './getHistogramData';\nimport { createHistogramDataByFacets } from './getHistogramData';\nimport { HistogramSettingsImpl } from './HistogramSettingsImpl';\nimport { MAX_FACETS_COUNT, MAX_GROUPS_COUNT } from '../constants';\n\nfunction getLegendInfo(\n    data: DataFrame,\n    grouping: ColumnName[],\n    inheritedAes: HistogramSettingsImpl['inheritedAes']\n): HistogramLegendInfo {\n    return grouping.reduce((res: HistogramLegendInfo, column) => {\n        const categories = data.getColumnCategories(column.value, false);\n        const getValueLabel = (category: Category) => (column.valueLabels\n            ? String(data.getColumnValue(\n                column.valueLabels,\n                data.getColumnCategoryRowIndex(column.value, category)\n            ))\n            : category\n        );\n        const labels = categories.reduce((res: Record<string, string>, category) => {\n            res[category] = getValueLabel(category);\n            return res;\n        }, {});\n        res[column.value] = {\n            values: categories.sort((a, b) => labels[a].localeCompare(labels[b], 'en', {numeric: true})),\n            aesMap: inheritedAes[column.value],\n            labels,\n        };\n        return res;\n    }, {});\n}\n\nexport class ChartHistogram extends AbstractChart {\n    settings: HistogramSettingsImpl;\n    chartRenderer = new ChartRenderer();\n\n    onTooltipHintSwitch: (v:boolean) => void = () => undefined;\n    calculatedData: {\n        facetKeys: string[];\n        facetKeysCombinations: string[][];\n        histogramDataByFacets: Record<string, GroupedHistogramData>\n        legendInfo: HistogramLegendInfo\n    } | null = null;\n\n    constructor(data: DataFrame, settings: HistogramSettings, eventHandlers?: HistogramEventHandlers) {\n        super(data, settings);\n\n        this.settings = new HistogramSettingsImpl(settings);\n        if (eventHandlers) {\n            this.onTooltipHintSwitch = eventHandlers[0];\n        }\n    }\n\n    mount(node: HTMLElement) {\n        try {\n            this.chartRenderer.init(node);\n            this._updateData();\n            this._updateChart();\n            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    unmount() {\n        this.chartRenderer.clear();\n    }\n\n    updateSettingsAndData(data: DataFrame, settings: HistogramSettings) {\n        try {\n            const previousSettings = this.settings;\n            const previousData = this.data;\n            this.settings = new HistogramSettingsImpl(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            this.hasError = false;\n            this.errorInfo = null;\n        } catch (err) {\n            this.hasError = true;\n            if (err instanceof Error) {\n                this.errorInfo = isErrorInfo(err.cause) ? err.cause : getUnknownErrorInfo(err);\n                this.chartRenderer.renderError(err.message as string);\n                console.error(err);\n            }\n        }\n    }\n\n    updateChartState(_field: string, _value: unknown) {\n        console.warn('no chart state for histogram');\n    }\n\n    export(): string {\n        this._updateChart();\n        return renderToString(this.chartRenderer.component);\n    }\n\n    _needUpdateCalculatedDataBySettings(prevSettings: HistogramSettingsImpl, settings: HistogramSettingsImpl) {\n        return (\n            prevSettings.valueColumn.value !== settings.valueColumn.value ||\n            prevSettings.facetBy.some((el, idx) => el.value !== settings.facetBy[idx]?.value) ||\n            prevSettings.grouping?.value !== settings.grouping?.value ||\n            prevSettings.layers.length !== settings.layers.length ||\n            prevSettings.layers.some((l, idx) => l.type !== settings.layers[idx].type) ||\n            prevSettings.binsCount !== settings.binsCount ||\n            prevSettings.chartSettings.xAxis.scale !== settings.chartSettings.xAxis.scale ||\n            prevSettings.groupingOrder?.some((key, idx) => key !== settings.groupingOrder?.[idx]) ||\n            settings.groupingOrder?.some((key, idx) => key !== prevSettings.groupingOrder?.[idx])\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 {valueColumn, facetBy, grouping, binsCount, chartSettings, inheritedAes, groupingOrder} = this.settings;\n\n        const facetKeysLists = facetBy.map(column => this.data.getColumnCategories(column.value));\n        const facetKeysCombinations = facetKeysLists.length ? getKeysCombinations([...facetKeysLists]) : [['null']];\n\n        if (facetKeysCombinations.length > MAX_FACETS_COUNT) {\n            const errorInfo: ErrorInfoFacets = {\n                type: 'tooManyFacets',\n                info: {count: facetKeysCombinations.length, maxCount: MAX_FACETS_COUNT}\n            };\n            throw Error(errorInfo.type, {cause: errorInfo});\n        }\n\n        const facetGroupingValues = facetBy.map(column => column.value) ?? null;\n        const groupingValues = grouping ? [grouping.value] : [];\n        let groupingKeys = grouping ? this.data.getColumnCategories(grouping.value) : ['null'];\n        if (groupingKeys.length > MAX_GROUPS_COUNT) {\n            const errorInfo: ErrorInfoHistogramGroups = {\n                type: 'tooManyHistogramGroups',\n                info: {count: groupingKeys.length, maxCount: MAX_GROUPS_COUNT}\n            };\n            throw Error(errorInfo.type, {cause: errorInfo});\n        }\n        if (groupingOrder) {\n            groupingKeys = intersection(groupingOrder, groupingKeys);\n        }\n\n        this.data.setGrouping([...facetGroupingValues, ...groupingValues]);\n        const histogramDataByFacets = createHistogramDataByFacets(this.data, facetKeysCombinations, groupingKeys, valueColumn, binsCount, chartSettings.xAxis.scale);\n\n        this.calculatedData = {\n            facetKeys: facetKeysCombinations.map(v => v.join(', ')),\n            facetKeysCombinations,\n            histogramDataByFacets,\n            legendInfo: getLegendInfo(this.data, grouping ? [grouping] : [], inheritedAes)\n        };\n    }\n\n    _updateAesInData() {\n        const calculated = this.calculatedData;\n        if (!calculated) {\n            return;\n        }\n    }\n\n    _updateChart() {\n        if (!this.calculatedData) {\n            return;\n        }\n        const {id, chartSettings, facetSettings, inheritedAes, layers, grouping, groupingDirection, groupingStack} = this.settings;\n        this.calculatedData.legendInfo = getLegendInfo(this.data, grouping ? [grouping] : [], inheritedAes);\n        this.chartRenderer.render(\n            this.data,\n            id,\n            chartSettings,\n            facetSettings,\n            this.calculatedData.facetKeys,\n            this.calculatedData.facetKeysCombinations, //for titles, if facet by more than 1 column\n            this.calculatedData.histogramDataByFacets,\n            this.calculatedData.legendInfo,\n            layers,\n            inheritedAes,\n            grouping,\n            groupingStack,\n            groupingDirection,\n            this.onTooltipHintSwitch\n        );\n    }\n}\n"],"names":["getLegendInfo","data","grouping","inheritedAes","res","column","categories","getValueLabel","category","labels","a","b","ChartHistogram","AbstractChart","settings","eventHandlers","__publicField","ChartRenderer","HistogramSettingsImpl","node","err","isErrorInfo","getUnknownErrorInfo","previousSettings","previousData","_field","_value","renderToString","prevSettings","el","idx","_a","_b","l","_c","key","_d","prevData","prevKeys","keys","valueColumn","facetBy","binsCount","chartSettings","groupingOrder","facetKeysLists","facetKeysCombinations","getKeysCombinations","MAX_FACETS_COUNT","errorInfo","facetGroupingValues","groupingValues","groupingKeys","MAX_GROUPS_COUNT","intersection","histogramDataByFacets","createHistogramDataByFacets","v","id","facetSettings","layers","groupingDirection","groupingStack"],"mappings":"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"}

package/dist/node_modules/.pnpm/scheduler@0.23.2/node_modules/scheduler/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../../_virtual/index5.js";
+import { __module as e } from "../../../../../_virtual/index10.js";
 import { __require as o } from "./cjs/scheduler.production.min.js";
 import { __require as u } from "./cjs/scheduler.development.js";
 var r;

package/dist/scatterplot/ChartRenderer.js

@@ -1,6 +1,6 @@
 var st = Object.defineProperty;
 var ot = (a, t, i) => t in a ? st(a, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[t] = i;
-var S = (a, t, i) => ot(a, typeof t != "symbol" ? t + "" : t, i);
+var b = (a, t, i) => ot(a, typeof t != "symbol" ? t + "" : t, i);
 import { j as v } from "../_virtual/jsx-runtime.js";
 import { c as nt } from "../_virtual/client.js";
 import { Error as at } from "../common/Error.js";
@@ -20,18 +20,18 @@ import { getContinuousColorScale as gt } from "../utils/getContinuousColorScale.
 import { getContinuousLegendTicks as ft } from "../utils/getContinuousLegendTicks.js";
 import { TextMeasurer as Tt } from "../utils/TextMeasurer/TextMeasurer.js";
 import { ChartsGroup as Ct } from "./components/ChartsGroup.js";
-import { MIN_MARGIN as D, PADDINGS as P, DEFAULT_DOT_AES as Y, LEGEND_OFFSET as xt, TICK_OFFSET as O, DEFAULT_TICKS_SIZE as Q, MIN_PADDING as F, FACET_TITLE_OFFSET as Et, TITLE_LINE as U, FACET_AXIS_OFFSET as Z } from "./constants.js";
-import { createAesGetter as L } from "./utils/createAesGetter.js";
-import { getTicksAndFormat as Mt } from "./utils/getTicksAndFormat.js";
+import { MIN_MARGIN as D, PADDINGS as P, DEFAULT_DOT_AES as A, LEGEND_OFFSET as Mt, TICK_OFFSET as F, DEFAULT_TICKS_SIZE as Q, MIN_PADDING as U, FACET_TITLE_OFFSET as Et, TITLE_LINE as O, FACET_AXIS_OFFSET as Z } from "./constants.js";
+import { createAesGetter as Y } from "./utils/createAesGetter.js";
+import { getTicksAndFormat as St } from "./utils/getTicksAndFormat.js";
 import { isContinuousAxis as $ } from "./utils/isNumericScale.js";
 import { createMultilineDiscreteLabels as J } from "../utils/createMultilineDiscreteLabels.js";
 import { measureMultilineDiscreteLabels as k } from "../utils/measureMultilineDiscreteLabels.js";
 import B from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/linear.js";
 import { point as y } from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/band.js";
 import K from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/log.js";
-import St from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/ordinal.js";
-import Nt from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/symlog.js";
-import { sqrt as zt } from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/pow.js";
+import bt from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/ordinal.js";
+import xt from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/symlog.js";
+import { sqrt as Nt } from "../node_modules/.pnpm/d3-scale@4.0.2/node_modules/d3-scale/src/pow.js";
 function tt(a, t) {
   if (a === void 0)
     return !0;
@@ -42,17 +42,17 @@ function tt(a, t) {
   }
   return !1;
 }
-function bt(a, t, i, s) {
+function zt(a, t, i, s) {
   const e = [];
   return a % i === i - 1 && e.push("right"), a % i === 0 && e.push("left"), a < i && e.push("top"), (Math.ceil((a + 1) / i) === s || Math.ceil((a + 1) / i) === s - 1 && a % i > (t - 1) % i) && e.push("bottom"), e;
 }
-function wt(a, t, i, s, e, o, f, T, M, d) {
-  const b = a.scale === "discrete", W = t.scale === "discrete", h = o.includes("left") || !(d != null && d.sharedY), n = o.includes("left") && t.title !== "", r = o.includes("bottom") || !(d != null && d.sharedX), g = o.includes("bottom") && a.title !== "", x = W ? i.leftAxisCaptionsWidthByColumns[T] : i.yAxisCaptionsWidth + 2 * O, l = (t.showTicks ? Q : 0) + O, m = n ? U + F : 0, C = b ? i.bottomAxisCaptionsWidthByRows[f] : i.xAxisCaptionsWidth + 2 * O, E = a.showTicks ? Q : 0, R = g ? U + F : 0, p = x + l + m + Z, c = C + E + R + Z, I = Math.max(...s.map((u) => e[u].length));
+function wt(a, t, i, s, e, o, f, T, S, d) {
+  const z = a.scale === "discrete", W = t.scale === "discrete", h = o.includes("left") || !(d != null && d.sharedY), n = o.includes("left") && t.title !== "", r = o.includes("bottom") || !(d != null && d.sharedX), g = o.includes("bottom") && a.title !== "", M = t.hiddenLabels ? 0 : W ? i.leftAxisCaptionsWidthByColumns[T] + 2 * F : i.yAxisCaptionsWidth + 2 * F, l = (t.showTicks ? Q : 0) + F, m = n ? O : 0, C = a.hiddenLabels ? 0 : z ? i.bottomAxisCaptionsWidthByRows[f] + 2 * F : i.xAxisCaptionsWidth + 2 * F, E = a.showTicks ? Q : 0, R = g ? O : 0, p = M + l + m + Z, c = C + E + R + Z, I = Math.max(...s.map((u) => e[u].length));
   return {
-    left: h ? p : F,
+    left: h ? p : U,
     top: I === 0 ? 0 : Et * 2 + I * pt,
-    bottom: r ? c + 8 : F,
-    right: M ? 0 : F
+    bottom: r ? c + 8 : U,
+    right: S ? 0 : U
   };
 }
 function Wt(a, t, i) {
@@ -65,35 +65,35 @@ function It(a, t) {
   const i = Math.floor(a / t), s = a - i * t;
   return [i, s];
 }
-function At(a, t, i, s) {
+function Lt(a, t, i, s) {
   const e = i.find((f) => f.type === "dots"), o = i.find((f) => f.type === "curve");
   return {
-    dotShape: L(a, t, (e == null ? void 0 : e.aes.dotShape) ?? Y.shape, "dotShape"),
-    dotColor: L(a, t, (e == null ? void 0 : e.aes.dotFill) ?? Y.color, "dotFill"),
-    dotSize: L(a, t, (e == null ? void 0 : e.aes.dotSize) ?? Y.size, "dotSize"),
-    lineShape: L(a, t, (o == null ? void 0 : o.aes.lineShape) ?? "solid", "lineShape"),
-    lineColor: L(a, t, (o == null ? void 0 : o.aes.lineColor) ?? et, "lineColor"),
-    trendColor: L(a, t, (s == null ? void 0 : s.color) ?? Y.color, "fillColor")
+    dotShape: Y(a, t, (e == null ? void 0 : e.aes.dotShape) ?? A.shape, "dotShape"),
+    dotColor: Y(a, t, (e == null ? void 0 : e.aes.dotFill) ?? A.color, "dotFill"),
+    dotSize: Y(a, t, (e == null ? void 0 : e.aes.dotSize) ?? A.size, "dotSize"),
+    lineShape: Y(a, t, (o == null ? void 0 : o.aes.lineShape) ?? "solid", "lineShape"),
+    lineColor: Y(a, t, (o == null ? void 0 : o.aes.lineColor) ?? et, "lineColor"),
+    trendColor: Y(a, t, (s == null ? void 0 : s.color) ?? A.color, "fillColor")
   };
 }
 const _t = Math.cos(Math.PI / 4), Ht = 5;
 function it(a, t) {
-  return t.scale === "discrete" ? t.labelsPosition === "90deg" ? a : t.labelsPosition === "45deg" ? a * _t + (a > 0 ? 2 * Ht : 0) : U : a;
+  return t.scale === "discrete" ? t.labelsPosition === "90deg" ? a : t.labelsPosition === "45deg" ? a * _t + (a > 0 ? 2 * Ht : 0) : O : Math.max(a, O);
 }
 class ci {
   constructor() {
-    S(this, "reactRoot", null);
-    S(this, "parentNode", null);
-    S(this, "rootNode", null);
-    S(this, "component", /* @__PURE__ */ v.jsx(v.Fragment, {}));
-    S(this, "margins", {
+    b(this, "reactRoot", null);
+    b(this, "parentNode", null);
+    b(this, "rootNode", null);
+    b(this, "component", /* @__PURE__ */ v.jsx(v.Fragment, {}));
+    b(this, "margins", {
       top: D,
       bottom: D,
       left: D,
       right: D
     });
-    S(this, "chartsDimensions", {});
-    S(this, "chartSizes", {
+    b(this, "chartsDimensions", {});
+    b(this, "chartSizes", {
       chartWidth: G,
       // width of single chart
       chartHeight: X,
@@ -107,13 +107,13 @@ class ci {
       totalHeight: X
       // width of all charts in charts height, plus bottom axis, plus top title
     });
-    S(this, "columnsCount", 1);
-    S(this, "rowsCount", 1);
-    S(this, "scales", {
+    b(this, "columnsCount", 1);
+    b(this, "rowsCount", 1);
+    b(this, "scales", {
       x: { null: B().domain([0, 1]).range([0, G]) },
       y: { null: B().domain([0, 1]).range([X, 0]) }
     });
-    S(this, "captionsSizes", {
+    b(this, "captionsSizes", {
       xAxisCaptionsWidth: 30,
       yAxisCaptionsWidth: 100,
       bottomAxisCaptionsWidthByRows: [],
@@ -121,13 +121,13 @@ class ci {
       bottomCaptionsTail: 0,
       leftCaptionsTail: 0
     });
-    S(this, "facetTitles", {});
+    b(this, "facetTitles", {});
     // can be multiline
-    S(this, "mainTitle", []);
+    b(this, "mainTitle", []);
     // can be multiline
-    S(this, "discreteAxesLabels", { x: {}, y: {} });
+    b(this, "discreteAxesLabels", { x: {}, y: {} });
     // only for discrete axes, by facets, can be multiline
-    S(this, "legend", { width: 0, height: 0, items: [] });
+    b(this, "legend", { width: 0, height: 0, items: [] });
   }
   clear() {
     var t;
@@ -144,10 +144,10 @@ class ci {
   }
   updateChartDimensions(t, i, s, e) {
     const { chartWidth: o, chartHeight: f } = this.chartSizes;
-    let T = 0, M = 0;
+    let T = 0, S = 0;
     const d = Wt(t, this.rowsCount, this.columnsCount);
     this.chartsDimensions = t.reduce((h, n, r) => {
-      const [g, x] = It(r, this.columnsCount), l = bt(r, t.length, this.columnsCount, this.rowsCount), m = wt(
+      const [g, M] = It(r, this.columnsCount), l = zt(r, t.length, this.columnsCount, this.rowsCount), m = wt(
         s,
         e,
         this.captionsSizes,
@@ -155,33 +155,33 @@ class ci {
         this.facetTitles,
         l,
         g,
-        x,
-        x === this.columnsCount - 1,
+        M,
+        M === this.columnsCount - 1,
         i
       ), C = o + m.left + m.right, E = f + m.top + m.bottom;
       return h[n] = {
         left: T,
-        top: M,
+        top: S,
         chartEdgeSides: l,
         padding: m,
         inner: { width: o, height: f },
         outer: { width: C, height: E }
-      }, T += C, x === this.columnsCount - 1 && (T = 0, M += E), h;
+      }, T += C, M === this.columnsCount - 1 && (T = 0, S += E), h;
     }, {});
-    const b = Math.max(
+    const z = Math.max(
       ...t.map((h) => this.chartsDimensions[h].outer.width + this.chartsDimensions[h].left)
     ), W = Math.max(
       ...t.map((h) => this.chartsDimensions[h].outer.height + this.chartsDimensions[h].top)
     );
-    this.chartSizes.chartsWidth = b, this.chartSizes.chartsHeight = W;
+    this.chartSizes.chartsWidth = z, this.chartSizes.chartsHeight = W;
   }
-  updateViewport(t, i, s, e, o, f, T, M) {
-    const d = t.length, b = Math.min(i.nRows ?? d, d), W = Math.min(i.nCols ?? d, d);
-    this.columnsCount = i.nRows ? Math.ceil(d / b) : W, this.rowsCount = Math.ceil(d / this.columnsCount);
+  updateViewport(t, i, s, e, o, f, T, S) {
+    const d = t.length, z = Math.min(i.nRows ?? d, d), W = Math.min(i.nCols ?? d, d);
+    this.columnsCount = i.nRows ? Math.ceil(d / z) : W, this.rowsCount = Math.ceil(d / this.columnsCount);
     let [h, n] = [1 / 0, -1 / 0], [r, g] = [1 / 0, -1 / 0];
-    const x = t.reduce((p, c) => {
-      const I = T[c], { minX: u, minY: N, maxX: z, maxY: w } = I;
-      return h = Math.min(h, u), r = Math.min(r, N), n = Math.max(n, z), g = Math.max(g, w), p[c] = { minX: u, maxX: z, minY: N, maxY: w }, p;
+    const M = t.reduce((p, c) => {
+      const I = T[c], { minX: u, minY: x, maxX: N, maxY: w } = I;
+      return h = Math.min(h, u), r = Math.min(r, x), n = Math.max(n, N), g = Math.max(g, w), p[c] = { minX: u, maxX: N, minY: x, maxY: w }, p;
     }, {}), l = {}, m = {};
     let C = !1, E = !1;
     t.forEach((p) => {
@@ -190,27 +190,27 @@ class ci {
         c = y().range([0, this.chartSizes.chartWidth]).domain(o.keys ?? []).padding(0.5);
       else {
         c = s.scale === "log" ? K() : B();
-        const u = x[p];
-        let N = s.lowerValue ? Number(s.lowerValue) : i.sharedX ? h : u.minX, z = s.upperValue ? Number(s.upperValue) : i.sharedX ? n : u.maxX;
+        const u = M[p];
+        let x = s.lowerValue ? Number(s.lowerValue) : i.sharedX ? h : u.minX, N = s.upperValue ? Number(s.upperValue) : i.sharedX ? n : u.maxX;
         if (typeof s.symmetricRange < "u") {
           const _ = s.symmetricRange;
-          if (_ >= N && _ <= z) {
-            const H = Math.max(_ - N, z - _);
-            N = _ - H, z = _ + H;
+          if (_ >= x && _ <= N) {
+            const H = Math.max(_ - x, N - _);
+            x = _ - H, N = _ + H;
           }
         }
-        const w = [0, this.chartSizes.chartWidth], A = c.copy().domain([N, z]).range([P.LEFT, this.chartSizes.chartWidth - P.RIGHT]);
-        c.domain([A.invert(0), A.invert(this.chartSizes.chartWidth)]).range(w).nice();
+        const w = [0, this.chartSizes.chartWidth], L = c.copy().domain([x, N]).range([P.LEFT, this.chartSizes.chartWidth - P.RIGHT]);
+        c.domain([L.invert(0), L.invert(this.chartSizes.chartWidth)]).range(w).nice();
       }
       const I = this.scales.x[p];
       l[p] = c, C = C || tt(I, c);
     });
     const R = t.reduce((p, c) => {
-      const I = M ? M[c] : [];
+      const I = S ? S[c] : [];
       return p[c] = I.reduce(
-        (u, N) => {
-          const z = N.bounded ? N.xBounds : this.scales.x[c].domain(), w = N.getInterval(z[0]), A = N.getInterval(z[1]);
-          return u.minY = Math.min(u.minY, isNaN(w.left) ? u.minY : w.left, isNaN(A.left) ? u.minY : A.left), u.maxY = Math.max(u.maxY, isNaN(w.right) ? u.maxY : w.right, isNaN(A.right) ? u.maxY : A.right), u;
+        (u, x) => {
+          const N = x.bounded ? x.xBounds : this.scales.x[c].domain(), w = x.getInterval(N[0]), L = x.getInterval(N[1]);
+          return u.minY = Math.min(u.minY, isNaN(w.left) ? u.minY : w.left, isNaN(L.left) ? u.minY : L.left), u.maxY = Math.max(u.maxY, isNaN(w.right) ? u.maxY : w.right, isNaN(L.right) ? u.maxY : L.right), u;
         },
         { minY: 1 / 0, maxY: -1 / 0 }
       ), r = Math.min(r, p[c].minY), g = Math.max(g, p[c].maxY), p;
@@ -221,17 +221,17 @@ class ci {
         c = y().range([this.chartSizes.chartHeight, 0]).domain(f.keys ?? []).padding(0.5);
       else {
         c = e.scale === "log" ? K() : B();
-        const u = x[p], N = R[p];
-        let z = e.lowerValue ? Number(e.lowerValue) : i.sharedY ? r : Math.min(u.minY, N.minY), w = e.upperValue ? Number(e.upperValue) : i.sharedY ? g : Math.max(u.maxY, N.maxY);
+        const u = M[p], x = R[p];
+        let N = e.lowerValue ? Number(e.lowerValue) : i.sharedY ? r : Math.min(u.minY, x.minY), w = e.upperValue ? Number(e.upperValue) : i.sharedY ? g : Math.max(u.maxY, x.maxY);
         if (typeof e.symmetricRange < "u") {
           const H = e.symmetricRange;
-          if (H >= z && H <= w) {
-            const j = Math.max(H - z, w - H);
-            z = H - j, w = H + j;
+          if (H >= N && H <= w) {
+            const j = Math.max(H - N, w - H);
+            N = H - j, w = H + j;
           }
         }
-        const A = [this.chartSizes.chartHeight, 0], _ = c.copy().domain([z, w]).range([this.chartSizes.chartHeight - P.BOTTOM, P.TOP]);
-        c.domain([_.invert(this.chartSizes.chartHeight), _.invert(0)]).range(A).nice();
+        const L = [this.chartSizes.chartHeight, 0], _ = c.copy().domain([N, w]).range([this.chartSizes.chartHeight - P.BOTTOM, P.TOP]);
+        c.domain([_.invert(this.chartSizes.chartHeight), _.invert(0)]).range(L).nice();
       }
       const I = this.scales.y[p];
       m[p] = c, E = E || tt(I, c);
@@ -242,7 +242,7 @@ class ci {
     function f(n) {
       return Math.max(...n.map((r) => o.getTextWidth(r)));
     }
-    let T = 0, M = 0, d = [], b = [], W = 0, h = 0;
+    let T = 0, S = 0, d = [], z = [], W = 0, h = 0;
     if (i.scale === "discrete") {
       const n = k(
         t,
@@ -266,19 +266,19 @@ class ci {
         "horizontal",
         this.scales.y
       );
-      M = n.yTail, b = n.axisCaptionsWidthByColumns;
+      S = n.yTail, z = n.axisCaptionsWidthByColumns;
     } else
       Object.values(this.scales.y).forEach((n) => {
-        const { ticks: r, format: g } = Mt(n, e);
+        const { ticks: r, format: g } = St(n, e);
         h = Math.max(h, f(r.map(g)));
       });
     this.captionsSizes = {
-      xAxisCaptionsWidth: it(W, i),
-      yAxisCaptionsWidth: it(h, s),
+      xAxisCaptionsWidth: i.hiddenLabels ? 0 : it(W, i),
+      yAxisCaptionsWidth: s.hiddenLabels ? 0 : it(h, s),
       bottomAxisCaptionsWidthByRows: d,
-      leftAxisCaptionsWidthByColumns: b,
+      leftAxisCaptionsWidthByColumns: z,
       bottomCaptionsTail: T,
-      leftCaptionsTail: M
+      leftCaptionsTail: S
     };
   }
   createMainTitle(t, i) {
@@ -329,7 +329,7 @@ class ci {
     const o = [], f = { width: 0, height: 0, left: 0, top: 0 }, T = Math.min(
       Math.max(this.chartSizes.chartHeight, lt),
       ct
-    ), M = Math.max(this.chartSizes.chartHeight, T);
+    ), S = Math.max(this.chartSizes.chartHeight, T);
     if (s.forEach((h) => {
       const n = i[h.value];
       if (n.usedAes.length === 0 || !n.aesMap)
@@ -340,36 +340,36 @@ class ci {
       }
       const r = {};
       n.values.forEach((l) => {
-        r[l] || (r[l] = { ...Y }), n.usedAes.forEach((m) => {
+        r[l] || (r[l] = { ...A }), n.usedAes.forEach((m) => {
           (m === "dotFill" || m === "lineColor") && (r[l].color = n.aesMap(l, m) ?? et), m === "dotShape" && (r[l].shape = n.aesMap(l, m) ?? "21"), m === "dotSize" && (r[l].size = n.aesMap(l, m) ?? 3);
         });
       });
-      const g = h.label ?? h.value, x = St().domain(n.values).range(n.values.map((l) => r[l])).unknown(Y);
-      o.push({ ...f, id: h.value, type: "dots", title: g, scale: x, values: n.values, labels: n.labels });
+      const g = h.label ?? h.value, M = bt().domain(n.values).range(n.values.map((l) => r[l])).unknown(A);
+      o.push({ ...f, id: h.value, type: "dots", title: g, scale: M, values: n.values, labels: n.labels });
     }), e.forEach((h) => {
       if (h.type === "dots" && q(h.aes.dotFill)) {
-        const { domain: n, range: r, columnName: g, type: x = "linear" } = h.aes.dotFill, l = g.label ?? g.value, m = gt(r, n, "linear"), C = (x === "log" ? Nt() : B()).domain(n).range([T, 0]), E = ft(C, n);
+        const { domain: n, range: r, columnName: g, type: M = "linear" } = h.aes.dotFill, l = g.label ?? g.value, m = gt(r, n, "linear"), C = (M === "log" ? xt() : B()).domain(n).range([T, 0]), E = ft(C, n);
         o.push({ ...f, id: "dotFill", type: "continuous", title: l, scale: m, tickPositionScale: C, values: E });
       }
       if (h.type === "dots" && q(h.aes.dotSize)) {
-        const { columnName: n, domain: r, range: g } = h.aes.dotSize, x = n.label ?? n.value, l = zt(r, g), m = l.ticks(3), C = l.tickFormat(3), E = m.reduce((R, p) => (R[String(p)] = C(p), R), {});
-        o.push({ ...f, id: n.value, type: "size", title: x, scale: l, values: m, labels: E });
+        const { columnName: n, domain: r, range: g } = h.aes.dotSize, M = n.label ?? n.value, l = Nt(r, g), m = l.ticks(3), C = l.tickFormat(3), E = m.reduce((R, p) => (R[String(p)] = C(p), R), {});
+        o.push({ ...f, id: n.value, type: "size", title: M, scale: l, values: m, labels: E });
       }
     }), !o.length) {
       this.legend = { width: 0, height: 0, items: [] };
       return;
     }
-    const d = ut(o, M, T), b = d[d.length - 1], W = b.left + b.width + xt;
+    const d = ut(o, S, T), z = d[d.length - 1], W = z.left + z.width + Mt;
     this.legend = {
       width: W,
-      height: M,
+      height: S,
       items: d
     };
   }
-  render(t, i, s, e, o, f, T, M, d, b, W, h, n, r, g, x, l, m) {
+  render(t, i, s, e, o, f, T, S, d, z, W, h, n, r, g, M, l, m) {
     var u;
     const { xAxis: C, yAxis: E, size: R, title: p, legend: c } = s;
-    this.updateChartSizes(R), this.updateViewport(o, e, C, E, x, l, T, M), this.createAxisLabels(o, C, E, x, l), this.updateCaptionsSize(o, C, E, b.y), this.createFacetTitles(o, f), this.updateChartDimensions(o, e, C, E), this.updateLegendSize(c, W, n, r), this.createMainTitle(o, p), this.updateMargins(o);
+    this.updateChartSizes(R), this.updateViewport(o, e, C, E, M, l, T, S), this.createAxisLabels(o, C, E, M, l), this.updateCaptionsSize(o, C, E, z.y), this.createFacetTitles(o, f), this.updateChartDimensions(o, e, C, E), this.updateLegendSize(c, W, n, r), this.createMainTitle(o, p), this.updateMargins(o);
     const I = /* @__PURE__ */ v.jsx(ht, { dataFrame: t, children: /* @__PURE__ */ v.jsx(
       Ct,
       {
@@ -381,7 +381,7 @@ class ci {
         chartsDimensions: this.chartsDimensions,
         scales: this.scales,
         groupedDots: T,
-        trendsData: M,
+        trendsData: S,
         legendData: this.legend,
         columnsCount: this.columnsCount,
         margins: this.margins,
@@ -389,9 +389,9 @@ class ci {
         mainTitle: this.mainTitle,
         facetTitles: this.facetTitles,
         captionsSizes: this.captionsSizes,
-        onlyPositive: b,
+        onlyPositive: z,
         layersData: h,
-        aesGetters: At(t, W, r, g),
+        aesGetters: Lt(t, W, r, g),
         onTooltipHintSwitch: m,
         discreteAxesLabels: this.discreteAxesLabels
       }