@milaboratories/miplots4 1.0.123 → 1.0.124

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

@@ -0,0 +1 @@
+{"version":3,"file":"DotsGroupElement.js","sources":["../../../../src/discrete/components/layers/DotsGroupElement.tsx"],"sourcesContent":["import type {TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {DotsGroup} from '../../layers';\nimport type {DotLayer} from '../../DiscreteSettingsImpl';\nimport {getPointShape} from '../../../utils/getPointShape';\nimport type {AesItem, InheritAesDiscrete} from '../../../types';\nimport type {Orientation} from '../../../types';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport React from 'react';\nimport {createPortal} from 'react-dom';\n\ninterface DotsProps {\n    facetKey: string;\n    scales: ChartScales;\n    geom: DotsGroup;\n    orientation: Orientation;\n    aes: DotLayer['aes'];\n    hasKeyFromColumn: boolean;\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    geom: DotsGroup\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 DotsGroupElement({\n    facetKey,\n    scales,\n    orientation,\n    geom,\n    aes,\n    hasKeyFromColumn,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: DotsProps) {\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 boxWidth = scales.xSecondary.bandwidth() * aes.jitter;\n    const getJitterX = (v: number) => (1 - v * 2) * (boxWidth / 2);\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, geom);\n    const fillColor = getAesValue(scales, 'dotFill', aes.dotFill, geom);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, geom);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    return (\n        <g transform={isVertical ? `translate(${xPosition},0)` : `translate(0, ${xPosition})`} stroke={lineColor}>\n            {geom.values.map(geomValue => {\n                const {jitter, id} = geomValue;\n                const highlightedDot = tooltipsData.selectedData === geomValue && dimmedBackground;\n                const xJitter = getJitterX(jitter);\n                const x = isVertical ? (highlightedDot ? xPosition + xJitter : xJitter) : scales.y(geomValue.y);\n                const y = isVertical ? scales.y(geomValue.y) : highlightedDot ? xPosition + xJitter : xJitter;\n                const dot = (\n                    <g key={id} opacity={aes.opacity} transform={`translate(${x},${y})`}>\n                        {shape}\n                        {showTooltips && tooltipsContainer && (\n                            <circle\n                                onMouseOver={() => tooltipsData.onMouseOver(geomValue, facetKey)}\n                                onMouseLeave={() => tooltipsData.onMouseLeave()}\n                                r=\"4\"\n                                fill=\"transparent\"\n                                stroke=\"none\"\n                            />\n                        )}\n                        {showTooltips && (\n                            <Tooltip\n                                content={getTooltipContent(geomValue.y, id, hasKeyFromColumn)}\n                                x={xPosition + getJitterX(jitter)}\n                                y={y}\n                                active={\n                                    tooltipsData.active &&\n                                    tooltipsData.selectedData === geomValue &&\n                                    tooltipsData.currentFacet === facetKey\n                                }\n                                fixed={tooltipsData.fixed}\n                                onClose={tooltipsData.onClose}\n                                sideDistances={sideDistances}\n                                container={tooltipsContainer}\n                            />\n                        )}\n                    </g>\n                );\n                return highlightedDot ? createPortal(dot, activeElementContainer) : dot;\n            })}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","getTooltipContent","y","id","hasKeyFromColumn","numberFormat","DotsGroupElement","facetKey","orientation","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","xPosition","boxWidth","getJitterX","v","lineColor","fillColor","dotShape","shape","getPointShape","dimmedBackground","jsx","geomValue","jitter","highlightedDot","xJitter","x","dot","jsxs","Tooltip","createPortal"],"mappings":"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"}

package/dist/discrete/components/layers/ErrorBarElement.d.ts

