@milaboratories/graph-maker 1.1.132 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/Chart.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/Chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/src/histogram/components/Chart.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { ContinuousAxis } from '../../common/ContinuousAxis';\nimport { ContinuousGrid } from '../../common/ContinuousGrid';\nimport type { TooltipsData } from '../../common/Tooltip';\nimport { Tooltip } from '../../common/Tooltip';\nimport { BLACK } from '../../constants';\nimport type { ColumnName, FrameType } from '../../types';\nimport { numberFormat } from '../../utils/numberFormat';\nimport { DEFAULT_TICKS_SIZE, FACET_TITLE_LINE, TICK_OFFSET, TITLE_LINE } from '../constants';\nimport type { BinData, GroupedHistogramData } from '../getHistogramData';\nimport type { HistogramLayer, HistogramSettingsImpl } from '../HistogramSettingsImpl';\nimport type {\n    AesGetter, CaptionsSizes,\n    ChartDimensionsData,\n    ChartScales,\n    ChartSizes,\n    Margins\n} from './types';\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.onMouseEnter(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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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/ChartsGroup.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/components/ChartsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartsGroup.js","sources":["../../../../../../../node_modules/@milaboratories/miplots4/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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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/constants.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/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;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/getHistogramData.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/getHistogramData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getHistogramData.js","sources":["../../../../../../node_modules/@milaboratories/miplots4/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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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/index.js

@@ -0,0 +1,108 @@
+import { AbstractChart as f } from "../AbstractChart.js";
+import { createHistogramDataByFacets as C } from "./getHistogramData.js";
+import m from "../node_modules/lodash/lodash.js";
+import { renderToString as D } from "../node_modules/react-dom/server.browser.js";
+import S from "./ChartRenderer.js";
+import { HistogramSettingsImpl as p } from "./HistogramSettingsImpl.js";
+import { getKeysCombinations as b } from "../utils/getKeysCombination.js";
+var _ = Object.defineProperty, B = (u, t, a) => t in u ? _(u, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : u[t] = a, h = (u, t, a) => B(u, typeof t != "symbol" ? t + "" : t, a);
+function A(u, t, a) {
+  return t.reduce((r, n) => {
+    const o = m.uniqBy(u.rows, (e) => e[n.value]), l = (e) => String(e[n.value]), i = (e) => n.valueLabels ? String(e[n.valueLabels]) : l(e), s = o.reduce((e, d) => (e[l(d)] = i(d), e), {});
+    return r[n.value] = {
+      values: o.map(l).filter((e) => e !== "null").sort((e, d) => s[e].localeCompare(s[d], "en", { numeric: !0 })),
+      aesMap: a[n.value],
+      labels: s
+    }, r;
+  }, {});
+}
+class T extends f {
+  constructor(t, a, r) {
+    super(t, a), h(this, "settings"), h(this, "chartRenderer", new S()), h(this, "onTooltipHintSwitch", () => {
+    }), h(this, "calculatedData", null), this.settings = new p(a), r && (this.onTooltipHintSwitch = r[0]);
+  }
+  mount(t) {
+    try {
+      this.chartRenderer.init(t), this._updateData(), this._updateChart();
+    } catch (a) {
+      a instanceof Error && this.chartRenderer.renderError(a.message);
+    }
+  }
+  unmount() {
+    this.chartRenderer.clear();
+  }
+  updateSettingsAndData(t, a) {
+    try {
+      const r = this.settings, n = this.data;
+      this.settings = new p(a), this.data = t, this._needUpdateCalculatedDataBySettings(r, this.settings) || this._needUpdateCalculatedDataByData(n, this.data) ? this._updateData() : this._updateAesInData(), this._updateChart();
+    } catch (r) {
+      r instanceof Error && this.chartRenderer.renderError(r.message);
+    }
+  }
+  updateChartState(t, a) {
+    console.warn("no chart state for histogram");
+  }
+  export() {
+    return this._updateChart(), D(this.chartRenderer.component);
+  }
+  _needUpdateCalculatedDataBySettings(t, a) {
+    var r, n, o, l;
+    return t.valueColumn.value !== a.valueColumn.value || t.facetBy.some((i, s) => {
+      var e;
+      return i.value !== ((e = a.facetBy[s]) == null ? void 0 : e.value);
+    }) || ((r = t.grouping) == null ? void 0 : r.value) !== ((n = a.grouping) == null ? void 0 : n.value) || t.layers.length !== a.layers.length || t.layers.some((i, s) => i.type !== a.layers[s].type) || t.binsCount !== a.binsCount || t.chartSettings.xAxis.scale !== a.chartSettings.xAxis.scale || ((o = t.groupingOrder) == null ? void 0 : o.some((i, s) => {
+      var e;
+      return i !== ((e = a.groupingOrder) == null ? void 0 : e[s]);
+    })) || ((l = a.groupingOrder) == null ? void 0 : l.some((i, s) => {
+      var e;
+      return i !== ((e = t.groupingOrder) == null ? void 0 : e[s]);
+    }));
+  }
+  _needUpdateCalculatedDataByData(t, a) {
+    const r = Object.keys(t.data), n = Object.keys(a.data);
+    return t.id !== a.id || r.length !== n.length || r.some((o) => {
+      var l;
+      return t.data[o].length !== ((l = a.data[o]) == null ? void 0 : l.length);
+    });
+  }
+  _updateData() {
+    const { valueColumn: t, facetBy: a, grouping: r, binsCount: n, chartSettings: o, inheritedAes: l, groupingOrder: i } = this.settings, s = a.map((c) => this.data.getColumnCategories(c.value)), e = s.length ? b([...s]) : [["null"]], d = a.map((c) => c.value) ?? null, v = r ? [r.value] : [];
+    let g = r ? this.data.getColumnCategories(r.value) : ["null"];
+    i && (g = m.intersection(i, g)), this.data.setGrouping([...d, ...v]);
+    const y = C(this.data, e, g, t, n, o.xAxis.scale);
+    this.calculatedData = {
+      facetKeys: e.map((c) => c.join(", ")),
+      facetKeysCombinations: e,
+      histogramDataByFacets: y,
+      legendInfo: A(this.data, r ? [r] : [], l)
+    };
+  }
+  _updateAesInData() {
+    this.calculatedData;
+  }
+  _updateChart() {
+    if (!this.calculatedData)
+      return;
+    const { id: t, chartSettings: a, facetSettings: r, inheritedAes: n, layers: o, grouping: l, groupingDirection: i, groupingStack: s } = this.settings;
+    this.chartRenderer.render(
+      t,
+      a,
+      r,
+      this.calculatedData.facetKeys,
+      this.calculatedData.facetKeysCombinations,
+      //for titles, if facet by more than 1 column
+      this.calculatedData.histogramDataByFacets,
+      this.calculatedData.legendInfo,
+      o,
+      n,
+      l,
+      s,
+      i,
+      this.onTooltipHintSwitch
+    );
+  }
+}
+export {
+  T as ChartHistogram
+};
+//# sourceMappingURL=index.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/histogram/index.js.map

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

package/dist/node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-axis/src/axis.js

@@ -0,0 +1,21 @@
+import h from "../../d3fc-rebind/src/rebindAll.js";
+import { axisBase as m } from "./axisBase.js";
+const n = (t, i) => {
+  let r = !1;
+  const a = m(t, i, { labelOffset: (e, o, f) => {
+    let g = 0, l = a.tickSizeInner() + a.tickPadding(), c = !1;
+    if (r) {
+      const x = i(e), d = o < f.length - 1 ? i(f[o + 1]) : i.range()[1];
+      g = (d - x) / 2, l = a.tickPadding(), c = o === f.length - 1 && x === d;
+    }
+    return { offset: [g, l], hidden: c };
+  } }), s = (e) => a(e);
+  return s.tickCenterLabel = (...e) => e.length ? (r = e[0], s) : r, h(s, a), s;
+}, b = (t) => n("top", t), B = (t) => n("bottom", t), L = (t) => n("left", t), P = (t) => n("right", t);
+export {
+  B as axisBottom,
+  L as axisLeft,
+  P as axisRight,
+  b as axisTop
+};
+//# sourceMappingURL=axis.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/node_modules/@d3fc/d3fc-axis/src/axis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axis.js","sources":["../../../../../../../../../node_modules/@milaboratories/miplots4/node_modules/@d3fc/d3fc-axis/src/axis.js"],"sourcesContent":["import { rebindAll } from '@d3fc/d3fc-rebind';\nimport { axisBase } from './axisBase';\n\nconst axis = (orient, scale) => {\n    let tickCenterLabel = false;\n\n    const labelOffset = (tick, index, ticksArray) => {\n        let x = 0;\n        let y = base.tickSizeInner() + base.tickPadding();\n        let hidden = false;\n        if (tickCenterLabel) {\n            const thisPosition = scale(tick);\n            const nextPosition = index < ticksArray.length - 1 ? scale(ticksArray[index + 1]) : scale.range()[1];\n            x = (nextPosition - thisPosition) / 2;\n\n            y = base.tickPadding();\n            hidden = (index === ticksArray.length - 1) && (thisPosition === nextPosition);\n        }\n        return { offset: [x, y], hidden };\n    };\n\n    const base = axisBase(orient, scale, {labelOffset});\n\n    const axis = (selection) => {\n        return base(selection);\n    };\n\n    axis.tickCenterLabel = (...args) => {\n        if (!args.length) {\n            return tickCenterLabel;\n        }\n        tickCenterLabel = args[0];\n        return axis;\n    };\n\n    rebindAll(axis, base);\n    return axis;\n};\n\nexport const axisTop = (scale) => axis('top', scale);\n\nexport const axisBottom = (scale) => axis('bottom', scale);\n\nexport const axisLeft = (scale) => axis('left', scale);\n\nexport const axisRight = (scale) => axis('right', scale);\n"],"names":["axis","orient","scale","tickCenterLabel","base","axisBase","tick","index","ticksArray","x","y","hidden","thisPosition","nextPosition","selection","args","rebindAll","axisTop","axisBottom","axisLeft","axisRight"],"mappings":";;AAGA,MAAMA,IAAO,CAACC,GAAQC,MAAU;AAC5B,MAAIC,IAAkB;AAiBtB,QAAMC,IAAOC,EAASJ,GAAQC,GAAO,EAAC,aAflB,CAACI,GAAMC,GAAOC,MAAe;AAC7C,QAAIC,IAAI,GACJC,IAAIN,EAAK,kBAAkBA,EAAK,eAChCO,IAAS;AACb,QAAIR,GAAiB;AACjB,YAAMS,IAAeV,EAAMI,CAAI,GACzBO,IAAeN,IAAQC,EAAW,SAAS,IAAIN,EAAMM,EAAWD,IAAQ,CAAC,CAAC,IAAIL,EAAM,MAAA,EAAQ,CAAC;AACnGO,MAAAA,KAAKI,IAAeD,KAAgB,GAEpCF,IAAIN,EAAK,YAAA,GACTO,IAAUJ,MAAUC,EAAW,SAAS,KAAOI,MAAiBC;AAAAA,IACpE;AACA,WAAO,EAAE,QAAQ,CAACJ,GAAGC,CAAC,GAAG,QAAAC,EAAAA;AAAAA,EAC7B,GAEkD,GAE5CX,IAAO,CAACc,MACHV,EAAKU,CAAS;AAGzB,SAAAd,EAAK,kBAAkB,IAAIe,MAClBA,EAAK,UAGVZ,IAAkBY,EAAK,CAAC,GACjBf,KAHIG,GAMfa,EAAUhB,GAAMI,CAAI,GACbJ;AACX,GAEaiB,IAAU,CAACf,MAAUF,EAAK,OAAOE,CAAK,GAEtCgB,IAAa,CAAChB,MAAUF,EAAK,UAAUE,CAAK,GAE5CiB,IAAW,CAACjB,MAAUF,EAAK,QAAQE,CAAK,GAExCkB,IAAY,CAAClB,MAAUF,EAAK,SAASE,CAAK;","x_google_ignoreList":[0]}