@milaboratories/miplots4 1.0.122 → 1.0.124

package/dist/histogram/ChartRenderer.js

@@ -0,0 +1,268 @@
+var X = Object.defineProperty;
+var v = (o, i, t) => i in o ? X(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var p = (o, i, t) => v(o, typeof i != "symbol" ? i + "" : i, t);
+import { j as A } from "../node_modules/react/jsx-runtime.js";
+import { Error as G } from "../common/Error.js";
+import { DEFAULT_HEIGHT as w, DEFAULT_WIDTH as N, TITLE_LINE_HEIGHT as Y, TITLE_MARGIN as j } from "../constants.js";
+import { MIN_MARGIN as H, DEFAULT_TICKS_SIZE as b, TICK_OFFSET as D, MIN_PADDING as S, FACET_TITLE_OFFSET as O, FACET_TITLE_LINE as U, TITLE_LINE as P } from "./constants.js";
+import { splitTextByWidth as _ } from "../discrete/utils/splitTextByWidth.js";
+import { LEGEND_OFFSET as V, DEFAULT_COMMON_AES as B } from "../scatterplot/constants.js";
+import { getTicksAndFormat as Z } from "../scatterplot/utils/getTicksAndFormat.js";
+import { arrangeLegendParts as k } from "../utils/arrangeLegendParts.js";
+import { getContinuousColorScale as q } from "../utils/getContinuousColorScale.js";
+import { TextMeasurer as J } from "../utils/TextMeasurer.js";
+import { createRoot as Q } from "../node_modules/react-dom/client.js";
+import { ChartsGroup as $ } from "./components/ChartsGroup.js";
+import I from "../node_modules/d3-scale/src/linear.js";
+import R from "../node_modules/d3-scale/src/symlog.js";
+import y from "../node_modules/d3-scale/src/ordinal.js";
+function K(o, i, t, e) {
+  const s = [];
+  return o % t === t - 1 && s.push("right"), o % t === 0 && s.push("left"), o < t && s.push("top"), (Math.ceil((o + 1) / t) === e || Math.ceil((o + 1) / t) === e - 1 && o % t > (i - 1) % t) && s.push("bottom"), s;
+}
+function tt(o, i, t, e, s, r, a, n) {
+  const h = r.includes("left") || !(n != null && n.sharedY), C = r.includes("bottom") || !(n != null && n.sharedX), g = r.includes("bottom") && o.title !== "", l = t.yAxisCaptionsWidth, E = (i.showTicks ? b : 0) + (i.hiddenLabels ? 0 : D), d = t.xAxisCaptionsWidth, x = (o.showTicks ? b : 0) + (o.hiddenLabels ? 0 : D), m = g ? P : 0, c = l + E, u = x + d + m, T = Math.max(...e.map((f) => s[f].length));
+  return {
+    left: h ? c : S,
+    top: T === 0 ? 0 : O * 2 + T * U,
+    bottom: C ? u : S,
+    right: a ? 0 : S
+  };
+}
+function it(o, i, t) {
+  const e = [];
+  for (let s = 0; s < i; s++)
+    e.push(o.slice(s * t, s * t + t));
+  return e;
+}
+function st(o, i) {
+  const t = Math.floor(o / i), e = o - t * i;
+  return [t, e];
+}
+function F(o) {
+  return typeof o == "object" && o !== null && "type" in o && "value" in o && o.type === "grouping";
+}
+function et(o) {
+  return typeof o == "object" && o !== null && "range" in o;
+}
+function ot(o, i, t) {
+  return function(e, s, r) {
+    var a;
+    if (et(e)) {
+      const { domain: n = t, range: h, type: C = "linear" } = e, g = q(h, n, C);
+      return g.clamp(!0), g(r);
+    }
+    if (F(e)) {
+      const n = e.value, h = o[n];
+      return (a = (h == null ? void 0 : h[String(s[n])]) ?? B) == null ? void 0 : a[i];
+    }
+    return e;
+  };
+}
+class Mt {
+  constructor() {
+    p(this, "reactRoot", null);
+    p(this, "parentNode", null);
+    p(this, "rootNode", null);
+    p(this, "component", /* @__PURE__ */ A.jsx(A.Fragment, {}));
+    p(this, "margins", {
+      top: H,
+      bottom: H,
+      left: H,
+      right: H
+    });
+    p(this, "chartsDimensions", {});
+    p(this, "chartSizes", {
+      chartWidth: N,
+      // width of single chart
+      chartHeight: w,
+      // height of single chart
+      chartsWidth: N,
+      // width of all charts in charts row
+      chartsHeight: w,
+      // width of all charts in charts column, without axes
+      totalWidth: N,
+      // width of all charts in charts row, plus left axis, plus legend
+      totalHeight: w
+      // width of all charts in charts height, plus bottom axis, plus top title
+    });
+    p(this, "columnsCount", 1);
+    p(this, "rowsCount", 1);
+    p(this, "scales", {
+      x: { null: I().domain([0, 10]).range([0, N]) },
+      y: { null: I().domain([0, 10]).range([w, 0]) }
+    });
+    p(this, "captionsSizes", {
+      xAxisCaptionsWidth: 30,
+      yAxisCaptionsWidth: 100
+    });
+    p(this, "facetTitles", {});
+    // can be multiline
+    p(this, "mainTitle", []);
+    // can be multiline
+    p(this, "legend", {
+      width: 0,
+      height: 0,
+      items: []
+    });
+  }
+  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 = Q(this.rootNode));
+  }
+  updateChartSizes(i) {
+    this.chartSizes.chartWidth = i.width, this.chartSizes.chartHeight = i.height;
+  }
+  updateChartDimensions(i, t, e, s) {
+    const { chartWidth: r, chartHeight: a } = this.chartSizes;
+    let n = 0, h = 0;
+    this.chartsDimensions = i.reduce((l, E, d) => {
+      const [x, m] = st(d, this.columnsCount), c = K(d, i.length, this.columnsCount, this.rowsCount), u = tt(
+        e,
+        s,
+        this.captionsSizes,
+        it(i, this.rowsCount, this.columnsCount)[x],
+        this.facetTitles,
+        c,
+        m === this.columnsCount - 1,
+        t
+      ), T = r + u.left + u.right, f = a + u.top + u.bottom;
+      return l[E] = {
+        left: n,
+        top: h,
+        chartEdgeSides: c,
+        padding: u,
+        inner: { width: r, height: a },
+        outer: { width: T, height: f }
+      }, n += T, m === this.columnsCount - 1 && (n = 0, h += f), l;
+    }, {});
+    const C = Math.max(
+      ...i.map((l) => this.chartsDimensions[l].outer.width + this.chartsDimensions[l].left)
+    ), g = Math.max(
+      ...i.map((l) => this.chartsDimensions[l].outer.height + this.chartsDimensions[l].top)
+    );
+    this.chartSizes.chartsWidth = C, this.chartSizes.chartsHeight = g;
+  }
+  updateViewport(i, t, e, s, r, a, n) {
+    const h = i.length, C = Math.min(t.nRows ?? h, h), g = Math.min(t.nCols ?? h, h);
+    this.columnsCount = t.nRows ? Math.ceil(h / C) : g, this.rowsCount = Math.ceil(h / this.columnsCount);
+    let [l, E] = [1 / 0, -1 / 0], d = -1 / 0;
+    const x = i.reduce((m, c) => {
+      const u = r[c], { minX: T, maxX: f, maxCount: z, maxCountFromGroups: M } = u;
+      return l = Math.min(l, T), E = Math.max(E, f), d = Math.max(d, n === "vertical" ? z : M), m[c] = { minX: T, maxX: f, maxY: n === "vertical" ? z : M }, m;
+    }, {});
+    i.forEach((m) => {
+      const c = e.scale === "log" ? R() : I(), u = x[m], T = t.sharedX ? l : u.minX, f = t.sharedX ? E : u.maxX;
+      c.domain([T, f]).range([0, this.chartSizes.chartWidth]), this.scales.x[m] = c;
+    }), i.forEach((m) => {
+      const c = s.scale === "log" ? R() : I(), u = x[m], T = 0, f = t.sharedY ? d : u.maxY, z = [this.chartSizes.chartHeight, 0], M = c.copy().domain([T, f]).range([
+        this.chartSizes.chartHeight,
+        a.innerOffset
+      ]);
+      c.domain([M.invert(this.chartSizes.chartHeight), M.invert(0)]).range(
+        z
+      ), this.scales.y[m] = c;
+    });
+  }
+  updateCaptionsSize(i, t) {
+    const e = new J("600 14px Arial");
+    let s = 0;
+    function r(a) {
+      return Math.max(...a.map((n) => e.getTextWidth(n)));
+    }
+    t.hiddenLabels || Object.values(this.scales.y).forEach((a) => {
+      const { ticks: n, format: h } = Z(a, !1);
+      s = Math.max(s, r(n.map(h)));
+    }), this.captionsSizes = {
+      xAxisCaptionsWidth: i.hiddenLabels ? 0 : 20,
+      yAxisCaptionsWidth: s
+    };
+  }
+  createMainTitle(i, t) {
+    const e = this.chartsDimensions[i[0]], s = this.chartsDimensions[i[i.length - 1]];
+    this.mainTitle = _(
+      t.name,
+      this.chartSizes.chartsWidth - e.padding.left - s.padding.right,
+      20
+    );
+  }
+  createFacetTitles(i, t) {
+    this.facetTitles = i.reduce((e, s, r) => (t[r].length === 1 && t[r][0] === "null" ? e[s] = [] : e[s] = _(t[r].join(", "), this.chartSizes.chartWidth, 14), e), {});
+  }
+  updateLegendSize(i, t, e, s) {
+    if (!i.show) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const r = [], a = { width: 0, height: 0, left: 0, top: 0 };
+    if (s.forEach((l) => {
+      if (F(l.aes.fillColor) && e) {
+        const E = l.aes.fillColor.value, d = t[e.value], x = e.label ?? e.value, m = y().domain(d.values).range(d.values.map((c) => d.aesMap[c].fillColor));
+        r.push({ ...a, id: E, type: "discreteColor", title: x, scale: m, values: d.values, labels: d.labels });
+      }
+    }), !r.length) {
+      this.legend = { width: 0, height: 0, items: [] };
+      return;
+    }
+    const n = k(r, this.chartSizes.chartHeight), h = n[n.length - 1], C = h.left + h.width + V, g = this.chartSizes.chartHeight;
+    this.legend = {
+      width: C,
+      height: g,
+      items: n
+    };
+  }
+  updateMargins(i) {
+    const t = Y * this.mainTitle.length, e = t > 0 ? t + j * 2 : 0, s = i.outerOffset;
+    this.margins = {
+      top: Math.max(e, s),
+      bottom: s,
+      left: s,
+      right: this.legend.width + s
+    }, this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right, this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;
+  }
+  render(i, t, e, s, r, a, n, h, C, g, l, E, d) {
+    var M;
+    const { xAxis: x, yAxis: m, size: c, title: u } = t;
+    this.updateChartSizes(c), this.updateViewport(s, e, x, m, a, c, l), this.updateCaptionsSize(x, m), this.createFacetTitles(s, r), this.updateChartDimensions(s, e, x, m), this.createMainTitle(s, u), this.updateLegendSize(t.legend, n, g, h), this.updateMargins(c);
+    const T = s.reduce((W, L) => Math.min(W, a[L].minX), 1 / 0), f = s.reduce((W, L) => Math.max(W, a[L].maxX), -1 / 0), z = /* @__PURE__ */ A.jsx(
+      $,
+      {
+        settingsId: i,
+        chartSettings: t,
+        facetKeys: s,
+        facetSettings: e,
+        chartSizes: this.chartSizes,
+        chartsDimensions: this.chartsDimensions,
+        scales: this.scales,
+        columnsCount: this.columnsCount,
+        margins: this.margins,
+        mainTitle: this.mainTitle,
+        facetTitles: this.facetTitles,
+        captionsSizes: this.captionsSizes,
+        histogramDataByFacets: a,
+        layers: h,
+        aesColorGetter: ot(C, "fillColor", [T, f]),
+        groupingDirection: E,
+        groupingStack: l,
+        groupingLabels: g ? n[g.value].labels : {},
+        legend: this.legend,
+        onTooltipHintSwitch: d
+      }
+    );
+    this.component = z, (M = this.reactRoot) == null || M.render(z);
+  }
+  renderError(i) {
+    var t;
+    (t = this.reactRoot) == null || t.render(/* @__PURE__ */ A.jsx(G, { message: i }));
+  }
+}
+export {
+  Mt as default
+};
+//# sourceMappingURL=ChartRenderer.js.map