@@ -0,0 +1,25 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { ErrorBar } from '../../layers';
+import { ErrorBarsData } from '../../layers/types';
+import { Orientation } from '../../../types';
+interface ErrorBarProps {
+    facetKey: string;
+    scales: ChartScales;
+    errorBar: ErrorBar;
+    orientation: Orientation;
+    aes: ErrorBarsData['aes'];
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function ErrorBarElement({ facetKey, scales, orientation, errorBar, aes, sideDistances, showTooltips, activeElementContainer, tooltipsContainer, tooltipsData, }: ErrorBarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ErrorBarElement.d.ts.map

package/dist/discrete/components/layers/ErrorBarElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBarElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,oBAAoB,CAAC;AAGtD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAKhD,UAAU,aAAa;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmBD,wBAAgB,eAAe,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,GAAG,EACH,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,aAAa,2CAuEf"}

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

@@ -0,0 +1,99 @@
+import { j as c } from "../../../node_modules/react/jsx-runtime.js";
+import { Tooltip as G } from "../../../common/Tooltip.js";
+import { getPointShape as b } from "../../../utils/getPointShape.js";
+import { numberFormat as k } from "../../../utils/numberFormat.js";
+import { r as v } from "../../../node_modules/react-dom/index.js";
+function f(l, t, r, o) {
+  if (r && typeof r == "object" && "type" in r) {
+    if (r.type === "primaryGrouping")
+      return l.xPrimaryAes(o.primaryGrouping)[t];
+    if (r.type === "secondaryGrouping")
+      return l.xSecondaryAes(o.secondaryGrouping)[t];
+  }
+  return r;
+}
+function L({
+  facetKey: l,
+  scales: t,
+  orientation: r,
+  errorBar: o,
+  aes: i,
+  sideDistances: j,
+  showTooltips: h,
+  activeElementContainer: p,
+  tooltipsContainer: s,
+  tooltipsData: e
+}) {
+  const n = r === "vertical", a = f(t, "lineColor", i.lineColor, o), C = f(t, "fillColor", i.fillColor, o), P = f(t, "dotShape", i.dotShape, o), d = (t.xPrimary(o.primaryGrouping) ?? 0) + t.xPrimary.bandwidth() / 2, x = i.width === "auto" ? t.xPrimary.bandwidth() * 0.2 : i.width, m = t.y(o.min), y = t.y(o.max), u = t.y(o.value), S = b(P, i.dotSize, C), $ = p && e.fixed, w = e.selectedData === o && $, g = i.showDots ? /* @__PURE__ */ c.jsxs("g", { transform: n ? `translate(${d},${u})` : `translate(${u},${d})`, children: [
+    S,
+    h && s && /* @__PURE__ */ c.jsx(
+      "circle",
+      {
+        onMouseOver: () => e.onMouseOver(o, l),
+        onMouseLeave: () => e.onMouseLeave(),
+        r: "15",
+        fill: "transparent",
+        stroke: "none"
+      }
+    ),
+    h && /* @__PURE__ */ c.jsx(
+      G,
+      {
+        content: [k(o.value)],
+        x: n ? d : u,
+        y: n ? u : d,
+        sideDistances: j,
+        horizontal: !0,
+        active: e.active && e.selectedData === o && e.currentFacet === l,
+        fixed: e.fixed,
+        onClose: e.onClose,
+        container: s
+      }
+    )
+  ] }) : null;
+  return /* @__PURE__ */ c.jsxs(
+    "g",
+    {
+      opacity: i.opacity,
+      stroke: a,
+      fill: "none",
+      strokeWidth: i.lineWidth,
+      children: [
+        /* @__PURE__ */ c.jsxs("g", { transform: n ? `translate(${d},0)` : `translate(0,${d})`, children: [
+          /* @__PURE__ */ c.jsx(
+            "line",
+            {
+              x1: n ? 0 : m,
+              x2: n ? 0 : y,
+              y1: n ? m : 0,
+              y2: n ? y : 0
+            }
+          ),
+          /* @__PURE__ */ c.jsx(
+            "line",
+            {
+              x1: n ? -x / 2 : m,
+              x2: n ? x / 2 : m,
+              y1: n ? m : -x / 2,
+              y2: n ? m : x / 2
+            }
+          ),
+          /* @__PURE__ */ c.jsx(
+            "line",
+            {
+              x1: n ? -x / 2 : y,
+              x2: n ? x / 2 : y,
+              y1: n ? y : -x / 2,
+              y2: n ? y : x / 2
+            }
+          )
+        ] }),
+        w ? v.createPortal(g, p) : g
+      ]
+    }
+  );
+}
+export {
+  L as ErrorBarElement
+};
+//# sourceMappingURL=ErrorBarElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBarElement.js","sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"sourcesContent":["import type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {ErrorBar} from '../../layers';\nimport type {ErrorBarsData} from '../../layers/types';\nimport {getPointShape} from '../../../utils/getPointShape';\nimport type {AesItem, InheritAesDiscrete} from '../../../types';\nimport type {Orientation} from '../../../types';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport React from 'react';\nimport {createPortal} from 'react-dom';\n\ninterface ErrorBarProps {\n    facetKey: string;\n    scales: ChartScales;\n    errorBar: ErrorBar;\n    orientation: Orientation;\n    aes: ErrorBarsData['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    geom: ErrorBar\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\nexport function ErrorBarElement({\n    facetKey,\n    scales,\n    orientation,\n    errorBar,\n    aes,\n    sideDistances,\n    showTooltips,\n    activeElementContainer,\n    tooltipsContainer,\n    tooltipsData,\n}: ErrorBarProps) {\n    const isVertical = orientation === 'vertical';\n    const lineColor = getAesValue(scales, 'lineColor', aes.lineColor, errorBar);\n    const fillColor = getAesValue(scales, 'fillColor', aes.fillColor, errorBar);\n    const dotShape = getAesValue(scales, 'dotShape', aes.dotShape, errorBar);\n    const x = (scales.xPrimary(errorBar.primaryGrouping) ?? 0) + scales.xPrimary.bandwidth() / 2;\n    const width = aes.width === 'auto' ? scales.xPrimary.bandwidth() * 0.2 : aes.width;\n    const min = scales.y(errorBar.min);\n    const max = scales.y(errorBar.max);\n    const value = scales.y(errorBar.value);\n    const shape = getPointShape(dotShape, aes.dotSize, fillColor);\n    const dimmedBackground = activeElementContainer && tooltipsData.fixed;\n    const highlightedDot = tooltipsData.selectedData === errorBar && dimmedBackground;\n\n    const dot = aes.showDots ? (\n        <g transform={isVertical ? `translate(${x},${value})` : `translate(${value},${x})`}>\n            {shape}\n            {showTooltips && tooltipsContainer && (\n                <circle\n                    onMouseOver={() => tooltipsData.onMouseOver(errorBar, facetKey)}\n                    onMouseLeave={() => tooltipsData.onMouseLeave()}\n                    r=\"15\"\n                    fill=\"transparent\"\n                    stroke=\"none\"\n                />\n            )}\n            {showTooltips && (\n                <Tooltip\n                    content={[numberFormat(errorBar.value)]}\n                    x={isVertical ? x : value}\n                    y={isVertical ? value : x}\n                    sideDistances={sideDistances}\n                    horizontal\n                    active={tooltipsData.active && tooltipsData.selectedData === errorBar && tooltipsData.currentFacet === facetKey}\n                    fixed={tooltipsData.fixed}\n                    onClose={tooltipsData.onClose}\n                    container={tooltipsContainer}\n                />\n            )}\n        </g>\n    ) : null;\n    return (\n        <g\n            opacity={aes.opacity}\n            stroke={lineColor}\n            fill=\"none\"\n            strokeWidth={aes.lineWidth}\n        >\n            <g transform={isVertical ? `translate(${x},0)` : `translate(0,${x})`}>\n                <line\n                    x1={isVertical ? 0 : min}\n                    x2={isVertical ? 0 : max}\n                    y1={isVertical ? min : 0}\n                    y2={isVertical ? max : 0}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : min}\n                    x2={isVertical ? width / 2 : min}\n                    y1={isVertical ? min : -width / 2}\n                    y2={isVertical ? min : width / 2}\n                />\n                <line\n                    x1={isVertical ? -width / 2 : max}\n                    x2={isVertical ? width / 2 : max}\n                    y1={isVertical ? max : -width / 2}\n                    y2={isVertical ? max : width / 2}\n                />\n            </g>\n            {highlightedDot ? createPortal(dot, activeElementContainer) : dot}\n        </g>\n    );\n}\n"],"names":["getAesValue","scales","field","value","geom","ErrorBarElement","facetKey","orientation","errorBar","aes","sideDistances","showTooltips","activeElementContainer","tooltipsContainer","tooltipsData","isVertical","lineColor","fillColor","dotShape","x","width","min","max","shape","getPointShape","dimmedBackground","highlightedDot","dot","jsxs","jsx","Tooltip","numberFormat","createPortal"],"mappings":"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"}

package/dist/discrete/components/layers/LineElement.d.ts

@@ -0,0 +1,26 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { Line } from '../../layers';
+import { LinesData } from '../../layers/types';
+import { GroupingData, Orientation } from '../../../types';
+interface LineProps {
+    facetKey: string;
+    scales: ChartScales;
+    line: Line;
+    orientation: Orientation;
+    aes: LinesData['aes'];
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    secondaryGrouping: GroupingData;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function LineElement({ facetKey, scales, orientation, line, aes, sideDistances, showTooltips, secondaryGrouping, activeElementContainer, tooltipsContainer, tooltipsData, }: LineProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LineElement.d.ts.map

package/dist/discrete/components/layers/LineElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAEjD,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAQhD,UAAU,SAAS;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACtB,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,YAAY,CAAC;IAChC,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAyCD,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,SAAS,2CAoEX"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LineElement.js","sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"sourcesContent":["import type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {Line} from '../../layers';\nimport type {LinesData} from '../../layers/types';\nimport type {GroupingData} from '../../../types';\nimport type {AesItem, InheritAesDiscrete, PointShape} from '../../../types';\nimport type {Orientation} from '../../../types';\nimport {getPointShape} from '../../../utils/getPointShape';\nimport {getLineShape} from '../../../utils/getLineShape';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport {isArray} from 'lodash';\nimport React from 'react';\nimport {createPortal} from 'react-dom';\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.onMouseOver(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":";;;;;;;AAkCA,SAASA,EACLC,GACAC,GACAC,GACAC,GACS;AACT,MAAID,KAAS,OAAOA,KAAU,YAAY,UAAUA,GAAO;AACvD,QAAIA,EAAM,SAAS;AACf,YAAM,IAAI,MAAM,iDAAiD;AAErE,QAAIA,EAAM,SAAS;AACf,aAAOF,EAAO,cAAcG,EAAK,GAAG,EAAEF,CAAK;AAAA,EAEnD;AACA,SAAOC;AACX;AAEA,SAASE,EACLC,GACAC,GACAN,GACkC;AAClC,QAAMO,IAASP,EAAO,SAAS,UAAA,IAAc;AAC7C,SAAOM,EAAY;AAAA,IACf,OACI,EAAEN,EAAO,SAASQ,CAAG,KAAK,KAAKD,GAAQP,EAAO,EAAEK,EAAOG,CAAG,CAAC,GAAGA,GAAKH,EAAOG,CAAG,CAAC;AAAA,EAAA;AAO1F;AAEA,SAASC,EAAkBC,GAAgCC,GAAsBT,GAAc;AAC3F,QAAMU,IAAWF,EAAkB,YAAYC,CAAY;AAC3D,SAAOC,IAAW,CAACA,GAAUC,EAAaX,CAAK,CAAC,IAAI,CAACW,EAAaX,CAAK,CAAC;AAC5E;AAEO,SAASY,EAAY;AAAA,EACxB,UAAAC;AAAA,EACA,QAAAf;AAAA,EACA,aAAAgB;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,mBAAAV;AAAA,EACA,wBAAAW;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AACJ,GAAc;AACV,QAAMC,IAAaR,MAAgB,YAC7BS,IAAY1B,EAAYC,GAAQ,aAAakB,EAAI,WAAWD,CAAI,GAChES,IAAY3B,EAAYC,GAAQ,WAAWkB,EAAI,WAAWD,CAAI,GAC9DU,IAAY5B,EAAYC,GAAQ,aAAakB,EAAI,WAAWD,CAAI,GAChEW,IAAW7B,EAAYC,GAAQ,YAAYkB,EAAI,UAAUD,CAAI,GAC7DZ,IAASD,EAAaa,EAAK,MAAMjB,EAAO,SAAS,OAAA,GAAUA,CAAM,GACjE6B,IAAQC,EAAcF,GAAwBV,EAAI,SAASQ,CAAS,GACpEK,IAAmBV,KAA0BE,EAAa;AAEhE,SACIS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACG,SAASd,EAAI;AAAA,MACb,QAAQO;AAAA,MACR,iBAAiBQ,EAAaN,CAAS;AAAA,MACvC,aAAaT,EAAI;AAAA,MAEjB,UAAA;AAAA,QAAAgB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEG,QAAQ7B,EAAO,IAAI,CAAC,CAAC8B,GAAGC,CAAC,MAAOZ,IAAa,CAACW,GAAGC,CAAC,IAAI,CAACA,GAAGD,CAAC,CAAE,EAAE,KAAK,GAAG;AAAA,YACvE,QAAQV;AAAA,YACR,MAAK;AAAA,UAAA;AAAA,UAHAR,EAAK;AAAA,QAAA;AAAA,QAKbC,EAAI,aAAa,QACdgB,gBAAAA,MAAC,OACI,UAAA7B,EAAO,IAAI,CAACgC,MAAc;AACvB,gBAAM,CAACF,GAAGC,GAAG5B,GAAKN,CAAK,IAAImC,GACrBC,IAAOf,EAAa,cACpBgB,IAAkB,GAAQD,KAAQvB,MAAaQ,EAAa,gBAAgBiB,EAAAA,QAAQF,CAAI,KAAKA,EAAK,MAAM,CAACG,GAAIC,MAAQD,MAAOJ,EAAUK,CAAG,CAAC,IAC1IC,IAAkBJ,KAAmBR,GACrCa,IACFZ,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEG,WAAWR,IAAa,aAAaW,CAAC,IAAIC,CAAC,MAAM,aAAaA,CAAC,IAAID,CAAC;AAAA,cACpE,iBAAgB;AAAA,cAChB,QAAO;AAAA,cAEN,UAAA;AAAA,gBAAAN;AAAA,gBACAT,KAAgBE,KACbY,gBAAAA,EAAAA;AAAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,aAAa,MAAMX,EAAa,YAAYc,GAAWtB,CAAQ;AAAA,oBAC/D,cAAc,MAAMQ,EAAa,aAAA;AAAA,oBACjC,GAAE;AAAA,oBACF,MAAK;AAAA,oBACL,QAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAGdH,KACGc,gBAAAA,EAAAA;AAAAA,kBAACW;AAAA,kBAAA;AAAA,oBACG,SAASpC,EAAkBC,GAAmBO,EAAK,KAAKf,CAAK;AAAA,oBAC7D,GAAGsB,IAAaW,IAAIC;AAAA,oBACpB,GAAGZ,IAAaY,IAAID;AAAA,oBACpB,eAAAhB;AAAA,oBACA,YAAU;AAAA,oBACV,QAAQoB;AAAA,oBACR,OAAOhB,EAAa;AAAA,oBACpB,SAASA,EAAa;AAAA,oBACtB,WAAWD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,YA1BCd;AAAA,UAAA;AA8Bb,iBAAOmC,IAAiBG,EAAAA,aAAaF,GAAKvB,CAAsB,IAAIuB;AAAA,QACxE,CAAC,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIhB;"}

package/dist/discrete/components/layers/LogoElement.d.ts

@@ -0,0 +1,27 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { LogoPlotLayer } from '../../DiscreteSettingsImpl';
+import { LogoStack } from '../../layers';
+import { Orientation } from '../../../types';
+interface LogoElementProps {
+    facetKey: string;
+    scales: ChartScales;
+    geom: LogoStack;
+    orientation: Orientation;
+    aes: LogoPlotLayer['aes'];
+    normalize: boolean;
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    elementsAmount: number;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function LogoElement({ facetKey, scales, orientation, geom, aes, sideDistances, showTooltips, elementsAmount, normalize, activeElementContainer, tooltipsContainer, tooltipsData, }: LogoElementProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LogoElement.d.ts.map

package/dist/discrete/components/layers/LogoElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/LogoElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAC9D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAQhD,UAAU,gBAAgB;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,EACZ,cAAc,EACd,SAAS,EACT,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,gBAAgB,2CA6FlB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LogoElement.js","sources":["../../../../src/discrete/components/layers/LogoElement.tsx"],"sourcesContent":["import type { TooltipsData} from '../../../common/Tooltip';\nimport {Tooltip} from '../../../common/Tooltip';\nimport type {ChartScales} from '../types';\nimport type {LogoPlotLayer} from '../../DiscreteSettingsImpl';\nimport type {LogoStack} from '../../layers';\nimport type {Orientation} from '../../../types';\nimport React from 'react';\nimport {numberFormat} from '../../../utils/numberFormat';\nimport {seqAlphabet} from './seqAlphabet';\nimport {createPortal} from 'react-dom';\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.onMouseOver(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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"}

package/dist/discrete/components/layers/PairedPointsElement.d.ts

@@ -0,0 +1,25 @@
+import { TooltipsData } from '../../../common/Tooltip';
+import { ChartScales } from '../types';
+import { PairedPoints } from '../../layers';
+import { PairedPointsData } from '../../layers/types';
+import { Orientation } from '../../../types';
+interface PairedPointsProps {
+    facetKey: string;
+    scales: ChartScales;
+    geom: PairedPoints;
+    orientation: Orientation;
+    aes: PairedPointsData['aes'];
+    sideDistances: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    showTooltips: boolean;
+    tooltipsData: TooltipsData<unknown>;
+    activeElementContainer?: Element;
+    tooltipsContainer?: Element;
+}
+export declare function PairedPointsElement({ facetKey, scales, orientation, geom, aes, sideDistances, showTooltips, activeElementContainer, tooltipsContainer, tooltipsData, }: PairedPointsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PairedPointsElement.d.ts.map

package/dist/discrete/components/layers/PairedPointsElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PairedPointsElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/PairedPointsElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAE3D,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAA8B,WAAW,EAAa,MAAM,gBAAgB,CAAC;AAOzF,UAAU,iBAAiB;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,YAAY,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7B,aAAa,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAmBD,wBAAgB,mBAAmB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,WAAW,EACX,IAAI,EACJ,GAAG,EACH,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,GACf,EAAE,iBAAiB,2CA2GnB"}

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

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