@milaboratories/miplots4 1.0.123 → 1.0.125

package/dist/histogram/components/Chart.js

@@ -0,0 +1,150 @@
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { Tooltip as P } from "../../common/Tooltip.js";
+import { BLACK as B } from "../../constants.js";
+import { DEFAULT_TICKS_SIZE as $, FACET_TITLE_LINE as T, TITLE_LINE as Q } from "../constants.js";
+import { ContinuousAxis as W } from "../../common/ContinuousAxis.js";
+import { ContinuousGrid as V } from "../../common/ContinuousGrid.js";
+import { numberFormat as k } from "../../utils/numberFormat.js";
+import { r as S } from "../../_virtual/index.js";
+import { r as D } from "../../node_modules/react-dom/index.js";
+function ee(e) {
+  return typeof e == "string" ? e : e.value;
+}
+function te(e, l) {
+  const d = [
+    `Amount: ${e.count}`,
+    `(from ${k(e.x)}, to ${k(e.x + e.width)})`
+  ];
+  return e.groupingKey !== "null" && d.push(`${l[e.groupingKey] ?? e.groupingKey}`), d;
+}
+function w(e, l, d, o) {
+  return l === "vertical" ? e : e + d * o;
+}
+function X(e, l, d, o) {
+  return l(d === "vertical" ? o === "straight" ? e.y.straight : e.y.reverse : e.count);
+}
+function he({
+  facetKey: e,
+  width: l,
+  height: d,
+  dimensions: o,
+  scales: r,
+  xAxis: f,
+  yAxis: a,
+  frameType: K,
+  histogramData: j,
+  facetSettings: s,
+  captionsSizes: oe,
+  facetTitle: E,
+  layers: _,
+  aesColorGetter: z,
+  groupingDirection: A,
+  groupingStack: h,
+  groupingLabels: M,
+  chartSizes: x,
+  margins: m,
+  tooltipsContainer: Y,
+  tooltipsData: n
+}) {
+  const [C, G] = S.useState(), { padding: i } = o, O = f.showTicks ? $ : 0, H = a.showTicks ? $ : 0, N = o.chartEdgeSides.includes("left") || !(s != null && s.sharedY), R = o.chartEdgeSides.includes("bottom") || !(s != null && s.sharedX), U = o.chartEdgeSides.includes("bottom"), L = j.groupingKeys, Z = j.histogramByGroupingKey[L[0]].bins[0], F = r.x(Z.width) - r.x(0), p = h === "vertical" ? F : F / L.length, b = {
+    left: m.left + o.left + i.left,
+    right: x.totalWidth - (m.left + o.left + i.left),
+    top: m.top + o.top + i.top,
+    bottom: x.totalHeight - (m.top + o.top + i.top)
+  }, q = C && n.fixed, g = !1;
+  return /* @__PURE__ */ t.jsxs("g", { transform: `translate(${o.left + i.left},${o.top + i.top})`, children: [
+    g,
+    E.length && /* @__PURE__ */ t.jsxs("g", { children: [
+      K === "full" && /* @__PURE__ */ t.jsx("rect", { x: "0", y: -i.top, height: i.top, width: l, fill: "#F7F8FA", stroke: B }),
+      E.map((u, y) => {
+        const v = E.length, c = (i.top - T * v) / 2;
+        return /* @__PURE__ */ t.jsx(
+          "text",
+          {
+            fontSize: "14px",
+            fontWeight: "500",
+            fill: B,
+            x: l / 2,
+            dy: c + T / 2 - i.top,
+            y: y * T,
+            textAnchor: "middle",
+            dominantBaseline: "central",
+            children: u
+          },
+          y
+        );
+      })
+    ] }),
+    /* @__PURE__ */ t.jsxs("g", { dominantBaseline: "central", textAnchor: "middle", fontWeight: "500", fontSize: "14px", fill: B, children: [
+      U && f.title && /* @__PURE__ */ t.jsx("text", { x: l / 2, y: d + i.bottom - Q / 2, children: ee(f.title) }),
+      g
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      V,
+      {
+        width: l,
+        height: d,
+        scaleX: r.x,
+        scaleY: r.y,
+        axisX: f,
+        axisY: a,
+        frameType: K
+      }
+    ),
+    R && /* @__PURE__ */ t.jsxs("g", { transform: `translate(0,${d})`, children: [
+      /* @__PURE__ */ t.jsx(W, { scale: r.x, orient: "bottom", tickSize: O, hiddenLabels: f.hiddenLabels }),
+      g
+    ] }),
+    N && /* @__PURE__ */ t.jsxs("g", { children: [
+      /* @__PURE__ */ t.jsx(W, { scale: r.y, orient: "left", tickSize: H, hiddenLabels: a.hiddenLabels }),
+      g
+    ] }),
+    _.map((u) => L.map(
+      (y, v) => j.histogramByGroupingKey[y].bins.map((c) => {
+        const J = q && n.selectedData === c, I = /* @__PURE__ */ t.jsx(
+          "rect",
+          {
+            x: w(r.x(c.x), h, v, p),
+            y: X(c, r.y, h, A),
+            fill: c.rows[0] ? z(u.aes.fillColor, c.rows[0], c.count) : "",
+            stroke: u.aes.lineColor,
+            width: p,
+            height: r.y(0) - r.y(c.count),
+            opacity: u.aes.opacity ?? 1,
+            onMouseOver: () => n.onMouseOver(c, e),
+            onMouseLeave: () => n.onMouseLeave()
+          },
+          c.x
+        );
+        return J ? D.createPortal(I, C) : I;
+      })
+    )),
+    n.fixed && /* @__PURE__ */ t.jsx("rect", { width: x.chartWidth, height: x.chartHeight, fill: "rgba(255,255,255,0.8)" }),
+    /* @__PURE__ */ t.jsx(
+      "g",
+      {
+        ref: (u) => {
+          u && !C && G(u);
+        }
+      }
+    ),
+    n.selectedData && n.currentFacet === e && /* @__PURE__ */ t.jsx(
+      P,
+      {
+        content: te(n.selectedData, M),
+        x: w(r.x(n.selectedData.x), h, n.selectedData.groupingKeyIdx, p) + p,
+        y: X(n.selectedData, r.y, h, A) + r.y(0) - r.y(n.selectedData.count / 2),
+        offset: 0,
+        active: !0,
+        fixed: n.fixed,
+        sideDistances: b,
+        container: Y,
+        onClose: n.onClose
+      }
+    )
+  ] });
+}
+export {
+  he as Chart
+};
+//# sourceMappingURL=Chart.js.map

package/dist/histogram/components/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../src/histogram/components/Chart.tsx"],"sourcesContent":["import type { TooltipsData} from '../../common/Tooltip';\nimport {Tooltip} from '../../common/Tooltip';\nimport {BLACK} from '../../constants';\nimport type {AesGetter} from './types';\nimport {DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, TICK_OFFSET, TITLE_LINE} from '../constants';\nimport type {BinData, GroupedHistogramData} from '../getHistogramData';\nimport type {HistogramLayer} from '../HistogramSettingsImpl';\nimport type {HistogramSettingsImpl} from '../HistogramSettingsImpl';\nimport {ContinuousAxis} from '../../common/ContinuousAxis';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins,\n} from './types';\nimport type {ColumnName} from '../../types';\nimport type {FrameType} from '../../types';\nimport {ContinuousGrid} from '../../common/ContinuousGrid';\nimport {numberFormat} from '../../utils/numberFormat';\nimport React, {useState} from 'react';\nimport {createPortal} from 'react-dom';\n\nfunction getAxisTitle(title: string | ColumnName): string {\n    if (typeof title === 'string') {\n        return title;\n    }\n    return title.value;\n}\nfunction getTooltipContent(bin: BinData, groupingLabels:Record<string, string>) {\n    const lines =  [\n        `Amount: ${bin.count}`,\n        `(from ${numberFormat(bin.x)}, to ${numberFormat(bin.x + bin.width)})`\n    ];\n    if (bin.groupingKey !== 'null') {\n        lines.push(`${groupingLabels[bin.groupingKey] ?? bin.groupingKey}`);\n    }\n    return lines;\n}\n\nfunction getBinX(xPx:number, groupingStack: HistogramSettingsImpl['groupingStack'], keyIdx:number, width:number) {\n    return groupingStack === 'vertical'\n        ? xPx\n        : xPx + keyIdx * width;\n}\nfunction getBinY(bin:BinData, scaleY:ChartScales['y'], groupingStack: HistogramSettingsImpl['groupingStack'], groupingDirection: HistogramSettingsImpl['groupingDirection']) {\n    return groupingStack === 'vertical'\n        ? scaleY(groupingDirection === 'straight' ? bin.y.straight : bin.y.reverse)\n        : scaleY(bin.count);\n}\ninterface ChartProps {\n    facetKey: string;\n    width: number;\n    height: number;\n    dimensions: ChartDimensionsData;\n    scales: ChartScales;\n    xAxis: HistogramSettingsImpl['chartSettings']['xAxis'];\n    yAxis: HistogramSettingsImpl['chartSettings']['yAxis'];\n    frameType: FrameType;\n    facetSettings: HistogramSettingsImpl['facetSettings'];\n    margins: Margins;\n    chartSizes: ChartSizes;\n    captionsSizes: CaptionsSizes;\n    facetTitle: string[];\n    histogramData: GroupedHistogramData;\n    layers: HistogramLayer[];\n    aesColorGetter: AesGetter;\n    groupingDirection: HistogramSettingsImpl['groupingDirection'];\n    groupingStack: HistogramSettingsImpl['groupingStack'];\n    groupingLabels: Record<string, string>;\n    tooltipsContainer?: Element;\n    tooltipsData: TooltipsData<BinData>;\n}\n\nexport function Chart({\n    facetKey,\n    width,\n    height,\n    dimensions,\n    scales,\n    xAxis,\n    yAxis,\n    frameType,\n    histogramData,\n    facetSettings,\n    captionsSizes,\n    facetTitle,\n    layers,\n    aesColorGetter,\n    groupingDirection,\n    groupingStack,\n    groupingLabels,\n    chartSizes,\n    margins,\n    tooltipsContainer,\n    tooltipsData\n}: ChartProps) {\n    const [activeElementContainer, setActiveElementContainer] = useState<SVGGElement>();\n\n    const {padding} = dimensions;\n    const tickSizeX = xAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const tickSizeY = yAxis.showTicks ? DEFAULT_TICKS_SIZE : 0;\n    const needLeftAxis = dimensions.chartEdgeSides.includes('left') || !facetSettings?.sharedY;\n    const needBottomAxis = dimensions.chartEdgeSides.includes('bottom') || !facetSettings?.sharedX;\n    const needBottomAxisTitle = dimensions.chartEdgeSides.includes('bottom');\n    const groupingKeys = histogramData.groupingKeys;\n\n    const firstBin = histogramData.histogramByGroupingKey[groupingKeys[0]].bins[0];\n    const binWidth = scales.x(firstBin.width) - scales.x(0);\n    const partialBinWidth = groupingStack === 'vertical' ? binWidth : binWidth / groupingKeys.length;\n\n    const sideDistances = {\n        left: margins.left + dimensions.left + padding.left,\n        right: chartSizes.totalWidth - (margins.left + dimensions.left + padding.left),\n        top: margins.top + dimensions.top + padding.top,\n        bottom: chartSizes.totalHeight - (margins.top + dimensions.top + padding.top),\n    };\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const debug = false;\n    return (\n        <g transform={`translate(${dimensions.left + padding.left},${dimensions.top + padding.top})`}>\n            {debug && (\n                <g fill=\"none\" stroke=\"green\" strokeWidth=\"2px\">\n                    <rect width={width} height={padding.top} x={0} y={-padding.top} />\n                    <rect width={width} height={padding.bottom} x={0} y={height} />\n                    <rect width={padding.left} height={height} x={-padding.left} y={0} />\n                    <rect width={padding.right} height={height} x={width} y={0} />\n                </g>\n            )}\n            {facetTitle.length && (\n                <g>\n                    {frameType === 'full' && (\n                        <rect x=\"0\" y={-padding.top} height={padding.top} width={width} fill=\"#F7F8FA\" stroke={BLACK} />\n                    )}\n                    {facetTitle.map((titleLine, idx) => {\n                        const linesCount = facetTitle.length;\n                        const topOffset = (padding.top - FACET_TITLE_LINE * linesCount) / 2;\n                        return (\n                            <text\n                                key={idx}\n                                fontSize=\"14px\"\n                                fontWeight=\"500\"\n                                fill={BLACK}\n                                x={width / 2}\n                                dy={topOffset + FACET_TITLE_LINE / 2 - padding.top}\n                                y={idx * FACET_TITLE_LINE}\n                                textAnchor=\"middle\"\n                                dominantBaseline=\"central\"\n                            >\n                                {titleLine}\n                            </text>\n                        );\n                    })}\n                </g>\n            )}\n            <g dominantBaseline=\"central\" textAnchor=\"middle\" fontWeight=\"500\" fontSize=\"14px\" fill={BLACK}>\n                {needBottomAxisTitle && xAxis.title && (\n                    <text x={width / 2} y={height + padding.bottom - TITLE_LINE / 2}>\n                        {getAxisTitle(xAxis.title)}\n                    </text>\n                )}\n                {debug && needBottomAxisTitle && (\n                    <rect\n                        x=\"0\"\n                        y={height + padding.bottom - TITLE_LINE}\n                        width={width}\n                        height={TITLE_LINE}\n                        fill=\"none\"\n                        stroke=\"black\"\n                    />\n                )}\n            </g>\n            <ContinuousGrid\n                width={width}\n                height={height}\n                scaleX={scales.x}\n                scaleY={scales.y}\n                axisX={xAxis}\n                axisY={yAxis}\n                frameType={frameType}\n            />\n            {needBottomAxis && (\n                <g transform={`translate(0,${height})`}>\n                    <ContinuousAxis scale={scales.x} orient=\"bottom\" tickSize={tickSizeX} hiddenLabels={xAxis.hiddenLabels} />\n                    {debug && (\n                        <rect\n                            x=\"0\"\n                            y={tickSizeX + TICK_OFFSET}\n                            width={width}\n                            height={TITLE_LINE}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n            {needLeftAxis && (\n                <g>\n                    <ContinuousAxis scale={scales.y} orient=\"left\" tickSize={tickSizeY} hiddenLabels={yAxis.hiddenLabels} />\n                    {debug && (\n                        <rect\n                            x={-tickSizeY - TICK_OFFSET - captionsSizes.yAxisCaptionsWidth}\n                            y=\"0\"\n                            width={captionsSizes.yAxisCaptionsWidth}\n                            height={height}\n                            fill=\"none\"\n                            stroke=\"black\"\n                        />\n                    )}\n                </g>\n            )}\n            {layers.map(layer => groupingKeys.map((groupingKey, keyIdx) =>\n                histogramData.histogramByGroupingKey[groupingKey].bins.map((bin) => {\n                    const highlighted = dimmedBackground && tooltipsData.selectedData === bin;\n                    const binElement = (\n                        <rect\n                            key={bin.x}\n                            x={getBinX(scales.x(bin.x), groupingStack, keyIdx, partialBinWidth)}\n                            y={getBinY(bin, scales.y, groupingStack, groupingDirection)}\n                            fill={bin.rows[0] ? aesColorGetter(layer.aes.fillColor, bin.rows[0], bin.count) : ''}\n                            stroke={layer.aes.lineColor}\n                            width={partialBinWidth}\n                            height={scales.y(0) - scales.y(bin.count)}\n                            opacity={layer.aes.opacity ?? 1}\n                            onMouseOver={() => tooltipsData.onMouseOver(bin, facetKey)}\n                            onMouseLeave={() => tooltipsData.onMouseLeave()}\n                        />\n                    );\n                    return highlighted ? createPortal(binElement, activeElementContainer) : binElement;\n                })\n            ))}\n            {tooltipsData.fixed && <rect width={chartSizes.chartWidth} height={chartSizes.chartHeight} fill=\"rgba(255,255,255,0.8)\"/>}\n            <g ref={node => {\n                if (node && !activeElementContainer) {\n                    setActiveElementContainer(node);\n                }\n            }}\n            />\n            {tooltipsData.selectedData && tooltipsData.currentFacet === facetKey && (\n                <Tooltip\n                    content={getTooltipContent(tooltipsData.selectedData, groupingLabels)}\n                    x={getBinX(scales.x(tooltipsData.selectedData.x), groupingStack, tooltipsData.selectedData.groupingKeyIdx, partialBinWidth) + partialBinWidth}\n                    y={getBinY(tooltipsData.selectedData, scales.y, groupingStack, groupingDirection) + scales.y(0) - scales.y(tooltipsData.selectedData.count / 2)}\n                    offset={0}\n                    active\n                    fixed={tooltipsData.fixed}\n                    sideDistances={sideDistances}\n                    container={tooltipsContainer}\n                    onClose={tooltipsData.onClose}\n                />\n            )}\n        </g>\n    );\n}\n"],"names":["getAxisTitle","title","getTooltipContent","bin","groupingLabels","lines","numberFormat","getBinX","xPx","groupingStack","keyIdx","width","getBinY","scaleY","groupingDirection","Chart","facetKey","height","dimensions","scales","xAxis","yAxis","frameType","histogramData","facetSettings","captionsSizes","facetTitle","layers","aesColorGetter","chartSizes","margins","tooltipsContainer","tooltipsData","activeElementContainer","setActiveElementContainer","useState","padding","tickSizeX","DEFAULT_TICKS_SIZE","tickSizeY","needLeftAxis","needBottomAxis","needBottomAxisTitle","groupingKeys","firstBin","binWidth","partialBinWidth","sideDistances","dimmedBackground","debug","jsxs","jsx","BLACK","titleLine","idx","linesCount","topOffset","FACET_TITLE_LINE","TITLE_LINE","ContinuousGrid","ContinuousAxis","layer","groupingKey","highlighted","binElement","createPortal","node","Tooltip"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+import { LegendData } from '../../common/types';
+import { AesGetter, CaptionsSizes, ChartDimensionsData, ChartSizes, ChartsScales, Margins } from './types';
+import { GroupedHistogramData } from '../getHistogramData';
+import { HistogramLayer, HistogramSettingsImpl } from '../HistogramSettingsImpl';
+interface ChartsGroupProps {
+    chartSettings: HistogramSettingsImpl['chartSettings'];
+    facetSettings: HistogramSettingsImpl['facetSettings'];
+    chartSizes: ChartSizes;
+    chartsDimensions: Record<string, ChartDimensionsData>;
+    columnsCount: number;
+    scales: ChartsScales;
+    facetKeys: string[];
+    settingsId: string;
+    margins: Margins;
+    mainTitle: string[];
+    facetTitles: Record<string, string[]>;
+    captionsSizes: CaptionsSizes;
+    histogramDataByFacets: Record<string, GroupedHistogramData>;
+    layers: HistogramLayer[];
+    aesColorGetter: AesGetter;
+    groupingDirection: HistogramSettingsImpl['groupingDirection'];
+    groupingStack: HistogramSettingsImpl['groupingStack'];
+    groupingLabels: Record<string, string>;
+    legend: LegendData;
+    onTooltipHintSwitch: (v: boolean) => void;
+}
+export declare function ChartsGroup({ settingsId, chartSettings, chartSizes, chartsDimensions, columnsCount, facetKeys, facetSettings, scales, margins, mainTitle, facetTitles, captionsSizes, histogramDataByFacets, layers, aesColorGetter, groupingDirection, groupingStack, groupingLabels, legend, onTooltipHintSwitch, }: ChartsGroupProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChartsGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.d.ts","sourceRoot":"","sources":["../../../src/histogram/components/ChartsGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,EAAU,oBAAoB,EAAC,MAAM,qBAAqB,CAAC;AACvE,OAAO,KAAK,EAAC,cAAc,EAAE,qBAAqB,EAAC,MAAM,0BAA0B,CAAC;AAGpF,OAAO,KAAK,EACR,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,YAAY,EACZ,OAAO,EACV,MAAM,SAAS,CAAC;AAGjB,UAAU,gBAAgB;IACtB,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACtD,aAAa,EAAE,qBAAqB,CAAC,eAAe,CAAC,CAAC;IACtD,UAAU,EAAE,UAAU,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IACtD,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IAC5D,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,MAAM,EAAE,UAAU,CAAC;IACnB,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,WAAW,CAAC,EACxB,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,SAAS,EACT,aAAa,EACb,MAAM,EACN,OAAO,EACP,SAAS,EACT,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,MAAM,EACN,mBAAmB,GACtB,EAAE,gBAAgB,2CAqElB"}

package/dist/histogram/components/ChartsGroup.js

@@ -0,0 +1,95 @@
+import { j as o } from "../../node_modules/react/jsx-runtime.js";
+import { ChartsTitle as y } from "../../common/ChartsTitle.js";
+import I from "../../common/fonts.js";
+import { Legend as M } from "../../common/Legend.js";
+import { useTooltip as N } from "../../common/Tooltip.js";
+import { LEGEND_OFFSET as O } from "../../heatmap/constants.js";
+import { Chart as _ } from "./Chart.js";
+import { ErrorBoundary as b } from "../../common/ErrorBoundary.js";
+import { r as a } from "../../_virtual/index.js";
+function k({
+  settingsId: f,
+  chartSettings: h,
+  chartSizes: t,
+  chartsDimensions: e,
+  columnsCount: m,
+  facetKeys: n,
+  facetSettings: g,
+  scales: l,
+  margins: i,
+  mainTitle: x,
+  facetTitles: c,
+  captionsSizes: u,
+  histogramDataByFacets: j,
+  layers: w,
+  aesColorGetter: T,
+  groupingDirection: C,
+  groupingStack: E,
+  groupingLabels: W,
+  legend: $,
+  onTooltipHintSwitch: P
+}) {
+  const v = N(P), { xAxis: D, yAxis: F, title: p, frame: H } = h, d = e[n[0]].padding, L = e[n[m - 1]].padding, [R, A] = a.useState(), s = a.useRef(null);
+  a.useEffect(() => {
+    s.current && A(s.current);
+  }, []);
+  const B = i.left + t.chartsWidth + O, G = i.top + d.top;
+  return /* @__PURE__ */ o.jsx(b, { dataId: f, children: /* @__PURE__ */ o.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${t.totalWidth} ${t.totalHeight}`,
+      width: t.totalWidth,
+      height: t.totalHeight,
+      children: [
+        /* @__PURE__ */ o.jsx("defs", { children: I }),
+        /* @__PURE__ */ o.jsxs("g", { transform: `translate(${i.left},${i.top})`, fontFamily: "Manrope", children: [
+          /* @__PURE__ */ o.jsx(
+            y,
+            {
+              title: x,
+              show: p.show,
+              position: p.position,
+              leftPadding: d.left,
+              rightPadding: L.right,
+              chartsWidth: t.chartsWidth
+            }
+          ),
+          n.map((r) => /* @__PURE__ */ o.jsx(
+            _,
+            {
+              facetKey: r,
+              scales: { x: l.x[r], y: l.y[r] },
+              width: t.chartWidth,
+              height: t.chartHeight,
+              dimensions: e[r],
+              margins: i,
+              chartSizes: t,
+              facetSettings: g,
+              xAxis: D,
+              yAxis: F,
+              frameType: H.type,
+              facetTitle: c[r],
+              captionsSizes: u,
+              histogramData: j[r],
+              layers: w,
+              aesColorGetter: T,
+              groupingDirection: C,
+              groupingStack: E,
+              groupingLabels: W,
+              tooltipsContainer: R,
+              tooltipsData: v
+            },
+            r
+          ))
+        ] }),
+        /* @__PURE__ */ o.jsx("g", { transform: `translate(${B},${G})`, children: /* @__PURE__ */ o.jsx(M, { legendData: $ }) }),
+        /* @__PURE__ */ o.jsx("g", { ref: s, style: { outline: "none" } })
+      ]
+    }
+  ) });
+}
+export {
+  k as ChartsGroup
+};
+//# sourceMappingURL=ChartsGroup.js.map

package/dist/histogram/components/ChartsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.js","sources":["../../../src/histogram/components/ChartsGroup.tsx"],"sourcesContent":["import {ChartsTitle} from '../../common/ChartsTitle';\nimport fonts from '../../common/fonts';\nimport {Legend} from '../../common/Legend';\nimport {useTooltip} from '../../common/Tooltip';\nimport type {LegendData} from '../../common/types';\nimport {LEGEND_OFFSET} from '../../heatmap/constants';\nimport type {AesGetter} from './types';\nimport type {BinData, GroupedHistogramData} from '../getHistogramData';\nimport type {HistogramLayer, HistogramSettingsImpl} from '../HistogramSettingsImpl';\nimport {Chart} from './Chart';\nimport {ErrorBoundary} from '../../common/ErrorBoundary';\nimport type {\n    CaptionsSizes,\n    ChartDimensionsData,\n    ChartSizes,\n    ChartsScales,\n    Margins,\n} from './types';\nimport React, {useEffect, useRef, useState} from 'react';\n\ninterface ChartsGroupProps {\n    chartSettings: HistogramSettingsImpl['chartSettings'];\n    facetSettings: HistogramSettingsImpl['facetSettings'];\n    chartSizes: ChartSizes;\n    chartsDimensions: Record<string, ChartDimensionsData>;\n    columnsCount: number;\n    scales: ChartsScales;\n    facetKeys: string[];\n    settingsId: string;\n    margins: Margins;\n    mainTitle: string[];\n    facetTitles: Record<string, string[]>;\n    captionsSizes: CaptionsSizes;\n    histogramDataByFacets: Record<string, GroupedHistogramData>;\n    layers: HistogramLayer[];\n    aesColorGetter: AesGetter;\n    groupingDirection: HistogramSettingsImpl['groupingDirection'];\n    groupingStack: HistogramSettingsImpl['groupingStack'];\n    groupingLabels: Record<string, string>;\n    legend: LegendData;\n    onTooltipHintSwitch: (v:boolean) => void;\n}\n\nexport function ChartsGroup({\n    settingsId,\n    chartSettings,\n    chartSizes,\n    chartsDimensions,\n    columnsCount,\n    facetKeys,\n    facetSettings,\n    scales,\n    margins,\n    mainTitle,\n    facetTitles,\n    captionsSizes,\n    histogramDataByFacets,\n    layers,\n    aesColorGetter,\n    groupingDirection,\n    groupingStack,\n    groupingLabels,\n    legend,\n    onTooltipHintSwitch,\n}: ChartsGroupProps) {\n    const tooltipspData = useTooltip<BinData>(onTooltipHintSwitch);\n    const {xAxis, yAxis, title, frame} = chartSettings;\n\n    const leftTopChartPadding = chartsDimensions[facetKeys[0]].padding;\n    const rightTopChartPadding = chartsDimensions[facetKeys[columnsCount - 1]].padding;\n\n    const [tooltipsContainer, setTooltipsContainer] = useState<SVGGElement>();\n    const tooltipsRef = useRef<SVGGElement>(null);\n    useEffect(() => {\n        if (tooltipsRef.current) {\n            setTooltipsContainer(tooltipsRef.current);\n        }\n    }, []);\n\n    const legendLeft = margins.left + chartSizes.chartsWidth + LEGEND_OFFSET;\n    const legendTop = margins.top + leftTopChartPadding.top;\n    return (\n        <ErrorBoundary dataId={settingsId}>\n            <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox={`0 0 ${chartSizes.totalWidth} ${chartSizes.totalHeight}`}\n                width={chartSizes.totalWidth}\n                height={chartSizes.totalHeight}\n            >\n                <defs>{fonts}</defs>\n                <g transform={`translate(${margins.left},${margins.top})`} fontFamily=\"Manrope\">\n                    <ChartsTitle\n                        title={mainTitle}\n                        show={title.show}\n                        position={title.position}\n                        leftPadding={leftTopChartPadding.left}\n                        rightPadding={rightTopChartPadding.right}\n                        chartsWidth={chartSizes.chartsWidth}\n                    />\n                    {facetKeys.map(key => (\n                        <Chart\n                            key={key}\n                            facetKey={key}\n                            scales={{x: scales.x[key], y: scales.y[key]}}\n                            width={chartSizes.chartWidth}\n                            height={chartSizes.chartHeight}\n                            dimensions={chartsDimensions[key]}\n                            margins={margins}\n                            chartSizes={chartSizes}\n                            facetSettings={facetSettings}\n                            xAxis={xAxis}\n                            yAxis={yAxis}\n                            frameType={frame.type}\n                            facetTitle={facetTitles[key]}\n                            captionsSizes={captionsSizes}\n                            histogramData={histogramDataByFacets[key]}\n                            layers={layers}\n                            aesColorGetter={aesColorGetter}\n                            groupingDirection={groupingDirection}\n                            groupingStack={groupingStack}\n                            groupingLabels={groupingLabels}\n                            tooltipsContainer={tooltipsContainer}\n                            tooltipsData={tooltipspData}\n                        />\n                    ))}\n                </g>\n                <g transform={`translate(${legendLeft},${legendTop})`}>\n                    <Legend legendData={legend} />\n                </g>\n                <g ref={tooltipsRef} style={{outline: 'none'}} />\n            </svg>\n        </ErrorBoundary>\n    );\n}\n"],"names":["ChartsGroup","settingsId","chartSettings","chartSizes","chartsDimensions","columnsCount","facetKeys","facetSettings","scales","margins","mainTitle","facetTitles","captionsSizes","histogramDataByFacets","layers","aesColorGetter","groupingDirection","groupingStack","groupingLabels","legend","onTooltipHintSwitch","tooltipspData","useTooltip","xAxis","yAxis","title","frame","leftTopChartPadding","rightTopChartPadding","tooltipsContainer","setTooltipsContainer","useState","tooltipsRef","useRef","useEffect","legendLeft","LEGEND_OFFSET","legendTop","jsx","ErrorBoundary","jsxs","fonts","ChartsTitle","key","Chart","Legend"],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+import { AesMap, ContinuousAesHistogram, InheritAesHistogram, Row } from '../../types';
+import { ScaleLinear, ScaleLogarithmic, ScaleSymLog } from 'd3-scale';
+export interface Margins {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface ChartSizes {
+    chartWidth: number;
+    chartHeight: number;
+    chartsWidth: number;
+    chartsHeight: number;
+    totalWidth: number;
+    totalHeight: number;
+}
+export interface ChartScales {
+    x: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;
+    y: ScaleLinear<number, number> | ScaleLogarithmic<number, number> | ScaleSymLog<number, number>;
+}
+export interface ChartsScales {
+    x: Record<string, ChartScales['x']>;
+    y: Record<string, ChartScales['y']>;
+}
+export interface ChartDimensionsData {
+    left: number;
+    top: number;
+    outer: {
+        width: number;
+        height: number;
+    };
+    inner: {
+        width: number;
+        height: number;
+    };
+    padding: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    chartEdgeSides: ('top' | 'bottom' | 'left' | 'right')[];
+}
+export interface CaptionsSizes {
+    xAxisCaptionsWidth: number;
+    yAxisCaptionsWidth: number;
+}
+export type AesGetter = (aesItem: string | InheritAesHistogram | ContinuousAesHistogram, row: Row, height: number) => string;
+export type HistogramLegendInfo = Record<string, {
+    values: string[];
+    aesMap: AesMap;
+    labels: Record<string, string>;
+}>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/histogram/components/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAC,sBAAsB,EAAE,mBAAmB,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AAClF,OAAO,KAAK,EAAC,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAEzE,MAAM,WAAW,OAAO;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,WAAW;IACxB,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChG,CAAC,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,gBAAgB,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnG;AAED,MAAM,WAAW,YAAY;IAEzB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;IACpC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,mBAAmB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,KAAK,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,OAAO,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,cAAc,EAAE,CAAC,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,EAAE,CAAC;CAC3D;AAED,MAAM,WAAW,aAAa;IAC1B,kBAAkB,EAAC,MAAM,CAAC;IAC1B,kBAAkB,EAAC,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,mBAAmB,GAAG,sBAAsB,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;AAE7H,MAAM,MAAM,mBAAmB,GAAG,MAAM,CACpC,MAAM,EACN;IACI,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC,CACJ,CAAC"}

package/dist/histogram/constants.d.ts

@@ -0,0 +1,16 @@
+export declare const FACET_TITLE_LINE = 20;
+export declare const FACET_TITLE_OFFSET = 6;
+export declare const FACET_AXIS_OFFSET = 8;
+export declare const MIN_MARGIN = 24;
+export declare const MIN_PADDING = 12;
+export declare const TITLE_LINE = 20;
+export declare const DEFAULT_TICKS_SIZE = 4;
+export declare const TICK_OFFSET = 6;
+export declare const LEGEND_OFFSET = 10;
+export declare const PADDINGS: {
+    TOP: number;
+    BOTTOM: number;
+    LEFT: number;
+    RIGHT: number;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/histogram/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,WAAW,KAAK,CAAC;AAE9B,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,eAAO,MAAM,aAAa,KAAK,CAAC;AAGhC,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAC"}

package/dist/histogram/constants.js

@@ -0,0 +1,14 @@
+const T = 20, I = 6, E = 24, _ = 12, o = 20, t = 4, c = 6, n = {
+  TOP: 30
+};
+export {
+  t as DEFAULT_TICKS_SIZE,
+  T as FACET_TITLE_LINE,
+  I as FACET_TITLE_OFFSET,
+  E as MIN_MARGIN,
+  _ as MIN_PADDING,
+  n as PADDINGS,
+  c as TICK_OFFSET,
+  o as TITLE_LINE
+};
+//# sourceMappingURL=constants.js.map

package/dist/histogram/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/histogram/constants.ts"],"sourcesContent":["export const FACET_TITLE_LINE = 20;\nexport const FACET_TITLE_OFFSET = 6;\nexport const FACET_AXIS_OFFSET = 8;\nexport const MIN_MARGIN = 24;\nexport const MIN_PADDING = 12;\n\nexport const TITLE_LINE = 20;\nexport const DEFAULT_TICKS_SIZE = 4;\nexport const TICK_OFFSET = 6;\n\nexport const LEGEND_OFFSET = 10;\n\n// inner paddings in chart area\nexport const PADDINGS = {\n    TOP: 30,\n    BOTTOM: 0,\n    LEFT: 10,\n    RIGHT: 10\n};\n"],"names":["FACET_TITLE_LINE","FACET_TITLE_OFFSET","MIN_MARGIN","MIN_PADDING","TITLE_LINE","DEFAULT_TICKS_SIZE","TICK_OFFSET","PADDINGS"],"mappings":"AAAO,MAAMA,IAAmB,IACnBC,IAAqB,GAErBC,IAAa,IACbC,IAAc,IAEdC,IAAa,IACbC,IAAqB,GACrBC,IAAc,GAKdC,IAAW;AAAA,EACpB,KAAK;AAIT;"}

package/dist/histogram/getHistogramData.d.ts

@@ -0,0 +1,30 @@
+import { DataFrame } from '../DataFrame';
+import { ColumnName, Row } from '../types';
+export type BinData = {
+    count: number;
+    y: {
+        straight: number;
+        reverse: number;
+    };
+    rows: Row[];
+    x: number;
+    groupingKey: string;
+    groupingKeyIdx: number;
+    width: number;
+};
+export type HistogramData = {
+    bins: BinData[];
+    maxCount: number;
+};
+export type GroupedHistogramData = {
+    groupingKeys: string[];
+    histogramByGroupingKey: Record<string, HistogramData>;
+    minX: number;
+    maxX: number;
+    maxCount: number;
+    maxCountFromGroups: number;
+};
+export declare function createHistogramDataLinear(rows: Row[], column: ColumnName, binsCount: number, domain: [number, number], key: string, keyIdx: number): HistogramData;
+export declare function createHistogramDataLog(rows: Row[], column: ColumnName, binsCount: number, domain: [number, number], key: string, keyIdx: number): HistogramData;
+export declare function createHistogramDataByFacets(data: DataFrame, facetKeysCombinations: string[][], groupingKeys: string[], valueColumn: ColumnName, binsCount: number, scale: 'linear' | 'log'): Record<string, GroupedHistogramData>;
+//# sourceMappingURL=getHistogramData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getHistogramData.d.ts","sourceRoot":"","sources":["../../src/histogram/getHistogramData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,UAAU,EAAE,GAAG,EAAC,MAAM,UAAU,CAAC;AAK9C,MAAM,MAAM,OAAO,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE;QACC,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAA;KAClB,CAAC;IACF,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,CAAC,EAAE,MAAM,CAAC;IACV,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AACD,MAAM,MAAM,aAAa,GAAG;IACxB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;CAC9B,CAAA;AAiCD,wBAAgB,yBAAyB,CAAC,IAAI,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,GAAE,aAAa,CAU5J;AACD,wBAAgB,sBAAsB,CAAC,IAAI,EAAC,GAAG,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAC,MAAM,EAAE,MAAM,EAAC,MAAM,GAAE,aAAa,CAazJ;AAED,wBAAgB,2BAA2B,CACvC,IAAI,EAAC,SAAS,EACd,qBAAqB,EAAC,MAAM,EAAE,EAAE,EAChC,YAAY,EAAE,MAAM,EAAE,EACtB,WAAW,EAAC,UAAU,EACtB,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,QAAQ,GAAG,KAAK,wCAkD1B"}

package/dist/histogram/getHistogramData.js

@@ -0,0 +1,83 @@
+import X from "../node_modules/d3-array/src/extent.js";
+import C from "../node_modules/d3-array/src/bin.js";
+import D from "../node_modules/d3-array/src/max.js";
+import k from "../node_modules/d3-scale/src/symlog.js";
+const E = (s, e) => {
+  const r = Math.min(...e), t = Math.max(...e);
+  if (r === t)
+    return [r];
+  if (s < 2)
+    return [(r + t) / 2];
+  const i = (t - r) / s, c = [];
+  for (let n = 1; n < s; n++)
+    c.push(r + i * n);
+  return c;
+};
+function L(s, e, r) {
+  return s.map((t) => ({
+    count: t.length,
+    y: {
+      straight: t.length,
+      reverse: t.length
+    },
+    rows: t,
+    x: t.x0 ?? 0,
+    groupingKey: e,
+    groupingKeyIdx: r,
+    width: (t.x1 ?? 0) - (t.x0 ?? 0)
+  }));
+}
+function I(s, e, r, t, i, c) {
+  const n = E(r, t), m = C().domain(t).thresholds(n).value((o) => o[e.value])(s);
+  return {
+    bins: L(m, i, c),
+    maxCount: D(m, (o) => o.length) ?? 0
+  };
+}
+function R(s, e, r, t, i, c) {
+  const n = E(r, t), m = k().domain(t).range(t), o = n.map((a) => m.invert(a)), g = C().domain(t).thresholds(o).value((a) => a[e.value])(s);
+  return {
+    bins: L(g, i, c),
+    maxCount: D(g, (a) => a.length) ?? 0
+  };
+}
+function S(s, e, r, t, i, c) {
+  const n = {};
+  return e.forEach((m) => {
+    var F, K;
+    const o = m.join("_");
+    n[o] = {
+      groupingKeys: r,
+      histogramByGroupingKey: {},
+      minX: 1 / 0,
+      maxX: -1 / 0,
+      maxCount: 0,
+      maxCountFromGroups: 0
+    };
+    const g = s.getRowsByGrouping([...m]);
+    let [a, v] = X(g, (u) => u[t.value]);
+    a = a ?? ((F = g[0]) == null ? void 0 : F[t.value]) ?? 0, v = v ?? ((K = g[0]) == null ? void 0 : K[t.value]) ?? 0;
+    const G = [a, v], B = [...r].reverse();
+    B.forEach((u, h) => {
+      const x = s.getRowsByGrouping([...m, u]), f = c === "linear" ? I(x, t, i, G, u, h) : R(x, t, i, G, u, h);
+      n[o].histogramByGroupingKey[u] = f, n[o].minX = G[0], n[o].maxX = G[1], n[o].maxCountFromGroups = Math.max(n[o].maxCountFromGroups, f.maxCount);
+      const l = h > 0 ? B[h - 1] : null, y = l !== null ? n[o].histogramByGroupingKey[l] : null;
+      f.bins.forEach((p, M) => {
+        p.y.straight = ((y == null ? void 0 : y.bins[M].y.straight) ?? 0) + p.count, n[o].maxCount = Math.max(n[o].maxCount, p.y.straight);
+      });
+    });
+    const w = r;
+    w.forEach((u, h) => {
+      const x = h > 0 ? w[h - 1] : null, f = n[o].histogramByGroupingKey[u], l = x !== null ? n[o].histogramByGroupingKey[x] : null;
+      f.bins.forEach((y, p) => {
+        y.y.reverse = ((l == null ? void 0 : l.bins[p].y.reverse) ?? 0) + y.count;
+      });
+    });
+  }), n;
+}
+export {
+  S as createHistogramDataByFacets,
+  I as createHistogramDataLinear,
+  R as createHistogramDataLog
+};
+//# sourceMappingURL=getHistogramData.js.map

package/dist/histogram/getHistogramData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHistogramData.js","sources":["../../src/histogram/getHistogramData.ts"],"sourcesContent":["import type {DataFrame} from '../DataFrame';\nimport type {ColumnName, Row} from '../types';\nimport type {Bin} from 'd3-array';\nimport {bin, extent, max} from 'd3-array';\nimport {scaleSymlog} from 'd3-scale';\n\nexport type BinData = {\n    count: number,\n    y: {\n        straight: number,\n        reverse: number\n    },\n    rows: Row[],\n    x: number,\n    groupingKey: string,\n    groupingKeyIdx: number,\n    width: number\n}\nexport type HistogramData = {\n    bins: BinData[];\n    maxCount: number;\n};\n\nexport type GroupedHistogramData = {\n    groupingKeys: string[],\n    histogramByGroupingKey: Record<string, HistogramData>\n    minX: number;\n    maxX: number;\n    maxCount: number;\n    maxCountFromGroups: number;\n}\n\nconst getSteps = (count: number, valueExtent: number[]) => {\n    const min = Math.min(...valueExtent);\n    const max = Math.max(...valueExtent);\n    if (min === max) {\n        return [min];\n    }\n    if (count < 2) {\n        return [(min + max) / 2];\n    }\n    const step = (max - min) / count;\n    const steps = [];\n    for (let i = 1; i < count; i++) {\n        steps.push(min + step * i);\n    }\n    return steps;\n};\n\nfunction createBinData (bins:Bin<Row, number>[], key:string, keyIdx:number):BinData[] {\n    return bins.map((b) => ({\n        count: b.length,\n        y: {\n            straight: b.length,\n            reverse: b.length\n        },\n        rows: b,\n        x: b.x0 ?? 0,\n        groupingKey: key,\n        groupingKeyIdx: keyIdx,\n        width: (b.x1 ?? 0) - (b.x0 ?? 0)\n    }));\n}\nexport function createHistogramDataLinear(rows:Row[], column: ColumnName, binsCount:number, domain:[number, number], key:string, keyIdx:number):HistogramData {\n    const ticks= getSteps(binsCount, domain);\n    const bins = bin<Row, number>()\n        .domain(domain)\n        .thresholds(ticks)\n        .value((row:Row) => row[column.value] as number)(rows);\n    return {\n        bins: createBinData(bins, key, keyIdx),\n        maxCount: max(bins, (bin) => bin.length) ?? 0\n    };\n}\nexport function createHistogramDataLog(rows:Row[], column: ColumnName, binsCount:number, domain:[number, number], key:string, keyIdx:number):HistogramData {\n    const ticks= getSteps(binsCount, domain);\n    const convertLog = scaleSymlog().domain(domain).range(domain);\n    const ticksLog = ticks.map(t => convertLog.invert(t));\n    const bins = bin<Row, number>()\n        .domain(domain)\n        .thresholds(ticksLog)\n        .value((row:Row) => row[column.value] as number)(rows);\n\n    return {\n        bins: createBinData(bins, key, keyIdx),\n        maxCount: max(bins, (bin) => bin.length) ?? 0\n    };\n}\n\nexport function createHistogramDataByFacets(\n    data:DataFrame,\n    facetKeysCombinations:string[][],\n    groupingKeys: string[],\n    valueColumn:ColumnName,\n    binsCount:number,\n    scale: 'linear' | 'log'\n) {\n    const result:Record<string, GroupedHistogramData> = {};\n    facetKeysCombinations.forEach((facetKeys) => {\n        const facetKey = facetKeys.join('_');\n        result[facetKey] = {\n            groupingKeys,\n            histogramByGroupingKey: {},\n            minX: Infinity,\n            maxX: -Infinity,\n            maxCount: 0,\n            maxCountFromGroups: 0\n        };\n        const allFacetRows = data.getRowsByGrouping([...facetKeys]);\n        let [minV, maxV] = extent(allFacetRows, v => v[valueColumn.value] as number);\n        minV = minV ?? allFacetRows[0]?.[valueColumn.value] as number ?? 0;\n        maxV = maxV ?? allFacetRows[0]?.[valueColumn.value] as number ?? 0;\n        const domain:[number, number] = [minV, maxV];\n        const forwardKeys = [...groupingKeys].reverse();\n        forwardKeys.forEach((groupingKey, idx) => {\n            const rows = data.getRowsByGrouping([...facetKeys, groupingKey]);\n            const histogram = scale === 'linear'\n                ? createHistogramDataLinear(rows, valueColumn, binsCount, domain, groupingKey, idx)\n                : createHistogramDataLog(rows, valueColumn, binsCount, domain, groupingKey, idx);\n            result[facetKey].histogramByGroupingKey[groupingKey] = histogram;\n            result[facetKey].minX = domain[0];\n            result[facetKey].maxX = domain[1];\n            result[facetKey].maxCountFromGroups = Math.max(result[facetKey].maxCountFromGroups, histogram.maxCount);\n\n            const previousKey = idx > 0 ? forwardKeys[idx - 1] : null;\n            const previousHistogram = previousKey !== null ? result[facetKey].histogramByGroupingKey[previousKey] : null;\n\n            histogram.bins.forEach((bin, idx) => {\n                bin.y.straight = (previousHistogram?.bins[idx].y.straight ?? 0) + bin.count;\n                result[facetKey].maxCount = Math.max(result[facetKey].maxCount, bin.y.straight);\n            });\n        });\n\n        const reversedKeys = groupingKeys;\n        reversedKeys.forEach((groupingKey, idx) => {\n            const previousKey = idx > 0 ? reversedKeys[idx - 1] : null;\n            const histogram = result[facetKey].histogramByGroupingKey[groupingKey];\n            const previousHistogram = previousKey !== null ? result[facetKey].histogramByGroupingKey[previousKey] : null;\n\n            histogram.bins.forEach((bin, idx) => {\n                bin.y.reverse = (previousHistogram?.bins[idx].y.reverse ?? 0) + bin.count;\n            });\n        });\n    });\n    return result;\n}"],"names":["getSteps","count","valueExtent","min","max","step","steps","i","createBinData","bins","key","keyIdx","b","createHistogramDataLinear","rows","column","binsCount","domain","ticks","bin","row","createHistogramDataLog","convertLog","scaleSymlog","ticksLog","t","createHistogramDataByFacets","data","facetKeysCombinations","groupingKeys","valueColumn","scale","result","facetKeys","facetKey","allFacetRows","minV","maxV","extent","v","_a","_b","forwardKeys","groupingKey","idx","histogram","previousKey","previousHistogram","reversedKeys"],"mappings":"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"}

package/dist/histogram/index.d.ts

@@ -0,0 +1,30 @@
+import { AbstractChart } from '../AbstractChart';
+import { HistogramLegendInfo } from './components/types';
+import { GroupedHistogramData } from './getHistogramData';
+import { HistogramEventHandlers, HistogramSettings } from '../types';
+import { default as ChartRenderer } from './ChartRenderer';
+import { HistogramSettingsImpl } from './HistogramSettingsImpl';
+import { DataFrame } from '../DataFrame';
+export declare class ChartHistogram extends AbstractChart {
+    settings: HistogramSettingsImpl;
+    chartRenderer: ChartRenderer;
+    onTooltipHintSwitch: (v: boolean) => void;
+    calculatedData: {
+        facetKeys: string[];
+        facetKeysCombinations: string[][];
+        histogramDataByFacets: Record<string, GroupedHistogramData>;
+        legendInfo: HistogramLegendInfo;
+    } | null;
+    constructor(data: DataFrame, settings: HistogramSettings, eventHandlers?: HistogramEventHandlers);
+    mount(node: HTMLElement): void;
+    unmount(): void;
+    updateSettingsAndData(data: DataFrame, settings: HistogramSettings): void;
+    updateChartState(_field: string, _value: unknown): void;
+    export(): string;
+    _needUpdateCalculatedDataBySettings(prevSettings: HistogramSettingsImpl, settings: HistogramSettingsImpl): boolean | undefined;
+    _needUpdateCalculatedDataByData(prevData: DataFrame, data: DataFrame): boolean;
+    _updateData(): void;
+    _updateAesInData(): void;
+    _updateChart(): void;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/histogram/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAE7D,OAAO,KAAK,EAAa,sBAAsB,EAAM,MAAM,UAAU,CAAC;AACtE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,UAAU,CAAC;AAGhD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwB5C,qBAAa,cAAe,SAAQ,aAAa;IAC7C,QAAQ,EAAE,qBAAqB,CAAC;IAChC,aAAa,gBAAuB;IAEpC,mBAAmB,EAAE,CAAC,CAAC,EAAC,OAAO,KAAK,IAAI,CAAmB;IAC3D,cAAc,EAAE;QACZ,SAAS,EAAE,MAAM,EAAE,CAAC;QACpB,qBAAqB,EAAE,MAAM,EAAE,EAAE,CAAC;QAClC,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;QAC3D,UAAU,EAAE,mBAAmB,CAAA;KAClC,GAAG,IAAI,CAAQ;gBAEJ,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,aAAa,CAAC,EAAE,sBAAsB;IAShG,KAAK,CAAC,IAAI,EAAE,WAAW;IAYvB,OAAO;IAIP,qBAAqB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB;IAsBlE,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO;IAIhD,MAAM,IAAI,MAAM;IAKhB,mCAAmC,CAAC,YAAY,EAAE,qBAAqB,EAAE,QAAQ,EAAE,qBAAqB;IAcxG,+BAA+B,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;IAUpE,WAAW;IAuBX,gBAAgB;IAOhB,YAAY;CAqBf"}