@milaboratories/miplots4 1.0.126 → 1.0.128

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

@@ -1 +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"}
+{"version":3,"file":"ErrorBarElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAA+B,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG/E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,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

@@ -1,22 +1,22 @@
 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) {
+import { r as G } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as b } from "../../../common/Tooltip.js";
+import { getPointShape as k } from "../../../utils/getPointShape.js";
+import { numberFormat as E } from "../../../utils/numberFormat.js";
+function f(l, o, r, t) {
   if (r && typeof r == "object" && "type" in r) {
     if (r.type === "primaryGrouping")
-      return l.xPrimaryAes(o.primaryGrouping)[t];
+      return l.xPrimaryAes(t.primaryGrouping)[o];
     if (r.type === "secondaryGrouping")
-      return l.xSecondaryAes(o.secondaryGrouping)[t];
+      return l.xSecondaryAes(t.secondaryGrouping)[o];
   }
   return r;
 }
 function L({
   facetKey: l,
-  scales: t,
+  scales: o,
   orientation: r,
-  errorBar: o,
+  errorBar: t,
   aes: i,
   sideDistances: j,
   showTooltips: h,
@@ -24,12 +24,12 @@ function L({
   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: [
+  const n = r === "vertical", a = f(o, "lineColor", i.lineColor, t), C = f(o, "fillColor", i.fillColor, t), P = f(o, "dotShape", i.dotShape, t), d = (o.xPrimary(t.primaryGrouping) ?? 0) + o.xPrimary.bandwidth() / 2, x = i.width === "auto" ? o.xPrimary.bandwidth() * 0.2 : i.width, m = o.y(t.min), y = o.y(t.max), u = o.y(t.value), S = k(P, i.dotSize, C), $ = p && e.fixed, w = e.selectedData === t && $, 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),
+        onMouseOver: () => e.onMouseEnter(t, l),
         onMouseLeave: () => e.onMouseLeave(),
         r: "15",
         fill: "transparent",
@@ -37,14 +37,14 @@ function L({
       }
     ),
     h && /* @__PURE__ */ c.jsx(
-      G,
+      b,
       {
-        content: [k(o.value)],
+        content: [E(t.value)],
         x: n ? d : u,
         y: n ? u : d,
         sideDistances: j,
         horizontal: !0,
-        active: e.active && e.selectedData === o && e.currentFacet === l,
+        active: e.active && e.selectedData === t && e.currentFacet === l,
         fixed: e.fixed,
         onClose: e.onClose,
         container: s
@@ -88,7 +88,7 @@ function L({
             }
           )
         ] }),
-        w ? v.createPortal(g, p) : g
+        w ? G.createPortal(g, p) : g
       ]
     }
   );

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

