@milaboratories/miplots4 1.0.176 → 1.0.178

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

@@ -1 +1 @@
-{"version":3,"file":"LogoElement.js","sources":["../../../../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","y1","y2","y1Px","y2Px","boxHeight","fillColor","x","y","isEmpty","seqAlphabet","globalKey","highlightedElement","element","jsxs","Tooltip","numberFormat","createPortal"],"mappings":"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"}
+{"version":3,"file":"LogoElement.js","names":[],"sources":["../../../../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"],"mappings":";;;;;AAUA,IAAM,UAAoB,kBAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA;AAsBhE,SAAgB,EAAY,EACxB,aACA,WACA,gBACA,SACA,QACA,kBACA,iBACA,mBACA,cACA,2BACA,sBACA,mBACiB;CACjB,IAAM,IAAa,MAAgB,YAC7B,IAAgB,EAAO,SAAS,WAAW,EAC3C,KAAgB,EAAO,SAAS,EAAK,gBAAgB,IAAI,KAAK,IAAgB,GAC9E,IAAW,EAAI,UAAU,SAAS,IAAgB,MAAO,KAAK,IAAI,GAAe,EAAI,MAAM,EAC3F,KAAU,IAAgB,KAAY,GACtC,IAAgB,CAAC,GAAG,EAAO,WAAW,QAAQ,CAAC,CAChD,QAAO,MAAO,EAAK,UAAU,GAAK,CAClC,MAAM,GAAG,MAAM;EAChB,IAAM,IAAK,EAAK,UAAU,IACpB,IAAK,EAAK,UAAU;AAC1B,SAAO,EAAG,SAAS,EAAG;GACxB,EACI,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;CACF,IAAM,IAAmB,KAA0B,EAAa;AAEhE,QACI,kBAAC,KAAD;EAAG,SAAS,EAAI;YACX,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,GAAG,IAAI,GACxC,IAAY,OAAO,EAAI,aAAc,WAAW,EAAI,YAAY,EAAI,UAAU,IAC9E,IAAI,IAAa,CAAC,IAAW,IAAI,KAAK,IAAI,GAAM,EAAK,GAAG,GACxD,IAAI,IAAa,KAAK,IAAI,GAAM,EAAK,GAAG,IAAS,CAAC,IAAW,GAC7D,IAAU,MAAQ;AACxB,OAAI,CAAC,KAAW,CAAC,EAAY,GACzB;GAEJ,IAAM,IAAY,QAAQ,EAAK,IAAI,GAAG,KAChC,IAAqB,EAAa,iBAAiB,KAAY,EAAa,iBAAiB,KAAa,GAE1G,IACF,kBAAC,KAAD;IAAa,WAAW,IAAa,aAAa,EAAa,OAAO,gBAAgB,EAAa;cAAnG,CACI,kBAAC,KAAD;KAAG,WAAW,aAAa,EAAE,GAAG,EAAE;eAC7B,IACG,kBAAC,KAAD;MACI,WAAW,IACL,SAAS,IAAW,IAAI,kBAAkB,IAAY,IAAI,GAAG,KAC7D,SAAS,IAAY,IAAI,kBAAkB,IAAW,IAAI,GAAG;gBAElE,GAAY;MACb,CAAA,GAEJ,kBAAC,KAAD;MACI,WAAW,IAAa,SAAS,IAAW,IAAI,GAAG,IAAY,IAAI,KAAK,SAAS,IAAY,IAAI,GAAG,IAAW,IAAI;MACnH,MAAM;MACN,mBAAmB,EAAa,aAAa,GAAW,EAAS;MACjE,oBAAoB,EAAa,cAAc;gBAE/C,kBAAC,QAAD;OACI,GAAG,EAAY;OACf,UAAS;OAAU,UAAS;OAC9B,CAAA;MACF,CAAA;KAER,CAAA,EACH,KACG,kBAAC,GAAD;KACI,SAAS,CAAC,GAAK,EAAa,EAAK,UAAU,GAAK,OAAO,IAAI,IAAY,MAAM,IAAI;KACjF,GAAG,IAAa,KAAgB,IAAO,KAAQ;KAC/C,GAAG,KAAc,IAAO,KAAQ,IAAI;KACrB;KACf,YAAY;KACZ,QAAQ,IAAiB,IAAI,IAAgB,IAAI,IAAgB;KACjE,QAAQ,MAAc,EAAa,gBAAgB,EAAa,iBAAiB;KACjF,OAAO,EAAa;KACpB,SAAS,EAAa;KACtB,WAAW;KACb,CAAA,CAEN;MAtCI,EAsCJ;AAER,UAAO,IAAqB,EAAa,GAAS,EAAuB,GAAG;IAC9E;EACF,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PairedPointsElement.js","sources":["../../../../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","getLineShape","createPortal"],"mappings":"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"}
+{"version":3,"file":"PairedPointsElement.js","names":[],"sources":["../../../../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"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SinaElement.js","sources":["../../../../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","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;AAAA,EACA,aAAAU;AAAA,EACA,MAAAP;AAAA,EACA,KAAAQ;AAAA,EACA,kBAAAJ;AAAA,EACA,eAAAK;AAAA,EACA,cAAAC;AAAA,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,cAAc,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,+BACK,KAAA,EAAE,WAAWN,IAAa,aAAaC,CAAS,QAAQ,gBAAgBA,CAAS,KAC7E,UAAAhB,EAAK,OAAO,IAAI,CAAC,EAAC,GAAAyB,GAAG,GAAAvB,GAAG,QAAAwB,GAAQ,IAAAvB,QAAQ;AACrC,UAAMwB,IAAOZ,IAAab,IAAIiB,EAAWO,CAAM,IAAI7B,EAAO,EAAE4B,CAAC,GACvDG,IAAOb,IAAalB,EAAO,EAAE4B,CAAC,IAAIvB,IAAIiB,EAAWO,CAAM;AAC7D,WACIG,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEG,SAASrB,EAAI;AAAA,QACb,WAAW,aAAamB,CAAI,IAAIC,CAAI;AAAA,QAEnC,UAAA;AAAA,UAAAL;AAAA,UACAb,KAAgBC,KACbmB,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACG,aAAa,MAAMjB,EAAeV,CAAE;AAAA,cACpC,cAAc,MAAMU,EAAe,IAAI;AAAA,cACvC,GAAE;AAAA,cACF,MAAK;AAAA,cACL,QAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGdH,KACGoB,gBAAAA,EAAAA;AAAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAAS9B,EAAkBC,GAAGC,GAAIC,CAAgB;AAAA,cAClD,GAAGY,IAAYW;AAAA,cACf,GAAGC;AAAA,cACH,QAAQhB,MAAgBT;AAAA,cACxB,OAAO;AAAA,cACP,eAAAM;AAAA,cACA,WAAWE;AAAA,YAAA;AAAA,UAAA;AAAA,QACf;AAAA,MAAA;AAAA,MAvBCR;AAAA,IAAA;AAAA,EA2BjB,CAAC,EAAA,CACL;AAER;"}
+{"version":3,"file":"SinaElement.js","names":[],"sources":["../../../../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"],"mappings":";;;;;AA0BA,SAAS,EACL,GACA,GACA,GACA,GACS;AACT,KAAI,KAAS,OAAO,KAAU,YAAY,UAAU,GAAO;AACvD,MAAI,EAAM,SAAS,kBACf,QAAO,EAAO,YAAY,EAAK,gBAAgB,CAAC;AAEpD,MAAI,EAAM,SAAS,oBACf,QAAO,EAAO,cAAc,EAAK,kBAAkB,CAAC;;AAG5D,QAAO;;AAGX,SAAS,EAAkB,GAAW,GAAY,GAA2B;AAIzE,QAHI,IACO,CAAC,GAAI,GAAG,EAAa,EAAE,GAAG,GAE9B,CAAC,GAAG,EAAa,EAAE,GAAG;;AAGjC,SAAgB,EAAY,EACxB,WACA,gBACA,SACA,QACA,qBACA,kBACA,iBACA,wBACU;CACV,IAAM,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,IAAa,MAAgB,YAC7B,KACD,EAAO,SAAS,EAAK,gBAAgB,IAAI,MACzC,EAAO,WAAW,EAAK,kBAAkB,IAAI,KAC9C,EAAO,WAAW,WAAW,GAAG,GAC9B,IAAgB,EAAO,WAAW,WAAW,EAC7C,IAAW,EAAI,UAAU,SAAS,IAAgB,KAAM,KAAK,IAAI,GAAe,EAAI,MAAM,EAC1F,KAAc,OAAe,IAAI,IAAI,MAAM,IAAW,IACtD,IAAU,EAAY,GAAQ,WAAW,EAAI,SAAS,EAAK,EAE3D,IAAQ,EADG,EAAY,GAAQ,YAAY,EAAI,UAAU,EAAK,EAC9B,EAAI,SAAS,EAAQ;AAE3D,QACI,kBAAC,KAAD;EAAG,WAAW,IAAa,aAAa,EAAU,OAAO,gBAAgB,EAAU;YAC9E,EAAK,OAAO,KAAK,EAAC,MAAG,MAAG,WAAQ,YAAQ;GACrC,IAAM,IAAO,IAAa,IAAI,EAAW,EAAO,GAAG,EAAO,EAAE,EAAE,EACxD,IAAO,IAAa,EAAO,EAAE,EAAE,GAAG,IAAI,EAAW,EAAO;AAC9D,UACI,kBAAC,KAAD;IAEI,SAAS,EAAI;IACb,WAAW,aAAa,EAAK,GAAG,EAAK;cAHzC;KAKK;KACA,KAAgB,KACb,kBAAC,UAAD;MACI,mBAAmB,EAAe,EAAG;MACrC,oBAAoB,EAAe,KAAK;MACxC,GAAE;MACF,MAAK;MACL,QAAO;MACT,CAAA;KAEL,KACG,kBAAC,GAAD;MACI,SAAS,EAAkB,GAAG,GAAI,EAAiB;MACnD,GAAG,IAAY;MACZ;MACH,QAAQ,MAAgB;MACxB,OAAO;MACQ;MACf,WAAW;MACb,CAAA;KAEN;MAzBK,EAyBL;IAEV;EACF,CAAA"}