@milaboratories/graph-maker 1.1.131 → 1.1.133

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/LineElement.js

@@ -0,0 +1,104 @@
+import { j as l } from "../../../node_modules/react/jsx-runtime.js";
+import { l as A } from "../../../node_modules/lodash/lodash.js";
+import { r as G } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as T } from "../../../common/Tooltip.js";
+import { getLineShape as z } from "../../../utils/getLineShape.js";
+import { getPointShape as W } from "../../../utils/getPointShape.js";
+import { numberFormat as S } from "../../../utils/numberFormat.js";
+function m(t, n, e, o) {
+  if (e && typeof e == "object" && "type" in e) {
+    if (e.type === "primaryGrouping")
+      throw new Error("Line cannot have aesthetics by primary grouping");
+    if (e.type === "secondaryGrouping")
+      return t.xSecondaryAes(o.key)[n];
+  }
+  return e;
+}
+function I(t, n, e) {
+  const o = e.xPrimary.bandwidth() / 2;
+  return n.map(
+    (r) => [(e.xPrimary(r) ?? 0) + o, e.y(t[r]), r, t[r]]
+  );
+}
+function K(t, n, e) {
+  const o = t.valueLabels[n];
+  return o ? [o, S(e)] : [S(e)];
+}
+function N({
+  facetKey: t,
+  scales: n,
+  orientation: e,
+  line: o,
+  aes: r,
+  sideDistances: j,
+  showTooltips: d,
+  secondaryGrouping: v,
+  activeElementContainer: u,
+  tooltipsContainer: f,
+  tooltipsData: a
+}) {
+  const p = e === "vertical", h = m(n, "lineColor", r.lineColor, o), C = m(n, "dotFill", r.fillColor, o), b = m(n, "lineShape", r.lineShape, o), D = m(n, "dotShape", r.dotShape, o), x = I(o.dots, n.xPrimary.domain(), n), L = W(D, r.dotSize, C), P = u && a.fixed;
+  return /* @__PURE__ */ l.jsxs(
+    "g",
+    {
+      opacity: r.opacity,
+      stroke: h,
+      strokeDasharray: z(b),
+      strokeWidth: r.lineWidth,
+      children: [
+        /* @__PURE__ */ l.jsx(
+          "polyline",
+          {
+            points: x.map(([s, i]) => p ? [s, i] : [i, s]).join(" "),
+            stroke: h,
+            fill: "none"
+          },
+          o.key
+        ),
+        r.dotShape !== null && /* @__PURE__ */ l.jsx("g", { children: x.map((s) => {
+          const [i, c, E, M] = s, y = a.selectedData, g = !!(y && t === a.currentFacet && A.isArray(y) && y.every((F, $) => F === s[$])), w = g && P, k = /* @__PURE__ */ l.jsxs(
+            "g",
+            {
+              transform: p ? `translate(${i},${c})` : `translate(${c},${i})`,
+              strokeDasharray: "none",
+              stroke: "none",
+              children: [
+                L,
+                d && f && /* @__PURE__ */ l.jsx(
+                  "circle",
+                  {
+                    onMouseOver: () => a.onMouseEnter(s, t),
+                    onMouseLeave: () => a.onMouseLeave(),
+                    r: "15",
+                    fill: "transparent",
+                    stroke: "none"
+                  }
+                ),
+                d && /* @__PURE__ */ l.jsx(
+                  T,
+                  {
+                    content: K(v, o.key, M),
+                    x: p ? i : c,
+                    y: p ? c : i,
+                    sideDistances: j,
+                    horizontal: !0,
+                    active: g,
+                    fixed: a.fixed,
+                    onClose: a.onClose,
+                    container: f
+                  }
+                )
+              ]
+            },
+            E
+          );
+          return w ? G.createPortal(k, u) : k;
+        }) })
+      ]
+    }
+  );
+}
+export {
+  N as LineElement
+};
+//# sourceMappingURL=LineElement.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/LineElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/LineElement.tsx"],"sourcesContent":["import { isArray } from 'lodash';\nimport { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, GroupingData, InheritAesDiscrete, Orientation, PointShape } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { Line } from '../../layers';\nimport type { LinesData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface LineProps {\n    facetKey: string;\n    scales: ChartScales;\n    line: Line;\n    orientation: Orientation;\n    aes: LinesData['aes'];\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 getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Line\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            throw new Error('Line cannot have aesthetics by primary grouping');\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.key)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction createPoints(\n    points: Record<string, number>,\n    primaryKeys: string[],\n    scales: ChartScales\n): [number, number, string, number][] {\n    const xShift = scales.xPrimary.bandwidth() / 2;\n    return primaryKeys.map(\n        key =>\n            [(scales.xPrimary(key) ?? 0) + xShift, scales.y(points[key]), key, points[key]] as [\n                number,\n                number,\n                string,\n                number\n            ]\n    );\n}\n\nfunction getTooltipContent(secondaryGrouping:GroupingData, secondaryKey: string, value:number) {\n    const keyLabel = secondaryGrouping.valueLabels[secondaryKey];\n    return keyLabel ? [keyLabel, numberFormat(value)] : [numberFormat(value)];\n}\n\nexport function LineElement({\n    facetKey,\n    scales,\n    orientation,\n    line,\n    aes,\n    sideDistances,\n    showTooltips,\n    secondaryGrouping,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: LineProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, line);\n    const fillColor = getAesValue(scales, 'dotFill', aes.fillColor, line);\n    const lineShape = getAesValue(scales, 'lineShape', aes.lineShape, line);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, line);\n    const points = createPoints(line.dots, scales.xPrimary.domain(), scales);\n    const shape = getPointShape(dotShape as PointShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            strokeDasharray={getLineShape(lineShape)}\n            strokeWidth={aes.lineWidth}\n        >\n            <polyline\n                key={line.key}\n                points={points.map(([x, y]) => (isVertical ? [x, y] : [y, x])).join(' ')}\n                stroke={lineColor}\n                fill=\"none\"\n            />\n            {aes.dotShape !== null && (\n                <g>\n                    {points.map((geomValue) => {\n                        const [x, y, key, value] = geomValue;\n                        const data = tooltipsData.selectedData;\n                        const tooltipSelected = Boolean(data && facetKey === tooltipsData.currentFacet && isArray(data) && data.every((el, idx) => el === geomValue[idx]));\n                        const highlightedDot =  tooltipSelected && dimmedBackground;\n                        const dot = (\n                            <g\n                                key={key}\n                                transform={isVertical ? `translate(${x},${y})` : `translate(${y},${x})`}\n                                strokeDasharray=\"none\"\n                                stroke=\"none\"\n                            >\n                                {shape}\n                                {showTooltips && tooltipsContainer && (\n                                    <circle\n                                        onMouseOver={() => tooltipsData.onMouseEnter(geomValue, facetKey)}\n                                        onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                        r=\"15\"\n                                        fill=\"transparent\"\n                                        stroke=\"none\"\n                                    />\n                                )}\n                                {showTooltips && (\n                                    <Tooltip\n                                        content={getTooltipContent(secondaryGrouping, line.key, value)}\n                                        x={isVertical ? x : y}\n                                        y={isVertical ? y : x}\n                                        sideDistances={sideDistances}\n                                        horizontal\n                                        active={tooltipSelected}\n                                        fixed={tooltipsData.fixed}\n                                        onClose={tooltipsData.onClose}\n                                        container={tooltipsContainer}\n                                    />\n                                )}\n                            </g>\n                        );\n                        return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n                    })}\n                </g>\n            )}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","createPoints","points","primaryKeys","xShift","key","getTooltipContent","secondaryGrouping","secondaryKey","keyLabel","numberFormat","LineElement","facetKey","orientation","line","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","lineColor","fillColor","lineShape","dotShape","shape","getPointShape","dimmedBackground","jsxs","getLineShape","jsx","x","y","geomValue","data","tooltipSelected","isArray","el","idx","highlightedDot","dot","Tooltip","createPortal"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/LogoElement.js