@@ -1 +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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"}
+{"version":3,"file":"ErrorBarElement.js","sources":["../../../../src/discrete/components/layers/ErrorBarElement.tsx"],"sourcesContent":["import { createPortal } from 'react-dom';\nimport type { TooltipsData } from '../../../common/Tooltip';\nimport { Tooltip } from '../../../common/Tooltip';\nimport type { AesItem, InheritAesDiscrete, Orientation } from '../../../types';\nimport { getPointShape } from '../../../utils/getPointShape';\nimport { numberFormat } from '../../../utils/numberFormat';\nimport type { ErrorBar } from '../../layers';\nimport type { ErrorBarsData } from '../../layers/types';\nimport type { ChartScales } from '../types';\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.onMouseEnter(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

@@ -1,8 +1,8 @@
 import { TooltipsData } from '../../../common/Tooltip';
-import { ChartScales } from '../types';
+import { GroupingData, Orientation } from '../../../types';
 import { Line } from '../../layers';
 import { LinesData } from '../../layers/types';
-import { GroupingData, Orientation } from '../../../types';
+import { ChartScales } from '../types';
 interface LineProps {
     facetKey: string;
     scales: ChartScales;

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

@@ -1 +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"}
+{"version":3,"file":"LineElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/LineElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAW,YAAY,EAAsB,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAIzG,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,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

@@ -1,10 +1,10 @@
 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 { l as z } from "../../../node_modules/lodash/lodash.js";
+import { r as B } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as G } from "../../../common/Tooltip.js";
+import { getLineShape as W } from "../../../utils/getLineShape.js";
+import { getPointShape as O } from "../../../utils/getPointShape.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")
@@ -37,13 +37,13 @@ function V({
   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;
+  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 = O(P, t.dotSize, b), M = l && i.fixed;
   return /* @__PURE__ */ s.jsxs(
     "g",
     {
       opacity: t.opacity,
       stroke: x,
-      strokeDasharray: G(C),
+      strokeDasharray: W(C),
       strokeWidth: t.lineWidth,
       children: [
         /* @__PURE__ */ s.jsx(
@@ -56,7 +56,7 @@ function V({
           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(
+          const [c, d, $, A] = p, h = i.selectedData, S = !!(h && e === i.currentFacet && z.isArray(h) && h.every((v, w) => v === p[w])), F = S && M, g = /* @__PURE__ */ s.jsxs(
             "g",
             {
               transform: a ? `translate(${c},${d})` : `translate(${d},${c})`,
@@ -67,7 +67,7 @@ function V({
                 f && y && /* @__PURE__ */ s.jsx(
                   "circle",
                   {
-                    onMouseOver: () => i.onMouseOver(p, e),
+                    onMouseOver: () => i.onMouseEnter(p, e),
                     onMouseLeave: () => i.onMouseLeave(),
                     r: "15",
                     fill: "transparent",
@@ -75,9 +75,9 @@ function V({
                   }
                 ),
                 f && /* @__PURE__ */ s.jsx(
-                  z,
+                  G,
                   {
-                    content: T(L, r.key, v),
+                    content: T(L, r.key, A),
                     x: a ? c : d,
                     y: a ? d : c,
                     sideDistances: k,
@@ -92,7 +92,7 @@ function V({
             },
             $
           );
-          return A ? W.createPortal(g, l) : g;
+          return F ? B.createPortal(g, l) : g;
         }) })
       ]
     }

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

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

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

@@ -1,8 +1,8 @@
 import { TooltipsData } from '../../../common/Tooltip';
-import { ChartScales } from '../types';
+import { Orientation } from '../../../types';
 import { LogoPlotLayer } from '../../DiscreteSettingsImpl';
 import { LogoStack } from '../../layers';
-import { Orientation } from '../../../types';
+import { ChartScales } from '../types';
 interface LogoElementProps {
     facetKey: string;
     scales: ChartScales;

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

@@ -1 +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"}
+{"version":3,"file":"LogoElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/LogoElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAK5C,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

@@ -1,16 +1,16 @@
 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";
+import { r as W } from "../../../node_modules/react-dom/index.js";
+import { Tooltip as _ } from "../../../common/Tooltip.js";
+import { numberFormat as q } from "../../../utils/numberFormat.js";
+import { seqAlphabet as E } from "./seqAlphabet.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,
+  orientation: P,
   geom: r,
   aes: l,
-  sideDistances: E,
+  sideDistances: C,
   showTooltips: H,
   elementsAmount: w,
   normalize: F,
@@ -18,7 +18,7 @@ function J({
   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 o = P === "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 = {};
@@ -32,15 +32,15 @@ function J({
       y2: p + a
     }, p += a;
   });
-  const O = $ && n.fixed;
+  const R = $ && 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])
+    const { y1: a, y2: M } = b[t], i = h.y(a), u = h.y(M), f = Math.abs(i - u) - 2 * m, z = typeof l.fillColor == "string" ? l.fillColor : l.fillColor[t], G = o ? -s / 2 : Math.min(i, u) + m, O = o ? Math.min(i, u) + m : -s / 2, j = t === "-";
+    if (!j && !E[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(
+    const v = `logo_${r.key}_${t}`, V = n.currentFacet === x && n.selectedData === v && R, y = /* @__PURE__ */ e.jsxs("g", { transform: o ? `translate(${d},0)` : `translate(0, ${d})`, children: [
+      /* @__PURE__ */ e.jsx("g", { transform: `translate(${G},${O})`, 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}) `,
@@ -50,13 +50,13 @@ function J({
         "g",
         {
           transform: o ? `scale(${s / 100},${f / 100})` : `scale(${f / 100},${s / 100})`,
-          fill: R,
-          onMouseOver: () => n.onMouseOver(v, x),
+          fill: z,
+          onMouseOver: () => n.onMouseEnter(v, x),
           onMouseLeave: () => n.onMouseLeave(),
           children: /* @__PURE__ */ e.jsx(
             "path",
             {
-              d: P[t],
+              d: E[t],
               fillRule: "evenodd",
               clipRule: "evenodd"
             }
@@ -64,12 +64,12 @@ function J({
         }
       ) }),
       H && /* @__PURE__ */ e.jsx(
-        W,
+        _,
         {
-          content: [t, _(r.valuesMap[t].height) + (F ? "%" : "")],
+          content: [t, q(r.valuesMap[t].height) + (F ? "%" : "")],
           x: o ? d : (i + u) / 2,
           y: o ? (i + u) / 2 : d,
-          sideDistances: E,
+          sideDistances: C,
           horizontal: o,
           offset: w > 1 ? c / 2 : c / 4,
           active: v === n.selectedData && n.currentFacet === x,
@@ -79,7 +79,7 @@ function J({
         }
       )
     ] }, t);
-    return V ? q.createPortal(y, $) : y;
+    return V ? W.createPortal(y, $) : y;
   }) });
 }
 export {

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

@@ -1 +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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"}
+{"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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"}

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

@@ -1,8 +1,8 @@
 import { TooltipsData } from '../../../common/Tooltip';
-import { ChartScales } from '../types';
+import { Orientation } from '../../../types';
 import { PairedPoints } from '../../layers';
 import { PairedPointsData } from '../../layers/types';
-import { Orientation } from '../../../types';
+import { ChartScales } from '../types';
 interface PairedPointsProps {
     facetKey: string;
     scales: ChartScales;

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

@@ -1 +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"}
+{"version":3,"file":"PairedPointsElement.d.ts","sourceRoot":"","sources":["../../../../src/discrete/components/layers/PairedPointsElement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE5D,OAAO,KAAK,EAA+B,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAI3F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,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

@@ -1,15 +1,15 @@
 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) {
+import { r as $ } from "../../../node_modules/react-dom/index.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(n)[e];
+      return i.xPrimaryAes(r)[e];
     if (c.type === "secondaryGrouping")
-      return i.xSecondaryAes(n)[e];
+      return i.xSecondaryAes(r)[e];
   }
   return c;
 }
@@ -17,69 +17,69 @@ function N({
   facetKey: i,
   scales: e,
   orientation: c,
-  geom: n,
+  geom: r,
   aes: t,
-  sideDistances: p,
+  sideDistances: v,
   showTooltips: u,
   activeElementContainer: f,
   tooltipsContainer: x,
-  tooltipsData: r
+  tooltipsData: n
 }) {
-  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, _);
+  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 n.grouping === "primary" ? (e.xPrimary(o) ?? 0) + e.xPrimary.bandwidth() / 2 : (e.xPrimary(n.id) ?? 0) + (e.xSecondary(o) ?? 0) + e.xSecondary.bandwidth() / 2;
+    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 && 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: [
+  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: () => r.onMouseOver(j, i),
-          onMouseLeave: () => r.onMouseLeave(),
+          onMouseOver: () => n.onMouseEnter(j, i),
+          onMouseLeave: () => n.onMouseLeave(),
           r: "15",
           fill: "transparent",
           stroke: "none"
         }
       ),
       u && /* @__PURE__ */ d.jsx(
-        $,
+        g,
         {
-          content: [o.id, F(o.key1.value)],
+          content: [o.id, b(o.key1.value)],
           x: k,
           y: m,
-          sideDistances: p,
+          sideDistances: v,
           horizontal: !0,
-          active: j === r.selectedData && r.currentFacet === i,
-          fixed: r.fixed,
-          onClose: r.onClose,
+          active: j === n.selectedData && n.currentFacet === i,
+          fixed: n.fixed,
+          onClose: n.onClose,
           container: x
         }
       )
-    ] }), B = /* @__PURE__ */ d.jsxs("g", { transform: `translate(${S},${P})`, children: [
-      V,
+    ] }), a = /* @__PURE__ */ d.jsxs("g", { transform: `translate(${S},${P})`, children: [
+      O,
       u && x && /* @__PURE__ */ d.jsx(
         "circle",
         {
-          onMouseOver: () => r.onMouseOver(v, i),
-          onMouseLeave: () => r.onMouseLeave(),
+          onMouseOver: () => n.onMouseEnter(s, i),
+          onMouseLeave: () => n.onMouseLeave(),
           r: "15",
           fill: "transparent",
           stroke: "none"
         }
       ),
       u && /* @__PURE__ */ d.jsx(
-        $,
+        g,
         {
-          content: [o.id, F(o.key2.value)],
+          content: [o.id, b(o.key2.value)],
           x: S,
           y: P,
-          sideDistances: p,
+          sideDistances: v,
           horizontal: !0,
-          active: v === r.selectedData && r.currentFacet === i,
-          fixed: r.fixed,
-          onClose: r.onClose,
+          active: s === n.selectedData && n.currentFacet === i,
+          fixed: n.fixed,
+          onClose: n.onClose,
           container: x
         }
       )
@@ -93,13 +93,13 @@ function N({
           x2: S,
           y2: P,
           stroke: C,
-          strokeDasharray: E(L),
+          strokeDasharray: B(L),
           strokeWidth: t.lineWidth,
           fill: "none"
         }
       ),
-      W ? b.createPortal(s, f) : s,
-      a ? b.createPortal(s, f) : B
+      V ? $.createPortal(p, f) : p,
+      W ? $.createPortal(p, f) : a
     ] }, o.id);
   }) });
 }