@milaboratories/miplots4 1.0.175 → 1.0.177

package/dist/discrete/components/layers/StackedAreaElement.js

@@ -1,105 +1,80 @@
-import { j as g } from "../../../_virtual/jsx-runtime.js";
-import { r as E } from "../../../_virtual/index.js";
-import { StackedBarElement as M } from "./StackedBarElement.js";
-import S from "../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/area.js";
-import { bumpX as G, bumpY as B } from "../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/curve/bump.js";
-function C(t) {
-  return t && typeof t == "object" && "type" in t && t.type === "secondaryGrouping";
+import { StackedBarElement as e } from "./StackedBarElement.js";
+import { useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { area as i, curveBumpX as a, curveBumpY as o } from "d3-shape";
+function s(e) {
+	return e && typeof e == "object" && "type" in e && e.type === "secondaryGrouping";
 }
-function P(t, n, e, r, x) {
-  if (e && typeof e == "object" && "type" in e) {
-    if (e.type === "primaryGrouping")
-      return t.xPrimaryAes(r)[n];
-    if (e.type === "secondaryGrouping")
-      return t.xSecondaryAes(x)[n];
-  }
-  return e;
+function c(e, t, n, r, i) {
+	if (n && typeof n == "object" && "type" in n) {
+		if (n.type === "primaryGrouping") return e.xPrimaryAes(r)[t];
+		if (n.type === "secondaryGrouping") return e.xSecondaryAes(i)[t];
+	}
+	return n;
 }
-function W(t, n, e, r, x, d, l) {
-  const y = (e - n) / 2, a = l.reduce((s, i) => {
-    const p = {};
-    let o = 0;
-    return x.forEach((c) => {
-      var u;
-      const m = ((u = i.valuesMap[c]) == null ? void 0 : u.height) ?? 0;
-      p[c] = {
-        y1: o,
-        y2: o + m
-      }, o += m;
-    }), s[i.primaryGrouping] = p, s;
-  }, {});
-  return x.map((s) => {
-    const i = r.flatMap((o) => {
-      const c = a[o], m = t.xPrimary(o) ?? 0, u = t.y(c[s].y1), A = t.y(c[s].y2), h = [m + y, u, A], j = [m + e - y, u, A];
-      return d ? [h, j] : [j, h];
-    }), p = (d ? S().curve(G).x((o) => o[0]).y0((o) => o[1]).y1((o) => o[2])(i) : S().curve(B).y((o) => o[0]).x0((o) => o[1]).x1((o) => o[2])(i)) ?? "";
-    return { secondaryKey: s, pathD: p };
-  });
+function l(e, t, n, r, s, c, l) {
+	let u = (n - t) / 2, d = l.reduce((e, t) => {
+		let n = {}, r = 0;
+		return s.forEach((e) => {
+			let i = t.valuesMap[e]?.height ?? 0;
+			n[e] = {
+				y1: r,
+				y2: r + i
+			}, r += i;
+		}), e[t.primaryGrouping] = n, e;
+	}, {});
+	return s.map((t) => {
+		let s = r.flatMap((r) => {
+			let i = d[r], a = e.xPrimary(r) ?? 0, o = e.y(i[t].y1), s = e.y(i[t].y2), l = [
+				a + u,
+				o,
+				s
+			], f = [
+				a + n - u,
+				o,
+				s
+			];
+			return c ? [l, f] : [f, l];
+		});
+		return {
+			secondaryKey: t,
+			pathD: (c ? i().curve(a).x((e) => e[0]).y0((e) => e[1]).y1((e) => e[2])(s) : i().curve(o).y((e) => e[0]).x0((e) => e[1]).x1((e) => e[2])(s)) ?? ""
+		};
+	});
 }
-function k(t, n) {
-  return t.meta.showBars ? t.aes.barWidth === "auto" ? n * 0.2 : Math.min(n, t.aes.barWidth) : 0;
+function u(e, t) {
+	return e.meta.showBars ? e.aes.barWidth === "auto" ? t * .2 : Math.min(t, e.aes.barWidth) : 0;
 }
-function X({
-  facetKey: t,
-  scales: n,
-  orientation: e,
-  layerData: r,
-  sideDistances: x,
-  showTooltips: d,
-  secondaryGrouping: l,
-  activeElementContainer: y,
-  tooltipsContainer: a,
-  tooltipsData: s
-}) {
-  const [i, p] = E.useState(null), o = e === "vertical", c = n.xPrimary.bandwidth(), m = k(r, c), u = n.xPrimary.domain(), A = n.xSecondary.domain().reverse(), h = C(r.aes.fillColor) || typeof r.aes.fillColor == "string", j = h ? W(
-    n,
-    m,
-    c,
-    u,
-    A,
-    o,
-    r.geoms[t]
-  ) : [];
-  return /* @__PURE__ */ g.jsxs("g", { children: [
-    /* @__PURE__ */ g.jsx("g", { children: h && j.map(({ secondaryKey: f, pathD: b }) => /* @__PURE__ */ g.jsx(
-      "path",
-      {
-        d: b,
-        fill: P(n, "fillColor", r.aes.fillColor, u[0], f),
-        opacity: r.aes.areaOpacity * (i !== null && f !== i ? 0.5 : 1),
-        onMouseEnter: () => p(f),
-        onMouseLeave: () => p(null)
-      },
-      f
-    )) }),
-    /* @__PURE__ */ g.jsx("g", { children: r.meta.showBars && r.geoms[t].map((f) => /* @__PURE__ */ g.jsx(
-      M,
-      {
-        facetKey: t,
-        geom: f,
-        elementsAmount: r.geoms[t].length,
-        scales: n,
-        orientation: e,
-        aes: {
-          ...r.aes,
-          width: m,
-          opacity: r.aes.barsOpacity
-        },
-        normalize: r.meta.normalize,
-        sideDistances: x,
-        showTooltips: d,
-        secondaryGrouping: l,
-        tooltipsData: s,
-        activeElementContainer: y,
-        tooltipsContainer: a,
-        activeKey: i,
-        onSectionHover: p
-      },
-      f.key
-    )) })
-  ] });
+function d({ facetKey: i, scales: a, orientation: o, layerData: d, sideDistances: f, showTooltips: p, secondaryGrouping: m, activeElementContainer: h, tooltipsContainer: g, tooltipsData: _ }) {
+	let [v, y] = t(null), b = o === "vertical", x = a.xPrimary.bandwidth(), S = u(d, x), C = a.xPrimary.domain(), w = a.xSecondary.domain().reverse(), T = C.length > 1 && (s(d.aes.fillColor) || typeof d.aes.fillColor == "string"), E = T ? l(a, S, x, C, w, b, d.geoms[i]) : [];
+	return /* @__PURE__ */ r("g", { children: [/* @__PURE__ */ n("g", { children: T && E.map(({ secondaryKey: e, pathD: t }) => /* @__PURE__ */ n("path", {
+		d: t,
+		fill: c(a, "fillColor", d.aes.fillColor, C[0], e),
+		opacity: d.aes.areaOpacity * (v !== null && e !== v ? .5 : 1),
+		onMouseEnter: () => y(e),
+		onMouseLeave: () => y(null)
+	}, e)) }), /* @__PURE__ */ n("g", { children: d.meta.showBars && d.geoms[i].map((t) => /* @__PURE__ */ n(e, {
+		facetKey: i,
+		geom: t,
+		elementsAmount: d.geoms[i].length,
+		scales: a,
+		orientation: o,
+		aes: {
+			...d.aes,
+			width: S,
+			opacity: d.aes.barsOpacity
+		},
+		normalize: d.meta.normalize,
+		sideDistances: f,
+		showTooltips: p,
+		secondaryGrouping: m,
+		tooltipsData: _,
+		activeElementContainer: h,
+		tooltipsContainer: g,
+		activeKey: v,
+		onSectionHover: y
+	}, t.key)) })] });
 }
-export {
-  X as StackedAreaElement
-};
-//# sourceMappingURL=StackedAreaElement.js.map
+export { d as StackedAreaElement };
+
+//# sourceMappingURL=StackedAreaElement.js.map

package/dist/discrete/components/layers/StackedAreaElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedAreaElement.js","sources":["../../../../src/discrete/components/layers/StackedAreaElement.tsx"],"sourcesContent":["import {area, curveBumpX, curveBumpY} from 'd3-shape';\nimport React, { useState } from 'react';\nimport type {TooltipsData} from '../../../common/Tooltip';\nimport type {AesItem, GroupingData, InheritAesDiscrete, Orientation} from '../../../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedAreaData} from '../../layers/types';\nimport type {ChartScales} from '../types';\nimport {StackedBarElement} from './StackedBarElement';\n\ninterface StackedAreaProps {\n    facetKey: string;\n    scales: ChartScales;\n    layerData: StackedAreaData;\n    orientation: Orientation;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction isSecondaryGroupedAes (value: string | InheritAesDiscrete) {\n    return value && typeof value === 'object' && 'type' in value && value.type === 'secondaryGrouping';\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getAreas(\n    scales: ChartScales,\n    barWidth: number,\n    bandWidth: number,\n    primaryKeys: string[],\n    secondaryKeys: string[],\n    isVertical: boolean,\n    bars: StackedBar[],\n) {\n    const offsetX = (bandWidth - barWidth) / 2;\n    const ys = bars.reduce((res, bar) => {\n        const yValues: Record<string, {y1: number, y2: number}> = {};\n        let currentHeight = 0;\n        secondaryKeys.forEach(secondaryKey => {\n            const height = bar.valuesMap[secondaryKey]?.height ?? 0;\n            yValues[secondaryKey] = {\n                y1: currentHeight,\n                y2: currentHeight + height,\n            };\n            currentHeight += height;\n        });\n        res[bar.primaryGrouping] = yValues;\n        return res;\n    }, {} as Record<string, Record<string, {y1: number, y2: number}>>);\n\n    return secondaryKeys.map((secondaryKey) => {\n        const points:[number, number, number][] = primaryKeys.flatMap((primaryKey) => {\n            const yMap = ys[primaryKey];\n            const x = scales.xPrimary(primaryKey) ?? 0;\n            const y1 = scales.y(yMap[secondaryKey].y1);\n            const y2 = scales.y(yMap[secondaryKey].y2);\n            const p1:[number, number, number] = [x + offsetX, y1, y2];\n            const p2:[number, number, number] = [x + bandWidth - offsetX, y1, y2];\n            return isVertical ? [p1, p2] : [p2, p1];\n        });\n\n        const pathD = (isVertical ? (\n            area<[number, number, number]>()\n                .curve(curveBumpX)\n                .x(d => d[0])\n                .y0(d => d[1])\n                .y1(d => d[2])(points)\n            ) :\n            area<[number, number, number]>()\n                .curve(curveBumpY)\n                .y(d => d[0])\n                .x0(d => d[1])\n                .x1(d => d[2])(points)) ?? '';\n        return {secondaryKey, pathD};\n    });\n}\n\nfunction calculateBarWidth (\n    layerData: StackedAreaData,\n    bandwidth: number\n) {\n    if (!layerData.meta.showBars) {\n        return 0;\n    }\n    return layerData.aes.barWidth === 'auto' ? bandwidth * 0.2 : Math.min(bandwidth, layerData.aes.barWidth);\n}\n\nexport function StackedAreaElement({\n    facetKey,\n    scales,\n    orientation,\n    layerData,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedAreaProps) {\n    const [selectedAreaKey, setSelectedAreaKey] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxWidth = calculateBarWidth(layerData, boxOuterWidth);\n    const primaryKeys = scales.xPrimary.domain();\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n\n    const needsAreas = isSecondaryGroupedAes(layerData.aes.fillColor) || typeof layerData.aes.fillColor === 'string';\n    const areas = needsAreas ? getAreas(\n        scales,\n        boxWidth,\n        boxOuterWidth,\n        primaryKeys,\n        secondaryKeys,\n        isVertical,\n        layerData.geoms[facetKey]\n    ) : [];\n\n    return (\n        <g>\n            <g>\n                {needsAreas && areas.map(({secondaryKey, pathD}) => (\n                    <path\n                        key={secondaryKey}\n                        d={pathD}\n                        fill={getAesValue(scales, 'fillColor', layerData.aes.fillColor, primaryKeys[0], secondaryKey)}\n                        opacity={layerData.aes.areaOpacity * (selectedAreaKey !== null && secondaryKey !== selectedAreaKey ? 0.5 : 1)}\n                        onMouseEnter={() => setSelectedAreaKey(secondaryKey)}\n                        onMouseLeave={() => setSelectedAreaKey(null)}\n                    />\n                ))}\n            </g>\n            <g>\n            {layerData.meta.showBars && (layerData as StackedAreaData).geoms[facetKey].map(geom => (\n                <StackedBarElement\n                    key={geom.key}\n                    facetKey={facetKey}\n                    geom={geom}\n                    elementsAmount={layerData.geoms[facetKey].length}\n                    scales={scales}\n                    orientation={orientation}\n                    aes={{\n                        ...layerData.aes,\n                        width: boxWidth,\n                        opacity: layerData.aes.barsOpacity\n                    }}\n                    normalize={layerData.meta.normalize}\n                    sideDistances={sideDistances}\n                    showTooltips={showTooltips}\n                    secondaryGrouping={secondaryGrouping}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                    tooltipsContainer={tooltipsContainer}\n                    activeKey={selectedAreaKey}\n                    onSectionHover={setSelectedAreaKey}\n                />\n            ))}\n            </g>\n        </g>\n    );\n}\n"],"names":["isSecondaryGroupedAes","value","getAesValue","scales","field","primaryGrouping","secondaryGrouping","getAreas","barWidth","bandWidth","primaryKeys","secondaryKeys","isVertical","bars","offsetX","ys","res","bar","yValues","currentHeight","secondaryKey","height","_a","points","primaryKey","yMap","x","y1","y2","p1","p2","pathD","area","curveBumpX","d","curveBumpY","calculateBarWidth","layerData","bandwidth","StackedAreaElement","facetKey","orientation","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","selectedAreaKey","setSelectedAreaKey","useState","boxOuterWidth","boxWidth","needsAreas","areas","jsx","geom","StackedBarElement"],"mappings":"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"}
+{"version":3,"file":"StackedAreaElement.js","names":[],"sources":["../../../../src/discrete/components/layers/StackedAreaElement.tsx"],"sourcesContent":["import {area, curveBumpX, curveBumpY} from 'd3-shape';\nimport React, { useState } from 'react';\nimport type {TooltipsData} from '../../../common/Tooltip';\nimport type {AesItem, GroupingData, InheritAesDiscrete, Orientation} from '../../../types';\nimport type {StackedBar} from '../../layers';\nimport type {StackedAreaData} from '../../layers/types';\nimport type {ChartScales} from '../types';\nimport {StackedBarElement} from './StackedBarElement';\n\ninterface StackedAreaProps {\n    facetKey: string;\n    scales: ChartScales;\n    layerData: StackedAreaData;\n    orientation: Orientation;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction isSecondaryGroupedAes (value: string | InheritAesDiscrete) {\n    return value && typeof value === 'object' && 'type' in value && value.type === 'secondaryGrouping';\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getAreas(\n    scales: ChartScales,\n    barWidth: number,\n    bandWidth: number,\n    primaryKeys: string[],\n    secondaryKeys: string[],\n    isVertical: boolean,\n    bars: StackedBar[],\n) {\n    const offsetX = (bandWidth - barWidth) / 2;\n    const ys = bars.reduce((res, bar) => {\n        const yValues: Record<string, {y1: number, y2: number}> = {};\n        let currentHeight = 0;\n        secondaryKeys.forEach(secondaryKey => {\n            const height = bar.valuesMap[secondaryKey]?.height ?? 0;\n            yValues[secondaryKey] = {\n                y1: currentHeight,\n                y2: currentHeight + height,\n            };\n            currentHeight += height;\n        });\n        res[bar.primaryGrouping] = yValues;\n        return res;\n    }, {} as Record<string, Record<string, {y1: number, y2: number}>>);\n\n    return secondaryKeys.map((secondaryKey) => {\n        const points:[number, number, number][] = primaryKeys.flatMap((primaryKey) => {\n            const yMap = ys[primaryKey];\n            const x = scales.xPrimary(primaryKey) ?? 0;\n            const y1 = scales.y(yMap[secondaryKey].y1);\n            const y2 = scales.y(yMap[secondaryKey].y2);\n            const p1:[number, number, number] = [x + offsetX, y1, y2];\n            const p2:[number, number, number] = [x + bandWidth - offsetX, y1, y2];\n            return isVertical ? [p1, p2] : [p2, p1];\n        });\n\n        const pathD = (isVertical ? (\n            area<[number, number, number]>()\n                .curve(curveBumpX)\n                .x(d => d[0])\n                .y0(d => d[1])\n                .y1(d => d[2])(points)\n            ) :\n            area<[number, number, number]>()\n                .curve(curveBumpY)\n                .y(d => d[0])\n                .x0(d => d[1])\n                .x1(d => d[2])(points)) ?? '';\n        return {secondaryKey, pathD};\n    });\n}\n\nfunction calculateBarWidth (\n    layerData: StackedAreaData,\n    bandwidth: number\n) {\n    if (!layerData.meta.showBars) {\n        return 0;\n    }\n    return layerData.aes.barWidth === 'auto' ? bandwidth * 0.2 : Math.min(bandwidth, layerData.aes.barWidth);\n}\n\nexport function StackedAreaElement({\n    facetKey,\n    scales,\n    orientation,\n    layerData,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: StackedAreaProps) {\n    const [selectedAreaKey, setSelectedAreaKey] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxWidth = calculateBarWidth(layerData, boxOuterWidth);\n    const primaryKeys = scales.xPrimary.domain();\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n\n    const needsAreas = primaryKeys.length > 1 && (isSecondaryGroupedAes(layerData.aes.fillColor) || typeof layerData.aes.fillColor === 'string');\n    const areas = needsAreas ? getAreas(\n        scales,\n        boxWidth,\n        boxOuterWidth,\n        primaryKeys,\n        secondaryKeys,\n        isVertical,\n        layerData.geoms[facetKey]\n    ) : [];\n\n    return (\n        <g>\n            <g>\n                {needsAreas && areas.map(({secondaryKey, pathD}) => (\n                    <path\n                        key={secondaryKey}\n                        d={pathD}\n                        fill={getAesValue(scales, 'fillColor', layerData.aes.fillColor, primaryKeys[0], secondaryKey)}\n                        opacity={layerData.aes.areaOpacity * (selectedAreaKey !== null && secondaryKey !== selectedAreaKey ? 0.5 : 1)}\n                        onMouseEnter={() => setSelectedAreaKey(secondaryKey)}\n                        onMouseLeave={() => setSelectedAreaKey(null)}\n                    />\n                ))}\n            </g>\n            <g>\n            {layerData.meta.showBars && (layerData as StackedAreaData).geoms[facetKey].map(geom => (\n                <StackedBarElement\n                    key={geom.key}\n                    facetKey={facetKey}\n                    geom={geom}\n                    elementsAmount={layerData.geoms[facetKey].length}\n                    scales={scales}\n                    orientation={orientation}\n                    aes={{\n                        ...layerData.aes,\n                        width: boxWidth,\n                        opacity: layerData.aes.barsOpacity\n                    }}\n                    normalize={layerData.meta.normalize}\n                    sideDistances={sideDistances}\n                    showTooltips={showTooltips}\n                    secondaryGrouping={secondaryGrouping}\n                    tooltipsData={tooltipsData}\n                    activeElementContainer={activeElementContainer}\n                    tooltipsContainer={tooltipsContainer}\n                    activeKey={selectedAreaKey}\n                    onSectionHover={setSelectedAreaKey}\n                />\n            ))}\n            </g>\n        </g>\n    );\n}\n"],"mappings":"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"}

package/dist/discrete/components/layers/StackedBarElement.js

@@ -1,91 +1,64 @@
-import { j as m } from "../../../_virtual/jsx-runtime.js";
-import { r as $ } from "../../../_virtual/index2.js";
-import { Tooltip as z } from "../../../common/Tooltip.js";
-import { numberFormat as R } from "../../../utils/numberFormat.js";
-function w(c, t, i, n, o) {
-  if (i && typeof i == "object" && "type" in i) {
-    if (i.type === "primaryGrouping")
-      return c.xPrimaryAes(n)[t];
-    if (i.type === "secondaryGrouping")
-      return c.xSecondaryAes(o)[t];
-  }
-  return i;
+import { numberFormat as e } from "../../../utils/numberFormat.js";
+import { Tooltip as t } from "../../../common/Tooltip.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createPortal as i } from "react-dom";
+function a(e, t, n, r, i) {
+	if (n && typeof n == "object" && "type" in n) {
+		if (n.type === "primaryGrouping") return e.xPrimaryAes(r)[t];
+		if (n.type === "secondaryGrouping") return e.xSecondaryAes(i)[t];
+	}
+	return n;
 }
-function X(c, t, i, n) {
-  const o = c.valueLabels[i], f = R(t.valuesMap[i].height) + (n ? "%" : "");
-  return o ? [o, f] : [f];
+function o(t, n, r, i) {
+	let a = t.valueLabels[r], o = e(n.valuesMap[r].height) + (i ? "%" : "");
+	return a ? [a, o] : [o];
 }
-function N({
-  facetKey: c,
-  scales: t,
-  orientation: i,
-  geom: n,
-  aes: o,
-  sideDistances: f,
-  showTooltips: L,
-  elementsAmount: V,
-  normalize: W,
-  secondaryGrouping: A,
-  activeElementContainer: b,
-  tooltipsContainer: B,
-  tooltipsData: e,
-  activeKey: M,
-  onSectionHover: p
-}) {
-  const u = i === "vertical", h = t.xPrimary.bandwidth(), a = (t.xPrimary(n.primaryGrouping) ?? 0) + h / 2, s = o.width === "auto" ? h * 0.8 : Math.min(h, o.width), C = (h - s) / 2, j = t.xSecondary.domain().reverse(), P = {};
-  let g = 0;
-  j.forEach((r) => {
-    if (!n.valuesMap[r])
-      return;
-    const d = n.valuesMap[r].height;
-    P[r] = {
-      y1: g,
-      y2: g + d
-    }, g += d;
-  });
-  const F = b && e.fixed;
-  return /* @__PURE__ */ m.jsx("g", { opacity: o.opacity, strokeWidth: o.lineWidth, children: j.map((r) => {
-    if (!n.valuesMap[r])
-      return null;
-    const { y1: d, y2: S } = P[r], l = t.y(d), x = t.y(S), G = Math.abs(l - x), O = w(t, "lineColor", o.lineColor, n.primaryGrouping, r), T = w(t, "fillColor", o.fillColor, n.primaryGrouping, r), y = `stackedBar_${String(n.primaryGrouping)}_${String(r)}`, E = /* @__PURE__ */ m.jsx(
-      "rect",
-      {
-        width: u ? s : G,
-        height: u ? G : s,
-        x: u ? a - s / 2 : Math.min(l, x),
-        y: u ? Math.min(l, x) : a - s / 2,
-        fill: T,
-        stroke: O,
-        onMouseEnter: () => {
-          e.onMouseEnter(y, c), p && p(r);
-        },
-        onMouseLeave: () => {
-          e.onMouseLeave(), p && p(null);
-        },
-        opacity: M && r !== M ? 0.5 : 1
-      }
-    ), _ = e.selectedData === y && c === e.currentFacet && F;
-    return /* @__PURE__ */ m.jsxs("g", { children: [
-      _ ? $.createPortal(E, b) : E,
-      L && /* @__PURE__ */ m.jsx(
-        z,
-        {
-          content: X(A, n, r, W),
-          x: u ? a - C + 4 : (l + x) / 2,
-          y: u ? (l + x) / 2 : a + C - 4,
-          sideDistances: f,
-          horizontal: u,
-          offset: V > 1 ? h / 2 : h / 4,
-          active: y === e.selectedData && c === e.currentFacet,
-          fixed: e.fixed,
-          onClose: e.onClose,
-          container: B
-        }
-      )
-    ] }, r);
-  }) });
+function s({ facetKey: e, scales: s, orientation: c, geom: l, aes: u, sideDistances: d, showTooltips: f, elementsAmount: p, normalize: m, secondaryGrouping: h, activeElementContainer: g, tooltipsContainer: _, tooltipsData: v, activeKey: y, onSectionHover: b }) {
+	let x = c === "vertical", S = s.xPrimary.bandwidth(), C = (s.xPrimary(l.primaryGrouping) ?? 0) + S / 2, w = u.width === "auto" ? S * .8 : Math.min(S, u.width), T = (S - w) / 2, E = s.xSecondary.domain().reverse(), D = {}, O = 0;
+	E.forEach((e) => {
+		if (!l.valuesMap[e]) return;
+		let t = l.valuesMap[e].height;
+		D[e] = {
+			y1: O,
+			y2: O + t
+		}, O += t;
+	});
+	let k = g && v.fixed;
+	return /* @__PURE__ */ n("g", {
+		opacity: u.opacity,
+		strokeWidth: u.lineWidth,
+		children: E.map((c) => {
+			if (!l.valuesMap[c]) return null;
+			let { y1: E, y2: O } = D[c], A = s.y(E), j = s.y(O), M = Math.abs(A - j), N = a(s, "lineColor", u.lineColor, l.primaryGrouping, c), P = a(s, "fillColor", u.fillColor, l.primaryGrouping, c), F = `stackedBar_${String(l.primaryGrouping)}_${String(c)}`, I = /* @__PURE__ */ n("rect", {
+				width: x ? w : M,
+				height: x ? M : w,
+				x: x ? C - w / 2 : Math.min(A, j),
+				y: x ? Math.min(A, j) : C - w / 2,
+				fill: P,
+				stroke: N,
+				onMouseEnter: () => {
+					v.onMouseEnter(F, e), b && b(c);
+				},
+				onMouseLeave: () => {
+					v.onMouseLeave(), b && b(null);
+				},
+				opacity: y && c !== y ? .5 : 1
+			});
+			return /* @__PURE__ */ r("g", { children: [v.selectedData === F && e === v.currentFacet && k ? i(I, g) : I, f && /* @__PURE__ */ n(t, {
+				content: o(h, l, c, m),
+				x: x ? C - T + 4 : (A + j) / 2,
+				y: x ? (A + j) / 2 : C + T - 4,
+				sideDistances: d,
+				horizontal: x,
+				offset: p > 1 ? S / 2 : S / 4,
+				active: F === v.selectedData && e === v.currentFacet,
+				fixed: v.fixed,
+				onClose: v.onClose,
+				container: _
+			})] }, c);
+		})
+	});
 }
-export {
-  N as StackedBarElement
-};
-//# sourceMappingURL=StackedBarElement.js.map
+export { s as StackedBarElement };
+
+//# sourceMappingURL=StackedBarElement.js.map

package/dist/discrete/components/layers/StackedBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackedBarElement.js","sources":["../../../../src/discrete/components/layers/StackedBarElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, GroupingData, InheritAesDiscrete, Orientation } from '../../../types';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { StackedBarLayer } from '../../DiscreteSettingsImpl';\nimport type { StackedBar } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface StackedBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: StackedBar;\n    orientation: Orientation;\n    aes: StackedBarLayer['aes'];\n    normalize: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    elementsAmount: number;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n    activeKey?: string | null;\n    onSectionHover?: (key: string | null) => void;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(secondaryGrouping:GroupingData, geom:StackedBar, secondaryKey: string, normalize:boolean) {\n    const keyLabel = secondaryGrouping.valueLabels[secondaryKey];\n    const heightValue = numberFormat(geom.valuesMap[secondaryKey].height) + (normalize ? '%' : '');\n    return keyLabel ? [keyLabel, heightValue] : [heightValue];\n}\n\nexport function StackedBarElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    normalize,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n    activeKey,\n    onSectionHover\n}: StackedBarProps) {\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxXPosition = (scales.xPrimary(geom.primaryGrouping) ?? 0) + boxOuterWidth / 2;\n    const boxWidth = aes.width === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.width);\n    const boxOffset = (boxOuterWidth - boxWidth) / 2;\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n    const yValues:Record<string, {y1: number, y2: number}> = {};\n    let currentHeight = 0;\n    secondaryKeys.forEach(secondaryKey => {\n        if (!geom.valuesMap[secondaryKey]) {\n            return;\n        }\n        const height = geom.valuesMap[secondaryKey].height;\n        yValues[secondaryKey] = {\n            y1: currentHeight,\n            y2: currentHeight + height,\n        };\n        currentHeight += height;\n    });\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g opacity={aes.opacity} strokeWidth={aes.lineWidth}>\n            {secondaryKeys.map(key => {\n                if (!geom.valuesMap[key]) {\n                    return null;\n                }\n                const {y1, y2} = yValues[key];\n                const y1Px = scales.y(y1);\n                const y2Px = scales.y(y2);\n                const boxHeight = Math.abs(y1Px - y2Px);\n                const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom.primaryGrouping, key);\n                const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, geom.primaryGrouping, key);\n                const globalKey = `stackedBar_${String(geom.primaryGrouping)}_${String(key)}`;\n\n                const section = (\n                    <rect\n                        width={isVertical ? boxWidth : boxHeight}\n                        height={isVertical ? boxHeight : boxWidth}\n                        x={isVertical ? boxXPosition - boxWidth / 2 : Math.min(y1Px, y2Px)}\n                        y={isVertical ? Math.min(y1Px, y2Px) : boxXPosition - boxWidth / 2}\n                        fill={fillColor}\n                        stroke={lineColor}\n                        onMouseEnter={() => {\n                            tooltipsData.onMouseEnter(globalKey, facetKey);\n                            if (onSectionHover) {\n                                onSectionHover(key);\n                            }\n                        }}\n                        onMouseLeave={() => {\n                            tooltipsData.onMouseLeave();\n                            if (onSectionHover) {\n                                onSectionHover(null);\n                            }\n                        }}\n                        opacity={activeKey && key !== activeKey ? 0.5 : 1}\n                    />\n                );\n                const highlightedSection = tooltipsData.selectedData === globalKey && facetKey === tooltipsData.currentFacet && dimmedBackground;\n                return (\n                    <g key={key}>\n                        {highlightedSection ? createPortal(section, activeElementContainer) : section}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(secondaryGrouping, geom, key, normalize)}\n                                x={isVertical ? boxXPosition - boxOffset + 4 : (y1Px + y2Px) / 2}\n                                y={isVertical ? (y1Px + y2Px) / 2 : boxXPosition + boxOffset - 4}\n                                sideDistances={sideDistances}\n                                horizontal={isVertical}\n                                offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                                active={globalKey === tooltipsData.selectedData && facetKey === tooltipsData.currentFacet}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","primaryGrouping","secondaryGrouping","getTooltipContent","geom","secondaryKey","normalize","keyLabel","heightValue","numberFormat","StackedBarElement","facetKey","orientation","aes","sideDistances","showTooltips","elementsAmount","activeElementContainer","tooltipsContainer","tooltipsData","activeKey","onSectionHover","isVertical","boxOuterWidth","boxXPosition","boxWidth","boxOffset","secondaryKeys","yValues","currentHeight","height","dimmedBackground","jsx","key","y1","y2","y1Px","y2Px","boxHeight","lineColor","fillColor","globalKey","section","highlightedSection","createPortal","Tooltip"],"mappings":"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"}
+{"version":3,"file":"StackedBarElement.js","names":[],"sources":["../../../../src/discrete/components/layers/StackedBarElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, GroupingData, InheritAesDiscrete, Orientation } from '../../../types';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { StackedBarLayer } from '../../DiscreteSettingsImpl';\nimport type { StackedBar } from '../../layers';\nimport type { ChartScales } from '../types';\n\ninterface StackedBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: StackedBar;\n    orientation: Orientation;\n    aes: StackedBarLayer['aes'];\n    normalize: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    elementsAmount: number;\n    secondaryGrouping: GroupingData;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n    activeKey?: string | null;\n    onSectionHover?: (key: string | null) => void;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    primaryGrouping: string,\n    secondaryGrouping: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(secondaryGrouping:GroupingData, geom:StackedBar, secondaryKey: string, normalize:boolean) {\n    const keyLabel = secondaryGrouping.valueLabels[secondaryKey];\n    const heightValue = numberFormat(geom.valuesMap[secondaryKey].height) + (normalize ? '%' : '');\n    return keyLabel ? [keyLabel, heightValue] : [heightValue];\n}\n\nexport function StackedBarElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    normalize,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n    activeKey,\n    onSectionHover\n}: StackedBarProps) {\n    const isVertical = orientation === 'vertical';\n    const boxOuterWidth = scales.xPrimary.bandwidth();\n    const boxXPosition = (scales.xPrimary(geom.primaryGrouping) ?? 0) + boxOuterWidth / 2;\n    const boxWidth = aes.width === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.width);\n    const boxOffset = (boxOuterWidth - boxWidth) / 2;\n    const secondaryKeys = scales.xSecondary.domain().reverse();\n    const yValues:Record<string, {y1: number, y2: number}> = {};\n    let currentHeight = 0;\n    secondaryKeys.forEach(secondaryKey => {\n        if (!geom.valuesMap[secondaryKey]) {\n            return;\n        }\n        const height = geom.valuesMap[secondaryKey].height;\n        yValues[secondaryKey] = {\n            y1: currentHeight,\n            y2: currentHeight + height,\n        };\n        currentHeight += height;\n    });\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g opacity={aes.opacity} strokeWidth={aes.lineWidth}>\n            {secondaryKeys.map(key => {\n                if (!geom.valuesMap[key]) {\n                    return null;\n                }\n                const {y1, y2} = yValues[key];\n                const y1Px = scales.y(y1);\n                const y2Px = scales.y(y2);\n                const boxHeight = Math.abs(y1Px - y2Px);\n                const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom.primaryGrouping, key);\n                const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, geom.primaryGrouping, key);\n                const globalKey = `stackedBar_${String(geom.primaryGrouping)}_${String(key)}`;\n\n                const section = (\n                    <rect\n                        width={isVertical ? boxWidth : boxHeight}\n                        height={isVertical ? boxHeight : boxWidth}\n                        x={isVertical ? boxXPosition - boxWidth / 2 : Math.min(y1Px, y2Px)}\n                        y={isVertical ? Math.min(y1Px, y2Px) : boxXPosition - boxWidth / 2}\n                        fill={fillColor}\n                        stroke={lineColor}\n                        onMouseEnter={() => {\n                            tooltipsData.onMouseEnter(globalKey, facetKey);\n                            if (onSectionHover) {\n                                onSectionHover(key);\n                            }\n                        }}\n                        onMouseLeave={() => {\n                            tooltipsData.onMouseLeave();\n                            if (onSectionHover) {\n                                onSectionHover(null);\n                            }\n                        }}\n                        opacity={activeKey && key !== activeKey ? 0.5 : 1}\n                    />\n                );\n                const highlightedSection = tooltipsData.selectedData === globalKey && facetKey === tooltipsData.currentFacet && dimmedBackground;\n                return (\n                    <g key={key}>\n                        {highlightedSection ? createPortal(section, activeElementContainer) : section}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(secondaryGrouping, geom, key, normalize)}\n                                x={isVertical ? boxXPosition - boxOffset + 4 : (y1Px + y2Px) / 2}\n                                y={isVertical ? (y1Px + y2Px) / 2 : boxXPosition + boxOffset - 4}\n                                sideDistances={sideDistances}\n                                horizontal={isVertical}\n                                offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                                active={globalKey === tooltipsData.selectedData && facetKey === tooltipsData.currentFacet}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"mappings":";;;;AAgCA,SAAS,EACL,GACA,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,QAAO,EAAO,YAAY,EAAgB,CAAC;AAE/C,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAkB,CAAC;;AAGvD,QAAO;;AAGX,SAAS,EAAkB,GAAgC,GAAiB,GAAsB,GAAmB;CACjH,IAAM,IAAW,EAAkB,YAAY,IACzC,IAAc,EAAa,EAAK,UAAU,GAAc,OAAO,IAAI,IAAY,MAAM;AAC3F,QAAO,IAAW,CAAC,GAAU,EAAY,GAAG,CAAC,EAAY;;AAG7D,SAAgB,EAAkB,EAC9B,aACA,WACA,gBACA,SACA,QACA,kBACA,iBACA,mBACA,cACA,sBACA,2BACA,sBACA,iBACA,cACA,qBACgB;CAChB,IAAM,IAAa,MAAgB,YAC7B,IAAgB,EAAO,SAAS,WAAW,EAC3C,KAAgB,EAAO,SAAS,EAAK,gBAAgB,IAAI,KAAK,IAAgB,GAC9E,IAAW,EAAI,UAAU,SAAS,IAAgB,KAAM,KAAK,IAAI,GAAe,EAAI,MAAM,EAC1F,KAAa,IAAgB,KAAY,GACzC,IAAgB,EAAO,WAAW,QAAQ,CAAC,SAAS,EACpD,IAAmD,EAAE,EACvD,IAAgB;AACpB,GAAc,SAAQ,MAAgB;AAClC,MAAI,CAAC,EAAK,UAAU,GAChB;EAEJ,IAAM,IAAS,EAAK,UAAU,GAAc;AAK5C,EAJA,EAAQ,KAAgB;GACpB,IAAI;GACJ,IAAI,IAAgB;GACvB,EACD,KAAiB;GACnB;CAEF,IAAM,IAAmB,KAA0B,EAAa;AAEhE,QACI,kBAAC,KAAD;EAAG,SAAS,EAAI;EAAS,aAAa,EAAI;YACrC,EAAc,KAAI,MAAO;AACtB,OAAI,CAAC,EAAK,UAAU,GAChB,QAAO;GAEX,IAAM,EAAC,OAAI,UAAM,EAAQ,IACnB,IAAO,EAAO,EAAE,EAAG,EACnB,IAAO,EAAO,EAAE,EAAG,EACnB,IAAY,KAAK,IAAI,IAAO,EAAK,EACjC,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,iBAAiB,EAAI,EACtF,IAAY,EAAY,GAAQ,aAAa,EAAI,WAAW,EAAK,iBAAiB,EAAI,EACtF,IAAY,cAAc,OAAO,EAAK,gBAAgB,CAAC,GAAG,OAAO,EAAI,IAErE,IACF,kBAAC,QAAD;IACI,OAAO,IAAa,IAAW;IAC/B,QAAQ,IAAa,IAAY;IACjC,GAAG,IAAa,IAAe,IAAW,IAAI,KAAK,IAAI,GAAM,EAAK;IAClE,GAAG,IAAa,KAAK,IAAI,GAAM,EAAK,GAAG,IAAe,IAAW;IACjE,MAAM;IACN,QAAQ;IACR,oBAAoB;AAEhB,KADA,EAAa,aAAa,GAAW,EAAS,EAC1C,KACA,EAAe,EAAI;;IAG3B,oBAAoB;AAEhB,KADA,EAAa,cAAc,EACvB,KACA,EAAe,KAAK;;IAG5B,SAAS,KAAa,MAAQ,IAAY,KAAM;IAClD,CAAA;AAGN,UACI,kBAAC,KAAD,EAAA,UAAA,CAFuB,EAAa,iBAAiB,KAAa,MAAa,EAAa,gBAAgB,IAGlF,EAAa,GAAS,EAAuB,GAAG,GACrE,KACG,kBAAC,GAAD;IACI,SAAS,EAAkB,GAAmB,GAAM,GAAK,EAAU;IACnE,GAAG,IAAa,IAAe,IAAY,KAAK,IAAO,KAAQ;IAC/D,GAAG,KAAc,IAAO,KAAQ,IAAI,IAAe,IAAY;IAChD;IACf,YAAY;IACZ,QAAQ,IAAiB,IAAI,IAAgB,IAAI,IAAgB;IACjE,QAAQ,MAAc,EAAa,gBAAgB,MAAa,EAAa;IAC7E,OAAO,EAAa;IACpB,SAAS,EAAa;IACtB,WAAW;IACb,CAAA,CAEN,EAAA,EAhBI,EAgBJ;IAEV;EACF,CAAA"}

package/dist/discrete/components/layers/StatsPValue.js

@@ -1,98 +1,63 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { BLACK as R } from "../../../constants.js";
-import { NO_GROUPED as S } from "../../../DataFrame.js";
-import { P_VALUE_LINE_HEIGHT as O } from "../../constants.js";
-import { sortPairwiseKeys as b, getPairwiseStatLevels as K } from "../../utils/statsPValue.js";
-import { numberFormat as N } from "../../../utils/numberFormat.js";
-const y = {
-  ttest: "TTest",
-  anova: "ANOVA",
-  kruskalWallis: "Kruskal-Wallis",
-  wilcoxon: "Wilcoxon"
+import "../../../constants.js";
+import { numberFormat as e } from "../../../utils/numberFormat.js";
+import { NO_GROUPED as t } from "../../../DataFrame.js";
+import { getPairwiseStatLevels as n, sortPairwiseKeys as r } from "../../utils/statsPValue.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+var o = {
+	ttest: "TTest",
+	anova: "ANOVA",
+	kruskalWallis: "Kruskal-Wallis",
+	wilcoxon: "Wilcoxon"
 };
-function G(o, r) {
-  return o <= r.three ? "***" : o <= r.two ? "**" : o <= r.one ? "*" : "ns";
+function s(e, t) {
+	return e <= t.three ? "***" : e <= t.two ? "**" : e <= t.one ? "*" : "ns";
 }
-function g(o, r, f, a) {
-  return !a && o > f.one ? "" : r === "significance" ? G(o, f) : N(o);
+function c(t, n, r, i) {
+	return !i && t > r.one ? "" : n === "significance" ? s(t, r) : e(t);
 }
-const i = 18, P = 12;
-function T({
-  orientation: o,
-  scales: r,
-  testMethod: f,
-  values: a,
-  statType: m,
-  format: j,
-  ns: c,
-  significanceLevels: h,
-  yShift: E
-}) {
-  if (!a.length)
-    return null;
-  const x = (n) => (r.xPrimary(n) ?? 0) + r.xPrimary.bandwidth() / 2, t = o === "vertical", u = Math.abs(r.xPrimary.range()[1] - r.xPrimary.range()[0]), V = Math.abs(r.y.range()[1] - r.y.range()[0]), A = r.xPrimary.domain(), _ = m === "pairwise" ? b(a, A, h, !c) : a, $ = m === "pairwise" ? K(_, A) : [], w = Math.max(...$);
-  return /* @__PURE__ */ e.jsxs("g", { fontSize: "14px", transform: t ? `translate(0,${E})` : `translate(${V - E},0)`, children: [
-    m === "overall" && /* @__PURE__ */ e.jsx(
-      "text",
-      {
-        x: t ? u / 2 : -i,
-        y: t ? i : u / 2,
-        transform: t ? "" : `rotate(90,${-i},${u / 2})`,
-        textAnchor: "middle",
-        children: `${y[f]}, p = ${g(
-          a[0][1],
-          "pValue",
-          h,
-          !0
-        )}`
-      }
-    ),
-    m === "referenceGroup" && /* @__PURE__ */ e.jsx("g", { children: a.map(([[n], s]) => /* @__PURE__ */ e.jsx(
-      "text",
-      {
-        x: t ? x(n) : -i,
-        y: t ? i : x(n),
-        transform: t ? "" : `rotate(90,${-i},${x(n)})`,
-        textAnchor: "middle",
-        children: g(s, j, h, c)
-      },
-      n
-    )) }),
-    m === "pairwise" && /* @__PURE__ */ e.jsx("g", { children: _.map(([[n, s], F], M) => {
-      if (n === S || s === S)
-        return null;
-      const l = x(n), d = x(s), p = (l + d) / 2;
-      return /* @__PURE__ */ e.jsxs(
-        "g",
-        {
-          transform: t ? `translate(0,${(w - $[M]) * O})` : `translate(${-(w - $[M]) * O},0)`,
-          children: [
-            /* @__PURE__ */ e.jsx(
-              "text",
-              {
-                x: t ? p : -P,
-                y: t ? P : p,
-                transform: t ? "" : `rotate(90,${-P},${p})`,
-                textAnchor: "middle",
-                children: g(F, j, h, c)
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "path",
-              {
-                d: t ? `M ${l},21 v-4 h ${d - l} v4` : `M -21,${l} h 4 v ${d - l} h-4`,
-                fill: "none",
-                stroke: R
-              }
-            )
-          ]
-        },
-        `${n}_${s}`
-      );
-    }) })
-  ] });
+var l = 18, u = 12;
+function d({ orientation: e, scales: s, testMethod: d, values: f, statType: p, format: m, ns: h, significanceLevels: g, yShift: _ }) {
+	if (!f.length) return null;
+	let v = (e) => (s.xPrimary(e) ?? 0) + s.xPrimary.bandwidth() / 2, y = e === "vertical", b = Math.abs(s.xPrimary.range()[1] - s.xPrimary.range()[0]), x = Math.abs(s.y.range()[1] - s.y.range()[0]), S = s.xPrimary.domain(), C = p === "pairwise" ? r(f, S, g, !h) : f, w = p === "pairwise" ? n(C, S) : [], T = Math.max(...w);
+	return /* @__PURE__ */ a("g", {
+		fontSize: "14px",
+		transform: y ? `translate(0,${_})` : `translate(${x - _},0)`,
+		children: [
+			p === "overall" && /* @__PURE__ */ i("text", {
+				x: y ? b / 2 : -l,
+				y: y ? l : b / 2,
+				transform: y ? "" : `rotate(90,${-l},${b / 2})`,
+				textAnchor: "middle",
+				children: `${o[d]}, p = ${c(f[0][1], "pValue", g, !0)}`
+			}),
+			p === "referenceGroup" && /* @__PURE__ */ i("g", { children: f.map(([[e], t]) => /* @__PURE__ */ i("text", {
+				x: y ? v(e) : -l,
+				y: y ? l : v(e),
+				transform: y ? "" : `rotate(90,${-l},${v(e)})`,
+				textAnchor: "middle",
+				children: c(t, m, g, h)
+			}, e)) }),
+			p === "pairwise" && /* @__PURE__ */ i("g", { children: C.map(([[e, n], r], o) => {
+				if (e === t || n === t) return null;
+				let s = v(e), l = v(n), d = (s + l) / 2;
+				return /* @__PURE__ */ a("g", {
+					transform: y ? `translate(0,${(T - w[o]) * 25})` : `translate(${-(T - w[o]) * 25},0)`,
+					children: [/* @__PURE__ */ i("text", {
+						x: y ? d : -u,
+						y: y ? u : d,
+						transform: y ? "" : `rotate(90,${-u},${d})`,
+						textAnchor: "middle",
+						children: c(r, m, g, h)
+					}), /* @__PURE__ */ i("path", {
+						d: y ? `M ${s},21 v-4 h ${l - s} v4` : `M -21,${s} h 4 v ${l - s} h-4`,
+						fill: "none",
+						stroke: "#110529"
+					})]
+				}, `${e}_${n}`);
+			}) })
+		]
+	});
 }
-export {
-  T as StatsPValue
-};
-//# sourceMappingURL=StatsPValue.js.map
+export { d as StatsPValue };
+
+//# sourceMappingURL=StatsPValue.js.map