@@ -0,0 +1,88 @@
+import { j as s } from "../../../node_modules/react/jsx-runtime.js";
+import { r as T } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as _ } from "../../../common/Tooltip.js";
+import { numberFormat as k } from "../../../utils/numberFormat.js";
+import { seqAlphabet as b } from "./seqAlphabet.js";
+const q = () => /* @__PURE__ */ s.jsx("path", { d: "M 0 49 h 100 v 2 h -100 z" });
+function H({
+  facetKey: d,
+  scales: m,
+  orientation: D,
+  geom: a,
+  aes: n,
+  sideDistances: w,
+  showTooltips: z,
+  elementsAmount: E,
+  normalize: A,
+  activeElementContainer: g,
+  tooltipsContainer: F,
+  tooltipsData: t
+}) {
+  const o = D === "vertical", l = m.xPrimary.bandwidth(), p = (m.xPrimary(a.primaryGrouping) ?? 0) + l / 2, r = n.width === "auto" ? l * 0.95 : Math.min(l, n.width), h = (l - r) / 2, x = [...m.xSecondary.domain()].filter((e) => a.valuesMap[e]).sort((e, c) => {
+    const v = a.valuesMap[e], i = a.valuesMap[c];
+    return v.height - i.height;
+  }), j = {};
+  let M = 0;
+  x.forEach((e) => {
+    if (!a.valuesMap[e])
+      return;
+    const c = a.valuesMap[e].height;
+    j[e] = {
+      y1: M,
+      y2: M + c
+    }, M += c;
+  });
+  const L = g && t.fixed;
+  return /* @__PURE__ */ s.jsx("g", { opacity: n.opacity, children: x.map((e) => {
+    if (!a.valuesMap[e])
+      return null;
+    const { y1: c, y2: v } = j[e], i = m.y(c), f = m.y(v), u = Math.abs(i - f) - 2 * h, P = typeof n.fillColor == "string" ? n.fillColor : n.fillColor[e], R = o ? -r / 2 : Math.min(i, f) + h, G = o ? Math.min(i, f) + h : -r / 2, C = e === "-";
+    if (!C && !b[e])
+      return;
+    const y = `logo_${a.key}_${e}`, O = t.currentFacet === d && t.selectedData === y && L, $ = /* @__PURE__ */ s.jsxs("g", { transform: o ? `translate(${p},0)` : `translate(0, ${p})`, children: [
+      /* @__PURE__ */ s.jsx("g", { transform: `translate(${R},${G})`, children: C ? /* @__PURE__ */ s.jsx(
+        "g",
+        {
+          transform: o ? `scale(${r / 100},1) translate(0,${u / 2 - 50})` : `scale(${u / 100},1) translate(0,${r / 2 - 50}) `,
+          children: q()
+        }
+      ) : /* @__PURE__ */ s.jsx(
+        "g",
+        {
+          transform: o ? `scale(${r / 100},${u / 100})` : `scale(${u / 100},${r / 100})`,
+          fill: P,
+          onMouseOver: () => t.onMouseEnter(y, d),
+          onMouseLeave: () => t.onMouseLeave(),
+          children: /* @__PURE__ */ s.jsx(
+            "path",
+            {
+              d: b[e],
+              fillRule: "evenodd",
+              clipRule: "evenodd"
+            }
+          )
+        }
+      ) }),
+      z && /* @__PURE__ */ s.jsx(
+        _,
+        {
+          content: [e, k(a.valuesMap[e].height) + (A ? "%" : "")],
+          x: o ? p : (i + f) / 2,
+          y: o ? (i + f) / 2 : p,
+          sideDistances: w,
+          horizontal: o,
+          offset: E > 1 ? l / 2 : l / 4,
+          active: y === t.selectedData && t.currentFacet === d,
+          fixed: t.fixed,
+          onClose: t.onClose,
+          container: F
+        }
+      )
+    ] }, e);
+    return O ? T.createPortal($, g) : $;
+  }) });
+}
+export {
+  H as LogoElement
+};
+//# sourceMappingURL=LogoElement.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/LogoElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/LogoElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { Orientation } from '../../../types';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { LogoPlotLayer } from '../../DiscreteSettingsImpl';\nimport type { LogoStack } from '../../layers';\nimport type { ChartScales } from '../types';\nimport { seqAlphabet } from './seqAlphabet';\n\nconst emptyGlyph = () => (<path d='M 0 49 h 100 v 2 h -100 z' />);\n\ninterface LogoElementProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: LogoStack;\n    orientation: Orientation;\n    aes: LogoPlotLayer['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    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nexport function LogoElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    sideDistances,\n    showTooltips,\n    elementsAmount,\n    normalize,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: LogoElementProps) {\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.95 : Math.min(boxOuterWidth, aes.width);\n    const offset = (boxOuterWidth - boxWidth) / 2;\n    const secondaryKeys = [...scales.xSecondary.domain()]\n        .filter(key => geom.valuesMap[key])\n        .sort((a, b) => {\n        const aH = geom.valuesMap[a];\n        const bH = geom.valuesMap[b];\n        return aH.height - bH.height;\n    });\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    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g opacity={aes.opacity}>\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) - 2 * offset;\n                const fillColor = typeof aes.fillColor === 'string' ? aes.fillColor : aes.fillColor[key];\n                const x = isVertical ? -boxWidth / 2 : Math.min(y1Px, y2Px) + offset;\n                const y = isVertical ? Math.min(y1Px, y2Px) + offset : -boxWidth / 2;\n                const isEmpty = key === '-';\n                if (!isEmpty && !seqAlphabet[key as keyof typeof seqAlphabet]) {\n                    return;\n                }\n                const globalKey = `logo_${geom.key}_${key}`;\n                const highlightedElement = tooltipsData.currentFacet === facetKey && tooltipsData.selectedData === globalKey && dimmedBackground;\n\n                const element = (\n                    <g key={key} transform={isVertical ? `translate(${boxXPosition},0)` : `translate(0, ${boxXPosition})`}>\n                        <g transform={`translate(${x},${y})`}>\n                            {isEmpty ? (\n                                <g\n                                    transform={isVertical\n                                        ? `scale(${boxWidth / 100},1) translate(0,${boxHeight / 2 - 50})`\n                                        : `scale(${boxHeight / 100},1) translate(0,${boxWidth / 2 - 50}) `}\n                                >\n                                    {emptyGlyph()}\n                                </g>\n                            ) : (\n                                <g\n                                    transform={isVertical ? `scale(${boxWidth / 100},${boxHeight / 100})` : `scale(${boxHeight / 100},${boxWidth / 100})`}\n                                    fill={fillColor}\n                                    onMouseOver={() => tooltipsData.onMouseEnter(globalKey, facetKey)}\n                                    onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                >\n                                    <path\n                                        d={seqAlphabet[key as keyof typeof seqAlphabet]}\n                                        fillRule=\"evenodd\" clipRule=\"evenodd\"\n                                    />\n                                </g>\n                            )}\n                        </g>\n                        {showTooltips && (\n                            <Tooltip\n                                content={[key, numberFormat(geom.valuesMap[key].height) + (normalize ? '%' : '')]}\n                                x={isVertical ? boxXPosition : (y1Px + y2Px) / 2}\n                                y={isVertical ? (y1Px + y2Px) / 2 : boxXPosition}\n                                sideDistances={sideDistances}\n                                horizontal={isVertical}\n                                offset={elementsAmount > 1 ? boxOuterWidth / 2 : boxOuterWidth / 4}\n                                active={globalKey === tooltipsData.selectedData && tooltipsData.currentFacet === facetKey}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return highlightedElement ? createPortal(element, activeElementContainer) : element;\n            })}\n        </g>\n    );\n}\n"],"names":["emptyGlyph","jsx","LogoElement","facetKey","scales","orientation","geom","aes","sideDistances","showTooltips","elementsAmount","normalize","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","boxOuterWidth","boxXPosition","boxWidth","offset","secondaryKeys","key","a","b","aH","bH","yValues","currentHeight","secondaryKey","height","dimmedBackground","e","y1","y2","y1Px","y2Px","boxHeight","fillColor","x","y","isEmpty","seqAlphabet","globalKey","highlightedElement","element","jsxs","Tooltip","numberFormat","createPortal"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/PairedPointsElement.js