package/dist/histogram/ChartRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.js","sources":["../../src/histogram/ChartRenderer.tsx"],"sourcesContent":["import {Error} from '../common/Error';\nimport type {LegendData, LegendItem} from '../common/types';\nimport {DEFAULT_HEIGHT, DEFAULT_WIDTH, TITLE_LINE_HEIGHT, TITLE_MARGIN} from '../constants';\nimport {FACET_TITLE_LINE} from './constants';\nimport {splitTextByWidth} from '../discrete/utils';\nimport type {HistogramLegendInfo, Margins} from './components/types';\nimport type {CaptionsSizes} from './components/types';\nimport {\n    FACET_TITLE_OFFSET,\n    MIN_MARGIN,\n    MIN_PADDING,\n    TICK_OFFSET,\n    TITLE_LINE,\n} from './constants';\nimport type {GroupedHistogramData} from './getHistogramData';\nimport type {HistogramLayer, HistogramSettingsImpl} from './HistogramSettingsImpl';\nimport {DEFAULT_COMMON_AES, LEGEND_OFFSET} from '../scatterplot/constants';\nimport {getTicksAndFormat} from '../scatterplot/utils/getTicksAndFormat';\nimport type {ColumnName, ContinuousAesHistogram} from '../types';\nimport type {AesItem, InheritAesHistogram, Row} from '../types';\nimport {arrangeLegendParts} from '../utils/arrangeLegendParts';\nimport {getContinuousColorScale} from '../utils/getContinuousColorScale';\nimport {TextMeasurer} from '../utils/TextMeasurer';\nimport type {ScaleLogarithmic, ScaleOrdinal} from 'd3-scale';\nimport {scaleLinear, scaleOrdinal, scaleSymlog} from 'd3-scale';\nimport {DEFAULT_TICKS_SIZE} from './constants';\nimport type {ReactElement} from 'react';\nimport React from 'react';\nimport type {Root} from 'react-dom/client';\nimport {createRoot} from 'react-dom/client';\nimport {ChartsGroup} from './components/ChartsGroup';\nimport type {ChartDimensionsData, ChartScales, ChartSizes, ChartsScales} from './components/types';\n\nfunction getChartEdgeSides(index: number, facetsCount: number, columnsCount: number, rowsCount: number) {\n    const chartSides: ('left' | 'right' | 'top' | 'bottom')[] = [];\n    if (index % columnsCount === columnsCount - 1) {\n        chartSides.push('right');\n    }\n    if (index % columnsCount === 0) {\n        chartSides.push('left');\n    }\n    if (index < columnsCount) {\n        chartSides.push('top');\n    }\n    if (\n        Math.ceil((index + 1) / columnsCount) === rowsCount ||\n        (Math.ceil((index + 1) / columnsCount) === rowsCount - 1 &&\n            index % columnsCount > (facetsCount - 1) % columnsCount)\n    ) {\n        chartSides.push('bottom');\n    }\n    return chartSides;\n}\n\nfunction calculatePaddings(\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n    captionsSizes: CaptionsSizes,\n    currentRowFacetKeys: string[],\n    facetTitles: Record<string, string[]>,\n    chartEdgeSides: ('left' | 'right' | 'top' | 'bottom')[],\n    lastInRow: boolean,\n    facetSettings?: HistogramSettingsImpl['facetSettings']\n) {\n    const needLeftAxis = chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = chartEdgeSides.includes('bottom') && xAxis.title !== '';\n\n    const yCaptions = captionsSizes.yAxisCaptionsWidth;\n    const yTicks = (yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (yAxis.hiddenLabels ? 0 : TICK_OFFSET);\n\n    const xCaptions = captionsSizes.xAxisCaptionsWidth;\n    const xTicks = (xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0) + (xAxis.hiddenLabels ? 0 : TICK_OFFSET);\n    const xAxisTitle = needBottomAxisTitle ? TITLE_LINE : 0;\n\n    const leftAxisElements = yCaptions + yTicks;\n    const bottomAxisElements = xTicks + xCaptions + xAxisTitle;\n\n    const facetTitlesLinesCount = Math.max(...currentRowFacetKeys.map(key => facetTitles[key].length));\n    return {\n        left: needLeftAxis ? leftAxisElements : MIN_PADDING,\n        top: facetTitlesLinesCount === 0 ? 0 : FACET_TITLE_OFFSET * 2 + facetTitlesLinesCount * FACET_TITLE_LINE,\n        bottom: needBottomAxis ? bottomAxisElements : MIN_PADDING,\n        right: lastInRow ? 0 : MIN_PADDING,\n    };\n}\n\n// facet keys grouped by rows\nfunction getFacetRows(facetKeys: string[], nRows: number, nColumns: number): string[][] {\n    const result: string[][] = [];\n    for (let i = 0; i < nRows; i++) {\n        result.push(facetKeys.slice(i * nColumns, i * nColumns + nColumns));\n    }\n    return result;\n}\n\nfunction getRowColumn(idx: number, columnsCount: number) {\n    const row = Math.floor(idx / columnsCount);\n    const column = idx - row * columnsCount;\n    return [row, column];\n}\n\nfunction isInheritedAes(v: InheritAesHistogram | unknown): v is InheritAesHistogram {\n    return typeof v === 'object' && v !== null && 'type' in v && 'value' in v && v.type === 'grouping';\n}\nfunction isContinuousAes(v: ContinuousAesHistogram | unknown): v is ContinuousAesHistogram {\n    return typeof v === 'object' && v !== null && 'range' in v;\n}\nfunction createAesGetter(aesData: HistogramSettingsImpl['inheritedAes'], field: keyof AesItem, defaultDomain:number[]) {\n    return function (aesItem: string | InheritAesHistogram | ContinuousAesHistogram, row: Row, height:number) {\n        if (isContinuousAes(aesItem)) {\n            const {domain = defaultDomain, range, type = 'linear'} = aesItem;\n            const scale = getContinuousColorScale(range as string[], domain, type);\n            scale.clamp(true);\n            return scale(height);\n        }\n        if (isInheritedAes(aesItem)) {\n            const columnId = aesItem.value;\n            const mapping = aesData[columnId];\n            return (mapping?.[String(row[columnId])] ?? DEFAULT_COMMON_AES)?.[field] as string;\n        }\n        return aesItem;\n    };\n}\n\nclass ChartRenderer {\n    reactRoot: Root | null = null;\n    parentNode: HTMLElement | null = null;\n    rootNode: HTMLElement | null = null;\n    component: ReactElement = (<></>);\n    margins: Margins = {\n        top: MIN_MARGIN,\n        bottom: MIN_MARGIN,\n        left: MIN_MARGIN,\n        right: MIN_MARGIN,\n    };\n    chartsDimensions: Record<string, ChartDimensionsData> = {};\n    chartSizes: ChartSizes = {\n        chartWidth: DEFAULT_WIDTH, // width of single chart\n        chartHeight: DEFAULT_HEIGHT, // height of single chart\n        chartsWidth: DEFAULT_WIDTH, // width of all charts in charts row\n        chartsHeight: DEFAULT_HEIGHT, // width of all charts in charts column, without axes\n        totalWidth: DEFAULT_WIDTH, // width of all charts in charts row, plus left axis, plus legend\n        totalHeight: DEFAULT_HEIGHT, // width of all charts in charts height, plus bottom axis, plus top title\n    };\n    columnsCount = 1;\n    rowsCount = 1;\n    scales: ChartsScales = {\n        x: {null: scaleLinear().domain([0, 10]).range([0, DEFAULT_WIDTH])},\n        y: {null: scaleLinear().domain([0, 10]).range([DEFAULT_HEIGHT, 0])},\n    };\n    captionsSizes: CaptionsSizes = {\n        xAxisCaptionsWidth: 30,\n        yAxisCaptionsWidth: 100,\n    };\n    facetTitles: Record<string, string[]> = {}; // can be multiline\n    mainTitle: string[] = []; // can be multiline\n    legend: LegendData = {\n        width: 0,\n        height: 0,\n        items: [],\n    };\n\n    clear() {\n        if (this.parentNode && this.rootNode) {\n            this.parentNode?.removeChild(this.rootNode);\n            this.parentNode = null;\n            this.rootNode = null;\n        }\n        // timeout to avoid trying to unmount during rendering\n        setTimeout(() => {\n            this.reactRoot?.unmount();\n            this.reactRoot = null;\n        });\n    }\n\n    init(node: HTMLElement) {\n        if (this.parentNode === null) {\n            this.parentNode = node;\n            this.rootNode = document.createElement('div');\n            this.parentNode.appendChild(this.rootNode);\n            this.reactRoot = createRoot(this.rootNode);\n        }\n    }\n\n    updateChartSizes(size: HistogramSettingsImpl['chartSettings']['size']) {\n        this.chartSizes.chartWidth = size.width;\n        this.chartSizes.chartHeight = size.height;\n    }\n\n    updateChartDimensions(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const {chartWidth, chartHeight} = this.chartSizes;\n        let currentLeft = 0;\n        let currentTop = 0;\n        this.chartsDimensions = facetKeys.reduce((res: Record<string, ChartDimensionsData>, key: string, index) => {\n            const [currentRow, currentColumn] = getRowColumn(index, this.columnsCount);\n            const chartEdgeSides = getChartEdgeSides(index, facetKeys.length, this.columnsCount, this.rowsCount);\n            const padding = calculatePaddings(\n                xAxis,\n                yAxis,\n                this.captionsSizes,\n                getFacetRows(facetKeys, this.rowsCount, this.columnsCount)[currentRow],\n                this.facetTitles,\n                chartEdgeSides,\n                currentColumn === this.columnsCount - 1,\n                facetSettings\n            );\n            const outerWidth = chartWidth + padding.left + padding.right;\n            const outerHeight = chartHeight + padding.top + padding.bottom;\n            res[key] = {\n                left: currentLeft,\n                top: currentTop,\n                chartEdgeSides,\n                padding,\n                inner: {width: chartWidth, height: chartHeight},\n                outer: {width: outerWidth, height: outerHeight},\n            };\n            currentLeft += outerWidth;\n            if (currentColumn === this.columnsCount - 1) {\n                currentLeft = 0;\n                currentTop += outerHeight;\n            }\n            return res;\n        }, {});\n\n        const chartsWidth = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.width + this.chartsDimensions[key].left)\n        );\n        const chartsHeight = Math.max(\n            ...facetKeys.map(key => this.chartsDimensions[key].outer.height + this.chartsDimensions[key].top)\n        );\n        this.chartSizes.chartsWidth = chartsWidth;\n        this.chartSizes.chartsHeight = chartsHeight;\n    }\n\n    updateViewport(\n        facetKeys: string[],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis'],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        size: HistogramSettingsImpl['chartSettings']['size'],\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n    ) {\n        const facetCount = facetKeys.length;\n        const maxNRows = Math.min(facetSettings.nRows ?? facetCount, facetCount);\n        const maxNCols = Math.min(facetSettings.nCols ?? facetCount, facetCount);\n        // Use columns/rows count from settings if some of them defined, else make 1 column\n        this.columnsCount = facetSettings.nRows ? Math.ceil(facetCount / maxNRows) : maxNCols;\n        this.rowsCount = Math.ceil(facetCount / this.columnsCount);\n\n        let [minXAll, maxXAll] = [Infinity, -Infinity];\n        let maxYAll = -Infinity;\n        const histogramExtentsByKeys = facetKeys.reduce((res: Record<string, Record<string, number>>, key) => {\n            const histogramData = histogramDataByFacets[key];\n            const {minX, maxX, maxCount, maxCountFromGroups} = histogramData;\n            minXAll = Math.min(minXAll, minX);\n            maxXAll = Math.max(maxXAll, maxX);\n            maxYAll = Math.max(maxYAll, groupingStack === 'vertical' ? maxCount : maxCountFromGroups);\n            res[key] = {minX, maxX, maxY: groupingStack === 'vertical' ? maxCount : maxCountFromGroups};\n            return res;\n        }, {});\n\n        facetKeys.forEach(key => {\n            const scaleX: ChartScales['x'] = xAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n\n            const extents = histogramExtentsByKeys[key];\n            const minX = facetSettings.sharedX ? minXAll : extents.minX;\n            const maxX = facetSettings.sharedX ? maxXAll : extents.maxX;\n\n            (scaleX.domain([minX, maxX]) as ChartScales['x']).range([0, this.chartSizes.chartWidth]);\n            this.scales.x[key] = scaleX;\n        });\n        facetKeys.forEach(key => {\n            const scaleY = yAxis.scale === 'log' ? scaleSymlog() : scaleLinear();\n            const extents = histogramExtentsByKeys[key];\n\n            const minY = 0;\n            const maxY = facetSettings.sharedY ? maxYAll : extents.maxY;\n\n            const rangeV = [this.chartSizes.chartHeight, 0];\n            // supporting scale, it needs to add offsets of fixed size in pixels to general scale Y\n            const tempY: ChartScales['y'] = (scaleY.copy().domain([minY, maxY]) as ChartScales['y']).range([\n                this.chartSizes.chartHeight,\n                size.innerOffset,\n            ]) as ChartScales['y'];\n            (scaleY.domain([tempY.invert(this.chartSizes.chartHeight), tempY.invert(0)]) as ChartScales['y']).range(\n                rangeV\n            );\n            this.scales.y[key] = scaleY;\n        });\n    }\n\n    updateCaptionsSize(\n        xAxis: HistogramSettingsImpl['chartSettings']['xAxis'],\n        yAxis: HistogramSettingsImpl['chartSettings']['yAxis']\n    ) {\n        const textMeasurer = new TextMeasurer('600 14px Arial');\n\n        let maxYTick = 0;\n\n        function getMaxTickWidth(ticks: string[]) {\n            return Math.max(...ticks.map(key => textMeasurer.getTextWidth(key)));\n        }\n\n        if (!yAxis.hiddenLabels) {\n            Object.values(this.scales.y).forEach(scale => {\n                const {ticks, format} = getTicksAndFormat(scale as ScaleLogarithmic<number, number>, false);\n                maxYTick = Math.max(maxYTick, getMaxTickWidth(ticks.map(format)));\n            });\n        }\n        this.captionsSizes = {\n            xAxisCaptionsWidth: xAxis.hiddenLabels ? 0 : 20,\n            yAxisCaptionsWidth: maxYTick,\n        };\n    }\n\n    createMainTitle(facetKeys: string[], title: HistogramSettingsImpl['chartSettings']['title']) {\n        const firstChart = this.chartsDimensions[facetKeys[0]];\n        const lastChart = this.chartsDimensions[facetKeys[facetKeys.length - 1]];\n\n        this.mainTitle = splitTextByWidth(\n            title.name,\n            this.chartSizes.chartsWidth - firstChart.padding.left - lastChart.padding.right,\n            20\n        );\n    }\n\n    createFacetTitles(facetKeys: string[], facetLabels: string[][]) {\n        this.facetTitles = facetKeys.reduce((res: Record<string, string[]>, key, idx) => {\n            if (facetLabels[idx].length === 1 && facetLabels[idx][0] === 'null') {\n                res[key] = [];\n            } else {\n                res[key] = splitTextByWidth(facetLabels[idx].join(', '), this.chartSizes.chartWidth, 14);\n            }\n            return res;\n        }, {});\n    }\n\n    updateLegendSize(\n        legend: HistogramSettingsImpl['chartSettings']['legend'],\n        legendInfo: HistogramLegendInfo,\n        grouping: ColumnName | null,\n        layers: HistogramLayer[]\n    ) {\n        if (!legend.show) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const legendItems: LegendItem[] = [];\n        const emptySizes = {width:0, height:0, left:0, top: 0};\n\n        layers.forEach(layer => {\n            if (isInheritedAes(layer.aes.fillColor) && grouping) {\n                const columnId = layer.aes.fillColor.value;\n                const info = legendInfo[grouping.value];\n                const title = grouping.label ?? grouping.value;\n                const scale:ScaleOrdinal<string, string> = scaleOrdinal<string, string>()\n                    .domain(info.values)\n                    .range(info.values.map(value => info.aesMap[value].fillColor as string));\n                legendItems.push({...emptySizes, id: columnId, type: 'discreteColor', title, scale, values: info.values, labels: info.labels});\n            }\n        });\n\n        if (!legendItems.length) {\n            this.legend = {width: 0, height: 0, items: []};\n            return;\n        }\n\n        const items = arrangeLegendParts(legendItems, this.chartSizes.chartHeight);\n\n        const lastItem = items[items.length - 1];\n        const legendWidth = lastItem.left + lastItem.width + LEGEND_OFFSET;\n        const legendHeight = this.chartSizes.chartHeight;\n\n        this.legend = {\n            width: legendWidth,\n            height: legendHeight,\n            items,\n        };\n    }\n\n    updateMargins(size:HistogramSettingsImpl['chartSettings']['size']) {\n        const titleTextHeight = TITLE_LINE_HEIGHT * this.mainTitle.length;\n        const titleHeight = titleTextHeight > 0 ? titleTextHeight + TITLE_MARGIN * 2 : 0;\n\n        const minMargin = size.outerOffset;\n\n        this.margins = {\n            top: Math.max(titleHeight, minMargin),\n            bottom: minMargin,\n            left: minMargin,\n            right: this.legend.width + minMargin,\n        };\n        this.chartSizes.totalWidth = this.margins.left + this.chartSizes.chartsWidth + this.margins.right;\n        this.chartSizes.totalHeight = this.margins.top + this.chartSizes.chartsHeight + this.margins.bottom;\n    }\n\n    render(\n        settingsId: string,\n        chartSettings: HistogramSettingsImpl['chartSettings'],\n        facetSettings: HistogramSettingsImpl['facetSettings'],\n        facetKeys: string[],\n        facetLabels: string[][],\n        histogramDataByFacets: Record<string, GroupedHistogramData>,\n        legendInfo: HistogramLegendInfo,\n        layers: HistogramLayer[],\n        inheritedAes: HistogramSettingsImpl['inheritedAes'],\n        grouping: ColumnName | null,\n        groupingStack: HistogramSettingsImpl['groupingStack'],\n        groupingDirection: HistogramSettingsImpl['groupingDirection'],\n        onTooltipHintSwitch: (v:boolean) => void,\n    ) {\n        const {xAxis, yAxis, size, title} = chartSettings;\n        this.updateChartSizes(size);\n        this.updateViewport(facetKeys, facetSettings, xAxis, yAxis, histogramDataByFacets, size, groupingStack);\n        this.updateCaptionsSize(xAxis, yAxis);\n        this.createFacetTitles(facetKeys, facetLabels);\n        this.updateChartDimensions(facetKeys, facetSettings, xAxis, yAxis);\n        this.createMainTitle(facetKeys, title);\n        this.updateLegendSize(chartSettings.legend, legendInfo, grouping, layers);\n        this.updateMargins(size);\n        const minHeight = facetKeys.reduce((v, key) => {\n            return Math.min(v, histogramDataByFacets[key].minX);\n        }, Infinity);\n        const maxHeight = facetKeys.reduce((v, key) => {\n            return Math.max(v, histogramDataByFacets[key].maxX);\n        }, -Infinity);\n        const component = (\n            <ChartsGroup\n                settingsId={settingsId}\n                chartSettings={chartSettings}\n                facetKeys={facetKeys}\n                facetSettings={facetSettings}\n                chartSizes={this.chartSizes}\n                chartsDimensions={this.chartsDimensions}\n                scales={this.scales}\n                columnsCount={this.columnsCount}\n                margins={this.margins}\n                mainTitle={this.mainTitle}\n                facetTitles={this.facetTitles}\n                captionsSizes={this.captionsSizes}\n                histogramDataByFacets={histogramDataByFacets}\n                layers={layers}\n                aesColorGetter={createAesGetter(inheritedAes, 'fillColor', [minHeight, maxHeight])}\n                groupingDirection={groupingDirection}\n                groupingStack={groupingStack}\n                groupingLabels={grouping ? legendInfo[grouping.value].labels : {}}\n                legend={this.legend}\n                onTooltipHintSwitch={onTooltipHintSwitch}\n            />\n        );\n        this.component = component;\n        this.reactRoot?.render(component);\n    }\n\n    renderError(message: string) {\n        this.reactRoot?.render(<Error message={message} />);\n    }\n}\n\nexport default ChartRenderer;\n"],"names":["getChartEdgeSides","index","facetsCount","columnsCount","rowsCount","chartSides","calculatePaddings","xAxis","yAxis","captionsSizes","currentRowFacetKeys","facetTitles","chartEdgeSides","lastInRow","facetSettings","needLeftAxis","needBottomAxis","needBottomAxisTitle","yCaptions","yTicks","DEFAULT_TICKS_SIZE","TICK_OFFSET","xCaptions","xTicks","xAxisTitle","TITLE_LINE","leftAxisElements","bottomAxisElements","facetTitlesLinesCount","key","MIN_PADDING","FACET_TITLE_OFFSET","FACET_TITLE_LINE","getFacetRows","facetKeys","nRows","nColumns","result","i","getRowColumn","idx","row","column","isInheritedAes","v","isContinuousAes","createAesGetter","aesData","field","defaultDomain","aesItem","height","domain","range","type","scale","getContinuousColorScale","columnId","mapping","_a","DEFAULT_COMMON_AES","ChartRenderer","__publicField","jsx","Fragment","MIN_MARGIN","DEFAULT_WIDTH","DEFAULT_HEIGHT","scaleLinear","node","createRoot","size","chartWidth","chartHeight","currentLeft","currentTop","res","currentRow","currentColumn","padding","outerWidth","outerHeight","chartsWidth","chartsHeight","histogramDataByFacets","groupingStack","facetCount","maxNRows","maxNCols","minXAll","maxXAll","maxYAll","histogramExtentsByKeys","histogramData","minX","maxX","maxCount","maxCountFromGroups","scaleX","scaleSymlog","extents","scaleY","minY","maxY","rangeV","tempY","textMeasurer","TextMeasurer","maxYTick","getMaxTickWidth","ticks","format","getTicksAndFormat","title","firstChart","lastChart","splitTextByWidth","facetLabels","legend","legendInfo","grouping","layers","legendItems","emptySizes","layer","info","scaleOrdinal","value","items","arrangeLegendParts","lastItem","legendWidth","LEGEND_OFFSET","legendHeight","titleTextHeight","TITLE_LINE_HEIGHT","titleHeight","TITLE_MARGIN","minMargin","settingsId","chartSettings","inheritedAes","groupingDirection","onTooltipHintSwitch","minHeight","maxHeight","component","ChartsGroup","message","Error"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,SAASA,EAAkBC,GAAeC,GAAqBC,GAAsBC,GAAmB;AACpG,QAAMC,IAAsD,CAAA;AAC5D,SAAIJ,IAAQE,MAAiBA,IAAe,KACxCE,EAAW,KAAK,OAAO,GAEvBJ,IAAQE,MAAiB,KACzBE,EAAW,KAAK,MAAM,GAEtBJ,IAAQE,KACRE,EAAW,KAAK,KAAK,IAGrB,KAAK,MAAMJ,IAAQ,KAAKE,CAAY,MAAMC,KACzC,KAAK,MAAMH,IAAQ,KAAKE,CAAY,MAAMC,IAAY,KACnDH,IAAQE,KAAgBD,IAAc,KAAKC,MAE/CE,EAAW,KAAK,QAAQ,GAErBA;AACX;AAEA,SAASC,GACLC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACAC,GACF;AACE,QAAMC,IAAeH,EAAe,SAAS,MAAM,KAAK,EAACE,KAAA,QAAAA,EAAe,UAClEE,IAAiBJ,EAAe,SAAS,QAAQ,KAAK,EAACE,KAAA,QAAAA,EAAe,UACtEG,IAAsBL,EAAe,SAAS,QAAQ,KAAKL,EAAM,UAAU,IAE3EW,IAAYT,EAAc,oBAC1BU,KAAUX,EAAM,YAAYY,IAAqB,MAAMZ,EAAM,eAAe,IAAIa,IAEhFC,IAAYb,EAAc,oBAC1Bc,KAAUhB,EAAM,YAAYa,IAAqB,MAAMb,EAAM,eAAe,IAAIc,IAChFG,IAAaP,IAAsBQ,IAAa,GAEhDC,IAAmBR,IAAYC,GAC/BQ,IAAqBJ,IAASD,IAAYE,GAE1CI,IAAwB,KAAK,IAAI,GAAGlB,EAAoB,IAAI,CAAAmB,MAAOlB,EAAYkB,CAAG,EAAE,MAAM,CAAC;AACjG,SAAO;AAAA,IACH,MAAMd,IAAeW,IAAmBI;AAAA,IACxC,KAAKF,MAA0B,IAAI,IAAIG,IAAqB,IAAIH,IAAwBI;AAAA,IACxF,QAAQhB,IAAiBW,IAAqBG;AAAA,IAC9C,OAAOjB,IAAY,IAAIiB;AAAA,EAAA;AAE/B;AAGA,SAASG,GAAaC,GAAqBC,GAAeC,GAA8B;AACpF,QAAMC,IAAqB,CAAA;AAC3B,WAASC,IAAI,GAAGA,IAAIH,GAAOG;AACvB,IAAAD,EAAO,KAAKH,EAAU,MAAMI,IAAIF,GAAUE,IAAIF,IAAWA,CAAQ,CAAC;AAEtE,SAAOC;AACX;AAEA,SAASE,GAAaC,GAAarC,GAAsB;AACrD,QAAMsC,IAAM,KAAK,MAAMD,IAAMrC,CAAY,GACnCuC,IAASF,IAAMC,IAAMtC;AAC3B,SAAO,CAACsC,GAAKC,CAAM;AACvB;AAEA,SAASC,EAAeC,GAA4D;AAChF,SAAO,OAAOA,KAAM,YAAYA,MAAM,QAAQ,UAAUA,KAAK,WAAWA,KAAKA,EAAE,SAAS;AAC5F;AACA,SAASC,GAAgBD,GAAkE;AACvF,SAAO,OAAOA,KAAM,YAAYA,MAAM,QAAQ,WAAWA;AAC7D;AACA,SAASE,GAAgBC,GAAgDC,GAAsBC,GAAwB;AACnH,SAAO,SAAUC,GAAgET,GAAUU,GAAe;;AACtG,QAAIN,GAAgBK,CAAO,GAAG;AAC1B,YAAM,EAAC,QAAAE,IAASH,GAAe,OAAAI,GAAO,MAAAC,IAAO,aAAYJ,GACnDK,IAAQC,EAAwBH,GAAmBD,GAAQE,CAAI;AACrE,aAAAC,EAAM,MAAM,EAAI,GACTA,EAAMJ,CAAM;AAAA,IACvB;AACA,QAAIR,EAAeO,CAAO,GAAG;AACzB,YAAMO,IAAWP,EAAQ,OACnBQ,IAAUX,EAAQU,CAAQ;AAChC,cAAQE,KAAAD,KAAA,gBAAAA,EAAU,OAAOjB,EAAIgB,CAAQ,CAAC,OAAMG,MAApC,gBAAAD,EAA0DX;AAAA,IACtE;AACA,WAAOE;AAAA,EACX;AACJ;AAEA,MAAMW,GAAc;AAAA,EAApB;AACI,IAAAC,EAAA,mBAAyB;AACzB,IAAAA,EAAA,oBAAiC;AACjC,IAAAA,EAAA,kBAA+B;AAC/B,IAAAA,EAAA,mBAA2BC,gBAAAA,EAAAA,IAAAC,EAAAA,UAAA,EAAE;AAC7B,IAAAF,EAAA,iBAAmB;AAAA,MACf,KAAKG;AAAA,MACL,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAOA;AAAA,IAAA;AAEX,IAAAH,EAAA,0BAAwD,CAAA;AACxD,IAAAA,EAAA,oBAAyB;AAAA,MACrB,YAAYI;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,MACb,aAAaD;AAAA;AAAA,MACb,cAAcC;AAAA;AAAA,MACd,YAAYD;AAAA;AAAA,MACZ,aAAaC;AAAA;AAAA,IAAA;AAEjB,IAAAL,EAAA,sBAAe;AACf,IAAAA,EAAA,mBAAY;AACZ,IAAAA,EAAA,gBAAuB;AAAA,MACnB,GAAG,EAAC,MAAMM,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC,GAAGF,CAAa,CAAC,EAAA;AAAA,MAChE,GAAG,EAAC,MAAME,EAAA,EAAc,OAAO,CAAC,GAAG,EAAE,CAAC,EAAE,MAAM,CAACD,GAAgB,CAAC,CAAC,EAAA;AAAA,IAAC;AAEtE,IAAAL,EAAA,uBAA+B;AAAA,MAC3B,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,IAAA;AAExB,IAAAA,EAAA,qBAAwC,CAAA;AACxC;AAAA,IAAAA,EAAA,mBAAsB,CAAA;AACtB;AAAA,IAAAA,EAAA,gBAAqB;AAAA,MACjB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO,CAAA;AAAA,IAAC;AAAA;AAAA,EAGZ,QAAQ;;AACJ,IAAI,KAAK,cAAc,KAAK,cACxBH,IAAA,KAAK,eAAL,QAAAA,EAAiB,YAAY,KAAK,WAClC,KAAK,aAAa,MAClB,KAAK,WAAW,OAGpB,WAAW,MAAM;;AACb,OAAAA,IAAA,KAAK,cAAL,QAAAA,EAAgB,WAChB,KAAK,YAAY;AAAA,IACrB,CAAC;AAAA,EACL;AAAA,EAEA,KAAKU,GAAmB;AACpB,IAAI,KAAK,eAAe,SACpB,KAAK,aAAaA,GAClB,KAAK,WAAW,SAAS,cAAc,KAAK,GAC5C,KAAK,WAAW,YAAY,KAAK,QAAQ,GACzC,KAAK,YAAYC,EAAW,KAAK,QAAQ;AAAA,EAEjD;AAAA,EAEA,iBAAiBC,GAAsD;AACnE,SAAK,WAAW,aAAaA,EAAK,OAClC,KAAK,WAAW,cAAcA,EAAK;AAAA,EACvC;AAAA,EAEA,sBACIrC,GACApB,GACAP,GACAC,GACF;AACE,UAAM,EAAC,YAAAgE,GAAY,aAAAC,EAAA,IAAe,KAAK;AACvC,QAAIC,IAAc,GACdC,IAAa;AACjB,SAAK,mBAAmBzC,EAAU,OAAO,CAAC0C,GAA0C/C,GAAa5B,MAAU;AACvG,YAAM,CAAC4E,GAAYC,CAAa,IAAIvC,GAAatC,GAAO,KAAK,YAAY,GACnEW,IAAiBZ,EAAkBC,GAAOiC,EAAU,QAAQ,KAAK,cAAc,KAAK,SAAS,GAC7F6C,IAAUzE;AAAA,QACZC;AAAA,QACAC;AAAA,QACA,KAAK;AAAA,QACLyB,GAAaC,GAAW,KAAK,WAAW,KAAK,YAAY,EAAE2C,CAAU;AAAA,QACrE,KAAK;AAAA,QACLjE;AAAA,QACAkE,MAAkB,KAAK,eAAe;AAAA,QACtChE;AAAA,MAAA,GAEEkE,IAAaR,IAAaO,EAAQ,OAAOA,EAAQ,OACjDE,IAAcR,IAAcM,EAAQ,MAAMA,EAAQ;AACxD,aAAAH,EAAI/C,CAAG,IAAI;AAAA,QACP,MAAM6C;AAAA,QACN,KAAKC;AAAA,QACL,gBAAA/D;AAAA,QACA,SAAAmE;AAAA,QACA,OAAO,EAAC,OAAOP,GAAY,QAAQC,EAAA;AAAA,QACnC,OAAO,EAAC,OAAOO,GAAY,QAAQC,EAAA;AAAA,MAAW,GAElDP,KAAeM,GACXF,MAAkB,KAAK,eAAe,MACtCJ,IAAc,GACdC,KAAcM,IAEXL;AAAA,IACX,GAAG,CAAA,CAAE;AAEL,UAAMM,IAAc,KAAK;AAAA,MACrB,GAAGhD,EAAU,IAAI,CAAAL,MAAO,KAAK,iBAAiBA,CAAG,EAAE,MAAM,QAAQ,KAAK,iBAAiBA,CAAG,EAAE,IAAI;AAAA,IAAA,GAE9FsD,IAAe,KAAK;AAAA,MACtB,GAAGjD,EAAU,IAAI,CAAAL,MAAO,KAAK,iBAAiBA,CAAG,EAAE,MAAM,SAAS,KAAK,iBAAiBA,CAAG,EAAE,GAAG;AAAA,IAAA;AAEpG,SAAK,WAAW,cAAcqD,GAC9B,KAAK,WAAW,eAAeC;AAAA,EACnC;AAAA,EAEA,eACIjD,GACApB,GACAP,GACAC,GACA4E,GACAb,GACAc,GACF;AACE,UAAMC,IAAapD,EAAU,QACvBqD,IAAW,KAAK,IAAIzE,EAAc,SAASwE,GAAYA,CAAU,GACjEE,IAAW,KAAK,IAAI1E,EAAc,SAASwE,GAAYA,CAAU;AAEvE,SAAK,eAAexE,EAAc,QAAQ,KAAK,KAAKwE,IAAaC,CAAQ,IAAIC,GAC7E,KAAK,YAAY,KAAK,KAAKF,IAAa,KAAK,YAAY;AAEzD,QAAI,CAACG,GAASC,CAAO,IAAI,CAAC,OAAU,MAAS,GACzCC,IAAU;AACd,UAAMC,IAAyB1D,EAAU,OAAO,CAAC0C,GAA6C/C,MAAQ;AAClG,YAAMgE,IAAgBT,EAAsBvD,CAAG,GACzC,EAAC,MAAAiE,GAAM,MAAAC,GAAM,UAAAC,GAAU,oBAAAC,MAAsBJ;AACnD,aAAAJ,IAAU,KAAK,IAAIA,GAASK,CAAI,GAChCJ,IAAU,KAAK,IAAIA,GAASK,CAAI,GAChCJ,IAAU,KAAK,IAAIA,GAASN,MAAkB,aAAaW,IAAWC,CAAkB,GACxFrB,EAAI/C,CAAG,IAAI,EAAC,MAAAiE,GAAM,MAAAC,GAAM,MAAMV,MAAkB,aAAaW,IAAWC,EAAA,GACjErB;AAAA,IACX,GAAG,CAAA,CAAE;AAEL,IAAA1C,EAAU,QAAQ,CAAAL,MAAO;AACrB,YAAMqE,IAA2B3F,EAAM,UAAU,QAAQ4F,EAAA,IAAgB/B,EAAA,GAEnEgC,IAAUR,EAAuB/D,CAAG,GACpCiE,IAAOhF,EAAc,UAAU2E,IAAUW,EAAQ,MACjDL,IAAOjF,EAAc,UAAU4E,IAAUU,EAAQ;AAEtD,MAAAF,EAAO,OAAO,CAACJ,GAAMC,CAAI,CAAC,EAAuB,MAAM,CAAC,GAAG,KAAK,WAAW,UAAU,CAAC,GACvF,KAAK,OAAO,EAAElE,CAAG,IAAIqE;AAAA,IACzB,CAAC,GACDhE,EAAU,QAAQ,CAAAL,MAAO;AACrB,YAAMwE,IAAS7F,EAAM,UAAU,QAAQ2F,EAAA,IAAgB/B,EAAA,GACjDgC,IAAUR,EAAuB/D,CAAG,GAEpCyE,IAAO,GACPC,IAAOzF,EAAc,UAAU6E,IAAUS,EAAQ,MAEjDI,IAAS,CAAC,KAAK,WAAW,aAAa,CAAC,GAExCC,IAA2BJ,EAAO,OAAO,OAAO,CAACC,GAAMC,CAAI,CAAC,EAAuB,MAAM;AAAA,QAC3F,KAAK,WAAW;AAAA,QAChBhC,EAAK;AAAA,MAAA,CACR;AACA,MAAA8B,EAAO,OAAO,CAACI,EAAM,OAAO,KAAK,WAAW,WAAW,GAAGA,EAAM,OAAO,CAAC,CAAC,CAAC,EAAuB;AAAA,QAC9FD;AAAA,MAAA,GAEJ,KAAK,OAAO,EAAE3E,CAAG,IAAIwE;AAAA,IACzB,CAAC;AAAA,EACL;AAAA,EAEA,mBACI9F,GACAC,GACF;AACE,UAAMkG,IAAe,IAAIC,EAAa,gBAAgB;AAEtD,QAAIC,IAAW;AAEf,aAASC,EAAgBC,GAAiB;AACtC,aAAO,KAAK,IAAI,GAAGA,EAAM,IAAI,OAAOJ,EAAa,aAAa7E,CAAG,CAAC,CAAC;AAAA,IACvE;AAEA,IAAKrB,EAAM,gBACP,OAAO,OAAO,KAAK,OAAO,CAAC,EAAE,QAAQ,CAAA+C,MAAS;AAC1C,YAAM,EAAC,OAAAuD,GAAO,QAAAC,EAAA,IAAUC,EAAkBzD,GAA2C,EAAK;AAC1F,MAAAqD,IAAW,KAAK,IAAIA,GAAUC,EAAgBC,EAAM,IAAIC,CAAM,CAAC,CAAC;AAAA,IACpE,CAAC,GAEL,KAAK,gBAAgB;AAAA,MACjB,oBAAoBxG,EAAM,eAAe,IAAI;AAAA,MAC7C,oBAAoBqG;AAAA,IAAA;AAAA,EAE5B;AAAA,EAEA,gBAAgB1E,GAAqB+E,GAAwD;AACzF,UAAMC,IAAa,KAAK,iBAAiBhF,EAAU,CAAC,CAAC,GAC/CiF,IAAY,KAAK,iBAAiBjF,EAAUA,EAAU,SAAS,CAAC,CAAC;AAEvE,SAAK,YAAYkF;AAAA,MACbH,EAAM;AAAA,MACN,KAAK,WAAW,cAAcC,EAAW,QAAQ,OAAOC,EAAU,QAAQ;AAAA,MAC1E;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,kBAAkBjF,GAAqBmF,GAAyB;AAC5D,SAAK,cAAcnF,EAAU,OAAO,CAAC0C,GAA+B/C,GAAKW,OACjE6E,EAAY7E,CAAG,EAAE,WAAW,KAAK6E,EAAY7E,CAAG,EAAE,CAAC,MAAM,SACzDoC,EAAI/C,CAAG,IAAI,CAAA,IAEX+C,EAAI/C,CAAG,IAAIuF,EAAiBC,EAAY7E,CAAG,EAAE,KAAK,IAAI,GAAG,KAAK,WAAW,YAAY,EAAE,GAEpFoC,IACR,CAAA,CAAE;AAAA,EACT;AAAA,EAEA,iBACI0C,GACAC,GACAC,GACAC,GACF;AACE,QAAI,CAACH,EAAO,MAAM;AACd,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMI,IAA4B,CAAA,GAC5BC,IAAa,EAAC,OAAM,GAAG,QAAO,GAAG,MAAK,GAAG,KAAK,EAAA;AAcpD,QAZAF,EAAO,QAAQ,CAAAG,MAAS;AACpB,UAAIjF,EAAeiF,EAAM,IAAI,SAAS,KAAKJ,GAAU;AACjD,cAAM/D,IAAWmE,EAAM,IAAI,UAAU,OAC/BC,IAAON,EAAWC,EAAS,KAAK,GAChCP,IAAQO,EAAS,SAASA,EAAS,OACnCjE,IAAqCuE,IACtC,OAAOD,EAAK,MAAM,EAClB,MAAMA,EAAK,OAAO,IAAI,CAAAE,MAASF,EAAK,OAAOE,CAAK,EAAE,SAAmB,CAAC;AAC3E,QAAAL,EAAY,KAAK,EAAC,GAAGC,GAAY,IAAIlE,GAAU,MAAM,iBAAiB,OAAAwD,GAAO,OAAA1D,GAAO,QAAQsE,EAAK,QAAQ,QAAQA,EAAK,QAAO;AAAA,MACjI;AAAA,IACJ,CAAC,GAEG,CAACH,EAAY,QAAQ;AACrB,WAAK,SAAS,EAAC,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAC;AAC5C;AAAA,IACJ;AAEA,UAAMM,IAAQC,EAAmBP,GAAa,KAAK,WAAW,WAAW,GAEnEQ,IAAWF,EAAMA,EAAM,SAAS,CAAC,GACjCG,IAAcD,EAAS,OAAOA,EAAS,QAAQE,GAC/CC,IAAe,KAAK,WAAW;AAErC,SAAK,SAAS;AAAA,MACV,OAAOF;AAAA,MACP,QAAQE;AAAA,MACR,OAAAL;AAAA,IAAA;AAAA,EAER;AAAA,EAEA,cAAczD,GAAqD;AAC/D,UAAM+D,IAAkBC,IAAoB,KAAK,UAAU,QACrDC,IAAcF,IAAkB,IAAIA,IAAkBG,IAAe,IAAI,GAEzEC,IAAYnE,EAAK;AAEvB,SAAK,UAAU;AAAA,MACX,KAAK,KAAK,IAAIiE,GAAaE,CAAS;AAAA,MACpC,QAAQA;AAAA,MACR,MAAMA;AAAA,MACN,OAAO,KAAK,OAAO,QAAQA;AAAA,IAAA,GAE/B,KAAK,WAAW,aAAa,KAAK,QAAQ,OAAO,KAAK,WAAW,cAAc,KAAK,QAAQ,OAC5F,KAAK,WAAW,cAAc,KAAK,QAAQ,MAAM,KAAK,WAAW,eAAe,KAAK,QAAQ;AAAA,EACjG;AAAA,EAEA,OACIC,GACAC,GACA9H,GACAoB,GACAmF,GACAjC,GACAmC,GACAE,GACAoB,GACArB,GACAnC,GACAyD,GACAC,GACF;;AACE,UAAM,EAAC,OAAAxI,GAAO,OAAAC,GAAO,MAAA+D,GAAM,OAAA0C,MAAS2B;AACpC,SAAK,iBAAiBrE,CAAI,GAC1B,KAAK,eAAerC,GAAWpB,GAAeP,GAAOC,GAAO4E,GAAuBb,GAAMc,CAAa,GACtG,KAAK,mBAAmB9E,GAAOC,CAAK,GACpC,KAAK,kBAAkB0B,GAAWmF,CAAW,GAC7C,KAAK,sBAAsBnF,GAAWpB,GAAeP,GAAOC,CAAK,GACjE,KAAK,gBAAgB0B,GAAW+E,CAAK,GACrC,KAAK,iBAAiB2B,EAAc,QAAQrB,GAAYC,GAAUC,CAAM,GACxE,KAAK,cAAclD,CAAI;AACvB,UAAMyE,IAAY9G,EAAU,OAAO,CAACU,GAAGf,MAC5B,KAAK,IAAIe,GAAGwC,EAAsBvD,CAAG,EAAE,IAAI,GACnD,KAAQ,GACLoH,IAAY/G,EAAU,OAAO,CAACU,GAAGf,MAC5B,KAAK,IAAIe,GAAGwC,EAAsBvD,CAAG,EAAE,IAAI,GACnD,MAAS,GACNqH,IACFnF,gBAAAA,EAAAA;AAAAA,MAACoF;AAAA,MAAA;AAAA,QACG,YAAAR;AAAA,QACA,eAAAC;AAAA,QACA,WAAA1G;AAAA,QACA,eAAApB;AAAA,QACA,YAAY,KAAK;AAAA,QACjB,kBAAkB,KAAK;AAAA,QACvB,QAAQ,KAAK;AAAA,QACb,cAAc,KAAK;AAAA,QACnB,SAAS,KAAK;AAAA,QACd,WAAW,KAAK;AAAA,QAChB,aAAa,KAAK;AAAA,QAClB,eAAe,KAAK;AAAA,QACpB,uBAAAsE;AAAA,QACA,QAAAqC;AAAA,QACA,gBAAgB3E,GAAgB+F,GAAc,aAAa,CAACG,GAAWC,CAAS,CAAC;AAAA,QACjF,mBAAAH;AAAA,QACA,eAAAzD;AAAA,QACA,gBAAgBmC,IAAWD,EAAWC,EAAS,KAAK,EAAE,SAAS,CAAA;AAAA,QAC/D,QAAQ,KAAK;AAAA,QACb,qBAAAuB;AAAA,MAAA;AAAA,IAAA;AAGR,SAAK,YAAYG,IACjBvF,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOuF;AAAA,EAC3B;AAAA,EAEA,YAAYE,GAAiB;;AACzB,KAAAzF,IAAA,KAAK,cAAL,QAAAA,EAAgB,OAAOI,gBAAAA,EAAAA,IAACsF,GAAA,EAAM,SAAAD,GAAkB;AAAA,EACpD;AACJ;"}

package/dist/histogram/HistogramSettingsImpl.d.ts

@@ -0,0 +1,73 @@
+import { ColumnName, FrameType, HistogramSettings, InheritAesHistogram, LegendPosition, BinsLayer as OuterBinsLayer, BinsLineLayer as OuterLineLayer, SettingsInterface, TitlePosition, AesMap, ContinuousAesHistogram } from '../types';
+export declare class BinsLayer {
+    readonly type = "bins";
+    readonly aes: {
+        fillColor: InheritAesHistogram | string | ContinuousAesHistogram;
+        lineColor: string;
+        opacity: number;
+    };
+    constructor(layer: OuterBinsLayer);
+}
+export declare class BinsLineLayer {
+    readonly type = "binsLine";
+    readonly aes: {
+        opacity: number;
+    };
+    constructor(layer: OuterLineLayer);
+}
+export type HistogramLayer = BinsLayer;
+export declare class HistogramSettingsImpl implements SettingsInterface {
+    readonly id: string;
+    readonly type = "histogram";
+    readonly valueColumn: ColumnName;
+    readonly binsCount: number;
+    readonly facetSettings: {
+        sharedX: boolean;
+        sharedY: boolean;
+        nRows?: number;
+        nCols?: number;
+        titlePosition: 'left' | 'center' | 'right';
+    };
+    readonly facetBy: ColumnName[];
+    readonly grouping: ColumnName | null;
+    readonly groupingStack: 'vertical' | 'horizontal';
+    readonly groupingDirection: 'straight' | 'reverse';
+    readonly groupingOrder: string[] | null;
+    readonly chartSettings: {
+        readonly size: {
+            width: number;
+            height: number;
+            innerOffset: number;
+            outerOffset: number;
+        };
+        readonly title: {
+            name: string;
+            show: boolean;
+            position: TitlePosition;
+        };
+        readonly yAxis: {
+            showGrid: boolean;
+            showTicks: boolean;
+            hiddenLabels: boolean;
+            scale: 'linear' | 'log';
+        };
+        readonly xAxis: {
+            showGrid: boolean;
+            showTicks: boolean;
+            hiddenLabels: boolean;
+            title: string | ColumnName;
+            scale: 'linear' | 'log';
+        };
+        readonly frame: {
+            type: FrameType;
+        };
+        readonly legend: {
+            show: boolean;
+            position: LegendPosition;
+        };
+    };
+    readonly inheritedAes: Record<string, AesMap>;
+    readonly layers: HistogramLayer[];
+    constructor(settings: HistogramSettings);
+}
+//# sourceMappingURL=HistogramSettingsImpl.d.ts.map

package/dist/histogram/HistogramSettingsImpl.d.ts.map

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

package/dist/histogram/HistogramSettingsImpl.js

@@ -0,0 +1,106 @@
+var s = Object.defineProperty;
+var A = (r, i, o) => i in r ? s(r, i, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[i] = o;
+var e = (r, i, o) => A(r, typeof i != "symbol" ? i + "" : i, o);
+import y from "../node_modules/lodash/lodash.js";
+import { DEFAULT_HEIGHT_SMALL as x, DEFAULT_HEIGHT as L, DEFAULT_WIDTH_SMALL as S, DEFAULT_WIDTH as w, BLACK as T } from "../constants.js";
+import "../types/common.js";
+import "../types/discrete.js";
+import "../types/scatterplot.js";
+import "../types/heatmap.js";
+import "../types/dendro.js";
+import { HistogramSettingsSchema as C } from "../types/histogram.js";
+import "../types/bubble.js";
+import { exhaustive as D } from "../utils/index.js";
+import { PADDINGS as b, MIN_MARGIN as B } from "./constants.js";
+const I = 10;
+class O {
+  constructor(i) {
+    e(this, "type", "bins");
+    e(this, "aes", {
+      fillColor: "white",
+      lineColor: T,
+      opacity: 1
+    });
+    this.aes = {
+      ...this.aes,
+      ...i.aes
+    };
+  }
+}
+class _ {
+  constructor(i) {
+    e(this, "type", "binsLine");
+    e(this, "aes", {
+      opacity: 1
+    });
+    this.aes = {
+      ...this.aes,
+      ...i.aes
+    };
+  }
+}
+class q {
+  constructor(i) {
+    e(this, "id");
+    e(this, "type", "histogram");
+    e(this, "valueColumn");
+    e(this, "binsCount");
+    e(this, "facetSettings");
+    e(this, "facetBy");
+    e(this, "grouping");
+    e(this, "groupingStack");
+    e(this, "groupingDirection");
+    e(this, "groupingOrder");
+    e(this, "chartSettings");
+    e(this, "inheritedAes");
+    e(this, "layers");
+    var o, l, h, t, u, p, c, n, f, m, d;
+    C.parse(i), this.id = y.uniqueId("settings"), this.facetSettings = { sharedX: !0, sharedY: !0, titlePosition: "left", ...i.facetSettings }, this.valueColumn = i.valueColumn, this.binsCount = i.binsCount ?? I, this.facetBy = i.facetBy ?? [], this.grouping = i.grouping ?? null, this.groupingStack = i.groupingStack ?? "vertical", this.groupingDirection = i.groupingDirection ?? "straight", this.groupingOrder = i.groupingOrder ?? null, this.chartSettings = {
+      size: {
+        width: ((o = i == null ? void 0 : i.size) == null ? void 0 : o.width) ?? (this.facetBy.length ? S : w),
+        height: ((l = i == null ? void 0 : i.size) == null ? void 0 : l.height) ?? (this.facetBy.length ? x : L),
+        outerOffset: ((h = i == null ? void 0 : i.size) == null ? void 0 : h.outerOffset) ?? B,
+        innerOffset: ((t = i == null ? void 0 : i.size) == null ? void 0 : t.innerOffset) ?? b.TOP
+      },
+      title: {
+        position: "center",
+        show: !0,
+        ...i.title,
+        name: ((u = i.title) == null ? void 0 : u.name) ?? "Chart"
+      },
+      yAxis: {
+        showGrid: !0,
+        showTicks: !0,
+        scale: ((p = i.xAxis) == null ? void 0 : p.scale) ?? "linear",
+        hiddenLabels: !1,
+        ...i.yAxis
+      },
+      xAxis: {
+        title: i.valueColumn.label ?? i.valueColumn.value ?? "",
+        scale: ((c = i.xAxis) == null ? void 0 : c.scale) ?? "linear",
+        showGrid: ((n = i.xAxis) == null ? void 0 : n.showGrid) ?? !0,
+        showTicks: ((f = i.xAxis) == null ? void 0 : f.showTicks) ?? !0,
+        hiddenLabels: ((m = i.xAxis) == null ? void 0 : m.hiddenLabels) ?? !1,
+        ...i.xAxis
+      },
+      frame: { type: ((d = i.frame) == null ? void 0 : d.type) ?? "full" },
+      legend: {
+        show: !0,
+        position: "right",
+        ...i.legend
+      }
+    }, this.inheritedAes = i.inheritedAes ?? {}, this.layers = i.layers.map((a) => {
+      if (a.type === "bins")
+        return new O(a);
+      if (a.type === "binsLine")
+        return new _(a);
+      D(a, "Unknown layer type");
+    }).filter(Boolean);
+  }
+}
+export {
+  O as BinsLayer,
+  _ as BinsLineLayer,
+  q as HistogramSettingsImpl
+};
+//# sourceMappingURL=HistogramSettingsImpl.js.map

package/dist/histogram/HistogramSettingsImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramSettingsImpl.js","sources":["../../src/histogram/HistogramSettingsImpl.ts"],"sourcesContent":["import lodash from 'lodash';\nimport { BLACK, DEFAULT_HEIGHT, DEFAULT_HEIGHT_SMALL, DEFAULT_WIDTH, DEFAULT_WIDTH_SMALL } from '../constants';\nimport type {\n    ColumnName,\n    FrameType,\n    HistogramSettings,\n    InheritAesHistogram,\n    LegendPosition,\n    BinsLayer as OuterBinsLayer,\n    BinsLineLayer as OuterLineLayer,\n    SettingsInterface,\n    TitlePosition,\n} from '../types';\nimport { type AesMap, type ContinuousAesHistogram, HistogramSettingsSchema } from '../types';\nimport { exhaustive } from '../utils';\nimport { MIN_MARGIN, PADDINGS } from './constants';\n\nconst DEFAULT_BINS_COUNT = 10;\n\nexport class BinsLayer {\n    readonly type = 'bins';\n    readonly aes: {\n        fillColor: InheritAesHistogram | string | ContinuousAesHistogram;\n        lineColor: string,\n        opacity: number;\n    } = {\n        fillColor: 'white',\n        lineColor: BLACK,\n        opacity: 1,\n    };\n\n    constructor(layer: OuterBinsLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport class BinsLineLayer {\n    readonly type = 'binsLine';\n    readonly aes: {\n        opacity: number;\n    } = {\n        opacity: 1,\n    };\n\n    constructor(layer: OuterLineLayer) {\n        this.aes = {\n            ...this.aes,\n            ...layer.aes,\n        };\n    }\n}\n\nexport type HistogramLayer = BinsLayer;\n\nexport class HistogramSettingsImpl implements SettingsInterface {\n    readonly id: string;\n    readonly type = 'histogram';\n    readonly valueColumn: ColumnName;\n    readonly binsCount: number;\n    readonly facetSettings: {\n        sharedX: boolean;\n        sharedY: boolean;\n        nRows?: number;\n        nCols?: number;\n        titlePosition: 'left' | 'center' | 'right';\n    };\n    readonly facetBy: ColumnName[];\n    readonly grouping: ColumnName | null;\n    readonly groupingStack: 'vertical' | 'horizontal';\n    readonly groupingDirection: 'straight' | 'reverse';\n    readonly groupingOrder: string[] | null;\n    readonly chartSettings: {\n        readonly size: {width: number; height: number, innerOffset: number, outerOffset: number};\n        readonly title: {name: string; show: boolean; position: TitlePosition};\n        readonly yAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; scale: 'linear' | 'log'};\n        readonly xAxis: {showGrid: boolean; showTicks: boolean; hiddenLabels: boolean; title: string | ColumnName; scale: 'linear' | 'log'};\n        readonly frame: {type: FrameType};\n        readonly legend: {show: boolean; position: LegendPosition};\n    };\n    readonly inheritedAes: Record<string, AesMap>;\n    readonly layers: HistogramLayer[];\n\n    constructor(settings: HistogramSettings) {\n        HistogramSettingsSchema.parse(settings);\n        this.id = lodash.uniqueId('settings');\n        this.facetSettings = {sharedX: true, sharedY: true, titlePosition: 'left', ...settings.facetSettings};\n        this.valueColumn = settings.valueColumn;\n        this.binsCount = settings.binsCount ?? DEFAULT_BINS_COUNT;\n        this.facetBy = settings.facetBy ?? [];\n        this.grouping = settings.grouping ?? null;\n        this.groupingStack = settings.groupingStack ?? 'vertical';\n        this.groupingDirection = settings.groupingDirection ?? 'straight';\n        this.groupingOrder = settings.groupingOrder ?? null;\n        this.chartSettings = {\n            size: {\n                width: settings?.size?.width ?? (this.facetBy.length ? DEFAULT_WIDTH_SMALL : DEFAULT_WIDTH),\n                height: settings?.size?.height ?? (this.facetBy.length ? DEFAULT_HEIGHT_SMALL : DEFAULT_HEIGHT),\n                outerOffset: settings?.size?.outerOffset ?? MIN_MARGIN,\n                innerOffset: settings?.size?.innerOffset ?? PADDINGS.TOP\n            },\n            title: {\n                position: 'center',\n                show: true,\n                ...settings.title,\n                name: settings.title?.name ?? 'Chart',\n            },\n            yAxis: {\n                showGrid: true,\n                showTicks: true,\n                scale: settings.xAxis?.scale ?? 'linear',\n                hiddenLabels: false,\n                ...settings.yAxis,\n            },\n            xAxis: {\n                title: settings.valueColumn.label ?? settings.valueColumn.value ?? '',\n                scale: settings.xAxis?.scale ?? 'linear',\n                showGrid: settings.xAxis?.showGrid ?? true,\n                showTicks: settings.xAxis?.showTicks ?? true,\n                hiddenLabels: settings.xAxis?.hiddenLabels ?? false,\n                ...settings.xAxis,\n            },\n            frame: {type: settings.frame?.type ?? 'full'},\n            legend: {\n                show: true,\n                position: 'right',\n                ...settings.legend,\n            },\n        };\n\n        this.inheritedAes = settings.inheritedAes ?? {};\n\n        this.layers = settings.layers\n            .map(layer => {\n                if (layer.type === 'bins') {\n                    return new BinsLayer(layer);\n                }\n                if (layer.type === 'binsLine') {\n                    return new BinsLineLayer(layer);\n                }\n                exhaustive(layer, 'Unknown layer type');\n            })\n            .filter(Boolean) as HistogramLayer[];\n    }\n}\n"],"names":["DEFAULT_BINS_COUNT","BinsLayer","layer","__publicField","BLACK","BinsLineLayer","HistogramSettingsImpl","settings","HistogramSettingsSchema","lodash","_a","DEFAULT_WIDTH_SMALL","DEFAULT_WIDTH","_b","DEFAULT_HEIGHT_SMALL","DEFAULT_HEIGHT","_c","MIN_MARGIN","_d","PADDINGS","_e","_f","_g","_h","_i","_j","_k","exhaustive"],"mappings":"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"}

package/dist/histogram/components/Chart.d.ts

@@ -0,0 +1,31 @@
+import { TooltipsData } from '../../common/Tooltip';
+import { AesGetter, CaptionsSizes, ChartDimensionsData, ChartScales, ChartSizes, Margins } from './types';
+import { BinData, GroupedHistogramData } from '../getHistogramData';
+import { HistogramLayer, HistogramSettingsImpl } from '../HistogramSettingsImpl';
+import { FrameType } from '../../types';
+interface ChartProps {
+    facetKey: string;
+    width: number;
+    height: number;
+    dimensions: ChartDimensionsData;
+    scales: ChartScales;
+    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'];
+    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'];
+    frameType: FrameType;
+    facetSettings: HistogramSettingsImpl['facetSettings'];
+    margins: Margins;
+    chartSizes: ChartSizes;
+    captionsSizes: CaptionsSizes;
+    facetTitle: string[];
+    histogramData: GroupedHistogramData;
+    layers: HistogramLayer[];
+    aesColorGetter: AesGetter;
+    groupingDirection: HistogramSettingsImpl['groupingDirection'];
+    groupingStack: HistogramSettingsImpl['groupingStack'];
+    groupingLabels: Record<string, string>;
+    tooltipsContainer?: Element;
+    tooltipsData: TooltipsData<BinData>;
+}
+export declare function Chart({ facetKey, width, height, dimensions, scales, xAxis, yAxis, frameType, histogramData, facetSettings, captionsSizes, facetTitle, layers, aesColorGetter, groupingDirection, groupingStack, groupingLabels, chartSizes, margins, tooltipsContainer, tooltipsData }: ChartProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Chart.d.ts.map

package/dist/histogram/components/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/histogram/components/Chart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAEvC,OAAO,KAAK,EAAC,OAAO,EAAE,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AACvE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;AAEpE,OAAO,KAAK,EACR,aAAa,EACb,mBAAmB,EACnB,WAAW,EACX,UAAU,EACV,OAAO,EACV,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAiC3C,UAAU,UAAU;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACvD,KAAK,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,CAAC;IACvD,SAAS,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,aAAa,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,aAAa,EAAE,oBAAoB,CAAC;IACpC,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,cAAc,EAAE,SAAS,CAAC;IAC1B,iBAAiB,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACtD,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,aAAa,EACb,UAAU,EACV,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,UAAU,EACV,OAAO,EACP,iBAAiB,EACjB,YAAY,EACf,EAAE,UAAU,2CA8JZ"}