@@ -0,0 +1,109 @@
+import { j as n } from "../../../node_modules/react/jsx-runtime.js";
+import { r as g } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as C } from "../../../common/Tooltip.js";
+import { getLineShape as T } from "../../../utils/getLineShape.js";
+import { getPointShape as D } from "../../../utils/getPointShape.js";
+import { numberFormat as M } from "../../../utils/numberFormat.js";
+function l(i, e, s, o) {
+  if (s && typeof s == "object" && "type" in s) {
+    if (s.type === "primaryGrouping")
+      return i.xPrimaryAes(o)[e];
+    if (s.type === "secondaryGrouping")
+      return i.xSecondaryAes(o)[e];
+  }
+  return s;
+}
+function H({
+  facetKey: i,
+  scales: e,
+  orientation: s,
+  geom: o,
+  aes: r,
+  sideDistances: j,
+  showTooltips: d,
+  activeElementContainer: u,
+  tooltipsContainer: c,
+  tooltipsData: t
+}) {
+  const y = s === "vertical", F = l(e, "lineColor", r.lineColor, o.id), L = l(e, "lineShape", r.lineShape, o.id), z = l(e, "fillColor", r.dotFill, o.key1), E = l(e, "dotShape", r.dotShape, o.key1), _ = l(e, "fillColor", r.dotFill, o.key2), b = l(e, "dotShape", r.dotShape, o.key2), w = D(E, r.dotSize, z), A = D(b, r.dotSize, _);
+  function p(a) {
+    return o.grouping === "primary" ? (e.xPrimary(a) ?? 0) + e.xPrimary.bandwidth() / 2 : (e.xPrimary(o.id) ?? 0) + (e.xSecondary(a) ?? 0) + e.xSecondary.bandwidth() / 2;
+  }
+  const P = u && t.fixed;
+  return /* @__PURE__ */ n.jsx("g", { opacity: r.opacity, children: o.pairs.map((a) => {
+    const m = y ? p(o.key1) : e.y(a.key1.value), f = y ? p(o.key2) : e.y(a.key2.value), x = y ? e.y(a.key1.value) : p(o.key1), k = y ? e.y(a.key2.value) : p(o.key2), h = `pairedPoints_${a.id}_${a.key1.id}`, v = `pairedPoints_${a.id}_${a.key2.id}`, G = t.currentFacet === i && t.selectedData === h && P, O = t.currentFacet === i && t.selectedData === v && P, S = /* @__PURE__ */ n.jsxs("g", { transform: `translate(${m},${x})`, children: [
+      w,
+      d && c && /* @__PURE__ */ n.jsx(
+        "circle",
+        {
+          onMouseOver: () => t.onMouseEnter(h, i),
+          onMouseLeave: () => t.onMouseLeave(),
+          r: "15",
+          fill: "transparent",
+          stroke: "none"
+        }
+      ),
+      d && /* @__PURE__ */ n.jsx(
+        C,
+        {
+          content: [a.id, M(a.key1.value)],
+          x: m,
+          y: x,
+          sideDistances: j,
+          horizontal: !0,
+          active: h === t.selectedData && t.currentFacet === i,
+          fixed: t.fixed,
+          onClose: t.onClose,
+          container: c
+        }
+      )
+    ] }), W = /* @__PURE__ */ n.jsxs("g", { transform: `translate(${f},${k})`, children: [
+      A,
+      d && c && /* @__PURE__ */ n.jsx(
+        "circle",
+        {
+          onMouseOver: () => t.onMouseEnter(v, i),
+          onMouseLeave: () => t.onMouseLeave(),
+          r: "15",
+          fill: "transparent",
+          stroke: "none"
+        }
+      ),
+      d && /* @__PURE__ */ n.jsx(
+        C,
+        {
+          content: [a.id, M(a.key2.value)],
+          x: f,
+          y: k,
+          sideDistances: j,
+          horizontal: !0,
+          active: v === t.selectedData && t.currentFacet === i,
+          fixed: t.fixed,
+          onClose: t.onClose,
+          container: c
+        }
+      )
+    ] });
+    return /* @__PURE__ */ n.jsxs("g", { children: [
+      /* @__PURE__ */ n.jsx(
+        "line",
+        {
+          x1: m,
+          y1: x,
+          x2: f,
+          y2: k,
+          stroke: F,
+          strokeDasharray: T(L),
+          strokeWidth: r.lineWidth,
+          fill: "none"
+        }
+      ),
+      G ? g.createPortal(S, u) : S,
+      O ? g.createPortal(S, u) : W
+    ] }, a.id);
+  }) });
+}
+export {
+  H as PairedPointsElement
+};
+//# sourceMappingURL=PairedPointsElement.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/PairedPointsElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PairedPointsElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/PairedPointsElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation, PointShape } from '../../../types';\nimport { getLineShape } from '../../../utils/getLineShape';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { PairedPoints } from '../../layers';\nimport type { PairedPointsData } from '../../layers/types';\nimport type { ChartScales } from '../types';\n\ninterface PairedPointsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: PairedPoints;\n    orientation: Orientation;\n    aes: PairedPointsData['aes'];\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsData: TooltipsData<unknown>;\n    activeElementContainer?: Element;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    key: string\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(key)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(key)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nexport function PairedPointsElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: PairedPointsProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom.id);\n    const lineShape = getAesValue(scales, 'lineShape', aes.lineShape, geom.id);\n\n    const fillColor1 = getAesValue(scales, 'fillColor', aes.dotFill, geom.key1);\n    const dotShape1 = getAesValue(scales, 'dotShape', aes.dotShape, geom.key1);\n\n    const fillColor2 = getAesValue(scales, 'fillColor', aes.dotFill, geom.key2);\n    const dotShape2 = getAesValue(scales, 'dotShape', aes.dotShape, geom.key2);\n    const shape1 = getPointShape(dotShape1 as PointShape, aes.dotSize, fillColor1);\n    const shape2 = getPointShape(dotShape2 as PointShape, aes.dotSize, fillColor2);\n\n    function getX(key: string) {\n        if (geom.grouping === 'primary') {\n            return (scales.xPrimary(key) ?? 0) + scales.xPrimary.bandwidth() / 2;\n        }\n        return (scales.xPrimary(geom.id) ?? 0) + (scales.xSecondary(key) ?? 0) + scales.xSecondary.bandwidth() / 2;\n    }\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n\n    return (\n        <g opacity={aes.opacity}>\n            {geom.pairs.map(pair => {\n                const x1 = isVertical ? getX(geom.key1) : scales.y(pair.key1.value);\n                const x2 = isVertical ? getX(geom.key2) : scales.y(pair.key2.value);\n                const y1 = isVertical ? scales.y(pair.key1.value) : getX(geom.key1);\n                const y2 = isVertical ? scales.y(pair.key2.value) : getX(geom.key2);\n                const globalKey1 = `pairedPoints_${pair.id}_${pair.key1.id}`;\n                const globalKey2 = `pairedPoints_${pair.id}_${pair.key2.id}`;\n                const highlightedPoint1 = tooltipsData.currentFacet === facetKey && tooltipsData.selectedData === globalKey1 && dimmedBackground;\n                const highlightedPoint2 = tooltipsData.currentFacet === facetKey && tooltipsData.selectedData === globalKey2 && dimmedBackground;\n\n                const point1 = (\n                    <g transform={`translate(${x1},${y1})`}>\n                        {shape1}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseEnter(globalKey1, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"15\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={[pair.id, numberFormat(pair.key1.value)]}\n                                x={x1}\n                                y={y1}\n                                sideDistances={sideDistances}\n                                horizontal\n                                active={globalKey1 === tooltipsData.selectedData && tooltipsData.currentFacet === facetKey}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                const point2 = (\n                    <g transform={`translate(${x2},${y2})`}>\n                        {shape2}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseEnter(globalKey2, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"15\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={[pair.id, numberFormat(pair.key2.value)]}\n                                x={x2}\n                                y={y2}\n                                sideDistances={sideDistances}\n                                horizontal\n                                active={globalKey2 === tooltipsData.selectedData && tooltipsData.currentFacet === facetKey}\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return (\n                    <g key={pair.id}>\n                        <line\n                            x1={x1}\n                            y1={y1}\n                            x2={x2}\n                            y2={y2}\n                            stroke={lineColor}\n                            strokeDasharray={getLineShape(lineShape)}\n                            strokeWidth={aes.lineWidth}\n                            fill=\"none\"\n                        />\n                        {highlightedPoint1 ? createPortal(point1, activeElementContainer) : point1}\n                        {highlightedPoint2 ? createPortal(point1, activeElementContainer) : point2}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","key","PairedPointsElement","facetKey","orientation","geom","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","lineColor","lineShape","fillColor1","dotShape1","fillColor2","dotShape2","shape1","getPointShape","shape2","getX","dimmedBackground","jsx","pair","x1","x2","y1","y2","globalKey1","globalKey2","highlightedPoint1","highlightedPoint2","point1","Tooltip","numberFormat","point2","d","getLineShape","createPortal"],"mappings":";;;;;;AA6BA,SAASA,EACLC,GACAC,GACAC,GACAC,GACS;AACT,MAAID,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOF,EAAO,YAAYG,CAAG,EAAEF,CAAK;AAExC,QAAIC,EAAM,SAAS;AACf,aAAOF,EAAO,cAAcG,CAAG,EAAEF,CAAK;AAAA,EAE9C;AACA,SAAOC;AACX;AAEO,SAASE,EAAoB;AAAA,EAChC,UAAAC;AAAAA,EACA,QAAAL;AAAAA,EACA,aAAAM;AAAAA,EACA,MAAAC;AAAAA,EACA,KAAAC;AAAAA,EACA,eAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,wBAAAC;AAAAA,EACA,mBAAAC;AAAAA,EACA,cAAAC;AACJ,GAAsB;AAClB,QAAMC,IAAaR,MAAgB,YAC7BS,IAAYhB,EAAYC,GAAQ,aAAaQ,EAAI,WAAWD,EAAK,EAAE,GACnES,IAAYjB,EAAYC,GAAQ,aAAaQ,EAAI,WAAWD,EAAK,EAAE,GAEnEU,IAAalB,EAAYC,GAAQ,aAAaQ,EAAI,SAASD,EAAK,IAAI,GACpEW,IAAYnB,EAAYC,GAAQ,YAAYQ,EAAI,UAAUD,EAAK,IAAI,GAEnEY,IAAapB,EAAYC,GAAQ,aAAaQ,EAAI,SAASD,EAAK,IAAI,GACpEa,IAAYrB,EAAYC,GAAQ,YAAYQ,EAAI,UAAUD,EAAK,IAAI,GACnEc,IAASC,EAAcJ,GAAyBV,EAAI,SAASS,CAAU,GACvEM,IAASD,EAAcF,GAAyBZ,EAAI,SAASW,CAAU;AAE7E,WAASK,EAAKrB,GAAa;AACvB,WAAII,EAAK,aAAa,aACVP,EAAO,SAASG,CAAG,KAAK,KAAKH,EAAO,SAAS,UAAA,IAAc,KAE/DA,EAAO,SAASO,EAAK,EAAE,KAAK,MAAMP,EAAO,WAAWG,CAAG,KAAK,KAAKH,EAAO,WAAW,UAAA,IAAc;AAAA,EAC7G;AAEA,QAAMyB,IAAmBd,KAA0BE,EAAa;AAEhE,SACIa,gBAAAA,EAAAA,IAAC,KAAA,EAAE,SAASlB,EAAI,SACX,UAAAD,EAAK,MAAM,IAAI,CAAAoB,MAAQ;AACpB,UAAMC,IAAKd,IAAaU,EAAKjB,EAAK,IAAI,IAAIP,EAAO,EAAE2B,EAAK,KAAK,KAAK,GAC5DE,IAAKf,IAAaU,EAAKjB,EAAK,IAAI,IAAIP,EAAO,EAAE2B,EAAK,KAAK,KAAK,GAC5DG,IAAKhB,IAAad,EAAO,EAAE2B,EAAK,KAAK,KAAK,IAAIH,EAAKjB,EAAK,IAAI,GAC5DwB,IAAKjB,IAAad,EAAO,EAAE2B,EAAK,KAAK,KAAK,IAAIH,EAAKjB,EAAK,IAAI,GAC5DyB,IAAa,gBAAgBL,EAAK,EAAE,IAAIA,EAAK,KAAK,EAAE,IACpDM,IAAa,gBAAgBN,EAAK,EAAE,IAAIA,EAAK,KAAK,EAAE,IACpDO,IAAoBrB,EAAa,iBAAiBR,KAAYQ,EAAa,iBAAiBmB,KAAcP,GAC1GU,IAAoBtB,EAAa,iBAAiBR,KAAYQ,EAAa,iBAAiBoB,KAAcR,GAE1GW,IAAAA,gBAAAA,EAAAA,KACD,KAAA,EAAE,WAAW,aAAaR,CAAE,IAAIE,CAAE,KAC9B,UAAA;AAAA,MAAAT;AAAAA,MACAX,KAAgBE,KACbc,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,MAAMb,EAAa,aAAamB,GAAY3B,CAAQ;AAAA,UACjE,cAAc,MAAMQ,EAAa,aAAA;AAAA,UACjC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAGdH,KACGgB,gBAAAA,EAAAA;AAAAA,QAACW;AAAAA,QAAA;AAAA,UACG,SAAS,CAACV,EAAK,IAAIW,EAAaX,EAAK,KAAK,KAAK,CAAC;AAAA,UAChD,GAAGC;AAAAA,UACH,GAAGE;AAAAA,UACH,eAAArB;AAAAA,UACA,YAAU;AAAA,UACV,QAAQuB,MAAenB,EAAa,gBAAgBA,EAAa,iBAAiBR;AAAAA,UAClF,OAAOQ,EAAa;AAAA,UACpB,SAASA,EAAa;AAAA,UACtB,WAAWD;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACf,CAER,GAEE2B,IAAAA,gBAAAA,EAAAA,KACD,KAAA,EAAE,WAAW,aAAaV,CAAE,IAAIE,CAAE,KAC9B,UAAA;AAAA,MAAAR;AAAAA,MACAb,KAAgBE,KACbc,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,aAAa,MAAMb,EAAa,aAAaoB,GAAY5B,CAAQ;AAAA,UACjE,cAAc,MAAMQ,EAAa,aAAA;AAAA,UACjC,GAAE;AAAA,UACF,MAAK;AAAA,UACL,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAGdH,KACGgB,gBAAAA,EAAAA;AAAAA,QAACW;AAAAA,QAAA;AAAA,UACG,SAAS,CAACV,EAAK,IAAIW,EAAaX,EAAK,KAAK,KAAK,CAAC;AAAA,UAChD,GAAGE;AAAAA,UACH,GAAGE;AAAAA,UACH,eAAAtB;AAAAA,UACA,YAAU;AAAA,UACV,QAAQwB,MAAepB,EAAa,gBAAgBA,EAAa,iBAAiBR;AAAAA,UAClF,OAAOQ,EAAa;AAAA,UACpB,SAASA,EAAa;AAAA,UACtB,WAAWD;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAGvB;AAEJ,WAAA4B,gBAAAA,EAAA,KACK,KAAA,EACG,UAAA;AAAA,MAAAd,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACG,IAAAE;AAAAA,UACA,IAAAE;AAAAA,UACA,IAAAD;AAAAA,UACA,IAAAE;AAAAA,UACA,QAAQhB;AAAAA,UACR,iBAAiB0B,EAAazB,CAAS;AAAA,UACvC,aAAaR,EAAI;AAAA,UACjB,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAER0B,IAAoBQ,EAAAA,aAAaN,GAAQzB,CAAsB,IAAIyB;AAAAA,MACnED,IAAoBO,EAAAA,aAAaN,GAAQzB,CAAsB,IAAI4B;AAAAA,IAAA,EAAA,GAZhEZ,EAAK,EAab;AAAA,EAER,CAAC,GACL;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/SinaElement.js

@@ -0,0 +1,69 @@
+import { j as a } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as P } from "../../../common/Tooltip.js";
+import { getPointShape as D } from "../../../utils/getPointShape.js";
+import { r as M } from "../../../_virtual/index.js";
+import { numberFormat as g } from "../../../utils/numberFormat.js";
+function S(o, e, r, t) {
+  if (r && typeof r == "object" && "type" in r) {
+    if (r.type === "primaryGrouping")
+      return o.xPrimaryAes(t.primaryGrouping)[e];
+    if (r.type === "secondaryGrouping")
+      return o.xSecondaryAes(t.secondaryGrouping)[e];
+  }
+  return r;
+}
+function A(o, e, r) {
+  return r ? [e, `${g(o)}`] : [`${g(o)}`];
+}
+function I({
+  scales: o,
+  orientation: e,
+  geom: r,
+  aes: t,
+  hasKeyFromColumn: $,
+  sideDistances: j,
+  showTooltips: m,
+  tooltipsContainer: l
+}) {
+  const [G, y] = M.useState(null), s = e === "vertical", p = (o.xPrimary(r.primaryGrouping) ?? 0) + (o.xSecondary(r.secondaryGrouping) ?? 0) + o.xSecondary.bandwidth() / 2, d = o.xSecondary.bandwidth(), w = t.width === "auto" ? d * 0.8 : Math.min(d, t.width), u = (n) => (1 - n * 2) * (w / 2), F = S(o, "dotFill", t.dotFill, r), b = S(o, "dotShape", t.dotShape, r), v = D(b, t.dotSize, F);
+  return /* @__PURE__ */ a.jsx("g", { transform: s ? `translate(${p},0)` : `translate(0, ${p})`, children: r.points.map(({ x: n, y: c, jitter: f, id: i }) => {
+    const x = s ? c * u(f) : o.y(n), h = s ? o.y(n) : c * u(f);
+    return /* @__PURE__ */ a.jsxs(
+      "g",
+      {
+        opacity: t.opacity,
+        transform: `translate(${x},${h})`,
+        children: [
+          v,
+          m && l && /* @__PURE__ */ a.jsx(
+            "circle",
+            {
+              onMouseOver: () => y(i),
+              onMouseLeave: () => y(null),
+              r: "4",
+              fill: "transparent",
+              stroke: "none"
+            }
+          ),
+          m && /* @__PURE__ */ a.jsx(
+            P,
+            {
+              content: A(c, i, $),
+              x: p + x,
+              y: h,
+              active: G === i,
+              fixed: !1,
+              sideDistances: j,
+              container: l
+            }
+          )
+        ]
+      },
+      i
+    );
+  }) });
+}
+export {
+  I as SinaElement
+};
+//# sourceMappingURL=SinaElement.js.map

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/SinaElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SinaElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/src/discrete/components/layers/SinaElement.tsx"],"sourcesContent":["import {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {Sina} from '../../layers';\nimport type {SinaLayer} from '../../DiscreteSettingsImpl';\nimport {getPointShape} from '../../../utils/getPointShape';\nimport type {AesItem, InheritAesDiscrete} from '../../../types';\nimport type {Orientation} from '../../../types';\nimport React, {useState} from 'react';\nimport {numberFormat} from '../../../utils/numberFormat';\n\ninterface SinaProps {\n    scales: ChartScales;\n    geom: Sina;\n    orientation: Orientation;\n    aes: SinaLayer['aes'];\n    hasKeyFromColumn: boolean;\n    sideDistances: {\n        left: number;\n        right: number;\n        top: number;\n        bottom: number;\n    };\n    showTooltips: boolean;\n    tooltipsContainer?: Element;\n}\n\nfunction getAesValue<ValueType>(\n    scales: ChartScales,\n    field: keyof AesItem,\n    value: ValueType | InheritAesDiscrete,\n    geom: Sina\n): ValueType {\n    if (value && typeof value === 'object' && 'type' in value) {\n        if (value.type === 'primaryGrouping') {\n            return scales.xPrimaryAes(geom.primaryGrouping)[field] as ValueType;\n        }\n        if (value.type === 'secondaryGrouping') {\n            return scales.xSecondaryAes(geom.secondaryGrouping)[field] as ValueType;\n        }\n    }\n    return value as ValueType;\n}\n\nfunction getTooltipContent(y: number, id: string, hasKeyFromColumn: boolean) {\n    if (hasKeyFromColumn) {\n        return [id, `${numberFormat(y)}`];\n    }\n    return [`${numberFormat(y)}`];\n}\n\nexport function SinaElement({\n    scales,\n    orientation,\n    geom,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    tooltipsContainer,\n}: SinaProps) {\n    const [selectedDot, setSelectedDot] = useState<string | null>(null);\n    const isVertical = orientation === 'vertical';\n    const xPosition =\n        (scales.xPrimary(geom.primaryGrouping) ?? 0) +\n        (scales.xSecondary(geom.secondaryGrouping) ?? 0) +\n        scales.xSecondary.bandwidth() / 2;\n    const boxOuterWidth = scales.xSecondary.bandwidth();\n    const boxWidth = aes.width === 'auto' ? boxOuterWidth * 0.8 : Math.min(boxOuterWidth, aes.width);\n    const getJitterX = (v: number) => (1 - v * 2) * (boxWidth / 2);\n    const dotFill = getAesValue(scales, 'dotFill', aes.dotFill, geom);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, geom);\n    const shape = getPointShape(dotShape, aes.dotSize, dotFill);\n\n    return (\n        <g transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`}>\n            {geom.points.map(({x, y, jitter, id}) => {\n                const xPos = isVertical ? y * getJitterX(jitter) : scales.y(x);\n                const yPos = isVertical ? scales.y(x) : y * getJitterX(jitter);\n                return (\n                    <g\n                        key={id}\n                        opacity={aes.opacity}\n                        transform={`translate(${xPos},${yPos})`}\n                    >\n                        {shape}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => setSelectedDot(id)}\n                                onMouseLeave={() => setSelectedDot(null)}\n                                r=\"4\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(y, id, hasKeyFromColumn)}\n                                x={xPosition + xPos}\n                                y={yPos}\n                                active={selectedDot === id}\n                                fixed={false}\n                                sideDistances={sideDistances}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","getTooltipContent","y","id","hasKeyFromColumn","numberFormat","SinaElement","orientation","aes","sideDistances","showTooltips","tooltipsContainer","selectedDot","setSelectedDot","useState","isVertical","xPosition","boxOuterWidth","boxWidth","getJitterX","v","dotFill","dotShape","shape","getPointShape","p","x","jitter","xPos","yPos","jsxs","jsx","Tooltip"],"mappings":";;;;;AA0BA,SAASA,EACLC,GACAC,GACAC,GACAC,GACS;AACT,MAAID,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOF,EAAO,YAAYG,EAAK,eAAe,EAAEF,CAAK;AAEzD,QAAIC,EAAM,SAAS;AACf,aAAOF,EAAO,cAAcG,EAAK,iBAAiB,EAAEF,CAAK;AAAA,EAEjE;AACA,SAAOC;AACX;AAEA,SAASE,EAAkBC,GAAWC,GAAYC,GAA2B;AACzE,SAAIA,IACO,CAACD,GAAI,GAAGE,EAAaH,CAAC,CAAC,EAAE,IAE7B,CAAC,GAAGG,EAAaH,CAAC,CAAC,EAAE;AAChC;AAEO,SAASI,EAAY;AAAA,EACxB,QAAAT;AAAAA,EACA,aAAAU;AAAAA,EACA,MAAAP;AAAAA,EACA,KAAAQ;AAAAA,EACA,kBAAAJ;AAAAA,EACA,eAAAK;AAAAA,EACA,cAAAC;AAAAA,EACA,mBAAAC;AACJ,GAAc;AACV,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAAA,SAAwB,IAAI,GAC5DC,IAAaR,MAAgB,YAC7BS,KACDnB,EAAO,SAASG,EAAK,eAAe,KAAK,MACzCH,EAAO,WAAWG,EAAK,iBAAiB,KAAK,KAC9CH,EAAO,WAAW,UAAA,IAAc,GAC9BoB,IAAgBpB,EAAO,WAAW,UAAA,GAClCqB,IAAWV,EAAI,UAAU,SAASS,IAAgB,MAAM,KAAK,IAAIA,GAAeT,EAAI,KAAK,GACzFW,IAAa,CAACC,OAAe,IAAIA,IAAI,MAAMF,IAAW,IACtDG,IAAUzB,EAAYC,GAAQ,WAAWW,EAAI,SAASR,CAAI,GAC1DsB,IAAW1B,EAAYC,GAAQ,YAAYW,EAAI,UAAUR,CAAI,GAC7DuB,IAAQC,EAAcF,GAAUd,EAAI,SAASa,CAAO;AAE1D,SAAAI,gBAAAA,EAAA,IACK,KAAA,EAAE,WAAWV,IAAa,aAAaC,CAAS,QAAQ,gBAAgBA,CAAS,KAC7E,UAAAhB,EAAK,OAAO,IAAI,CAAC,EAAC,GAAA0B,GAAG,GAAAxB,GAAG,QAAAyB,GAAQ,IAAAxB,EAAAA,MAAQ;AACrC,UAAMyB,IAAOb,IAAab,IAAIiB,EAAWQ,CAAM,IAAI9B,EAAO,EAAE6B,CAAC,GACvDG,IAAOd,IAAalB,EAAO,EAAE6B,CAAC,IAAIxB,IAAIiB,EAAWQ,CAAM;AAC7D,WACIG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,SAAStB,EAAI;AAAA,QACb,WAAW,aAAaoB,CAAI,IAAIC,CAAI;AAAA,QAEnC,UAAA;AAAA,UAAAN;AAAAA,UACAb,KAAgBC,KACboB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa,MAAMlB,EAAeV,CAAE;AAAA,cACpC,cAAc,MAAMU,EAAe,IAAI;AAAA,cACvC,GAAE;AAAA,cACF,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGdH,KACGqB,gBAAAA,EAAAA;AAAAA,YAACC;AAAAA,YAAA;AAAA,cACG,SAAS/B,EAAkBC,GAAGC,GAAIC,CAAgB;AAAA,cAClD,GAAGY,IAAYY;AAAAA,cACf,GAAGC;AAAAA,cACH,QAAQjB,MAAgBT;AAAAA,cACxB,OAAO;AAAA,cACP,eAAAM;AAAAA,cACA,WAAWE;AAAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,MAvBCR;AAAAA,IAAA;AAAA,EA2BjB,CAAC,GACL;AAER;","x_google_ignoreList":[0]}

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/StackedBarElement.js

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

package/dist/node_modules/@milaboratories/miplots4/dist/discrete/components/layers/StackedBarElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBarElement.js","sources":["../../../../../../../../node_modules/@milaboratories/miplots4/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}\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}: 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 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                        onMouseOver={() => tooltipsData.onMouseEnter(globalKey, facetKey)}\n                        onMouseLeave={() => tooltipsData.onMouseLeave()}\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 : (y1Px + y2Px) / 2}\n                                y={isVertical ? (y1Px + y2Px) / 2 : boxXPosition}\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","isVertical","boxOuterWidth","boxXPosition","boxWidth","secondaryKeys","yValues","currentHeight","height","dimmedBackground","jsx","key","y1","y2","y1Px","y2Px","boxHeight","lineColor","fillColor","globalKey","section","highlightedSection","f","createPortal","Tooltip"],"mappings":";;;;AA8BA,SAASA,EACLC,GACAC,GACAC,GACAC,GACAC,GACS;AACT,MAAIF,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,aAAOF,EAAO,YAAYG,CAAe,EAAEF,CAAK;AAEpD,QAAIC,EAAM,SAAS;AACf,aAAOF,EAAO,cAAcI,CAAiB,EAAEH,CAAK;AAAA,EAE5D;AACA,SAAOC;AACX;AAEA,SAASG,EAAkBD,GAAgCE,GAAiBC,GAAsBC,GAAmB;AACjH,QAAMC,IAAWL,EAAkB,YAAYG,CAAY,GACrDG,IAAcC,EAAaL,EAAK,UAAUC,CAAY,EAAE,MAAM,KAAKC,IAAY,MAAM;AAC3F,SAAOC,IAAW,CAACA,GAAUC,CAAW,IAAI,CAACA,CAAW;AAC5D;AAEO,SAASE,EAAkB;AAAA,EAC9B,UAAAC;AAAAA,EACA,QAAAb;AAAAA,EACA,aAAAc;AAAAA,EACA,MAAAR;AAAAA,EACA,KAAAS;AAAAA,EACA,eAAAC;AAAAA,EACA,cAAAC;AAAAA,EACA,gBAAAC;AAAAA,EACA,WAAAV;AAAAA,EACA,mBAAAJ;AAAAA,EACA,wBAAAe;AAAAA,EACA,mBAAAC;AAAAA,EACA,cAAAC;AACJ,GAAoB;AAChB,QAAMC,IAAaR,MAAgB,YAC7BS,IAAgBvB,EAAO,SAAS,UAAA,GAChCwB,KAAgBxB,EAAO,SAASM,EAAK,eAAe,KAAK,KAAKiB,IAAgB,GAC9EE,IAAWV,EAAI,UAAU,SAASQ,IAAgB,MAAM,KAAK,IAAIA,GAAeR,EAAI,KAAK,GACzFW,IAAgB1B,EAAO,WAAW,OAAA,EAAS,QAAA,GAC3C2B,IAAmD,CAAA;AACzD,MAAIC,IAAgB;AACpBF,IAAc,QAAQ,CAAAnB,MAAgB;AAClC,QAAI,CAACD,EAAK,UAAUC,CAAY;AAC5B;AAEJ,UAAMsB,IAASvB,EAAK,UAAUC,CAAY,EAAE;AAC5CoB,IAAAA,EAAQpB,CAAY,IAAI;AAAA,MACpB,IAAIqB;AAAAA,MACJ,IAAIA,IAAgBC;AAAAA,IAAA,GAExBD,KAAiBC;AAAAA,EACrB,CAAC;AAED,QAAMC,IAAmBX,KAA0BE,EAAa;AAEhE,SACIU,gBAAAA,EAAAA,IAAC,KAAA,EAAE,SAAShB,EAAI,SAAS,aAAaA,EAAI,WACrC,UAAAW,EAAc,IAAI,CAAAM,MAAO;AACtB,QAAI,CAAC1B,EAAK,UAAU0B,CAAG;AACnB,aAAO;AAEX,UAAM,EAAC,IAAAC,GAAI,IAAAC,EAAAA,IAAMP,EAAQK,CAAG,GACtBG,IAAOnC,EAAO,EAAEiC,CAAE,GAClBG,IAAOpC,EAAO,EAAEkC,CAAE,GAClBG,IAAY,KAAK,IAAIF,IAAOC,CAAI,GAChCE,IAAYvC,EAAYC,GAAQ,aAAae,EAAI,WAAWT,EAAK,iBAAiB0B,CAAG,GACrFO,IAAYxC,EAAYC,GAAQ,aAAae,EAAI,WAAWT,EAAK,iBAAiB0B,CAAG,GACrFQ,IAAY,cAAc,OAAOlC,EAAK,eAAe,CAAC,IAAI,OAAO0B,CAAG,CAAC,IAErES,IACFV,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAOT,IAAaG,IAAWY;AAAAA,QAC/B,QAAQf,IAAae,IAAYZ;AAAAA,QACjC,GAAGH,IAAaE,IAAeC,IAAW,IAAI,KAAK,IAAIU,GAAMC,CAAI;AAAA,QACjE,GAAGd,IAAa,KAAK,IAAIa,GAAMC,CAAI,IAAIZ,IAAeC,IAAW;AAAA,QACjE,MAAMc;AAAAA,QACN,QAAQD;AAAAA,QACR,aAAa,MAAMjB,EAAa,aAAamB,GAAW3B,CAAQ;AAAA,QAChE,cAAc,MAAMQ,EAAa,aAAA;AAAA,MAAA;AAAA,IAAa,GAGhDqB,IAAqBrB,EAAa,iBAAiBmB,KAAa3B,MAAaQ,EAAa,gBAAgBS;AAChH,WAAAa,gBAAAA,EAAA,KACK,KAAA,EACI,UAAA;AAAA,MAAAD,IAAqBE,EAAAA,aAAaH,GAAStB,CAAsB,IAAIsB;AAAAA,MACrExB,KACGc,gBAAAA,EAAAA;AAAAA,QAACc;AAAAA,QAAA;AAAA,UACG,SAASxC,EAAkBD,GAAmBE,GAAM0B,GAAKxB,CAAS;AAAA,UAClE,GAAGc,IAAaE,KAAgBW,IAAOC,KAAQ;AAAA,UAC/C,GAAGd,KAAca,IAAOC,KAAQ,IAAIZ;AAAAA,UACpC,eAAAR;AAAAA,UACA,YAAYM;AAAAA,UACZ,QAAQJ,IAAiB,IAAIK,IAAgB,IAAIA,IAAgB;AAAA,UACjE,QAAQiB,MAAcnB,EAAa,gBAAgBR,MAAaQ,EAAa;AAAA,UAC7E,OAAOA,EAAa;AAAA,UACpB,SAASA,EAAa;AAAA,UACtB,WAAWD;AAAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EACf,GAdAY,CAgBR;AAAA,EAER,CAAC,GACL;AAER;","x_google_ignoreList":[0]}